/* ThermikaRola self-hosted fonts (variable, only greek+latin) */
@font-face{font-family:'Commissioner';font-style:normal;font-display:swap;font-weight:100 900;src:url('fonts/commissioner-greek-wght-normal.woff2') format('woff2-variations'),url('fonts/commissioner-greek-wght-normal.woff2') format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}
@font-face{font-family:'Commissioner';font-style:normal;font-display:swap;font-weight:100 900;src:url('fonts/commissioner-latin-wght-normal.woff2') format('woff2-variations'),url('fonts/commissioner-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Unbounded';font-style:normal;font-display:swap;font-weight:200 900;src:url('fonts/unbounded-latin-wght-normal.woff2') format('woff2-variations'),url('fonts/unbounded-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Roboto Mono';font-style:normal;font-display:swap;font-weight:100 700;src:url('fonts/roboto-mono-greek-wght-normal.woff2') format('woff2-variations'),url('fonts/roboto-mono-greek-wght-normal.woff2') format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}
@font-face{font-family:'Roboto Mono';font-style:normal;font-display:swap;font-weight:100 700;src:url('fonts/roboto-mono-latin-wght-normal.woff2') format('woff2-variations'),url('fonts/roboto-mono-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
:root{
  --navy:#16305E; --navy-2:#22468F; --navy-ink:#0B1C3A; --sky:#EEF3FB;
  --orange:#F97316; --orange-d:#EA580C; --orange-tint:#FFF3EA;
  --green:#0F9D58; --green-tint:#E7F6EE;
  --paper:#FBFCFE; --ink:#111A2B;
  --muted:#5A6478; --line:#E7ECF4; --line-2:#D8E0EE; --white:#FFFFFF;
  --mono:'Roboto Mono',monospace; --body:'Commissioner',sans-serif; --display:'Unbounded',sans-serif;
  --radius:18px; --radius-sm:12px;
  --shadow-sm:0 1px 2px rgba(11,28,58,.05), 0 10px 26px -18px rgba(11,28,58,.35);
  --shadow:0 20px 46px -24px rgba(11,28,58,.4);
}
.tr-page,.tr-page *{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.tr-page button{font-family:inherit;cursor:pointer}
.tr-page a{color:var(--navy-2)}
::selection{background:rgba(249,115,22,.22)}
:focus-visible{outline:2.5px solid var(--orange);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion: reduce){.tr-page,.tr-page *,.tr-page *::before,.tr-page *::after{animation:none!important;transition:none!important}}
.tr-page .container{max-width:1220px;margin:0 auto;padding:0 1.5rem}

/* ============ ICONS ============ */
.tr-page .ic{width:1.2em;height:1.2em;flex:none;display:inline-block;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tr-page .ic.fill{fill:currentColor;stroke:none}
.tr-page .ic-badge{width:46px;height:46px;border-radius:13px;background:var(--sky);color:var(--navy);display:flex;align-items:center;justify-content:center;flex:none}
.tr-page .ic-badge .ic{width:23px;height:23px;stroke-width:1.7}

/* ============ HEADER ============ */
.tr-page .promo-bar{background:var(--navy-ink);color:#fff;font-weight:600;font-size:.72rem;text-align:center;padding:.5rem 1rem;letter-spacing:.03em;display:flex;align-items:center;justify-content:center;gap:.5rem}
.tr-page .promo-bar .ic{color:var(--orange)}
.tr-page .contact-bar{background:var(--navy);color:#b9c9e6;font-size:.72rem;padding:.35rem 0}
.tr-page .contact-bar .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.tr-page .contact-bar span{display:inline-flex;align-items:center;gap:.4rem}
.tr-page .contact-bar a{color:#fff;text-decoration:none;font-weight:600}
.tr-page .contact-bar a:hover{color:var(--orange)}
.tr-page header.main{position:sticky;top:0;z-index:50;background:rgba(251,252,254,.85);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.tr-page .nav{display:flex;align-items:center;flex-wrap:wrap;row-gap:.5rem;gap:.8rem;padding-top:.6rem;padding-bottom:.6rem}
.tr-page .logo{text-decoration:none;display:flex;align-items:center;gap:.65rem;flex:none;margin-right:auto}
.tr-page .logo svg.mark{height:32px;width:auto;display:block}
.tr-page .logo .word{font-family:var(--display);font-weight:800;font-size:1.1rem;color:var(--navy);letter-spacing:-.035em;line-height:1.02}
.tr-page .logo .word em{font-style:normal;color:var(--orange)}
.tr-page .logo .word small{display:block;font-family:var(--body);font-weight:600;font-size:.5rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-top:.1rem}
.tr-page .nav-links{display:flex;order:10;flex-basis:100%;width:100%;margin-left:0;justify-content:flex-start;gap:.2rem;font-weight:600;font-size:.85rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.1rem}
.tr-page .nav-links::-webkit-scrollbar{display:none}
.tr-page .nav-links a{flex:none}
.tr-page .nav-links a{color:var(--ink);text-decoration:none;padding:.42rem .75rem;border-radius:999px;white-space:nowrap;transition:background .15s,color .15s}
.tr-page .nav-links a:hover{background:var(--sky);color:var(--navy)}
.tr-page .nav-links a.active{color:#fff;background:var(--navy)}
.tr-page .icon-btn{display:flex;align-items:center;gap:.35rem;background:none;color:var(--navy);border:1px solid var(--line-2);padding:.42rem .7rem;font-weight:700;font-size:.82rem;border-radius:10px;text-decoration:none;transition:all .15s;white-space:nowrap}
.tr-page .icon-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.tr-page .icon-btn .count{background:var(--orange);color:#fff;font-family:var(--mono);font-size:.68rem;min-width:1.4em;height:1.4em;padding:0 .3em;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}
.tr-page .cart-btn{display:flex;align-items:center;gap:.45rem;background:var(--navy);color:#fff;border:none;padding:.48rem .9rem;font-weight:700;font-size:.82rem;border-radius:10px;transition:background .15s}
.tr-page .cart-btn:hover{background:var(--orange)}
.tr-page .cart-btn .count{background:rgba(255,255,255,.22);color:#fff;font-family:var(--mono);font-size:.68rem;min-width:1.4em;height:1.4em;padding:0 .3em;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}
.tr-page .burger{display:none;background:none;border:1px solid var(--line-2);border-radius:10px;padding:.4rem;color:var(--navy)}
.tr-page .burger .ic{width:20px;height:20px}

/* ============ PAGES ============ */
.tr-page .page{display:none;animation:fadeIn .3s ease}
.tr-page .page.visible{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ============ HERO ============ */
.tr-page .hero{background:var(--navy-ink);color:#fff;overflow:hidden;position:relative}
.tr-page .hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;opacity:.7}
.tr-page .hero::after{content:"";position:absolute;right:-10%;top:-40%;width:60%;height:180%;background:radial-gradient(closest-side,rgba(34,70,143,.55),transparent 70%)}
.tr-page .hero .container{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;padding-top:4.5rem;padding-bottom:4.5rem;position:relative;z-index:1}
.tr-page .eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:#FFB582;font-weight:600;margin-bottom:1.3rem;display:flex;align-items:center;gap:.7rem}
.tr-page .eyebrow::before{content:"";width:26px;height:1px;background:currentColor;display:inline-block}
.tr-page .hero h1{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,5.2vw,4rem);line-height:1.04;letter-spacing:-.035em;margin-bottom:1.4rem}
.tr-page .hero h1 em{font-style:normal;color:var(--orange)}
.tr-page .hero p{color:#c7d3ea;max-width:34rem;margin-bottom:2rem;font-size:1.08rem;line-height:1.7}
.tr-page .hero-cta{display:flex;gap:.8rem;flex-wrap:wrap}
.tr-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-weight:700;border-radius:12px;padding:.9rem 1.55rem;font-size:.98rem;border:1.5px solid transparent;transition:transform .15s,background .15s,box-shadow .15s,color .15s,border-color .15s;text-align:center;letter-spacing:.01em}
.tr-page .btn .ic{width:1.1em;height:1.1em}
.tr-page .btn-orange{background:var(--orange);color:#fff;box-shadow:0 14px 28px -14px rgba(249,115,22,.85)}
.tr-page .btn-orange:hover{background:var(--orange-d);transform:translateY(-2px)}
.tr-page .btn-outline-w{border-color:rgba(255,255,255,.5);color:#fff;background:transparent}
.tr-page .btn-outline-w:hover{background:#fff;color:var(--navy-ink);border-color:#fff}
.tr-page .btn-navy{background:var(--navy);color:#fff}
.tr-page .btn-navy:hover{background:var(--navy-2);transform:translateY(-2px)}
.tr-page .btn-outline{border-color:var(--line-2);color:var(--navy);background:#fff}
.tr-page .btn-outline:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.tr-page .hero-badges{display:flex;gap:2.4rem;margin-top:2.8rem;flex-wrap:wrap}
.tr-page .hbadge{font-size:.78rem;color:#a9bbdc}
.tr-page .hbadge b{display:block;font-size:1.35rem;color:#fff;font-family:var(--display);font-weight:700;letter-spacing:-.02em;margin-bottom:.1rem}
.tr-page .hero-visual{display:flex;justify-content:center;align-items:center;position:relative;min-height:340px}
.tr-page .hero-stage{position:relative;width:340px;height:340px;max-width:100%}
.tr-page .hero-stage::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:360px;height:360px;border-radius:50%;background:radial-gradient(closest-side,rgba(249,115,22,.26),transparent 70%)}
.tr-page .hr-disc{position:absolute;border-radius:50%;background:repeating-radial-gradient(circle,#fff 0 3px,#e2e9f6 3px 6px);
  box-shadow:0 26px 50px -18px rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center}
.tr-page .hr-disc::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px #fff}
.tr-page .hr-disc.d1{width:128px;height:128px;left:6px;top:24px;z-index:3}
.tr-page .hr-disc.d1::after{width:26px;height:26px}
.tr-page .hr-disc.d2{width:164px;height:164px;left:104px;top:96px;z-index:2}
.tr-page .hr-disc.d2::after{width:34px;height:34px}
.tr-page .hr-disc.d3{width:112px;height:112px;left:216px;top:14px;z-index:1;opacity:.92}
.tr-page .hr-disc.d3::after{width:22px;height:22px}
.tr-page .hr-size{position:absolute;bottom:-13px;font-family:var(--mono);font-size:.72rem;font-weight:700;color:var(--navy-ink);
  background:#fff;padding:.18rem .55rem;border-radius:999px;letter-spacing:.02em;box-shadow:0 6px 14px -6px rgba(0,0,0,.5)}
.tr-page .hr-size i{font-style:normal;font-size:.56rem;color:var(--muted);margin-left:.1rem}
.tr-page .hr-chip{position:absolute;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;color:#fff;
  border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:.32rem .7rem;background:rgba(255,255,255,.07);backdrop-filter:blur(3px)}
.tr-page .hr-chip.c1{right:-6px;top:180px}
.tr-page .hr-chip.c2{left:0;bottom:8px}

/* USP strip */
.tr-page .usp{background:var(--white);border-bottom:1px solid var(--line)}
.tr-page .usp .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem;padding-top:1.6rem;padding-bottom:1.6rem}
.tr-page .usp-item{display:flex;gap:.85rem;align-items:center;font-size:.86rem;font-weight:700;color:var(--ink);padding:.5rem}
.tr-page .usp-item small{display:block;font-weight:400;color:var(--muted);font-size:.8rem;margin-top:.1rem}

/* ============ SECTIONS ============ */
.tr-page .section{padding:4.2rem 0}
.tr-page .section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.tr-page .section-head h2{font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,3vw,2.5rem);color:var(--navy);letter-spacing:-.03em;line-height:1.08}
.tr-page .section-head p{color:var(--muted);font-size:.96rem}
.tr-page .link-more{font-weight:700;color:var(--orange);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}
.tr-page .link-more:hover{gap:.6rem}

.tr-page .cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.1rem}
.tr-page .cat-tile{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.3rem;text-decoration:none;color:var(--ink);transition:all .18s;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}
.tr-page .cat-tile:hover{border-color:var(--navy);transform:translateY(-5px);box-shadow:var(--shadow)}
.tr-page .cat-tile .ic-badge{margin-bottom:.7rem}
.tr-page .cat-tile:hover .ic-badge{background:var(--navy);color:#fff}
.tr-page .cat-tile b{display:block;font-size:1.02rem;color:var(--navy);font-weight:700}
.tr-page .cat-tile span{font-size:.8rem;color:var(--muted)}

.tr-page .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:1.4rem}
.tr-page .card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:all .18s;cursor:pointer}
.tr-page .card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--line-2)}
.tr-page .card-visual{height:172px;display:flex;align-items:center;justify-content:center;position:relative;background:var(--sky)}
.tr-page .mini-roll{border-radius:50%;border:3px solid var(--navy);position:relative;background:radial-gradient(circle,#fff 0 26%,transparent 26%),repeating-radial-gradient(circle,#fff 0 2px,#dbe4f4 2px 4px)}
.tr-page .mini-roll::after{content:"";position:absolute;inset:34%;border-radius:50%;border:3px solid var(--orange);background:#fff}
.tr-page .sz-57{width:76px;height:76px}
.tr-page .sz-80{width:100px;height:100px}
.tr-page .sz-110{width:118px;height:118px}
.tr-page .sz-label{width:92px;height:92px;border-radius:14px!important}
.tr-page .sz-label::after{border-radius:8px!important;inset:20% 15%!important;border-color:var(--green)!important}
.tr-page .tag{position:absolute;top:.75rem;left:.75rem;font-family:var(--mono);font-size:.6rem;background:var(--navy);color:#fff;padding:.26rem .6rem;border-radius:6px;letter-spacing:.1em;font-weight:600;text-transform:uppercase}
.tr-page .tag.hot{background:var(--orange)}
.tr-page .tag.eco{background:var(--green)}
.tr-page .card-body{padding:1.15rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.45rem;flex:1}
.tr-page .dims{font-family:var(--mono);font-size:.7rem;color:var(--navy-2);font-weight:600;letter-spacing:.05em}
.tr-page .card-body h3{font-size:1.04rem;font-weight:700;line-height:1.32;color:var(--ink)}
.tr-page .per-piece{font-size:.78rem;color:var(--green);font-weight:700}
.tr-page .card-foot{display:flex;align-items:end;justify-content:space-between;margin-top:auto;padding-top:.7rem;gap:.5rem}
.tr-page .price{font-family:var(--display);font-weight:700;font-size:1.28rem;color:var(--navy);letter-spacing:-.02em}
.tr-page .price small{font-size:.62rem;color:var(--muted);font-weight:400;display:block;font-family:var(--body);letter-spacing:0;margin-top:.15rem}
.tr-page .add-btn{background:var(--navy);color:#fff;border:none;border-radius:10px;padding:.6rem 1rem;font-weight:700;font-size:.82rem;transition:background .15s;white-space:nowrap}
.tr-page .add-btn:hover{background:var(--orange)}
.tr-page .add-btn.added{background:var(--green)}

.tr-page .guide{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem;box-shadow:var(--shadow-sm);overflow:hidden}
.tr-page .guide table{width:100%;border-collapse:collapse;font-size:.9rem}
.tr-page .guide th{background:transparent;color:var(--muted);text-align:left;padding:.7rem .8rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid var(--navy)}
.tr-page .guide td{padding:.85rem .8rem;border-bottom:1px solid var(--line)}
.tr-page .guide tr:last-child td{border-bottom:none}
.tr-page .guide .mono{font-family:var(--mono);font-weight:600;color:var(--navy-2);white-space:nowrap}
.tr-page .guide a{color:var(--navy);font-weight:600;text-decoration:none}
.tr-page .guide a:hover{color:var(--orange)}

.tr-page .band{background:var(--navy-ink);color:#fff;position:relative;overflow:hidden}
.tr-page .band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px}
.tr-page .band .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem;padding-top:3.4rem;padding-bottom:3.4rem;position:relative;z-index:1}
.tr-page .band-item{border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:1.6rem;background:rgba(255,255,255,.02)}
.tr-page .band-item .ic-badge{background:rgba(249,115,22,.16);color:var(--orange);margin-bottom:1rem}
.tr-page .band-item h3{font-size:1.02rem;margin-bottom:.5rem;font-weight:700}
.tr-page .band-item p{font-size:.86rem;color:#a9bbdc;line-height:1.65}

/* ============ TESTIMONIALS ============ */
.tr-page .reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.3rem}
.tr-page .review{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:var(--shadow-sm)}
.tr-page .stars{color:#F5A524;font-size:1rem;letter-spacing:3px}
.tr-page .review p{font-size:.94rem;color:var(--ink);flex:1;font-style:italic;line-height:1.6}
.tr-page .review .who{display:flex;align-items:center;gap:.75rem;border-top:1px solid var(--line);padding-top:.9rem}
.tr-page .avatar{width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex:none;font-family:var(--display)}
.tr-page .avatar.o{background:var(--orange)}
.tr-page .avatar.g{background:var(--green)}
.tr-page .who b{font-size:.86rem;display:block;line-height:1.2}
.tr-page .who small{font-size:.74rem;color:var(--muted)}
.tr-page .rating-summary{display:flex;align-items:center;gap:.8rem;font-size:.9rem;color:var(--muted)}
.tr-page .rating-summary b{font-family:var(--display);font-size:1.9rem;color:var(--navy);font-weight:700;letter-spacing:-.02em}

/* ============ SHOP ============ */
.tr-page .shop-layout{display:grid;grid-template-columns:250px 1fr;gap:2.2rem;align-items:start}
.tr-page .sidebar{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;position:sticky;top:150px}
.tr-page .sidebar h3{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
.tr-page .f-btn{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;background:none;border:none;padding:.6rem .7rem;border-radius:10px;font-weight:600;font-size:.9rem;color:var(--ink);margin-bottom:.2rem;transition:all .12s}
.tr-page .f-btn .ic{width:18px;height:18px;color:var(--muted)}
.tr-page .f-btn:hover{background:var(--sky)}
.tr-page .f-btn.active{background:var(--navy);color:#fff}
.tr-page .f-btn.active .ic{color:#fff}
.tr-page .sort-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap}
.tr-page .sort-row select{padding:.6rem .9rem;border:1px solid var(--line-2);border-radius:10px;font-family:var(--body);font-size:.88rem;background:#fff;color:var(--ink)}
.tr-page .result-count{font-size:.85rem;color:var(--muted)}

/* ============ PRODUCT PAGE ============ */
.tr-page .breadcrumb{font-size:.8rem;color:var(--muted);margin:1.6rem 0}
.tr-page .breadcrumb a{color:var(--navy-2);text-decoration:none}
.tr-page .breadcrumb a:hover{color:var(--orange)}
.tr-page .pdp{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:start}
.tr-page .pdp-visual{background:var(--sky);border:1px solid var(--line);border-radius:var(--radius);min-height:400px;display:flex;align-items:center;justify-content:center;position:relative}
.tr-page .pdp h1{font-family:var(--display);font-weight:700;font-size:clamp(1.4rem,2.6vw,2rem);color:var(--navy);line-height:1.18;margin-bottom:.5rem;letter-spacing:-.025em}
.tr-page .pdp .sku{font-family:var(--mono);font-size:.75rem;color:var(--muted);margin-bottom:1.2rem}
.tr-page .pdp-price-box{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1.5rem;margin:1.2rem 0}
.tr-page .pdp-price{font-family:var(--display);font-size:2.1rem;font-weight:700;color:var(--navy);letter-spacing:-.03em}
.tr-page .pdp-price small{font-size:.82rem;color:var(--muted);font-weight:400;font-family:var(--body)}
.tr-page .pdp-vat{font-size:.85rem;color:var(--muted);margin-top:.2rem}
.tr-page .pdp-piece{color:var(--green);font-weight:700;font-size:.92rem;margin-top:.5rem}
.tr-page .qty-row{display:flex;align-items:center;gap:1rem;margin:1.3rem 0}
.tr-page .qty-box{display:flex;align-items:center;border:1.5px solid var(--navy);border-radius:12px;overflow:hidden}
.tr-page .qty-box button{width:2.6rem;height:2.6rem;border:none;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center}
.tr-page .qty-box button .ic{width:16px;height:16px}
.tr-page .qty-box button:hover{background:var(--sky)}
.tr-page .qty-box span{min-width:2.6rem;text-align:center;font-family:var(--mono);font-weight:700}
.tr-page .stock{color:var(--green);font-weight:700;font-size:.85rem}
.tr-page .specs{margin-top:1.8rem}
.tr-page .specs h2{font-size:1.05rem;color:var(--navy);margin-bottom:.7rem;font-family:var(--display);font-weight:700}
.tr-page .specs table{width:100%;border-collapse:collapse;font-size:.9rem}
.tr-page .specs td{padding:.65rem .3rem;border-bottom:1px solid var(--line)}
.tr-page .specs td:first-child{color:var(--muted);width:48%}
.tr-page .pdp-badges{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}
.tr-page .pill{font-size:.74rem;font-weight:600;padding:.4rem .8rem;border-radius:999px;background:var(--green-tint);color:var(--green);display:inline-flex;align-items:center;gap:.35rem}
.tr-page .pill .ic{width:15px;height:15px}
.tr-page .pill.blue{background:var(--sky);color:var(--navy-2)}

/* ============ INFO / PROSE ============ */
.tr-page .prose{max-width:820px}
.tr-page .prose h1{font-family:var(--display);font-size:clamp(1.7rem,3vw,2.4rem);color:var(--navy);margin:1.8rem 0 1.3rem;letter-spacing:-.03em;font-weight:700}
.tr-page .prose h2{font-size:1.2rem;color:var(--navy);margin:2rem 0 .6rem;font-family:var(--display);font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:.55rem}
.tr-page .prose h2 .ic{width:22px;height:22px;color:var(--orange)}
.tr-page .prose p,.tr-page .prose li{color:var(--ink);font-size:.96rem;margin-bottom:.6rem;line-height:1.7}
.tr-page .prose ul,.tr-page .prose ol{padding-left:1.3rem}
.tr-page .prose small.upd{color:var(--muted);font-size:.78rem;display:block;margin-bottom:1rem}
.tr-page .prose a{color:var(--navy);font-weight:600}
.tr-page .info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.3rem;margin:1.6rem 0}
.tr-page .info-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}
.tr-page .info-card .ic-badge{margin-bottom:.9rem}
.tr-page .info-card h3{font-size:1rem;color:var(--navy);margin:0 0 .35rem;font-weight:700}
.tr-page .info-card p{font-size:.86rem;color:var(--muted);margin:0;line-height:1.65}
.tr-page .hl-box{background:var(--orange-tint);border:1px solid #FBD9BC;border-radius:var(--radius);padding:1.1rem 1.3rem;font-size:.92rem;margin:1.2rem 0;display:flex;gap:.75rem;align-items:flex-start}
.tr-page .hl-box .ic{width:22px;height:22px;color:var(--orange-d);flex:none;margin-top:.1rem}
.tr-page .hl-box.green{background:var(--green-tint);border-color:#BEE6CD}
.tr-page .hl-box.green .ic{color:var(--green)}

/* ============ ABOUT ============ */
.tr-page .about-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.tr-page .about-hero .eyebrow{color:var(--orange-d)}
.tr-page .about-hero .eyebrow::before{background:var(--orange-d)}
.tr-page .about-hero h1{font-family:var(--display);color:var(--navy);font-size:clamp(1.7rem,3.2vw,2.6rem);margin-bottom:1.1rem;letter-spacing:-.03em;line-height:1.1;font-weight:700}
.tr-page .about-visual{display:flex;justify-content:center}
.tr-page .about-visual .frame{width:min(340px,90%);aspect-ratio:1;border-radius:28px;background:var(--sky);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.tr-page .about-visual .frame svg{width:60%;height:auto}
.tr-page .about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.1rem;margin:2.4rem 0}
.tr-page .stat{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}
.tr-page .stat b{font-family:var(--display);font-size:2rem;color:var(--navy);display:block;letter-spacing:-.03em;font-weight:700}
.tr-page .stat span{font-size:.8rem;color:var(--muted)}
.tr-page .timeline{border-left:2px solid var(--line-2);padding-left:1.6rem;margin:1.6rem 0}
.tr-page .tl-item{position:relative;padding-bottom:1.5rem}
.tr-page .tl-item::before{content:"";position:absolute;left:-1.95rem;top:.4rem;width:12px;height:12px;border-radius:50%;background:var(--orange);border:3px solid var(--paper);box-shadow:0 0 0 1.5px var(--orange)}
.tr-page .tl-item b{color:var(--navy);font-family:var(--mono);font-weight:700}

/* ============ FAQ ============ */
.tr-page details{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:.8rem;overflow:hidden;transition:border-color .15s}
.tr-page details[open],.tr-page details:hover{border-color:var(--line-2)}
.tr-page summary{padding:1.1rem 1.3rem;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--navy);font-size:.96rem}
.tr-page summary::-webkit-details-marker{display:none}
.tr-page summary .chev{width:20px;height:20px;flex:none;transition:transform .2s;color:var(--orange)}
.tr-page details[open] summary .chev{transform:rotate(45deg)}
.tr-page details .a{padding:0 1.3rem 1.2rem;color:var(--muted);font-size:.92rem;line-height:1.7}
.tr-page details .a a{color:var(--navy);font-weight:600}

/* ============ ACCOUNT ============ */
.tr-page .auth-wrap{max-width:470px;margin:0 auto}
.tr-page .auth-tabs{display:flex;background:var(--sky);border-radius:12px;padding:.3rem;margin-bottom:1.5rem}
.tr-page .auth-tab{flex:1;border:none;background:transparent;padding:.65rem;border-radius:9px;font-weight:700;font-size:.9rem;color:var(--navy);transition:all .15s}
.tr-page .auth-tab.active{background:var(--white);color:var(--navy);box-shadow:var(--shadow-sm)}
.tr-page .panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem}
.tr-page .panel h2{font-family:var(--display);font-size:1.1rem;color:var(--navy);margin-bottom:1.1rem;font-weight:700}
.tr-page .field{margin-bottom:1rem}
.tr-page .field label{display:block;font-weight:600;font-size:.84rem;margin-bottom:.35rem;color:var(--ink)}
.tr-page .field input,.tr-page .field select,.tr-page .field textarea{width:100%;padding:.75rem .9rem;border:1px solid var(--line-2);border-radius:11px;font-family:var(--body);font-size:.95rem;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.tr-page .field input:focus,.tr-page .field select:focus,.tr-page .field textarea:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px rgba(22,48,94,.1)}
.tr-page .two-col{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.tr-page .acc-grid{display:grid;grid-template-columns:260px 1fr;gap:1.8rem;align-items:start}
.tr-page .acc-menu{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem}
.tr-page .acc-menu .hello{padding:.7rem;border-bottom:1px solid var(--line);margin-bottom:.7rem}
.tr-page .acc-menu .hello b{color:var(--navy)}
.tr-page .acc-menu .hello small{display:block;color:var(--muted);font-size:.75rem}
.tr-page .order-row{border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;margin-bottom:.8rem;font-size:.88rem}
.tr-page .order-row .top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.3rem}
.tr-page .order-row .num{font-family:var(--mono);font-weight:700;color:var(--navy)}
.tr-page .status{font-size:.68rem;font-weight:700;padding:.25rem .6rem;border-radius:999px;background:var(--green-tint);color:var(--green);display:inline-flex;align-items:center;gap:.3rem}
.tr-page .status .ic{width:13px;height:13px}
.tr-page .demo-note{font-size:.75rem;color:var(--muted);text-align:center;margin-top:.9rem}

/* ============ CONTACT / CHECKOUT ============ */
.tr-page .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem;align-items:start}
.tr-page .print-hero{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:center}
.tr-page .print-hero .eyebrow{color:var(--orange-d)}
.tr-page .print-hero .eyebrow::before{background:var(--orange-d)}
.tr-page .print-hero h1{font-family:var(--display);color:var(--navy);font-size:clamp(1.7rem,3.2vw,2.6rem);margin-bottom:1.1rem;letter-spacing:-.03em;line-height:1.1;font-weight:700}
.tr-page .print-demo{background:var(--sky);border:1px solid var(--line);border-radius:var(--radius);padding:2rem;text-align:center}
.tr-page .print-demo .roll-print{width:180px;height:240px;margin:0 auto 1rem;background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:1.1rem .9rem;font-family:var(--mono);font-size:.6rem;color:#333;line-height:1.9;text-align:left;box-shadow:var(--shadow)}
.tr-page .print-demo .logo-zone{border:1.5px dashed var(--orange);color:var(--orange-d);text-align:center;padding:.6rem .3rem;font-weight:700;margin-bottom:.5rem;border-radius:6px}
.tr-page .checkout-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:2.2rem;align-items:start}
.tr-page .radio-opt{display:flex;gap:.75rem;align-items:flex-start;border:1px solid var(--line-2);border-radius:12px;padding:.9rem 1rem;margin-bottom:.6rem;cursor:pointer;font-size:.9rem;transition:border-color .15s,background .15s}
.tr-page .radio-opt:hover{border-color:var(--navy);background:var(--sky)}
.tr-page .radio-opt input{margin-top:.2rem;accent-color:var(--orange)}
.tr-page .radio-opt b{display:block}
.tr-page .radio-opt small{color:var(--muted)}
.tr-page .sum-line{display:flex;justify-content:space-between;font-size:.88rem;padding:.4rem 0;border-bottom:1px solid var(--line)}
.tr-page .sum-line.total{font-weight:800;font-size:1.15rem;color:var(--navy);border-bottom:none;border-top:2px solid var(--navy);margin-top:.5rem;padding-top:.7rem;font-family:var(--display);letter-spacing:-.01em}
.tr-page .order-ok{text-align:center;padding:3.5rem 1rem;max-width:560px;margin:0 auto}
.tr-page .order-ok .big{width:78px;height:78px;border-radius:50%;background:var(--green-tint);color:var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto}
.tr-page .order-ok .big .ic{width:40px;height:40px;stroke-width:2}
.tr-page .order-ok h1{font-family:var(--display);color:var(--navy);margin:1.1rem 0 .5rem;font-size:1.6rem;font-weight:700;letter-spacing:-.02em}
.tr-page .order-ok p{color:var(--muted)}
.tr-page .order-num{font-family:var(--mono);background:var(--sky);border:1px dashed var(--navy);padding:.7rem 1.3rem;display:inline-block;margin:1.2rem 0;font-weight:700;border-radius:10px;color:var(--navy)}

/* ============ FOOTER ============ */
.tr-page footer{background:var(--navy-ink);color:#a9bbdc;margin-top:4rem}
.tr-page .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:2.4rem;padding:3.4rem 0 2.4rem;font-size:.88rem}
.tr-page .foot-grid h4{color:#fff;font-size:.76rem;margin-bottom:.9rem;letter-spacing:.12em;text-transform:uppercase}
.tr-page .foot-grid a{color:#a9bbdc;text-decoration:none;display:flex;align-items:center;gap:.45rem;padding:.2rem 0;transition:color .12s}
.tr-page .foot-grid a:hover{color:var(--orange)}
.tr-page .foot-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;margin-bottom:1rem}
.tr-page .foot-logo svg.mark{height:38px;width:auto}
.tr-page .foot-logo .word{font-family:var(--display);font-weight:800;color:#fff;font-size:1.15rem;line-height:1.02;letter-spacing:-.035em}
.tr-page .foot-logo .word em{font-style:normal;color:var(--orange)}
.tr-page .foot-logo .word small{display:block;font-family:var(--body);font-weight:600;font-size:.53rem;letter-spacing:.24em;color:#7f95bd;text-transform:uppercase;margin-top:.12rem}
.tr-page .foot-grid>div>p{line-height:1.7}
.tr-page .foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding:1.2rem 0;font-size:.75rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.tr-page .pay-icons{display:flex;gap:.4rem}
.tr-page .pay-icons span{background:rgba(255,255,255,.9);color:var(--navy-ink);font-size:.6rem;font-weight:800;padding:.25rem .55rem;border-radius:5px;font-family:var(--mono)}

/* ============ DRAWER / TOAST ============ */
.tr-page .overlay{position:fixed;inset:0;background:rgba(11,28,58,.5);z-index:98;opacity:0;pointer-events:none;transition:opacity .25s;backdrop-filter:blur(2px)}
.tr-page .overlay.open{opacity:1;pointer-events:auto}
.tr-page .drawer{position:fixed;top:0;right:0;height:100%;width:min(440px,100%);z-index:99;background:var(--paper);transform:translateX(105%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(11,28,58,.3)}
.tr-page .drawer.open{transform:translateX(0)}
.tr-page .drawer-head{padding:1.3rem 1.5rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.tr-page .drawer-head h2{font-family:var(--display);font-size:1.1rem;color:var(--navy);display:flex;align-items:center;gap:.5rem;font-weight:700}
.tr-page .drawer-head h2 .ic{width:20px;height:20px}
.tr-page .close-drawer{background:none;border:1px solid var(--line-2);color:var(--navy);border-radius:10px;width:2.3rem;height:2.3rem;display:flex;align-items:center;justify-content:center}
.tr-page .close-drawer .ic{width:18px;height:18px}
.tr-page .close-drawer:hover{background:var(--navy);color:#fff}
.tr-page .ship-progress{padding:1.1rem 1.5rem;border-bottom:1px solid var(--line);background:var(--sky)}
.tr-page .ship-progress p{font-size:.8rem;font-weight:600;color:var(--navy);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}
.tr-page .bar{height:8px;background:#fff;border-radius:99px;overflow:hidden;border:1px solid var(--line)}
.tr-page .bar>div{height:100%;background:linear-gradient(90deg,var(--green),#22c55e);border-radius:99px;transition:width .3s}
.tr-page .drawer-items{flex:1;overflow-y:auto;padding:1rem 1.5rem}
.tr-page .d-item{display:flex;gap:.9rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.tr-page .d-thumb{width:58px;height:58px;border-radius:12px;background:var(--sky);display:flex;align-items:center;justify-content:center;flex:none}
.tr-page .d-thumb .mini-roll{transform:scale(.5)}
.tr-page .d-info{flex:1}
.tr-page .d-info b{font-size:.86rem;display:block;line-height:1.3}
.tr-page .d-info .u{font-size:.72rem;color:var(--muted)}
.tr-page .d-qty{display:flex;align-items:center;gap:.45rem;margin-top:.45rem}
.tr-page .d-qty button{width:1.6rem;height:1.6rem;border:1px solid var(--line-2);background:#fff;color:var(--navy);border-radius:7px;display:flex;align-items:center;justify-content:center}
.tr-page .d-qty button .ic{width:13px;height:13px}
.tr-page .d-qty button:hover{background:var(--navy);color:#fff}
.tr-page .d-qty span{font-family:var(--mono);font-weight:700;font-size:.85rem;min-width:1.4rem;text-align:center}
.tr-page .d-price{font-family:var(--display);font-weight:700;font-size:.95rem;white-space:nowrap;color:var(--navy)}
.tr-page .rm{background:none;border:none;color:#DC2626;font-size:.68rem;text-decoration:underline;padding:0;margin-top:.35rem}
.tr-page .empty-cart{text-align:center;color:var(--muted);font-size:.9rem;padding:3rem 1rem;line-height:1.7}
.tr-page .drawer-totals{padding:1.1rem 1.5rem;border-top:1px solid var(--line);font-size:.88rem}
.tr-page .trow{display:flex;justify-content:space-between;padding:.18rem 0}
.tr-page .trow.grand{font-weight:800;font-size:1.1rem;border-top:2px solid var(--navy);margin-top:.5rem;padding-top:.6rem;color:var(--navy);font-family:var(--display);letter-spacing:-.01em}
.tr-page .drawer-cta{margin:0 1.5rem 1.3rem;display:flex;flex-direction:column;gap:.55rem}
.tr-page .btn:disabled,.tr-page .btn.disabled{background:#c3ccdb!important;color:#fff!important;pointer-events:none;box-shadow:none}
.tr-page .toast{position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%,150%);z-index:120;background:var(--navy-ink);color:#fff;font-size:.86rem;font-weight:600;padding:.8rem 1.5rem;border-radius:12px;transition:transform .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:var(--shadow);display:flex;align-items:center;gap:.5rem}
.tr-page .toast .ic{width:17px;height:17px;color:var(--orange)}
.tr-page .toast.show{transform:translate(-50%,0)}

/* ============ ΑΝΑΖΗΤΗΣΗ ============ */
.tr-page .search-box{display:flex;align-items:center;gap:.45rem;background:var(--white);border:1px solid var(--line-2);border-radius:10px;padding:.4rem .75rem;min-width:0;flex:1 1 150px;max-width:260px;transition:border-color .15s,box-shadow .15s}
.tr-page .search-box .ic{width:17px;height:17px;color:var(--muted)}
.tr-page .search-box:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px rgba(22,48,94,.08)}
.tr-page .search-box input{border:none;background:none;outline:none;font-family:var(--body);font-size:.85rem;width:100%;color:var(--ink)}
.tr-page .search-clear{background:none;border:none;color:var(--muted);font-weight:700;font-size:.9rem;padding:0 .1rem;display:none}
.tr-page .search-box.has-q .search-clear{display:flex}
.tr-page .search-clear .ic{width:15px;height:15px}

/* ============ ΑΓΑΠΗΜΕΝΑ ============ */
.tr-page .fav-btn{position:absolute;top:.65rem;right:.65rem;background:rgba(255,255,255,.92);border:1px solid var(--line-2);border-radius:50%;width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:2;color:var(--muted)}
.tr-page .fav-btn .ic{width:18px;height:18px}
.tr-page .fav-btn:hover{border-color:var(--orange);color:var(--orange);transform:scale(1.1)}
.tr-page .fav-btn.on{background:#FFEBEF;border-color:#F7B8C6;color:#E11D48}
.tr-page .fav-btn.on .ic{fill:#E11D48;stroke:#E11D48}
.tr-page .fav-pdp{width:3rem;height:3rem;position:static;flex:none}
.tr-page .fav-pdp .ic{width:22px;height:22px}

/* ============ ΦΩΤΟΓΡΑΦΙΕΣ ΠΡΟΪΟΝΤΩΝ ============ */
.tr-page .card-visual img{width:100%;height:100%;object-fit:cover}
.tr-page .pdp-visual img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius) - 2px)}
.tr-page .photo-note{font-size:.68rem;color:var(--muted);position:absolute;bottom:.6rem;right:.8rem;font-family:var(--mono)}

/* ============ COOKIE BANNER ============ */
.tr-page .cookie-bar{position:fixed;bottom:0;left:0;right:0;z-index:110;background:var(--navy-ink);color:#fff;padding:1.1rem 1.25rem;transform:translateY(110%);transition:transform .4s ease;box-shadow:0 -10px 40px rgba(11,28,58,.35)}
.tr-page .cookie-bar.show{transform:none}
.tr-page .cookie-inner{max-width:1220px;margin:0 auto;display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap}
.tr-page .cookie-inner p{font-size:.82rem;color:#c7d3ea;flex:1;min-width:280px;display:flex;align-items:flex-start;gap:.6rem;line-height:1.6}
.tr-page .cookie-inner p .ic{width:20px;height:20px;color:var(--orange);flex:none;margin-top:.1rem}
.tr-page .cookie-inner p a{color:#FFB582}
.tr-page .cookie-actions{display:flex;gap:.5rem}
.tr-page .cookie-btn{border-radius:11px;padding:.6rem 1.2rem;font-weight:700;font-size:.82rem;border:1.5px solid transparent}
.tr-page .cookie-accept{background:var(--orange);color:#fff}
.tr-page .cookie-accept:hover{background:var(--orange-d)}
.tr-page .cookie-decline{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.tr-page .cookie-decline:hover{background:#fff;color:var(--navy-ink)}

/* ============ 404 ============ */
.tr-page .nf-wrap{text-align:center;padding:5rem 1rem}
.tr-page .nf-wrap .code{font-family:var(--display);font-weight:800;font-size:clamp(4rem,11vw,7rem);color:var(--navy);line-height:1;letter-spacing:-.04em}
.tr-page .nf-wrap .code em{font-style:normal;color:var(--orange)}
.tr-page .nf-wrap h1{font-family:var(--display);font-size:1.3rem;color:var(--navy);margin:1rem 0 .5rem;font-weight:700}
.tr-page .nf-wrap p{color:var(--muted);margin-bottom:1.6rem}
.tr-page .nf-actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}



/* ============ RESPONSIVE ============ */
@media(max-width:1040px){.tr-page .nav-links{gap:.85rem;font-size:.84rem}}
@media(max-width:960px){
  .tr-page .hero .container,.tr-page .pdp,.tr-page .checkout-layout,.tr-page .contact-grid,.tr-page .print-hero,.tr-page .about-hero{grid-template-columns:1fr}
  .tr-page .shop-layout,.tr-page .acc-grid{grid-template-columns:1fr}
  .tr-page .hero .container{padding-top:3rem;padding-bottom:3rem}
  .tr-page .hero-visual{min-height:0;margin-top:2rem}
  .tr-page .hero-stage{transform:scale(.86);transform-origin:top left}
  .tr-page .about-visual{order:-1}
  .tr-page .sidebar{position:static;display:flex;gap:.4rem;overflow-x:auto;padding:.8rem}
  .tr-page .sidebar h3{display:none}
  .tr-page .f-btn{white-space:nowrap;width:auto}
  .tr-page .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .tr-page .nav{flex-wrap:wrap;row-gap:.55rem;gap:.35rem;position:relative}
  /* μενού: μία οριζόντια σειρά από pills, πλήρες πλάτος, με scroll αν χρειαστεί */
  .tr-page .nav-links{order:8;display:flex;flex-basis:100%;width:100%;flex-direction:row;gap:.4rem;margin:0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.6rem 0 .1rem;font-size:.83rem;scrollbar-width:none}
  .tr-page .nav-links::-webkit-scrollbar{display:none}
  .tr-page .nav-links a{padding:.45rem .9rem;white-space:nowrap;flex:none;background:var(--sky);border-radius:999px;font-weight:600;transition:background .15s,color .15s}
  .tr-page .nav-links a::after{display:none}
  .tr-page .nav-links a:hover{background:var(--line-2)}
  .tr-page .nav-links a.active{background:var(--navy);color:#fff}
  .tr-page .burger{display:none}
  .tr-page .logo{margin-right:auto}
  .tr-page .search-box{order:1}
  .tr-page #favBtn{order:2}
  .tr-page #accountBtn{order:3}
  .tr-page .cart-btn{order:4}
  .tr-page .icon-btn,.tr-page .cart-btn{padding:0;border-radius:10px;gap:0;width:2.2rem;height:2.2rem;justify-content:center;position:relative}
  .tr-page .icon-btn .lbl{display:none}
  .tr-page .icon-btn .count,.tr-page .cart-btn .count{position:absolute;top:-4px;right:0;font-size:.58rem;min-width:1.1em;height:1.1em;padding:0 .25em}
  /* αναζήτηση: εικονίδιο που ανοίγει σε πλήρες πλάτος με το tap */
  .tr-page .search-box{width:2.2rem;min-width:2.2rem;padding:0;border-radius:10px;justify-content:center;overflow:hidden;background:none;border:1px solid var(--line-2);cursor:text}
  .tr-page .search-box .ic{margin:0}
  .tr-page .search-box input{width:0;padding:0}
  .tr-page .search-box .search-clear{display:none!important}
  .tr-page .search-box:focus-within,.tr-page .search-box.has-q{flex-basis:100%;width:100%;min-width:0;order:9;padding:.4rem .7rem;justify-content:flex-start;gap:.45rem;background:var(--white)}
  .tr-page .search-box:focus-within input,.tr-page .search-box.has-q input{width:100%;padding:.1rem 0}
  .tr-page .search-box.has-q .search-clear{display:flex!important}
  .tr-page .contact-bar{display:none}
  .tr-page .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .tr-page .container{padding:0 1.1rem}
  .tr-page .promo-bar{font-size:.66rem;padding:.5rem .85rem;gap:.4rem}
  .tr-page .nav{gap:.3rem;padding-top:.6rem;padding-bottom:.6rem}
  .tr-page .logo svg.mark{height:29px}
  .tr-page .logo .word{font-size:.98rem}
  .tr-page .logo .word small{font-size:.46rem;letter-spacing:.14em}
  .tr-page .icon-btn,.tr-page .cart-btn,.tr-page .burger,.tr-page .search-box{width:2.05rem;height:2.05rem;min-width:2.05rem}
  .tr-page .section{padding:2.8rem 0}
  .tr-page .hero .container{padding-top:2.4rem;padding-bottom:2.4rem}
  .tr-page .hero-badges{gap:1.3rem;margin-top:2rem}
  .tr-page .two-col{grid-template-columns:1fr}
  .tr-page .foot-grid{grid-template-columns:1fr}
  .tr-page .cookie-inner{gap:.8rem}
  .tr-page .cookie-actions{width:100%}
  .tr-page .cookie-btn{flex:1}
  .tr-page .drawer{width:100%}
}
@media(max-width:380px){
  .tr-page .logo .word small{display:none}
  .tr-page .logo .word{font-size:.9rem}
  .tr-page .grid{grid-template-columns:1fr}
}

.tr-page :is(h1,h2,h3,h4,h5,h6){font-family:var(--body);color:inherit;letter-spacing:normal}

/* ===== Bricks bridges (elements Bricks renders with its own markup) ===== */
.tr-page .brxe-form{display:flex;flex-wrap:wrap;column-gap:1rem;row-gap:0}
.tr-page .brxe-form .form-group{margin:0 0 1rem;padding:0;flex:1 1 100%}
.tr-page .brxe-form .form-group[data-field-id=frmtel],.tr-page .brxe-form .form-group[data-field-id=frmeml]{flex:1 1 calc(50% - .5rem)}
.tr-page .brxe-form label{display:block;text-transform:none;letter-spacing:0;font-weight:600;font-size:.84rem;margin-bottom:.35rem;color:var(--ink)}
.tr-page .brxe-form input,.tr-page .brxe-form select,.tr-page .brxe-form textarea{width:100%;padding:.75rem .9rem;border:1px solid var(--line-2);border-radius:11px;font-family:var(--body);font-size:.95rem;line-height:1.4;height:auto;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.tr-page .brxe-form textarea{min-height:7.5rem;resize:vertical}
.tr-page .brxe-form input:focus,.tr-page .brxe-form select:focus,.tr-page .brxe-form textarea:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px rgba(22,48,94,.1)}
.tr-page .brxe-form .submit-button-wrapper{flex:1 1 100%;margin:0}
.tr-page .brxe-form button[type=submit]{width:100%;display:inline-flex;justify-content:center;align-items:center;background:var(--orange);color:#fff;border:1.5px solid transparent;border-radius:12px;padding:.9rem 1.55rem;font-weight:700;font-size:.98rem;font-family:var(--body);box-shadow:0 14px 28px -14px rgba(249,115,22,.85);cursor:pointer;transition:background .15s,transform .15s}
.tr-page .brxe-form button[type=submit]:hover{background:var(--orange-d);transform:translateY(-2px)}
.tr-page .brxe-form .message{width:100%;border-radius:12px;padding:1rem 1.2rem;font-size:.9rem;margin-top:.5rem}
.tr-page .brxe-form .message.success{background:var(--green-tint);color:var(--green)}
.tr-page .brxe-form .message.error{background:#FDECEC;color:#B42318}
.tr-page details summary{cursor:pointer}
.tr-page .brxe-icon.ic{flex:none}
/* prototype pseudo-elements are content-box (Bricks sets border-box on ::before/::after) */
.tr-page ::before,.tr-page ::after{box-sizing:content-box}
.tr-page .brxe-form .form-group:has([name=form-field-frmtel]),.tr-page .brxe-form .form-group:has([name=form-field-frmeml]){flex:1 1 calc(50% - .5rem)}
/* ===== Woo bridges ===== */
.tr-page .card{position:relative}
.tr-page .card h3 a{color:inherit;text-decoration:none}
.tr-page .card h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.tr-page .card .fav-btn,.tr-page .card .add-wrap,.tr-page .card .tag{z-index:2}
.tr-page .card .add-wrap{position:relative}
.tr-page .add-btn{display:inline-block;text-decoration:none;cursor:pointer}
.tr-page .add-btn.loading{opacity:.7}
.tr-page .added_to_cart{display:none!important}
.tr-page .tag[data-tagc=hot]{background:var(--orange)}
.tr-page .tag[data-tagc=eco]{background:var(--green)}
.tr-page .mini-roll[data-size=sz-57]{width:76px;height:76px}
.tr-page .mini-roll[data-size=sz-80]{width:100px;height:100px}
.tr-page .mini-roll[data-size=sz-110]{width:118px;height:118px}
.tr-page .mini-roll[data-size=sz-label]{width:92px;height:92px;border-radius:14px}
.tr-page .mini-roll[data-size=sz-label]::after{border-radius:8px;inset:20% 15%;border-color:var(--green)}
.tr-page .pdp-roll{transform:scale(1.7)}
.tr-page .pdp-desc{color:var(--muted);font-size:.95rem}
.tr-page .sidebar .f-btn{text-decoration:none}
.post-type-archive-product .tr-page .f-all,.term-pos-eft .tr-page .f-pos,.term-tameiakes .tr-page .f-tam,.term-ektypotes-80mm .tr-page .f-prn,.term-ex-van-110mm .tr-page .f-exv,.term-etiketes .tr-page .f-lab{background:var(--navy);color:#fff}
.post-type-archive-product .tr-page .f-all .ic,.term-pos-eft .tr-page .f-pos .ic,.term-tameiakes .tr-page .f-tam .ic,.term-ektypotes-80mm .tr-page .f-prn .ic,.term-ex-van-110mm .tr-page .f-exv .ic,.term-etiketes .tr-page .f-lab .ic{color:#fff}
.tr-page .tr-orderby select{padding:.6rem .9rem;border:1px solid var(--line-2);border-radius:10px;font-family:var(--body);font-size:.88rem;background:#fff;color:var(--ink)}
.tr-page .result-count,.tr-page .result-count p{font-size:.85rem;color:var(--muted);margin:0}
.tr-page .pdp-stockrow{display:flex;gap:1rem;align-items:center;margin:1.3rem 0 .6rem;font-size:.85rem;color:var(--muted)}
.tr-page .pdp-cta{display:flex;gap:.6rem;align-items:stretch}
.tr-page .tr-atc{flex:1}
.tr-page .tr-atc form.cart{display:flex;gap:.8rem;align-items:stretch;margin:0}
.tr-page .tr-atc .quantity{display:flex;align-items:center;border:1.5px solid var(--navy);border-radius:12px;overflow:hidden;background:#fff}
.tr-page .tr-atc .quantity .action{width:2.6rem;height:100%;min-height:2.6rem;border:0;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;cursor:pointer}
.tr-page .tr-atc .quantity .action:hover{background:var(--sky)}
.tr-page .tr-atc .quantity input.qty{width:2.8rem;border:0;text-align:center;font-family:var(--mono);font-weight:700;font-size:1rem;color:var(--ink);background:transparent;-moz-appearance:textfield;appearance:textfield}
.tr-page .tr-atc .quantity input.qty::-webkit-inner-spin-button,.tr-page .tr-atc .quantity input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.tr-page .tr-atc .single_add_to_cart_button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--orange);color:#fff;border:0;border-radius:12px;padding:.9rem 1.55rem;font-weight:700;font-size:.98rem;font-family:var(--body);box-shadow:0 14px 28px -14px rgba(249,115,22,.85);cursor:pointer;transition:background .15s,transform .15s}
.tr-page .tr-atc .single_add_to_cart_button:hover{background:var(--orange-d);transform:translateY(-2px)}
.tr-page .pill{display:inline-flex}
.tr-page .woocommerce-pagination ul{display:flex;gap:.4rem;list-style:none;justify-content:center;margin-top:2rem}
.tr-page .pdp-top{padding-top:.5rem}
.tr-page .tr-orderby{width:auto;margin:0}
.tr-page .tr-orderby form{margin:0}
.tr-page .tr-orderby select{width:auto;height:auto;line-height:1.4;padding:.6rem 2.2rem .6rem .9rem}
/* ===== Woo classic cart/checkout/account → design ===== */
.tr-page .tr-sec0{padding-top:0}
.tr-page .auth-title{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.2rem);color:var(--navy);letter-spacing:-.03em;line-height:1.1;margin-bottom:1.4rem;text-align:center}
.tr-page .auth-wrap .panel{margin-bottom:1.2rem}
.tr-page .woocommerce form .form-row,.tr-page form .form-row{margin:0 0 1rem;padding:0;float:none;width:auto}
.tr-page .form-row label,.tr-page .woocommerce-form-row label{display:block;font-weight:600;font-size:.84rem;margin-bottom:.35rem;color:var(--ink);line-height:1.4}
.tr-page .form-row .required{color:var(--orange-d);text-decoration:none;border:0}
.tr-page .form-row .input-text,.tr-page .form-row select,.tr-page .form-row textarea,.tr-page input.woocommerce-Input{width:100%;padding:.75rem .9rem;border:1px solid var(--line-2);border-radius:11px;font-family:var(--body);font-size:.95rem;background:#fff;color:var(--ink);height:auto;line-height:1.4;box-shadow:none}
.tr-page .form-row .input-text:focus,.tr-page .form-row select:focus,.tr-page .form-row textarea:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px rgba(22,48,94,.1)}
.tr-page .select2-container .select2-selection--single{height:auto;min-height:2.9rem;border:1px solid var(--line-2);border-radius:11px;padding:.45rem .5rem}
.tr-page .select2-container .select2-selection--single .select2-selection__arrow{height:100%}
.tr-page .woocommerce-billing-fields__field-wrapper,.tr-page .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:.9rem}
.tr-page .woocommerce-billing-fields__field-wrapper .form-row-wide,.tr-page .woocommerce-shipping-fields__field-wrapper .form-row-wide{grid-column:1/-1}
.tr-page .woocommerce-billing-fields>h3,.tr-page .woocommerce-shipping-fields>h3,.tr-page .woocommerce-additional-fields>h3{display:none}
.tr-page .panel h2{font-family:var(--display);font-size:1.1rem;color:var(--navy);margin-bottom:1.1rem;font-weight:700}
.tr-page .button,.tr-page button.button,.tr-page a.button,.tr-page #place_order,.tr-page .checkout-button,.tr-page .woocommerce-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--orange);color:#fff;border:0;border-radius:12px;padding:.9rem 1.55rem;font-weight:700;font-size:.98rem;font-family:var(--body);cursor:pointer;text-decoration:none;line-height:1.3;box-shadow:0 14px 28px -14px rgba(249,115,22,.85);transition:background .15s,transform .15s}
.tr-page .button:hover,.tr-page #place_order:hover,.tr-page .checkout-button:hover{background:var(--orange-d);transform:translateY(-2px)}
.tr-page #place_order,.tr-page .checkout-button,.tr-page .woocommerce-form-login__submit,.tr-page .woocommerce-form-register__submit{width:100%}
.tr-page button[name=update_cart],.tr-page button[name=apply_coupon]{background:#fff;color:var(--navy);border:1px solid var(--line-2);box-shadow:none;padding:.65rem 1rem;font-size:.85rem}
.tr-page button[name=update_cart]:hover,.tr-page button[name=apply_coupon]:hover{background:var(--navy);color:#fff;transform:none}
.tr-page .coupon{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.tr-page .coupon .input-text{width:auto;padding:.6rem .8rem;border:1px solid var(--line-2);border-radius:10px}
.tr-page table.shop_table{width:100%;border-collapse:collapse;font-size:.9rem;border:0;margin:0}
.tr-page table.shop_table th{color:var(--muted);text-align:left;padding:.7rem .6rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid var(--navy);background:none}
.tr-page table.shop_table td{padding:.8rem .6rem;border-bottom:1px solid var(--line);vertical-align:middle;background:none}
.tr-page table.shop_table tfoot th{text-transform:none;letter-spacing:0;font-size:.88rem;color:var(--ink);border-bottom:1px solid var(--line)}
.tr-page .cart_totals table th{text-transform:none;letter-spacing:0;font-size:.88rem;color:var(--ink);border-bottom:1px solid var(--line);font-weight:600}
.tr-page .order-total th,.tr-page .order-total td{font-family:var(--display);font-weight:800;font-size:1.05rem;color:var(--navy);border-top:2px solid var(--navy)!important;border-bottom:0!important}
.tr-page .product-name a{color:var(--ink);font-weight:700;text-decoration:none}
.tr-page .product-remove a{color:#DC2626;text-decoration:none;font-size:1.3rem}
.tr-page .product-thumbnail img{width:58px;height:58px;border-radius:12px;background:var(--sky);object-fit:contain}
.tr-page .quantity .qty{width:4.2rem;padding:.5rem;border:1px solid var(--line-2);border-radius:10px;text-align:center;font-family:var(--mono);font-weight:700}
.tr-page .wc-proceed-to-checkout{margin-top:1rem}
.tr-page #payment{background:transparent;border-radius:0;margin-top:1.2rem}
.tr-page ul.wc_payment_methods{list-style:none;padding:0;margin:0 0 1rem;border:0}
.tr-page .wc_payment_method{border:1px solid var(--line-2);border-radius:12px;padding:.9rem 1rem;margin-bottom:.6rem;font-size:.9rem;transition:border-color .15s,background .15s}
.tr-page .wc_payment_method:hover,.tr-page .wc_payment_method:has(input:checked){border-color:var(--navy);background:var(--sky)}
.tr-page .wc_payment_method input{accent-color:var(--orange);margin-right:.5rem}
.tr-page .wc_payment_method label{font-weight:700;cursor:pointer}
.tr-page .payment_box{font-size:.8rem;color:var(--muted);margin-top:.4rem;background:none!important;padding:0!important}
.tr-page .payment_box::before{display:none}
.tr-page .woocommerce-privacy-policy-text,.tr-page .woocommerce-terms-and-conditions-wrapper{font-size:.75rem;color:var(--muted);margin-top:.8rem}
.tr-page .woocommerce-message,.tr-page .woocommerce-info,.tr-page .woocommerce-error,.tr-page .woocommerce-notice{list-style:none;background:var(--sky);border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;margin:0 0 1.2rem;font-size:.9rem;color:var(--navy)}
.tr-page .woocommerce-error{background:#FDECEC;color:#B42318;border-color:#F5C2C2}
.tr-page .woocommerce-message .button,.tr-page .woocommerce-info .button{padding:.5rem .9rem;font-size:.82rem;box-shadow:none;float:right}
.tr-page .tr-account .woocommerce{display:grid;grid-template-columns:260px 1fr;gap:1.8rem;align-items:start}
.tr-page .woocommerce-MyAccount-navigation{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem}
.tr-page .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0}
.tr-page .woocommerce-MyAccount-navigation a{display:block;padding:.6rem .7rem;border-radius:10px;font-weight:600;font-size:.9rem;color:var(--ink);text-decoration:none;margin-bottom:.2rem}
.tr-page .woocommerce-MyAccount-navigation a:hover{background:var(--sky)}
.tr-page .woocommerce-MyAccount-navigation .is-active a{background:var(--navy);color:#fff}
.tr-page .woocommerce-MyAccount-content{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem;font-size:.92rem}
.tr-page .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:.4rem;font-size:.85rem;margin-bottom:1rem}
.tr-page .lost_password{font-size:.82rem;text-align:center;margin-top:.8rem}
.tr-page .empty-panel .empty-cart .btn{margin-top:1.2rem}
@media (max-width:820px){.tr-page .tr-account .woocommerce{grid-template-columns:1fr}.tr-page .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}}
.woocommerce-checkout .woocommerce-form-coupon-toggle,.woocommerce-checkout form.checkout_coupon{display:none!important}
.tr-page #order_review_heading{display:none}
.tr-page .auth-wrap{padding-top:1.4rem;padding-bottom:1rem}
.tr-page.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:1.4rem;align-items:stretch}
/* roll outline: draw the navy ring as well with outline, so it survives any border override */
.tr-page .mini-roll{outline:3px solid var(--navy);outline-offset:-3px}
.tr-page .mini-roll[data-size=sz-label]{outline-offset:-3px}

/* ===== Responsive: header + homepage (Bricks IDs), design breakpoints 960/820/560/380 ===== */
#brxe-ntx001{display:block}
#brxe-ntx001>*{display:inline}
#brxe-ntx001>*:not(:last-child)::after{content:" "}
.tr-page .pdp>*{min-width:0}
@media (max-width:767px){
  [id^=brxe-tit00],[id^=brxe-rvwh],#brxe-nbox01,#brxe-lgblk1,#brxe-lgtxt1,#brxe-srch01,#brxe-fav001,#brxe-acc001,#brxe-crt001,#brxe-cbarl1,#brxe-cbarr1,#brxe-rat001,#brxe-pbarb1{flex-wrap:nowrap}
  #brxe-nbox01{align-items:flex-start}
}
@media (max-width:960px){
  #brxe-hlft01,#brxe-hrgt01{width:100%}
  #brxe-hsec01{padding-top:3rem;padding-bottom:3rem}
  #brxe-hrgt01{margin-top:2rem}
  #brxe-hrvis1{width:300px}
}
@media (max-width:820px){
  #brxe-cbar01{display:none}
  #brxe-hdrc01{column-gap:.35rem;row-gap:.55rem}
  #brxe-srch01{width:2.2rem;min-width:2.2rem;height:2.2rem;padding:0;justify-content:center;background:transparent}
  #brxe-srchtx{display:none}
  #brxe-fav001,#brxe-acc001,#brxe-crt001{width:2.2rem;min-width:2.2rem;height:2.2rem;padding:0;justify-content:center;position:relative;column-gap:0}
  #brxe-acclbl{display:none}
  #brxe-favbd1,#brxe-crtbd1{position:absolute;top:-4px;right:-3px;width:auto;height:1.1rem;min-width:1.1rem;padding:0 .25em}
  #brxe-favnum,#brxe-crtnum{font-size:.58rem}
  #brxe-nav001{flex-wrap:nowrap;overflow-x:auto;gap:.4rem;scrollbar-width:none;padding:.6rem 0 .1rem;-webkit-overflow-scrolling:touch}
  #brxe-nav001::-webkit-scrollbar{display:none}
  #brxe-nav001 a{flex:none;white-space:nowrap;background:#EEF3FB;padding:.45rem .9rem;font-size:.83rem}
  #brxe-nav001 a:hover{background:#D8E0EE}
}
@media (max-width:560px){
  .brxe-container{padding-left:1.1rem;padding-right:1.1rem}
  #brxe-pbar01{padding:.5rem .85rem}
  #brxe-pbart1{font-size:.66rem}
  #brxe-lgmark{width:37px}
  #brxe-lgtxt1,#brxe-lgtxt1>*{font-size:.98rem}
  #brxe-lgtag1{font-size:.46rem;letter-spacing:.14em}
  #brxe-srch01,#brxe-fav001,#brxe-acc001,#brxe-crt001{width:2.05rem;min-width:2.05rem;height:2.05rem}
  #brxe-hsec01{padding-top:2.4rem;padding-bottom:2.4rem}
  #brxe-hstat1{column-gap:1.3rem;margin-top:2rem}
  #brxe-csec01,#brxe-psec01,#brxe-rsec01{padding-top:2.8rem;padding-bottom:2.8rem}
  #brxe-gsec01{padding-bottom:2.8rem}
  #brxe-gtah01{display:none}
  #brxe-gtab01{padding:.6rem 1.2rem}
  [id^=brxe-grw0]{flex-direction:column;align-items:flex-start;padding:.8rem 0!important;row-gap:.15rem}
  [id^=brxe-gca],[id^=brxe-gcb],[id^=brxe-gcc]{width:auto!important;padding:0!important}
  [id^=brxe-gca]{font-weight:600}
  .tr-page .tr-atc form.cart{flex-wrap:wrap}
  .tr-page .tr-atc .single_add_to_cart_button{flex:1 1 100%}
  .tr-page .brxe-form .form-group:has([name=form-field-frmtel]),.tr-page .brxe-form .form-group:has([name=form-field-frmeml]){flex:1 1 100%}
}
@media (max-width:380px){
  #brxe-lgtag1{display:none}
  #brxe-lgtxt1,#brxe-lgtxt1>*{font-size:.9rem}
}
.tr-page .pdp-price{line-height:1.15}
@media (max-width:440px){
  #brxe-lgblk1{column-gap:.45rem}
  #brxe-lgmark{width:33px}
  #brxe-lgtxt1,#brxe-lgtxt1>*{font-size:.9rem}
  #brxe-hdrc01{column-gap:.3rem}
}
.tr-page .cart_totals>h2{display:none}