:root{--ch-bg:#131417;--ch-line:#2b2e34;--ch-ink:#eceae6;--ch-mute:#8f938d;--ch-mark:#c7f04a}
  *{box-sizing:border-box}
  body{margin:0;background:var(--ch-bg);color:var(--ch-ink);font-family:Manrope,system-ui,sans-serif}
  .chrome{position:sticky;top:0;z-index:30;background:rgba(19,20,23,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--ch-line)}
  .chrome-in{max-width:1280px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .ch-title{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-right:auto}
  .ch-title span{color:var(--ch-mute);font-weight:400}
  .grp{display:flex;gap:6px;flex-wrap:wrap}
  .tab,.togg{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;background:transparent;color:var(--ch-mute);border:1px solid var(--ch-line);padding:8px 13px;border-radius:999px;cursor:pointer;transition:.15s}
  .tab:hover,.togg:hover{color:var(--ch-ink);border-color:#454951}
  .tab[aria-selected="true"]{background:var(--ch-ink);color:#131417;border-color:var(--ch-ink)}
  .togg[data-on="1"]{background:var(--ch-mark);color:#131417;border-color:var(--ch-mark)}
  .tab:focus-visible,.togg:focus-visible{outline:2px solid var(--ch-mark);outline-offset:2px}
  .pre{background:transparent;border:1px solid var(--ch-line);color:var(--ch-mute);border-radius:999px;padding:7px 10px 7px 8px;cursor:pointer;display:flex;align-items:center;gap:7px;font-family:inherit;font-size:12px;transition:.15s}
  .pre:hover{color:var(--ch-ink)}.pre[data-on="1"]{background:var(--ch-ink);color:#131417;border-color:var(--ch-ink)}
  .pre .d{width:11px;height:11px;border-radius:3px;border:1px solid rgba(0,0,0,.25)}
  .hint{max-width:78ch;margin:0 auto;padding:18px 20px 0;color:var(--ch-mute);font-size:14px;line-height:1.6}
  .hint b{color:var(--ch-ink)}
  .stage{max-width:1280px;margin:0 auto;padding:18px 20px 70px;display:flex;justify-content:center}
  .screen{width:100%}.screen[hidden]{display:none}
  .tbd{position:relative}
  body[data-tbd="1"] .tbd{outline:2px dashed var(--ch-mark);outline-offset:3px}
  body[data-tbd="1"] .tbd::after{content:attr(data-need);position:absolute;top:-9px;left:0;transform:translateY(-100%);background:var(--ch-mark);color:#131417;font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.05em;padding:3px 6px;white-space:nowrap;z-index:9;pointer-events:none}
  body[data-view="mobile"] .screen{display:flex;justify-content:center}
  body[data-view="mobile"] .site{width:390px;flex:0 0 390px;max-width:100%;height:748px;overflow-y:auto;overflow-x:hidden;border:11px solid #23252a;border-radius:34px;box-shadow:0 24px 60px rgba(0,0,0,.55);scrollbar-width:none}
  body[data-view="mobile"] .site::-webkit-scrollbar{width:0}

  /* ================= ΣΕΛΙΔΑ ================= */
  .site{--paper:#E6E4DE;--concrete:#C9C7C0;--surface:#B6B4AD;--ink:#0E0E0E;--muted:#4A4945;--olive:#4A5D3A;--red:#C21B0F;--light:#F2F1ED;
    container-type:inline-size;container-name:site;position:relative;background:var(--paper);color:var(--ink);border:1px solid var(--ch-line);border-radius:10px;overflow:clip;font-family:Manrope,sans-serif;width:100%}
  .site h1,.site h2,.site h3,.site h4{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;margin:0;font-weight:700}
  .site p{margin:0;line-height:1.7}
  .wrap{padding:0 44px}
  .img{background:var(--card,#F5F4F1);display:grid;place-items:center;overflow:hidden;position:relative}
  .img svg{width:66%;height:66%;color:var(--ink);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
  .img.life{background:linear-gradient(160deg,#8b8577,#5f5b52)}       /* φορεμένο, από κινητό, όπου να 'ναι */
  .img.life svg{color:var(--light);width:60%;height:60%}
  .img.life::after{content:""}
  .img::after{content:"";position:absolute;right:8px;bottom:6px;font-family:"JetBrains Mono",monospace;font-size:8.5px;letter-spacing:.16em;color:rgba(242,241,237,.45)}
  .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
  .rv{transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
  .rv.hid{opacity:0;transform:translateY(20px)}.rv.in{opacity:1;transform:none}
  .btn{display:inline-block;font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.06em;padding:13px 26px;border:2px solid var(--ink);color:var(--ink);text-decoration:none;background:transparent;cursor:pointer;transition:.15s}
  .btn.pri{background:var(--olive);border-color:var(--olive);color:var(--btnink,var(--light))}
  .btn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
  .h2{color:var(--olive);font-size:clamp(24px,2.6cqw,32px);letter-spacing:.01em}
  .sec-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 20px}

  /* ---------- NAV ---------- */
  .nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 44px}
  .nav img{height:38px;width:auto;display:block}
  .nav .links{display:flex;gap:26px;font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.1em}
  .nav .links a{color:inherit;text-decoration:none;opacity:.85;transition:opacity .15s}.nav .links a:hover{opacity:1}
  .nav .home{display:block}.nav .burger{justify-self:end;width:22px;display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:0;cursor:pointer}
  .nav .burger i{height:2px;background:var(--ink);display:block}

  /* ---------- HERO ---------- */
  /* ΟΘΟΝΗ ΦΟΡΤΩΣΗΣ: το σήμα στέκεται μπροστά, μετά γυρίζει και κάθεται στο φόντο του hero */
  .load{position:absolute;left:0;top:0;width:100%;height:100vh;z-index:50;background:var(--paper);overflow:hidden}
  .load .load-vp{position:absolute;left:0;top:0;width:100%;height:100%;display:grid;place-items:center;
    transition:opacity 1s cubic-bezier(.4,0,.25,1) .18s}
  .site.go .load{opacity:0}
  html.loading{overflow:hidden}html.loading body{position:fixed;left:0;right:0;top:0;overflow:hidden;touch-action:none;overscroll-behavior:none}
  .site.done .load{visibility:hidden}
  .load .bar{position:absolute;left:50%;top:calc(45% + 6cqw + 56px);transform:translateX(-50%);width:min(210px,42%);height:1px;background:rgba(128,128,128,.28)}
  .load .bar i{display:block;height:100%;width:0;background:var(--ink)}
  .load .num{position:absolute;left:50%;top:calc(45% + 6cqw + 30px);transform:translateX(-50%);font-family:"JetBrains Mono",monospace;
    font-size:11px;letter-spacing:.14em;color:var(--muted);font-variant-numeric:tabular-nums}
  .site.go .load .bar,.site.go .load .num{opacity:0;transition:opacity .45s .1s}
  /* το σήμα στην οθόνη φόρτωσης των υπόλοιπων σελίδων */
  .load .load-vp{perspective:1600px}
  .load .wm-solo{position:absolute;left:50%;top:45%;width:min(68%,860px);transform:translate(-50%,-50%) rotateY(-16deg);will-change:transform,opacity;
    animation:soloIn 1.3s cubic-bezier(.22,.7,.25,1) both}
  .site.go .load .wm-solo{animation:none;opacity:0}
  @keyframes soloIn{from{opacity:0;transform:translate(-50%,-50%) rotateY(-26deg) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) rotateY(-16deg) scale(1)}}
  @keyframes soloOut{from{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-52%) scale(1.05)}}

  @keyframes wmEnter{
    from{opacity:0;transform:translate(-50%,-50%) translateY(var(--fy,0px)) rotate(0deg) rotateY(-26deg) scale(calc(var(--fs,.5) * .92))}
    to  {opacity:1;transform:translate(-50%,-50%) translateY(var(--fy,0px)) rotate(0deg) rotateY(-16deg) scale(var(--fs,.5))}}
  /* από τη στάση της φόρτωσης στη θέση του φόντου, σε μία κίνηση: η γωνία λύνεται προς μία κατεύθυνση */
  @keyframes wmFly{
    from{opacity:1;transform:translate(-50%,-50%) translateY(var(--fy,0px)) rotate(0deg) rotateY(-16deg) scale(var(--fs,.5))}
    to  {opacity:var(--chr-op,.62);transform:translate(-50%,-47%) translateY(0px) rotate(-9deg) rotateY(0deg) scale(1)}}
  @keyframes upIn{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
  .hero{perspective:1600px}
  /* όσο φορτώνει: το σήμα στέκεται μπροστά, μπροστά από την οθόνη φόρτωσης */
  .site:not(.done) .hero{z-index:60}
  .site:not(.go) .hero h1,.site:not(.go) .hero .tag,.site:not(.go) .hero .ctas{opacity:0}
  .site:not(.go) .chrome-wm{opacity:0}
  .site.go .chrome-wm{animation:wmFly 2s cubic-bezier(.42,0,.14,1) both}
  .site.go .hero h1{animation:upIn 1.1s cubic-bezier(.16,.8,.24,1) .85s both}
  .site.go .hero .tag{animation:upIn .9s cubic-bezier(.16,.8,.24,1) 2.55s both}
  .site.go .hero .ctas{animation:upIn .9s cubic-bezier(.16,.8,.24,1) 2.7s both}
  .site.go .pola{animation:polaIn 1.5s cubic-bezier(.16,.8,.24,1) 1.5s forwards}
  .site.go .pola:first-child{animation-delay:1.78s}
  .site.go .pola:last-child{animation-delay:2.06s}
  .hero{position:relative;padding:78px 44px 84px;text-align:center;overflow:hidden;min-height:780px;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 82% 72% at 50% 46%,transparent 55%,rgba(0,0,0,var(--vig,.08)) 100%)}
  /* το chrome wordmark: το μόνο "εφέ" του hero, με αργή λάμψη */
  .wm{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
  .chrome-wm{position:absolute;left:50%;top:50%;width:min(132%,1460px);opacity:var(--chr-op,.9);transform-origin:50% 50%;will-change:transform,opacity}
  .hero h1{position:relative;color:var(--olive);font-size:clamp(38px,5cqw,64px);line-height:.94;letter-spacing:-.005em;z-index:2}
  .polas{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;margin:40px 0 32px;height:min(31cqw,330px)}
  @keyframes polaIn{from{opacity:0;translate:0 70px;scale:.94}to{opacity:1;translate:0 0;scale:1}}
  .pola{opacity:0}
  @media (prefers-reduced-motion:reduce){.pola,.chrome-wm,.hero h1,.hero .tag,.hero .ctas{animation:none!important;opacity:1}.chrome-wm{opacity:var(--chr-op,.62);transform:translate(-50%,-47%) rotate(-9deg);z-index:0}.load{display:none}.wm-solo{animation:none}}
  .pola{background:#f7f6f2;padding:8px 8px 26px;box-shadow:0 22px 48px rgba(0,0,0,.4);width:min(17.5cqw,215px);aspect-ratio:1/1.2;transform:rotate(var(--r));transition:transform .45s cubic-bezier(.2,.7,.2,1);position:relative}
  .pola.mid{width:min(20.5cqw,252px);z-index:2;margin:0 -34px}
  .pola .img{width:100%;height:100%}
  .polas:hover .pola:first-child{transform:rotate(-9deg) translate(-16px,6px)}
  .polas:hover .pola:last-child{transform:rotate(8deg) translate(16px,6px)}
  .polas:hover .pola.mid{transform:translateY(-10px)}
  .hero .tag{position:relative;z-index:2;font-size:15px;color:var(--muted);margin-bottom:26px}
  .hero .ctas{position:relative;z-index:2;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
  .stk{position:absolute;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;padding:6px 9px;line-height:1;z-index:3;white-space:nowrap;pointer-events:none;transform:rotate(var(--r,0deg));transition:transform .18s}
  .stk-red{background:var(--red);color:var(--light);box-shadow:2px 3px 0 rgba(14,14,14,.3)}
  .stk-paper{background:var(--light);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}

  /* ---------- MARQUEE ---------- */
  .marq{background:var(--band,var(--ink));color:var(--band-ink,var(--paper));overflow:hidden;padding:20px 0}
  .marq-in{display:inline-block;white-space:nowrap;will-change:transform;animation:marq 24s linear infinite}
  .marq-in span{display:inline-block;vertical-align:middle;font-family:Oswald,sans-serif;font-weight:700;font-size:28px;letter-spacing:.06em;text-transform:uppercase;padding:0 40px;white-space:nowrap}
  .marq-in b{display:inline-block;vertical-align:middle;color:var(--olive);font-weight:400}
  @keyframes marq{to{transform:translateX(-50%)}}

  /* ---------- FEATURED ---------- */
  /* Αυτό δεν είναι eshop: οι κανόνες πριν τα προϊόντα */
  .notice{padding:56px 44px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:center;border-top:1px solid rgba(128,128,128,.28)}
  .notice .nt-l h2{display:block;font-family:Manrope,system-ui,sans-serif;font-weight:800;color:var(--ink);font-size:clamp(38px,5.2cqw,68px);line-height:.98;letter-spacing:-.01em;margin:14px 0 14px}
  .notice .nt-stk{position:static;display:inline-block;margin:0 0 18px 4px;font-size:11px;padding:8px 12px}
  .notice .nt-l p{color:var(--ink);font-size:19px;line-height:1.5;max-width:34ch;margin:0}
  .notice .nr{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 22px;padding:18px 0;border-top:1px solid rgba(128,128,128,.32)}
  .notice .nr:last-child{border-bottom:1px solid rgba(128,128,128,.32)}
  .notice .nr b{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;color:var(--olive);font-weight:700;padding-top:8px;grid-row:1/3}
  .notice .nr strong{font-size:25px;font-weight:600;color:var(--ink);letter-spacing:.005em}
  .notice .nr p{color:var(--muted);font-size:16px;line-height:1.55;max-width:52ch;margin:2px 0 0}
  @container site (max-width:700px){.notice{grid-template-columns:1fr;gap:26px;padding:40px 18px 14px}.notice .nt-l h2{font-size:34px}.notice .nt-stk{margin-left:0}.notice .nt-l p{font-size:15px}.notice .nr{grid-template-columns:1fr;gap:4px;padding:16px 0}.notice .nr b{grid-row:auto;padding-top:0}.notice .nr strong{font-size:19px}}
  .feat{padding:48px 44px 40px}
  .cards{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink)}
  .card{border-right:1px solid var(--ink);position:relative;background:var(--paper)}
  .card:last-child{border-right:0}
  .card .img{aspect-ratio:4/5;border-bottom:1px solid var(--ink)}
  .card .img .worn{position:absolute;inset:0;background:var(--paper);display:grid;place-items:center;opacity:0;transition:opacity .35s}
  .card .img .worn svg{width:78%;height:78%;color:var(--light)}
  .card .img .worn::after{content:"";position:absolute;left:8px;bottom:6px;font-family:"JetBrains Mono",monospace;font-size:8.5px;letter-spacing:.16em;color:rgba(242,241,237,.7)}
  .card:hover .img .worn{opacity:1}
  .card .cb{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:13px 14px;font-size:13px;font-weight:500}
  .card .cb .pr{font-family:"JetBrains Mono",monospace;color:var(--muted);font-size:12.5px}
  .card .st{position:absolute;left:10px;top:10px;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.1em;padding:4px 7px;z-index:2}
  .s-now{background:var(--ink);color:var(--paper)}.s-order{background:var(--paper);color:var(--ink);border:1px solid var(--ink)}.s-res{background:var(--red);color:var(--light)}.s-sold{background:var(--concrete);color:var(--muted)}
  .card.out .img{opacity:.45}.card.out .pr{text-decoration:line-through}
  .card.look .img{background:linear-gradient(160deg,#7d8570,#3f4a34)}
  .card.look .img svg{color:var(--light);width:70%;height:70%}
  .card.look .img::after{content:""}
  .card.look .cb{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.1em;color:var(--muted)}
  .card.vid-t .img::after{content:"ΒΙΝΤΕΟ"}
  .card.vid-t .img .hang{width:64%;height:auto;color:#c9c7c0}
  .card.vid-t .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;border:2px solid var(--light);display:grid;place-items:center;color:var(--light);font-size:16px;background:rgba(14,14,14,.3)}
  .card.vid-t .dot{position:absolute;right:10px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(194,27,15,.25)}
  .cards.grid8{grid-template-columns:repeat(3,1fr)}
  .cards.grid8 .card:nth-child(4n){border-right:0}
  .cards.grid8 .card:nth-child(-n+4){border-bottom:1px solid var(--ink)}

  /* κατηγορίες όπως Gina Tricot: δύο μεγάλα φορεμένα */
  .cats2{padding:0 44px 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .cats-head{padding:48px 44px 16px}
  /* οι υπόλοιπες κατηγορίες, μία γραμμή κάτω από τα πλακίδια */
  .catline{padding:0 44px 48px;display:flex;flex-wrap:wrap;gap:8px}
  .catline a{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.09em;text-decoration:none;
    color:var(--muted);border:1px solid rgba(128,128,128,.32);padding:10px 16px;transition:.15s}
  .catline a:hover{color:var(--ink);border-color:var(--ink)}
  .ct{position:relative;aspect-ratio:4/3.4;overflow:hidden;cursor:pointer}
  .ct .img{position:absolute;inset:0}
  .ct .ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:2}
  .ct h3{color:var(--light);font-size:clamp(28px,3.4cqw,44px);font-weight:500;text-shadow:0 2px 14px rgba(0,0,0,.35)}
  .ct .pill{background:var(--paper);color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;padding:12px 26px;border-radius:999px;transition:.15s}
  .ct:hover .pill{background:var(--olive);color:var(--light)}
  .ct:hover .img svg{transform:scale(1.04)}

  /* από την ντουλάπα: κάθετα βίντεο 9:16 */
  .ward{padding:0 0 48px}
  .ward .sec-head{padding:0 44px}
  .wrow{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 44px;scrollbar-width:none}
  .wrow::-webkit-scrollbar{display:none}
  .wv{flex:0 0 clamp(170px,17cqw,220px);aspect-ratio:9/16;scroll-snap-align:start;position:relative;overflow:hidden;background:linear-gradient(180deg,#2e2c29,#1a1917);border-radius:6px}
  .wv .hang{position:absolute;left:50%;top:12%;width:70%;transform:translateX(-50%);color:#c9c7c0}
  .wv .lab{position:absolute;left:10px;bottom:10px;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.12em;color:var(--light);opacity:.8}
  .wv .dot{position:absolute;right:10px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(194,27,15,.25)}
  .wv::after{content:"ΒΙΝΤΕΟ · LOOP";position:absolute;right:10px;bottom:10px;font-family:"JetBrains Mono",monospace;font-size:8.5px;letter-spacing:.14em;color:rgba(242,241,237,.45)}
  .stamp{position:absolute;left:50%;top:40%;font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;color:var(--red);border:3px solid var(--red);padding:5px 12px;font-size:18px;letter-spacing:.08em;line-height:1;white-space:nowrap;z-index:3;pointer-events:none;transform:translate(-50%,-50%) rotate(-14deg);mix-blend-mode:multiply}
  .card:hover .stk{transform:rotate(var(--r,0deg)) translateY(-3px)}

  /* ---------- CATALOG list ---------- */
  .catl{padding:6px 44px 48px}
  .cl{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:22px;padding:12px 0;border-bottom:1px solid rgba(128,128,128,.32);
    font-family:Oswald,sans-serif;text-transform:uppercase;font-weight:500;font-size:22px;letter-spacing:.03em;cursor:pointer;text-decoration:none;color:inherit;transition:color .15s}
  .cl .th{width:72px;aspect-ratio:4/5;overflow:hidden;background:var(--card);position:relative;transform-origin:left center;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
  .cl > span:nth-child(2){transition:transform .45s cubic-bezier(.2,.7,.2,1)}
  .cl .th .ph{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
  .cl .cnt{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.12em;color:var(--muted);margin-left:14px;font-weight:400}
  .cl .arr{font-family:"JetBrains Mono",monospace;font-size:18px;color:var(--muted);transition:transform .2s,color .15s}
  .cl:hover{color:var(--olive)}
  .cl:hover .th{transform:scale(1.3)}
  .cl:hover > span:nth-child(2){transform:translateX(26px)}
  .cl:hover .th .ph{transform:scale(1.08)}
  .cl:hover .arr{transform:translateX(6px);color:var(--olive)}
  .cl:first-child{border-top:1px solid rgba(128,128,128,.32)}
  @container site (max-width:700px){.cl{grid-template-columns:56px 1fr auto;gap:14px;font-size:18px}.cl .th{width:56px}.cl:hover .th{transform:none}}

  /* ---------- VIDEO ---------- */
  .vid{margin:0 14px;background:var(--ink);border-radius:14px;padding:14px}
  .vid .scr{position:relative;aspect-ratio:16/7;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#3b4a33,#2b2f27 55%,#4a5d3a);display:grid;place-items:center}
  .vid .scr::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,rgba(242,241,237,.18),transparent 55%)}
  .vid .play{width:64px;height:64px;border-radius:50%;border:2px solid var(--light);display:grid;place-items:center;color:var(--light);font-size:22px;position:relative;z-index:2;background:rgba(14,14,14,.25)}
  .vid .lab{position:absolute;left:16px;bottom:14px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;color:var(--light);opacity:.8}

  /* ---------- BRAND ---------- */
  .brand{padding:48px 44px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
  .asphalt{position:relative;aspect-ratio:1/1;background:linear-gradient(135deg,#3c3c3a,#2a2a29 60%,#353533);overflow:hidden}
  .asphalt::before{content:"";position:absolute;left:-10%;top:42%;width:120%;height:36px;background:rgba(242,241,237,.72);transform:rotate(-26deg)}
  .asphalt::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.06),transparent 45%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.08) 3px 4px)}
  .tagc{position:absolute;width:38%;aspect-ratio:7/9;padding:16px 14px;display:flex;flex-direction:column;justify-content:space-between;z-index:2;box-shadow:0 16px 34px rgba(0,0,0,.5);transform:rotate(var(--r))}
  .tagc::before{content:"";position:absolute;top:10px;left:50%;width:26px;height:8px;border:2px solid currentColor;border-radius:8px;transform:translateX(-50%);opacity:.6}
  .tagc img{width:100%;height:auto}
  .tagc .m{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;line-height:1.6}
  .btxt{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
  .btxt .rm{align-self:flex-end;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
  .btxt p{font-size:14.5px;color:var(--muted);max-width:44ch;margin-top:10px}
  .btxt .num{font-family:Oswald,sans-serif;font-weight:700;font-size:56px;line-height:.85;margin:0 0 22px;position:relative;display:inline-block}
  .btxt .num small{display:block;font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.14em;color:var(--muted);margin-top:8px;font-weight:400}
  .ring{position:absolute;inset:-10px -18px;pointer-events:none}
  /* αποδείξεις: screenshots από μηνύματα, κυλάνε πλάγια */
  .dms{padding:26px 0 4px}
  .dms .sec-head{padding:0 44px}
  .dmrow{display:flex;gap:12px;overflow-x:auto;padding:0 44px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin}
  .dm{flex:0 0 auto;width:230px;aspect-ratio:9/16;background:rgba(128,128,128,.07);border:1px dashed rgba(128,128,128,.4);
    border-radius:12px;overflow:hidden;position:relative;scroll-snap-align:start;display:grid;place-items:center}
  .dm:has(img){border-style:solid;background:var(--card)}
  .dm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .dm .ph-note{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.08em;color:var(--muted);
    text-align:center;padding:0 16px;line-height:1.7}


  /* ---------- Η ΙΣΤΟΡΙΑ ΤΟΥ BRAND: καρφωμένη οθόνη, οι λέξεις καθαρίζουν όσο κατεβαίνεις ---------- */
  .story{position:relative;height:320vh}
  .story-pin{position:sticky;top:var(--pin-top,0px);height:100vh;overflow:hidden;display:grid;place-items:center;padding:0 44px;isolation:isolate}
  .story-bg{position:absolute;inset:-6%;z-index:0;background-size:cover;background-position:center;filter:blur(26px) saturate(.7);opacity:.28;transform:scale(1.06)}
  .story-pin::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 20%,rgba(0,0,0,.55) 100%)}
  .story-txt{position:relative;z-index:2;font-family:Oswald,Impact,sans-serif;font-weight:700;text-transform:uppercase;text-align:center;
    font-size:clamp(26px,4.2cqw,54px);line-height:1.08;letter-spacing:.01em;max-width:24ch;margin:0;color:var(--ink);text-wrap:balance}
  .story-txt .w{display:inline-block;opacity:.16;filter:blur(7px);transform:translateY(8px);will-change:opacity,filter,transform}
  .story-txt .w.on{opacity:1;filter:blur(0);transform:none}
  .story-txt .w.gone{opacity:0;filter:blur(10px);transform:translateY(-10px)}
  .story-txt .w{transition:opacity .35s ease,filter .35s ease,transform .35s ease}
  .story-txt em{font-style:normal;color:var(--olive)}
  .story-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.16em;color:var(--muted);transition:opacity .4s}
  .story.done .story-hint{opacity:0}

  /* ---------- ΤΙ ΛΕΝΕ ΟΣΟΙ ΕΧΟΥΝ ΠΑΡΑΓΓΕΙΛΕΙ: μέσα στην ίδια καρφωμένη σκηνή, μετά τις λέξεις ---------- */
  .story{height:380vh}
  .story-end{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;opacity:0;pointer-events:none}
  .story-end h2{font-size:clamp(30px,5cqw,64px);line-height:1;letter-spacing:.01em;margin:0;padding:0 44px;text-align:center;color:var(--ink);text-wrap:balance;will-change:opacity,filter,transform}
  .story-end .sub{color:var(--muted);font-size:14.5px;margin:-10px 0 0}
  .story-end .dmrow{width:100%;padding:6px 44px 14px;will-change:opacity,transform}
  .dmrow{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;justify-content:safe center}
  @container site (max-width:700px){.story-pin{padding:0 18px}.story-txt{font-size:27px;line-height:1.38}.story-end h2{padding:0 18px}.story-end .dmrow{padding:6px 18px 14px;justify-content:flex-start}.dm{width:190px}}

  /* ---------- INSTAGRAM: τρία μεγάλα posts ---------- */
  .ig3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .post{display:block;text-decoration:none;color:inherit}
  .post .img{aspect-ratio:4/5;overflow:hidden}
  /* φωτογραφίες προϊόντος σε λευκό: ολόκληρες μέσα στο πλαίσιο, όχι κομμένες */
  .post .img.fit{background:#fff;padding:18px}.post .img.fit .ph{object-fit:contain;object-position:center}
  .post .img .ph{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
  .post:hover .img .ph{transform:scale(1.04)}
  .post .pmeta{display:flex;justify-content:space-between;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.1em;color:var(--muted);margin:12px 0 6px}
  .post .pcap{font-size:14px;line-height:1.55;color:var(--ink);margin:0}
  @container site (max-width:700px){.ig3{grid-template-columns:1fr}}

  /* ---------- ΕΡΩΤΗΣΕΙΣ: πιο αέρας, πιο μεγάλες ερωτήσεις, ανοίγει με κίνηση ---------- */
  .qa{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:56px}
  /* FAQ: κάρτες όπως το reference, σε σκούρο */
  .qa .qa-tag{display:inline-flex;align-items:center;gap:8px;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.12em;color:var(--muted)}
  .qa .qa-tag i{width:8px;height:8px;border-radius:50%;background:var(--olive)}
  .qa .qa-l h2{color:var(--ink);text-transform:none;font-size:clamp(32px,3.8cqw,46px);line-height:1.05;letter-spacing:-.01em;margin:12px 0 22px}
  .qa .qa-card{background:rgba(128,128,128,.08);border:1px solid rgba(128,128,128,.26);border-radius:18px;padding:28px 26px 26px}
  .qa .qa-av{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--olive);margin-bottom:18px;overflow:hidden}
  .qa .qa-av img{width:58px;height:auto;display:block;filter:brightness(.15)}
  .qa .qa-card h3{font-size:22px;font-weight:600;letter-spacing:-.005em;margin:0 0 8px;color:var(--ink);text-transform:none;font-family:Manrope,sans-serif}
  .qa .qa-card p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 18px;max-width:none}
  .qa .qa-card .btn{display:block;text-align:center;width:100%;border-radius:12px;margin:0}
  .qa .faq{border-top:0}
  .qa .faq details{border:1px solid rgba(128,128,128,.24);border-radius:14px;background:rgba(128,128,128,.07);margin-bottom:10px;padding:0 22px;transition:border-color .2s,background .2s}.qa .faq details:hover{background:rgba(128,128,128,.11)}
  .qa .faq details:first-of-type{border-top:1px solid rgba(128,128,128,.22)}
  .qa .faq details[open]{border-color:rgba(128,128,128,.45);background:rgba(128,128,128,.1)}
  .qa .faq summary{padding:19px 0;font-family:Manrope,sans-serif;text-transform:none;font-weight:500;font-size:18px;letter-spacing:0;color:var(--ink)}
  .qa .faq details[open] summary{color:var(--ink)}
  .qa .faq summary::after{content:"+";font-size:22px;width:28px;text-align:center;font-weight:400}
  .qa .faq details[open] summary::after{content:"×"}
  .qa .faq details > div{padding:0 0 22px;margin-top:-6px;color:var(--muted);font-size:14.5px;max-width:60ch;overflow:hidden}
  .qa .faq summary::after{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.qa .faq details[open] summary::after{content:"+";transform:rotate(45deg)}
  @container site (max-width:700px){.qa .faq summary{font-size:16px;padding:16px 0}.qa .faq details{padding:0 16px}.qa .faq details > div{padding:0 0 16px}.qa .qa-card{padding:22px 20px}}

  .qa-l .btn.pri{margin-top:4px}
  .qa .faq details{border-bottom:1px solid rgba(128,128,128,.32)}
  .qa .faq details:first-of-type{border-top:1px solid rgba(128,128,128,.32)}
  .qa .faq summary{position:relative;transition:color .15s}
  .qa .faq summary .i{position:absolute;left:0;top:25px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;color:var(--olive)}
  .qa .faq summary::after{font-size:22px;width:28px;text-align:center}
  
  
  @keyframes faqIn{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
  
  /* ---------- ΓΙΑ ΤΟ BRAND (παλιό, δεν χρησιμοποιείται) ---------- */
  .about{padding:56px 44px 8px;max-width:760px}
  .about .eyebrow{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.16em;color:var(--muted);margin:0 0 12px}
  .about h2{font-size:clamp(26px,3.2cqw,40px);line-height:1;letter-spacing:.005em;margin:0 0 16px;color:var(--ink)}
  .about p{color:var(--muted);font-size:15.5px;max-width:58ch}

  /* ---------- ΠΩΣ ΔΟΥΛΕΥΕΙ: τρία βήματα, το καθένα με μικρή εικόνα του τι βλέπει ο πελάτης ---------- */
  .flow{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
  .fs{display:flex;flex-direction:column;gap:0;border:1px solid rgba(128,128,128,.26);border-radius:16px;background:rgba(128,128,128,.07);overflow:hidden}
  .fs-mock{order:1;height:390px;flex:0 0 390px;margin-top:auto;border:0;border-top:1px solid rgba(128,128,128,.2);background:rgba(128,128,128,.06);display:grid;place-items:center;padding:24px;overflow:hidden}
  .fs-txt{position:relative;padding:24px 26px 22px;order:0}
  .fs-txt .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--olive);color:var(--btnink,#171A14);font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:700;margin-bottom:10px}
  .fs-txt h4{font-size:19px;letter-spacing:.02em;margin:0 0 8px}
  .fs-txt p{color:var(--muted);font-size:14px;line-height:1.65;max-width:40ch}
  /* διακεκομμένη γραμμή που δένει τα τρία νούμερα */
  .flow::before{display:none}
  .fs-txt .n{position:relative;z-index:1}
  /* βήμα 1: μικρή κάρτα προϊόντος */
  .mini-card{width:262px;background:var(--card);color:#0E0E0E;border:1px solid #0E0E0E;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.06em}
  .mini-card .mini-img{aspect-ratio:1/.9;background:#F5F4F1;position:relative;overflow:hidden}
  .mini-card .mini-cb{display:flex;justify-content:space-between;padding:9px 10px;border-top:1px solid #0E0E0E}
  .mini-card .mini-sz{display:flex;gap:6px;padding:0 10px 10px}
  .mini-card .mini-sz i{font-style:normal;width:30px;height:27px;display:grid;place-items:center;border:1px solid #0E0E0E}
  .mini-card .mini-sz i.on{background:#0E0E0E;color:#F2F1ED}
  .mini-card .mini-btn{background:var(--olive);color:#171A14;text-align:center;padding:12px;font-weight:700;letter-spacing:.08em}
  /* βήμα 2: συνομιλία */
  .chat{width:100%;max-width:318px;display:flex;flex-direction:column;gap:9px;font-size:14.5px;line-height:1.45}
  .bub{padding:10px 13px;border-radius:14px;max-width:88%}
  .bub.me{background:#D9F3C8;color:#12200C;align-self:flex-end;border-bottom-right-radius:3px}
  .bub.them{background:#F5F4F1;color:#0E0E0E;align-self:flex-start;border-bottom-left-radius:3px}
  .bub.opts{display:flex;flex-direction:column;gap:0;padding:8px 11px;max-width:96%}.bub.opts i{font-style:normal;padding-bottom:5px}.bub.opts span{display:flex;flex-direction:column;font-size:12.5px;line-height:1.3;padding:6px 0;border-top:1px solid rgba(0,0,0,.08)}.bub.opts b{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.1em;color:#3E5A2E;margin-bottom:2px}
  .bub.ok{background:var(--olive);color:#171A14;font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.1em;font-weight:700}
  /* βήμα 3: χρόνοι και τρόποι παράδοσης */
  .track{width:100%;max-width:270px;font-family:"JetBrains Mono",monospace}
  .track .tr{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-bottom:1px solid rgba(128,128,128,.35);font-size:10px;letter-spacing:.1em;color:var(--muted)}
  .track .tr b{color:var(--ink);font-weight:700}
  .track .tr span{font-family:Oswald,sans-serif;font-size:24px;letter-spacing:.02em;color:var(--olive);line-height:1.05}
  .track .tr-opts{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
  .track .tr-opts span{font-size:9.5px;letter-spacing:.08em;border:1px solid rgba(128,128,128,.45);padding:6px 9px;color:var(--ink)}

  /* ---------- ΕΡΩΤΗΣΕΙΣ: ακορντεόν που ανοίγει ---------- */
  .qa-l p{color:var(--muted);font-size:14.5px;margin:10px 0 18px;max-width:34ch}
  .faq details{border-bottom:1px solid rgba(128,128,128,.35)}
  .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;font-family:Oswald,sans-serif;text-transform:uppercase;font-weight:500;font-size:16px;letter-spacing:.03em}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:"+";font-family:"JetBrains Mono",monospace;font-size:18px;color:var(--olive);flex:0 0 auto;transition:transform .2s}
  .faq details[open] summary::after{content:"−"}
  .faq details > div{padding:0 0 18px;color:var(--muted);font-size:14.5px;line-height:1.65;max-width:60ch}
  .bgrid{padding:18px 44px 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
  .b4{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .b4 .img{aspect-ratio:1/1.05}
  .b4 .lab,.bbig .lab{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:rgba(230,228,222,.85);color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;padding:8px 18px;border:1px solid var(--ink);white-space:nowrap}
  .bbig .img{aspect-ratio:1/1.05;background:var(--concrete)}
  .bbig .img svg{color:var(--olive)}

  /* ---------- HOW + FAQ ---------- */
  .how{padding:0 44px 48px}
  .how .steps{max-width:none}
  .qa{padding:0 44px 48px;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:40px;align-items:start}
  .steps{border-top:1px solid var(--ink)}
  .step{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--ink)}
  .step .n{font-family:"JetBrains Mono",monospace;font-size:10px;background:var(--ink);color:var(--paper);padding:3px 7px;align-self:start;justify-self:start}
  .step h4{font-size:15px;font-weight:500;margin-bottom:4px}.step p{font-size:13px;color:var(--muted)}
  .ship{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:13px;color:var(--muted);margin-top:16px}
  .ship b{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;color:var(--ink);display:block;margin-bottom:4px;font-weight:400}
  .faq{border-top:1px solid var(--ink)}
  @container site (max-width:700px){.qa{grid-template-columns:1fr;gap:16px;padding:0 18px 34px}.flow{grid-template-columns:1fr;gap:30px}.flow::before{display:none}.about{padding:36px 18px 4px}.fs-mock{height:340px;flex-basis:340px}.fs-txt{min-height:0}}
  .q{border-bottom:1px solid var(--ink);padding:14px 0;display:flex;justify-content:space-between;gap:16px;align-items:baseline;cursor:pointer}
  .q h4{font-size:14px;font-weight:500}.q span{font-family:"JetBrains Mono",monospace;color:var(--muted)}
  .a{padding:0 0 14px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--ink)}

  /* ---------- NEXT DROP ---------- */
  .next{margin:0 14px 14px;position:relative;min-height:380px;display:grid;place-items:center;text-align:center;overflow:hidden;border-radius:8px;background:var(--olive)}
  .next .img{position:absolute;inset:0;background:linear-gradient(160deg,#5b6e48,#3a4a2d 60%,#2f3a26)}
  .next .img svg{width:50%;height:50%;opacity:.35}
  .next .img::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.35),rgba(10,10,10,.55))}
  .next .ov{position:relative;z-index:2;padding:40px 24px}
  .next h2{color:#fff;font-size:clamp(28px,3.6cqw,44px);line-height:1;margin-bottom:12px}
  .next p{color:#fff;opacity:.9;font-size:15px;max-width:64ch;margin:0 auto 24px}
  .next .btn{color:#fff;border-color:#fff;background:rgba(0,0,0,.25);backdrop-filter:blur(4px)}.next .btn:hover{background:#fff;color:#111}.next .btn.pri{background:var(--olive);color:#171A14;border-color:var(--olive)}.next .btn.pri:hover{background:#fff;border-color:#fff}

  /* ---------- INSTAGRAM ---------- */
  .insta{padding:0 44px 48px}
  .insta .ig-sub{display:block;font-size:13px;color:var(--muted);margin-top:4px}
  .ig{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
  .ig .img{aspect-ratio:1}
  .ig .img::after{content:""}
  .ig .igk{position:absolute;right:8px;top:6px;color:var(--light);font-size:13px;text-shadow:0 1px 4px rgba(0,0,0,.5)}
  .ig .img:not(.life) .igk{color:var(--ink);text-shadow:none}
  .ig .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:2px solid var(--light);display:grid;place-items:center;color:var(--light);font-size:13px}
  .ig .img:hover svg{transform:scale(1.05)}
  /* ---------- FOOTER ---------- */
  /* ---------- ΚΛΕΙΣΙΜΟ + FOOTER: ρούχα, πρόσκληση, links, τεράστιο PREMIUMSTONES ---------- */
  .close{padding:20px 0 0;border-top:1px solid rgba(128,128,128,.22)}
  .close-strip{overflow:hidden;padding:0 0 20px}
  .close-track{display:flex;gap:6px;width:max-content;animation:closeRoll 48s linear infinite}
  .close-strip:hover .close-track{animation-play-state:paused}
  @keyframes closeRoll{to{transform:translateX(calc(-50% - 3px))}}
  .close-strip .img{width:230px;aspect-ratio:3/4;background:#F4F4F1;overflow:hidden;flex:0 0 auto}
  .close-strip .img .ph{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
  .close-strip .img:hover .ph{transform:scale(1.05)}
  .close-cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:64px 44px 68px;border-bottom:1px solid rgba(128,128,128,.22)}
  .close-cta h2{color:var(--ink);font-size:clamp(44px,8.4cqw,112px);line-height:.92;margin:16px 0 20px;letter-spacing:.005em;text-wrap:balance}.close-cta h2 em{font-style:normal;color:var(--olive)}
  .close-cta p{color:var(--ink);opacity:.85;font-size:clamp(16px,1.5cqw,20px);margin:0 0 30px;max-width:44ch}
  .close-cta .ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.close-cta .btn{padding:15px 30px}
  .close-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.3fr);gap:32px;padding:40px 44px 34px}
  .close-cols b{display:block;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.14em;color:var(--olive);margin-bottom:14px}
  .close-cols a,.close-cols span{display:block;color:var(--ink);text-decoration:none;font-size:15px;line-height:1.5;padding:4px 0;opacity:.85}
  .close-cols a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
  .close-cols span{color:var(--muted)}
  .close-brand{justify-self:end;text-align:right}
  .close-brand img{height:44px;width:auto;display:inline-block}
  .close-brand p{color:var(--muted);font-size:13px;max-width:30ch;margin:14px 0 0;margin-left:auto}
  .close-giant{font-family:Oswald,sans-serif;font-weight:700;font-size:13.4cqw;line-height:.8;letter-spacing:-.02em;text-align:center;color:var(--ink);opacity:.92;padding:6px 0 0;margin-bottom:-.06em;overflow:hidden;white-space:nowrap;user-select:none;-webkit-mask-image:linear-gradient(180deg,#000 50%,rgba(0,0,0,.35) 100%);mask-image:linear-gradient(180deg,#000 50%,rgba(0,0,0,.35) 100%)}
  .close-fb{display:flex;justify-content:space-between;gap:16px;padding:0 44px 10px;border-top:1px solid rgba(128,128,128,.18);padding-top:14px;margin:0 0 0;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;color:var(--muted)}
  @container site (max-width:700px){.close-strip .img{width:150px}.close-strip{padding-bottom:14px}.close-cta{padding:46px 18px 40px}.close-cta .ctas .btn{flex:1;text-align:center}.close-cols{grid-template-columns:1fr 1fr;gap:26px 18px;padding:28px 18px}.close-brand{grid-column:1/-1;justify-self:start;text-align:left}.close-brand p{margin-left:0}.close-giant{font-size:13.3cqw;line-height:.95;margin:0;padding:6px 0 calc(10px + env(safe-area-inset-bottom,0px));-webkit-mask-image:none;mask-image:none}.close-fb{padding:8px 18px 16px;flex-direction:column;gap:4px}}
  .foot{background:var(--ink);color:var(--paper);padding:40px 44px 24px;display:grid;grid-template-columns:1fr auto;gap:30px}
  .foot img{height:112px;width:auto;display:block;margin:-10px 0 0 -8px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}
  .foot p{font-size:13px;opacity:.7;max-width:40ch;margin-top:18px}
  .foot .cols a{color:inherit;text-decoration:none;opacity:.85}.foot .cols a:hover{opacity:1}
  .foot .cols{display:grid;grid-template-columns:auto auto auto;gap:12px 34px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;align-content:start}
  .foot .soc{display:flex;gap:16px;margin-top:40px;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.1em;opacity:.8}
  .foot .soc a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}.foot .soc a:hover{border-color:currentColor}
  .foot .fb{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(230,228,222,.2);padding-top:18px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;opacity:.55}

  /* ---------- ΣΕΛΙΔΑ ΠΡΟΪΟΝΤΟΣ ---------- */
  /* ---------- ΣΕΛΙΔΑ ΚΑΤΗΓΟΡΙΑΣ ---------- */
  .cat-hero{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 14px}
  .cat-hero .img{aspect-ratio:3/4;overflow:hidden;background:#2a2d28}
  .cat-hero::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:55%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));pointer-events:none;z-index:1}
  .cat-title{position:absolute;left:44px;right:44px;bottom:34px;z-index:2;color:#fff}
  .cat-title .lbl{color:rgba(255,255,255,.75)}
  .cat-title h1{color:#fff;font-size:clamp(40px,7.6cqw,104px);line-height:.9;margin:8px 0 10px;text-shadow:0 6px 30px rgba(0,0,0,.4)}
  .cat-title .cat-n{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.12em;color:rgba(255,255,255,.85)}
  .chips{display:flex;gap:8px;flex-wrap:wrap;padding:22px 44px 10px}
  .chip{border:1px solid rgba(128,128,128,.45);border-radius:999px;padding:9px 16px;font:inherit;font-size:13px;cursor:pointer;background:transparent;color:var(--ink);transition:.15s}
  .chip:hover{border-color:var(--ink)}.chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
  .fbar{position:sticky;top:var(--pin-top,0px);z-index:6;background:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 44px;border-top:1px solid rgba(128,128,128,.28);border-bottom:1px solid rgba(128,128,128,.28);margin:12px 0 0}
  .fbar .n{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;color:var(--ink)}
  .fbar .fil{display:flex;gap:8px;flex-wrap:wrap}
  .dd{position:relative}
  .dd-b{display:inline-flex;align-items:center;gap:12px;background:transparent;color:var(--ink);border:1px solid rgba(128,128,128,.45);padding:9px 12px;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.08em;cursor:pointer;transition:.15s}
  .dd-b::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
  .dd-b:hover,.dd.open .dd-b{border-color:var(--ink)}.dd.open .dd-b::after{transform:rotate(225deg) translateY(-2px)}
  .dd-b:focus-visible{outline:2px solid var(--olive);outline-offset:2px}
  .dd-m{position:absolute;right:0;top:calc(100% + 8px);min-width:100%;width:max-content;background:var(--paper);border:1px solid rgba(128,128,128,.4);box-shadow:0 18px 40px rgba(0,0,0,.35);padding:6px;z-index:20;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1)}
  .dd.open .dd-m{opacity:1;transform:none;pointer-events:auto}
  .dd-m button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;text-align:left;background:transparent;border:0;color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.08em;padding:10px 12px;cursor:pointer}
  .dd-m button:hover{background:rgba(128,128,128,.14)}
  .dd-m button[aria-selected="true"]{color:var(--olive)}.dd-m button[aria-selected="true"]::after{content:"✓"}
  .cards.cgrid{margin:0 44px 40px;grid-template-columns:repeat(4,minmax(0,1fr));border:0;gap:0}
  .cards.cgrid .card{border:1px solid var(--ink);margin:0 -1px -1px 0}
  .card{cursor:pointer}.card.look{cursor:default}
  .cat-empty{padding:40px 44px 60px;color:var(--muted);font-size:15px;max-width:52ch}
  /* ---------- DRAWER ---------- */
  .drawer{position:fixed;inset:0;z-index:200;pointer-events:none}
  .drawer .dr-bg{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .35s}
  .drawer .dr-panel{position:absolute;top:0;right:0;bottom:0;width:min(440px,92vw);background:#161815;color:#ECEBE4;padding:22px 30px 30px;display:flex;flex-direction:column;gap:26px;overflow-y:auto;transform:translateX(100%);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
  .drawer.open{pointer-events:auto}.drawer.open .dr-bg{opacity:1}.drawer.open .dr-panel{transform:none}
  .dr-head{display:flex;justify-content:space-between;align-items:center}.dr-head img{height:32px;width:auto}
  .dr-x{background:none;border:0;color:#ECEBE4;font-size:34px;line-height:1;cursor:pointer;padding:0 2px}
  .dr-big{display:flex;flex-direction:column;gap:4px}.dr-big a{font-family:Oswald,sans-serif;font-weight:700;font-size:38px;line-height:1.05;letter-spacing:.01em;color:#ECEBE4;text-decoration:none}.dr-big a:hover{color:#A8BC8A}
  .dr-cats{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.12)}
  .dr-cats a{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#ECEBE4;text-decoration:none;font-size:16px}
  .dr-cats a span{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.1em;color:#9AA093}.dr-cats a:hover{color:#A8BC8A}
  .dr-links{display:flex;flex-direction:column;gap:8px}.dr-links a{color:#9AA093;text-decoration:none;font-size:14px}.dr-links a:hover{color:#ECEBE4}
  .dr-soc{margin-top:auto;display:flex;gap:18px;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.12em}.dr-soc a{color:#ECEBE4;text-decoration:none;opacity:.8}.dr-soc a:hover{opacity:1}
  /* ---------- ΣΕΛΙΔΑ ΠΡΟΪΟΝΤΟΣ (νέα) ---------- */
  .info .pst{display:inline-flex;align-items:center;gap:8px;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.12em;padding:7px 11px;border:1px solid var(--ink)}
  .info .pst i{width:7px;height:7px;border-radius:50%;background:var(--olive)}.info .pst.order i{background:#E0B24A}.info .pst.sold i,.info .pst.res i{background:var(--red)}
  .pline .old{font-family:"JetBrains Mono",monospace;color:var(--muted);text-decoration:line-through;font-size:16px}
  .pline .brand{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.12em;color:var(--muted);margin-left:auto}
  .sz.off{opacity:.3;cursor:not-allowed;text-decoration:line-through}
  .pnote{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:12px 14px;border:1px dashed rgba(128,128,128,.5);font-size:13px;color:var(--ink);line-height:1.5}
  .pnote b{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;color:var(--olive);white-space:nowrap;padding-top:3px}
  @container site (max-width:700px){.cat-hero{grid-template-columns:1fr}.cat-hero .img:not(:first-child){display:none}.cat-hero .img{aspect-ratio:4/5}.cat-title{left:18px;right:18px;bottom:22px}.cat-title h1{font-size:44px}.chips{padding:16px 18px 6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.chip{flex:0 0 auto}.fbar{padding:10px 18px;flex-direction:column;align-items:flex-start}.fbar .fil{width:100%}.dd{flex:1 1 45%}.dd-b{width:100%;justify-content:space-between}.dd-m{left:0;right:auto;width:100%}.cards.cgrid{margin:0 18px 30px;grid-template-columns:1fr 1fr}.cat-empty{padding:30px 18px 40px}}
  .crumb{padding:0 44px 18px;font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--muted);letter-spacing:.06em}
  .pd{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:44px;padding:0 44px 48px;align-items:start}
  .gal{display:flex;flex-direction:column;gap:8px;position:sticky;top:var(--pin-top,0px)}
  .gal .main{position:relative;aspect-ratio:4/5;max-height:540px;overflow:hidden;background:#F4F4F1;cursor:zoom-in}
  .gal .main .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s}.gal .main img.ph{object-fit:contain;background:#fff}
  .gal .main .ph.fade{opacity:0}
  .gal .arr{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(20,22,19,.72);color:#fff;font-size:18px;display:grid;place-items:center;cursor:pointer;transition:background .15s,opacity .15s;backdrop-filter:blur(4px)}
  .gal .arr:hover{background:rgba(20,22,19,.95)}.gal .arr.l{left:12px}.gal .arr.r{right:12px}
  .gal .cnt{position:absolute;right:14px;bottom:12px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;color:#fff;background:rgba(20,22,19,.72);padding:5px 8px}
  .gal .thumbs{display:flex;gap:6px}
  .gal .thumbs button{position:relative;width:64px;aspect-ratio:4/5;padding:0;border:2px solid transparent;background:#F4F4F1;overflow:hidden;cursor:pointer;opacity:.6;transition:.15s}
  .gal .thumbs button .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
  .gal .thumbs button[aria-current="true"]{opacity:1;border-color:var(--olive)}
  .lb{position:fixed;inset:0;z-index:300;background:rgba(10,11,9,.96);display:none;align-items:center;justify-content:center}
  .lb.open{display:flex}
  .lb .lb-img{max-width:92vw;max-height:88vh;object-fit:contain;cursor:zoom-in;transition:transform .25s;transform-origin:center;user-select:none}
  .lb.zoom .lb-img{cursor:zoom-out;transform:scale(2.2)}
  .lb .lb-x{position:absolute;top:18px;right:22px;background:none;border:0;color:#fff;font-size:38px;line-height:1;cursor:pointer}
  .lb .arr{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.06);color:#fff;font-size:20px;display:grid;place-items:center;cursor:pointer}
  .lb .arr.l{left:22px}.lb .arr.r{right:22px}
  .lb .lb-n{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;color:#fff;opacity:.8}
  .info{position:sticky;top:0;align-self:start}
  .info h1{font-size:clamp(30px,3.6cqw,44px);line-height:1;color:var(--olive);margin:8px 0 6px}
  .pline{display:flex;align-items:baseline;gap:14px;margin:0 0 18px;flex-wrap:wrap}
  .pline .p{font-family:"JetBrains Mono",monospace;font-weight:700;font-size:26px}
  .lbl{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.12em;color:var(--muted)}
  .sizes{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 18px}
  .sz{width:48px;height:48px;border:2px solid var(--ink);background:transparent;color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:12px;cursor:pointer;transition:.12s}
  .sz:hover{background:var(--concrete)}.sz[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
  .mtab{width:100%;border-collapse:collapse;font-family:"JetBrains Mono",monospace;font-size:11.5px;margin:8px 0 20px}
  .mtab th{text-align:left;font-weight:400;color:var(--red);border-bottom:1px solid var(--ink);padding:6px 0}
  .mtab td{padding:6px 0;border-bottom:1px solid rgba(14,14,14,.15)}
  .dets{list-style:none;padding:0;margin:0 0 22px;font-size:13.5px;color:var(--muted)}.dets li{padding:6px 0;border-bottom:1px solid rgba(14,14,14,.15)}
  .cta2{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
  .cta2 .alt{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--muted);text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:2px}
  .disabled{opacity:.4;cursor:not-allowed}
  .mobibar{display:none}

  /* ============ ΤΑΜΠΛΕΤΑ ============ */
  @container site (max-width:980px){
    .cards{grid-template-columns:repeat(2,1fr)}.cards.grid8{grid-template-columns:repeat(3,1fr)}.card:nth-child(2n){border-right:0}.card:nth-child(-n+2){border-bottom:1px solid var(--ink)}
    .brand,.bgrid,.how,.pd{grid-template-columns:1fr}
    .info{position:static}.pd{gap:22px}
    .foot{grid-template-columns:1fr}
  }
  /* ============ ΚΙΝΗΤΟ ============ */
  @container site (max-width:640px){
    .wrap,.feat,.catl,.brand,.bgrid,.how,.crumb,.pd{padding-left:18px;padding-right:18px}
    .nav{padding:14px 18px;grid-template-columns:1fr auto}.nav .links{display:none}.nav img{height:34px}
    .hero{padding:40px 18px 34px;min-height:0}
    .hero h1{font-size:38px}
    .chrome-wm{width:150%;transform:translate(-50%,-40%) rotate(-14deg)}
    .polas{width:100%;height:auto;margin:30px 0 22px}.chrome-wm{opacity:var(--chr-op,.55)}
    .pola{width:34%}.pola.mid{width:42%;margin:0 -10px}
    .hero .ctas{flex-direction:column}.hero .btn{width:100%;text-align:center}
    .marq-in span{font-size:18px;padding:0 20px}.marq{padding:13px 0}
    .feat{padding-top:34px}.h2{font-size:22px}
    .cards{grid-template-columns:1fr 1fr}.cards.grid8{grid-template-columns:1fr}.card .cb{padding:10px 10px;font-size:12px}
    .cards.grid8 .card:nth-child(2n){border-right:0}.cards.grid8 .card:nth-child(2n+1){border-right:1px solid var(--ink)}
    .cats2{grid-template-columns:1fr;padding:0 18px 10px}.ct{aspect-ratio:4/3}
    .catline{padding:0 18px 30px}
    .insta{padding:0 18px 34px}.ig{grid-template-columns:repeat(3,1fr)}
    .vid{margin:0 10px}.vid .scr{aspect-ratio:4/3}
    .asphalt{aspect-ratio:4/3}
    .dms .sec-head,.dmrow{padding-left:18px;padding-right:18px}.dm{width:190px}
    .btxt{margin-top:6px}
    .b4 .img{aspect-ratio:1/1}
    .foot{padding:30px 18px 20px}.foot .cols{grid-template-columns:1fr 1fr}
    .next{margin:0 10px 10px;min-height:340px}
    .gal{position:static}.gal .main{max-height:none}.gal .thumbs button{width:52px}
    .cta2 .btn{display:none}
    .mobibar{display:flex;position:sticky;bottom:0;z-index:10;background:#141613;color:#ECEBE4;padding:11px 14px calc(11px + env(safe-area-inset-bottom,0px));gap:12px;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12)}
    .mobibar .m-price{font-family:"JetBrains Mono",monospace;font-weight:700;font-size:16px}
    .mobibar .m-btn{background:var(--olive);color:#171A14;border:2px solid var(--olive);padding:14px 18px;font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.06em;cursor:pointer;flex:1;max-width:240px}
    .mobibar .m-btn.disabled{background:transparent;border-color:#4a4d47;color:#9a9d96;font-weight:400}
    .stk{font-size:8.5px;padding:5px 7px}.stamp{font-size:14px;padding:4px 9px;border-width:2px}
  }
  @media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.rv.hid{opacity:1;transform:none}}
/* live */
.chrome,.hint{display:none!important}.stage{max-width:none;padding:0}.site{border:0;border-radius:0}body{background:#1E201D;margin:0}