/*
Theme Name: Helios
Theme URI: https://aromaterie.com
Author: Aromaterie
Description: Helios, the new Aromaterie shop. Design system ported 1:1 from the Helios prototype (Aromaterie/funnel-prototype.html v8.80). Step 2 = shell: header, footer, home page. Built 2026-09-23.
Version: 0.10.149
Requires PHP: 7.4
Text Domain: helios
*/
:root{color-scheme:light;box-sizing:border-box}
body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413}
img{max-width:100%}
[hidden]:not([hidden=until-found i]){display:none!important}
  :root{
    --paper:#FFFFFF;
    --snow:#FDFAFB;
    --pink-50:#FEF4F7;
    --pink-100:#FBE4EC;
    --pink-200:#F7CFDC;
    --pink-400:#EFA3BC;
    --pink-600:#C9658A;
    --gold:#926F34;
    --gold-2:#C9A55C;
    --gold-3:#F3E7CF;
    --ink:#241F23;
    --muted:#554B57; --cta:#B4517A; --cta-hover:#9C4168; --sel-bg:#FBE4EC; --sel-bd:#EFA3BC; --sel-ink:#8E3A5F;
    --line:#EFE5EA;
    --ok:#4C7A5A;
    --display:'Noto Serif Display',Georgia,'Times New Roman',serif;
    --body:'Ysabeau Office','Segoe UI',system-ui,-apple-system,sans-serif;
    --ease:cubic-bezier(.16,1,.3,1);
    color-scheme:light;
  }
  *{box-sizing:border-box}
  [hidden]{display:none!important}
  html{scroll-behavior:smooth;scroll-padding-top:8rem;font-size:clamp(1rem,calc(0.6375rem + .4vw),1.2188rem)}
  body{margin:0;background:var(--snow);color:var(--ink);font:450 15px/1.55 var(--body);-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  button,input{font:inherit;color:inherit}
  button{cursor:pointer}
  img{max-width:100%;display:block}
  h1,h2,h3{margin:0;text-wrap:balance}
  :focus-visible{outline:2px solid var(--pink-600);outline-offset:2px}
  .wrap{max-width:78.75rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}
  .num{font-variant-numeric:tabular-nums}
  .kicker{font:600 .7rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--pink-600)}
  .disp{font-family:var(--display);font-weight:400;letter-spacing:-.01em;line-height:1.08}
  .disp em{font-style:italic;font-weight:400;color:var(--pink-600)}
  body{font-size:1rem;font-feature-settings:"kern","liga"}

  /* motion */
  @keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  @keyframes shimmer{0%,62%{transform:translateX(-120%)}100%{transform:translateX(220%)}}
  @keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
  @keyframes rv{from{opacity:.25;transform:translateY(26px)}to{opacity:1;transform:none}}
  @keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.1);opacity:1}100%{transform:scale(1)}}
  .hero-copy>*{animation:rise .8s var(--ease) both;animation-delay:calc(var(--i,0)*90ms + 120ms)}
  @supports (animation-timeline: view()){
    .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
  }
  @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
  html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important}
  html[data-motion="off"]{scroll-behavior:auto}

  /* top */
  .proto{background:var(--ink);color:#EADFE4;font-size:.81rem;text-align:center;padding:6px 1rem}
  .offer{background:linear-gradient(90deg,var(--pink-100),var(--pink-50) 50%,var(--pink-100));font-size:.87rem;text-align:center;padding:0.5625rem 1rem;display:flex;justify-content:center;gap:1.75rem;flex-wrap:wrap}
  .offer b{font-weight:700;color:var(--pink-600)}
  @media (max-width:640px){.offer > span:not(:first-of-type){display:none}}   /* mobile QA 3 Oct: the social nav became the first child, so :first-child hid every message on phones */

  header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  .hd{display:flex;align-items:center;gap:clamp(1.25rem,3vw,2.75rem);height:6rem}
  .hd>a{flex:0 0 auto;display:block}   /* the logo link must never be squeezed by the nav */
  .hd .logo{height:4.4rem;width:auto;max-width:none;display:block;transition:transform .4s var(--ease)}
  .hd .logo:hover{transform:scale(1.03)}
  .hd nav{display:flex;gap:clamp(.9rem,calc(6.4vw - 3.26rem),2.5rem);font-size:.91rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;flex:1;white-space:nowrap}
  /* wide screens: the header may use more of the width than the 78.75rem content column, and the menu sits centred between logo and icons so both sides breathe equally */
  @media (min-width:1500px){.wrap.hd{max-width:min(112rem,calc(100% - 10vw))}.hd nav{justify-content:center;gap:clamp(2.5rem,2.3vw,3.75rem)}.hd{gap:clamp(2.75rem,3.5vw,5rem)}}
  @media (min-width:1281px) and (max-width:1499px){.hd nav{justify-content:center;gap:clamp(.8rem,calc(5vw - 2.9rem),2.2rem)}.hd{gap:clamp(1rem,2vw,2rem)}}   /* laptops: tighter, or the row is ~11px too wide at 1366px */
  .hd nav a{position:relative;padding-block:6px}
  .hd nav a.prem{color:var(--gold)}
  .hd-icons{display:flex;gap:0.5rem;align-items:center}
  .icon-btn{background:rgba(255,255,255,.55);border:1px solid var(--line);width:2.5rem;height:2.5rem;padding:0;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:50%;color:var(--ink);transition:background .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease)}
  .icon-btn:hover{background:var(--pink-100);border-color:var(--pink-200);transform:translateY(-1px);box-shadow:0 6px 14px -8px rgba(201,101,138,.55)}
  .icon-btn:active{transform:translateY(0)}
  .icon-btn:focus-visible{outline:2px solid var(--pink-400);outline-offset:2px}
  .badge{position:absolute;top:-3px;right:-3px;border:2px solid #fff;min-width:1.125rem;height:1.125rem;padding:0 4px;border-radius:0.5625rem;background:var(--pink-400);color:var(--ink);font-size:.74rem;font-weight:700;display:grid;place-items:center}
  .badge.bump{animation:bump .45s var(--ease)}
  @media (max-width:980px){.hd nav{display:none}.hd{justify-content:space-between;height:4.875rem;gap:0.75rem}.hd .logo{height:3.875rem}}

  /* buttons */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;height:3.25rem;padding:0 1.75rem;border-radius:999px;border:1px solid var(--cta);background:var(--cta);color:#fff;font-weight:600;font-size:.9rem;letter-spacing:.01em;white-space:nowrap;transition:background .25s,transform .15s,box-shadow .25s}
  .btn:hover{background:var(--cta-hover);border-color:var(--cta-hover);box-shadow:0 12px 26px -12px rgba(180,81,122,.6)}
  .btn:active{transform:scale(.98)}
  .btn.ghost{background:transparent;color:var(--sel-ink);border-color:var(--sel-bd)}
  .btn.ghost:hover{background:var(--sel-bg);border-color:var(--cta);box-shadow:none}
  .btn.pink{background:var(--pink-400);border-color:var(--pink-400);color:var(--ink)}
  .btn.pink:hover{background:var(--pink-200)}
  .btn.block{width:100%}
  .btn.sm{height:2.5rem;padding:0 1.125rem;font-size:.91rem}
  .link{background:none;border:0;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px;font-size:.93rem}

  /* hero */
  .hero{position:relative;isolation:isolate;z-index:5;overflow-x:clip;background:#E9E2DE}
  .hero-bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
  /* banner is 1920x580: object-position keeps the Aromaterie bottle (42-61% of the photo) right of the copy column */
  .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:30% 50%;animation:heroZoom 2s var(--ease) both}
  @keyframes heroZoom{from{transform:scale(1.06)}to{transform:scale(1)}}
  .hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,245,243,.94) 0%,rgba(250,245,243,.82) 26%,rgba(250,245,243,.35) 38%,rgba(250,245,243,0) 46%)}
  .hero .wrap{max-width:none;padding-inline:clamp(1rem,4.5vw,5.375rem);min-height:clamp(35rem,40vw,48.75rem);display:flex;align-items:center}
  .hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border:3px solid var(--pink-200)}   /* same 3px pink outline as the product cards */
  .hero-copy{position:relative;width:min(35rem,40vw);padding-block:3rem}
  .hero-copy h1{color:#1B171A}
  @keyframes spin{to{transform:rotate(360deg)}}
  .hero h1{font-size:clamp(2.5rem,3.9vw,4.3rem);margin:0.875rem 0 0.875rem}
  .hero .lede{color:var(--muted);font-size:1.06rem;max-width:42ch;margin:0 0 1.625rem}
  /* every .hero-copy child animates (transform) = its own stacking context, so the results popover must win at THIS level or the chip row below paints over it */
  .search{position:relative;z-index:30}
  .search-box{display:flex;align-items:center;gap:0.625rem;background:var(--paper);border:1px solid var(--line);border-radius:999px;height:3.875rem;padding:0 0.5rem 0 1.375rem;box-shadow:0 18px 40px -26px rgba(36,31,35,.45);transition:border-color .2s,box-shadow .3s}
  .search-box:focus-within{border-color:var(--pink-400);box-shadow:0 0 0 5px var(--pink-100),0 18px 40px -26px rgba(36,31,35,.45)}
  .search-box svg{flex-shrink:0;color:var(--pink-600)}
  .search-box .btn svg{color:#fff}
  .search-box input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:1rem;height:100%}
  .search-box input::placeholder{color:#6F6572}
  .search-box .btn{height:2.875rem;padding:0 1.25rem}
  @media (max-width:480px){.search-box .btn span{display:none}.search-box .btn{width:2.875rem;padding:0}}
  .results{position:absolute;left:0;right:0;top:calc(100% + 0.5rem);background:var(--paper);border:1px solid var(--line);border-radius:1.125rem;box-shadow:0 24px 50px -24px rgba(36,31,35,.35);padding:0.5rem;z-index:20;max-height:22.5rem;overflow:auto;animation:rise .25s var(--ease)}
  .res{display:grid;grid-template-columns:2.75rem 1fr auto;gap:0.75rem;align-items:center;width:100%;text-align:left;background:none;border:0;border-radius:0.75rem;padding:0.5rem}
  .res:hover,.res:focus-visible{background:var(--pink-50)}
  .res img{width:2.75rem;height:2.75rem;object-fit:cover;background:#F3E7DA;border-radius:0.625rem}
  .res b{font-weight:600}
  .res small{display:block;color:var(--muted);font-size:.85rem}
  .res mark{background:var(--pink-100);color:inherit;border-radius:3px;padding:0 2px}
  .res-empty{padding:0.875rem;color:var(--muted);font-size:.9rem}
  .quick-chips{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:1rem;align-items:center}
  @media (min-width:981px){.quick-chips{flex-wrap:nowrap;width:max-content;max-width:none}}
  .quick-chips span{font-size:.87rem;color:var(--muted);margin-right:2px}
  .qchip{position:relative;border:1px solid var(--line);background:rgba(255,255,255,.75);border-radius:999px;padding:7px 0.875rem;font-size:.89rem;font-weight:500;transition:background .2s,border-color .2s,transform .2s var(--ease)}
  .qchip:hover{background:var(--paper);border-color:var(--pink-200);transform:translateY(-2px)}
  .qchip.prem{color:var(--gold);border-color:var(--gold-3)}
  @media (max-width:980px){
    .hero{background:var(--snow)}
    .hero-bg{display:block;position:relative;inset:auto;aspect-ratio:1/1;max-height:70vh}   /* <picture> is inline by default: without display:block the aspect-ratio was ignored and the photo rendered 1181px tall on phones */
    .hero-bg img{object-position:40% 50%}
    .hero::before{inset:auto 0 0 0;height:0}
    .hero .wrap{min-height:0;display:block}
    .hero-copy{width:auto;padding-block:1.625rem 2.125rem}
  }
  /* notes picker */
  .notes-wrap{position:relative}
  .qchip[aria-expanded="true"]{background:var(--sel-bg);color:var(--sel-ink);border-color:var(--sel-bd)}
  .qchip .cnt{position:absolute;top:-8px;right:-6px;display:inline-grid;place-items:center;min-width:1.125rem;height:1.125rem;border-radius:0.5625rem;background:var(--pink-400);color:var(--ink);font-size:.76rem;font-weight:700;padding:0 4px;border:2px solid #fff;box-sizing:content-box}
  /* the counter is an absolutely positioned corner badge: zero inline width, so showing it can never re-wrap the chip row or move the popover */
  .qchip .cnt[hidden]{display:none!important}
  .notes-pop{position:absolute;left:0;top:calc(100% + 0.625rem);z-index:25;width:min(26.25rem,86vw);background:var(--paper);border:1px solid var(--line);border-radius:1.375rem;box-shadow:0 30px 60px -28px rgba(36,31,35,.45);padding:1.125rem;display:grid;gap:0.875rem;animation:rise .3s var(--ease)}
  .notes-pop h4{margin:0;font-family:var(--display);font-weight:500;font-size:1.25rem}
  .notes-pop p{margin:-8px 0 0;font-size:.89rem;color:var(--muted)}
  .note-grid{display:flex;flex-wrap:wrap;gap:6px}
  .note{border:1px solid var(--line);background:var(--snow);border-radius:999px;padding:7px 0.75rem;font-size:.91rem;transition:all .2s var(--ease)}
  .note:hover{border-color:var(--pink-200)}
  .note[aria-pressed="true"]{background:var(--pink-100);border-color:var(--pink-400);font-weight:600}
  .note[aria-pressed="true"]::before{content:"✓ ";color:var(--pink-600)}
  .notes-foot{display:flex;justify-content:space-between;align-items:center}
  .match-badge{display:inline-block;font-size:.79rem;font-weight:700;background:var(--pink-100);border-radius:999px;padding:3px 0.5625rem;margin-top:3px}

  /* strip */
  .strip{background:var(--paper);border-block:1px solid var(--line)}
  .strip .wrap{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:1rem;padding-block:1.125rem;font-size:.93rem}
  .strip div{display:flex;gap:0.625rem;align-items:center}
  .strip svg{color:var(--pink-600);flex-shrink:0}
  @media (max-width:900px){.strip .wrap{grid-template-columns:repeat(2,1fr)}}

  /* shop */
  section.blk{padding-block:clamp(3.25rem,7vw,5.75rem)}
  .shop-head{display:grid;gap:1.125rem;margin-bottom:1.75rem}
  .shop-head h2{font-size:clamp(2.2rem,4.2vw,3.4rem)}
  .toolbar{display:flex;justify-content:space-between;align-items:center;gap:0.875rem;flex-wrap:wrap}
  .filters{display:flex;gap:6px;flex-wrap:wrap}
  .chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:0.5rem 1rem;font-size:.91rem;font-weight:500;transition:background .2s,color .2s,border-color .2s}
  .chip:hover{border-color:var(--pink-200)}
  .chip[aria-pressed="true"]{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-ink);font-weight:600}
  .chip.prem[aria-pressed="false"]{color:var(--gold);border-color:var(--gold-3)}
  .seg{display:inline-flex;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px;position:relative}
  .seg-label{font-size:.87rem;color:var(--muted);margin-right:0.5rem}
  .seg button{position:relative;z-index:1;border:0;background:none;border-radius:999px;padding:6px 1rem;font-size:.91rem;font-weight:600;transition:color .3s}
  .seg button[aria-pressed="true"]{color:var(--sel-ink)}
  .seg .thumb{position:absolute;top:4px;bottom:4px;border-radius:999px;background:var(--sel-bg);box-shadow:inset 0 0 0 1px var(--sel-bd);transition:left .35s var(--ease),width .35s var(--ease)}

  .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(0.875rem,2vw,1.5rem)}
  @media (max-width:1040px){.grid{grid-template-columns:repeat(3,1fr)}}
  @media (max-width:740px){.grid{grid-template-columns:repeat(2,1fr)}}
  .card{display:flex;flex-direction:column;gap:0.625rem}
  /* The Holo renders carry their own warm studio scene, so the frame lets the photo
     fill it edge to edge. The fallback gradient is sampled from the render itself
     (#E3D6C7 -> #F9E9D9) so nothing pink ever shows behind or while loading. */
  .card-media{position:relative;display:block;width:100%;aspect-ratio:4/5;border:0;padding:0;border-radius:1.125rem;overflow:hidden;background:linear-gradient(165deg,#EFE4D6,#F9EEE1 62%,#F3E5D4);box-shadow:0 0 0 3px var(--pink-200),0 14px 30px -18px rgba(201,101,138,.5);transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
  /* Premium signals with a gold hairline + warmer ground, not a coloured wash */
  .card.is-prem .card-media{background:linear-gradient(165deg,#F0E3CD,#FBF1E2 62%,#F3E6D0);box-shadow:0 0 0 3px var(--gold-2),0 14px 30px -18px rgba(146,111,52,.55)}
  .card:hover .card-media{box-shadow:0 0 0 3px var(--pink-400),0 22px 40px -20px rgba(201,101,138,.6);transform:translateY(-3px)}
  .card.is-prem:hover .card-media{box-shadow:0 0 0 3px var(--gold),0 22px 42px -20px rgba(146,111,52,.65)}
  @media (prefers-reduced-motion:reduce){.card-media{transition:none}.card:hover .card-media{transform:none}}
  .card-media img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;padding:0;transition:transform .7s var(--ease)}
  .card:hover .card-media img{transform:scale(1.05)}
  .tag{position:absolute;top:0.75rem;left:0.75rem;z-index:1;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 0.625rem;overflow:hidden}
  .tag.best{background:var(--pink-100);color:var(--ink)}
  .tag.side{left:0.75rem;right:auto}
  .tag + .tag{top:2.55rem}                                 /* second tag stacks under the first, never under the heart (owner 2026-09-23) */
  .tag.pick{left:0.75rem;right:auto;background:var(--cta);color:#fff;box-shadow:0 6px 14px -8px rgba(180,81,122,.9)}
  .tag.prem{background:linear-gradient(135deg,#7E5E2A,var(--gold) 40%,var(--gold-2) 70%,var(--gold));color:#fff;padding-left:1.375rem;box-shadow:0 6px 16px -8px rgba(146,111,52,.8)}
  .tag.prem::before{content:"";position:absolute;left:0.5625rem;top:50%;width:7px;height:7px;background:#FFF3D6;transform:translateY(-50%) rotate(45deg)}
  .tag.prem::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%);animation:shimmer 3.6s ease-in-out infinite}
  .quick-view{position:absolute;left:0.75rem;right:0.75rem;bottom:0.75rem;background:rgba(255,255,255,.92);border-radius:999px;padding:0.5625rem;font-size:.87rem;font-weight:600;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s var(--ease)}
  .card:hover .quick-view{opacity:1;transform:none}
  @media (hover:none){.quick-view{display:none}}
  .c-code{font-size:.79rem;letter-spacing:.12em;color:var(--muted);font-weight:600}
  .c-name{font-family:var(--display);font-size:1.3rem;font-weight:500;line-height:1.1;letter-spacing:.01em}
  .c-name small{font-family:var(--body);font-size:.79rem;font-weight:400;color:var(--muted);margin-left:3px}
  .c-meta{display:flex;justify-content:space-between;align-items:baseline;gap:0.5rem;font-size:.87rem;color:var(--muted)}
  .c-meta .g{color:var(--ink);font-weight:500}
  .c-notes{font-size:.85rem;color:var(--muted);font-style:italic;margin-top:-6px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .c-buy{display:grid;grid-template-columns:1fr auto;gap:0.5rem;align-items:center}
  .mini-sizes{display:flex;gap:4px}
  .mini-sizes button{flex:1;border:1px solid var(--line);background:var(--paper);border-radius:0.625rem;font-size:.83rem;font-weight:600;padding:7px 0;transition:all .2s}
  .mini-sizes button[aria-pressed="true"]{border-color:var(--sel-bd);background:var(--sel-bg);color:var(--sel-ink);font-weight:700}
  .c-price{font-weight:700;font-size:1.02rem;text-align:right;min-width:3.5rem}
  .c-price.flash{animation:pop .35s var(--ease)}
  .add{position:relative;height:2.75rem;border-radius:999px;border:1px solid var(--sel-bd);color:var(--sel-ink);background:transparent;font-size:.93rem;font-weight:600;overflow:hidden;transition:color .3s}
  .add::before{content:"";position:absolute;inset:0;background:var(--cta);transform:translateY(101%);transition:transform .35s var(--ease);z-index:-1}
  .add{isolation:isolate}
  .add:hover{color:#fff}
  .add:hover::before{transform:none}
  .add.done{color:var(--sel-ink);border-color:var(--sel-bd)}
  .add.done::before{background:var(--pink-100);transform:none}
  .mini-link{background:none;border:0;padding:0;font-size:.83rem;color:var(--muted);text-align:left}
  .mini-link b{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--pink-400);text-underline-offset:3px}

  /* 2+1 band */
  .promo{position:relative;overflow:hidden;background:linear-gradient(120deg,#FCE3EC 0%,#F9D4E1 45%,#FBE9EF 100%)}
  .promo::after{content:"";position:absolute;width:32.5rem;height:32.5rem;right:-140px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7),transparent 65%);pointer-events:none}
  .promo .wrap{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.5rem,5vw,4.5rem);align-items:center;padding-block:clamp(3rem,7vw,5.5rem)}
  .promo-big{font-family:var(--display);font-weight:500;font-size:clamp(6rem,15vw,11rem);line-height:.9;letter-spacing:-.03em;color:var(--ink)}
  .promo-big i{font-style:normal;color:var(--paper);-webkit-text-stroke:2px var(--ink)}
  .promo h2{font-size:clamp(1.8rem,3.2vw,2.6rem);margin-block:0.875rem 0.625rem}
  .promo p{margin:0 0 1.375rem;max-width:44ch;color:#5d4f58}
  .bottles{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.6rem,3.2vw,3rem);align-items:end;max-width:46rem;justify-self:center;width:100%}
  .bt{display:grid;justify-items:center;gap:0.625rem;font-size:.87rem;font-weight:600;text-align:center}
  .bt-frame{position:relative;width:100%;max-width:13.5rem;aspect-ratio:5/7;border-radius:999px 999px 1.625rem 1.625rem;border:1.5px dashed rgba(36,31,35,.28);background:rgba(255,255,255,.45);display:grid;place-items:end center;overflow:hidden;transition:border-color .4s,background .4s,box-shadow .5s}
  .bt-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:grayscale(.55) contrast(.95) brightness(1.04);opacity:.42;transform:none;transition:opacity .5s,filter .6s,transform .7s var(--ease)}
  .bt-frame .plus{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:2.125rem;height:2.125rem;border-radius:50%;background:var(--paper);display:grid;place-items:center;color:var(--pink-600);font-size:1.3rem;box-shadow:0 6px 14px -6px rgba(36,31,35,.35);transition:opacity .3s,transform .4s var(--ease)}
  .bt.on .bt-frame{border-style:solid;border-color:var(--pink-400);background:#fff;box-shadow:0 24px 40px -24px rgba(201,101,138,.7)}
  .bt.on .bt-frame img{filter:none;opacity:1;transform:none}
  .bt.on .plus{opacity:0;transform:translate(-50%,-50%) scale(.4)}
  .bt.gift .bt-frame{border-color:rgba(146,111,52,.45)}
  .bt.gift.on .bt-frame{border-color:var(--gold-2);background:linear-gradient(180deg,#FFFBF2,#fff);box-shadow:0 0 0 6px rgba(201,165,92,.18),0 24px 44px -22px rgba(146,111,52,.7)}
  .bt .ribbon{position:absolute;top:18%;left:-6px;right:-6px;z-index:1;background:linear-gradient(135deg,#7E5E2A,var(--gold) 40%,var(--gold-2) 70%,var(--gold));color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.14em;padding:4px 0;transform:rotate(-8deg);overflow:hidden}
  .bt .ribbon::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);animation:shimmer 3.6s ease-in-out infinite}
  .bt .lbl{min-height:2.6em;line-height:1.3}
  .bt .lbl small{display:block;font-weight:400;color:var(--muted)}
  .bt.gift .lbl{color:var(--gold)}
  .bt.just .bt-frame img{animation:pop .7s var(--ease)}
  .promo-state{grid-column:1/-1;text-align:center;font-size:.9rem;font-weight:500;min-height:1.5em}
  @media (max-width:820px){.promo .wrap{grid-template-columns:1fr}}

  /* care bento */
  .care-head{max-width:60ch;margin-bottom:1.75rem}
  .care-head h2{font-size:clamp(2rem,3.8vw,3rem);margin-top:0.625rem}
  .care-head p{color:var(--muted);margin:0.625rem 0 0}
  .plp-search{flex:1 1 16rem;max-width:26rem;display:flex;align-items:center;gap:.55rem;height:2.75rem;padding:0 .5rem 0 1rem;border-radius:999px;background:#fff;color:var(--cta);box-shadow:0 0 0 2px var(--pink-200);transition:box-shadow .25s}
  .plp-search:focus-within{box-shadow:0 0 0 2px var(--pink-400),0 10px 24px -14px rgba(201,101,138,.7)}
  .plp-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;color:var(--ink)}
  .plp-search input::-webkit-search-cancel-button{display:none}
  .plp-q-x{border:0;background:var(--pink-50);color:var(--sel-ink);width:1.8rem;height:1.8rem;border-radius:50%;font-size:1.1rem;line-height:1}
  .plp-sr{margin:0 0 1.2rem;color:var(--muted);font-size:.95rem}
  .plp-sr.sure{color:var(--sel-ink);font-weight:600}
  /* Premium essence: gold detail so the 1,50€/ml reads as a Premium thing, not a mistake */
  .essence.prem{background:linear-gradient(135deg,#fff 0%,#FBF3E2 100%);box-shadow:0 0 0 2px var(--gold-2),0 16px 34px -24px rgba(146,111,52,.65)}
  .essence.prem .ess-ico{background:linear-gradient(135deg,#7E5E2A,var(--gold) 45%,var(--gold-2));box-shadow:0 8px 18px -8px rgba(146,111,52,.85)}
  .ess-prem{display:flex;align-items:center;gap:.5rem;margin:-.2rem 0 0;padding:.45rem .7rem;border-radius:.7rem;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px var(--gold-2);color:#6B4F1F;font-size:.9rem;line-height:1.35}
  .ess-prem b{color:var(--gold)}
  .ess-prem svg{flex:0 0 auto;color:var(--gold)}
  .essence.prem .ess-info{border-top-color:var(--gold-2)}
  .essence.prem .ess-q{border-color:var(--gold);color:var(--gold)}
  .essence.prem .ess-q:hover,.essence.prem .ess-q[aria-expanded="true"]{background:var(--gold);color:#fff}
  /* product-page accordions: calmer, darker, consistently set text (2026-09-21) */
  details summary{font-size:1.02rem;font-weight:600;letter-spacing:.01em}
  details p{color:#3F353E;font-size:.95rem;line-height:1.6;max-width:36rem}
  details dl{font-size:.95rem;line-height:1.5;gap:.45rem 1.25rem}
  details dt{color:var(--muted);font-weight:500}
  details dd{color:#2B2329}
  .ship-list li{grid-template-columns:4.2rem minmax(0,1fr)}
  .ship-list b{font-size:1rem;color:#2B2329}
  .ship-list small{font-size:.9rem;color:var(--muted)}
  .ship-facts span{font-size:.9rem}
  .ship-note{margin:.2rem 0 0;font-size:.86rem;color:var(--muted)}
  .facts{list-style:none;margin:.7rem 0 .2rem;padding:0;display:grid;gap:.55rem}
  .facts li{display:grid;grid-template-columns:2.3rem minmax(0,1fr);gap:.8rem;align-items:center;padding:.6rem .8rem;border-radius:.9rem;background:#fff;border:1px solid var(--line)}
  .facts svg{width:2.3rem;height:2.3rem;padding:.55rem;border-radius:50%;background:var(--sel-bg);color:var(--sel-ink);box-sizing:border-box}
  .facts b{display:block;font-size:1rem;line-height:1.25;color:#2B2329}
  .facts small{display:block;font-size:.9rem;line-height:1.45;color:var(--muted)}
  .ess-info{font-size:.95rem;color:#3F353E}
  .ess-info h4{font-size:1.05rem;color:#2B2329}
  .ess-tiers li{align-items:center;grid-template-columns:4.6rem 1fr}
  .ess-tiers b{font-size:1rem;color:#2B2329}
  .ess-warn{line-height:1.5}
  .ess-fine{font-size:.88rem;line-height:1.5;color:var(--muted);border-top:1px dashed var(--sel-bd);padding-top:.6rem}
  /* mini 15ml: a quiet but inviting add-on (must not compete with the essence panel) */
  .extra.mini-card{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:.8rem;align-items:center;border:0;border-radius:1rem;padding:.8rem .95rem;background:#fff;box-shadow:0 0 0 1.5px var(--pink-200);cursor:pointer;transition:box-shadow .25s,background .25s}
  .extra.mini-card:hover{box-shadow:0 0 0 2px var(--pink-400)}
  .extra.mini-card:has(input:checked){background:var(--sel-bg);box-shadow:0 0 0 2px var(--sel-bd)}
  .extra.mini-card .check{accent-color:var(--cta)}
  .mini-ico{width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;background:var(--pink-50);color:var(--sel-ink);box-shadow:inset 0 0 0 1.5px var(--pink-200)}
  .extra.mini-card b{display:block;font-size:.98rem;line-height:1.3}
  .extra.mini-card small{display:block;margin-top:.15rem;font-size:.86rem;line-height:1.45;color:var(--muted)}
  .mini-price{font-weight:600;white-space:nowrap;color:var(--sel-ink);background:var(--pink-50);border-radius:999px;padding:.25rem .65rem;font-size:.92rem}
  @media (max-width:480px){.extra.mini-card{grid-template-columns:auto minmax(0,1fr) auto}.mini-ico{display:none}}
  .ess-warn.noret{position:relative;padding-right:2.4rem}
  .warn-mark{position:absolute;top:-.55rem;right:-.45rem;width:1.55rem;height:1.55rem;border-radius:50%;display:grid;place-items:center;background:#E09B1A;color:#fff;font-weight:800;font-size:.95rem;line-height:1;box-shadow:0 0 0 2.5px #fff,0 6px 12px -6px rgba(120,80,0,.7)}
  /* Discovery set */
  .disc-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}
  .disc-slot{display:grid;gap:.5rem;justify-items:center;text-align:center;background:#fff;border-radius:1.1rem;padding:.8rem .5rem .9rem;box-shadow:0 0 0 2px var(--pink-200);transition:box-shadow .3s,transform .3s var(--ease)}
  .disc-slot.active{box-shadow:0 0 0 2.5px var(--cta),0 16px 28px -20px rgba(180,81,122,.7)}
  .disc-slot.on{box-shadow:0 0 0 2px var(--pink-400)}
  .disc-slot.prem.on{box-shadow:0 0 0 2px var(--gold-2)}
  .disc-vial{position:relative;border:0;background:none;padding:0;width:3.2rem;color:var(--pink-400);transition:transform .35s var(--ease),color .3s}
  .disc-slot.on .disc-vial{color:var(--cta)}
  .disc-slot.prem.on .disc-vial{color:var(--gold)}
  .disc-vial:hover{transform:translateY(-3px) rotate(-3deg)}
  .disc-vial svg{width:100%;height:auto;display:block}
  .disc-vial .plus{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);width:1.5rem;height:1.5rem;border-radius:50%;background:var(--cta);color:#fff;display:grid;place-items:center;font-size:1rem;line-height:1}
  .disc-info{display:grid;gap:.15rem;justify-items:center;min-width:0;max-width:100%}
  .disc-info b{font-size:.86rem;line-height:1.2;overflow-wrap:anywhere}
  .disc-info small{color:var(--muted);font-size:.8rem}
  .disc-info .link{font-size:.78rem}
  .disc-vch{display:flex;align-items:center;gap:.7rem;margin:.7rem 0 0;padding:.6rem .8rem;border-radius:.9rem;background:var(--sel-bg);box-shadow:inset 0 0 0 1.5px var(--sel-bd);color:var(--sel-ink);font-size:.9rem;line-height:1.35}
  .disc-vch b{flex:0 0 auto;font-family:var(--display);font-weight:500;font-size:1.25rem;white-space:nowrap}
  .vcode{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;background:#fff;border-radius:.4rem;padding:.1rem .4rem}
  .disc-terms{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.3rem;font-size:.84rem;color:var(--muted)}
  .disc-terms li::before{content:"·";margin-right:.4rem;color:var(--cta);font-weight:700}
  .disc-try{display:block;margin:-.2rem 0 0;font-size:.9rem;color:var(--muted);text-decoration:none}
  .disc-try b{color:var(--cta);text-decoration:underline;text-underline-offset:3px}
  .li-vial{flex:0 0 auto;width:3rem;height:3.75rem;border-radius:.6rem;background:var(--sel-bg);display:grid;place-items:center;color:var(--cta)}
  .li-vial svg{height:80%;width:auto}
  .disc-band-wrap{padding-block:clamp(.5rem,2vw,1.5rem)}
  .disc-band{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(1rem,3vw,2.2rem);align-items:center;text-decoration:none;color:var(--ink);background:linear-gradient(120deg,#fff,var(--sel-bg));border-radius:1.5rem;padding:clamp(1rem,2.4vw,1.6rem) clamp(1.1rem,3vw,2.2rem);box-shadow:0 0 0 2px var(--pink-200),0 22px 40px -30px rgba(201,101,138,.6);transition:box-shadow .3s,transform .4s var(--ease)}
  .disc-band:hover{box-shadow:0 0 0 2.5px var(--pink-400),0 26px 44px -28px rgba(201,101,138,.75);transform:translateY(-2px)}
  .disc-band-vials{display:flex;gap:.35rem;align-items:flex-end}
  .disc-band-vials i{display:block;width:.95rem;height:3.1rem;border-radius:.5rem .5rem .7rem .7rem;background:linear-gradient(180deg,#fff 0 38%,var(--pink-200) 38% 100%);box-shadow:inset 0 0 0 1.5px var(--pink-400);position:relative}
  .disc-band-vials i::before{content:"";position:absolute;left:18%;right:18%;top:-.55rem;height:.6rem;border-radius:.2rem;background:var(--cta)}
  .disc-band-vials i:nth-child(2){height:3.5rem;background:linear-gradient(180deg,#fff 0 30%,#F6C9D9 30% 100%)}
  .disc-band-vials i:nth-child(4){height:3.4rem;background:linear-gradient(180deg,#fff 0 34%,#EBD3A2 34% 100%);box-shadow:inset 0 0 0 1.5px var(--gold-2)}
  .disc-band-vials i:nth-child(4)::before{background:var(--gold)}
  .disc-band-copy{display:grid;gap:.2rem;min-width:0}
  .disc-band-copy b{font-family:var(--display);font-weight:500;font-size:clamp(1.25rem,2.1vw,1.8rem);line-height:1.15}
  .disc-band-copy small{color:var(--muted);font-size:.95rem}
  @media (max-width:760px){.disc-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.disc-slot:last-child{grid-column:1 / -1}.disc-band{grid-template-columns:1fr;justify-items:start}}
  @media (prefers-reduced-motion:reduce){.disc-vial,.disc-band,.disc-slot{transition:none}.disc-vial:hover,.disc-band:hover{transform:none}}
  /* account + loyalty */
  .acct-btn.in{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-ink)}
  .badge.pts{background:var(--cta);color:#fff;min-width:1.15rem;padding:0 .3rem}
  #acct{padding:1.5rem 0 4rem}
  .acct-out h1{margin:.6rem 0 .4rem;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.08}
  .acct-lead{max-width:40rem;color:var(--muted);font-size:1.05rem;line-height:1.6;margin:0 0 1.8rem}
  .acct-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,2rem);max-width:58rem}
  .acct-card{display:grid;gap:.9rem;align-content:start;background:#fff;border-radius:1.4rem;padding:clamp(1.2rem,2.5vw,2rem);box-shadow:0 0 0 2px var(--pink-200),0 22px 44px -30px rgba(201,101,138,.55)}
  .acct-card.alt{background:linear-gradient(160deg,#fff,var(--sel-bg))}
  .acct-card h2{margin:0;font-family:var(--display);font-weight:500;font-size:1.7rem}
  .acct-card .link{justify-self:start}
  .acct-perks{list-style:none;margin:.2rem 0 0;padding:0;display:grid;gap:.35rem;color:var(--muted);font-size:.92rem}
  .acct-perks li::before{content:"✓";color:var(--cta);font-weight:700;margin-right:.5rem}
  .acct-note{margin-top:1.4rem;color:var(--muted);font-size:.85rem}
  .acct-grid{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);margin-top:1.2rem;align-items:start}
  .acct-nav{display:grid;gap:.25rem;position:sticky;top:7rem}
  .acct-nav a{padding:.7rem 1rem;border-radius:.8rem;text-decoration:none;color:var(--ink);font-weight:500}
  .acct-nav a:hover{background:var(--pink-50)}
  .acct-nav a[aria-current="page"]{background:var(--sel-bg);color:var(--sel-ink);box-shadow:inset 0 0 0 1.5px var(--sel-bd)}
  .acct-nav .link{justify-self:start;margin:.8rem 0 0 1rem}
  .acct-body{display:grid;gap:1.1rem;max-width:46rem}
  .acct-body h2{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(1.8rem,2.6vw,2.4rem)}
  .acct-body h3{margin:.6rem 0 0;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
  .acct-hello p{margin:.3rem 0 0;color:var(--muted)}
  .pts-card{display:grid;gap:.2rem;justify-items:start;border-radius:1.4rem;padding:1.4rem 1.6rem;background:linear-gradient(135deg,#fff,var(--sel-bg));box-shadow:0 0 0 2px var(--sel-bd),0 22px 44px -30px rgba(180,81,122,.6)}
  .pts-card b{font-family:var(--display);font-weight:500;font-size:clamp(2.8rem,5vw,4rem);line-height:1;color:var(--sel-ink)}
  .pts-card small{color:var(--muted);font-size:.95rem}
  .pts-card .link{margin-top:.5rem;color:var(--cta)}
  .pts-how{list-style:none;counter-reset:ph;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
  .pts-how li{counter-increment:ph;display:grid;gap:.3rem;align-content:start;background:#fff;border-radius:1rem;padding:1rem;border:1px solid var(--line)}
  .pts-how li::before{content:counter(ph);width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;background:var(--sel-bg);color:var(--sel-ink);font-weight:600}
  .pts-how span{color:var(--muted);font-size:.92rem;line-height:1.45}
  .ord-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
  .ord{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:1rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:1rem;padding:.9rem 1.1rem}
  .ord small{display:block;color:var(--muted);font-size:.88rem}
  .ord-st{font-size:.8rem;padding:.2rem .6rem;border-radius:999px;background:var(--pink-50);color:var(--sel-ink)}
  .ord-pts{color:var(--cta);font-weight:600}
  .ord-done{font-size:.78rem;color:var(--muted)}
  .ord-exp{font-size:.84rem;color:var(--muted);grid-column:2 / -1;justify-self:end}
  .acct-empty{color:var(--muted);margin:0}
  .acct-addr{font-style:normal;line-height:1.6;background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1rem 1.2rem}
  .acct-det{display:grid;gap:.9rem;max-width:26rem}
  .acct-det .btn{justify-self:start}
  .pts-line{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;color:var(--sel-ink);padding-top:.35rem}
  .pts-line a{color:var(--cta)}
  .pdp-pts{display:flex;align-items:center;gap:.4rem;margin:-.4rem 0 0;font-size:.92rem;color:var(--sel-ink)}
  .pdp-pts svg{color:var(--cta);flex:0 0 auto}
  .done-pts{margin:0;padding:.7rem 1rem;border-radius:1rem;background:var(--sel-bg);color:var(--sel-ink)}
  .done-pts a{color:var(--cta)}
  .hours{line-height:1.5}
  @media (max-width:820px){.acct-forms,.acct-grid,.pts-how{grid-template-columns:1fr}.acct-nav{position:static;grid-auto-flow:column;overflow:auto;grid-auto-columns:max-content}.acct-nav .link{margin:0 0 0 .5rem;align-self:center}.ord{grid-template-columns:1fr auto}.ord-st{display:none}}
  /* care section v2 (2026-09-20): one strong photo + airy copy, a 3-step ritual and a light product shelf */
  .care2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.75rem,5vw,5rem);align-items:center}
  .care2-shot{position:relative;margin:0;border-radius:1.75rem;overflow:hidden;aspect-ratio:1/1;box-shadow:0 0 0 3px var(--pink-200),0 30px 60px -34px rgba(201,101,138,.6)}
  .care2-shot img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
  .care2-shot:hover img{transform:scale(1.04)}
  .care2-shot figcaption{position:absolute;left:1.1rem;bottom:1.1rem;right:auto;max-width:calc(100% - 2.2rem);background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-radius:999px;padding:.55rem 1rem;font-size:.92rem;color:var(--ink);box-shadow:0 10px 24px -14px rgba(60,30,45,.5)}
  .care2-shot figcaption b{color:var(--cta);margin-right:.25rem}
  .care2-copy{display:grid;gap:1.15rem;align-content:center}
  .care2-copy h2{margin:0;font-size:clamp(2.1rem,3.6vw,3.5rem);line-height:1.08}
  .care2-copy h2 em{display:block}
  .care2-lead{margin:0;max-width:34rem;font-size:1.06rem;line-height:1.6;color:var(--muted)}
  .care2-steps{list-style:none;margin:.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
  .care2-steps li{display:flex;gap:.7rem;align-items:flex-start}
  .care2-steps .num{flex:0 0 auto;width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;background:var(--sel-bg);color:var(--sel-ink);font-weight:600;box-shadow:inset 0 0 0 1.5px var(--sel-bd)}
  .care2-steps b{display:block;font-size:1rem}
  .care2-steps small{display:block;color:var(--muted);font-size:.88rem;line-height:1.4}
  .care2-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem .8rem;margin-top:.3rem}
  .care2-item{display:grid;justify-items:center;text-align:center;gap:.3rem;text-decoration:none;color:var(--ink)}
  .care2-item .ci{width:min(100%,5.6rem);aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 2px var(--pink-200);transition:box-shadow .3s,transform .4s var(--ease)}
  .care2-item .ci img{width:100%;height:100%;object-fit:cover;transform:scale(1.25);mix-blend-mode:multiply}
  .care2-item:hover .ci{box-shadow:0 0 0 3px var(--pink-400),0 14px 24px -14px rgba(201,101,138,.7);transform:translateY(-3px)}
  .care2-item b{font-size:.9rem;font-weight:600;line-height:1.25}
  .care2-item small{color:var(--muted);font-size:.84rem}
  .care2-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.3rem}
  @media (max-width:900px){.care2{grid-template-columns:1fr}.care2-shot{aspect-ratio:4/3}.care2-steps{grid-template-columns:1fr}}
  @media (max-width:480px){.care2-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (prefers-reduced-motion:reduce){.care2-shot img,.care2-item .ci{transition:none}.care2-shot:hover img,.care2-item:hover .ci{transform:none}}
  .bento{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:clamp(0.875rem,2vw,1.375rem)}
  .tile{position:relative;border-radius:1.375rem;overflow:hidden;background:var(--paper);display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:14.375rem;border:1px solid var(--line)}
  .tile.big{grid-row:span 2;grid-template-columns:1fr;grid-template-rows:1fr auto;background:linear-gradient(180deg,var(--paper),var(--pink-50))}
  .tile-img{height:100%;overflow:hidden;background:#fff}
  .tile-img img{width:100%;height:100%;object-fit:contain;padding:6% 8%;mix-blend-mode:multiply;transition:transform .8s var(--ease)}
  .tile:hover .tile-img img{transform:scale(1.05)}
  .tile.big .tile-img{aspect-ratio:4/3}
  .tile-copy{padding:1.375rem;display:grid;gap:6px;align-content:center}
  .tile-copy h3{font-family:var(--display);font-weight:500;font-size:1.5rem}
  .price-old{text-decoration:line-through;color:var(--muted);font-size:.93rem;margin-right:6px}
  .price-new{font-weight:700}
  .off{display:inline-block;background:var(--pink-100);border-radius:999px;padding:2px 0.5rem;font-size:.78rem;font-weight:700;margin-left:6px}
  @media (max-width:760px){.bento{grid-template-columns:1fr}.tile.big{grid-row:auto}.tile{grid-template-columns:7.5rem 1fr;min-height:0}}

  .trust{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:clamp(1.125rem,4vw,3rem);padding-top:clamp(2.75rem,6vw,4.5rem)}
  .trust .quote{font-family:var(--display);font-weight:300;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.1}
  .trust .quote em{font-style:italic;color:var(--pink-600)}
  .trust div b{display:block;font-weight:600;margin-bottom:4px}
  .trust div span{color:var(--muted);font-size:.9rem}
  @media (max-width:760px){.trust{grid-template-columns:1fr}}

  footer{background:var(--paper);border-top:1px solid var(--line);padding-block:2.75rem 1.75rem;font-size:.93rem;margin-top:clamp(3.25rem,7vw,5.75rem)}
  .ft{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:1.75rem}
  .ft h4{margin:0 0 0.75rem;font-weight:600;font-size:.79rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .ft ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
  .disclaimer{margin-top:1.875rem;padding-top:1.125rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}
  @media (max-width:760px){.ft{grid-template-columns:1fr 1fr}}

  /* PDP */
  .crumbs{font-size:.87rem;color:var(--muted);padding-block:1.25rem}
  .crumbs button{background:none;border:0;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
  .pdp{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,5vw,4.5rem);padding-bottom:2.5rem}
  /* same language as the product cards: the render fills the frame, pink 3px outline (gold for Premium) */
  .pdp-media{position:sticky;top:6.25rem;align-self:start;border-radius:1.625rem;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(165deg,#EFE4D6,#F9EEE1 62%,#F3E5D4);box-shadow:0 0 0 3px var(--pink-200),0 24px 50px -28px rgba(201,101,138,.55)}
  .pdp-media.is-prem{background:linear-gradient(165deg,#F0E3CD,#FBF1E2 62%,#F3E6D0);box-shadow:0 0 0 3px var(--gold-2),0 24px 50px -28px rgba(146,111,52,.6)}
  .pdp-media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;padding:0;animation:rise .7s var(--ease) both}
  .pdp-media .tag{top:1.25rem;left:1.25rem;font-size:.79rem}
  .pdp-media .tag:not(.prem){box-shadow:0 4px 14px -6px rgba(60,30,45,.3)}   /* keeps the card colours (pink Best seller / Νέο); only a soft shadow is added on the photo */
  .pdp-info{display:grid;gap:1.375rem;align-content:start}
  .pdp-title .c-code{font-size:.85rem}
  .pdp-title h1{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,5vw,4rem);line-height:.98;margin-block:6px}
  .pdp-title h1 small{font-family:var(--body);font-size:.46em;color:var(--muted);font-weight:400;letter-spacing:.01em}   /* "type": just under half the height of the name */
  .pdp-title .g{font-size:.9rem;color:var(--muted)}
  .notes-line{font-style:italic;color:var(--muted);margin:0}
  .pdp-price{display:flex;align-items:baseline;gap:0.75rem;flex-wrap:wrap}
  .pdp-price .big{font-size:2rem;font-weight:300;font-family:var(--display);}
  .pdp-price small{color:var(--muted);font-size:.92rem}
  .opt-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:0.625rem}
  .opt-h b{font-weight:600}
  .opt-h span{font-size:.87rem;color:var(--muted)}
  .sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:0.625rem}
  .size{border:1px solid var(--line);background:var(--paper);border-radius:0.875rem;padding:0.75rem 6px;text-align:center;line-height:1.25;transition:border-color .2s,background .2s,transform .2s var(--ease)}
  .size b{display:block;font-size:1.05rem;font-weight:600}
  .size small{color:var(--muted);font-size:.85rem}
  .size:hover{transform:translateY(-2px);border-color:var(--pink-200)}
  .size[aria-pressed="true"]{border-color:var(--cta);background:var(--sel-bg);box-shadow:inset 0 0 0 1px var(--cta)}
  .extra{display:flex;align-items:center;gap:0.875rem;border:1px dashed var(--pink-200);background:var(--pink-50);border-radius:0.875rem;padding:0.75rem 0.875rem}
  .extra div{flex:1;line-height:1.3;font-size:.94rem}
  .extra small{color:var(--muted)}
  .extra .check{width:1.375rem;height:1.375rem;accent-color:var(--ink)}
  /* essence (ενίσχυση) panel: promoted feature, tiers 1-2 / 3-5 / 6-7 ml */
  .essence{position:relative;border-radius:1.125rem;padding:1rem 1.125rem 1.05rem;background:linear-gradient(135deg,#fff 0%,var(--sel-bg) 100%);box-shadow:0 0 0 2px var(--sel-bd),0 16px 34px -24px rgba(180,81,122,.6);display:grid;gap:.8rem}
  .ess-head{display:flex;align-items:flex-start;gap:.75rem}
  .ess-ico{flex:0 0 auto;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:var(--cta);color:#fff;box-shadow:0 8px 18px -8px rgba(180,81,122,.8)}
  .ess-title{flex:1;line-height:1.35}
  .ess-title b{font-size:1.06rem}
  .ess-title small{color:var(--muted);font-size:.9rem}
  .ess-badge{display:inline-block;margin-left:.5rem;padding:2px .55rem;border-radius:999px;background:var(--cta);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}
  .ess-q{flex:0 0 auto;width:2rem;height:2rem;border-radius:50%;border:2px solid var(--cta);background:#fff;color:var(--cta);font-weight:700;font-size:1rem;line-height:1;transition:background .2s,color .2s,transform .2s var(--ease)}
  .ess-q:hover,.ess-q[aria-expanded="true"]{background:var(--cta);color:#fff;transform:scale(1.06)}
  .ess-ctl{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}
  .essence .stepper{background:#fff;border-color:var(--sel-bd)}
  .essence .stepper span{min-width:3.2rem;font-size:1rem}
  .ess-meter{flex:1;min-width:12rem;display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem}
  .ess-meter button{border:0;background:none;padding:.2rem 0 0;display:grid;gap:.25rem;justify-items:center;color:var(--muted);font-size:.78rem}
  .ess-meter i{display:block;width:100%;height:.6rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--sel-bd);transition:background .25s,box-shadow .25s,transform .25s var(--ease)}
  .ess-meter button:not(:disabled):hover i{transform:scaleY(1.25)}
  .ess-meter button:disabled{opacity:.35;cursor:not-allowed}
  .ess-meter .on.t1 i{background:#EFA3BC;box-shadow:none}
  .ess-meter .on.t2 i{background:var(--cta);box-shadow:none}
  .ess-meter .on.t3 i{background:#7A2F55;box-shadow:none}
  .ess-meter .on{color:var(--ink);font-weight:600}
  .ess-level{font-size:.92rem;color:var(--muted);line-height:1.4}
  .ess-level b{color:var(--sel-ink)}
  .ess-noret{display:block;margin-top:.15rem;font-size:.84rem;color:var(--sel-ink)}
  .ess-info{border-top:1px dashed var(--sel-bd);padding-top:.85rem;display:grid;gap:.6rem;font-size:.93rem;line-height:1.5;animation:rise .35s var(--ease) both}
  .ess-info[hidden]{display:none}
  .ess-info h4{margin:0;font-size:1rem}
  .ess-info p{margin:0}
  .ess-tiers{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
  .ess-tiers li{display:grid;grid-template-columns:4.2rem 1fr;gap:.6rem;align-items:start;background:#fff;border-radius:.7rem;padding:.5rem .65rem;border-left:4px solid #EFA3BC}
  .ess-tiers li.t2{border-left-color:var(--cta)}
  .ess-tiers li.t3{border-left-color:#7A2F55}
  .ess-warn{background:#FFF6E5;border:1px solid #F0D49A;border-radius:.7rem;padding:.55rem .7rem;color:#5C4210}
  .ess-fine{color:var(--muted);font-size:.85rem}
  @media (prefers-reduced-motion:reduce){.ess-info{animation:none}}
  .stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;height:2.5rem}
  .stepper button{width:2.375rem;height:100%;border:0;background:none;font-size:1.05rem}
  .stepper span{min-width:2.75rem;text-align:center;font-size:.93rem;font-weight:600}
  .care-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:0.625rem}
  .care-pick .cp.more{display:none}
  .care-pick.open .cp.more{display:grid}
  .cp b small{font-weight:400;color:var(--muted);white-space:nowrap}
  .care-more{margin-top:.6rem;font-size:.9rem;color:var(--cta)}
  .care-rule{margin:.5rem 0 0;font-size:.86rem;color:var(--muted);line-height:1.4}
  .pts-use{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin:.2rem 0 .6rem;padding:.55rem .8rem;border-radius:.9rem;background:var(--sel-bg);box-shadow:inset 0 0 0 1.5px var(--sel-bd);color:var(--sel-ink);font-size:.9rem}
  .pts-use small{display:block;color:var(--muted);font-size:.8rem}
  .pts-use .stepper{background:#fff;height:2.2rem}
  .pts-hint{margin:.2rem 0 .6rem;font-size:.85rem;color:var(--muted)}
  .coupon{display:flex;gap:.5rem;align-items:center;margin:.2rem 0 .7rem}
  .coupon input{flex:1;min-width:0;height:2.5rem;border-radius:999px;border:1px solid var(--line);padding:0 1rem;font:inherit;background:#fff}
  .coupon input:focus{outline:0;box-shadow:0 0 0 2px var(--pink-400)}
  .coupon.on{justify-content:space-between;padding:.5rem .8rem;border-radius:.8rem;background:var(--sel-bg);color:var(--sel-ink);font-size:.9rem}
  .care-note{margin:.6rem 0;padding:.7rem .85rem;border-radius:.9rem;background:var(--sel-bg);box-shadow:inset 0 0 0 1.5px var(--sel-bd);color:var(--sel-ink);font-size:.9rem;line-height:1.45}
  .care-note.soft{background:var(--pink-50);box-shadow:none}
  .care-note a{color:var(--cta);font-weight:600}
  .disc small{color:var(--muted);font-weight:400}
  .cp{position:relative;display:grid;gap:6px;border:1px solid var(--line);background:var(--paper);border-radius:0.875rem;padding:0.5rem 0.5rem 0.75rem;text-align:left;transition:border-color .2s,transform .2s var(--ease)}
  .cp:hover{transform:translateY(-2px)}
  .cp[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
  .cp .ci{aspect-ratio:1/1;border-radius:0.625rem;overflow:hidden;background:var(--snow)}
  .cp .ci img{width:100%;height:100%;object-fit:contain;padding:6%;mix-blend-mode:multiply}
  .cp b{font-size:.87rem;font-weight:600;line-height:1.2}
  .cp .pr{font-size:.85rem}
  .cp .tick{position:absolute;top:0.75rem;right:0.75rem;width:1.375rem;height:1.375rem;border-radius:50%;background:var(--cta);color:#fff;display:grid;place-items:center;transform:scale(0);transition:transform .3s var(--ease)}
  .cp[aria-pressed="true"] .tick{transform:scale(1)}
  .qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--paper);height:3.25rem}
  .qty button{width:2.75rem;height:100%;border:0;background:none;font-size:1.1rem}
  .qty span{min-width:1.375rem;text-align:center;font-weight:600}
  .buy-row{display:flex;gap:0.625rem}
  .buy-row .btn{flex:1}
  details{border-top:1px solid var(--line);padding-block:0.9375rem}
  details:last-of-type{border-bottom:1px solid var(--line)}
  summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}
  summary::-webkit-details-marker{display:none}
  summary::after{content:"+";color:var(--muted);transition:transform .3s var(--ease)}
  details[open] summary::after{transform:rotate(45deg)}
  details dl{display:grid;grid-template-columns:auto 1fr;gap:6px 1rem;margin:0.75rem 0 0;font-size:.9rem}
  details dt{color:var(--muted)}
  details dd{margin:0}
  details p{margin:0.625rem 0 0;color:var(--muted);font-size:.9rem}
  @media (max-width:860px){.pdp{grid-template-columns:1fr}.pdp-media{position:relative;top:0}}
  @media (max-width:480px){.care-pick{grid-template-columns:repeat(3,1fr);gap:6px}.cp b{font-size:.79rem}}
  .sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:35;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:0.625rem 1rem calc(0.625rem + env(safe-area-inset-bottom,0px));display:none;align-items:center;gap:0.75rem;transform:translateY(110%);transition:transform .35s var(--ease)}
  .sticky-buy.on{transform:none}
  .sticky-buy div{flex:1;line-height:1.25;font-size:.92rem}
  .sticky-buy b{font-weight:600;display:block}
  @media (max-width:760px){.sticky-buy{display:flex}}

  /* drawer */
  .scrim{position:fixed;inset:0;background:rgba(36,31,35,.32);z-index:60;opacity:0;pointer-events:none;transition:opacity .3s}
  .scrim.on{opacity:1;pointer-events:auto}
  .drawer{position:fixed;top:0;right:0;bottom:0;width:min(27.5rem,100%);z-index:61;background:var(--snow);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .45s var(--ease);padding-top:env(safe-area-inset-top,0px)}
  .drawer.on{transform:none}
  .dr-head{display:flex;justify-content:space-between;align-items:center;padding:1.125rem 1.25rem;border-bottom:1px solid var(--line)}
  .dr-head h2{font-family:var(--display);font-size:1.6rem;font-weight:400}
  .dr-body{flex:1;overflow:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:0.875rem}
  .dr-foot{padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--paper);display:grid;gap:0.625rem}
  .meter{background:var(--paper);border:1px solid var(--line);border-radius:0.875rem;padding:0.75rem 0.875rem;font-size:.91rem;display:grid;gap:0.5rem}
  .meter.gift{background:linear-gradient(120deg,#FCE3EC,#FBEFF3)}
  .bar{height:6px;border-radius:3px;background:rgba(36,31,35,.08)}
  .bar i{display:block;height:100%;border-radius:3px;background:var(--pink-400);transition:width .6s var(--ease)}
  .meter.ok .bar i{background:var(--ok)}
  .line-item{display:grid;grid-template-columns:4rem 1fr auto;gap:0.75rem;align-items:center;animation:rise .4s var(--ease) both}
  .line-item img{width:4rem;height:4rem;object-fit:contain;background:var(--paper);border-radius:0.75rem;padding:4px}
  .line-item.care img{object-fit:contain;padding:4px}
  .li-name{font-weight:600;font-size:.9rem;line-height:1.25}
  .li-meta{font-size:.85rem;color:var(--muted)}
  .li-right{text-align:right;display:grid;gap:6px;justify-items:end}
  .qty.sm{height:2rem}
  .qty.sm button{width:1.875rem;font-size:.95rem}
  .rows{display:grid;gap:6px;font-size:.9rem}
  .rows div{display:flex;justify-content:space-between}
  .rows .disc{color:var(--ok)}
  .rows .total{font-size:1.1rem;font-weight:700;padding-top:0.5rem;border-top:1px solid var(--line);margin-top:4px}
  .wallets{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem}
  .wallet{height:2.875rem;border-radius:999px;border:0;background:#111;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}
  .wallet.g{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
  .or{display:flex;align-items:center;gap:0.625rem;color:var(--muted);font-size:.83rem}
  .or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
  .empty{text-align:center;color:var(--muted);padding:2.5rem 0;display:grid;gap:0.75rem;justify-items:center}
  .upsell{display:flex;gap:0.625rem;align-items:center;background:var(--paper);border:1px dashed var(--pink-200);border-radius:0.875rem;padding:0.625rem}
  .upsell img{width:2.9rem;height:2.9rem;object-fit:cover;border-radius:0.625rem}
  .upsell div{flex:1;font-size:.89rem;line-height:1.3}
  .fly{position:fixed;z-index:90;width:0.875rem;height:0.875rem;border-radius:50%;background:var(--pink-400);box-shadow:0 0 0 4px rgba(239,163,188,.35);pointer-events:none}

  /* checkout */
  .co-bar{display:flex;align-items:center;justify-content:space-between;height:4.875rem}
  .co{display:grid;grid-template-columns:1.25fr .85fr;gap:clamp(1.25rem,4vw,3.5rem);padding-block:1.75rem 5rem}
  .steps{display:flex;gap:0.5rem;list-style:none;padding:0;margin:0 0 1.5rem}
  .steps li{flex:1;font-size:.87rem;color:var(--muted);display:grid;gap:0.5rem}
  .steps li::before{content:"";height:4px;border-radius:2px;background:var(--line);transition:background .4s}
  .steps li.on{color:var(--ink);font-weight:600}
  .steps li.on::before,.steps li.done::before{background:var(--pink-400)}
  .panel{background:var(--paper);border:1px solid var(--line);border-radius:1.25rem;padding:clamp(1.125rem,3vw,1.875rem);display:grid;gap:1.125rem;animation:rise .45s var(--ease) both}
  .panel h2{font-family:var(--display);font-size:1.7rem;font-weight:400}
  .fields{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}
  .fields .full{grid-column:1/-1}
  .field{display:grid;gap:5px}
  .field label{font-size:.85rem;color:var(--muted);font-weight:500}
  .field input{height:3.125rem;border:1px solid var(--line);border-radius:0.75rem;padding:0 0.875rem;background:var(--snow);transition:border-color .2s,background .2s}
  .field input:focus{outline:none;border-color:var(--ink);background:#fff}
  .field input[aria-invalid="true"]{border-color:#B3261E}
  .err{color:#B3261E;font-size:.87rem;margin:0}
  @media (max-width:560px){.fields{grid-template-columns:1fr}}
  .opt{display:flex;gap:0.75rem;align-items:center;border:1px solid var(--line);border-radius:0.875rem;padding:0.875rem 1rem;cursor:pointer;transition:border-color .2s,background .2s}
  .opt:has(input:checked){border-color:var(--cta);background:var(--pink-50)}
  .opt input{accent-color:var(--ink);width:1.125rem;height:1.125rem}
  .opt div{flex:1;line-height:1.3}
  .opt small{color:var(--muted);display:block}
  .opt .pill{font-size:.78rem;background:var(--pink-100);border-radius:999px;padding:3px 0.5rem;font-weight:700}
  .co-nav{display:flex;justify-content:space-between;align-items:center;gap:0.75rem;flex-wrap:wrap}
  .summary{align-self:start;position:sticky;top:1.25rem;display:grid;gap:0.875rem}
  .secure{font-size:.85rem;color:var(--muted);display:flex;gap:6px;align-items:center;justify-content:center}
  @media (max-width:860px){.co{grid-template-columns:1fr}.summary{position:static;order:-1}}
  .done-view{max-width:36.25rem;margin:3.75rem auto 5.625rem;text-align:center;display:grid;gap:0.875rem;justify-items:center}
  .done-view .tick{width:4.5rem;height:4.5rem;border-radius:50%;background:var(--pink-100);display:grid;place-items:center;animation:pop .6s var(--ease) both}
  .done-view h1{font-size:clamp(2.2rem,4vw,3rem)}

  /* mega menu + mobile menu */
  .hd nav{align-self:stretch;align-items:stretch}
  .mi{position:static;display:flex;align-items:center}
  .mi>a{display:flex;align-items:center;gap:4px}
  .mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 30px 50px -30px rgba(36,31,35,.25);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .35s var(--ease),visibility .25s;text-transform:none;letter-spacing:0;font-weight:400;white-space:normal}
  .mi:hover .mega,.mi:focus-within .mega{opacity:1;visibility:visible;transform:none}
  .mega .wrap{display:grid;grid-template-columns:repeat(4,1fr) 1.3fr;gap:1.75rem;padding-block:1.75rem 2rem}
  .mega h5{margin:0 0 0.625rem;font-size:.79rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
  .mega ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:.9rem}
  .mega ul a:hover{color:var(--pink-600)}
  .mega-card{border-radius:1.125rem;overflow:hidden;position:relative;min-height:10rem;display:flex;align-items:flex-end;padding:1rem;color:#fff;font-weight:600}
  .mega-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
  .mega-card{isolation:isolate}
  .mega-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(36,31,35,.6));z-index:-1}
  .lang{font-size:.85rem;font-weight:600;color:var(--muted);padding:0 6px;display:flex;gap:6px;align-items:center}
  .lang b{color:var(--ink)}
  .burger{display:none}
  @media (max-width:1280px){.hd nav{display:none}.burger{display:inline-flex}.hd{justify-content:space-between}.lang{display:none}}   /* was 1180: the account icon (v8.35) made the full menu overflow between 1181 and ~1260px */
  .mnav{position:fixed;top:0;left:0;bottom:0;width:min(22.5rem,88%);z-index:61;background:var(--paper);transform:translateX(-100%);transition:transform .45s var(--ease);overflow:auto;padding:calc(1.125rem + env(safe-area-inset-top,0px)) 1.25rem 1.875rem;display:grid;align-content:start;gap:4px}
  .mnav.on{transform:none}
  .mnav details{border:0;border-bottom:1px solid var(--line);padding-block:0.8125rem}
  .mnav summary,.mnav>a{font-weight:600;font-size:.95rem}
  .mnav>a{padding-block:0.8125rem;border-bottom:1px solid var(--line)}
  .mnav ul{list-style:none;margin:0.625rem 0 0;padding:0;display:grid;gap:0.5rem;color:var(--muted)}

  /* categories rail */
  .cats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(0.75rem,2vw,1.25rem)}
  .cat{position:relative;isolation:isolate;border-radius:1.375rem;overflow:hidden;aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:flex-end;padding:1.125rem;color:#fff}
  .cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s var(--ease)}
  .cat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 45%,rgba(36,31,35,.7))}
  .cat:hover img{transform:scale(1.07)}
  .cat b{font-family:var(--display);font-size:1.6rem;font-weight:500;line-height:1}
  .cat span{font-size:.89rem;opacity:.9;margin-top:4px}
  .cat .arrow{position:absolute;top:0.875rem;right:0.875rem;width:2.375rem;height:2.375rem;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);display:grid;place-items:center;transform:rotate(-45deg);transition:transform .4s var(--ease)}
  .cat:hover .arrow{transform:none}
  @media (max-width:860px){.cats{grid-template-columns:repeat(2,1fr)}}
  .sec-title{font-size:clamp(2rem,3.8vw,3rem);margin-bottom:1.5rem}

  /* about */
  .about{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(1.75rem,5vw,4.5rem);align-items:center}
  .collage{display:grid;grid-template-columns:repeat(3,1fr);gap:0.625rem;margin-top:6px}
  .collage img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:0.875rem}
  /* About: the Efi photo is the anchor image; the 3 shop shots became a small strip */
  .about-hero{margin:0;border-radius:1.625rem;overflow:hidden;aspect-ratio:5/6;box-shadow:0 30px 60px -34px rgba(36,31,35,.45)}
  .about-hero img{width:100%;height:100%;object-fit:cover;object-position:center 32%;transition:transform 1.2s var(--ease)}
  .about-hero:hover img{transform:scale(1.04)}
  @media (prefers-reduced-motion:reduce){.about-hero img,.about-hero:hover img{transition:none;transform:none}}
  .about-copy{display:grid;gap:1rem}
  .about-copy h2{font-size:clamp(2.2rem,4.2vw,3.4rem)}
  .about-copy p{margin:0;color:#554B55;max-width:52ch}
  .about-copy .lead{font-family:var(--display);font-size:1.3rem;font-weight:300;color:var(--ink);line-height:1.35}
  .about-points{display:grid;grid-template-columns:1fr 1fr;gap:0.875rem;margin-top:6px}
  .about-points div{background:var(--paper);border:1px solid var(--line);border-radius:1rem;padding:0.875rem}
  .about-points b{display:block;font-weight:600;margin-bottom:2px}
  .about-points span{font-size:.93rem;color:var(--muted)}
  @media (max-width:860px){.about{grid-template-columns:1fr}.about-hero{aspect-ratio:4/3}.about-hero img{object-position:center 28%}}

  /* reviews marquee */
  /* search results */
  .results{max-height:min(35rem,70vh)}
  .res-top{padding:6px 6px 0.625rem}
  .sure-msg{display:flex;align-items:center;gap:0.5rem;margin:2px 4px 0.625rem;font-weight:700;font-size:.9rem;color:var(--ok)}
  .sure-msg svg{flex-shrink:0;background:#E3F0E6;border-radius:50%;padding:3px;width:1.375rem;height:1.375rem}
  .sure-msg.soft{color:var(--muted);font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
  .res-top.sure .res-feature{border-color:#BFD9C5;background:linear-gradient(120deg,#F3FAF5,var(--paper))}
  .res-feature{display:grid;grid-template-columns:5.25rem 1fr auto;gap:0.875rem;align-items:center;border:1px solid var(--line);border-radius:1rem;padding:0.625rem;animation:rise .35s var(--ease)}
  .rf-img{position:relative;border:0;padding:0;background:radial-gradient(circle at 50% 90%,var(--pink-100),var(--paper) 70%);border-radius:0.75rem;aspect-ratio:1/1;overflow:hidden}
  .rf-img img{width:100%;height:100%;object-fit:cover}
  .rf-img .tag{top:4px;left:4px;font-size:.6rem;padding:3px 6px 3px 1rem}
  .rf-img .tag.prem::before{left:6px;width:5px;height:5px}
  .rf-info{display:grid;gap:2px;min-width:0}
  .rf-name{font-family:var(--display);font-size:1.25rem;font-weight:500;line-height:1.1}
  .rf-name small{font-family:var(--body);font-size:.79rem;color:var(--muted);font-weight:400}
  .rf-g{font-size:.89rem;color:var(--muted)}
  .rf-price{font-weight:700;font-size:.9rem}
  .rf-act{display:grid;gap:6px;justify-items:center}
  @media (max-width:520px){.res-feature{grid-template-columns:4rem 1fr}.rf-act{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}}
  .res-label{margin:4px 0.625rem 4px;font-size:.79rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}

  /* reviews */
  .reviews{background:var(--paper);border-block:1px solid var(--line)}
  .rev-head{display:grid;grid-template-columns:1fr auto;gap:1.375rem;align-items:end;margin-bottom:1.5rem}
  .rev-head h2{font-size:clamp(2rem,3.8vw,3rem)}
  @media (max-width:760px){.rev-head{grid-template-columns:1fr}}
  .sources{display:flex;gap:0.625rem;flex-wrap:wrap}
  .src{display:flex;align-items:center;gap:0.75rem;border:1px solid var(--line);border-radius:1rem;padding:0.625rem 1rem;background:var(--snow);transition:border-color .2s,transform .2s var(--ease)}
  .src:hover{border-color:var(--pink-200);transform:translateY(-2px)}
  .src b{font-size:1.25rem;font-family:var(--display);font-weight:500}
  .src small{display:block;font-size:.81rem;color:var(--muted)}
  .logo-g,.logo-ta{width:1.875rem;height:1.875rem;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
  .logo-g{background:#fff;border:1px solid var(--line)}
  .logo-ta{background:#34E0A1}
  .logo-g svg,.logo-ta svg{width:1.0625rem;height:1.0625rem}
  .stars{color:#E8B53D;letter-spacing:1px;font-size:.95rem}
  .rev-tools{display:flex;justify-content:space-between;align-items:center;gap:0.75rem;flex-wrap:wrap;margin-bottom:1.125rem}
  .rev-arrows{display:flex;gap:0.5rem}
  .rev-arrows button{width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--line);background:var(--paper);display:grid;place-items:center;transition:background .2s}
  .rev-arrows button:hover{background:var(--pink-100)}
  .rev-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(18.125rem,21.25rem);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:0.625rem;scrollbar-width:thin;scroll-behavior:smooth}
  .rv-card{scroll-snap-align:start;background:var(--snow);border:1px solid var(--line);border-radius:1.25rem;padding:1.25rem;display:grid;gap:0.75rem;align-content:space-between;text-align:left;transition:transform .3s var(--ease),box-shadow .3s,border-color .2s;animation:rise .4s var(--ease) both}
  .rv-card:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(36,31,35,.45);border-color:var(--pink-200)}
  .rv-top{display:flex;justify-content:space-between;align-items:center}
  .rv-card .rv-title{display:block;font-family:var(--display);font-weight:500;font-size:1.1rem}
  .rv-card .rv-text{font-size:.95rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .rv-card .who{display:flex;align-items:center;gap:0.625rem;font-size:.91rem;font-weight:600}
  .rv-card .who small{display:block;font-weight:400;color:var(--muted);font-size:.81rem}
  .rv-more{font-size:.87rem;font-weight:600;color:var(--pink-600)}
  .avatar{width:2.125rem;height:2.125rem;border-radius:50%;background:var(--pink-100);display:grid;place-items:center;font-weight:700;color:var(--pink-600)}
  dialog.rev-modal{border:0;border-radius:1.5rem;padding:0;width:min(35rem,calc(100% - 2rem));box-shadow:0 40px 80px -30px rgba(36,31,35,.5)}
  dialog.rev-modal::backdrop{background:rgba(36,31,35,.4);backdrop-filter:blur(3px)}
  dialog.rev-modal[open]{animation:rise .35s var(--ease)}
  .rm{padding:1.75rem;display:grid;gap:1rem}
  .rm p{margin:0;font-size:1.05rem;line-height:1.6}
  .rm-foot{display:flex;justify-content:space-between;align-items:center;gap:0.75rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:0.875rem}
  /* reviews v2 (2026-09-20): tighter section, smaller cards in the product-card language (white, pink outline), quote mark, "read more" only on hover */
  .reviews.blk{padding-block:clamp(2.4rem,4.5vw,3.8rem)}
  .rev-head{margin-bottom:1rem;align-items:center}
  .rev-head h2{font-size:clamp(1.8rem,3vw,2.6rem)}
  .src{padding:.45rem .85rem;border-radius:999px;background:#fff}
  .src b{font-size:1.05rem}
  .rev-tools{margin-bottom:.9rem}
  .rev-arrows button{width:2.4rem;height:2.4rem}
  /* the track clips box-shadows: give the 2px outline + the 3px hover lift real room on every side, snap with the same inset, and never scroll vertically */
  .rev-track{grid-auto-columns:minmax(15.5rem,17.5rem);gap:.9rem;padding:.6rem .4rem 1rem;scroll-padding-inline:.4rem;overflow-y:hidden;scrollbar-width:none}
  .rev-track::-webkit-scrollbar{display:none}
  .rv-card{position:relative;background:#fff;border:0;border-radius:1.1rem;padding:1rem 1.05rem .95rem;gap:.55rem;box-shadow:0 0 0 2px var(--pink-200),0 14px 26px -22px rgba(201,101,138,.6)}
  .rv-card::after{content:"”";position:absolute;right:.9rem;bottom:-.35rem;font-family:var(--display);font-size:4.6rem;line-height:1;color:var(--pink-100);pointer-events:none}
  .rv-card:hover{transform:translateY(-3px);box-shadow:0 0 0 2px var(--pink-400),0 20px 32px -22px rgba(201,101,138,.75);border-color:transparent}
  .rv-card .stars{font-size:.85rem}
  .rv-card .logo-g,.rv-card .logo-ta{width:1.5rem;height:1.5rem}
  .rv-card .logo-g svg,.rv-card .logo-ta svg{width:.85rem;height:.85rem}
  .rv-card .rv-title{font-size:1rem;line-height:1.25}
  .rv-card .rv-text{font-size:.9rem;line-height:1.5;-webkit-line-clamp:3;color:var(--ink)}
  .rv-card .who{font-size:.86rem;position:relative;z-index:1}
  .rv-card .who small{font-size:.78rem}
  .rv-card .avatar{width:2.3rem;height:2.3rem;font-size:.9rem;color:#fff;background:linear-gradient(135deg,hsl(var(--h,330) 55% 62%),hsl(calc(var(--h,330) + 40) 60% 48%));box-shadow:0 0 0 2px #fff,0 0 0 3.5px hsl(var(--h,330) 55% 80%)}
  .rv-more{font-size:.8rem;opacity:0;transform:translateY(3px);transition:opacity .25s,transform .25s var(--ease);position:relative;z-index:1}
  .rv-card:hover .rv-more,.rv-card:focus-visible .rv-more{opacity:1;transform:none}
  @media (hover:none){.rv-more{opacity:1;transform:none}}

  /* blog */
  .blog{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(0.875rem,2vw,1.5rem)}
  .post{display:grid;gap:0.75rem;align-content:start}
  .post .pi{border-radius:1.25rem;overflow:hidden;aspect-ratio:16/10}
  .post:first-child .pi{aspect-ratio:16/11}
  .post img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
  .post:hover img{transform:scale(1.05)}
  .post small{font-size:.79rem;letter-spacing:.12em;text-transform:uppercase;color:var(--pink-600);font-weight:600}
  .post h3{font-family:var(--display);font-weight:500;font-size:1.35rem;line-height:1.15}
  .post p{margin:0;color:var(--muted);font-size:.9rem}
  @media (max-width:860px){.blog{grid-template-columns:1fr}}

  /* instagram + newsletter */
  .social{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(1.125rem,3vw,2rem);align-items:stretch}
  .ig{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem}
  .ig a{position:relative;aspect-ratio:1/1;border-radius:0.875rem;overflow:hidden}
  .ig img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .3s}
  .ig a:hover img{transform:scale(1.08);filter:brightness(.85)}
  .news{border-radius:1.625rem;padding:clamp(1.5rem,4vw,2.75rem);background:linear-gradient(140deg,var(--ink),#4A3A45);color:#fff;display:grid;gap:0.875rem;align-content:center}
  .news h2{font-size:clamp(2rem,3.4vw,2.8rem)}
  .news h2 em{color:var(--pink-400)}
  .news p{margin:0;color:#D9CCD4}
  .news form{display:flex;gap:0.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px}
  .news input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;padding-inline:0.875rem}
  .news input::placeholder{color:#C8BAC3}
  .news .btn{height:2.75rem;background:var(--pink-400);border-color:var(--pink-400);color:var(--ink)}
  .news small{color:#BFAFB9;font-size:.81rem}
  @media (max-width:860px){.social{grid-template-columns:minmax(0,1fr)}.social h2{overflow-wrap:anywhere}}

  /* stores */
  .stores{display:grid;grid-template-columns:1fr 1fr;gap:clamp(0.875rem,2vw,1.5rem)}
  .store{background:var(--paper);border:1px solid var(--line);border-radius:1.375rem;padding:clamp(1.25rem,3vw,2rem);display:grid;gap:0.625rem;position:relative;overflow:hidden}
  .store::after{content:"";position:absolute;right:-60px;bottom:-60px;width:12.5rem;height:12.5rem;border-radius:50%;background:radial-gradient(circle,var(--pink-100),transparent 70%)}
  /* real photo of each shop window behind the details */
  .store.has-shot{min-height:clamp(14.375rem,22vw,18.75rem);isolation:isolate}
  .store.has-shot::before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--shot);background-size:cover;background-position:var(--shotpos,center);transform:scale(1.02);transition:transform 1.1s var(--ease)}
  .store.has-shot::after{inset:0;right:auto;bottom:auto;width:100%;height:100%;border-radius:0;z-index:0;
    background:linear-gradient(104deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 34%,rgba(255,255,255,.58) 60%,rgba(255,255,255,.18) 100%)}
  .store.has-shot:hover::before{transform:scale(1.07)}
  .store.has-shot>*{position:relative;z-index:1}
  .store.has-shot dd a{color:var(--accent)}
  @media (max-width:760px){.store.has-shot::after{background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.9) 55%,rgba(255,255,255,.45) 100%)}}
  @media (prefers-reduced-motion:reduce){.store.has-shot::before,.store.has-shot:hover::before{transition:none;transform:none}}
  .store h3{font-family:var(--display);font-size:2rem;font-weight:400}
  .store dl{display:grid;grid-template-columns:auto 1fr;gap:6px 1rem;margin:0;font-size:.92rem;position:relative;z-index:1}
  .store dt{color:var(--muted)}
  .store dd{margin:0}
  @media (max-width:760px){.stores{grid-template-columns:1fr}}

  .socials{display:flex;gap:0.5rem;margin-top:0.875rem}
  .socials a{width:2.375rem;height:2.375rem;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:.78rem;font-weight:700;transition:background .2s}
  .socials a:hover{background:var(--pink-100)}
  .pay{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:6px}
  .pay span{border:1px solid var(--line);border-radius:6px;padding:3px 0.5rem;font-size:.78rem;font-weight:700;color:var(--muted)}
  .legal{display:flex;flex-wrap:wrap;gap:6px 1.125rem;margin-top:1.125rem;font-size:.85rem;color:var(--muted)}

  /* nav state */
  .mi>a.on{color:var(--pink-600)}
  .see-all{display:flex;gap:0.625rem;justify-content:center;flex-wrap:wrap;margin-top:2.125rem}
  .prem-btn{color:var(--gold);border-color:var(--gold-2)}
  .prem-btn:hover{background:var(--gold-3)}

  /* category page */
  .plp-head{background:linear-gradient(170deg,var(--snow),var(--pink-50));border-bottom:1px solid var(--line);overflow:hidden}
  .plp-head-in{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(1.25rem,4vw,3.75rem);align-items:center;padding-block:clamp(1.625rem,4vw,3rem)}
  .plp-head h1{font-size:clamp(2.4rem,5vw,4rem);margin:6px 0 0.625rem}
  .plp-head p{margin:0 0 0.875rem;color:var(--muted);max-width:52ch;font-size:1.05rem}
  .plp-head .crumbs{padding:0}
  .crumbs a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
  .count{display:inline-block;font-size:.87rem;font-weight:700;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:5px 0.75rem}
  .plp-img{justify-self:end;width:min(100%,23.75rem);aspect-ratio:4/3;border-radius:999px 999px 1.75rem 1.75rem;overflow:hidden;box-shadow:0 40px 70px -40px rgba(36,31,35,.5)}
  .plp-img img{width:100%;height:100%;object-fit:cover;animation:heroZoom 1.6s var(--ease) both}
  .plp-head.gold{background:radial-gradient(80% 140% at 85% 30%,#4a3a26 0%,#241c14 55%,#1a1510 100%);color:#F7EEDD;border-bottom:0}
  .plp-head.gold p,.plp-head.gold .crumbs,.plp-head.gold .crumbs a{color:#CBB895}
  .plp-head.gold .count{background:rgba(255,255,255,.06);border-color:rgba(201,165,92,.4);color:#F3E7CF}
  .gold-word{background:linear-gradient(100deg,#9C7A3C 0%,#F3D99B 30%,#C9A55C 50%,#FFF0C8 62%,#9C7A3C 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;animation:goldSweep 5s ease-in-out infinite}
  @keyframes goldSweep{0%,100%{background-position:100% 0}50%{background-position:0 0}}
  .gold-orb{justify-self:end;width:min(100%,21.25rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff 0%,#F3E7CF 55%,#C9A55C 100%);box-shadow:0 0 0 1px rgba(201,165,92,.5),0 0 80px -10px rgba(201,165,92,.6);display:grid;place-items:center;overflow:hidden}
  .gold-orb{overflow:hidden}
  .gold-orb img{width:100%;height:100%;object-fit:cover;animation:heroZoom 1.6s var(--ease) both}
  @media (max-width:760px){.plp-head-in{grid-template-columns:1fr}.plp-img,.gold-orb{justify-self:start;width:min(100%,16.25rem)}}
  /* shipping accordion: one row per method, price on the right, two fact chips */
  .ship-list{list-style:none;margin:.2rem 0 0;padding:0;display:grid;gap:.45rem}
  .ship-list li{display:grid;grid-template-columns:4.2rem minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.65rem .8rem;border-radius:.9rem;background:#fff;border:1px solid var(--line)}
  .sh-ico{justify-self:center;width:2.3rem;height:2.3rem;border-radius:50%;display:grid;place-items:center;background:var(--sel-bg);color:var(--sel-ink)}
  /* courier logos: drop official files at assets/ship/boxnow.png, acs.png, geniki.png - until then the icon shows */
  .sh-ico.has-logo{position:relative}
  .sh-ico.has-logo.ok{width:4.2rem;height:2.6rem;border-radius:.6rem;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
  .sh-ico.has-logo.ok svg{display:none}
  .sh-logo{position:absolute;inset:.25rem;width:calc(100% - .5rem);height:calc(100% - .5rem);object-fit:contain}
  .ship-list b{display:block;font-size:.97rem;line-height:1.25}
  .ship-list small{display:block;color:var(--muted);font-size:.86rem}
  .sh-pr{font-weight:600;white-space:nowrap}
  .sh-pr.free{color:#2F7A4D;background:#E9F6EE;border-radius:999px;padding:.15rem .6rem;font-size:.85rem}
  .ship-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0 .3rem}
  .ship-facts span{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;background:var(--pink-50);color:var(--ink);font-size:.88rem}
  .ship-facts .hl{background:var(--sel-bg);color:var(--sel-ink);font-weight:600;box-shadow:inset 0 0 0 1.5px var(--sel-bd)}
  /* Premium category banner v2: black + gold, layered light, fine frame, facts row, haloed stage */
  .plp-head.lux{position:relative;isolation:isolate;background:
      radial-gradient(60% 90% at 78% 45%,rgba(201,165,92,.32) 0%,rgba(201,165,92,0) 60%),
      radial-gradient(40% 70% at 8% 0%,rgba(243,217,155,.12) 0%,rgba(243,217,155,0) 70%),
      linear-gradient(160deg,#2a2016 0%,#17120c 55%,#0f0c08 100%)}
  .plp-head.lux::before{content:"";position:absolute;inset:.9rem;border:1px solid rgba(201,165,92,.35);border-radius:1.2rem;pointer-events:none;z-index:-1;
      -webkit-mask:linear-gradient(90deg,#000 0,#000 18%,transparent 34%,transparent 66%,#000 82%,#000 100%);mask:linear-gradient(90deg,#000 0,#000 18%,transparent 34%,transparent 66%,#000 82%,#000 100%)}
  .plp-head.lux::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;pointer-events:none;
      background:repeating-linear-gradient(115deg,rgba(243,217,155,.045) 0 1px,transparent 1px 22px)}
  .lux-dust{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.8;-webkit-mask:radial-gradient(38% 70% at 76% 46%,#000 30%,transparent 100%);mask:radial-gradient(38% 70% at 76% 46%,#000 30%,transparent 100%);
      background-image:radial-gradient(circle,#F3D99B 0 1px,transparent 1.6px),radial-gradient(circle,#FFF0C8 0 1px,transparent 1.4px),radial-gradient(circle,#C9A55C 0 1.2px,transparent 1.8px);
      background-size:5.3rem 4.1rem,7.9rem 6.7rem,11.3rem 9.7rem;background-position:1rem 2rem,3rem 1rem,5rem 3rem;animation:luxDust 26s linear infinite}
  @keyframes luxDust{to{background-position:1rem -7rem,6rem -8rem,11rem -18rem}}
  .plp-head.lux .plp-head-in{padding-block:clamp(2.6rem,5vw,4.6rem);align-items:center}
  .lux-copy{display:grid;gap:.95rem;justify-items:start}
  .lux-kicker{display:inline-flex;align-items:center;gap:.7rem;font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;color:#E6CD8F}
  .lux-kicker i{display:block;width:2.2rem;height:1px;background:linear-gradient(90deg,transparent,#C9A55C)}
  .lux-kicker i:last-child{transform:scaleX(-1)}
  .plp-head.lux h1{margin:0;font-size:clamp(2.8rem,5.4vw,5rem);line-height:1.02;text-shadow:0 2px 30px rgba(201,165,92,.25)}
  .lux-rule{display:flex;align-items:center;gap:.7rem;color:#C9A55C;width:min(100%,19rem)}
  .lux-rule i{flex:1;height:1px;background:linear-gradient(90deg,rgba(201,165,92,0),#C9A55C)}
  .lux-rule i:last-child{transform:scaleX(-1)}
  .plp-head.lux p{margin:0;max-width:30rem;font-size:1.08rem;line-height:1.6;color:#D9C9A6}
  .lux-facts{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
  .lux-facts li{display:grid;gap:.1rem;padding:.6rem 1rem;border-radius:.9rem;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(201,165,92,.38);backdrop-filter:blur(4px)}
  .lux-facts b{font-family:var(--display);font-weight:500;font-size:1.25rem;line-height:1.1;background:linear-gradient(100deg,#C9A55C,#FFF0C8 50%,#C9A55C);-webkit-background-clip:text;background-clip:text;color:transparent}
  .lux-facts span{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#BBA77E}
  .lux-stage{position:relative;justify-self:end;width:min(100%,24rem);aspect-ratio:1;display:grid;place-items:center}
  .lux-stage .gold-orb{width:78%;box-shadow:0 0 0 1px rgba(255,240,200,.7),0 0 0 .55rem rgba(201,165,92,.16),0 0 120px -6px rgba(201,165,92,.75),0 40px 60px -30px #000}
  .lux-ring{position:absolute;inset:3%;border-radius:50%;background:conic-gradient(from 0deg,rgba(201,165,92,0) 0deg,#F3D99B 50deg,rgba(201,165,92,0) 120deg,rgba(201,165,92,0) 200deg,#C9A55C 250deg,rgba(201,165,92,0) 320deg);
      -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));animation:luxSpin 18s linear infinite}
  .lux-ring.r2{inset:-4%;opacity:.55;animation-duration:32s;animation-direction:reverse}
  @keyframes luxSpin{to{transform:rotate(360deg)}}
  .lux-star{position:absolute;color:#FFF0C8;filter:drop-shadow(0 0 6px rgba(243,217,155,.9));animation:luxTwinkle 3.6s ease-in-out infinite}
  .lux-star.s1{top:6%;right:12%}.lux-star.s2{bottom:14%;left:4%;animation-delay:1.2s}.lux-star.s3{top:30%;left:0;animation-delay:2.1s}
  @keyframes luxTwinkle{0%,100%{opacity:.25;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(20deg)}}
  .plp-head.lux + .plp-bar{border-top:1px solid rgba(201,165,92,.5)}
  @media (max-width:760px){.lux-stage{justify-self:center;width:min(80%,17rem)}.plp-head.lux::before{inset:.5rem}}
  .lux-back{position:absolute;top:1.6rem;left:1.8rem;z-index:2;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem .45rem .7rem;border-radius:999px;text-decoration:none;font-size:.85rem;letter-spacing:.06em;color:rgba(243,231,207,.55);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(201,165,92,.22);backdrop-filter:blur(4px);transition:color .25s,background .25s,box-shadow .25s,transform .3s var(--ease)}
  .lux-back:hover,.lux-back:focus-visible{color:#FFF0C8;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(201,165,92,.7);transform:translateX(-2px)}
  .plp-head.lux .lux-stage{width:min(100%,33rem)}
  .plp-head.lux .plp-head-in{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
  .lux-stage .gold-orb{width:80%}
  @media (max-width:760px){.lux-back{top:.9rem;left:.9rem}.plp-head.lux .plp-head-in{grid-template-columns:1fr;padding-top:3.6rem}.plp-head.lux .lux-stage{width:min(86%,20rem)}}
  @media (prefers-reduced-motion:reduce){.lux-dust,.lux-ring,.lux-star{animation:none}.lux-star{opacity:.8}}
  .plp-bar{position:sticky;top:calc(env(safe-area-inset-top,0px) + 4.875rem);z-index:30;background:rgba(253,250,251,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .plp-bar-in{display:flex;justify-content:space-between;align-items:center;gap:0.75rem;flex-wrap:wrap;padding-block:0.75rem}
  .plp-bar .chip{text-decoration:none}
  a.chip[aria-pressed="true"]{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-ink);font-weight:600}
  .plp-tools{display:flex;gap:0.875rem;align-items:center;flex-wrap:wrap}
  .plp-tools .seg button[aria-pressed="true"]{background:var(--sel-bg);color:var(--sel-ink);box-shadow:inset 0 0 0 1px var(--sel-bd)}
  .sort{display:flex;align-items:center;gap:0.5rem;font-size:.87rem;color:var(--muted)}
  .sort select{font:inherit;color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:0.5rem 0.875rem}
  @media (max-width:980px){.plp-bar{top:calc(env(safe-area-inset-top,0px) + 4.25rem)}}
  .plp-body{padding-block:1.875rem 3.75rem}
  .more-wrap{display:grid;justify-items:center;gap:0.625rem;margin-top:2.25rem;font-size:.92rem;color:var(--muted)}
  .more-wrap p{margin:0}
  .more-bar{width:12.5rem;height:3px;background:var(--line);border-radius:2px;overflow:hidden}
  .more-bar i{display:block;height:100%;background:var(--pink-400)}
  .plp-promo{margin-top:2.5rem;text-align:center;background:linear-gradient(120deg,#FCE3EC,#FBEFF3);border-radius:1.125rem;padding:1.125rem;font-size:.95rem}
  .plp-promo b{color:var(--pink-600)}
  .icard .card-media{background:#fff}
  .icard .card-media img{object-fit:contain;padding:6%;mix-blend-mode:multiply}
  .i-name{font-size:1.1rem;min-height:2.4em}
  .i-price{font-size:1.02rem}
  .i-price b{font-weight:700}
  .i-price .price-old{margin-right:6px}
  .add.as-link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ink)}
  .add.as-link:hover{color:#fff}
  .tag.hand{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
  .tag.oos-tag{background:#fff;color:var(--muted);border:1px solid var(--line)}
  .icard.oos .card-media img{opacity:.55}
  .icard.oos .i-price{opacity:.7}
  .tier-hint{margin:-.35rem 0 0;font-size:.9rem;color:var(--muted)}
  .oos-note{margin:.2rem 0 0;color:var(--cta);font-weight:500}
  .btn[disabled]{opacity:.5;cursor:not-allowed}
  .chip-sep{flex:0 0 100%;height:0}
  .chip.sub{font-size:.86em}
  .empty{grid-column:1/-1}

  /* item page */
  .item-media{background:#fff !important}
  .item-media img{mix-blend-mode:multiply;object-fit:contain;padding:6%}
  .item-media.holo{background:linear-gradient(165deg,#EFE4D6,#F9EEE1 62%,#F3E5D4) !important}
  .item-media.holo img{mix-blend-mode:normal;object-fit:cover;padding:0}
  .icard.holo .card-media{background:linear-gradient(165deg,#EFE4D6,#F9EEE1 62%,#F3E5D4)}
  .icard.holo .card-media img{object-fit:cover;padding:0;mix-blend-mode:normal;object-position:50% 45%}
  .item-media .tag{top:1.125rem;left:1.125rem}
  .search-box.sm{height:3.125rem;padding:0 1rem;box-shadow:none}
  .scent-results{display:grid;gap:4px;margin-top:6px}
  .scent-opt{display:flex;gap:0.5rem;align-items:baseline;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:0.75rem;padding:0.625rem 0.75rem}
  .scent-opt:hover{border-color:var(--pink-400)}
  .scent-opt.sure{border-color:#BFD9C5;background:#F3FAF5}
  .scent-opt small{margin-left:auto;color:var(--muted)}
  .scent-chosen{display:flex;justify-content:space-between;align-items:center;gap:0.625rem;margin-top:0.5rem;background:var(--pink-50);border:1px solid var(--pink-200);border-radius:0.75rem;padding:0.625rem 0.875rem;font-size:.9rem}
  .related{padding-block:3.125rem 4.375rem}
  .related h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:1.375rem}

  /* content pages */
  .page-hero{background:linear-gradient(170deg,var(--snow),var(--pink-50));border-bottom:1px solid var(--line)}
  .page-hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.25rem,5vw,4.375rem);align-items:center;padding-block:clamp(1.875rem,5vw,4rem)}
  .page-hero .wrap>.crumbs,.page-hero .crumbs{padding:0 0 0.5rem}
  .page-hero h1{font-size:clamp(2.4rem,5vw,4rem);margin:4px 0 0.875rem}
  .page-hero p{margin:0;color:#5d5159;max-width:52ch;font-size:1.08rem}
  .page-hero.slim .wrap{padding-block:clamp(1.75rem,4vw,3.25rem)}
  .page-hero-img{border-radius:1.75rem 180px 1.75rem 1.75rem;overflow:hidden;aspect-ratio:4/3;box-shadow:0 40px 70px -40px rgba(36,31,35,.5)}
  .page-hero-img img{width:100%;height:100%;object-fit:cover}
  @media (max-width:860px){.page-hero-in{grid-template-columns:1fr}}
  .story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4.5rem);align-items:center;padding-block:clamp(3rem,7vw,5.625rem)}
  .story h2{font-size:clamp(2rem,3.6vw,2.8rem);margin-bottom:0.875rem}
  .story p{color:#554B55;max-width:56ch}
  .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}
  .story-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1.125rem}
  .story-grid img:nth-child(2){transform:translateY(24px)}
  .story-grid img:nth-child(4){transform:translateY(24px)}
  @media (max-width:860px){.story{grid-template-columns:1fr}}
  .values{background:var(--ink);color:#F1E7EC}
  .values-in{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.125rem,4vw,3rem);padding-block:clamp(2.5rem,6vw,4.5rem)}
  .values b{display:block;font-size:1.7rem;font-weight:400;color:var(--pink-200);margin-bottom:0.5rem}
  .values p{margin:0;color:#CDBFC7}
  @media (max-width:760px){.values-in{grid-template-columns:1fr}}
  .page-cta{text-align:center;display:grid;gap:1.125rem;justify-items:center;padding-block:clamp(3rem,7vw,5.625rem)}
  .page-cta h2{font-size:clamp(2rem,4vw,3rem)}
  .contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.125rem,3vw,2rem);padding-block:2.5rem;align-items:start}
  .contact-grid .stores{grid-template-columns:1fr}
  .contact-form textarea{border:1px solid var(--line);border-radius:0.75rem;padding:0.75rem 0.875rem;background:var(--snow);font:inherit;resize:vertical}
  .contact-form textarea:focus{outline:none;border-color:var(--ink);background:#fff}
  @media (max-width:860px){.contact-grid{grid-template-columns:1fr}}
  .faq{max-width:51.25rem;padding-bottom:4.375rem}

  /* quiz */
  .quiz-chip{background:var(--cta)!important;color:#fff!important;border-color:var(--cta)!important}
  .quiz-page{background:radial-gradient(70% 90% at 90% 0%,#FBE4EC,transparent 60%),var(--snow);min-height:70vh}
  .quiz-wrap{max-width:60rem;padding-bottom:4.375rem}
  .quiz-card,.quiz-results{background:var(--paper);border:1px solid var(--line);border-radius:1.75rem;padding:clamp(1.375rem,4vw,2.75rem);display:grid;gap:0.875rem;animation:rise .45s var(--ease) both;box-shadow:0 40px 80px -50px rgba(201,101,138,.5)}
  .quiz-progress{display:flex;gap:6px}
  .quiz-progress i{flex:1;height:4px;border-radius:2px;background:var(--line);transition:background .4s}
  .quiz-progress i.done,.quiz-progress i.on{background:var(--pink-400)}
  .quiz-card h2,.quiz-results h2{font-size:clamp(1.9rem,3.6vw,2.8rem)}
  .quiz-sub{margin:-6px 0 4px;color:var(--muted)}
  .quiz-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:0.625rem}
  .quiz-opts.notes{grid-template-columns:repeat(auto-fill,minmax(8.125rem,1fr))}
  .quiz-opt{position:relative;text-align:left;display:grid;gap:3px;border:1px solid var(--line);background:var(--snow);border-radius:1rem;padding:1rem;transition:border-color .2s,transform .25s var(--ease),background .2s}
  .quiz-opts.notes .quiz-opt{padding:0.625rem 0.75rem;border-radius:999px;text-align:center}
  .quiz-opt:hover{transform:translateY(-2px);border-color:var(--pink-200)}
  .quiz-opt[aria-pressed="true"]{border-color:var(--ink);background:var(--pink-50);box-shadow:inset 0 0 0 1px var(--ink)}
  .quiz-opt b{font-weight:600}
  .quiz-opt small{color:var(--muted)}
  .quiz-opt .dot{width:1.625rem;height:1.625rem;border-radius:50%;margin-bottom:6px}
  .quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
  .btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
  .quiz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.875rem}
  @media (max-width:760px){.quiz-grid{grid-template-columns:1fr}}
  .qres{position:relative;display:grid;gap:0.5rem;border:1px solid var(--line);border-radius:1.25rem;padding:0.875rem;background:var(--snow);animation:rise .5s var(--ease) both}
  .qres:nth-child(2){animation-delay:.08s}.qres:nth-child(3){animation-delay:.16s}
  .qres.top{border-color:var(--pink-400);background:#fff;box-shadow:0 24px 40px -28px rgba(201,101,138,.7)}
  .qres-badge{position:absolute;top:-11px;left:0.875rem;z-index:2;background:var(--cta);color:#fff;font-size:.76rem;font-weight:700;letter-spacing:.06em;border-radius:999px;padding:4px 0.625rem}
  .qres-img{position:relative;border:0;padding:0;aspect-ratio:1;border-radius:0.875rem;overflow:hidden;background:radial-gradient(circle at 50% 90%,var(--pink-100),#fff 70%)}
  .qres-img img{width:100%;height:100%;object-fit:cover;padding:0}
  .why{display:flex;flex-wrap:wrap;gap:4px}
  .why span{font-size:.79rem;background:var(--pink-100);border-radius:999px;padding:3px 0.5rem}
  .qres-act{display:flex;justify-content:space-between;align-items:center;gap:0.5rem;margin-top:auto}
  .quiz-tip{margin:0;font-size:.9rem;background:var(--gold-3);border-radius:0.75rem;padding:0.625rem 0.875rem}
  .quiz-set{display:flex;justify-content:space-between;align-items:center;gap:0.75rem;flex-wrap:wrap;background:linear-gradient(120deg,#FCE3EC,#FBEFF3);border-radius:1.125rem;padding:1rem 1.125rem}
  .quiz-set b{display:block}
  .quiz-set span{font-size:.93rem;color:var(--muted)}
  .quiz-results>.link{justify-self:center}

  /* build your 2+1 */
  .set-page{background:linear-gradient(170deg,var(--snow),var(--pink-50));padding-bottom:4.375rem}
  .set-head h1{font-size:clamp(2.2rem,4.4vw,3.4rem);margin:6px 0 0.5rem}
  .set-head p{margin:0 0 1.375rem;color:var(--muted)}
  .set-layout{display:grid;grid-template-columns:1.5fr .9fr;gap:clamp(1rem,3vw,2rem);align-items:start}
  @media (max-width:900px){.set-layout{grid-template-columns:1fr}}
  .set-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem}
  @media (max-width:560px){.set-slots{grid-template-columns:1fr}}
  .set-slot{position:relative;display:grid;gap:0.625rem;background:var(--paper);border:1px solid var(--line);border-radius:1.25rem;padding:0.75rem;transition:border-color .3s,box-shadow .3s}
  .set-slot.active{border-color:var(--pink-400);box-shadow:0 0 0 4px var(--pink-100)}
  .set-slot.gift{border-color:rgba(146,111,52,.35)}
  .set-slot.gift.on{border-color:var(--gold-2);box-shadow:0 0 0 5px rgba(201,165,92,.16)}
  .set-slot .ribbon{position:absolute;top:1.125rem;left:-6px;right:-6px;z-index:2;text-align:center;background:linear-gradient(135deg,#7E5E2A,var(--gold) 40%,var(--gold-2) 70%,var(--gold));color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.14em;padding:4px 0;transform:rotate(-6deg)}
  .set-frame{position:relative;border:1.5px dashed rgba(36,31,35,.25);background:var(--snow);border-radius:999px 999px 1.125rem 1.125rem;aspect-ratio:3/4;display:grid;place-items:end center;overflow:hidden;padding:0}
  .set-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:grayscale(.55) contrast(.95) brightness(1.04);opacity:.42;transition:all .6s var(--ease)}
  .set-frame .plus{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:2.25rem;height:2.25rem;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--pink-600);font-size:1.3rem;box-shadow:0 6px 14px -6px rgba(36,31,35,.35)}
  .set-slot.on .set-frame{border-style:solid;border-color:var(--line);background:#fff}
  .set-slot.on .set-frame img{filter:none;opacity:1;animation:pop .6s var(--ease)}
  .set-slot.on .plus{display:none}
  .set-info{display:grid;gap:6px;font-size:.9rem}
  .set-info b{font-family:var(--display);font-weight:500;font-size:1.1rem;line-height:1.1}
  .empty-slot span{color:var(--muted);font-size:.89rem}
  .set-picker{margin-top:1rem;background:var(--paper);border:1px solid var(--line);border-radius:1.25rem;padding:1rem}
  .set-res,.set-quick{display:grid;gap:4px;margin-top:6px}
  .set-quick{grid-template-columns:repeat(auto-fill,minmax(13.75rem,1fr))}
  .set-sum{position:sticky;top:6.25rem}
  .set-meter{height:6px;border-radius:3px;background:var(--line);overflow:hidden}
  .set-meter i{display:block;height:100%;background:var(--pink-400);transition:width .5s var(--ease)}
  .set-count{margin:0;font-size:.9rem;font-weight:600}
  .save{margin:0;text-align:center;color:var(--ok);font-size:.95rem}
  .meter-link{font-weight:700;color:var(--pink-600);text-decoration:underline;text-underline-offset:3px}
  .plp-promo a{color:var(--pink-600);font-weight:600}

  /* checkout consent */
  .consent{display:grid;gap:0.5rem;font-size:.94rem}
  .consent label{display:flex;gap:0.625rem;align-items:flex-start}
  .consent input{accent-color:var(--ink);width:1.125rem;height:1.125rem;margin-top:2px;flex-shrink:0}

  /* email previews */
  .emails-page{padding-block:0.625rem 4.375rem}
  .emails-page h1{font-size:clamp(2.2rem,4vw,3.2rem);margin:0.625rem 0 1.25rem}
  .internal{background:var(--gold-3);border-radius:0.75rem;padding:0.625rem 0.875rem;font-size:.94rem;margin-top:6px}
  .flow{display:flex;align-items:stretch;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.375rem}
  .flow-step{flex:1;min-width:11.875rem;text-align:left;display:grid;gap:3px;border:1px solid var(--line);background:var(--paper);border-radius:1rem;padding:0.75rem 0.875rem}
  .flow-step .num{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--pink-100);display:grid;place-items:center;font-size:.82rem;font-weight:700}
  .flow-step small{color:var(--muted);font-size:.85rem}
  .flow-step[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
  .flow-arrow{align-self:center;color:var(--muted)}
  .mail-wrap{background:#EEE8EB;border-radius:1.5rem;padding:clamp(0.75rem,3vw,2rem)}
  .mail{max-width:37.5rem;margin-inline:auto;background:#fff;border-radius:0.875rem;overflow:hidden;box-shadow:0 30px 60px -40px rgba(36,31,35,.5);animation:rise .4s var(--ease) both}
  .mail-meta{display:grid;gap:2px;padding:0.75rem 1.125rem;border-bottom:1px solid var(--line);font-size:.87rem;background:var(--snow)}
  .mail-meta .pre{color:var(--muted)}
  .mail-body{padding:1.5rem clamp(1rem,4vw,2.25rem);display:grid;gap:0.875rem}
  .mail-logo{height:3.5rem;justify-self:center}
  .mail-body h2{font-size:1.9rem;text-align:center}
  .mail-body p{margin:0}
  .mail-prod{display:grid;grid-template-columns:4rem 1fr auto;gap:0.75rem;align-items:center;border:1px solid var(--line);border-radius:0.875rem;padding:0.625rem}
  .mail-prod img{width:4rem;height:4rem;object-fit:cover;background:#F3E7DA;border-radius:0.625rem}
  .mail-prod div{display:grid;gap:1px;font-size:.94rem}
  .mail-offer{background:linear-gradient(120deg,#FCE3EC,#FBEFF3);border-radius:0.75rem;padding:0.75rem 0.875rem;display:grid;gap:2px;text-align:center}
  .mail-offer span{font-size:.93rem}
  .mail-tips{margin:0;padding-left:1.25rem;display:grid;gap:0.5rem}
  .mail .small{font-size:.87rem;color:var(--muted);text-align:center}
  .mail-foot{border-top:1px solid var(--line);padding-top:0.875rem;font-size:.79rem;color:var(--muted);text-align:center;line-height:1.6}
  .setup{margin-top:1.375rem;background:var(--paper);border:1px solid var(--line);border-radius:1.125rem;padding:1.125rem 1.375rem}
  .setup h3{margin:0 0 0.5rem;font-family:var(--display);font-weight:500}
  .setup ul{margin:0;padding-left:1.125rem;display:grid;gap:6px;color:#554B55}
  .legal a{text-decoration:underline;text-underline-offset:3px}

  .toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:0.625rem 1.125rem;border-radius:999px;font-size:.92rem;opacity:0;transition:.3s var(--ease);z-index:80;pointer-events:none;max-width:calc(100% - 2rem);text-align:center}
  .toast.on{opacity:1;transform:translate(-50%,0)}
.note-rel{padding:0 0 3rem}
.note-rel-h{font-size:clamp(1.25rem,2.2vw,1.75rem);margin:0.5rem 0 0.875rem}
.note-chips{display:flex;flex-wrap:wrap;gap:0.625rem}
.note-chips .chip{text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem}
.note-chips .chip .num{opacity:.8;font-size:0.75rem}
.note-back{margin-top:1.375rem}
.note-back a{color:var(--accent);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.notemap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.875rem,1fr));gap:0.75rem;margin-bottom:2.125rem}
.notemap-tile{display:flex;flex-direction:column;gap:4px;padding:1rem 1.125rem;border:1px solid var(--line,#eadfe4);border-radius:0.875rem;background:#fff;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.notemap-tile:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(201,101,138,.10);border-color:var(--accent,#C9658A)}
.notemap-tile b{font-size:0.9375rem;font-weight:600}
.notemap-tile .num{font-size:0.75rem;opacity:.85}
@media (prefers-reduced-motion:reduce){.notemap-tile{transition:none}.notemap-tile:hover{transform:none}}
/* hero: Greek origin kicker, sized between the lede and the h1 */
.hero-kicker{font-size:clamp(.95rem,1.35vw,1.3rem);letter-spacing:.1em;line-height:1.25;display:block;margin-bottom:2px}
/* hero: active 2+1 lettering (replaces the old rotating seal) */
.hero-promo{display:inline-flex;align-items:center;gap:0.75rem;margin:0 0 1.25rem;text-decoration:none;color:inherit}
.hero-promo b{font-family:"Outfit",var(--body),system-ui,sans-serif;font-weight:400;font-size:clamp(2.4rem,3.2vw,3.1rem);letter-spacing:-.01em;line-height:1;color:var(--pink-600);position:relative;animation:promoPulse 2.6s var(--ease) infinite}
.hero-promo span{display:flex;flex-direction:column;font:700 .74rem/1.35 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}
.hero-promo span i{font-style:normal;font-weight:600;letter-spacing:.12em;color:var(--muted)}
.hero-promo:hover b{color:var(--gold-2)}
@keyframes promoPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.hero-promo b{animation:none}}
/* header right:language toggle pill */
.lang{display:inline-flex;align-items:center;gap:2px;padding:3px;margin-right:2px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.55);font:700 .68rem/1 var(--body);letter-spacing:.06em;cursor:pointer;transition:border-color .22s var(--ease)}
.lang:hover{border-color:var(--pink-200)}
.lang b,.lang span{padding:5px 0.5625rem;border-radius:999px;transition:background .22s var(--ease),color .22s var(--ease)}
.lang b{background:var(--sel-bg);color:var(--sel-ink);box-shadow:inset 0 0 0 1px var(--sel-bd)}
.lang span{color:var(--muted)}
.lang:hover span{color:var(--ink)}
@media (max-width:980px){.lang{display:none}}
.ship-note{margin:0.875rem 2px 0;font-size:.89rem;color:var(--muted)}
/* store address -> Google Maps */
.maplink{color:inherit;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s var(--ease),color .2s}
.maplink:hover,.maplink:focus-visible{color:var(--accent);background-size:100% 1px}
.maplink::after{content:"↗";font-size:.7em;margin-left:5px;opacity:.5;vertical-align:super}
@media (prefers-reduced-motion:reduce){.maplink{transition:none}}
/* Google rating badge inside each store card */
.gscore{margin:-2px 0 4px}
.gscore-in{display:inline-flex;align-items:center;gap:0.5625rem;padding:7px 0.75rem 7px 0.5rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.82);text-decoration:none;color:inherit;font-size:.93rem;transition:border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease)}
.gscore-in:hover{border-color:var(--pink-200);box-shadow:0 8px 18px -12px rgba(201,101,138,.6);transform:translateY(-1px)}
.gscore-in .logo-g{width:1.375rem;height:1.375rem}
.gscore-in .logo-g svg{width:0.8125rem;height:0.8125rem}
.gscore-n{font-size:1rem;font-weight:700;line-height:1}
.gscore-in .stars{font-size:.87rem;letter-spacing:.5px}
.gscore-c{color:var(--muted);white-space:nowrap}
@media (max-width:420px){.gscore-in{font-size:.87rem;gap:7px}.gscore-in .stars{display:none}}
@media (prefers-reduced-motion:reduce){.gscore-in{transition:none}.gscore-in:hover{transform:none}}
/* top bar: social icons on the left, offers centred */
.offer{position:relative}
.offer a{color:inherit;text-decoration:none}
.offer a:hover b{text-decoration:underline;text-underline-offset:3px}
.top-socials{position:absolute;left:clamp(0.875rem,2.4vw,2.75rem);top:50%;transform:translateY(-50%);display:flex;gap:6px;align-items:center}
.top-socials a{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;color:var(--sel-ink);transition:background .22s var(--ease),color .22s var(--ease),transform .22s var(--ease)}
.top-socials a:hover{background:#fff;color:var(--cta);transform:translateY(-1px)}
.top-socials a:focus-visible{outline:2px solid var(--pink-400);outline-offset:2px}
.top-socials svg{width:1.05rem;height:1.05rem}
@media (max-width:980px){.top-socials{display:none}}
/* trust strip items that jump to a section */
.strip a{color:inherit;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s var(--ease),color .2s}
.strip a:hover,.strip a:focus-visible{color:var(--cta);background-size:100% 1px}
@media (prefers-reduced-motion:reduce){.top-socials a,.strip a{transition:none}.top-socials a:hover{transform:none}}
/* Premium marker in the featured search result: inline beside the code, so it can never be clipped */
.rf-prem{display:inline-flex;align-items:center;gap:5px;margin-left:0.5rem;padding:2px 0.5rem 2px 7px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#7E5E2A,var(--gold) 40%,var(--gold-2) 72%,var(--gold));vertical-align:middle}
.rf-prem::before{content:"";width:5px;height:5px;background:#fff;transform:rotate(45deg);opacity:.9}
/* nav: plain lettering; on hover a soft glow rises from BEHIND the letters (pink, gold for Premium) */
.mi>a{transition:color .25s var(--ease),text-shadow .35s var(--ease),filter .35s var(--ease)}
.mi:hover>a,.mi:focus-within>a,.mi>a.on{color:var(--sel-ink);text-shadow:0 0 10px rgba(239,163,188,.95),0 0 22px rgba(239,163,188,.7),0 0 38px rgba(247,207,220,.6)}
/* Premium: a slow gold shimmer across the letters. One element, background-position only -> compositor-cheap */
.mi>a.prem{background:linear-gradient(90deg,var(--gold) 0%,var(--gold) 42%,#F1DDA6 50%,var(--gold) 58%,var(--gold) 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold);animation:premShimmer 4.5s ease-in-out infinite}
@keyframes premShimmer{0%,55%{background-position:100% 0}100%{background-position:0% 0}}   /* rests on gold at both ends */
/* text-shadow would show through the transparent fill, so Premium glows with drop-shadow instead */
.mi:hover>a.prem,.mi:focus-within>a.prem,.mi>a.prem.on{text-shadow:none;filter:drop-shadow(0 0 7px rgba(201,165,92,.9)) drop-shadow(0 0 16px rgba(201,165,92,.55))}
@media (prefers-reduced-motion:reduce){.mi>a{transition:none}.mi>a.prem{animation:none;background-position:50% 0}}
/* ===== quiz v2 ===== */
.quiz-top{display:flex;align-items:center;gap:1rem}
.quiz-top .quiz-progress{flex:1}
.quiz-progress i{height:5px;border-radius:3px;position:relative;overflow:hidden}
.quiz-progress i.on{background:var(--line)}
.quiz-progress i.on::after{content:"";position:absolute;inset:0;background:var(--pink-400);transform-origin:left;animation:qFill .6s var(--ease) both}
@keyframes qFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* live match counter */
.quiz-count{display:inline-flex;align-items:center;gap:7px;padding:6px 0.75rem 6px 0.5625rem;border-radius:999px;background:var(--sel-bg);color:var(--sel-ink);font-size:.85rem;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--sel-bd)}
.quiz-count svg{width:0.9375rem;height:0.9375rem;color:var(--cta)}
.quiz-count b{font-size:1.02rem;font-weight:700;min-width:2.1ch;text-align:right;font-variant-numeric:tabular-nums}
.quiz-count b.tick{animation:qTick .5s var(--ease)}
@keyframes qTick{0%{transform:scale(1)}35%{transform:scale(1.22);color:var(--cta)}100%{transform:scale(1)}}
/* step transitions - only play when the step actually changes */
.quiz-card.q-in,.quiz-results.q-in{animation:qIn .42s var(--ease) both}
.quiz-card.q-in-back{animation:qInBack .42s var(--ease) both}
.quiz-card:not(.q-in):not(.q-in-back){animation:none}
@keyframes qIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes qInBack{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
/* visual answer cards */
.quiz-opts.cards{grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr));gap:0.75rem}
.quiz-opts.cards .quiz-opt{padding:1.125rem 1rem 1rem;gap:4px;border-radius:1.25rem;background:#fff;box-shadow:0 1px 0 rgba(36,31,35,.02);transition:border-color .22s,transform .28s var(--ease),box-shadow .28s var(--ease),background .22s}
.q-in .quiz-opt,.q-in-back .quiz-opt{animation:qOpt .45s var(--ease) both;animation-delay:var(--d,0ms)}
@keyframes qOpt{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.qi-wrap{display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;background:var(--tint,var(--pink-50));color:var(--sel-ink);margin-bottom:0.5rem;transition:transform .3s var(--ease),background .22s}
.qi{width:1.5rem;height:1.5rem}
.quiz-opts.cards .quiz-opt:hover{transform:translateY(-4px);border-color:var(--sel-bd);box-shadow:0 18px 30px -20px rgba(201,101,138,.6)}
.quiz-opts.cards .quiz-opt:hover .qi-wrap{transform:scale(1.08) rotate(-4deg)}
.quiz-opt[aria-pressed="true"]{border-color:var(--cta);background:var(--sel-bg);box-shadow:inset 0 0 0 1px var(--cta),0 16px 28px -20px rgba(180,81,122,.7)}
.quiz-opt[aria-pressed="true"] .qi-wrap{background:#fff;color:var(--cta)}
.qcheck{position:absolute;top:0.75rem;right:0.75rem;width:1.45rem;height:1.45rem;border-radius:50%;display:grid;place-items:center;background:var(--cta);color:#fff;transform:scale(0);transition:transform .3s var(--ease)}
.qcheck svg{width:.8rem;height:.8rem}
.quiz-opt[aria-pressed="true"] .qcheck{transform:scale(1)}
.quiz-opt kbd{position:absolute;right:0.75rem;bottom:0.625rem;font:600 .68rem/1 var(--body);color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px 5px;background:var(--snow);opacity:.75}
.quiz-opt[aria-pressed="true"] kbd{opacity:0}
.quiz-opts.notes .quiz-opt[aria-pressed="true"]{color:var(--sel-ink);font-weight:600}
.quiz-hint{font-size:.78rem;color:var(--muted);text-align:center;flex:1}
@media (max-width:760px),(hover:none){.quiz-hint,.quiz-opt kbd{display:none}.quiz-top{flex-direction:column-reverse;align-items:stretch;gap:0.625rem}.quiz-count{align-self:flex-start}}
/* the "thinking" beat before the reveal */
.quiz-think{justify-items:center;text-align:center;padding-block:clamp(2.5rem,8vw,5.25rem)}
.think-orb{display:flex;gap:0.625rem;margin-bottom:6px}
.think-orb i{width:0.875rem;height:0.875rem;border-radius:50%;background:var(--pink-400);animation:qBob 1s var(--ease) infinite}
.think-orb i:nth-child(2){animation-delay:.15s;background:var(--cta)}
.think-orb i:nth-child(3){animation-delay:.3s;background:var(--gold-2)}
@keyframes qBob{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(-12px);opacity:1}}
/* result reveal: cards arrive one by one, the best match is crowned */
.quiz-results .qres{animation:qReveal .7s var(--ease) both;animation-delay:var(--d,0ms)}
@keyframes qReveal{from{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:none}}
.qres.top{border-color:var(--cta);box-shadow:0 0 0 3px var(--sel-bg),0 30px 50px -30px rgba(180,81,122,.75)}
.qres-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 0.75rem 5px 0.5625rem}
.qres-badge svg{width:.95rem;height:.95rem}
.why{align-items:center}
.why em{font-style:normal;font-size:.76rem;color:var(--muted);width:100%}
.why span{color:var(--sel-ink);font-weight:600}
@media (prefers-reduced-motion:reduce){.quiz-card,.quiz-results,.quiz-opt,.qres,.think-orb i,.quiz-progress i.on::after,.quiz-count b.tick{animation:none!important}.quiz-opts.cards .quiz-opt:hover,.quiz-opts.cards .quiz-opt:hover .qi-wrap{transform:none}}
/* motion switch: icon only, bottom-right of the hero */
.motion-toggle{position:absolute;right:clamp(0.875rem,2.2vw,2.5rem);bottom:clamp(0.875rem,2vw,2rem);z-index:3;width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.72);color:var(--sel-ink);box-shadow:0 8px 20px -10px rgba(36,31,35,.5);cursor:pointer;opacity:.78;transition:opacity .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}
.motion-toggle:hover,.motion-toggle:focus-visible{opacity:1;background:#fff;transform:translateY(-1px)}
.motion-toggle:focus-visible{outline:2px solid var(--pink-400);outline-offset:3px}
.motion-toggle svg{width:1.05rem;height:1.05rem}
.motion-toggle .mt-play{display:none}
.motion-toggle[aria-pressed="true"] .mt-pause{display:none}
.motion-toggle[aria-pressed="true"] .mt-play{display:block}
.motion-toggle[aria-pressed="true"]{opacity:1;background:var(--sel-bg);border-color:var(--sel-bd)}
@media (max-width:980px){.motion-toggle{top:0.75rem;right:0.75rem;bottom:auto}}
/* ===== 2+1 section, livelier ===== */
/* a soft stage light behind the bottles gives the flat pink some depth */
.bottles::before{content:"";position:absolute;inset:-14% -8% 6%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.85),rgba(255,255,255,.35) 55%,transparent 75%);pointer-events:none}
/* frames: white mat + shadow so they lift off the background; whole slot is a button into the set builder */
.bt{position:relative;cursor:pointer;gap:.8rem;font-size:.95rem;transition:transform .35s var(--ease)}
.bt:hover,.bt:focus-visible{transform:translateY(-6px)}
.bt:focus-visible{outline:none}
.bt:focus-visible .bt-frame{outline:2px solid var(--cta);outline-offset:4px}
.bt-frame{border:0;background:rgba(255,255,255,.55);box-shadow:0 0 0 5px rgba(255,255,255,.75),0 0 0 6.5px var(--pink-200),0 26px 40px -26px rgba(180,81,122,.55);transition:box-shadow .45s var(--ease),background .4s}
.bt:hover .bt-frame{box-shadow:0 0 0 5px #fff,0 0 0 6.5px var(--pink-400),0 34px 48px -26px rgba(180,81,122,.7)}
.bt.on .bt-frame{border:0;background:#fff;box-shadow:0 0 0 5px #fff,0 0 0 6.5px var(--cta),0 34px 50px -26px rgba(180,81,122,.75)}
.bt.gift .bt-frame{box-shadow:0 0 0 5px rgba(255,255,255,.75),0 0 0 6.5px var(--gold-2),0 26px 40px -26px rgba(146,111,52,.55)}
.bt.gift:hover .bt-frame,.bt.gift.on .bt-frame{box-shadow:0 0 0 5px #fff,0 0 0 6.5px var(--gold),0 0 0 12px rgba(201,165,92,.16),0 34px 50px -24px rgba(146,111,52,.7)}
.bt-frame .plus{width:2.6rem;height:2.6rem;font-size:1.5rem;color:var(--cta);background:#fff;box-shadow:0 0 0 1.5px var(--pink-200),0 10px 20px -8px rgba(180,81,122,.55);transition:opacity .3s,transform .4s var(--ease),background .25s,color .25s}
.bt:hover .plus{background:var(--cta);color:#fff;transform:translate(-50%,-50%) scale(1.12) rotate(90deg)}
.bt.gift:hover .plus{background:var(--gold);color:#fff}
/* the sum, spelled out between the bottles:  [ 1 ]  +  [ 2 ]  +  [ gift ] */
.bt + .bt::before{content:"+";position:absolute;top:40%;left:calc(-1 * clamp(1.6rem,3.2vw,3rem) / 2);transform:translate(-50%,-50%);font-family:"Outfit",var(--body),sans-serif;font-weight:300;font-size:clamp(1.6rem,2.4vw,2.4rem);line-height:1;color:var(--cta);opacity:.85;pointer-events:none}
.bt.gift::before{color:var(--gold)}
/* status line becomes a small glass pill */
.promo-state{justify-self:center;grid-column:1/-1;margin-top:.4rem;padding:.55rem 1.2rem;border-radius:999px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 10px 24px -16px rgba(180,81,122,.5);font-size:.95rem;color:var(--sel-ink);font-weight:600}
/* secondary button on the pink band: white fill, pink lettering */
.promo .btn.ghost{background:#fff;border-color:#fff;color:var(--cta);box-shadow:0 10px 22px -14px rgba(180,81,122,.6)}
.promo .btn.ghost:hover{background:#fff;border-color:var(--cta);color:var(--cta-hover);box-shadow:0 14px 26px -14px rgba(180,81,122,.75)}
@media (max-width:860px){.promo .wrap{grid-template-columns:1fr}.bottles{gap:1.4rem}.bt + .bt::before{left:-.7rem;font-size:1.4rem}}
@media (prefers-reduced-motion:reduce){.bt:hover,.bt:focus-visible{transform:none}.bt:hover .plus{transform:translate(-50%,-50%)}}
/* ===== gift = hot pink metal (gold is reserved for Premium) ===== */
:root{--gift:#E0457F;--gift-deep:#A92C5F;--gift-metal:linear-gradient(135deg,#8F2452 0%,#D63C78 20%,#FF9CC4 44%,#F0609A 58%,#B12E63 80%,#DD4E89 100%)}
.bt .ribbon,.set-slot .ribbon{background:var(--gift-metal);text-shadow:0 1px 1px rgba(110,20,60,.45)}
.bt.gift .lbl{color:var(--gift-deep)}
.bt.gift .bt-frame{border-color:transparent;box-shadow:0 0 0 5px rgba(255,255,255,.75),0 0 0 6.5px #F28DB3,0 26px 40px -26px rgba(190,50,105,.55)}
.bt.gift:hover .bt-frame,.bt.gift.on .bt-frame{background:#fff;box-shadow:0 0 0 5px #fff,0 0 0 6.5px var(--gift),0 0 0 12px rgba(224,69,127,.14),0 34px 50px -24px rgba(190,50,105,.7)}
.bt.gift:hover .plus{background:var(--gift);color:#fff}
.bt.gift::before{color:var(--gift)}
.set-slot.gift{border-color:rgba(224,69,127,.4)}
.set-slot.gift.on{border-color:var(--gift);box-shadow:0 0 0 5px rgba(224,69,127,.14)}
/* ===== the 2+1 lockup: solid round numerals in the same pink metal, with a handwritten-feel tag ===== */
.promo-big{position:relative;display:inline-flex;align-items:center;gap:.02em;font-family:"Outfit",var(--body),sans-serif;font-weight:600;font-size:clamp(5.5rem,11vw,9.5rem);line-height:.95;letter-spacing:0;color:var(--gift-deep);padding-right:.5em;margin-bottom:.16em;filter:drop-shadow(0 14px 22px rgba(190,50,105,.28))}
.promo-big .pb-n,.promo-big .pb-plus{background-image:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.0) 40%,rgba(255,240,247,.95) 50%,rgba(255,255,255,0) 60%,transparent 62%),var(--gift-metal);background-repeat:no-repeat,no-repeat;background-size:250% 100%,100% 100%;background-position:150% 0,0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pbShine 4.2s cubic-bezier(.45,0,.25,1) infinite}
.promo-big .pb-plus{font-weight:300;font-size:.62em;margin-inline:.04em;transform:translateY(-.04em)}
.promo-big .pb-tag{position:absolute;right:-.15em;bottom:.02em;font-family:var(--display);font-style:italic;font-weight:400;font-size:.27em;letter-spacing:0;color:var(--sel-ink);transform:rotate(-7deg);-webkit-text-fill-color:currentColor;background:none;white-space:nowrap}
.promo-big .pb-tag::before{content:"";position:absolute;left:-6%;right:-6%;bottom:-.08em;height:2px;border-radius:2px;background:var(--gift-metal);opacity:.85}
@keyframes pbShine{0%{background-position:150% 0,0 0}55%,100%{background-position:-50% 0,0 0}}   /* sweep, exit, rest off-glyph: the restart is invisible */
@media (prefers-reduced-motion:reduce){.promo-big .pb-n,.promo-big .pb-plus{animation:none}}
/* 2+1 numerals: give every glyph a paint box larger than itself (padding), then pull the boxes back together
   with equal negative margins - tight spacing without ever clipping the metal fill. */
.promo-big .pb-n,.promo-big .pb-plus{display:inline-block;padding:.06em .08em .1em;margin:-.06em -.105em -.1em}
.promo-big .pb-plus{margin-inline:-.04em}
/* "+" badges: drawn from two bars, so they are centred by geometry (a font "+" is not) and rotate cleanly */
.bt-frame .plus,.set-frame .plus{font-size:0;line-height:0;color:transparent;display:block;z-index:2}   /* above the photo, which comes later in the markup */
.bt-frame .plus,.set-frame .plus{top:82%}   /* sits on the plinth, clear of the bottle label */
.bt-frame .plus::before,.bt-frame .plus::after,.set-frame .plus::before,.set-frame .plus::after{content:"";position:absolute;left:50%;top:50%;width:40%;height:.14rem;border-radius:.14rem;background:var(--cta);transform:translate(-50%,-50%);transition:background .25s}
.bt-frame .plus::after,.set-frame .plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.bt.gift .plus::before,.bt.gift .plus::after,.set-slot.gift .plus::before,.set-slot.gift .plus::after{background:var(--gift)}
.bt:hover .plus::before,.bt:hover .plus::after{background:#fff}
  /* About (home) v2: same hierarchy, outlined like the product cards */
  .about-hero{position:relative;overflow:hidden;padding:.55rem;background:#fff;border-radius:2rem;box-shadow:0 0 0 3px var(--pink-200),0 30px 60px -38px rgba(201,101,138,.65);transition:box-shadow .35s}
  .about-hero:hover{box-shadow:0 0 0 3px var(--pink-400),0 34px 64px -36px rgba(201,101,138,.75)}
  .about-hero img{display:block;border-radius:1.5rem;box-shadow:none}
  .about-hero:hover img{transform:none;box-shadow:none}
  .about-hero figcaption{position:absolute;left:1.3rem;bottom:1.3rem;padding:.4rem .9rem;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 0 0 1.5px var(--pink-200);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sel-ink)}
  .about-cta{display:flex;justify-content:center;margin:.5rem 0 .6rem}
  .about-cta .btn{min-width:min(100%,19rem);justify-content:center;background:var(--cta);border-color:var(--cta);color:#fff;transition:box-shadow .3s,transform .3s var(--ease)}
  .about-cta .btn:hover{background:var(--cta);color:#fff;transform:translateY(-2px);box-shadow:0 0 0 5px rgba(201,101,138,.18),0 16px 34px -10px rgba(201,101,138,.85)}
  #newsletter{padding-top:clamp(2.75rem,5vw,4.5rem)}
  .about-copy{gap:1.15rem}
  .about-copy .kicker{display:inline-flex;align-items:center;gap:.7rem}
  .about-copy .kicker::after{content:"";width:2.6rem;height:1.5px;background:var(--pink-200)}
  .about-points{gap:1rem;margin-top:.4rem}
  .about-points div{position:relative;background:#fff;border:0;border-radius:1.1rem;padding:1rem 1rem 1rem 3.6rem;box-shadow:0 0 0 2px var(--pink-200);transition:box-shadow .3s}
  .about-points div:hover{box-shadow:0 0 0 2px var(--pink-400)}
  .about-points svg{position:absolute;left:.9rem;top:1rem;width:2.1rem;height:2.1rem;padding:.45rem;border-radius:50%;background:var(--sel-bg);color:var(--sel-ink);box-sizing:border-box}
  .about-points b{font-size:1rem}
  .about .collage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:.6rem;padding:3px}
  .about .collage img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:1.1rem;box-shadow:0 0 0 2px var(--pink-200);transition:box-shadow .3s,transform .5s var(--ease)}
  .about .collage img:hover{box-shadow:0 0 0 2px var(--pink-400);transform:translateY(-3px)}
  /* Newsletter v2: light, outlined panel (the dark block was the only heavy element left on the page) */
  .news{position:relative;border-radius:1.75rem;padding:clamp(1.5rem,3.4vw,2.6rem);background:linear-gradient(150deg,#fff 0%,var(--sel-bg) 100%);color:var(--ink);box-shadow:0 0 0 3px var(--pink-200),0 26px 50px -36px rgba(201,101,138,.6);gap:.8rem;align-content:center;justify-items:start}
  .news-ico{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:var(--cta);color:#fff;box-shadow:0 10px 20px -10px rgba(180,81,122,.9)}
  .news h2{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.08}
  .news h2 em{color:var(--cta)}
  .news p{color:var(--muted);font-size:1.02rem}
  .news form{width:100%;background:#fff;border:0;box-shadow:0 0 0 2px var(--pink-200);padding:.35rem;transition:box-shadow .25s}
  .news form:focus-within{box-shadow:0 0 0 2px var(--pink-400),0 12px 24px -16px rgba(201,101,138,.7)}
  .news input{color:var(--ink);padding-inline:1rem}
  .news input::placeholder{color:#9A8D97}
  .news .btn{height:2.75rem;background:var(--cta);border-color:var(--cta);color:#fff}
  .news-perks{list-style:none;margin:.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem .5rem}
  .news-perks li{font-size:.84rem;padding:.3rem .7rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--pink-200);color:var(--sel-ink)}
  .news-perks li::before{content:"✓";margin-right:.35rem;color:var(--cta);font-weight:700}
  .news small{color:var(--muted);font-size:.8rem;line-height:1.45}
  .ig{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:3px}
  .ig a{border-radius:1.1rem;box-shadow:0 0 0 2px var(--pink-200);transition:box-shadow .3s}
  .ig a:hover{box-shadow:0 0 0 2px var(--pink-400)}
  .ig a{aspect-ratio:4/3}
  .ig img{position:absolute;inset:0}
  .social{align-items:center}
  /* Premium banner facts: one quiet line with gold hairlines instead of four boxes */
  .lux-line{display:flex;flex-wrap:nowrap;width:max-content;max-width:100%;gap:0;margin:.9rem 0 0;padding:1rem 0 0;border-top:1px solid rgba(201,165,92,.35)}
  .lux-line div{display:grid;gap:.25rem;padding:0 clamp(.7rem,1.1vw,1.05rem);border-left:1px solid rgba(201,165,92,.35)}
  .lux-line div:first-child{padding-left:0;border-left:0}
  .lux-line dt{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:#BBA77E}
  .lux-line dd{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(1.15rem,1.25vw,1.4rem);line-height:1.1;background:linear-gradient(100deg,#C9A55C,#FFF0C8 50%,#C9A55C);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
  .lux-line small{margin-left:.35rem;font-family:var(--body);font-size:.5em;letter-spacing:.12em;text-transform:uppercase;-webkit-text-fill-color:#BBA77E;color:#BBA77E}
  @media (max-width:560px){.lux-line{display:grid;grid-template-columns:1fr 1fr;gap:1rem 0}.lux-line div:nth-child(odd){padding-left:0;border-left:0}}
  /* ---- v8.53: blog cards + articles, brand social icons, store-card shine, footer ---- */
  .sec-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
  .sec-row .sec-title{margin-bottom:0}
  .sec-row+.blog2{margin-top:clamp(1.25rem,2.4vw,2rem)}
  .blog2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);padding:3px}
  .post2{display:flex;flex-direction:column;background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 0 0 2px var(--pink-200);transition:box-shadow .3s,transform .4s var(--ease)}
  .post2:hover{box-shadow:0 0 0 2px var(--pink-400),0 26px 44px -30px rgba(201,101,138,.75);transform:translateY(-4px)}
  .post2 .pi{position:relative;aspect-ratio:16/10;overflow:hidden}
  .post2 .pi img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
  .post2:hover .pi img{transform:scale(1.05)}
  .post2 .pi span{position:absolute;left:.9rem;top:.9rem;padding:.3rem .75rem;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 0 0 1.5px var(--pink-200);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sel-ink)}
  .post2 .pb{display:flex;flex-direction:column;gap:.6rem;padding:1.2rem 1.3rem 1.25rem;flex:1}
  .post2 h3{margin:0;font-family:var(--display);font-weight:500;font-size:1.4rem;line-height:1.15}
  .post2 p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.55}
  .post2 .pm{margin-top:auto;padding-top:.8rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:.84rem}
  .post2 .pm small{color:var(--muted);font-size:inherit}
  .post2 .pm b{font-weight:600;color:var(--cta)}
  .post2 .pm b::after{content:"→";display:inline-block;margin-left:.4rem;transition:transform .3s var(--ease)}
  .post2:hover .pm b::after{transform:translateX(4px)}
  @media (max-width:900px){.blog2{grid-template-columns:1fr}.post2{flex-direction:row}.post2 .pi{flex:0 0 38%;aspect-ratio:auto;min-height:9.5rem}.post2 .pi span{display:none}.post2 .pb{padding:1rem}.post2 h3{font-size:1.15rem}.post2 p{font-size:.86rem}}
  /* article page */
  .art,.art-index{padding-block:clamp(1.25rem,3vw,2.5rem) clamp(3rem,6vw,5rem)}
  .art-head{max-width:46rem;margin:1.2rem auto 0;text-align:center;display:grid;gap:.9rem;justify-items:center}
  .art-head h1,.art-index h1{font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.06;margin:0}
  .art-index h1{margin-top:1.2rem}
  .art-lead{margin:0;color:var(--muted);font-size:1.1rem;line-height:1.6;max-width:44rem}
  .art-index .art-lead{margin:.9rem 0 2rem}
  .art-img{margin:clamp(1.5rem,3vw,2.4rem) auto;max-width:58rem;padding:.5rem;background:#fff;border-radius:1.9rem;box-shadow:0 0 0 3px var(--pink-200),0 30px 60px -40px rgba(201,101,138,.6)}
  .art-img img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:1.45rem}
  .art-body{max-width:44rem;margin:0 auto;font-size:1.05rem;line-height:1.75}
  .art-body h2{font-family:var(--display);font-weight:500;font-size:clamp(1.6rem,2.6vw,2.05rem);line-height:1.15;margin:2.4rem 0 .9rem}
  .art-body h3{font-size:1.12rem;font-weight:600;margin:1.5rem 0 .3rem;color:var(--sel-ink)}
  .art-body p{margin:0 0 1rem}
  .art-body a:not(.btn){color:var(--cta);text-decoration:underline;text-underline-offset:3px}
  .art-body ol,.art-body ul{margin:0 0 1rem;padding-left:1.4rem;display:grid;gap:.75rem}
  .art-body li::marker{color:var(--cta);font-weight:700}
  .art-tip{margin:1.6rem 0;padding:1.1rem 1.3rem;border-radius:1.2rem;background:var(--sel-bg);box-shadow:0 0 0 2px var(--pink-200);font-size:1rem}
  .art-faq{display:grid;gap:.7rem}
  .art-faq details{background:#fff;border-radius:1.1rem;box-shadow:0 0 0 2px var(--pink-200);padding:.95rem 1.2rem}
  .art-faq details[open]{box-shadow:0 0 0 2px var(--pink-400)}
  .art-faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1rem}
  .art-faq summary::-webkit-details-marker{display:none}
  .art-faq summary::after{content:"+";color:var(--cta);font-size:1.3rem;line-height:1}
  .art-faq details[open] summary::after{content:"–"}
  .art-faq p{margin:.7rem 0 0;color:var(--muted);font-size:.98rem}
  .art-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.2rem;padding-top:1.8rem;border-top:1px solid var(--line)}
  .art-more{margin-top:clamp(3rem,6vw,4.5rem)}
  .art-more h2{font-size:clamp(1.7rem,3vw,2.3rem);margin:0 0 1.4rem}
  .art-more .blog2{grid-template-columns:repeat(2,minmax(0,1fr))}
  @media (max-width:900px){.art-more .blog2{grid-template-columns:1fr}.art-img img{aspect-ratio:16/10}}
  .ig-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem}
  .ig-head h2{font-size:clamp(1.4rem,1.85vw,2.2rem);margin:0;min-width:0}
  @media (min-width:1100px){.ig-head h2{white-space:nowrap}}
  .ig-head .soc{flex:none;flex-wrap:nowrap}
  @media (max-width:520px){.ig-head{flex-wrap:wrap}}
  /* brand social icons */
  .soc{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}
  .soc a{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;color:#fff;transition:transform .3s var(--ease),box-shadow .3s}
  .soc svg{width:1.2rem;height:1.2rem;fill:currentColor}
  .soc a:hover{transform:translateY(-3px)}
  .soc .s-ig{background:linear-gradient(45deg,#FEDA75,#FA7E1E 30%,#D62976 55%,#962FBF 80%,#4F5BD5)}
  .soc .s-ig:hover{box-shadow:0 12px 22px -10px #D62976}
  .soc .s-fb{background:#1877F2}.soc .s-fb:hover{box-shadow:0 12px 22px -10px #1877F2}
  .soc .s-tt{background:#000}.soc .s-tt svg{filter:drop-shadow(1.2px 1.2px 0 #FE2C55) drop-shadow(-1.2px -1.2px 0 #25F4EE)}.soc .s-tt:hover{box-shadow:0 12px 22px -10px #000}
  .soc .s-ta{background:#34E0A1;color:#000}.soc .s-ta:hover{box-shadow:0 12px 22px -10px #34E0A1}
  .soc .s-yt{background:#FF0000}.soc .s-yt:hover{box-shadow:0 12px 22px -10px #FF0000}
  .soc.sm a{width:2.3rem;height:2.3rem}.soc.sm svg{width:1.05rem;height:1.05rem}
  /* copy-email button + bubble */
  .copy-mail{position:relative;appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:var(--pink-200);text-underline-offset:3px;text-align:left}
  .copy-mail:hover{color:var(--cta);text-decoration-color:var(--cta)}
  .copy-mail .copied{position:absolute;left:50%;bottom:calc(100% + .5rem);transform:translate(-50%,6px);padding:.3rem .7rem;border-radius:.6rem;background:var(--cta);color:#fff;font-style:normal;font-size:.78rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .25s var(--ease);box-shadow:0 10px 20px -10px rgba(180,81,122,.9);z-index:5}
  .copy-mail .copied::after{content:"";position:absolute;left:50%;top:100%;margin-left:-5px;border:5px solid transparent;border-top-color:var(--cta)}
  .copy-mail.done .copied{opacity:1;transform:translate(-50%,0)}
  /* store cards: pink outline with a slow travelling shine */
  @property --shine{syntax:'<angle>';inherits:false;initial-value:0deg}
  @keyframes storeShine{to{--shine:360deg}}
  .store.has-shot{border:3px solid transparent;background:linear-gradient(var(--paper),var(--paper)) padding-box,conic-gradient(from var(--shine),var(--pink-200) 0deg,var(--pink-200) 250deg,#fff 285deg,var(--pink-400) 315deg,var(--pink-200) 360deg) border-box;animation:storeShine 7s linear infinite;box-shadow:0 26px 50px -38px rgba(201,101,138,.7);overflow:visible}
  .store.has-shot::before,.store.has-shot::after{border-radius:calc(1.375rem - 3px)}
  .store.has-shot::before{transform:none;transition:filter .6s}
  .store.has-shot:hover::before{transform:none;filter:saturate(1.15)}
  .store.has-shot:hover{animation-duration:3s}
  .stores .store:nth-child(2){animation-delay:-3.5s}
  @media (prefers-reduced-motion:reduce){.store.has-shot{animation:none}}
  /* footer v2 */
  footer{padding-block:clamp(3rem,5vw,4.25rem) 1.75rem}
  .ft2{display:grid;grid-template-columns:minmax(17rem,1.25fr) minmax(0,3fr);gap:clamp(2rem,5vw,5rem);align-items:start}
  .ft-logo{height:clamp(6.5rem,8vw,8.5rem);width:auto;display:block;margin:-.4rem 0 1.2rem}
  .ft-contact{list-style:none;margin:0 0 1.3rem;padding:0;display:grid;gap:.9rem}
  .ft-contact li{display:grid;grid-template-columns:1.5rem 1fr;gap:.7rem;align-items:start}
  .ft-contact li>svg{width:1.3rem;height:1.3rem;color:var(--cta);margin-top:.15rem}
  .ft-contact span{display:grid;gap:.1rem;justify-items:start}
  .ft-contact a{transition:color .2s}
  .ft-contact a:hover{color:var(--cta)}
  .ft-contact a[href^="tel"]{color:var(--muted);font-size:.9rem}
  .ft-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2.5rem);padding-top:.6rem}
  .ft-cols h4{margin:0 0 1.1rem;padding-bottom:.7rem;border-bottom:1px solid var(--line);font-weight:600;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
  .ft-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
  .ft-cols li{color:var(--muted)}
  .ft-cols a{color:var(--muted);transition:color .2s}
  .ft-cols a:hover{color:var(--cta)}
  .ft-pay{display:flex;justify-content:space-between;align-items:center;gap:1rem 2rem;flex-wrap:wrap;margin-top:clamp(2.25rem,4vw,3.25rem);padding-top:1.5rem;border-top:1px solid var(--line)}
  .ft-pay-h{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
  .paylogos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
  .paylogos li{height:2.3rem;min-width:3.6rem;padding:0 .6rem;border-radius:.55rem;background:#fff;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:.35rem;color:var(--ink)}
  .paylogos svg{height:1.25rem;width:2.5rem;fill:currentColor}
  .paylogos svg.sq{width:1.15rem;height:1.15rem}
  .paylogos .txt b{font-size:.8rem;font-weight:700;letter-spacing:.04em}
  .paylogos .txt svg{fill:none}
  footer .legal{margin-top:1.5rem}
  @media (max-width:1000px){.ft2{grid-template-columns:1fr}.ft-cols{padding-top:0}}
  @media (max-width:640px){.ft-cols{grid-template-columns:1fr 1fr;gap:2rem 1.25rem}.ft-pay{justify-content:flex-start}.ft-brand{display:grid;justify-items:center;text-align:left}.ft-logo{margin-inline:auto}}
  .mini-ico.photo{width:3.2rem;height:5rem;border-radius:.9rem;overflow:hidden;background:#fff;box-shadow:0 0 0 2px var(--pink-200)}
  .mini-ico.photo img{width:100%;height:100%;object-fit:cover;object-position:center 48%;transform:scale(1.15)}
  /* info & legal pages */
  .info-grid{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start;margin-top:1.6rem}
  .info-nav{position:sticky;top:6.5rem;display:grid;gap:.25rem;padding:.8rem;background:#fff;border-radius:1.3rem;box-shadow:0 0 0 2px var(--pink-200)}
  .info-nav a{padding:.6rem .85rem;border-radius:.8rem;font-size:.95rem;color:var(--muted);transition:background .2s,color .2s}
  .info-nav a:hover{background:var(--pink-50);color:var(--ink)}
  .info-nav a[aria-current]{background:var(--sel-bg);color:var(--sel-ink);font-weight:600}
  .info-nav hr{border:0;border-top:1px solid var(--line);margin:.4rem .4rem}
  .art-head.left{margin:0;text-align:left;justify-items:start;max-width:46rem}
  .art-body.left{margin:1.6rem 0 0}
  .info-table{display:grid;gap:.6rem;margin:0 0 1.2rem}
  .info-table div{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr auto;gap:.4rem 1.2rem;align-items:center;padding:.9rem 1.2rem;background:#fff;border-radius:1.1rem;box-shadow:0 0 0 2px var(--pink-200)}
  .info-table span{color:var(--muted);font-size:.95rem}
  .info-table i{font-style:normal;font-weight:600;color:var(--cta);white-space:nowrap}
  .info-form{padding:1.4rem 1.5rem;background:#fff;border-radius:1.3rem;box-shadow:0 0 0 2px var(--pink-200)}
  .info-form ul{list-style:none;padding:0}
  .info-draft{margin:1.2rem 0 0;padding:.6rem 1rem;border-radius:.8rem;background:#FFF6E0;color:#6B5518;font-size:.88rem;max-width:44rem}
  .info-co{margin-top:2.4rem!important;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}
  footer .legal a{color:var(--muted);transition:color .2s}
  footer .legal a:hover{color:var(--cta)}
  @media (max-width:900px){.info-grid{grid-template-columns:1fr;gap:1.2rem}.info-nav{position:static;display:flex;overflow-x:auto;gap:.3rem;padding:.4rem;scrollbar-width:none}.info-nav a{white-space:nowrap;padding:.5rem .8rem;font-size:.88rem}.info-nav hr{display:none}.info-table div{grid-template-columns:1fr auto}.info-table span{grid-column:1/-1;order:3}}
  .field select{height:3.125rem;border:1px solid var(--line);border-radius:0.75rem;padding:0 0.875rem;background:var(--snow);font:inherit;color:inherit}
  /* care section v3: Holo product renders as rounded tiles, clearer intro text */
  .care2-lead{max-width:36rem;font-size:1.08rem;line-height:1.65;color:#5A4F57}
  .care2-lead b{display:block;text-wrap:balance;margin-bottom:.35rem;font-family:var(--display);font-weight:500;font-size:1.45rem;line-height:1.25;color:var(--ink)}
  .care2-steps small{color:#6B5F68;font-size:.92rem}
  .care2-shelf{gap:1.3rem 1rem;margin-top:.6rem}
  .care2-item .ci{width:100%;border-radius:1.1rem;background:#F3E6DD}
  .care2-item .ci img{transform:none;mix-blend-mode:normal;transition:transform .7s var(--ease)}
  .care2-item:hover .ci img{transform:scale(1.06)}
  .care2-item b{margin-top:.25rem;font-size:.95rem}
  .care2-item small{color:#6B5F68;font-size:.88rem}
  @media (prefers-reduced-motion:reduce){.care2-item .ci img,.care2-item:hover .ci img{transition:none;transform:none}}
  /* Discovery band under the hero: the same air above it (to the trust strip) and below it (to the weekly favourites) */
  .disc-band-wrap{padding-block:clamp(2rem,3.4vw,3.75rem) 0}
  .disc-band-wrap + #shop{padding-top:clamp(2rem,3.4vw,3.75rem)}
  /* Premium banner facts v2 (owner 2026-09-21): no perfume count; the three facts are centred in equal columns */
  .lux-line{width:100%;max-width:34rem;justify-content:center}
  .lux-line div{flex:1 1 0;justify-items:center;text-align:center;padding:0 clamp(.5rem,1vw,1rem)}
  .lux-line div:first-child{padding-left:clamp(.5rem,1vw,1rem)}
  @media (max-width:560px){.lux-line{display:flex;gap:0}.lux-line div:nth-child(odd){padding-left:clamp(.4rem,1vw,1rem);border-left:1px solid rgba(201,165,92,.35)}.lux-line div:first-child{border-left:0}.lux-line dd{font-size:1rem}}
  /* 2+1 banner: hot pink outline, same pink as the 2+1 logo (owner 2026-09-21) */
  .promo::before{content:"";position:absolute;inset:0;border:3px solid var(--gift);pointer-events:none;z-index:4}
  .promo>.wrap{position:relative}
  .disc-row{display:flex;align-items:flex-start;gap:.45rem;flex-wrap:nowrap}
  .disc-row .mini-link{min-width:0}
  .disc-row .q-dot{margin-top:.05rem}
  .disc-row .mini-link{cursor:pointer}
  .disc-row .mini-link b.in{color:var(--sel-ink);text-decoration:none}
  .q-dot{flex:none;width:1.15rem;height:1.15rem;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:700;line-height:1;color:var(--sel-ink);background:var(--sel-bg);box-shadow:inset 0 0 0 1.5px var(--sel-bd);transition:background .2s,color .2s}
  .q-dot:hover{background:var(--cta);color:#fff;box-shadow:none}
  /* categories v2: framed tiles (white mat + pink outline), label bar instead of text on the photo, live product counts */
  .cats2-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1rem 3rem;align-items:end;margin-bottom:clamp(1.25rem,2.4vw,2rem)}
  .cats2-head .sec-title{margin:.5rem 0 0}
  .cats2-head p{margin:0 0 .35rem;color:#5A4F57;font-size:1.02rem;line-height:1.6;max-width:30rem;justify-self:end}
  .cats2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:clamp(.9rem,1.6vw,1.4rem);padding:3px}
  .cat2{display:flex;flex-direction:column;gap:.35rem;padding:.5rem;background:#fff;border-radius:1.75rem;color:var(--ink);box-shadow:0 0 0 3px var(--pink-200),0 26px 48px -36px rgba(201,101,138,.65);transition:box-shadow .35s,transform .45s var(--ease)}
  .cat2:hover{transform:translateY(-5px);box-shadow:0 0 0 3px var(--pink-400),0 34px 56px -32px rgba(201,101,138,.8)}
  .cat2.big{grid-row:1 / span 2}
  .cat2 .ph{position:relative;display:block;flex:1;min-height:11rem;border-radius:1.3rem;overflow:hidden}
  .cat2.big .ph{min-height:22rem}
  .cat2 .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
  .cat2:hover .ph img{transform:scale(1.06)}
  .cat2 .cnt{position:absolute;left:.75rem;top:.75rem;padding:.3rem .75rem;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 0 0 1.5px var(--pink-200);font-style:normal;font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sel-ink)}
  .cat2 .cnt:empty{display:none}
  .cat2 .lb{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem .7rem .55rem .8rem}
  .cat2 .lb b{display:block;font-family:var(--display);font-weight:500;font-size:1.5rem;line-height:1.1}
  .cat2.big .lb b{font-size:clamp(1.8rem,2.4vw,2.4rem)}
  .cat2 .lb small{display:block;margin-top:.25rem;color:#6B5F68;font-size:.9rem;line-height:1.35}
  .cat2 .arrow{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;color:var(--cta);box-shadow:inset 0 0 0 2px var(--pink-200);transform:rotate(-45deg);transition:transform .4s var(--ease),background .3s,color .3s,box-shadow .3s}
  .cat2:hover .arrow{transform:none;background:var(--cta);color:#fff;box-shadow:0 10px 20px -10px rgba(180,81,122,.9)}
  @media (max-width:900px){.cats2-head{grid-template-columns:1fr}.cats2-head p{justify-self:start}.cats2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none}.cat2{min-width:0}.cat2 .lb>span:first-child{min-width:0}.cat2.big{grid-row:auto;grid-column:1 / -1}.cat2.big .ph{min-height:13rem}.cat2 .ph{min-height:8.5rem}.cat2 .lb b{font-size:1.2rem}.cat2 .lb small{font-size:.8rem}.cat2 .arrow{width:2.1rem;height:2.1rem}.cat2 .lb{padding:.55rem .4rem .4rem .5rem}}
  @media (prefers-reduced-motion:reduce){.cat2,.cat2 .ph img,.cat2 .arrow{transition:none}.cat2:hover{transform:none}.cat2:hover .ph img{transform:none}}
  /* category pages v2: framed header with facts, centred smart search band, tidy toolbar */
  .plp-head.v2{background:linear-gradient(170deg,#fff 0%,var(--pink-50) 100%);border-bottom:0}
  .plp-head.v2 .plp-head-in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.5rem,5vw,4.5rem);padding-block:clamp(2rem,4vw,3.5rem)}
  .plp-copy{display:grid;gap:.9rem;justify-items:start}
  .plp-copy .kicker{display:inline-flex;align-items:center;gap:.7rem}
  .plp-copy .kicker::after{content:"";width:2.6rem;height:1.5px;background:var(--pink-200)}
  .plp-head.v2 h1{margin:0;font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.04}
  .plp-head.v2 h1 em{color:var(--cta)}
  .plp-head.v2 p{margin:0;max-width:34rem;color:#5A4F57;font-size:1.06rem;line-height:1.6}
  .plp-facts{display:flex;flex-wrap:wrap;gap:.9rem 0;margin:.6rem 0 0;padding:1rem 0 0;border-top:1.5px solid var(--pink-200)}
  .plp-facts div{display:grid;gap:.2rem;padding:0 clamp(.9rem,1.6vw,1.6rem);border-left:1.5px solid var(--pink-200)}
  .plp-facts div:first-child{padding-left:0;border-left:0}
  .plp-facts dt{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sel-ink)}
  .plp-facts dd{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(1.2rem,1.5vw,1.55rem);line-height:1.1;color:var(--ink);white-space:nowrap}
  .plp-facts small{margin-left:.35rem;font-family:var(--body);font-size:.5em;letter-spacing:.12em;text-transform:uppercase;color:#6B5F68}
  .plp-shot{justify-self:end;width:min(100%,27rem);margin:0;padding:.5rem;background:#fff;border-radius:2rem;box-shadow:0 0 0 3px var(--pink-200),0 30px 60px -38px rgba(201,101,138,.65)}
  .plp-shot img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:1.5rem}
  .plp-find{background:linear-gradient(180deg,var(--pink-50),#fff);border-block:1px solid var(--line);padding-block:clamp(1.4rem,2.4vw,2rem)}
  .plp-find .wrap{display:grid;justify-items:center;gap:.75rem}
  .plp-find .plp-search{flex:none;width:min(100%,40rem);max-width:none;height:3.4rem;padding:0 .4rem 0 1.2rem;box-shadow:0 0 0 2px var(--pink-200),0 18px 34px -26px rgba(201,101,138,.7)}
  .plp-find .plp-search:focus-within{box-shadow:0 0 0 2px var(--pink-400),0 20px 38px -22px rgba(201,101,138,.8)}
  .plp-find .plp-search input{font-size:1.02rem}
  .plp-find .plp-search .btn{height:2.6rem;background:var(--cta);border-color:var(--cta);color:#fff;flex:none}
  .plp-hints{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .45rem;font-size:.88rem;color:#6B5F68}
  .plp-hints .hint{appearance:none;border:0;cursor:pointer;font:inherit;padding:.25rem .75rem;border-radius:999px;background:#fff;color:var(--sel-ink);box-shadow:inset 0 0 0 1.5px var(--pink-200);transition:background .2s,box-shadow .2s}
  .plp-hints .hint:hover{background:var(--sel-bg);box-shadow:inset 0 0 0 1.5px var(--pink-400)}
  .plp-hints b{margin-left:.5rem;padding:.25rem .75rem;border-radius:999px;background:var(--sel-bg);color:var(--sel-ink);font-weight:600}
  .plp-find.gold{background:#1d1711;border-color:rgba(201,165,92,.35)}
  .plp-find.gold .plp-hints{color:#CBB895}
  .plp-bar-in{padding-block:.85rem;gap:.75rem 1.5rem}
  .plp-tools{gap:.75rem 1.5rem;margin-left:auto}
  .plp-tools .tool{display:flex;align-items:center;gap:.6rem}
  .plp-tools .seg-label,.plp-tools .sort span{margin:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#6B5F68}
  .sort select{box-shadow:0 0 0 1.5px var(--pink-200);border:0;background:#fff;padding:.55rem 1rem;cursor:pointer}
  .sort select:hover{box-shadow:0 0 0 1.5px var(--pink-400)}
  @media (max-width:860px){.plp-head.v2 .plp-head-in{grid-template-columns:1fr}.plp-shot{justify-self:stretch;width:100%;order:-1}.plp-shot img{aspect-ratio:16/9}.plp-facts div{padding:0 .8rem}.plp-facts dd{font-size:1.1rem}.plp-find .plp-search{height:3.1rem}.plp-find .plp-search .btn{padding-inline:1rem}.plp-bar-in{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem}.plp-bar .filters{min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:3px 1px}.plp-bar .filters .chip{flex:none}.plp-tools{min-width:0;margin-left:0;justify-content:space-between;flex-wrap:wrap}}
  @media (max-width:560px){.plp-facts{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 0}.plp-facts div:nth-child(odd){padding-left:0;border-left:0}}
  .mini-side{display:grid;gap:.4rem;justify-items:end}
  .mini-alone{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;height:1.9rem;padding:0 .7rem;border:0;border-radius:999px;background:#fff;color:var(--cta);font:inherit;font-size:.8rem;font-weight:600;white-space:nowrap;box-shadow:inset 0 0 0 1.5px var(--pink-200);transition:background .2s,color .2s,box-shadow .2s}
  .mini-alone:hover{background:var(--cta);color:#fff;box-shadow:none}
  /* Discovery page v2 (owner 2026-09-22): big shining kicker + animated title, standout metal-pink search, scrollable picks with outlines, rebuilt summary */
  .disc-head{margin:.6rem 0 clamp(1.4rem,2.6vw,2.2rem);max-width:60rem}
  .disc-kicker{display:inline-flex;align-items:center;gap:.8rem;font-size:clamp(.95rem,1.4vw,1.2rem);font-weight:700;letter-spacing:.24em;text-transform:uppercase;background:var(--gift-metal);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:discShine 4s linear infinite}
  .disc-kicker::after{content:"";width:3rem;height:2px;background:var(--gift)}
  @keyframes discShine{to{background-position:-200% 0}}
  .disc-title{margin:.35rem 0 .8rem;font-size:clamp(3rem,6.5vw,5.4rem);line-height:1;animation:discRise .9s var(--ease) both}
  .disc-title em{position:relative;display:inline-block;color:transparent;background:var(--gift-metal);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;animation:discShine 5s linear infinite}
  .disc-title em::after{content:"";position:absolute;left:0;right:0;bottom:.05em;height:.08em;border-radius:1em;background:var(--gift-metal);background-size:200% 100%;animation:discShine 5s linear infinite,discGrow .9s .5s var(--ease) both;transform-origin:left}
  @keyframes discRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  @keyframes discGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  .disc-lead{margin:0;font-size:1.06rem;line-height:1.7;color:#5A4F57;max-width:52rem}
  .gold-txt{color:var(--gold);font-weight:600;font-style:normal}
  .disc-page.v2 .set-picker{padding:1.2rem;border:0;box-shadow:0 0 0 2px var(--pink-200);border-radius:1.5rem}
  .disc-search{position:relative;display:flex;align-items:center;gap:.65rem;height:3.5rem;padding:0 1.25rem;border-radius:999px;background:#fff;color:var(--gift);isolation:isolate;box-shadow:0 14px 30px -20px rgba(224,69,127,.6)}
  .disc-search::before{content:"";position:absolute;inset:-2.5px;border-radius:999px;background:var(--gift-metal);background-size:200% 100%;animation:discShine 4s linear infinite;z-index:-2}
  .disc-search::after{content:"";position:absolute;inset:0;border-radius:999px;background:#fff;z-index:-1}
  .disc-search:focus-within{box-shadow:0 18px 36px -18px rgba(224,69,127,.75)}
  .disc-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:1.02rem;color:var(--ink)}
  .disc-search input::-webkit-search-cancel-button{display:none}
  .disc-hints{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .45rem;margin:.7rem 0 .2rem;font-size:.85rem;color:#6B5F68}
  .disc-hints .hint{appearance:none;border:0;cursor:pointer;font:inherit;padding:.22rem .7rem;border-radius:999px;background:#fff;color:var(--sel-ink);box-shadow:inset 0 0 0 1.5px var(--pink-200);transition:background .2s,box-shadow .2s}
  .disc-hints .hint:hover{background:var(--sel-bg);box-shadow:inset 0 0 0 1.5px var(--pink-400)}
  .disc-quick{display:flex;gap:.7rem;overflow-x:auto;padding:4px 4px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--pink-200) transparent}
  .disc-quick .scent-opt{flex:0 0 13.5rem;scroll-snap-align:start}
  .scent-opt.d{position:relative;display:grid;gap:.15rem;align-items:start;padding:.75rem .9rem .8rem;border:0;border-radius:1rem;background:#fff;box-shadow:0 0 0 2px var(--pink-200);transition:box-shadow .25s,transform .3s var(--ease)}
  .scent-opt.d:hover{box-shadow:0 0 0 2px var(--pink-400),0 14px 24px -18px rgba(201,101,138,.7);transform:translateY(-2px)}
  .scent-opt.d b{font-size:.95rem;line-height:1.2}
  .scent-opt.d small{margin:0;font-size:.8rem;color:#6B5F68}
  .scent-opt.d .c-code{font-size:.72rem;letter-spacing:.14em;color:var(--sel-ink)}
  .scent-opt.d.prem{box-shadow:0 0 0 2px var(--gold-2);background:linear-gradient(160deg,#fff,#FBF6EC)}
  .scent-opt.d.prem:hover{box-shadow:0 0 0 2px var(--gold),0 14px 24px -18px rgba(201,165,92,.7)}
  .scent-opt.d .ptag{position:absolute;top:.55rem;right:.6rem;font-style:normal;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px;background:linear-gradient(135deg,#F0DDAE,#C9A55C);color:#4a3a12}
  .set-res .scent-opt.d{margin-bottom:.5rem;width:100%}
  .disc-sum{box-sizing:border-box;min-width:0;max-width:100%;position:sticky;top:6.25rem;display:grid;gap:.9rem;padding:1.4rem;background:#fff;border-radius:1.6rem;box-shadow:0 0 0 3px var(--pink-200),0 26px 50px -36px rgba(201,101,138,.6)}
  .disc-sum h2{margin:0;font-size:1.7rem}
  .disc-sum h2 em{color:var(--cta)}
  .disc-meter{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}
  .disc-meter i{height:8px;border-radius:4px;background:var(--pink-100);box-shadow:inset 0 0 0 1px var(--pink-200);transition:background .4s}
  .disc-meter i.on{background:var(--gift-metal);box-shadow:none}
  .disc-meter i.on.prem{background:linear-gradient(135deg,#F0DDAE,#C9A55C)}
  .disc-sum .set-count{font-weight:400;color:#5A4F57}
  .disc-sum .set-count b{color:var(--ink)}
  .disc-sum .rows{margin:0}
  .disc-cta{height:3.25rem;background:var(--cta);border-color:var(--cta);color:#fff;font-size:1rem}
  .disc-cta:not(:disabled):hover{box-shadow:0 0 0 5px rgba(201,101,138,.18),0 16px 34px -10px rgba(201,101,138,.85);transform:translateY(-2px)}
  .disc-cta:disabled{opacity:.5}
  .disc-vch.v2{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;border-radius:1.2rem;background:linear-gradient(135deg,#FFE3EE,#FFD1E3);box-shadow:0 0 0 2px var(--gift),0 14px 28px -20px rgba(224,69,127,.8);animation:vchPulse 2.6s ease-in-out infinite}
  @keyframes vchPulse{0%,100%{box-shadow:0 0 0 2px var(--gift),0 14px 28px -20px rgba(224,69,127,.8)}50%{box-shadow:0 0 0 5px rgba(224,69,127,.28),0 14px 28px -20px rgba(224,69,127,.8)}}
  .disc-vch.v2 .vch-amt{flex:none;display:grid;justify-items:center;line-height:1;font-family:var(--display);font-weight:600;font-size:1.9rem;background:var(--gift-metal);-webkit-background-clip:text;background-clip:text;color:transparent}
  .disc-vch.v2 .vch-amt small{font-family:var(--body);font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;-webkit-text-fill-color:var(--gift-deep)}
  .disc-vch.v2 .vch-txt{font-size:.88rem;line-height:1.4;color:#5A2A42}
  .disc-vch.v2 .vch-txt b{display:block;color:var(--gift-deep);margin-bottom:.15rem}
  @media (prefers-reduced-motion:reduce){.disc-kicker,.disc-title,.disc-title em,.disc-title em::after,.disc-search::before,.disc-vch.v2{animation:none}}
  @media (max-width:860px){.disc-title{font-size:2.6rem}.disc-sum{position:static}.disc-quick .scent-opt{flex-basis:11.5rem}}
  @media (min-width:861px){.disc-page.v2 .set-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr)}}
  @media (max-width:860px){.disc-page.v2 .set-layout{grid-template-columns:minmax(0,1fr)}.disc-kicker{font-size:.8rem;letter-spacing:.18em}.disc-kicker::after{display:none}}
  .disc-page.v2 .set-layout>div{min-width:0}
  .disc-page.v2 .set-picker,.disc-quick{min-width:0;max-width:100%}
  .disc-page.v2 .set-picker{overflow:hidden}
  .disc-page.v2 .disc-slots{min-width:0}
  /* single 3ml vial line (quiet), clickable notes, highlighted note tile on the map */
  .vial-alone{appearance:none;border:0;background:none;padding:0;margin:.15rem 0 0;font:inherit;font-size:.8rem;color:#8F8390;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:var(--pink-200);text-underline-offset:3px}
  .vial-alone:hover{color:var(--cta);text-decoration-color:var(--cta)}
  .note-link{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pink-400);text-underline-offset:3px;transition:color .2s}
  .note-link:hover{color:var(--cta)}
  @property --nmang{syntax:'<angle>';inherits:false;initial-value:0deg}
  @keyframes nmSpin{to{--nmang:360deg}}
  .notemap-tile.hl{position:relative;border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--nmang),var(--gift) 0deg,var(--pink-200) 90deg,var(--gift) 180deg,var(--pink-200) 270deg,var(--gift) 360deg) border-box;border-width:2.5px;animation:nmSpin 2.2s linear infinite;box-shadow:0 16px 30px -18px rgba(224,69,127,.8)}
  .notemap-tile.hl b{color:var(--gift-deep)}
  @media (prefers-reduced-motion:reduce){.notemap-tile.hl{animation:none;border-color:var(--gift)}}
  .disc-head{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;max-width:none}
  .disc-head>div{order:-1}
  .disc-hero{margin:0;padding:.45rem;background:#fff;border-radius:1.8rem;box-shadow:0 0 0 3px var(--pink-200),0 26px 50px -36px rgba(201,101,138,.65);animation:discRise .9s .2s var(--ease) both}
  .disc-hero img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:1.4rem}
  @media (max-width:860px){.disc-head{grid-template-columns:1fr}.disc-hero{width:min(100%,14rem)}}
  /* cookie banner: small card bottom-left, matches the site, three lawful choices */
  .ck{position:fixed;left:1rem;bottom:1rem;z-index:80;width:min(100% - 2rem,26rem);background:#fff;border-radius:1.3rem;padding:1rem 1.1rem;box-shadow:0 0 0 2px var(--pink-200),0 24px 50px -24px rgba(36,31,35,.45);animation:rise .6s var(--ease) both}
  .ck-txt b{display:block;margin-bottom:.2rem}
  .ck-txt p{margin:0;font-size:.86rem;line-height:1.5;color:#5A4F57}
  .ck-txt a{color:var(--cta);text-decoration:underline;text-underline-offset:2px}
  .ck-btns{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}
  .ck-btns .btn{height:2.2rem;padding-inline:.85rem;font-size:.82rem}
  .ck-set{display:grid;gap:.55rem;margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--line);font-size:.88rem}
  .ck-set label{display:grid;grid-template-columns:auto 1fr;gap:.2rem .6rem;align-items:center}
  .ck-set label small{grid-column:2;color:var(--muted);font-size:.78rem}
  .ck-set input{accent-color:var(--cta)}
  .ck-set .btn{justify-self:start;margin-top:.2rem}
  /* support chat: one round button bottom-right, a small panel above it */
  .chat-fab{position:fixed;right:1.25rem;bottom:1.25rem;z-index:85;display:inline-flex;align-items:center;gap:.5rem;height:3.4rem;padding:0 1.15rem 0 1rem;border:0;border-radius:999px;background:var(--cta);color:#fff;font:inherit;font-weight:600;cursor:pointer;box-shadow:0 14px 30px -10px rgba(180,81,122,.85);transition:transform .3s var(--ease),box-shadow .3s}
  .chat-fab:hover{transform:translateY(-2px);box-shadow:0 0 0 5px rgba(201,101,138,.18),0 18px 34px -10px rgba(180,81,122,.9)}
  .chat-fab.hint{animation:fabHint 1.2s ease-in-out 2}
  @keyframes fabHint{50%{transform:translateY(-4px);box-shadow:0 0 0 6px rgba(201,101,138,.2),0 18px 34px -10px rgba(180,81,122,.9)}}
  .chat-fab.open .chat-fab-lbl{display:none}
  .chat{position:fixed;right:1.25rem;bottom:5.4rem;z-index:85;width:min(100% - 2.5rem,23rem);max-height:min(70vh,34rem);display:flex;flex-direction:column;background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 0 0 2px var(--pink-200),0 30px 60px -28px rgba(36,31,35,.5);animation:rise .35s var(--ease) both}
  .chat-h{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;background:linear-gradient(135deg,#fff,var(--pink-50));border-bottom:1px solid var(--line)}
  .chat-h b{display:block;font-size:.95rem}
  .chat-h small{display:block;color:var(--muted);font-size:.74rem;line-height:1.3}
  .chat-h .icon-btn{margin-left:auto}
  .chat-av{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--cta);color:#fff;font-family:var(--display);font-size:1.2rem}
  .chat-b{flex:1;overflow-y:auto;padding:.9rem;display:grid;gap:.5rem;align-content:start;font-size:.9rem;line-height:1.5}
  .msg{max-width:88%;padding:.6rem .85rem;border-radius:1rem 1rem 1rem .3rem;background:var(--pink-50);color:var(--ink)}
  .msg.me{justify-self:end;border-radius:1rem 1rem .3rem 1rem;background:var(--cta);color:#fff}
  .msg a{color:var(--cta);text-decoration:underline;text-underline-offset:2px}
  .msg.me a{color:#fff}
  .chat-q{display:flex;gap:.35rem;overflow-x:auto;padding:.4rem .9rem;scrollbar-width:none;border-top:1px solid var(--line)}
  .chat-q button{flex:none;appearance:none;border:0;cursor:pointer;font:inherit;font-size:.78rem;padding:.35rem .7rem;border-radius:999px;background:#fff;color:var(--sel-ink);box-shadow:inset 0 0 0 1.5px var(--pink-200)}
  .chat-q button:hover{background:var(--sel-bg)}
  .chat-f{display:flex;gap:.4rem;padding:.6rem .7rem .7rem;border-top:1px solid var(--line)}
  .chat-f input{flex:1;min-width:0;height:2.5rem;border:0;border-radius:999px;padding:0 1rem;background:var(--pink-50);font:inherit;color:var(--ink);outline:0;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s}
  .chat-f input:focus{box-shadow:inset 0 0 0 1.5px var(--pink-400)}
  .chat-f .btn{width:2.5rem;height:2.5rem;padding:0;justify-content:center;background:var(--cta);border-color:var(--cta);color:#fff}
  @media (max-width:560px){.chat-fab-lbl{display:none}.chat-fab{padding:0 1rem}.chat{right:.75rem;left:.75rem;width:auto}.ck{left:.75rem;width:calc(100% - 1.5rem)}}
  @media (prefers-reduced-motion:reduce){.ck,.chat,.chat-fab.hint{animation:none}}
  /* v8.74: pager, list foot cards, logo images, band photo, in-set state, chip hierarchy, big-text animation */
  .pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;margin-top:2.25rem}
  .pager .pg{min-width:2.5rem;height:2.5rem;padding:0 .6rem;border:0;border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--pink-200);display:inline-grid;place-items:center;transition:background .2s,box-shadow .2s,color .2s}
  .pager .pg:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--pink-400)}
  .pager .pg.on{background:var(--cta);color:#fff;box-shadow:none}
  .pager .pg:disabled{opacity:.35;cursor:default}
  .pager .pg-gap{color:var(--muted);padding:0 .2rem}
  .pager .pg-info{flex-basis:100%;text-align:center;margin-top:.5rem;font-size:.86rem;color:var(--muted)}
  .plp-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem}
  .pf-card{display:flex;flex-direction:column;gap:.5rem;padding:1.4rem 1.4rem 1.5rem;background:#fff;border-radius:1.5rem;box-shadow:0 0 0 2px var(--pink-200)}
  .pf-card b{font-family:var(--display);font-weight:500;font-size:1.35rem;line-height:1.15}
  .pf-card p{margin:0 0 .4rem;color:#5A4F57;font-size:.94rem;line-height:1.55;flex:1}
  .pf-card .btn{align-self:flex-start}
  @media (max-width:860px){.plp-foot{grid-template-columns:1fr}}
  .paylogos .img{padding:0 .35rem}
  .paylogos .img img{height:1.7rem;width:auto;display:block}
  .disc-band-photo{flex:none;width:5.2rem;height:5.2rem;border-radius:1.1rem;overflow:hidden;box-shadow:0 0 0 2px var(--pink-200)}
  .disc-band-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:scale(1.25)}
  .mini-link.in-set b.in{color:var(--sel-ink)}
  .mini-link.in-set{cursor:default}
  .plp-bar .filters .chip-sep{flex:0 0 1px;width:1px;height:1.6rem;background:var(--pink-200);margin:0 .35rem;align-self:center}
  .chip.new[aria-pressed="false"]{color:var(--gift-deep);border-color:var(--pink-400)}
  /* big headings: rise in and the pink word draws its underline (only when they scroll into view) */
  .sec-title.rv,.plp-head.v2 h1,.about-copy h2,.care2-copy h2{animation:rise .8s var(--ease) both}
  @media (prefers-reduced-motion:reduce){.sec-title.rv,.plp-head.v2 h1,.about-copy h2,.care2-copy h2{animation:none}}
  .ck-btns{align-items:center;gap:.9rem}
  .ck-btns .btn{height:2.4rem;padding-inline:1.3rem;font-size:.86rem}
  .ck-link{appearance:none;border:0;background:none;padding:0;font:inherit;font-size:.8rem;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
  .ck-link:hover{color:var(--ink)}
  .card{position:relative}
  /* wishlist heart on cards and the product page */
  .fav{position:absolute;right:.7rem;top:.7rem;z-index:3;width:2.3rem;height:2.3rem;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--cta);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 1.5px var(--pink-200),0 8px 18px -10px rgba(36,31,35,.4);transition:transform .25s var(--ease),background .2s,color .2s}
  .fav:hover{transform:scale(1.08);background:#fff}
  .fav.on{background:var(--cta);color:#fff;box-shadow:0 0 0 1.5px var(--cta),0 10px 20px -10px rgba(180,81,122,.8)}
  .fav.pop{animation:favPop .45s var(--ease)}
  @keyframes favPop{40%{transform:scale(1.3)}}
  .card-media .fav{top:auto;bottom:.7rem}
  .fav.big{position:static;width:2.9rem;height:2.9rem;flex:none}
  .pdp-fav-row{display:flex;align-items:center;gap:.6rem;font-size:.86rem;color:var(--muted)}
  .fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.9rem}
  .fav-item{position:relative;display:grid;gap:.35rem;padding:.5rem;background:#fff;border-radius:1.2rem;box-shadow:0 0 0 2px var(--pink-200);text-decoration:none;color:var(--ink)}
  .fav-item img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:.9rem}
  .fav-item b{font-family:var(--display);font-weight:500;font-size:1.05rem;line-height:1.15;padding:0 .3rem}
  .fav-item small{color:var(--muted);padding:0 .3rem .3rem}
  .fav-item .fav{right:.9rem;top:.9rem}
  .fav-note{margin:0 0 1.2rem;padding:.8rem 1rem;border-radius:1rem;background:var(--sel-bg);color:var(--sel-ink);font-size:.92rem;box-shadow:inset 0 0 0 1.5px var(--sel-bd)}
  .acct-out .fav-note{margin:0 0 1.2rem;padding:.8rem 1rem;border-radius:1rem;background:var(--sel-bg);color:var(--sel-ink);font-size:.92rem;box-shadow:inset 0 0 0 1.5px var(--sel-bd)}
  @media (prefers-reduced-motion:reduce){.fav,.fav.pop{transition:none;animation:none}}
  /* ---- 2+1 set page v2 (owner 2026-09-23): same look as the Discovery page; Premium sets turn gold + black ---- */
  .set-head2{margin:.6rem 0 clamp(1.4rem,2.6vw,2.2rem);max-width:60rem}
  .disc-title em::after{display:none}                     /* owner: no underline under «set» / «σετ σου» */
  .disc-kicker.gold{background:linear-gradient(135deg,#8a6a1c,#C9A55C 30%,#FFF0C8 50%,#C9A55C 70%,#8a6a1c);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}
  .disc-kicker.gold::after{background:var(--gold)}
  .set-page.v2.prem .disc-title em{background:linear-gradient(135deg,#8a6a1c,#C9A55C 30%,#FFF0C8 50%,#C9A55C 70%,#8a6a1c);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}
  .set-tier{margin:0 0 1rem;padding:.75rem 1rem;border-radius:1rem;background:#fff;box-shadow:0 0 0 1.5px var(--pink-200);font-size:.9rem;color:#5A4F57;display:flex;flex-wrap:wrap;gap:.3rem .8rem;align-items:center}
  .set-tier b{color:var(--ink)}
  .set-tier .link{font-size:.85rem;color:var(--cta)}
  .tier-std,.tier-prem{font-weight:800;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:discShine 3.5s linear infinite}
  .tier-std{background-image:var(--gift-metal)}
  .tier-prem{background-image:linear-gradient(135deg,#8a6a1c,#C9A55C 30%,#FFF0C8 50%,#C9A55C 70%,#8a6a1c)}
  @media (prefers-reduced-motion:reduce){.tier-std,.tier-prem,.set-slot.v2 .ribbon{animation:none}}
  .set-page.v2.prem .set-tier{background:#1d1711;color:#D9C9A6;box-shadow:0 0 0 1.5px rgba(201,165,92,.6)}
  .set-page.v2.prem .set-tier b{color:#F3E7CF}
  .set-page.v2.prem .set-tier .link{color:#E9C979}
  .set-slots.v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
  .set-slot.v2{position:relative;display:grid;gap:.6rem;padding:.6rem .6rem .9rem;background:#fff;border-radius:1.5rem;box-shadow:0 0 0 2px var(--pink-200);transition:box-shadow .3s,transform .35s var(--ease)}
  .set-slot.v2.active{box-shadow:0 0 0 2.5px var(--cta),0 18px 34px -24px rgba(180,81,122,.7)}
  .set-slot.v2.on{box-shadow:0 0 0 2px var(--pink-400)}
  .set-slot.v2 .ribbon{position:absolute;left:1.1rem;right:auto;width:auto;top:1.15rem;z-index:2;text-align:center;padding:.32rem .95rem;background:var(--gift-metal);background-size:200% 100%;animation:discShine 3.5s linear infinite;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.2em;border-radius:999px;box-shadow:0 8px 16px -8px rgba(224,69,127,.8);transform:none}
  .set-frame.v2{position:relative;display:block;width:100%;aspect-ratio:1;border:0;padding:0;border-radius:1.1rem;overflow:hidden;background:#F1E9E0;cursor:pointer}
  .set-frame.v2 img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .4s}
  .set-slot.v2:not(.on) .set-frame.v2 img{filter:saturate(.6) opacity(.55)}
  .set-slot.v2:hover .set-frame.v2 img{transform:scale(1.05)}
  .set-frame.v2 .plus{position:absolute;left:50%;top:auto;bottom:1rem;transform:translate(-50%,0);width:2.6rem;height:2.6rem;border-radius:50%;background:rgba(180,81,122,.88);backdrop-filter:blur(2px);color:#fff;font-size:1.6rem;line-height:1;display:grid;place-items:center;box-shadow:0 10px 22px -8px rgba(180,81,122,.9)}
  .set-frame.v2 .slot-no{position:absolute;right:.6rem;top:.6rem;width:1.7rem;height:1.7rem;border-radius:50%;background:rgba(255,255,255,.92);color:var(--sel-ink);font-size:.78rem;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 1.5px var(--pink-200)}
  .set-slot.v2 .set-info{padding:0 .3rem}
  .set-slot.v2 .empty-slot b{display:block;font-family:var(--display);font-weight:500;font-size:1.05rem}
  .set-slot.v2 .empty-slot span{color:var(--muted);font-size:.84rem}
  .set-page.v2 .set-picker{margin-top:1rem;padding:1.2rem;border:0;box-shadow:0 0 0 2px var(--pink-200);border-radius:1.5rem;background:#fff}
  .set-help{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.86rem;color:#6B5F68}
  .set-help .hint{appearance:none;border:0;cursor:pointer;font:inherit;font-size:.84rem;padding:.3rem .8rem;border-radius:999px;background:#fff;color:var(--sel-ink);box-shadow:inset 0 0 0 1.5px var(--pink-200);text-decoration:none;transition:background .2s}
  .set-help .hint:hover{background:var(--sel-bg)}
  .set-terms{list-style:none;margin:.2rem 0 .2rem;padding:.9rem 1rem;display:grid;gap:.4rem;font-size:.82rem;line-height:1.4;color:#5A4F57;background:var(--pink-50);border-radius:1rem}
  .set-terms li{position:relative;padding-left:1rem}
  .set-terms li::before{content:"·";position:absolute;left:.2rem;color:var(--cta);font-weight:700}
  .disc-meter.three{grid-template-columns:repeat(3,1fr)}
  .disc-meter i.gift.on{background:var(--gift-metal)}
  /* Premium set: gold + black */
  .set-page.v2.prem .set-slot.v2{background:linear-gradient(180deg,#221b14,#1a1510);box-shadow:0 0 0 2px rgba(201,165,92,.55)}
  .set-page.v2.prem .set-slot.v2.active{box-shadow:0 0 0 2.5px var(--gold),0 0 30px -6px rgba(201,165,92,.6)}
  .set-page.v2.prem .set-slot.v2.on{box-shadow:0 0 0 2px var(--gold)}
  .set-page.v2.prem .set-slot.v2 .set-info,.set-page.v2.prem .set-slot.v2 .empty-slot b{color:#F3E7CF}
  .set-page.v2.prem .set-slot.v2 .empty-slot span,.set-page.v2.prem .set-slot.v2 .c-code{color:#BBA77E}
  .set-page.v2.prem .set-slot.v2 .mini-sizes button{background:transparent;color:#D9C9A6;border-color:rgba(201,165,92,.4)}
  .set-page.v2.prem .set-slot.v2 .mini-sizes button[aria-pressed="true"]{background:var(--gold);color:#1a1510;border-color:var(--gold)}
  .set-page.v2.prem .set-slot.v2 .link{color:#E9C979}
  .set-page.v2.prem .set-frame.v2 .plus{background:var(--gold);color:#1a1510}
  .set-page.v2.prem .set-frame.v2 .slot-no{background:rgba(26,21,16,.85);color:#E9C979;box-shadow:0 0 0 1.5px rgba(201,165,92,.6)}
  .set-page.v2.prem .set-slot.v2 .ribbon{background:linear-gradient(135deg,#8a6a1c,#C9A55C 40%,#FFF0C8 55%,#C9A55C 70%,#8a6a1c);color:#1a1510;box-shadow:0 8px 16px -8px rgba(201,165,92,.9)}
  .set-page.v2.prem .set-slot.v2 .num{color:#F3E7CF}
  .disc-search.gold{color:var(--gold)}
  .disc-search.gold::before{background:linear-gradient(135deg,#8a6a1c,#C9A55C 30%,#FFF0C8 50%,#C9A55C 70%,#8a6a1c);background-size:200% 100%}
  .disc-sum.gold{background:linear-gradient(180deg,#221b14,#1a1510);color:#F3E7CF;box-shadow:0 0 0 3px rgba(201,165,92,.6),0 26px 50px -30px rgba(0,0,0,.6)}
  .disc-sum.gold h2 em{background:linear-gradient(135deg,#8a6a1c,#C9A55C 30%,#FFF0C8 50%,#C9A55C 70%,#8a6a1c);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
  .disc-sum.gold .set-count,.disc-sum.gold .rows,.disc-sum.gold .rows .total,.disc-sum.gold .save{color:#D9C9A6}
  .disc-sum.gold .set-count b,.disc-sum.gold .rows .total{color:#F3E7CF}
  .disc-sum.gold .rows > div{border-color:rgba(201,165,92,.25)}
  .disc-sum.gold .rows .disc{color:#E9C979}
  .disc-sum.gold .set-terms{background:rgba(201,165,92,.08);color:#CBB895}
  .disc-sum.gold .set-terms li::before{color:var(--gold)}
  .disc-sum.gold .disc-meter i{background:rgba(201,165,92,.15);box-shadow:inset 0 0 0 1px rgba(201,165,92,.35)}
  .disc-sum.gold .disc-meter i.on{background:linear-gradient(135deg,#C9A55C,#FFF0C8,#C9A55C)}
  .disc-cta.gold{background:linear-gradient(135deg,#8a6a1c,#C9A55C 30%,#FFF0C8 50%,#C9A55C 70%,#8a6a1c);background-size:200% 100%;color:#1a1510;border-color:transparent;font-weight:700;animation:discShine 4s linear infinite}
  .disc-cta.gold:disabled{opacity:.45;animation:none}
  @media (max-width:860px){.set-slots.v2{grid-template-columns:1fr 1fr}.set-slot.v2:last-child{grid-column:1/-1}}
  /* home Discovery band button: eye-catching, hot-metal pink with a travelling shine */
  .disc-band .btn.ghost{background:var(--gift-metal);background-size:200% 100%;color:#fff;border-color:transparent;font-weight:700;box-shadow:0 12px 26px -10px rgba(224,69,127,.85);animation:discShine 3.5s linear infinite}
  .disc-band .btn.ghost:hover{transform:translateY(-2px);box-shadow:0 0 0 5px rgba(224,69,127,.18),0 16px 30px -10px rgba(224,69,127,.95);color:#fff}
  @media (prefers-reduced-motion:reduce){.disc-band .btn.ghost,.disc-cta.gold{animation:none}}
  @media (min-width:861px){.set-page.v2 .set-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr)}}
  @media (max-width:860px){.set-page.v2 .set-layout{grid-template-columns:minmax(0,1fr)}}
  .set-page.v2 .set-layout>div{min-width:0}
  .set-page.v2 .set-picker,.set-page.v2 .set-slots{min-width:0;max-width:100%}
  .set-page.v2 .set-picker{overflow:hidden}
  .set-page.v2 .disc-sum{box-sizing:border-box;min-width:0;max-width:100%}
  /* "Δεν το βρήκες; Ζήτησέ το" (owner 2026-09-24) */
  .req-box{display:grid;gap:.4rem;margin-top:1rem;padding:1.3rem 1.4rem 1.5rem;background:#fff;border-radius:1.5rem;box-shadow:0 0 0 2px var(--pink-200)}
  .req-box b{font-family:var(--display);font-weight:500;font-size:1.25rem}
  .req-box p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}
  .req-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
  .req-row input{flex:1 1 12rem;min-width:0;height:2.8rem;border:0;border-radius:999px;padding:0 1rem;background:var(--pink-50);font:inherit;color:var(--ink);outline:0;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s}
  .req-row input:focus{box-shadow:inset 0 0 0 1.5px var(--pink-400)}
  .req-row .btn{height:2.8rem;flex:none}
  .req-box.done{box-shadow:0 0 0 2px var(--pink-400);background:var(--pink-50)}
  .req-band{margin-top:1rem}
  .res-empty + .req-box{margin:.4rem .875rem .875rem}
/* ---- WordPress additions (Helios theme shell) ---- */
.wp-main{padding-block:clamp(1.5rem,4vw,3rem)}   /* mobile QA 3 Oct: keep .wrap's side padding (cart/checkout touched the screen edges on phones) */
.wp-main h1.disp{margin:0 0 1rem}
.wp-main .woocommerce .products{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem;list-style:none;padding:0;margin:0}
.wp-main .woocommerce ul.products li.product{margin:0;width:auto}
.wp-main .woocommerce ul.products li.product a img{border-radius:1rem}
.wp-main .woocommerce ul.products li.product .button,.wp-main .woocommerce .button{background:var(--cta);color:#fff;border-radius:999px}
.wp-main .woocommerce a:not(.button){color:var(--pink-700)}
.admin-bar .site{top:32px}
@media (max-width:782px){.admin-bar .site{top:46px}}
.hd .badge.num{display:inline-grid}
.card a.add{display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:inherit}
.card a.add:hover{color:#fff}
a.fav{text-decoration:none}
.pdp-msg{margin:.4rem 0 0;padding:.7rem .9rem;border-radius:.8rem;background:#FFF1F5;color:#8a2c50;font-size:.9rem}
main#pdp{display:block}
.pdp-fav-row a.fav{position:static;text-decoration:none}
.mini-side a.mini-alone{text-decoration:none}

/* ---- cart + checkout on WooCommerce (Helios 0.3.5) ---- */
.helios-cart .co,.helios-checkout .co{padding-block:0}
.helios-cart .dr-body{padding:0;overflow:visible;gap:.9rem}
.helios-cart h1.disp,.helios-checkout h1.disp{font-size:clamp(2rem,4vw,3rem);margin:0 0 1.2rem}
.co-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.line-item .li-name a{color:inherit;text-decoration:none}
.li-remove{display:inline-block;margin-top:.25rem;font-size:.78rem;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.rows .disc .li-remove{margin:0 0 0 .3rem;text-decoration:none;font-weight:700}
.cart-tools{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:.4rem}
.cart-tools .coupon{flex:1;min-width:16rem;margin:0}
#heliosUpdate{display:none}
.cart_totals h2,.helios-checkout .panel h2{font-family:var(--display);font-weight:400;font-size:1.5rem;margin:0 0 .8rem}
.helios-ship{display:grid;gap:.5rem;margin:.4rem 0}
.helios-ship .ship-h{font-size:.9rem}
.helios-ship ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.helios-ship .opt{margin:0}
.helios-ship .opt small,.wc_payment_methods .opt small{display:block;color:var(--muted);font-size:.8rem;font-weight:400}
.helios-ship .ship-note{margin:.2rem 0 0;font-size:.8rem;color:var(--muted)}
.rows .helios-ship{display:grid}
.wc-proceed-to-checkout .checkout-button{display:flex;justify-content:center;align-items:center;width:100%;height:3rem;border-radius:999px;background:var(--cta);color:#fff;font-weight:700;text-decoration:none;font-size:.95rem}
.wc-proceed-to-checkout .checkout-button:hover{color:#fff;filter:brightness(.95)}
/* WooCommerce classic form fields inside the Helios panels */
.helios-checkout .woocommerce-billing-fields h3,.helios-checkout .woocommerce-shipping-fields h3,.helios-checkout .woocommerce-additional-fields h3{font-family:var(--body);font-size:.95rem;font-weight:600;margin:1rem 0 .5rem}
.helios-checkout .woocommerce-billing-fields h3:first-child{margin-top:0}
.helios-checkout .form-row{display:grid;gap:5px;margin:0 0 .75rem;padding:0;width:100%;float:none}
.helios-checkout .form-row label{font-size:.83rem;color:var(--muted)}
.helios-checkout .form-row label .required{color:var(--cta);text-decoration:none}
.helios-checkout .form-row .input-text,.helios-checkout .form-row select,.helios-checkout .form-row textarea,.helios-checkout .select2-container .select2-selection--single{width:100%;height:2.9rem;border:1px solid var(--line);border-radius:.8rem;padding:0 .9rem;background:#fff;font:inherit;color:var(--ink);box-sizing:border-box}
.helios-checkout .form-row textarea{height:auto;min-height:5rem;padding:.7rem .9rem}
.helios-checkout .form-row .input-text:focus,.helios-checkout .form-row select:focus{outline:0;border-color:var(--pink-400);box-shadow:0 0 0 3px var(--pink-100)}
.helios-checkout .select2-container .select2-selection--single .select2-selection__rendered{line-height:2.8rem;padding-left:0;color:var(--ink)}
.helios-checkout .select2-container .select2-selection--single .select2-selection__arrow{height:2.8rem}
.helios-checkout .woocommerce-input-wrapper{display:block}
.helios-checkout .form-row-first,.helios-checkout .form-row-last{width:100%}
@media (min-width:640px){.helios-checkout .woocommerce-billing-fields__field-wrapper,.helios-checkout .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 .75rem}.helios-checkout .form-row-wide,.helios-checkout .form-row:not(.form-row-first):not(.form-row-last){grid-column:1/-1}}
.helios-checkout .form-row.woocommerce-invalid .input-text,.helios-checkout .form-row.woocommerce-invalid select{border-color:#c93b5a}
.helios-checkout #ship-to-different-address{font-size:.9rem;margin:.6rem 0}
.helios-checkout #ship-to-different-address label{display:flex;gap:.5rem;align-items:center;cursor:pointer}
.helios-checkout .wc_payment_methods{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.helios-checkout .wc_payment_methods .opt{margin:0}
.helios-checkout .payment_box{margin:.2rem 0 .4rem;padding:.7rem .9rem;border-radius:.8rem;background:var(--pink-50);font-size:.85rem}
.helios-checkout .place-order{margin-top:1rem}
.helios-checkout #place_order{height:3.1rem;font-size:1rem}
.helios-checkout .woocommerce-terms-and-conditions-wrapper{font-size:.83rem;color:var(--muted);margin-bottom:.6rem}
.helios-checkout .woocommerce-privacy-policy-text p{margin:.3rem 0}
.helios-checkout .woocommerce-NoticeGroup,.woocommerce-error,.woocommerce-message,.woocommerce-info{list-style:none;margin:0 0 1rem;padding:.8rem 1rem;border-radius:.9rem;background:var(--pink-50);color:var(--ink);font-size:.9rem}
.woocommerce-error{background:#FFF1F5;color:#8a2c50}
.helios-checkout .blockUI.blockOverlay{border-radius:1.25rem}
.opt.on{border-color:var(--pink-400);box-shadow:0 0 0 2px var(--pink-100)}
@media (max-width:860px){.helios-cart .co,.helios-checkout .co{grid-template-columns:1fr}.summary{position:static}}
.rows .helios-ship{display:grid;gap:.5rem}
.rows .helios-ship ul{display:grid}
.rows .helios-ship li{display:block}
.rows .helios-ship .opt{display:flex;justify-content:flex-start;align-items:center}
.rows .helios-ship .opt > div{display:block;flex:1}
.rows .helios-ship .opt input{margin:0}
.helios-checkout .co-left > .panel + .panel{margin-top:1rem}
.wp-main .helios-cart,.wp-main .helios-checkout{margin-top:-.5rem}
/* WooCommerce's own stylesheet wins on specificity for these; matched here */
.woocommerce ul#shipping_method li{margin:0;line-height:1.35;text-indent:0}
.woocommerce ul#shipping_method li label.opt{display:flex;align-items:center;gap:.75rem;margin:0}
.woocommerce ul#shipping_method li input.shipping_method{margin:0;vertical-align:middle;flex:0 0 auto}
.woocommerce ul#shipping_method li label.opt > div{flex:1}
.woocommerce #payment #place_order,.woocommerce-page #payment #place_order,.helios-checkout #place_order{background:var(--cta);color:#fff;border-radius:999px;width:100%;font-weight:700}
.woocommerce #payment #place_order:hover{background:var(--pink-700,#9d2d5a);color:#fff}
.woocommerce .wc-proceed-to-checkout a.checkout-button,.woocommerce-page .wc-proceed-to-checkout a.checkout-button{background:var(--cta);color:#fff;border-radius:999px;font-weight:700;font-size:.95rem;margin:0}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{background:var(--pink-700,#9d2d5a);color:#fff}
.woocommerce #payment div.payment_box{background:var(--pink-50);border-radius:.8rem;font-size:.85rem;padding:.7rem .9rem;margin:.2rem 0 .4rem}
.woocommerce #payment div.payment_box::before{display:none}
.woocommerce form .form-row label{line-height:1.3}
.woocommerce-form-coupon-toggle .woocommerce-info{border-radius:.9rem;background:var(--pink-50);border:0}
/* category pages on WordPress (0.4.0) */
main#plp{display:block}
.plp-bar .chip,.plp-hints .hint{text-decoration:none}
.plp-hints a.hint{display:inline-block}
.pager a.pg,.pager span.pg{text-decoration:none;display:inline-grid;place-items:center}
.pager .pg[aria-disabled="true"]{opacity:.35;pointer-events:none}
.icard a.add.as-link,.icard a.add{display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:inherit}
.plp-desc{max-width:44rem;margin:2.75rem auto 0;font-size:1.02rem;line-height:1.7}
.plp-desc h2,.plp-desc h3{font-family:var(--display);font-weight:500;font-size:1.5rem;line-height:1.2;margin:1.6rem 0 .6rem}
.plp-desc p{margin:0 0 .9rem}
.plp-body .empty{padding:2rem 0;color:var(--muted)}
.plp-tools select{font:inherit}
.req-band .req-box{position:relative}
.req-box .pdp-msg{margin:.2rem 0 .6rem}
main#page{display:block}
.disc-quick .scent-opt,.set-res .scent-opt{font-family:inherit}
/* step 7: blog, info pages, account on WordPress */
.art-index .pagination,.art-index .nav-links{display:flex;gap:.4rem;justify-content:center;margin-top:1.5rem}
.art-index .nav-links a,.art-index .nav-links span{display:inline-grid;place-items:center;min-width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.art-index .nav-links .current{background:var(--cta);color:#fff;border-color:var(--cta)}
.art-body img{max-width:100%;height:auto;border-radius:1rem}
.art-body .wp-block-image,.art-body figure{margin:1rem 0}
.helios-acct .acct-body h2,.helios-acct .acct-body h3{font-family:var(--display);font-weight:400}
.helios-acct .woocommerce-notices-wrapper .woocommerce-message{margin-bottom:1rem}
.helios-acct table.shop_table{width:100%;border-collapse:collapse;font-size:.9rem;border:0}
.helios-acct table.shop_table th,.helios-acct table.shop_table td{padding:.6rem .5rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.helios-acct table.shop_table th{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.helios-acct .woocommerce-button,.helios-acct .button{display:inline-flex;align-items:center;justify-content:center;height:2.4rem;padding:0 1rem;border-radius:999px;background:var(--cta);color:#fff;text-decoration:none;font-weight:600;font-size:.85rem;border:0;cursor:pointer}
.helios-acct .button.view{background:#fff;color:var(--sel-ink);box-shadow:inset 0 0 0 1.5px var(--pink-200)}
.helios-acct form .form-row{display:grid;gap:5px;margin:0 0 .75rem}
.helios-acct form .form-row label{font-size:.83rem;color:var(--muted)}
.helios-acct form .input-text,.helios-acct form select{width:100%;height:2.9rem;border:1px solid var(--line);border-radius:.8rem;padding:0 .9rem;background:#fff;font:inherit;box-sizing:border-box}
.helios-acct fieldset{border:0;padding:0;margin:1rem 0 0}
.helios-acct legend{font-weight:600;margin-bottom:.5rem}
.helios-acct .woocommerce-Addresses{display:grid;gap:1rem}
.helios-acct .woocommerce-Address-title h2{font-size:1.2rem}
.helios-acct address{font-style:normal;line-height:1.6}
.helios-acct .acct-nav a.link{margin-top:.5rem;color:var(--muted);text-decoration:underline}
.acct-out .acct-card .field input.input-text{width:100%;height:2.9rem;border:1px solid var(--line);border-radius:.8rem;padding:0 .9rem;font:inherit;box-sizing:border-box}
.acct-out .woocommerce-privacy-policy-text{font-size:.8rem;color:var(--muted)}
.acct-out .woocommerce-error,.acct-out .woocommerce-message{margin:0 0 1rem}
.info-nav a{text-decoration:none}
/* 0.5.2: prototype look everywhere - WooCommerce/plugin stylesheets are gone, these rules stand in */
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-error,.woocommerce-message,.woocommerce-info{list-style:none;margin:0 0 1rem;padding:.8rem 1rem;border-radius:.9rem;background:var(--pink-50);color:var(--ink);font-size:.9rem}
.woocommerce-error{background:#FFF1F5;color:#8a2c50}
.woocommerce-message a.button,.woocommerce-info a.button{margin-left:.6rem}
.wp-main .woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem;list-style:none;padding:0;margin:0}
.wp-main .woocommerce ul.products li.product{margin:0;width:auto}
.wp-main .woocommerce ul.products li.product img{border-radius:1rem;width:100%;height:auto}
.wp-main .woocommerce .button,.wp-main .single_add_to_cart_button,.wp-main button.button{display:inline-flex;align-items:center;justify-content:center;height:2.75rem;padding:0 1.2rem;border:0;border-radius:999px;background:var(--cta);color:#fff;font-weight:700;cursor:pointer;text-decoration:none}
.wp-main .woocommerce a:not(.button){color:var(--pink-700)}
.wp-main .product .summary{display:grid;gap:.8rem}
.wp-main .product .summary .price{font-size:1.4rem;font-weight:700}
.wp-main .product .woocommerce-product-gallery{max-width:34rem}
.wp-main .product .woocommerce-product-gallery img{border-radius:1.25rem}
.wp-main .product .product_title{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,3vw,2.6rem);margin:0}
.wp-main .product form.cart{display:grid;gap:.8rem}
.wp-main .product form.cart table.variations td,.wp-main .product form.cart table.variations th{padding:.3rem 0;vertical-align:middle}
.wp-main .product form.cart select,.wp-main .product form.cart input.qty{height:2.75rem;border:1px solid var(--line);border-radius:.8rem;padding:0 .8rem;background:#fff}
.wp-main .product .woocommerce-tabs ul.tabs{display:flex;gap:.4rem;list-style:none;padding:0;margin:1.5rem 0 1rem}
.wp-main .product .woocommerce-tabs ul.tabs li a{display:inline-block;padding:.45rem .9rem;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--pink-200);text-decoration:none;color:var(--sel-ink);font-size:.86rem}
.wp-main .product .woocommerce-tabs ul.tabs li.active a{background:var(--sel-bg)}
.wp-main .product .related.products h2,.wp-main .product .upsells.products h2{font-family:var(--display);font-weight:400;margin:2rem 0 1rem}
@media (min-width:768px){.wp-main .product .woocommerce-product-gallery{float:left;width:44%;margin-right:4%}.wp-main .product .summary{float:left;width:52%}.wp-main .product .woocommerce-tabs,.wp-main .product .related,.wp-main .product .upsells{clear:both}}
.wp-main .product .wcpa_form_outer,.wp-main .product .wcpa_form_outer select{font:inherit}
.helios-acct table.shop_table,.woocommerce-table--order-details{width:100%;border-collapse:collapse;font-size:.9rem}
.woocommerce-table--order-details th,.woocommerce-table--order-details td{padding:.6rem .5rem;border-bottom:1px solid var(--line);text-align:left}
.woocommerce-order-details__title,.woocommerce-customer-details h2{font-family:var(--display);font-weight:400;margin:1.6rem 0 .8rem}
.woocommerce-customer-details address{font-style:normal;line-height:1.6}
.done-view{padding:clamp(2rem,6vw,4rem) 0;max-width:44rem;margin:0 auto;display:grid;gap:1rem;text-align:center}
.done-view .rows{text-align:left}
.done-order{background:var(--paper);border:1px solid var(--line);border-radius:1.25rem;padding:1.2rem;text-align:left}
.done-order .rows small{display:block;color:var(--muted);font-size:.85rem;margin-top:.1rem}
.done-view .art-cta{justify-content:center}
.done-view .woocommerce-order-details,.done-view .woocommerce-customer-details,.done-view .woocommerce-bacs-bank-details{text-align:left}
.trp-language-switcher{font:inherit}
.trp-language-switcher > div{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.25rem .6rem;font-size:.8rem}
.trp-language-switcher .trp-ls-shortcode-current-language,.trp-language-switcher .trp-ls-shortcode-language{font:inherit}
.trp-language-switcher .trp-ls-shortcode-language{border-radius:.8rem;box-shadow:0 10px 20px -12px rgba(0,0,0,.3)}
.trp-language-switcher img{width:16px;height:auto;vertical-align:middle}
.cmplz-cookiebanner{font-family:var(--body)!important}
.wlr-message-info{border-radius:.9rem!important;border:1px solid var(--pink-200)!important;background:var(--pink-50)!important;color:var(--ink)!important;font:inherit!important;padding:.7rem 1rem!important;margin:0 0 .8rem!important}
.woocommerce-form-coupon-toggle .woocommerce-info{display:flex;gap:.5rem;align-items:center;margin:0 0 1rem}
.woocommerce-form-coupon-toggle .woocommerce-info a{color:var(--cta);font-weight:600}
.checkout_coupon{display:flex;gap:.5rem;align-items:center;margin:0 0 1rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:1rem;background:var(--paper)}
.checkout_coupon p{margin:0}
.checkout_coupon .form-row{margin:0;flex:1}
.checkout_coupon .input-text{width:100%;height:2.6rem;border:1px solid var(--line);border-radius:999px;padding:0 .9rem;background:#fff}
.checkout_coupon .button{height:2.6rem;padding:0 1rem;border-radius:999px;border:0;background:var(--cta);color:#fff;font-weight:600;cursor:pointer}
.wlr-message-info a{color:var(--cta)!important;font-weight:600}
.wlr-message-info img,.wlr-message-info svg{width:1.2rem;height:auto}
.helios-cart .woocommerce-notices-wrapper,.helios-checkout .woocommerce-notices-wrapper{margin-bottom:.6rem}

  a.vial-alone{display:block;text-decoration:underline;text-decoration-color:#d9cfd6;text-underline-offset:3px}

  /* 0.8.4 phone fixes (theme session's 390px pass): Discovery voucher line may wrap; quiz slide-in never widens the page */
  .disc-vch.v2 .vch-txt{min-width:0}
  .disc-vch.v2 .vch-txt b{white-space:normal}
  .quiz-page{overflow-x:clip}

  /* 0.9.0 item page (inc/item.php): WooCommerce's own add-to-cart form in the Helios look; the loyalty plugin's banner gives way to the theme's points line */
  .item-page .wlr-product-message{display:none!important}
  .item-form form.cart{display:flex;flex-wrap:wrap;gap:.625rem;align-items:stretch;margin:0}
  .item-form .quantity{display:flex}
  .item-form .quantity input.qty{width:5.5rem;height:3.25rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);text-align:center;font:600 1rem var(--body);color:var(--ink)}
  .item-form .single_add_to_cart_button{flex:1;display:inline-flex;align-items:center;justify-content:center;height:3.25rem;padding:0 1.75rem;border-radius:999px;border:1px solid var(--cta);background:var(--cta);color:#fff;font:600 .9rem var(--body);letter-spacing:.01em;cursor:pointer;transition:background .25s,box-shadow .25s}
  .item-form .single_add_to_cart_button:hover{background:var(--cta-hover);border-color:var(--cta-hover);box-shadow:0 12px 26px -12px rgba(180,81,122,.6)}
  .item-form .single_add_to_cart_button.disabled,.item-form .single_add_to_cart_button:disabled{opacity:.5;cursor:not-allowed}
  .item-form table.variations{width:100%;border-collapse:collapse;margin:0 0 .4rem}
  .item-form table.variations th,.item-form table.variations td{display:block;padding:0;text-align:left}
  .item-form table.variations th label{font-weight:600;font-size:.9rem}
  .item-form table.variations select{width:100%;height:2.875rem;margin:.35rem 0 .6rem;padding:0 .9rem;border:1px solid var(--line);border-radius:.8rem;background:#fff;font:inherit}
  .item-form .reset_variations{font-size:.8rem;color:var(--muted)}
  .item-form .single_variation_wrap,.item-form .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:.625rem;width:100%}
  .item-form .woocommerce-variation{width:100%}
  .item-form .woocommerce-variation-price{font-size:1.15rem;font-weight:600;margin:.1rem 0 .4rem}

  /* 0.9.4 reCAPTCHA badge: hidden (it sat behind the chat bubble). Google's required notice is printed in the footer instead. */
  .grecaptcha-badge{visibility:hidden!important}
  .recaptcha-note{font-size:.72rem;color:var(--muted);margin:.4rem 0 0}
  .recaptcha-note a{color:inherit}

  .hero .lede a{color:inherit;text-decoration:underline;text-decoration-color:var(--pink-400);text-underline-offset:3px}

/* WordPress puts class "blog" on <body> of the posts page: keep the prototype .blog grid off the body (0.9.14) */
body.blog{display:block;grid-template-columns:none;gap:0}

/* ===== 0.9.24 (owner 2026-09-24) ===== */
/* hero lede: one sentence per line, prices never split */
.hero .lede{max-width:none}
.hero .lede .ln{display:block}
.nw{white-space:nowrap}
/* «ΝΕΟ»: hot pink metal with the travelling shine of the 2+1 lockup */
.neo-shine{font-weight:700;letter-spacing:.03em;background-image:linear-gradient(115deg,transparent 38%,rgba(255,240,247,.95) 50%,transparent 62%),var(--gift-metal);background-repeat:no-repeat,no-repeat;background-size:250% 100%,100% 100%;background-position:150% 0,0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pbShine 4.2s cubic-bezier(.45,0,.25,1) infinite}
/* product page: smaller heart */
.pdp-fav-row .fav.big{width:2.2rem;height:2.2rem}
.pdp-fav-row .fav.big svg{width:14px;height:14px}
/* notes: every note leads to its page on the notes map */
.notes-dl a.note-link{color:inherit;text-decoration:underline;text-decoration-color:var(--pink-400);text-underline-offset:3px;transition:color .2s}
.notes-dl a.note-link:hover{color:var(--cta)}
/* «Premium συλλογή»: gold with a glitter sparkle */
.prem-btn{position:relative;overflow:hidden;isolation:isolate;color:#5A4214;border-color:transparent;background:linear-gradient(110deg,#B8914A 0%,#F3D99B 22%,#C9A55C 42%,#FFF0C8 55%,#B8914A 74%,#E6C97F 100%);background-size:260% 100%;animation:goldSweep 5s ease-in-out infinite;box-shadow:0 8px 22px -10px rgba(150,110,40,.7),inset 0 1px 0 rgba(255,250,235,.8)}
.prem-btn::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.6px),radial-gradient(circle,rgba(255,255,255,.95) 0 .8px,transparent 1.3px),radial-gradient(circle,rgba(255,246,214,.9) 0 1.2px,transparent 1.8px);background-size:23px 19px,31px 27px,41px 33px;background-position:0 0,11px 7px,19px 15px;animation:glitter 3.2s linear infinite;mix-blend-mode:screen;pointer-events:none}
.prem-btn:hover{background-color:transparent;filter:brightness(1.06) saturate(1.1);color:#3F2E0C}
@keyframes glitter{0%{opacity:.35;background-position:0 0,11px 7px,19px 15px}50%{opacity:.95}100%{opacity:.35;background-position:23px 19px,-20px 34px,60px -18px}}
@media (prefers-reduced-motion:reduce){.neo-shine,.prem-btn,.prem-btn::after{animation:none}}
/* shop-item category head: the category story instead of the one-line lead */
.plp-story{position:relative;margin:.35rem 0 1.5rem;padding:1.15rem 1.3rem 1.05rem 1.45rem;max-width:40rem;border-radius:1.1rem;background:linear-gradient(135deg,rgba(255,236,244,.95),rgba(255,255,255,.75));border:1px solid rgba(214,60,120,.16);box-shadow:0 14px 34px -22px rgba(169,44,95,.45)}
.plp-story::before{content:"";position:absolute;left:0;top:1rem;bottom:1rem;width:3px;border-radius:3px;background:var(--gift-metal)}
.plp-story p{margin:0 0 .65rem;color:var(--ink,#2b2226);font-size:.98rem;line-height:1.62}
.plp-story p:last-child{margin-bottom:0;color:var(--muted)}
.plp-story p:first-child strong:first-child{display:block;margin-bottom:.35rem;font-family:var(--display);font-style:italic;font-weight:400;font-size:1.42rem;line-height:1.2;color:var(--gift-deep)}
.plp-story strong{color:var(--gift-deep);font-weight:600}
@media (max-width:640px){.plp-story{padding:1rem 1.05rem .95rem 1.2rem}.plp-story p:first-child strong:first-child{font-size:1.25rem}}
/* ===== «Η εταιρεία μας»: editorial About layout (0.9.24) ===== */
.about2{overflow-x:clip}
.about2 .kicker{display:inline-block}
.ab-hero{position:relative;padding:clamp(1.5rem,4vw,3rem) 0 clamp(2.5rem,6vw,4.5rem);background:radial-gradient(70% 90% at 12% 10%,rgba(255,221,235,.75),transparent 70%),radial-gradient(60% 80% at 95% 90%,rgba(243,217,155,.28),transparent 70%)}
.ab-hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,5vw,4.5rem);align-items:center}
.ab-copy{position:relative}
.ab-year{font-family:var(--display);font-weight:400;font-size:clamp(5.5rem,15vw,11rem);line-height:.8;letter-spacing:-.04em;margin:.4rem 0 .2rem -.04em;background-image:linear-gradient(115deg,transparent 38%,rgba(255,240,247,.95) 50%,transparent 62%),var(--gift-metal);background-repeat:no-repeat,no-repeat;background-size:250% 100%,100% 100%;background-position:150% 0,0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pbShine 6s cubic-bezier(.45,0,.25,1) infinite;opacity:.95}
.ab-copy h1.disp{font-size:clamp(2rem,4.6vw,3.3rem);margin:.2rem 0 .9rem;font-style:italic}
.ab-lede p{font-size:1.1rem;line-height:1.7;color:var(--ink);max-width:36rem;margin:0}
.ab-line{list-style:none;margin:1.8rem 0 0;padding:0;display:flex;gap:0;max-width:34rem;position:relative}
.ab-line::before{content:"";position:absolute;left:.45rem;right:.45rem;top:.45rem;height:2px;background:linear-gradient(90deg,var(--gift) 0%,rgba(214,60,120,.25) 100%)}
.ab-line li{flex:1;position:relative;padding-top:1.4rem}
.ab-line li::before{content:"";position:absolute;left:0;top:0;width:.95rem;height:.95rem;border-radius:50%;background:#fff;border:3px solid var(--gift);box-shadow:0 0 0 4px rgba(224,69,127,.12)}
.ab-line b{display:block;font-family:var(--display);font-size:1.35rem;color:var(--gift-deep);font-weight:400}
.ab-line span{display:block;font-size:.9rem;color:var(--muted);line-height:1.45;padding-right:1rem}
.ab-arch{position:relative;margin:0;justify-self:center;width:min(100%,24rem)}
.ab-arch img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12rem 12rem 1.4rem 1.4rem;box-shadow:0 30px 60px -30px rgba(120,30,70,.55)}
.ab-arch::before{content:"";position:absolute;inset:-.7rem;border-radius:12.7rem 12.7rem 2rem 2rem;border:1.5px solid rgba(214,60,120,.35);pointer-events:none}
.ab-arch figcaption{position:absolute;left:50%;bottom:-1rem;transform:translateX(-50%);white-space:nowrap;padding:.5rem 1.1rem;border-radius:2rem;background:#fff;box-shadow:0 10px 26px -12px rgba(120,30,70,.45);font-family:var(--display);font-style:italic;color:var(--gift-deep);font-size:1.05rem}
.ab-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.5rem,5vw,4rem);align-items:center;padding-block:clamp(3rem,7vw,5.5rem)}
.ab-shot{margin:0;position:relative}
.ab-shot img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:1.4rem;transform:rotate(-2.5deg);box-shadow:0 26px 50px -28px rgba(60,20,40,.55)}
.ab-shot::after{content:"";position:absolute;right:-1rem;bottom:-1rem;width:45%;height:45%;border-radius:1.4rem;background:var(--gift-metal);opacity:.18;z-index:-1}
.ab-text h2,.ab-trust h2,.ab-find h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:.3rem 0 1rem}
.ab-drop p{font-size:1.08rem;line-height:1.75;margin:0}
.ab-drop p::first-letter{float:left;font-family:var(--display);font-size:4.2rem;line-height:.85;padding:.35rem .6rem 0 0;color:var(--gift-deep)}
.ab-promise{background:linear-gradient(135deg,#3a1526 0%,#6b2242 55%,#a92c5f 100%);color:#fff;padding:clamp(3rem,8vw,5.5rem) 0;position:relative;overflow:hidden}
.ab-promise::before{content:"“";position:absolute;left:4%;top:-2.5rem;font-family:var(--display);font-size:16rem;line-height:1;color:rgba(255,255,255,.08)}
.ab-promise-in{position:relative;text-align:center;max-width:52rem}
.ab-promise .kicker{color:#F3C9DA}
.ab-promise blockquote{margin:1rem 0 0;font-family:var(--display);font-size:clamp(1.45rem,3.2vw,2.3rem);line-height:1.35;font-weight:400}
.ab-promise blockquote p{margin:0}
.ab-trust{text-align:center;padding-block:clamp(3rem,7vw,5rem) clamp(1.5rem,4vw,2.5rem);max-width:46rem}
.ab-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin:.4rem 0 1.4rem;transform:scale(1.15);transform-origin:center top}
.ab-trust-t p{font-size:1.08rem;line-height:1.7;color:var(--ink);margin:0}
.ab-find{padding-block:clamp(2rem,5vw,3.5rem) clamp(3.5rem,8vw,6rem);text-align:center}
.ab-stores{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,1.75rem);margin-top:.6rem;text-align:left}
.ab-store{position:relative;display:block;border-radius:1.4rem;overflow:hidden;aspect-ratio:4/3;color:#fff;text-decoration:none;box-shadow:0 22px 44px -26px rgba(60,20,40,.6)}
.ab-store img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.ab-store::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(30,10,20,.78) 100%)}
.ab-store:hover img{transform:scale(1.05)}
.ab-store-t{position:absolute;left:1.3rem;right:1.3rem;bottom:1.1rem;z-index:1;display:grid;gap:.15rem}
.ab-store-t b{font-family:var(--display);font-weight:400;font-size:2rem;line-height:1}
.ab-store-t small{font-size:.95rem;opacity:.9}
.ab-store-t i{font-style:normal;font-size:.85rem;margin-top:.35rem;color:#FFC6DA}
@media (max-width:820px){
  .ab-hero-in,.ab-story{grid-template-columns:1fr}
  .ab-arch{width:min(82%,20rem);margin-top:.5rem}
  .ab-shot{width:min(80%,19rem);justify-self:center}
  .ab-stores{grid-template-columns:1fr}
  .ab-line{flex-direction:column;gap:1rem}
  .ab-line::before{left:.45rem;right:auto;top:.45rem;bottom:.45rem;width:2px;height:auto;background:linear-gradient(180deg,var(--gift),rgba(214,60,120,.25))}
  .ab-line li{padding:0 0 0 1.8rem}
  .ab-badges{transform:none}
}
@media (prefers-reduced-motion:reduce){.ab-year{animation:none}}
/* ===== Smart Search suggestions (0.9.25) ===== */
.ss-host{position:relative}
.ss-results{text-align:left;z-index:40}
.ss-results a{color:inherit;text-decoration:none}
.ss-results .res:hover,.ss-results .res:focus,.ss-results .res-feature:hover,.ss-results .res-feature:focus{background:var(--pink-50,#FFF5F9);outline:none}
.ss-results .res-feature{margin:0}
.ss-all{display:block;margin:.35rem .25rem .1rem;padding:.6rem .75rem;border-radius:.75rem;text-align:center;font-weight:600;font-size:.9rem;color:var(--cta)!important;background:var(--pink-50,#FFF5F9)}
.ss-all:hover{background:var(--pink-100)}
/* facts row: one line on desktop (0.9.25) */
@media (min-width:861px){.plp-facts{flex-wrap:nowrap}.plp-facts div{padding:0 clamp(.7rem,1.2vw,1.3rem)}.plp-facts dd{font-size:clamp(1.1rem,1.35vw,1.45rem)}}
/* search head: the notes you searched for */
.ss-notes{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:.1rem 0 1rem}
.ss-notes>span{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sel-ink);margin-right:.2rem}
.ss-note{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .8rem .35rem .4rem;border-radius:999px;background:#fff;border:1px solid var(--pink-200);color:var(--ink);text-decoration:none;font-size:.95rem;box-shadow:0 6px 16px -12px rgba(169,44,95,.5);transition:transform .2s,box-shadow .2s}
.ss-note i{font-style:normal;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff,var(--pink-100));font-size:1.05rem}
a.ss-note:hover{transform:translateY(-1px);box-shadow:0 10px 20px -12px rgba(169,44,95,.6)}
/* Premium: the story in the gold head */
.lux-story{background:linear-gradient(135deg,rgba(255,244,220,.10),rgba(255,255,255,.04));border-color:rgba(201,165,92,.35);box-shadow:none}
.lux-story::before{background:linear-gradient(180deg,#F3D99B,#9C7A3C)}
.lux-story p{color:#E9DCC3}
.lux-story p:last-child{color:#CBB895}
.lux-story p:first-child strong:first-child{color:#F3D99B}
.lux-story strong{color:#F3D99B}
/* ===== chat (0.9.25): quick replies never squeezed, logo avatar, Instagram, shine & glow ===== */
.chat-b{flex:1 1 auto;min-height:0}
.chat-q{flex:0 0 auto;align-items:center;padding:.55rem .9rem .5rem;scroll-snap-type:x proximity}
.chat-q button{white-space:nowrap;line-height:1.25;padding:.42rem .8rem;scroll-snap-align:start;position:relative;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,var(--pink-200),#F7C2D6,var(--pink-200)) border-box;border:1.5px solid transparent;box-shadow:0 4px 12px -8px rgba(169,44,95,.45);transition:box-shadow .25s,transform .25s}
.chat-q button:hover{background:linear-gradient(var(--pink-50),var(--pink-50)) padding-box,linear-gradient(120deg,#E0457F,#FF9CC4,#E0457F) border-box;box-shadow:0 0 0 3px rgba(224,69,127,.12),0 8px 18px -8px rgba(224,69,127,.6);transform:translateY(-1px)}
.chat-av{position:relative;isolation:isolate;background:#fff!important;padding:.2rem;box-shadow:0 0 0 2px #fff,0 0 14px 2px rgba(224,69,127,.45)}
.chat-av::before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,#E0457F,#FFD2E3,#C9A55C,#FF9CC4,#E0457F);z-index:-1;animation:luxSpin 6s linear infinite}
.chat-av img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:#fff}
.chat-h{position:relative;overflow:hidden}
.chat-h::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.7) 45%,transparent 60%);transform:translateX(-120%);animation:shimmer 5s ease-in-out infinite;pointer-events:none}
.chat{box-shadow:0 0 0 2px var(--pink-200),0 0 30px -6px rgba(224,69,127,.35),0 30px 60px -28px rgba(36,31,35,.5)}
.chat-ig{display:inline-flex;align-items:center;gap:.4rem;margin:.35rem 0;padding:.45rem .85rem;border-radius:999px;color:#fff!important;text-decoration:none!important;font-weight:600;background:linear-gradient(45deg,#F58529,#DD2A7B 45%,#8134AF 80%,#515BD4);box-shadow:0 8px 18px -10px rgba(221,42,123,.8)}
.chat-ig:hover{filter:brightness(1.08)}
@media (prefers-reduced-motion:reduce){.chat-av::before,.chat-h::after{animation:none}}
/* 2+1 (0.9.25): the three bottles open «Φτιάξε το σετ σου»; the hero «2+1» lands a little above the section */
a.bt{color:inherit;text-decoration:none;cursor:pointer}
a.bt:focus-visible .bt-frame{outline:2px solid var(--cta);outline-offset:3px}
#promo{scroll-margin-top:clamp(6rem,14vh,9rem)}
/* set builder «+» (0.9.25): see-through like the home 2+1 ones — the cross was drawn in pink on a pink disc (and pink on gold in Premium) */
.set-frame.v2 .plus{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 0 0 1.5px rgba(214,60,120,.35),0 10px 20px -10px rgba(180,81,122,.55)}
.set-frame.v2 .plus::before,.set-frame.v2 .plus::after{background:var(--cta)}
.set-slot.gift .set-frame.v2 .plus::before,.set-slot.gift .set-frame.v2 .plus::after{background:var(--gift)}
.set-page.v2.prem .set-frame.v2 .plus{background:rgba(255,248,230,.14);box-shadow:0 0 0 1.5px rgba(243,217,155,.7),0 0 18px -4px rgba(201,165,92,.6)}
.set-page.v2.prem .set-frame.v2 .plus::before,.set-page.v2.prem .set-frame.v2 .plus::after{background:#F3D99B}
/* «Τα πιο δημοφιλή» rows (set builder + Discovery, 0.9.26): at rest the first card snapped flush to the edge and its border was cut; three whole cards, no sliver */
.disc-quick{scroll-padding-inline:4px;padding:6px 4px 12px}
@media (min-width:861px){.disc-quick .scent-opt{flex:0 0 calc((100% - 1.4rem) / 3)}}
/* ===== venom takeover: the Premium switch in «Φτιάξε το σετ σου» (0.9.26) ===== */
.venom{position:fixed;inset:0;z-index:200;pointer-events:none}
.venom-goo{position:absolute;inset:0;filter:url(#venomGoo) drop-shadow(0 0 7px rgba(201,165,92,.95)) drop-shadow(0 0 22px rgba(201,165,92,.45))}
.venom-goo i{position:absolute;border-radius:50%;will-change:transform}
.venom.to-gold .venom-goo i{background:radial-gradient(circle at 45% 40%,#3a2c1c 0%,#1d1711 55%,#120e0a 100%)}
.venom.to-pink .venom-goo{filter:url(#venomGoo) drop-shadow(0 0 7px rgba(255,156,196,.95)) drop-shadow(0 0 22px rgba(224,69,127,.45))}
.venom.to-pink .venom-goo i{background:radial-gradient(circle at 45% 40%,#FFF3F8 0%,#FCE3EC 60%,#F9D4E1 100%)}
/* ===== Premium set: the picker in dark gold (0.9.26) ===== */
.set-page.v2.prem .set-picker.v2{background:linear-gradient(180deg,#221b14,#1a1510);border-color:rgba(201,165,92,.45);box-shadow:0 0 0 1px rgba(201,165,92,.25),0 24px 48px -30px rgba(0,0,0,.8)}
.set-page.v2.prem .set-picker.v2 .opt-h b{color:#F3E7CF}
.set-page.v2.prem .set-picker.v2 .opt-h span{color:#BBA77E}
.set-page.v2.prem .disc-search.gold{background:#15110c;border:1.5px solid rgba(201,165,92,.7);box-shadow:inset 0 1px 0 rgba(255,240,200,.06),0 0 0 4px rgba(201,165,92,.08)}
.set-page.v2.prem .disc-search.gold::before,.set-page.v2.prem .disc-search.gold::after{display:none}
.set-page.v2.prem .disc-search.gold svg{color:#E9C979}
.set-page.v2.prem .disc-search.gold input{background:transparent;color:#F3E7CF}
.set-page.v2.prem .disc-search.gold input::placeholder{color:#9C8A66}
.set-page.v2.prem .disc-hints span{color:#BBA77E}
.set-page.v2.prem .disc-hints .hint,.set-page.v2.prem .set-help .hint{background:transparent;color:#E9C979;border-color:rgba(201,165,92,.5);box-shadow:none}
.set-page.v2.prem .disc-hints .hint:hover,.set-page.v2.prem .set-help .hint:hover{background:rgba(201,165,92,.14)}
.set-page.v2.prem .set-help span{color:#BBA77E}
.set-page.v2.prem .set-help{border-color:rgba(201,165,92,.2)}
.set-page.v2.prem .scent-opt{background:linear-gradient(180deg,#2a2118,#1d1711);border-color:rgba(201,165,92,.55);color:#F3E7CF;box-shadow:none}
.set-page.v2.prem .scent-opt:hover{border-color:var(--gold);box-shadow:0 0 18px -6px rgba(201,165,92,.6)}
.set-page.v2.prem .scent-opt .c-code{color:#E9C979}
.set-page.v2.prem .scent-opt b{color:#F7EEDD}
.set-page.v2.prem .scent-opt small{color:#BBA77E;opacity:1}
.set-page.v2.prem .set-res .res-empty{color:#CBB895}
.set-page.v2.prem .disc-quick{scrollbar-color:rgba(201,165,92,.5) transparent}
.set-page.v2.prem .set-frame.v2{background:radial-gradient(circle at 50% 35%,#2e2419,#17120d)}
.set-page.v2.prem .set-slot.v2:not(.on) .set-frame.v2 img{opacity:.28;filter:sepia(.6) saturate(.6) brightness(.9)}
/* «Premium συλλογή» v2 (owner 2026-09-24: the gold fill read as yellow) — dark jewel button: moving gold-metal border, glowing gold letters, twinkling sparkles */
.prem-btn{position:relative;overflow:hidden;isolation:isolate;color:#F3D99B;border:1.5px solid transparent;animation:premBorder 4s linear infinite;
  background:linear-gradient(180deg,#2a2118,#15110c) padding-box,linear-gradient(110deg,#7a5c24,#F3D99B 25%,#C9A55C 45%,#FFF6D8 55%,#9C7A3C 75%,#E6C97F) border-box;background-size:100% 100%,300% 100%;
  text-shadow:0 0 10px rgba(243,217,155,.55);box-shadow:0 0 0 1px rgba(201,165,92,.15),0 10px 26px -12px rgba(120,90,30,.9),0 0 22px -8px rgba(201,165,92,.7);filter:none}
.prem-btn::after{content:"✦  ✧     ✦    ✧  ✦";position:absolute;inset:0;z-index:-1;display:flex;align-items:center;justify-content:space-around;padding:0 .6rem;font-size:.62rem;letter-spacing:.2rem;color:#FFF0C8;white-space:pre;background:none;mix-blend-mode:normal;animation:premTwinkle 2.6s ease-in-out infinite;pointer-events:none}
.prem-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,240,200,.22) 48%,transparent 60%);transform:translateX(-120%);animation:shimmer 3.8s ease-in-out infinite}
.prem-btn:hover{color:#FFF6D8;background-color:transparent;filter:none;box-shadow:0 0 0 1px rgba(201,165,92,.35),0 12px 30px -12px rgba(120,90,30,.95),0 0 30px -6px rgba(243,217,155,.8)}
@keyframes premBorder{to{background-position:0 0,300% 0}}
@keyframes premTwinkle{0%,100%{opacity:.15;transform:translateY(1px)}40%{opacity:.85}60%{opacity:.35;transform:translateY(-1px)}}
@media (prefers-reduced-motion:reduce){.prem-btn,.prem-btn::before,.prem-btn::after{animation:none}}
/* ===== article layout v2 (0.9.26) ===== */
.read-bar{position:fixed;left:0;right:0;top:0;height:3px;z-index:120;pointer-events:none}
.read-bar i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--gift-metal)}
.post-hero{padding:clamp(1.25rem,3vw,2.5rem) 0 clamp(1.5rem,4vw,3rem);background:radial-gradient(70% 100% at 10% 0%,rgba(255,221,235,.7),transparent 70%)}
.post-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.post-hero h1.disp{font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.08;margin:.35rem 0 .8rem}
.post-lead{font-size:1.12rem;line-height:1.65;color:var(--muted);margin:0 0 1.1rem;max-width:34rem}
.post-meta{display:flex;flex-wrap:wrap;gap:.5rem}
.post-meta span{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:999px;background:#fff;border:1px solid var(--pink-200);font-size:.82rem;color:var(--muted)}
.post-hero-img{margin:0;border-radius:1.6rem;overflow:hidden;aspect-ratio:4/3;box-shadow:0 0 0 6px #fff,0 0 0 7.5px var(--pink-200),0 30px 60px -30px rgba(120,30,70,.45)}
.post-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.post-grid{display:grid;grid-template-columns:15rem minmax(0,42rem);justify-content:center;gap:clamp(2rem,5vw,4rem);padding-block:clamp(1.5rem,4vw,3rem)}
.post-grid.no-toc{grid-template-columns:minmax(0,42rem)}
.post-toc{position:sticky;top:6.5rem;align-self:start;padding:1rem 1.1rem;border-radius:1rem;background:#fff;border:1px solid var(--pink-200);font-size:.88rem}
.post-toc b{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sel-ink);margin-bottom:.6rem}
.post-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.15rem;counter-reset:t}
.post-toc li{counter-increment:t}
.post-toc a{display:block;padding:.35rem .5rem .35rem 2rem;position:relative;border-radius:.6rem;color:var(--ink);text-decoration:none;line-height:1.35;transition:background .2s,color .2s}
.post-toc a::before{content:counter(t);position:absolute;left:.45rem;top:.35rem;width:1.15rem;height:1.15rem;border-radius:50%;display:grid;place-items:center;font-size:.68rem;background:var(--pink-100);color:var(--sel-ink)}
.post-toc a:hover,.post-toc a.on{background:var(--pink-50);color:var(--cta)}
.post-toc a.on::before{background:var(--cta);color:#fff}
.post-body{font-size:1.08rem;line-height:1.8;color:var(--ink)}
.post-body>p:first-child.lead,.post-body p.lead{margin:0 0 1.2rem;padding:1rem 1.2rem 1rem 1.35rem;border-radius:1rem;background:linear-gradient(135deg,rgba(255,236,244,.95),#fff);border:1px solid rgba(214,60,120,.16);position:relative;font-size:1.12rem}
.post-body p.lead::before{content:"";position:absolute;left:0;top:.9rem;bottom:.9rem;width:3px;border-radius:3px;background:var(--gift-metal)}
.post-body p.lead strong{font-family:var(--display);font-weight:400;font-style:italic;font-size:1.3rem;color:var(--gift-deep)}
.post-body h2{scroll-margin-top:6.5rem;display:flex;align-items:baseline;gap:.6rem;font-size:clamp(1.45rem,2.4vw,1.85rem);margin:2.2rem 0 .7rem;line-height:1.2}
.post-body h2 .h-num{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;font-family:var(--body);font-size:.95rem;font-weight:700;color:#fff;background:var(--gift-metal);box-shadow:0 6px 14px -6px rgba(169,44,95,.7);transform:translateY(-.15em)}
.post-body ul,.post-body ol{padding-left:0;list-style:none;display:grid;gap:.6rem;margin:1rem 0}
.post-body ul li,.post-body ol li{position:relative;padding:.7rem .9rem .7rem 2.3rem;border-radius:.9rem;background:#fff;border:1px solid var(--line)}
.post-body ul li::before{content:"";position:absolute;left:1rem;top:1.25rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--cta)}
.post-body a{color:var(--cta);text-decoration:underline;text-decoration-color:var(--pink-300,#F4A9C4);text-underline-offset:3px}
.post-body table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.95rem;border-radius:1rem;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.post-body th,.post-body td{padding:.65rem .8rem;text-align:left;border-bottom:1px solid var(--line)}
.post-body th{background:var(--pink-50);font-weight:600}
.post-shop{margin-top:2.5rem;padding:1.4rem 1.5rem;border-radius:1.3rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;color:#fff;background:linear-gradient(135deg,#6b2242,#a92c5f 60%,#d63c78);box-shadow:0 24px 50px -26px rgba(120,30,70,.8)}
.post-shop .kicker{color:#FFC6DA}
.post-shop b{display:block;font-family:var(--display);font-weight:400;font-size:1.5rem;margin:.2rem 0 .3rem}
.post-shop p{margin:0;color:#FBE3EC;font-size:.95rem;line-height:1.55}
.post-shop-a{display:grid;gap:.5rem}
.post-shop .btn{background:#fff;color:var(--gift-deep);border-color:#fff;text-decoration:none}
.post-shop .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.post-more{padding-block:clamp(1rem,3vw,2rem) clamp(3rem,7vw,5rem)}
.post-more h2{text-align:center;font-size:clamp(1.8rem,3.4vw,2.4rem);margin:0 0 1.4rem}
.post-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,2vw,1.4rem)}
.post-more-grid .post2 .pi{aspect-ratio:16/10}
.post-more-grid .post2 .pi img{width:100%;height:100%;object-fit:cover}
@media (max-width:980px){.post-grid{grid-template-columns:minmax(0,42rem)}.post-toc{position:static}}
@media (max-width:820px){.post-hero-in{grid-template-columns:1fr}.post-hero-img{order:-1;aspect-ratio:16/10}.post-more-grid{grid-template-columns:1fr}.post-shop{grid-template-columns:1fr}.post-shop-a{grid-template-columns:1fr 1fr}}
/* review avatars: the reviewer's real Google photo over the initial (0.9.26) */
.avatar.has-photo{position:relative;overflow:hidden}
.avatar.has-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
/* ===== newsletter form (0.9.26) ===== */
.news-form{display:grid;gap:.6rem}
.news-row{display:flex;gap:.5rem}
.news-row input{flex:1;min-width:0}
.news-form .hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.news-ok{display:flex;gap:.55rem;align-items:flex-start;font-size:.8rem;line-height:1.4;color:var(--muted);cursor:pointer;text-align:left}
.news-ok input{margin-top:.15rem;accent-color:var(--cta);flex:none}
.news-msg{font-size:.92rem;display:grid;gap:.5rem;justify-items:start}
.news-msg:empty{display:none}
.news-msg.err{color:#B3261E}
.news-msg.ok{color:var(--ok,#2E7D4F);font-weight:600}
.news-code{appearance:none;border:0;cursor:pointer;font:700 1.35rem/1 var(--body);letter-spacing:.14em;padding:.8rem 1.2rem;border-radius:.9rem;color:#fff;background:var(--gift-metal);box-shadow:0 12px 26px -12px rgba(169,44,95,.8);position:relative}
.news-code.copied::after{content:"✓ Αντιγράφηκε";position:absolute;left:50%;top:-1.9rem;transform:translateX(-50%);font-size:.72rem;letter-spacing:0;background:var(--ink);color:#fff;padding:.25rem .55rem;border-radius:.4rem;white-space:nowrap}
.news-msg small{color:var(--muted);font-weight:400;font-size:.8rem}
/* the ghost-button styles were stronger than .prem-btn — same rules, higher priority */
.btn.ghost.prem-btn{color:#F3D99B;border:1.5px solid transparent;background:linear-gradient(180deg,#2a2118,#15110c) padding-box,linear-gradient(110deg,#7a5c24,#F3D99B 25%,#C9A55C 45%,#FFF6D8 55%,#9C7A3C 75%,#E6C97F) border-box;background-size:100% 100%,300% 100%;animation:premBorder 4s linear infinite}
.btn.ghost.prem-btn:hover{color:#FFF6D8;background:linear-gradient(180deg,#33281c,#1a140e) padding-box,linear-gradient(110deg,#7a5c24,#F3D99B 25%,#C9A55C 45%,#FFF6D8 55%,#9C7A3C 75%,#E6C97F) border-box;background-size:100% 100%,300% 100%}
/* Premium button: sparkles around the edges, never over the letters */
.prem-btn::after{content:"✦";display:block;inset:auto;left:.5rem;top:.2rem;padding:0;letter-spacing:0;font-size:.55rem;line-height:1;white-space:normal;text-shadow:none}
.prem-btn>.sp{position:absolute;font-size:.5rem;line-height:1;color:#FFF0C8;pointer-events:none;animation:premTwinkle 2.4s ease-in-out infinite}
/* ===== fixes 0.9.30 (owner: "the review section broke and the newsletter one") ===== */
/* newsletter: the old «.news form» pill now wraps only the email row; the form itself is a plain stack */
.news form.news-form{display:grid;gap:.65rem;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.news form.news-form:focus-within{box-shadow:none}
.news .news-row{display:flex;gap:.5rem;align-items:center;width:100%;background:#fff;border-radius:999px;padding:.35rem;box-shadow:0 0 0 2px var(--pink-200);transition:box-shadow .25s}
.news .news-row:focus-within{box-shadow:0 0 0 2px var(--pink-400),0 12px 24px -16px rgba(201,101,138,.7)}
.news .news-row input{flex:1;min-width:0;height:2.75rem;background:none;border:0;outline:0;color:var(--ink);padding-inline:1rem}
.news .news-row .btn{flex:none}
.news .news-ok{display:flex;align-items:flex-start;gap:.55rem;margin:0;font-size:.8rem;line-height:1.45;color:var(--muted);text-align:left}
.news .news-ok input{flex:none;width:1.05rem;height:1.05rem;min-width:0;margin:.1rem 0 0;padding:0;accent-color:var(--cta)}
.news .news-ok span{flex:1}
/* WordPress turns emoji into <img class="emoji"> — keep them the size of the text (a ⭐ review blew the cards up) */
img.emoji,img.wp-smiley{display:inline!important;width:1em!important;height:1em!important;max-width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;border:0!important;box-shadow:none!important;background:none!important;padding:0!important}
/* hero notes picker (0.9.30): a small picture on each note; the popover sits above the suggestions */
.note-grid .note{display:inline-flex;align-items:center;gap:.3rem}
.note-grid .note i{font-style:normal;font-size:.95em;line-height:1}
.notes-pop{z-index:45}
.notes-foot{gap:.6rem}
.rf-act .link{font-size:.85rem;color:var(--cta);text-decoration:underline;text-underline-offset:3px}
/* 0.9.31: a 4★ review shows four gold and one grey star; category search suggestions sit right under the input */
.stars .st-off{font-style:normal;color:#E6DCE1}
.plp-search{position:relative}
.plp-search .ss-results{top:calc(100% + .4rem)}
/* page title for screen readers and Google where the design has none (0.9.31) */
.vh{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* ===== 0.9.32 basket ===== */
/* phone: the products first, the totals after (the prototype put the summary first — right for checkout, wrong for the basket) */
@media (max-width:860px){.helios-cart .summary{order:0}}
/* WPLoyalty messages as calm Helios notes instead of the plugin's big black star */
.wlr-message-info{display:flex;align-items:center;gap:.6rem;margin:0 0 .6rem;padding:.7rem .95rem;border-radius:.9rem;background:#fff;border:1px solid var(--pink-200);font-size:.9rem;line-height:1.45;color:var(--ink);box-shadow:none}
.wlr-message-info p{margin:0}
.wlr-message-info i.wlr{flex:none;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--pink-50);color:var(--cta)!important;font-size:.95rem}
.wlr-message-info a{color:var(--cta);font-weight:600}
/* phone (0.9.32): the full-width last card (3rd bottle / 5th vial) lies sideways instead of doubling in height */
@media (max-width:860px){
  .set-slot.v2:last-child{grid-template-columns:minmax(0,42%) 1fr;align-items:center;column-gap:.9rem}
  .set-slot.v2:last-child .set-frame.v2{grid-row:1 / span 2}
}
@media (max-width:760px){
  .disc-slot:last-child{display:grid;grid-template-columns:minmax(0,40%) 1fr;align-items:center;column-gap:.9rem;text-align:left}
  .disc-slot:last-child>*:first-child{grid-row:1 / span 3}
}
/* 404 (0.9.32) */
.nf-hero{text-align:center;padding-block:clamp(2.5rem,7vw,5rem) clamp(1.5rem,4vw,2.5rem);max-width:44rem}
.nf-num{font-family:var(--display);font-size:clamp(5rem,16vw,9rem);line-height:.85;background-image:var(--gift-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nf-hero h1{font-size:clamp(1.9rem,4.5vw,2.8rem);margin:.6rem 0 .6rem}
.nf-hero p{color:var(--muted);font-size:1.05rem;line-height:1.6;margin:0 auto 1.4rem;max-width:34rem}
.nf-search{max-width:36rem;margin:0 auto 1.2rem;text-align:left}
.nf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}
.nf-more{padding-bottom:clamp(3rem,7vw,5rem)}
.nf-more h2{text-align:center;margin:1rem 0 1.4rem}
/* logged-in admins: the sticky sort bar sat under the WordPress admin bar (32px desktop, 46px phone) */
body.admin-bar .plp-bar{top:calc(32px + 4.875rem)}
@media (max-width:980px){body.admin-bar .plp-bar{top:calc(32px + 4.25rem)}}
@media (max-width:782px){body.admin-bar .plp-bar{top:calc(46px + 4.25rem)}}
@media (max-width:600px){body.admin-bar .plp-bar{top:4.25rem}}   /* WordPress un-fixes its admin bar below 600px */
@media (max-width:760px){.disc-slot:last-child{justify-items:start;align-content:center}.disc-slot:last-child>*:not(:first-child){grid-column:2}}
/* checkout errors: WooCommerce inserts the notice box as the first child of the 2-column checkout grid, which pushed the form into the right column */
form.checkout>.woocommerce-NoticeGroup{grid-column:1/-1}
form.checkout>.woocommerce-NoticeGroup .woocommerce-error{margin:0 0 .4rem}

/* ===== 0.9.40 (owner batch 2026-09-25) ===== */
/* hero: the notes popover sat under the hero's 3px outline (.hero::after, z-index 2) */
.hero-copy{z-index:3}
/* «Βρες το άρωμά σου σε 30″»: a white shine sweeps across */
.quiz-chip{overflow:hidden}
.quiz-chip::after{content:"";position:absolute;top:-60%;bottom:-60%;width:38%;left:-70%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.62) 50%,transparent 100%);transform:skewX(-22deg);animation:chipShine 3.4s ease-in-out infinite;pointer-events:none}
@keyframes chipShine{0%{left:-70%}45%,100%{left:140%}}
/* «Ο χάρτης των νοτών»: pink glow */
.nm-link{color:var(--cta);font-weight:600;text-decoration:none;text-shadow:0 0 10px rgba(201,101,138,.45),0 0 2px rgba(201,101,138,.3);animation:nmGlow 2.6s ease-in-out infinite}
.nm-link:hover{text-decoration:underline}
@keyframes nmGlow{0%,100%{text-shadow:0 0 6px rgba(201,101,138,.3),0 0 1px rgba(201,101,138,.2)}50%{text-shadow:0 0 16px rgba(239,163,188,.9),0 0 4px rgba(201,101,138,.6)}}
/* newsletter: the browser's autofill blue and squeezed text in the email pill */
.news .news-row input{font-size:1rem;border-radius:999px;line-height:1.2}
.news .news-row input:-webkit-autofill,.news .news-row input:-webkit-autofill:hover,.news .news-row input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);border-radius:999px;transition:background-color 9999s ease-out}
.news .news-ok{padding-left:.4rem}
/* add to basket without leaving the page */
.fly-img{position:fixed;z-index:200;pointer-events:none;border-radius:1rem;object-fit:cover;transition:transform .8s cubic-bezier(.45,0,.2,1),opacity .8s;will-change:transform}
#cartBtn.bump{animation:cartBump .6s var(--ease)}
@keyframes cartBump{0%{transform:scale(1)}35%{transform:scale(1.28)}70%{transform:scale(.94)}100%{transform:scale(1)}}
.toast.link{pointer-events:auto}
.toast a{color:#F7C4D6;margin-left:.7rem;text-decoration:underline;text-underline-offset:2px}
a.add.busy,[data-ssadd].busy{opacity:.7;pointer-events:none}
/* quiz results: more of them, and into the Discovery set */
.quiz-more{display:grid;justify-items:center;gap:.4rem;margin:1rem 0 .4rem}
.quiz-more small{color:var(--muted);font-size:.8rem}
.quiz-set.disc{margin-top:.6rem;background:linear-gradient(120deg,#FFF8FB,#FDF1F5);border:1.5px solid var(--pink-200)}
/* Premium story as short lines */
.lux-story ul.lux-list{list-style:none;margin:.55rem 0 0;padding:0;display:grid;gap:.5rem}
.lux-list li{position:relative;padding-left:1.15rem;color:#E9DCC3;line-height:1.5;font-size:.97rem}
.lux-list li::before{content:"";position:absolute;left:0;top:.62em;width:.42rem;height:.42rem;border-radius:50%;background:#F3D99B;box-shadow:0 0 8px rgba(243,217,155,.7)}
.lux-list b{color:#F3D99B;font-weight:600}
.lux-story p:first-child{margin-bottom:0}
/* bottom boxes (category pages) and «Ζήτησέ το»: real outlines with a little colour */
.pf-card{position:relative;overflow:hidden;box-shadow:none;border:1.5px solid var(--pink-400);background:linear-gradient(180deg,#fff 0%,#FFF6F9 100%)}
.pf-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--pink-400),var(--cta) 50%,var(--pink-400))}
.pf-card::after{content:"";position:absolute;right:-2.2rem;top:-2.2rem;width:8rem;height:8rem;border-radius:50%;background:radial-gradient(circle,rgba(239,163,188,.28),transparent 68%);pointer-events:none}
.pf-card .kicker{color:var(--cta)}
.pf-card .btn{position:relative}
.lux .pf-card,.plp-body.lux .pf-card{background:linear-gradient(180deg,#fff,#FFF9EF);border-color:var(--gold-2)}
.lux .pf-card::before{background:linear-gradient(90deg,var(--gold-2),#F3D99B 50%,var(--gold-2))}
.req-box,.req-band .req-box{box-shadow:none;border:1.5px solid var(--pink-400);background:linear-gradient(180deg,#fff,#FFF6F9);position:relative;overflow:hidden}
.req-box::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,var(--pink-400),var(--cta))}
.req-box .kicker{color:var(--cta)}
.req-box.done{border-color:var(--cta)}
/* basket: continue shopping, fill the basket, courier logos */
.cart-continue{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;color:var(--cta);font-weight:500;text-decoration:none;font-size:.93rem}
.cart-continue:hover{text-decoration:underline}
.helios-checkout .cart-continue{margin-top:.9rem}
.cart-fill{margin-top:1.3rem;padding:1.1rem 1.2rem 1.2rem;border-radius:1.5rem;border:1.5px solid var(--pink-200);background:linear-gradient(180deg,#FFF9FB,#fff)}
.cf-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin-bottom:.9rem;flex-wrap:wrap}
.cf-head b{font-family:var(--display);font-weight:500;font-size:1.15rem;line-height:1.2}
.cf-head b .num{color:var(--cta)}
.cf-head a{font-size:.85rem;color:var(--cta);white-space:nowrap}
.cf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
@media (max-width:900px){.cf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fill-card{display:grid;gap:.5rem;align-content:start;background:#fff;border:1px solid var(--line);border-radius:1.1rem;padding:.6rem;text-align:left}
.fill-card .cf-img img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:.8rem;background:var(--pink-50)}
.fill-card .cf-name{display:block;font-size:.86rem;line-height:1.25;margin-bottom:.15rem}
.cf-why{display:block;font-size:.68rem;color:var(--cta);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}
.fill-card .num{font-size:.9rem}
.fill-card .btn{justify-self:start;margin-top:.1rem}
.ship-logo{width:3rem;height:1.6rem;object-fit:contain;flex:none;border-radius:.3rem;background:#fff;padding:.1rem}
.woocommerce ul#shipping_method li label.opt .ship-logo{margin-left:-.2rem}
/* ---------- notes map, remodelled ---------- */
.nm-hero{position:relative;overflow:hidden;background:radial-gradient(60rem 30rem at 12% 0%,#FCE3EC,transparent 60%),radial-gradient(44rem 26rem at 92% 30%,#FBEFF3,transparent 62%),var(--snow);padding:clamp(1.6rem,4vw,3.2rem) 0 1.6rem}
.nm-hero .kicker{color:var(--cta)}
.nm-hero h1{font-size:clamp(2.3rem,6vw,4.2rem);margin:.3rem 0 .5rem;line-height:1.02}
.nm-hero p{max-width:38rem;color:var(--muted);font-size:1.05rem;line-height:1.55;margin:0 0 1.2rem}
.nm-search{display:flex;align-items:center;gap:.6rem;max-width:30rem;background:#fff;border-radius:999px;padding:.35rem .5rem .35rem 1rem;box-shadow:0 0 0 2px var(--pink-200);color:var(--muted);transition:box-shadow .25s}
.nm-search:focus-within{box-shadow:0 0 0 2px var(--pink-400),0 12px 24px -16px rgba(201,101,138,.7)}
.nm-search input{flex:1;min-width:0;border:0;outline:0;background:none;height:2.6rem;font:inherit;font-size:1rem;color:var(--ink)}
.nm-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}
.nm-nav a{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--tint,#fff));border-radius:999px;padding:.45rem .95rem .45rem .7rem;font-size:.88rem;font-weight:500;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
.nm-nav a:hover{border-color:var(--cta);transform:translateY(-1px)}
.nm-nav a i{font-style:normal;font-size:1.05rem;line-height:1}
.nm-nav a .num{color:var(--muted);font-size:.78rem}
.nm-body{padding:1.4rem 0 clamp(3rem,7vw,5rem);display:grid;gap:1.3rem}
.nm-fam{scroll-margin-top:7rem;border-radius:1.75rem;padding:clamp(1.1rem,3vw,1.7rem);background:linear-gradient(160deg,var(--tint) 0%,#fff 72%);border:1.5px solid var(--pink-200);position:relative;overflow:hidden}
.nm-fam::after{content:"";position:absolute;right:-3rem;bottom:-3rem;width:11rem;height:11rem;border-radius:50%;background:radial-gradient(circle,var(--tint),transparent 70%);opacity:.9;pointer-events:none}
.nm-fam header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;position:relative}
.nm-emoji{font-size:2rem;width:3.5rem;height:3.5rem;flex:none;display:grid;place-items:center;background:#fff;border-radius:1.1rem;box-shadow:0 10px 22px -14px rgba(36,31,35,.5)}
.nm-fam h2{margin:0;font-size:clamp(1.45rem,3vw,1.95rem);line-height:1.1}
.nm-fam header p{margin:.15rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}
.nm-count{margin-left:auto;font-size:.8rem;color:var(--muted);white-space:nowrap;background:#fff;border-radius:999px;padding:.3rem .7rem}
.nm-tiles{display:flex;flex-wrap:wrap;gap:.55rem;position:relative}
.nm-tile{display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem .5rem .65rem;text-decoration:none;color:inherit;font-size:.92rem;transition:transform .2s,box-shadow .2s,border-color .2s}
.nm-tile i{font-style:normal;font-size:1.1rem;line-height:1}
.nm-tile b{font-weight:600}
.nm-tile .num{font-size:.74rem;color:var(--muted);background:var(--pink-50);border-radius:999px;padding:.1rem .48rem}
.nm-tile.md{font-size:1.02rem}
.nm-tile.lg{font-size:1.14rem;padding:.65rem 1.1rem .65rem .8rem;border-color:var(--pink-400);background:linear-gradient(180deg,#fff,#FFF6F9)}
.nm-tile.lg i{font-size:1.4rem}
.nm-tile:hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(201,101,138,.55);border-color:var(--cta)}
.nm-tile[hidden],.nm-fam[hidden]{display:none}
.nm-empty{text-align:center;color:var(--muted);padding:1rem}
.nm-promo{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.6rem}
@media (max-width:760px){.nm-promo{grid-template-columns:1fr}.nm-count{display:none}.nm-fam header{gap:.75rem}}
.note-emo{font-size:.8em;margin-right:.1em}
@media (prefers-reduced-motion:reduce){.quiz-chip::after,.nm-link{animation:none}.nm-tile:hover,.nm-nav a:hover{transform:none}}

/* ===== 0.9.43: back in stock + gift wrap ===== */
.stock-alert{position:relative;display:grid;gap:.7rem;margin-top:.6rem;padding:1rem 1.1rem 1.1rem;border-radius:1.2rem;border:1.5px dashed var(--pink-400);background:linear-gradient(120deg,#FFF6F9,#fff)}
.stock-alert .sa-head{display:flex;gap:.7rem;align-items:flex-start;color:var(--cta)}
.stock-alert .sa-head svg{flex:none;margin-top:.15rem}
.stock-alert .sa-head b{display:block;color:var(--ink);font-family:var(--display);font-weight:500;font-size:1.15rem;line-height:1.2}
.stock-alert .sa-head p{margin:.15rem 0 0;color:var(--muted);font-size:.88rem;line-height:1.45}
.stock-alert .req-row{display:flex;gap:.5rem}
.stock-alert .req-row input{flex:1;min-width:0;height:2.6rem;border:1px solid var(--line);border-radius:999px;padding:0 1rem;font:inherit;background:#fff}
.stock-alert .pdp-msg.ok{background:#EEF7F0;color:#2E5E3A}
.sizes .size.oos{opacity:.55}
.sizes .size.oos small{color:var(--cta);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}
.card .add.oos{background:none;border:1px dashed var(--pink-400);color:var(--cta)}
@media (max-width:480px){.stock-alert .req-row{flex-direction:column}.stock-alert .req-row .btn{align-self:flex-start}}
/* checkout gift wrap (Gift Wrapper plugin): a Helios option card instead of a bare checkbox */
.helios-checkout p.form-row:has(#tgpc_enable_checkout_gift_wrapper){margin:.8rem 0 0;padding:0}
.helios-checkout p.form-row:has(#tgpc_enable_checkout_gift_wrapper) .woocommerce-input-wrapper{display:block}
.helios-checkout label.checkbox:has(#tgpc_enable_checkout_gift_wrapper){display:flex;align-items:center;gap:.7rem;margin:0;padding:.85rem 1rem;border:1.5px dashed var(--pink-400);border-radius:1rem;background:linear-gradient(120deg,#FFF6F9,#fff);font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}
.helios-checkout label.checkbox:has(#tgpc_enable_checkout_gift_wrapper:checked){border-style:solid;border-color:var(--cta);background:var(--pink-50)}
.helios-checkout label.checkbox:has(#tgpc_enable_checkout_gift_wrapper) input{accent-color:var(--cta);width:1.1rem;height:1.1rem;margin:0}
.helios-checkout label.checkbox:has(#tgpc_enable_checkout_gift_wrapper) svg{width:1.4rem;height:1.4rem;color:var(--cta);flex:none}
.helios-checkout label.checkbox:has(#tgpc_enable_checkout_gift_wrapper) .optional{font-weight:400;color:var(--muted)}

/* ===== 0.9.44 ===== */
/* hover mini-cart */
.cart-wrap{position:relative}
.cart-wrap::after{content:"";position:absolute;left:-1rem;right:-1rem;top:100%;height:.9rem}
.mini-cart{position:absolute;right:0;top:calc(100% + .7rem);width:22rem;max-width:calc(100vw - 2rem);background:#fff;border:1px solid var(--line);border-radius:1.2rem;box-shadow:0 30px 60px -28px rgba(36,31,35,.45);padding:.9rem;z-index:60;display:grid;gap:.6rem;animation:rise .25s var(--ease);text-align:left;font-weight:400;letter-spacing:0}
.mini-cart[hidden]{display:none}
.mc-list{display:grid;gap:.45rem;max-height:19rem;overflow:auto;scrollbar-width:thin}
.mc-it{display:grid;grid-template-columns:2.6rem 1fr auto;gap:.6rem;align-items:center;text-decoration:none;color:inherit;font-size:.86rem}
.mc-it img{width:2.6rem;height:2.6rem;object-fit:cover;border-radius:.6rem;background:var(--pink-50)}
.mc-it b{display:block;font-weight:600;line-height:1.2}
.mc-it small{color:var(--muted)}
.mc-more{margin:0;font-size:.8rem;color:var(--muted)}
.mc-empty{margin:0;color:var(--muted);font-size:.9rem}
.mc-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:.6rem;font-size:.92rem}
.mc-btns{display:flex;gap:.5rem}
.mc-btns .btn{flex:1;justify-content:center}
@media (hover:none){.mini-cart{display:none!important}}
/* chat: the quick questions scroll sideways with a small visible bar */
.chat-q{scrollbar-width:thin;scrollbar-color:var(--pink-400) transparent;padding-bottom:.55rem!important}
.chat-q::-webkit-scrollbar{height:5px}
.chat-q::-webkit-scrollbar-thumb{background:var(--pink-400);border-radius:999px}
.chat-q::-webkit-scrollbar-track{background:var(--pink-50);border-radius:999px}
/* home best sellers: a tidy head like the category pages */
.shop-head{gap:.9rem}
.shop-head-t{display:grid;gap:.2rem}
.shop-head-t .kicker{color:var(--cta)}
.shop-head-t h2{font-size:clamp(1.9rem,3.6vw,2.8rem);margin:0;line-height:1.05}
.shop-head-t p{margin:.2rem 0 0;color:var(--muted);font-size:.98rem}
.shop-head .toolbar{background:#fff;border:1px solid var(--line);border-radius:1.2rem;padding:.55rem .7rem;box-shadow:0 14px 34px -26px rgba(36,31,35,.4)}
/* about: three points on the timeline; the opening paragraph without the drop cap; the story photo with a ring instead of the pink box */
.ab-line{max-width:40rem}
.ab-drop p::first-letter{float:none;font-size:inherit;padding:0;color:inherit;font-family:inherit;line-height:inherit}
.ab-drop p:first-of-type{font-size:1.16rem;line-height:1.7;border-left:3px solid var(--gift);padding-left:1rem;margin-bottom:1rem}
.ab-shot::after{display:none}
.ab-shot::before{content:"";position:absolute;inset:-.7rem;border-radius:2rem;border:1.5px solid rgba(214,60,120,.35);transform:rotate(-2.5deg);pointer-events:none}
/* sparkles (staggered by --d so they never blink together) */
.sparkle{position:relative}
.sparkle::before,.sparkle::after{content:"✦";position:absolute;font-size:.7em;line-height:1;color:#fff;opacity:0;pointer-events:none;text-shadow:0 0 6px rgba(255,255,255,.95);animation:spk 3.2s ease-in-out infinite;animation-delay:var(--d,0s)}
.sparkle::before{left:.45rem;top:-.3rem}
.sparkle::after{right:.5rem;bottom:-.35rem;font-size:.55em;animation-delay:calc(var(--d,0s) + 1.4s)}
@keyframes spk{0%,55%,100%{opacity:0;transform:scale(.3) rotate(0deg)}65%{opacity:1;transform:scale(1.15) rotate(25deg)}78%{opacity:.5;transform:scale(.7) rotate(50deg)}}
/* basket: «Συνέχισε τις αγορές» at the right of the free-shipping line, in pink with sparkles */
.meter>span{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}
.meter-cta{color:var(--cta);font-weight:600;text-decoration:none;white-space:nowrap;padding:.15rem .3rem;border-radius:.5rem}
.meter-cta i{font-style:normal;display:inline-block;transition:transform .2s}
.meter-cta:hover i{transform:translateX(3px)}
.meter-cta.sparkle::before,.meter-cta.sparkle::after{color:var(--pink-600);text-shadow:0 0 6px rgba(201,101,138,.7)}
.meter-cta.sparkle::before{left:-.7rem;top:-.2rem}
.meter-cta.sparkle::after{right:-.6rem;bottom:-.2rem}
/* suggestion cards: photo / text / one level row with price and button */
.fill-card{grid-template-rows:auto 1fr auto}
.fill-card .cf-body{align-self:start}
.fill-card .cf-foot{display:flex;justify-content:space-between;align-items:center;gap:.4rem;margin-top:.2rem}
.fill-card .cf-foot .num{font-size:.92rem;font-weight:600}
.fill-card .cf-foot .num small{font-weight:400;color:var(--muted);font-size:.72rem}
.fill-card .cf-foot .btn{margin:0;white-space:nowrap}
@media (max-width:480px){.fill-card .cf-foot{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.sparkle::before,.sparkle::after{animation:none}}
/* suggestion cards: the price never wraps; the button shrinks first */
.fill-card .cf-foot .num{white-space:nowrap;font-size:.88rem}
.fill-card .cf-foot .btn{padding-inline:.6rem;font-size:.78rem;min-height:2rem}
.fill-card .cf-foot .num small{font-size:.68rem}

/* ===== 0.9.45: store pages ===== */
.st-hero{position:relative;padding:clamp(1.5rem,4vw,3rem) 0 clamp(2rem,5vw,3.5rem);background:radial-gradient(70% 90% at 10% 10%,rgba(255,221,235,.8),transparent 70%),radial-gradient(50% 70% at 95% 80%,rgba(243,217,155,.25),transparent 70%),var(--snow)}
.st-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,5vw,4.5rem);align-items:center}
.st-copy .kicker{color:var(--cta)}
.st-copy h1{font-size:clamp(2.1rem,4.8vw,3.6rem);margin:.3rem 0 .8rem;line-height:1.05}
.st-lede{font-size:1.12rem;line-height:1.7;max-width:36rem;margin:0 0 1.1rem}
.st-badges{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1.2rem}
.st-open{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:600;background:#fff;border:1px solid var(--line)}
.st-open i{width:.55rem;height:.55rem;border-radius:50%;background:#9AA5A0}
.st-open.on i{background:#3FA96B;box-shadow:0 0 0 4px rgba(63,169,107,.18)}
.st-open.on{color:#2E5E3A}
.st-cta{display:flex;flex-wrap:wrap;gap:.6rem}
.st-cta .btn{display:inline-flex;align-items:center;gap:.5rem}
.st-photo{position:relative;margin:0;justify-self:center;width:min(100%,26rem)}
.st-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12rem 12rem 1.4rem 1.4rem;box-shadow:0 30px 60px -30px rgba(120,30,70,.55)}
.st-photo::before{content:"";position:absolute;inset:-.7rem;border-radius:12.7rem 12.7rem 2rem 2rem;border:1.5px solid rgba(214,60,120,.35);pointer-events:none}
.st-photo figcaption{position:absolute;left:50%;bottom:-1rem;transform:translateX(-50%);white-space:nowrap;padding:.5rem 1.1rem;border-radius:2rem;background:#fff;box-shadow:0 10px 26px -12px rgba(120,30,70,.45);font-family:var(--display);font-style:italic;color:var(--cta);font-size:.95rem;max-width:90%;overflow:hidden;text-overflow:ellipsis}
.st-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:-1.5rem;position:relative;z-index:2}
.st-fact,.st-card{background:#fff;border:1.5px solid var(--pink-200);border-radius:1.4rem;padding:1.2rem 1.3rem 1.3rem;display:grid;gap:.35rem;align-content:start;box-shadow:0 18px 40px -32px rgba(120,30,70,.35)}
.st-ico{width:2.6rem;height:2.6rem;border-radius:.9rem;background:var(--pink-50);color:var(--cta);display:grid;place-items:center;margin-bottom:.3rem}
.st-ico svg{width:1.4rem;height:1.4rem}
.st-fact b{font-family:var(--display);font-weight:500;font-size:1.2rem}
.st-fact p{margin:0;line-height:1.55}
.st-fact small{color:var(--muted);font-size:.85rem;line-height:1.45}
.st-fact a{color:var(--cta)}
.st-hours{margin:0;display:grid;gap:.25rem}
.st-hours div{display:flex;justify-content:space-between;gap:.6rem;font-size:.95rem;border-bottom:1px dashed var(--line);padding-bottom:.25rem}
.st-hours dt{color:var(--muted)}
.st-hours dd{margin:0;font-weight:600}
.st-what{padding-top:clamp(2.5rem,6vw,4rem)}
.st-what .kicker{color:var(--cta)}
.st-what h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:.2rem 0 1.2rem}
.st-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.st-card p{margin:0;font-size:.94rem;line-height:1.5}
.st-card strong{display:block;font-family:var(--display);font-weight:500;font-size:1.1rem;margin-bottom:.2rem}
.st-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding-top:clamp(2rem,5vw,3.5rem)}
.st-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:1.2rem;border:3px solid var(--pink-200)}
.st-text{padding-top:2rem;max-width:44rem}
.st-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:clamp(2.5rem,6vw,4rem) 0 clamp(3rem,7vw,5rem)}
@media (max-width:900px){.st-hero-in{grid-template-columns:1fr}.st-photo{order:-1;width:min(100%,20rem)}.st-facts{grid-template-columns:1fr;margin-top:1rem}.st-grid,.st-more{grid-template-columns:1fr}.st-gallery{grid-template-columns:1fr 1fr}.st-gallery img:last-child{display:none}}
/* ===== 0.9.47: About «Πώς δουλεύει» ===== */
.ab-how{padding:clamp(2.5rem,6vw,4.5rem) 0 0;text-align:center}
.ab-how .kicker{color:var(--cta)}
.ab-how h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:.3rem 0 1.4rem}
.ab-how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;text-align:left;counter-reset:how}
.ab-how-grid>div{position:relative;background:#fff;border:1.5px solid var(--pink-200);border-radius:1.4rem;padding:1.5rem 1.3rem 1.3rem;counter-increment:how}
.ab-how-grid>div::before{content:counter(how,decimal-leading-zero);position:absolute;top:.9rem;right:1.1rem;font-family:var(--display);font-size:1.1rem;color:var(--pink-400)}
.ab-how-grid b{display:block;font-family:var(--display);font-weight:500;font-size:1.25rem;line-height:1.2;margin-bottom:.4rem;padding-right:2rem}
.ab-how-grid p{margin:0;font-size:.95rem;line-height:1.55;color:var(--muted)}
.ab-how-grid a{color:var(--cta)}
@media (max-width:900px){.ab-how-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ab-how-grid{grid-template-columns:1fr}}

/* ===== 0.9.48: account pages ===== */
.acct-body mark{background:var(--pink-100);color:var(--ink);padding:.05em .35em;border-radius:.35em;font-weight:600}
.acct-body .woocommerce-orders-table{border-collapse:separate;border-spacing:0;width:100%;border:1.5px solid var(--pink-200);border-radius:1.2rem;overflow:hidden;background:#fff}
.acct-body .woocommerce-orders-table th{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--pink-50);padding:.7rem .9rem;text-align:left}
.acct-body .woocommerce-orders-table td{padding:.8rem .9rem;border-top:1px solid var(--line);vertical-align:middle}
.acct-body .woocommerce-orders-table td a.button,.acct-body .woocommerce-orders-table td .btn{margin:0}
.acct-body .woocommerce-order-details,.acct-body .woocommerce-customer-details{margin-top:1.4rem}
.acct-body .woocommerce-order-details h2,.acct-body .woocommerce-customer-details h2,.acct-body .woocommerce-column__title{font-family:var(--display);font-weight:500;font-size:1.5rem;margin:0 0 .6rem}
.acct-body table.order_details{width:100%;border:1.5px solid var(--pink-200);border-radius:1.2rem;overflow:hidden;background:#fff;border-collapse:separate;border-spacing:0}
.acct-body table.order_details th,.acct-body table.order_details td{padding:.7rem .9rem;border-top:1px solid var(--line);text-align:left;font-size:.94rem}
.acct-body table.order_details thead th{border-top:0;background:var(--pink-50);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.acct-body table.order_details tfoot th{color:var(--muted);font-weight:500}
.acct-body table.order_details tfoot tr:last-child th,.acct-body table.order_details tfoot tr:last-child td{font-weight:700;font-size:1.05rem}
.acct-body .wc-item-meta{list-style:none;margin:.2rem 0 0;padding:0;font-size:.8rem;color:var(--muted)}
.acct-body .wc-item-meta li{display:inline}
.acct-body .wc-item-meta li p{display:inline;margin:0}
.acct-body .wc-item-meta strong{font-weight:500;text-transform:none}
.acct-body .woocommerce-Addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.8rem}
.acct-body .woocommerce-Addresses .woocommerce-Address{width:auto;float:none;background:#fff;border:1.5px solid var(--pink-200);border-radius:1.2rem;padding:1.2rem 1.3rem}
.acct-body .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.5rem}
.acct-body .woocommerce-Address-title h2,.acct-body .woocommerce-Address-title h3{margin:0;font-family:var(--display);font-weight:500;font-size:1.3rem}
.acct-body .woocommerce-Address-title a{font-size:.85rem;color:var(--cta)}
.acct-body .woocommerce-Address address{font-style:normal;line-height:1.6;color:var(--muted)}
.acct-body .woocommerce-customer-details address{font-style:normal;line-height:1.6;background:#fff;border:1.5px solid var(--pink-200);border-radius:1.2rem;padding:1rem 1.2rem}
.acct-body .woocommerce-info,.acct-body .woocommerce-message{border-radius:1rem;background:var(--pink-50);border:1px solid var(--pink-200);padding:.9rem 1.1rem;font-size:.92rem}
.acct-body .woocommerce-info .button,.acct-body .woocommerce-message .button{margin-right:.7rem}
@media (max-width:700px){.acct-body .woocommerce-Addresses{grid-template-columns:1fr}.acct-body .woocommerce-orders-table thead{display:none}.acct-body .woocommerce-orders-table tr{display:grid;grid-template-columns:1fr 1fr;padding:.4rem 0}.acct-body .woocommerce-orders-table td{border:0;padding:.3rem .9rem}.acct-body .woocommerce-orders-table td::before{content:attr(data-title);display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}}

/* ===== 0.9.49: password screens, language pills ===== */
.acct-out.single{max-width:34rem;padding-bottom:clamp(3rem,7vw,5rem)}
.acct-out.single .acct-card{max-width:none}
.acct-out.single .acct-card .link{justify-self:center;font-size:.9rem}
.acct-out.single .acct-card .btn{justify-self:stretch}
.acct-out.single .woocommerce-error,.acct-out.single .woocommerce-message{margin:0;border-radius:.9rem;padding:.7rem .9rem;font-size:.9rem;background:var(--pink-50);border:1px solid var(--pink-200)}
.lang a{color:var(--muted);text-decoration:none;padding:.25rem .55rem;border-radius:999px}
.lang a:hover{color:var(--ink);background:var(--pink-50)}
.lang b{padding:.25rem .55rem;border-radius:999px;background:var(--pink-100);color:var(--ink)}

/* ===== 0.9.52: gift toggle, reviews + twins on the perfume page, how-strip, recently viewed, phone category bar ===== */
.gift-opt{margin:.2rem 0 .8rem;border:1.5px dashed var(--pink-400);border-radius:1.1rem;background:linear-gradient(120deg,#FFF6F9,#fff);transition:border-color .2s,background .2s}
.gift-opt.on{border-style:solid;border-color:var(--cta);background:var(--pink-50)}
.gift-toggle{display:flex;align-items:center;gap:.75rem;padding:.8rem .95rem;cursor:pointer}
.gift-toggle input{position:absolute;opacity:0;width:0;height:0}
.gt-box{flex:none;width:1.35rem;height:1.35rem;border-radius:.4rem;border:1.5px solid var(--pink-400);background:#fff;display:grid;place-items:center;color:#fff;transition:background .2s,border-color .2s}
.gt-box svg{width:.9rem;height:.9rem;opacity:0}
.gift-toggle input:checked~.gt-box{background:var(--cta);border-color:var(--cta)}
.gift-toggle input:checked~.gt-box svg{opacity:1}
.gift-toggle input:focus-visible~.gt-box{box-shadow:0 0 0 3px rgba(180,81,122,.25)}
.gt-txt{flex:1;display:grid;gap:.1rem}
.gt-txt b{font-family:var(--display);font-weight:500;font-size:1.08rem}
.gt-txt small{color:var(--muted);font-size:.8rem;line-height:1.4}
.gt-ico{flex:none;color:var(--cta)}
.gift-msg{padding:0 .95rem .9rem}
.gift-msg label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.35rem}
.gift-msg label small{font-weight:400;color:var(--muted)}
.gift-msg textarea{width:100%;border:1px solid var(--line);border-radius:.8rem;padding:.6rem .8rem;font:inherit;font-size:.92rem;resize:vertical;background:#fff}
.gift-pre{display:block;width:100%;font-weight:400;color:var(--cta);font-size:.78rem;margin-top:.2rem}
/* reviews + twins on the perfume page */
.pdp-rev,.pdp-twins{margin-top:clamp(2.5rem,6vw,4rem)}
.pr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.1rem;flex-wrap:wrap}
.pr-head .kicker{color:var(--cta)}
.pr-head h2{margin:.2rem 0 0;font-size:clamp(1.6rem,3.4vw,2.3rem)}
.pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.pr-card{background:#fff;border:1.5px solid var(--pink-200);border-radius:1.3rem;padding:1.1rem 1.2rem;display:grid;gap:.6rem;align-content:start;position:relative}
.pr-card .stars{color:var(--gold-2);letter-spacing:.08em;font-size:1rem}
.pr-card p{margin:0;font-size:.95rem;line-height:1.55}
.pr-card .who{display:flex;align-items:center;gap:.6rem;margin-top:auto}
.pr-card .who img{width:2.1rem;height:2.1rem;border-radius:50%;object-fit:cover;border:2px solid var(--pink-100)}
.pr-card .who b{display:block;font-size:.88rem}
.pr-card .who small{color:var(--muted);font-size:.78rem}
@media (max-width:860px){.pr-grid{grid-template-columns:1fr}}
/* home: «Πώς δουλεύει» strip */
.how-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;padding-top:clamp(1.4rem,3vw,2rem)}
.hs{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;align-items:start;text-decoration:none;color:inherit;background:#fff;border:1.5px solid var(--pink-200);border-radius:1.2rem;padding:.9rem 1rem;transition:transform .2s,border-color .2s,box-shadow .2s}
.hs:hover{transform:translateY(-2px);border-color:var(--cta);box-shadow:0 14px 30px -22px rgba(201,101,138,.6)}
.hs i{grid-row:span 2;font-style:normal;font-family:var(--display);font-size:1.5rem;line-height:1;color:var(--pink-400);padding-top:.1rem}
.hs b{font-family:var(--display);font-weight:500;font-size:1.05rem;line-height:1.15}
.hs span{font-size:.82rem;color:var(--muted);line-height:1.4}
@media (max-width:860px){.how-strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(15rem,70vw);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;scrollbar-width:none}.hs{scroll-snap-align:start}}
/* recently viewed */
.recent-wrap{padding-bottom:clamp(2rem,5vw,3.5rem)}
.recent-wrap .shop-head-t{margin-bottom:1rem}
.recent-wrap.sm{margin-top:1.3rem;padding:1rem 1.1rem 1.1rem;border:1.5px solid var(--pink-200);border-radius:1.5rem;background:#fff}
.rw-title{display:block;font-family:var(--display);font-weight:500;font-size:1.15rem;margin-bottom:.7rem}
.recent-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(12.5rem,1fr);gap:.8rem;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:.4rem;scrollbar-width:thin;scrollbar-color:var(--pink-400) transparent}
.rc{display:grid;grid-template-columns:4.2rem 1fr;gap:.2rem .7rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:1.1rem;padding:.6rem;scroll-snap-align:start}
.rc.prem{border-color:var(--gold-2)}
.rc-img{grid-row:span 2}
.rc-img img{width:4.2rem;height:4.2rem;object-fit:cover;border-radius:.8rem;background:var(--pink-50)}
.rc-name{text-decoration:none;color:inherit;display:grid;line-height:1.2}
.rc-name b{font-size:.72rem;letter-spacing:.06em;color:var(--muted)}
.rc-name span{font-family:var(--display);font-size:1rem}
.rc small{display:block;font-size:.82rem}
.rc .btn{grid-column:2;justify-self:start;padding-inline:.7rem;font-size:.76rem;min-height:1.9rem}
/* phone category bar */
.plp-sticky{position:fixed;left:.6rem;right:.6rem;bottom:calc(.7rem + env(safe-area-inset-bottom));z-index:70;display:flex;align-items:center;gap:.6rem;background:#fff;border:1.5px solid var(--pink-200);border-radius:999px;padding:.4rem .5rem .4rem .6rem;box-shadow:0 18px 40px -22px rgba(36,31,35,.5);animation:rise .25s var(--ease)}
.plp-sticky[hidden]{display:none}
.ps-filters{display:inline-flex;align-items:center;gap:.4rem;border:0;background:var(--pink-50);color:var(--ink);border-radius:999px;padding:.55rem .9rem;font:inherit;font-size:.88rem;font-weight:600}
.ps-seg{margin-left:auto}
.ps-seg button{min-width:2.6rem}
@media (min-width:761px){.plp-sticky{display:none!important}}
body:has(.plp-sticky:not([hidden])) .chat-fab{bottom:5rem}

/* ===== 0.9.57: order tracking page, loyalty nudge ===== */
.tr-wrap .kicker{color:var(--cta)}
.tr-result{margin-top:1.2rem;background:#fff;border:1.5px solid var(--pink-200);border-radius:1.4rem;padding:1.3rem 1.4rem;display:grid;gap:1rem;animation:rise .3s var(--ease)}
.tr-head h2{margin:.2rem 0 0;font-size:1.7rem}
.tr-steps{list-style:none;margin:.2rem 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);position:relative}
.tr-steps::before{content:"";position:absolute;left:12%;right:12%;top:.6rem;height:2px;background:var(--pink-100)}
.tr-steps li{position:relative;text-align:center;font-size:.85rem;color:var(--muted);padding-top:1.6rem}
.tr-steps li i{position:absolute;left:50%;top:0;transform:translateX(-50%);width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;border:2px solid var(--pink-200)}
.tr-steps li.done i,.tr-steps li.now i{background:var(--cta);border-color:var(--cta)}
.tr-steps li.now{color:var(--ink);font-weight:600}
.tr-steps li.now i{box-shadow:0 0 0 5px rgba(180,81,122,.18)}
.tr-ship{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;background:var(--pink-50);border-radius:1rem;padding:.8rem 1rem;font-size:.92rem}
.tr-ship code{background:#fff;border-radius:.4rem;padding:.1rem .4rem}
.tr-ship small{flex-basis:100%;color:var(--muted)}
.tr-items{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.tr-items li{display:grid;grid-template-columns:1fr auto;gap:.1rem .8rem;border-bottom:1px dashed var(--line);padding-bottom:.4rem;font-size:.93rem}
.tr-items li b{font-weight:600}
.tr-items li small{grid-column:1;color:var(--muted)}
.tr-items li .num{grid-row:span 2;align-self:center}
.tr-foot{display:flex;justify-content:space-between;font-size:1.02rem}
.pts-nudge{margin-top:.9rem;background:linear-gradient(120deg,#FFF6F9,#fff);border:1.5px dashed var(--pink-400);border-radius:1rem;padding:.8rem 1rem;font-size:.9rem;display:grid;gap:.45rem}
.pts-nudge .bar{height:6px;border-radius:999px;background:var(--pink-100);overflow:hidden}
.pts-nudge .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pink-400),var(--cta));border-radius:999px;transition:width .6s var(--ease)}
.pts-nudge small{color:var(--muted)}
.pts-nudge.guest a{color:var(--cta);font-weight:600}
.mc-pts{display:grid;gap:.35rem;font-size:.8rem;color:var(--muted);background:var(--pink-50);border-radius:.8rem;padding:.55rem .7rem}
.mc-pts .bar{height:5px;border-radius:999px;background:#fff;overflow:hidden}
.mc-pts .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pink-400),var(--cta));border-radius:999px}
.mc-pts b{color:var(--ink)}

/* ===== 0.9.58: speed/a11y, Instagram strip, care + gift-box blocks ===== */
.skip{position:absolute;left:-999px;top:.6rem;z-index:999;background:var(--cta);color:#fff;padding:.55rem 1rem;border-radius:999px;font-weight:600;text-decoration:none}
.skip:focus{left:.6rem;outline:2px solid #fff;outline-offset:2px}
main:focus{outline:none}
.ig-strip{padding-bottom:clamp(2.5rem,6vw,4rem)}
.ig-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem}
.ig-grid a{position:relative;display:block;border-radius:1rem;overflow:hidden;aspect-ratio:1;border:3px solid var(--pink-200)}
.ig-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.ig-grid a:hover img{transform:scale(1.06)}
.ig-grid a span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(180,81,122,.35);opacity:0;transition:opacity .25s}
.ig-grid a:hover span,.ig-grid a:focus-visible span{opacity:1}
@media (max-width:760px){.ig-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.plp-how{margin-top:clamp(2.5rem,6vw,4rem);text-align:center}
.plp-how .kicker{color:var(--cta)}
.plp-how h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:.3rem 0 1.4rem}
.ab-how-grid.how3{grid-template-columns:repeat(3,minmax(0,1fr))}
.plp-how-cta{margin:1.2rem 0 0}
@media (max-width:900px){.ab-how-grid.how3{grid-template-columns:1fr}}

/* ===== 0.9.61: reviewer's notes ===== */
.hero .lede{font-weight:600;font-size:clamp(1.08rem,1.4vw,1.22rem);color:var(--ink)}
.hero .lede .ln{margin-bottom:.15rem}
.mini-tag{font-style:normal;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cta);margin-left:.25rem;vertical-align:middle}
.plp-copy p.lead2{margin-top:-.4rem;color:var(--cta);font-weight:600}

/* ===== 0.9.62: search everywhere (overlay), the results page, empty states, newsletter popup, builder bars ===== */
.sov{position:fixed;inset:0;z-index:76;background:rgba(36,31,35,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:auto;padding:clamp(1rem,10vh,6rem) 1rem 2rem}
.sov-in{max-width:44rem;margin:0 auto;background:var(--paper);border-radius:1.5rem;padding:1.1rem 1.2rem 1.2rem;box-shadow:0 40px 80px -30px rgba(36,31,35,.55);animation:rise .3s var(--ease)}
.sov-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}
.sov .results{position:static;margin-top:.7rem;max-height:none;box-shadow:none;border-color:var(--pink-200)}
.sov-hints{margin-top:.7rem;justify-content:flex-start}
.sov-note{margin:.8rem 0 0;font-size:.88rem;color:var(--muted);line-height:1.5}
body.sov-open{overflow:hidden}
@media (max-width:560px){.sov{padding:.6rem .6rem 2rem}.sov-in{padding:.9rem}.sov .search-box{height:3.4rem}}
/* results page: the perfume we are sure about */
.ss-sure{margin:0 0 1.4rem}
.ss-sure .sure-msg{margin:0 0 .6rem;font-size:1rem}
.ss-feat{display:grid;grid-template-columns:9rem 1fr auto;gap:1.2rem;align-items:center;background:linear-gradient(120deg,#F3FAF5,var(--paper));border:1.5px solid #BFD9C5;border-radius:1.4rem;padding:1rem 1.2rem;box-shadow:0 24px 50px -36px rgba(36,31,35,.35)}
.ss-feat.prem{border-color:var(--gold-2);background:linear-gradient(120deg,#FBF6EC,var(--paper))}
.sf-img img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1rem;background:#F3E7DA;display:block}
.sf-info{display:grid;gap:.25rem;min-width:0}
.sf-info .c-code{display:flex;align-items:center;gap:.5rem}
.sf-name{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:500;line-height:1.05;margin:0}
.sf-name small{font-family:var(--body);font-size:.85rem;color:var(--muted);font-weight:400}
.sf-g{color:var(--muted);font-size:.92rem}
.sf-notes{font-size:.9rem;color:#5A4F57}
.sf-price{font-weight:600;font-size:1.05rem}
.sf-act{display:grid;gap:.5rem;justify-items:stretch;min-width:12rem;text-align:center}
.sf-act .mini-link{font-size:.82rem}
.ss-more{margin:0 0 .6rem;font-size:.82rem}
@media (max-width:700px){.ss-feat{grid-template-columns:5.5rem 1fr;gap:.8rem;padding:.9rem}.sf-act{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0}.sf-act .mini-link{grid-column:1/-1}}
/* empty states */
.hx-empty{display:grid;justify-items:center;text-align:center;gap:.5rem;padding:2.2rem 1rem 2.4rem;border-radius:1.5rem;background:linear-gradient(160deg,#fff,var(--pink-50));box-shadow:0 0 0 2px var(--pink-200);max-width:36rem;margin:0 auto}
.plp-body .grid .hx-empty{grid-column:1/-1;max-width:none}
.hx-ico{width:4.2rem;height:4.2rem;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--cta);box-shadow:inset 0 0 0 2px var(--pink-200);margin-bottom:.3rem}
.hx-ico svg{width:2.1rem;height:2.1rem}
.hx-empty h2{margin:0;font-size:clamp(1.5rem,2.6vw,2rem)}
.hx-empty h2 em{color:var(--cta)}
.hx-empty p{margin:0;color:var(--muted);max-width:30rem;line-height:1.55}
.hx-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem}
.hx-empty.sm{padding:.8rem .4rem .9rem;gap:.15rem;box-shadow:none;background:none}
.hx-empty.sm .hx-ico{width:2.8rem;height:2.8rem;margin-bottom:.15rem}.hx-empty.sm .hx-ico svg{width:1.4rem;height:1.4rem}
.hx-empty.sm b{font-size:.96rem}.hx-empty.sm small{color:var(--muted);font-size:.84rem}
/* newsletter popup */
.nlp{position:fixed;inset:0;z-index:74;background:rgba(36,31,35,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:grid;place-items:center;padding:1rem}
.nlp-card.news{position:relative;width:min(29rem,100%);padding:1.7rem 1.5rem 1.2rem;text-align:center;justify-items:center;gap:.55rem;animation:rise .35s var(--ease)}
.nlp-card.news h2{font-size:clamp(1.7rem,2.8vw,2.2rem);margin:0}
.nlp-card.news p{margin:0;color:#5A4F57;line-height:1.5}
.nlp-card .news-form{width:100%}
.nlp-x{position:absolute;top:.7rem;right:.7rem}
.nlp-no{color:var(--muted);font-size:.86rem}
@media (max-width:560px){.nlp{place-items:end center;padding:0}.nlp-card.news{width:100%;border-radius:1.6rem 1.6rem 0 0;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 50px -30px rgba(36,31,35,.5)}}
/* the builders on the phone: the count and the button follow you until the summary is on screen */
.build-bar{position:fixed;left:.6rem;right:.6rem;bottom:calc(.7rem + env(safe-area-inset-bottom,0px));z-index:70;display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:#fff;border:1.5px solid var(--pink-200);border-radius:999px;padding:.4rem .5rem .4rem 1rem;box-shadow:0 18px 40px -20px rgba(36,31,35,.45);animation:rise .3s var(--ease)}
.build-bar .bb-txt{font-size:.92rem;color:#5A4F57}.build-bar .bb-txt b{color:var(--ink)}
.build-bar .btn{flex:none}
@media (min-width:901px){.build-bar{display:none!important}}
body:has(.build-bar:not([hidden])) .chat-fab{bottom:5rem}
@media (max-width:760px){.disc-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.disc-slot{flex:0 0 calc(33.333% - .34rem);padding:.65rem .35rem .7rem}.disc-info b{font-size:.8rem}}

/* ===== 0.9.64: basket page never wider than the phone (the 1fr column took the meters' min-content width) ===== */
@media (max-width:860px){.co{grid-template-columns:minmax(0,1fr)}.co>*,.dr-body,.summary,.meter{min-width:0;max-width:100%}.meter .meter-cta{white-space:normal}}

/* ===== 0.9.65: re-order page, FAQ blocks on category + store pages ===== */
.ro-hero{padding:clamp(2rem,5vw,3.5rem) 0 clamp(1rem,3vw,2rem);text-align:center}
.ro-hero .crumbs{text-align:left}
.ro-hero .kicker{color:var(--cta)}
.ro-lead{max-width:38rem;margin:.6rem auto 1.4rem;color:var(--muted);font-size:1.05rem}
.ro-search{margin-bottom:.4rem}
.ro-search .search-box input{min-width:0}
.ro-hints{justify-content:center;flex-wrap:wrap;margin-top:.9rem}
.ro-hints>span{flex-basis:100%;text-align:center;margin-bottom:.3rem}
.ro-cards{padding-top:clamp(1.5rem,4vw,2.5rem)}
.ro-faq,.plp-faq,.st-faq{max-width:46rem;margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem) 0 clamp(2.5rem,6vw,4rem)}
.ro-faq .kicker,.plp-faq .kicker,.st-faq .kicker{color:var(--cta)}
.ro-faq h2,.plp-faq h2,.st-faq h2{margin:.2rem 0 1.2rem}
.plp-faq{margin-top:2.5rem}
.plp-faq .art-faq,.st-faq .art-faq,.ro-faq .art-faq{display:grid;gap:.7rem}
.plp-faq details,.st-faq details,.ro-faq details{background:#fff;border-radius:1.1rem;box-shadow:0 0 0 2px var(--pink-200);padding:.95rem 1.2rem}
.plp-faq details[open],.st-faq details[open],.ro-faq details[open]{box-shadow:0 0 0 2px var(--pink-400)}
.plp-faq summary,.st-faq summary,.ro-faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.plp-faq summary::-webkit-details-marker,.st-faq summary::-webkit-details-marker,.ro-faq summary::-webkit-details-marker{display:none}
.plp-faq summary::after,.st-faq summary::after,.ro-faq summary::after{content:"+";color:var(--cta);font-size:1.3rem;line-height:1}
.plp-faq details[open] summary::after,.st-faq details[open] summary::after,.ro-faq details[open] summary::after{content:"–"}
.plp-faq details p,.st-faq details p,.ro-faq details p{margin:.7rem 0 0;color:var(--muted);font-size:.98rem}
@media (max-width:560px){.ro-hero{text-align:left}.ro-lead{margin-left:0}.ro-hints{justify-content:flex-start}.ro-hints>span{text-align:left}}

/* ===== 0.9.66: season switch (body.season-winter / body.season-xmas) ===== */
.season-band-wrap{padding-top:0}
.season-band{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(1rem,3vw,2.2rem);align-items:center;text-decoration:none;color:var(--ink);border-radius:1.5rem;padding:clamp(1rem,2.4vw,1.6rem) clamp(1.1rem,3vw,2.2rem);transition:box-shadow .3s,transform .4s var(--ease)}
.season-band.winter{background:linear-gradient(120deg,#fff,#EEF3FA);box-shadow:0 0 0 2px #D6E2F2,0 22px 40px -30px rgba(70,100,150,.5)}
.season-band.xmas{background:linear-gradient(120deg,#fff,#FBEFEF 60%,#F7E7D6);box-shadow:0 0 0 2px #E8C9C9,0 22px 40px -30px rgba(160,50,50,.45)}
.season-band:hover{transform:translateY(-2px)}
.season-band .sb-ico{width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.05)}
.season-band .sb-ico svg{width:1.6rem;height:1.6rem}
.season-band.winter .sb-ico{color:#4A6FA5}.season-band.xmas .sb-ico{color:#B0413E}
.season-band .sb-copy{display:grid;gap:.15rem}
.season-band .sb-copy b{font-family:var(--display);font-weight:500;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.2}
.season-band .sb-copy small{color:var(--muted);font-size:.95rem;line-height:1.45}
.season-band.winter .kicker{color:#4A6FA5}.season-band.xmas .kicker{color:#B0413E}
.season-band .btn.ghost{white-space:nowrap}
@media (max-width:760px){.season-band{grid-template-columns:1fr;justify-items:start}.season-band .btn.ghost{white-space:normal}}
.offer .season-item a{color:inherit}.offer .season-item b{color:inherit}
body.season-xmas .offer{background:linear-gradient(90deg,#8E2F2F,#B0413E)}
body.season-xmas .offer .season-item b::before{content:"✦ "}
body.season-winter .offer .season-item b::before{content:"❄ "}
body.season-xmas .hero-kicker,body.season-xmas .cat2:last-child .cnt{color:#B0413E}
body.season-xmas .cats2 .cat2:last-child{order:-1}
body.season-xmas .cats2 .cat2:last-child .ph::after{content:"Χριστούγεννα";position:absolute;left:.8rem;top:.8rem;background:#B0413E;color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:.28rem .6rem;border-radius:999px}
.season-note{margin:0 0 1rem;padding:.7rem 1rem;border-radius:.9rem;background:#FBEFEF;color:#7A2E2E;font-size:.95rem}

/* ===== 0.9.67: Black Friday page ===== */
.bf-hero .kicker{color:var(--cta)}
.bf-offer{max-width:38rem;margin:.8rem auto 1.4rem;padding:1.1rem 1.4rem;border-radius:1.2rem;background:linear-gradient(140deg,var(--ink),#4A3A45);color:#fff;font-size:1.08rem;line-height:1.5}
.bf-offer p{margin:0}.bf-offer p+p{margin-top:.5rem}
.bf-news{max-width:34rem;margin:0 auto;text-align:left}
.bf-news small{display:block;color:var(--muted);font-size:.85rem;line-height:1.4}
.bf-cards{padding-top:clamp(1.5rem,4vw,2.5rem)}
@media (max-width:560px){.bf-news{margin-left:0}}

/* ===== 0.9.68: «Δώρα από τη Ρόδο» landing page ===== */
.gf-collage{position:relative;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:.8rem;width:min(100%,30rem);justify-self:center;aspect-ratio:1/1}
.gf-collage img{width:100%;height:100%;object-fit:cover;border-radius:1.4rem;box-shadow:0 26px 50px -34px rgba(120,30,70,.55);border:3px solid #fff}
.gf-collage img:first-child{grid-row:1 / 3;border-radius:10rem 10rem 1.4rem 1.4rem}
.gf-facts .st-fact{background:#fff;border:1.5px solid var(--pink-200);border-radius:1.4rem;padding:1.2rem 1.3rem;display:grid;gap:.3rem;align-content:start}
.gf-facts .st-fact p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.45}
.gf-ideas{padding-top:clamp(2.5rem,6vw,4rem)}
.gf-idea-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.4rem}
.gf-idea{display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:var(--ink);background:#fff;border:1.5px solid var(--pink-200);border-radius:1.5rem;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}
.gf-idea:hover{transform:translateY(-3px);box-shadow:0 26px 50px -34px rgba(201,101,138,.6)}
.gf-idea-ph{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--pink-50)}
.gf-idea-ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.gf-idea:hover .gf-idea-ph img{transform:scale(1.05)}
.gf-idea-b{display:grid;gap:.3rem;padding:1rem 1.1rem 1.2rem;align-content:start}
.gf-idea-b b{font-family:var(--display);font-weight:500;font-size:1.25rem;line-height:1.2}
.gf-idea-b p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.45}
.gf-idea-f{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.5rem;font-weight:600}
.gf-shelf{margin-top:clamp(2.5rem,6vw,4rem)}
.gf-occ .st-card{text-decoration:none;color:var(--ink);transition:transform .3s var(--ease)}
.gf-occ .st-card:hover{transform:translateY(-3px)}
.gf-occ .st-card p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.45}
.gf-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem;padding-top:clamp(2rem,5vw,3.5rem)}
.gf-strip img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1.1rem;border:3px solid var(--pink-200)}
.gf-strip img:nth-child(odd){transform:rotate(-1.5deg)}.gf-strip img:nth-child(even){transform:rotate(1.5deg)}
.gf-rev{padding-top:clamp(2.5rem,6vw,4rem)}
.gf-rev .pr-card b{font-weight:600}
.gf-band-wrap{padding-top:clamp(2.5rem,6vw,4rem)}
.season-band.gf-band{background:linear-gradient(120deg,#fff,var(--sel-bg));box-shadow:0 0 0 2px var(--pink-200),0 22px 40px -30px rgba(201,101,138,.6)}
.season-band.gf-band .sb-ico,.season-band.gf-band .kicker{color:var(--cta)}
.gf-stores{padding-top:clamp(2.5rem,6vw,4rem)}
.gf-store-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem}
.gf-store{display:grid;grid-template-columns:9rem 1fr;gap:1rem;align-items:center;background:#fff;border:1.5px solid var(--pink-200);border-radius:1.4rem;padding:.8rem}
.gf-store img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1rem}
.gf-store>div>b{font-family:var(--display);font-weight:500;font-size:1.3rem;display:block}
.gf-store .gscore b{display:inline;font-family:inherit;font-size:inherit;font-weight:700}
.gf-store .gscore-in{white-space:nowrap}
.gf-store p{margin:.3rem 0 .4rem;color:var(--muted);font-size:.95rem}
.gf-faq{padding-bottom:clamp(3rem,7vw,5rem)}
@media (max-width:980px){.gf-idea-grid{grid-template-columns:1fr 1fr}.gf-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.gf-idea-grid,.gf-store-grid{grid-template-columns:1fr}.gf-collage{width:min(100%,22rem);aspect-ratio:1/1}.gf-store{grid-template-columns:6rem 1fr}.gf-strip img:last-child{display:none}}

/* 0.9.69: gift cards equal height, price never wraps, shelf cards clear of the heading */
.gf-idea-b{display:flex;flex-direction:column;gap:.3rem}
.gf-idea-b p{flex:1}
.gf-idea-f{margin-top:.8rem}
.gf-idea-f .num{white-space:nowrap}
.gf-idea-f .btn{white-space:nowrap}
.gf-shelf .shop-head-t{margin-bottom:1.2rem}
.gf-shelf .grid{margin-top:1.6rem}
.gf-shelf{padding-top:clamp(2rem,5vw,3.5rem)}

/* ===== 0.9.70: FAQ chevron (no text marker), store-card rating pill, pink store link, shining review button, contained care photo ===== */
.ro-faq details summary,.plp-faq details summary,.st-faq details summary,.gf-faq details summary,.art-faq details summary{list-style:none;position:relative;padding-right:2.2rem;display:block}
.ro-faq details summary::-webkit-details-marker,.plp-faq details summary::-webkit-details-marker,.st-faq details summary::-webkit-details-marker,.art-faq details summary::-webkit-details-marker{display:none}
.ro-faq details summary::marker,.plp-faq details summary::marker,.st-faq details summary::marker,.art-faq details summary::marker{content:"";display:none}
.ro-faq details summary::after,.plp-faq details summary::after,.st-faq details summary::after,.art-faq details summary::after{content:"";position:absolute;right:.35rem;top:50%;width:.55rem;height:.55rem;border-right:2px solid var(--cta);border-bottom:2px solid var(--cta);transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease);font-size:0}
.ro-faq details[open] summary::after,.plp-faq details[open] summary::after,.st-faq details[open] summary::after,.art-faq details[open] summary::after{content:"";transform:translateY(-25%) rotate(-135deg)}
.gf-store{grid-template-columns:8rem 1fr;gap:1.1rem}
.gf-store .gscore{margin:.25rem 0 .4rem}
.gf-store .gscore-in{gap:.4rem;padding:5px .75rem 5px .45rem;font-size:.85rem;flex-wrap:nowrap;border:1.5px solid var(--pink-200);background:linear-gradient(120deg,#fff,#FFF3F7);box-shadow:0 8px 18px -14px rgba(201,101,138,.6)}
.gf-store .gscore-n{font-size:.98rem}
.gf-store .gscore-in .stars{font-size:.78rem;color:#E0A526}
.gf-store .gscore-c{font-size:.8rem}
.gf-store .link{color:var(--cta);font-weight:600;font-size:.93rem;text-decoration-color:var(--pink-400);text-underline-offset:4px}
.gf-store .link:hover{text-decoration-color:var(--cta)}
.gf-page .pdp-rev .btn,.gf-rev .btn{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--cta),#E38AB0);color:#fff;border-color:transparent;box-shadow:0 12px 26px -14px rgba(201,101,138,.9)}
.gf-page .pdp-rev .btn::after,.gf-rev .btn::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);background-size:250% 100%;background-position:150% 0;animation:gfShine 3.4s cubic-bezier(.45,0,.25,1) infinite}
@keyframes gfShine{to{background-position:-150% 0}}
html[data-motion="off"] .gf-page .pdp-rev .btn::after{animation:none}
.gf-idea-ph.contain{background:#F6DCE6}
.gf-idea-ph.contain img{object-fit:contain;padding:.7rem;box-sizing:border-box}
@media (max-width:640px){.gf-store{grid-template-columns:6.5rem 1fr}}

/* ===== 0.9.75: store pages: highlight chips, favourites row, tilted gallery, richer cards ===== */
.st-chips{list-style:none;margin:1.1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.st-chips li{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .8rem;border-radius:999px;background:#fff;border:1.5px solid var(--pink-200);font-size:.86rem;font-weight:600;color:var(--ink);box-shadow:0 8px 18px -14px rgba(201,101,138,.5)}
.st-chips svg{width:.9rem;height:.9rem;color:var(--cta)}
.st-fav{padding-top:clamp(2.5rem,6vw,4rem)}
.st-fav .sec-row{margin-bottom:1.2rem}
.st-fav .link{color:var(--cta);font-weight:600}
.st-gallery img{transition:transform .4s var(--ease)}
.st-gallery img:nth-child(1){transform:rotate(-1.5deg)}.st-gallery img:nth-child(2){transform:rotate(1.2deg) translateY(.6rem)}.st-gallery img:nth-child(3){transform:rotate(-1deg)}
.st-gallery img:hover{transform:rotate(0) scale(1.02)}
.st-what .st-card{transition:transform .3s var(--ease),box-shadow .3s}
.st-what .st-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(201,101,138,.6)}
.st-what .st-card p{margin:0;line-height:1.5}
.st-what .st-card strong{display:block;font-family:var(--display);font-weight:500;font-size:1.15rem;margin-bottom:.2rem}
.st-fact{background:#fff;border:1.5px solid var(--pink-200);border-radius:1.4rem;padding:1.2rem 1.3rem;display:grid;gap:.3rem;align-content:start}
.st-fact p,.st-fact small{margin:0}.st-fact small{color:var(--muted)}
.st-page .st-more .pf-card{transition:transform .3s var(--ease)}.st-page .st-more .pf-card:hover{transform:translateY(-3px)}
@media (max-width:640px){.st-chips li{font-size:.8rem;padding:.36rem .65rem}}

/* ===== 0.9.77: Christmas mode restyled — night sky (navy), snow white, gold, one red accent; lights + falling snow ===== */
:root{--xmas-navy:#0B1D3A;--xmas-navy-2:#15305B;--xmas-gold:#E8C168;--xmas-gold-2:#F6DC9A;--xmas-red:#B3262E;--xmas-snow:#F4F7FB}
body.season-xmas .offer{background:linear-gradient(90deg,var(--xmas-navy),var(--xmas-navy-2) 60%,#1C3E73);color:var(--xmas-snow);position:relative;z-index:31}
body.season-xmas .offer a,body.season-xmas .offer span{color:var(--xmas-snow)}
body.season-xmas .offer .season-item b{color:var(--xmas-gold)}
body.season-xmas .offer .season-item b::before{content:"✦ ";color:var(--xmas-gold-2)}
body.season-xmas .offer .top-socials a{color:var(--xmas-snow)}
.xmas-lights{display:flex;justify-content:space-between;padding:0 clamp(.6rem,2vw,2rem);height:0;position:relative;z-index:45;pointer-events:none}
.xmas-lights::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(11,29,58,.7) 8%,rgba(11,29,58,.7) 92%,transparent)}
.xmas-lights i{display:block;width:.55rem;height:.85rem;border-radius:50% 50% 55% 55%;margin-top:.3rem;position:relative;background:var(--xmas-gold);box-shadow:0 0 .55rem .1rem rgba(232,193,104,.75);animation:xmasGlow 2.4s ease-in-out infinite}
.xmas-lights i::before{content:"";position:absolute;left:50%;top:-.32rem;width:.28rem;height:.34rem;margin-left:-.14rem;background:#2A4A7C;border-radius:.1rem .1rem 0 0}
.xmas-lights i:nth-child(3n+2){background:var(--xmas-snow);box-shadow:0 0 .55rem .1rem rgba(244,247,251,.8);animation-delay:-.8s}
.xmas-lights i:nth-child(3n){background:var(--xmas-red);box-shadow:0 0 .55rem .1rem rgba(179,38,46,.7);animation-delay:-1.6s}
.xmas-lights i:nth-child(2n){margin-top:.55rem}
@keyframes xmasGlow{0%,100%{opacity:1;filter:brightness(1)}50%{opacity:.62;filter:brightness(.8)}}
@media (max-width:640px){.xmas-lights i:nth-child(n+25){display:none}}
body.season-xmas .hero-kicker{color:var(--xmas-red)}
body.season-xmas .hero-kicker::before{content:"❄ ";color:#7FA6D9}
body.season-xmas .hero-promo b{background:linear-gradient(135deg,var(--xmas-navy),#1C3E73);color:var(--xmas-gold-2);box-shadow:0 12px 26px -14px rgba(11,29,58,.8)}
body.season-xmas .hero-promo span{color:var(--xmas-navy)}
body.season-xmas .hero-promo span i{color:var(--xmas-red)}
.season-band.xmas{background:radial-gradient(90% 140% at 100% 0%,#1C3E73,transparent 60%),linear-gradient(120deg,var(--xmas-navy),var(--xmas-navy-2));color:var(--xmas-snow);box-shadow:0 0 0 2px #1F3D6E,0 26px 50px -30px rgba(11,29,58,.85);position:relative;overflow:hidden}
.season-band.xmas .sb-ico{background:rgba(255,255,255,.08);color:var(--xmas-gold);box-shadow:0 0 0 1.5px rgba(232,193,104,.5)}
.season-band.xmas .kicker{color:var(--xmas-gold)}
.season-band.xmas .sb-copy b{color:#fff}
.season-band.xmas .sb-copy small{color:rgba(244,247,251,.82)}
.season-band.xmas .sb-copy small b{color:var(--xmas-gold-2)}
.season-band.xmas .btn.ghost{border-color:var(--xmas-gold);color:var(--xmas-gold-2);background:transparent}
.season-band.xmas .btn.ghost:hover{background:var(--xmas-gold);color:var(--xmas-navy)}
.season-band.xmas::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1.6px),radial-gradient(circle,rgba(255,255,255,.6) 1px,transparent 1.5px);background-size:9rem 7rem,6rem 5rem;background-position:1rem .5rem,3rem 2rem;opacity:.35}
.season-band.xmas .sb-snow{position:absolute;left:0;right:0;top:0;height:.7rem;border-radius:1.5rem 1.5rem 0 0;overflow:hidden;background:radial-gradient(2.4rem .7rem at 6% 0%,var(--xmas-snow) 97%,transparent),radial-gradient(3rem .8rem at 20% 0%,var(--xmas-snow) 97%,transparent),radial-gradient(2.2rem .65rem at 33% 0%,var(--xmas-snow) 97%,transparent),radial-gradient(3.2rem .85rem at 48% 0%,var(--xmas-snow) 97%,transparent),radial-gradient(2.4rem .7rem at 62% 0%,var(--xmas-snow) 97%,transparent),radial-gradient(3rem .8rem at 77% 0%,var(--xmas-snow) 97%,transparent),radial-gradient(2.2rem .65rem at 90% 0%,var(--xmas-snow) 97%,transparent),radial-gradient(2.6rem .75rem at 100% 0%,var(--xmas-snow) 97%,transparent);opacity:.95}
body.season-xmas .cats2 .cat2:last-child .ph::after{background:linear-gradient(135deg,var(--xmas-navy),#1C3E73);color:var(--xmas-gold-2);box-shadow:0 0 0 1.5px var(--xmas-gold)}
body.season-xmas .cats2 .cat2:last-child .cnt{color:var(--xmas-red)}
body.season-xmas .season-note{background:var(--xmas-navy);color:var(--xmas-snow)}body.season-xmas .season-note b{color:var(--xmas-gold-2)}
.xmas-snow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9;opacity:.85}
body.season-xmas .hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,29,58,.16),transparent 35%);z-index:1}
html[data-motion="off"] .xmas-lights i{animation:none}

/* ===== 0.9.80: attention to details (owner 2026-09-27) ===== */
/* metal text: hot-pink Discovery set, gold Όλα τα Premium — a moving shine, still under the motion switch */
.metal{font-weight:700;letter-spacing:.02em;background-repeat:no-repeat,no-repeat;background-size:220% 100%,100% 100%;background-position:150% 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:pbShine 3.2s ease-in-out infinite}
.metal.pink{background-image:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%),linear-gradient(100deg,#B4306E 0%,#FF5FA2 30%,#FFB3D1 50%,#FF3F8E 70%,#8F2358 100%)}
.metal.gold{background-image:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%),linear-gradient(100deg,#7A5A22 0%,#C9A55C 30%,#F6E7B8 50%,#C9A55C 70%,#6E4F1C 100%)}
.mega a:hover .metal,.foot a:hover .metal{filter:brightness(1.12)}
html[data-motion="off"] .metal{animation:none;background-position:-50% 0,0 0}
/* mini-cart: the free-shipping meter (same card as the basket page) */
.mc-pts.ship{gap:.4rem;font-size:.82rem;color:var(--ink);background:linear-gradient(120deg,#FCE3EC,#FBEFF3);padding:.6rem .75rem}
.mc-pts.ship>span{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.mc-pts.ship .ship-ico{width:1.1rem;height:1.1rem;color:var(--cta);flex:none}.mc-pts.ship .ship-ico svg{width:100%;height:100%}
.mc-pts.ship .bar{height:6px;background:#fff}
.mc-pts.ship.ok{background:linear-gradient(120deg,#E4F1E8,#F1F7F3)}.mc-pts.ship.ok .bar i{background:var(--ok)}.mc-pts.ship.ok .ship-ico{color:var(--ok)}
/* basket page meters: the same look (owner: this bar everywhere it exists) */
.meter{background:linear-gradient(120deg,#FCE3EC,#FBEFF3);border:0;border-radius:.9rem;padding:.7rem .85rem;color:var(--ink);gap:.45rem}
.meter .bar{height:6px;border-radius:999px;background:#fff;overflow:hidden}
.meter .bar i{background:linear-gradient(90deg,var(--pink-400),var(--cta));border-radius:999px}
.meter.ok{background:linear-gradient(120deg,#E4F1E8,#F1F7F3)}.meter.ok .bar i{background:var(--ok)}
.meter.gift{background:linear-gradient(120deg,#FBE4EC,#FCEFF4)}
/* hero quick chips: a visible outline, light-up on hover */
.qchip{border:1.5px solid var(--pink-400);background:rgba(255,255,255,.9);font-weight:600;box-shadow:0 0 0 0 rgba(239,163,188,0)}
.qchip:hover,.qchip:focus-visible{background:var(--sel-bg);border-color:var(--cta);color:var(--sel-ink);box-shadow:0 0 0 3px rgba(239,163,188,.35),0 10px 22px -12px rgba(201,101,138,.7);transform:translateY(-2px)}
.qchip.prem{border-color:var(--gold-2)}.qchip.prem:hover{background:var(--gold-3);border-color:var(--gold);color:var(--gold)}
.qchip.quiz-chip:hover{background:var(--cta);color:#fff;border-color:var(--cta)}
/* «Πώς δουλεύει»: the same air above and below the four cards */
.how-strip{padding-block:clamp(1.6rem,3vw,2.4rem)}
.disc-band-wrap{padding-block:clamp(1.6rem,3vw,2.4rem) 0}
.disc-band-wrap + #shop{padding-top:clamp(2rem,3.4vw,3.75rem)}
/* text visibility: darker muted grey, hard-coded greys lifted */
:root{--muted:#43393F}
.cats2-head p,.plp-head.v2 p,.plp-head.v3 p,.plp-facts small{color:#463C44}
.hs span,.pr-card .who small,.crumbs,.c-code,.card small{color:#4A3F47}
.chip-sep+.chip,.chip{font-weight:600}
/* product reviews (0.9.80) */
.prv{margin-top:clamp(2.5rem,6vw,4rem)}
.prv-avg{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:999px;background:#fff;border:1.5px solid var(--pink-200)}
.prv-avg b{font-size:1.15rem}.prv-avg .stars{color:var(--gold-2);letter-spacing:.06em}.prv-avg small{color:var(--muted)}
.prv-thanks{padding:.7rem 1rem;border-radius:.9rem;background:#E4F1E8;color:#2F5A3E;font-weight:600}
.prv-none{color:var(--muted)}
.prv-form{margin-top:1.2rem;display:grid;gap:.7rem;padding:1.1rem 1.2rem;background:#fff;border:1.5px solid var(--pink-200);border-radius:1.3rem}
.prv-stars{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:.15rem}
.prv-stars input{position:absolute;opacity:0;width:0;height:0}
.prv-stars label{font-size:1.7rem;line-height:1;color:var(--line);cursor:pointer;transition:color .15s,transform .15s}
.prv-stars label:hover,.prv-stars label:hover~label,.prv-stars input:checked~label{color:var(--gold-2)}
.prv-stars label:hover{transform:scale(1.15)}
.prv-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.prv-form input[type=text],.prv-form input[type=email],.prv-form textarea{width:100%;padding:.7rem .9rem;border:1.5px solid var(--line);border-radius:.8rem;background:var(--paper);font:inherit;color:inherit}
.prv-form input:focus,.prv-form textarea:focus{outline:0;border-color:var(--pink-400);box-shadow:0 0 0 3px rgba(239,163,188,.3)}
.prv-foot{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap}.prv-foot small{color:var(--muted)}
@media (max-width:640px){.prv-row{grid-template-columns:1fr}}

/* ===== 0.9.81: chips = outline everywhere, glow on hover is outline-only; «Όλα τα αρώματα» header v4; care how-block on top ===== */
.qchip,.qchip:hover,.qchip:focus-visible{background:rgba(255,255,255,.9);color:inherit}
.qchip:hover,.qchip:focus-visible{border-color:var(--cta);box-shadow:0 0 0 3px rgba(239,163,188,.45),0 0 14px 2px rgba(239,163,188,.55);transform:translateY(-1px)}
.qchip.prem,.qchip.prem:hover{background:rgba(255,255,255,.9);color:var(--gold);border-color:var(--gold-2)}
.qchip.prem:hover{box-shadow:0 0 0 3px rgba(201,165,92,.35),0 0 14px 2px rgba(201,165,92,.5)}
.qchip.quiz-chip,.qchip.quiz-chip:hover{background:var(--cta);color:#fff;border-color:var(--cta)}
.qchip.quiz-chip:hover{box-shadow:0 0 0 3px rgba(180,81,122,.3),0 0 16px 2px rgba(239,163,188,.7)}
.chip{border:1.5px solid var(--pink-400);background:#fff;font-weight:600;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
.chip:hover{border-color:var(--cta);box-shadow:0 0 0 3px rgba(239,163,188,.45),0 0 14px 2px rgba(239,163,188,.55);transform:translateY(-1px)}
.chip[aria-pressed="true"]{background:var(--sel-bg);color:var(--sel-ink);border-color:var(--cta)}
.chip.prem{border-color:var(--gold-2);color:var(--gold)}.chip.prem:hover{box-shadow:0 0 0 3px rgba(201,165,92,.35),0 0 14px 2px rgba(201,165,92,.5);border-color:var(--gold)}
.chip.new{color:var(--cta)}
.seg{border:1.5px solid var(--pink-400)}
.hint{box-shadow:inset 0 0 0 1.5px var(--pink-400)}.hint:hover{box-shadow:inset 0 0 0 1.5px var(--cta),0 0 0 3px rgba(239,163,188,.45),0 0 12px 2px rgba(239,163,188,.55)}
.plp-find.gold .hint{box-shadow:inset 0 0 0 1.5px rgba(201,165,92,.6)}.plp-find.gold .hint:hover{box-shadow:inset 0 0 0 1.5px var(--gold-2),0 0 0 3px rgba(201,165,92,.3),0 0 12px 2px rgba(201,165,92,.45)}
/* care page: the how-block above the products, one row */
.plp-how.top{margin:0 0 clamp(1.2rem,2.5vw,1.8rem);text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:1rem clamp(1rem,2.5vw,2rem);align-items:center;padding:.9rem 1.1rem;background:#fff;border:1.5px solid var(--pink-200);border-radius:1.3rem}
.plp-how.top .ph-title{display:grid;gap:.15rem}.plp-how.top .ph-title b{font-weight:400;font-size:1.25rem;line-height:1.1}.plp-how.top .ph-title em{color:var(--cta)}
.ph-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.ph-steps li{display:grid;grid-template-columns:auto 1fr;gap:.55rem;align-items:start}
.ph-steps i{font-style:normal;font-family:var(--display);font-size:1.75rem;line-height:1;color:var(--cta);font-weight:500;margin-top:-.1rem}
.ph-steps b{display:block;font-size:.9rem;line-height:1.25}.ph-steps span{font-size:.8rem;line-height:1.4;color:#4A3F47}
.ph-cta{white-space:nowrap}
@media (max-width:1100px){.plp-how.top{grid-template-columns:1fr auto}.ph-steps{grid-column:1/-1}}
@media (max-width:640px){.plp-how.top{grid-template-columns:1fr}.ph-steps{grid-template-columns:1fr;gap:.6rem}.ph-cta{justify-self:start}}

  /* 0.9.82 Google rating pills: G logo before «Google» */
  .aromaterie-grating__g{display:inline-flex;align-items:center;gap:.35em}
  .helios-g{display:inline-flex;width:1.05em;height:1.05em;font-style:normal}
  .helios-g svg{width:100%;height:100%}

/* ===== 0.9.83: «Όλα τα αρώματα» header v5 (plum card + photo + three small boxes); care numbers; gift popup ===== */
.plp-head.v5{background:linear-gradient(170deg,#fff 0%,var(--pink-50) 100%);border-bottom:0;padding-block:clamp(1.4rem,3vw,2.4rem) clamp(1.2rem,2.4vw,1.8rem)}
.plp5-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(.9rem,1.6vw,1.25rem);align-items:stretch}
.plp5-card{position:relative;overflow:hidden;display:grid;gap:.8rem;align-content:center;justify-items:start;padding:clamp(1.5rem,3vw,2.6rem) clamp(1.4rem,3vw,2.8rem);border-radius:2rem;color:#fff;background:radial-gradient(80% 90% at 100% 0%,rgba(239,163,188,.35) 0%,transparent 60%),linear-gradient(160deg,#4A1A33 0%,#6E2749 55%,#8E3A5F 100%);box-shadow:0 30px 60px -38px rgba(74,26,51,.8)}
.plp5-card::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.5px);background-size:1.4rem 1.4rem;mask-image:linear-gradient(200deg,#000 10%,transparent 60%);-webkit-mask-image:linear-gradient(200deg,#000 10%,transparent 60%)}
.plp5-card>*{position:relative;z-index:1}
.plp5-card .crumbs{padding:0;color:rgba(255,255,255,.7)}.plp5-card .crumbs a{color:rgba(255,255,255,.85);text-decoration:underline;text-underline-offset:3px}
.plp5-card .kicker{color:var(--pink-400);display:inline-flex;align-items:center;gap:.7rem}.plp5-card .kicker::after{content:"";width:2.6rem;height:1.5px;background:rgba(239,163,188,.6)}
.plp-head.v5 h1{margin:0;font-size:clamp(2.5rem,4.8vw,4.2rem);line-height:1.02;color:#fff}
.plp-head.v5 h1 em{color:#F2B9CC}
.plp-head.v5 .plp5-lead{margin:0;max-width:36rem;font-size:.98rem;line-height:1.6;color:rgba(255,255,255,.88)}
.plp-head.v5 .plp5-lead b{display:block;color:#fff;font-size:1.06rem;margin-bottom:.15rem}
.plp5-arrow{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);color:#fff;font-weight:600;font-size:.9rem;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
.plp5-arrow i{font-style:normal;transition:transform .2s}
.plp5-arrow:hover{border-color:#fff;box-shadow:0 0 0 3px rgba(239,163,188,.35),0 0 14px 2px rgba(239,163,188,.5);transform:translateY(-1px)}.plp5-arrow:hover i{transform:translateX(4px)}
.plp5-facts{list-style:none;margin:.4rem 0 0;padding:.9rem 0 0;border-top:1px solid rgba(255,255,255,.25);display:flex;flex-wrap:wrap;gap:.5rem 0;width:100%}
.plp5-facts li{display:grid;gap:.15rem;padding:0 clamp(.9rem,1.6vw,1.4rem);border-left:1px solid rgba(255,255,255,.25)}
.plp5-facts li:first-child{padding-left:0;border-left:0}
.plp5-facts b{font-family:var(--display);font-weight:500;font-size:clamp(1.1rem,1.4vw,1.4rem);line-height:1.1;color:#fff;white-space:nowrap}
.plp5-facts span{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.plp5-facts li.hot b{color:#F2B9CC}
.plp5-shot{margin:0;border-radius:2rem;overflow:hidden;box-shadow:0 0 0 3px var(--pink-200),0 30px 60px -38px rgba(201,101,138,.65);min-height:100%}
.plp5-shot img{display:block;width:100%;height:100%;object-fit:cover}
.plp5-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.7rem,1.6vw,1.25rem);margin-top:clamp(.9rem,1.6vw,1.25rem)}
.plp5-mini>div{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:center;background:#fff;border:1.5px solid var(--pink-100);border-radius:1.1rem;padding:.6rem .85rem;min-width:0}
.plp5-mini i{width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:.6rem;background:var(--sel-bg);color:var(--cta)}
.plp5-mini i svg{width:1.05rem;height:1.05rem}
.plp5-mini b{display:block;font-size:.86rem;line-height:1.25}
.plp5-mini span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.78rem;line-height:1.4;color:#4A3F47}
@media (max-width:900px){.plp5-grid{grid-template-columns:1fr}.plp5-shot{min-height:0}.plp5-shot img{aspect-ratio:16/9}.plp5-mini{grid-template-columns:1fr}.plp5-mini span{-webkit-line-clamp:3}}
@media (max-width:560px){.plp5-card{padding:1.4rem 1.2rem;border-radius:1.5rem}.plp5-facts{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 0}.plp5-facts li{padding:0 .8rem}.plp5-facts li:nth-child(odd){padding-left:0;border-left:0}.plp5-shot{border-radius:1.5rem}}
/* gift popup */
.gift-teaser{margin:0 0 .8rem;padding:.6rem .8rem;border-radius:.8rem;background:var(--pink-50);font-size:.9rem;color:var(--ink)}
.gift-modal{width:min(38rem,calc(100% - 2rem))}
.gm{gap:1.1rem}
.gm-head{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start}
.gm-ico{display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:var(--pink-50);font-size:1.5rem}
.gm-head h2{margin:.1rem 0 .3rem;font-size:1.7rem;line-height:1.1}.gm-head p{margin:0;color:var(--muted);font-size:.95rem}
.gm-opts{display:grid;gap:.6rem}
.g-opt{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border:1.5px solid var(--pink-200);border-radius:1rem;cursor:pointer;background:#fff;transition:border-color .2s,box-shadow .2s}
.g-opt input{accent-color:var(--cta);width:1.1rem;height:1.1rem;margin:0}
.g-opt.on{border-color:var(--cta);box-shadow:0 0 0 3px rgba(239,163,188,.35)}
.g-opt span{font-weight:600}
.gm-pick{display:grid;gap:.6rem;padding:.9rem 1rem;border-radius:1rem;background:var(--pink-50)}
.gm-pick>b{font-size:.92rem}
.gm-chosen{display:flex;flex-wrap:wrap;gap:.4rem}.gm-chosen:empty{display:none}
.g-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .5rem .35rem .75rem;border-radius:999px;background:#fff;border:1.5px solid var(--cta);font-size:.86rem}
.g-chip b{color:var(--sel-ink);font-size:.78rem;letter-spacing:.08em}
.g-chip button{border:0;background:var(--sel-bg);color:var(--sel-ink);width:1.3rem;height:1.3rem;border-radius:50%;line-height:1;font-size:.95rem;cursor:pointer}
.gm-search{background:#fff}
.gm-res{display:grid;gap:.3rem;max-height:14rem;overflow:auto}
.gm-hit{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;text-align:left;padding:.5rem .7rem;border:1.5px solid transparent;border-radius:.8rem;background:#fff;cursor:pointer;font:inherit;color:inherit}
.gm-hit:hover{border-color:var(--cta)}
.gm-hit b{font-size:.76rem;letter-spacing:.1em;color:var(--sel-ink)}.gm-hit span{font-weight:600;font-size:.9rem}.gm-hit small{color:var(--muted);font-size:.76rem}
.gm-none{margin:0;font-size:.86rem;color:var(--muted)}
.gm-foot{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}
.gm-skip{border:0;background:none;font:inherit;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.gm-go[disabled]{opacity:.5;cursor:not-allowed}
.done-gift{margin:.6rem 0 0;padding:.7rem 1rem;border-radius:.9rem;background:var(--pink-50);display:inline-block}

/* ===== 0.9.85: header v5 tightened (short lines, clean numbers, less height), footer metal links, request box outlines ===== */
.plp5-card{gap:.55rem;padding:clamp(1.3rem,2.4vw,2rem) clamp(1.3rem,2.6vw,2.4rem)}
.plp-head.v5 h1{font-size:clamp(2.3rem,4.2vw,3.6rem)}
.plp-head.v5 .plp5-lead{font-size:1rem}.plp-head.v5 .plp5-lead b{margin:0;font-size:1.04rem}
.plp5-points{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;max-width:36rem}
.plp5-points li{position:relative;padding-left:1.25rem;font-size:.93rem;line-height:1.45;color:rgba(255,255,255,.86)}
.plp5-points li::before{content:"";position:absolute;left:0;top:.5em;width:.5rem;height:.5rem;border-radius:50%;background:var(--pink-400);box-shadow:0 0 0 3px rgba(239,163,188,.25)}
.plp5-points b{color:#fff;font-weight:700}
.plp5-arrow{margin-top:.2rem}
.plp5-facts{margin-top:.5rem;padding-top:.75rem}
.plp5-facts b{font-family:"Outfit",var(--body),system-ui,sans-serif;font-weight:500;font-size:clamp(1.1rem,1.3vw,1.35rem);letter-spacing:.01em;font-variant-numeric:tabular-nums}
.plp5-mini{margin-top:clamp(1.25rem,2.2vw,1.75rem)}
#plpFindWrap{scroll-margin-top:calc(env(safe-area-inset-top,0px) + 6.5rem)}
/* footer metal links keep the footer's size */
.foot .metal,footer .metal{font-weight:600;letter-spacing:.01em}
/* «Ζήτησέ το»: both fields outlined; the focused one lights up */
.req-box .req-row input{border:1.5px solid var(--pink-400);background:#fff;transition:border-color .2s,box-shadow .2s}
.req-box .req-row input:focus{outline:0;border-color:var(--cta);box-shadow:0 0 0 3px rgba(239,163,188,.5),0 0 14px 2px rgba(239,163,188,.55)}

/* ===== 0.9.86: v5 header on the shop categories too; Instagram handle is a link ===== */
.plp5-mini{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
#plpGrid{scroll-margin-top:calc(env(safe-area-inset-top,0px) + 9rem)}
.ig-handle{color:inherit;text-decoration:none;transition:color .2s}.ig-handle:hover{color:var(--cta)}

/* ===== 0.9.87: the header photo takes the card's height (portrait photos no longer stretch the row) ===== */
.plp5-grid{grid-template-rows:minmax(0,1fr)}
.plp5-shot{position:relative;min-height:22rem;height:100%}
.plp5-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.plp5-shot{min-height:0;height:auto;aspect-ratio:16/9}.plp5-shot img{position:absolute;aspect-ratio:auto}}

/* ===== 0.9.88: arrow lands higher, outlines on the boxes, 2+1 link, care-step text, hint chips toggle ===== */
#plpFindWrap{scroll-margin-top:calc(env(safe-area-inset-top,0px) + 24rem)}
.plp5-mini>div{border-color:var(--pink-400)}
.plp-how.top{border-color:var(--pink-400)}
.plp5-facts li a{display:grid;gap:.15rem;color:inherit;text-decoration:none}
.plp5-facts li a:hover b{text-decoration:underline;text-underline-offset:4px}
.plp5-facts li.hot span{white-space:normal;max-width:8rem}
.ph-steps li>div{min-width:0}.ph-steps span{display:block;text-align:left;word-spacing:normal;letter-spacing:normal;hyphens:manual}
.hint.on{background:var(--sel-bg);color:var(--sel-ink);box-shadow:inset 0 0 0 1.5px var(--cta)}
.plp-find.gold .hint.on{background:rgba(201,165,92,.2);color:#F3E7CF;box-shadow:inset 0 0 0 1.5px var(--gold-2)}

/* ===== 0.9.89: search page on the v5 header, facts in one row, bolder mini text + metal quiz link, care steps aligned, gift-box scent picker ===== */
.plp5-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.plp5-facts li{padding:0 clamp(.7rem,1.15vw,1.1rem)}
.plp5-facts li.hot span{white-space:nowrap;max-width:none}
@media (min-width:901px){.plp5-facts{flex-wrap:nowrap}}
.plp5-card .ss-notes{margin:0}
.plp5-card .ss-notes>span{color:rgba(255,255,255,.7)}
.plp5-card .ss-note{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35)}
.plp5-mini span{font-size:.86rem;font-weight:600;color:#3A3037;-webkit-line-clamp:3;line-height:1.45}
.plp5-mini b{font-size:.92rem}
.plp5-mini span .metal{font-weight:800}
.plp-how.top{align-items:start}
.ph-steps{gap:1.5rem;align-items:stretch}
.ph-steps li{align-items:start}
.ph-steps b{min-height:2.5em}
.ph-steps i{grid-row:span 1}
.pdp-title h1.long{font-size:clamp(1.7rem,2.8vw,2.5rem);line-height:1.1}
.wcpa_field_wrap.has-pick > .wcpa_field_label,.wcpa_field_wrap.has-pick > select{position:absolute;opacity:0;pointer-events:none;height:0;width:0;overflow:hidden}
.wcpa_field_wrap.has-pick{position:relative}
.wcpa-pick{margin:.4rem 0 .6rem}
.wcpa-pick .opt-h{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.4rem}.wcpa-pick .opt-h b{font-size:1rem}.wcpa-pick .opt-h span{font-size:.82rem;color:var(--muted)}
.wcpa-pick .search-box input{width:100%}
.item-form .wcpa_form_outer{width:100%}

/* 0.9.91: the add-ons plugin (WCPA) admin «Form» badge on product pages, drawn after load */
.wcpa_wrap > div[style*="text-align: right"],.wcpa_wrap > div[style*="text-align:right"]{display:none!important}

/* ===== 0.9.92: shop cards — price + button anchored to the bottom (equal rows); sold-out «Ενημέρωσέ με» ===== */
.icard .i-price{margin-top:auto}
.icard.oos a.add.as-link{color:var(--cta)}

/* ===== 0.9.93: sold-out button text stays visible on hover; air between the price hint and the points line ===== */
.icard.oos a.add.as-link:hover{color:#fff}
.tier-hint + .pdp-pts,#itPts{margin-top:.25rem}

/* ===== 0.9.94: care page air, metal buttons (seamless shine), picker status + room, sort chevron, sigma ===== */
#itPts,.tier-hint + .pdp-pts{margin-top:.7rem}
.tier-hint{margin-bottom:.1rem}
.btn.metal-pink,.disc-band .btn.ghost{background:linear-gradient(90deg,#8F2358 0%,#E84E8F 25%,#FFB3D1 50%,#E84E8F 75%,#8F2358 100%);background-size:200% 100%;background-position:0 0;color:#fff;border-color:transparent;font-weight:700;box-shadow:0 12px 26px -12px rgba(224,69,127,.8);animation:discShine 3.5s linear infinite}
.btn.metal-pink:hover,.disc-band .btn.ghost:hover{filter:brightness(1.08);color:#fff}
html[data-motion="off"] .btn.metal-pink,html[data-motion="off"] .disc-band .btn.ghost{animation:none}
.ph-cta.metal-pink{white-space:nowrap}
.scent-results{margin-top:.7rem;margin-bottom:.35rem}
.scent-chosen{margin:.75rem 0 .25rem}
#itemWrap .buy-row{margin-top:1.1rem}
.wcpa-pick{margin:.5rem 0 1rem}
.ss-status{margin:0 0 .35rem;padding:.35rem .6rem;border-radius:.6rem;font-size:.84rem;color:var(--muted);background:var(--pink-50)}
.ss-status.sure{color:#2F6B45;background:#E4F1E8;font-weight:600}
.sort select{appearance:none;-webkit-appearance:none;padding-right:2.3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23B4517A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .95rem center;background-color:#fff}

/* ===== 0.9.95: sticky chip bar under the measured header; item-page perks icons; bolder home intro; gift renders ===== */
body .plp-bar,body.admin-bar .plp-bar{top:var(--bar-top,calc(env(safe-area-inset-top,0px) + 4.875rem))}
.pdp-info .perks{display:grid;gap:.45rem;margin-top:1.1rem;font-size:.92rem;color:var(--muted)}
.pdp-info .perks>div{display:flex;align-items:center;gap:.55rem}
.pdp-info .perks svg{flex:none;width:18px;height:18px;color:var(--cta)}
.pdp-info .perks b{color:var(--ink)}
.cats2-head p{font-weight:700;color:var(--ink);opacity:1}

/* ===== 0.9.97: studio renders fill the frame (no white gap, no blend), on cards and product pages ===== */
.icard .card-media.photo{background:#F3E9DC}
.icard .card-media.photo img{object-fit:cover;padding:0;mix-blend-mode:normal}
.item-media.photo{background:#F3E9DC!important}
.item-media.photo img{object-fit:cover;padding:0;mix-blend-mode:normal}

/* ===== 0.10.1: photo note under shop-item photos; our scent picker ===== */
.pdp-media.item-media{overflow:visible;margin-bottom:2rem}
.pdp-media.item-media img{border-radius:inherit}
.photo-note{position:absolute;left:.2rem;right:0;bottom:-1.9rem;margin:0;display:flex;align-items:center;gap:.4rem;font-size:.8rem;line-height:1.3;color:var(--muted)}
.photo-note svg{color:var(--cta);flex:none}
.wcpa_field_wrap.has-pick.hs-scent > select,.wcpa_field_wrap.has-pick.hs-scent > label{position:absolute;opacity:0;pointer-events:none;height:0;width:0;overflow:hidden}
.hs-scent-note{margin:.2rem 0 .8rem;font-size:.85rem;color:var(--muted);width:100%}.hs-scent-note b{color:var(--gold)}
.scent-opt .prem-add{margin-left:auto;font-size:.72rem;font-weight:700;color:var(--gold)}

/* 0.10.4: the photo note sits a little lower under the photo */
.pdp-media.item-media{margin-bottom:2.9rem}
.photo-note{bottom:-2.9rem}

/* ===== 0.10.7: Premium chip outline, Mini row, care photos edge to edge, «Κάν' το δώρο» card ===== */
.chip.prem,.chip.prem[aria-pressed="false"]{border-color:#D9BC82}
.sizes .size.mini-row{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.55rem .9rem;border-style:dashed}
.sizes .size.mini-row b{display:inline-flex;align-items:center;gap:.4rem;font-size:.98rem}
.sizes .size.mini-row small::before{content:"·";margin-right:.7rem;color:var(--line)}
.sizes .size.mini-row[aria-pressed="true"]{border-style:solid}
.care-pick{gap:.5rem}
.cp{padding:.4rem .4rem .75rem}
.cp .ci{background:#F6EEEA}
.cp .ci img{object-fit:cover;padding:0;mix-blend-mode:normal}
.gift-opt{position:relative;overflow:hidden;border:1px solid var(--pink-200);border-radius:1.1rem;background:linear-gradient(115deg,#FFF0F5 0%,#FFF8F3 60%,#fff 100%);box-shadow:0 14px 30px -24px rgba(180,81,122,.7);transition:border-color .2s,box-shadow .25s,transform .25s var(--ease)}
.gift-opt::before{content:"";position:absolute;top:0;bottom:0;right:1.475rem;width:.55rem;background:linear-gradient(180deg,rgba(214,95,140,.18),rgba(214,95,140,.32));pointer-events:none}
.gift-opt:hover{border-color:var(--cta);box-shadow:0 18px 34px -22px rgba(180,81,122,.8);transform:translateY(-1px)}
.gift-opt.on{border-style:solid;border-color:var(--cta);background:linear-gradient(115deg,#FDE3EC 0%,#FFF1F5 70%,#fff 100%)}
.gift-toggle{padding:.95rem 1rem;gap:.9rem;position:relative}
.gt-ico{order:-1;width:2.7rem;height:2.7rem;padding:.62rem;border-radius:50%;background:#fff;color:var(--cta);box-shadow:0 0 0 1px var(--pink-200),0 8px 18px -10px rgba(180,81,122,.8);transition:background .2s,color .2s,transform .3s var(--ease)}
.gift-opt:hover .gt-ico{transform:rotate(-8deg) scale(1.05)}
.gift-opt.on .gt-ico{background:var(--cta);color:#fff;box-shadow:0 8px 18px -8px rgba(180,81,122,.9)}
.gt-txt b{display:flex;align-items:center;gap:.5rem;font-size:1.14rem}
.gt-price{font-style:normal;font-family:var(--body,inherit);font-size:.74rem;font-weight:700;letter-spacing:.02em;color:var(--cta);background:#fff;border:1px solid var(--pink-200);border-radius:999px;padding:.1rem .5rem}
.gift-opt.on .gt-price{background:var(--cta);color:#fff;border-color:var(--cta)}
.gt-box{order:2;width:1.5rem;height:1.5rem;border-radius:50%;position:relative;z-index:1}
.gift-msg{padding:0 1rem 1rem 4.6rem}
@media (max-width:480px){.gift-msg{padding-left:1rem}}
.gt-box{border-width:2px;box-shadow:0 0 0 4px #fff}
.gt-txt{padding-right:.4rem}
.gift-msg{position:relative;z-index:1}

/* ===== 0.10.9: glow outline on photos when hovered (menu card, about photos); stronger about text ===== */
.mega-card{transition:box-shadow .3s,transform .3s var(--ease)}
.mega-card img{transition:transform .6s var(--ease)}
.mega-card:hover,.mega-card:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #E07CA2,0 0 22px 4px rgba(214,95,140,.45);transform:translateY(-2px)}
.mega-card:hover img{transform:scale(1.04)}
.about-hero{transition:box-shadow .35s,transform .4s var(--ease)}
.about-hero:hover{box-shadow:0 0 0 3px #E07CA2,0 0 26px 6px rgba(214,95,140,.35),0 30px 60px -38px rgba(201,101,138,.65);transform:translateY(-2px)}
.about .collage img:hover{box-shadow:0 0 0 3px #E07CA2,0 0 18px 4px rgba(214,95,140,.4);transform:translateY(-3px)}
.about-copy .lead{font-weight:400;color:var(--ink)}
.about-copy p:not(.lead){color:#352C32;font-weight:500}
.about-points span{color:#3A3036}

/* ===== 0.10.10: shop-item bar in two tidy rows (sections tab group / sub-filters + sort) ===== */
.plp-bar.items .plp-bar-in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"secs secs" "subs tools";align-items:center;gap:.7rem 1.5rem;padding-block:.9rem .8rem}
.plp-bar.items .filters{display:contents}
.plp-secs{grid-area:secs;justify-self:start;display:inline-flex;gap:.25rem;padding:.3rem;background:#fff;border:1px solid var(--pink-200);border-radius:999px;box-shadow:0 10px 24px -20px rgba(180,81,122,.6);max-width:100%;overflow-x:auto;scrollbar-width:none}
.plp-secs::-webkit-scrollbar{display:none}
.plp-secs .chip{border:0;background:transparent;padding:.55rem 1.15rem;white-space:nowrap;font-weight:600;color:var(--ink)}
.plp-secs .chip:hover{background:var(--pink-50);color:var(--cta)}
.plp-secs .chip[aria-pressed="true"]{background:var(--cta);color:#fff;box-shadow:0 6px 14px -8px rgba(180,81,122,.9)}
.plp-subs{grid-area:subs;display:flex;flex-wrap:wrap;gap:.45rem;min-height:2.3rem;align-items:center}
.plp-subs .chip{padding:.4rem .95rem;font-size:.86rem;font-weight:500;background:transparent;border-color:var(--pink-200)}
.plp-subs .chip[aria-pressed="true"]{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-ink);font-weight:600}
.plp-bar.items .plp-tools{grid-area:tools;justify-self:end}
@media (max-width:700px){.plp-bar.items .plp-bar-in{grid-template-columns:1fr;grid-template-areas:"secs" "subs" "tools"}.plp-bar.items .plp-tools{justify-self:stretch}.plp-subs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}}

/* ===== 0.10.11: gift-set audience tags; tidier shop bar ===== */
.tag.aud{background:#fff;color:var(--ink);border:1px solid var(--pink-200)}
.tag.aud-f{color:#B4517A;border-color:#F2B8CC;background:#FFF3F7}
.tag.aud-m{color:#1F3A6B;border-color:#B9C8E6;background:#F2F6FD}
.tag.aud-p{color:#7A5A22;border-color:#E3CD9B;background:linear-gradient(120deg,#FFF9EC,#F7EBD0)}
.aud-line{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin:.55rem 0 0;font-size:.92rem;color:var(--muted)}
.aud-line .tag{position:static}
.plp-subs-l{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-right:.35rem}
.plp-bar.items .plp-bar-in{row-gap:.85rem}
.plp-bar.items .plp-subs{padding-top:.1rem}
.plp-subs-l:last-child{display:none}   /* 0.10.12: no label when a section has no sub-filters (Gift Box, Περιποίηση) */

/* ===== 0.10.13: themed season / type chips ===== */
.plp-subs .chip.th{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .95rem .42rem .75rem;color:var(--tc);border-color:var(--tb);background:var(--tbg);transition:transform .2s var(--ease),box-shadow .25s,background .2s,color .2s}
.plp-subs .chip.th .th-ico{flex:none;opacity:.9}
.plp-subs .chip.th:hover{transform:translateY(-1px);box-shadow:0 0 0 3px var(--tg),0 8px 18px -12px var(--tc)}
.plp-subs .chip.th[aria-pressed="true"]{background:var(--ton);color:var(--tonc,#fff);border-color:transparent;font-weight:600;box-shadow:0 8px 18px -10px var(--tc)}
.th-xmas{--tc:#A61E2A;--tb:#EBB0B3;--tbg:linear-gradient(120deg,#FFF3F2,#F1F9F2);--tg:rgba(166,30,42,.18);--ton:linear-gradient(120deg,#B3262E,#1F6B3A)}
.th-valentine{--tc:#C2185B;--tb:#F4A7C3;--tbg:#FFF0F6;--tg:rgba(194,24,91,.18);--ton:linear-gradient(120deg,#E0457B,#B0123F)}
.th-easter{--tc:#6F4BB0;--tb:#D2C1F0;--tbg:linear-gradient(120deg,#F7F2FF,#FFFBE8);--tg:rgba(111,75,176,.18);--ton:linear-gradient(120deg,#9C7ADB,#E8B93A)}
.th-summer{--tc:#0B7A99;--tb:#A9DDEB;--tbg:linear-gradient(120deg,#EEFAFE,#FFF8E2);--tg:rgba(11,122,153,.18);--ton:linear-gradient(120deg,#16A3C8,#F2B230)}
.th-halloween{--tc:#C2410C;--tb:#F5BE95;--tbg:#FFF4EA;--tg:rgba(194,65,12,.2);--ton:linear-gradient(120deg,#1E1714,#3A2418);--tonc:#FF9A3D}
.th-candle{--tc:#A45A0A;--tb:#F1CD95;--tbg:#FFF8EC;--tg:rgba(164,90,10,.18);--ton:linear-gradient(120deg,#D98A1E,#A45A0A)}
.th-room{--tc:#3F6E4C;--tb:#B8D8BF;--tbg:#F2F9F3;--tg:rgba(63,110,76,.18);--ton:linear-gradient(120deg,#5C9A6C,#3F6E4C)}

/* ===== 0.10.15 ===== */
/* the plugin's own dropdown stays hidden under our search, even after its error re-render */
.wcpa_field_wrap:has(.wcpa-pick) select,.wcpa_field_wrap:has(.wcpa-pick) .wcpa_field_label{position:absolute!important;opacity:0!important;pointer-events:none;height:0!important;width:0!important;overflow:hidden;padding:0!important;border:0!important}
/* care «how it works»: the quiz button as tall as the steps */
.plp-how.top .ph-cta{align-self:center;min-height:3.6rem;display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.6rem;font-size:.98rem}
/* mega-menu picture: framed while it is open, glowing on hover */
.mega-card{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #EFA3BC,0 18px 36px -20px rgba(180,81,122,.55)}
.mega-card:hover,.mega-card:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #E07CA2,0 0 26px 6px rgba(214,95,140,.45)}
/* set builder: essence per bottle */
.set-ess{display:flex;align-items:center;gap:.35rem;margin:.45rem 0 .2rem;font-size:.8rem;color:var(--muted)}
.set-ess .se-l{margin-right:.15rem}
.set-ess button{width:1.6rem;height:1.6rem;border-radius:50%;border:1px solid var(--pink-200);background:#fff;color:var(--cta);font-weight:700;line-height:1;cursor:pointer}
.set-ess button:disabled{opacity:.35;cursor:default}
.set-ess b{min-width:2.4rem;text-align:center;color:var(--ink)}
.set-ess small{color:var(--cta);font-weight:600}
/* set builder: the two help links move; Discovery in the hot-pink metal */
.set-help .hint.sh-quiz{animation:shBob 3.2s ease-in-out infinite}
.set-help .hint.sh-disc{background:linear-gradient(90deg,#8F2358 0%,#E84E8F 25%,#FFB3D1 50%,#E84E8F 75%,#8F2358 100%);background-size:200% 100%;color:#fff;font-weight:700;box-shadow:0 10px 22px -12px rgba(224,69,127,.85);animation:shShine 3.4s linear infinite}
.set-help .hint.sh-disc:hover{filter:brightness(1.08);color:#fff}
.set-help .hint.sh-quiz:hover{transform:translateY(-2px)}
@keyframes shShine{to{background-position:-200% 0}}
@keyframes shBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
html[data-motion="off"] .set-help .hint.sh-quiz,html[data-motion="off"] .set-help .hint.sh-disc{animation:none}
@media (prefers-reduced-motion:reduce){.set-help .hint.sh-quiz,.set-help .hint.sh-disc{animation:none}}

/* ===== 0.10.19: cart suggestions even and tidy; Box Now badge ===== */
.cf-grid{align-items:stretch}
.fill-card{display:flex;flex-direction:column;gap:.45rem;min-width:0;overflow:hidden}
.fill-card .cf-img{display:block;border-radius:.8rem;overflow:hidden}
.fill-card .cf-img img{width:100%;max-width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:.8rem}
.fill-card .cf-body{flex:1;min-width:0}
.fill-card .cf-name{overflow-wrap:anywhere}
.fill-card .cf-foot{flex-direction:column;align-items:stretch;gap:.45rem;margin-top:auto}
.fill-card .cf-foot .num{white-space:nowrap}
.fill-card .cf-foot .btn.cf-btn{width:100%;justify-content:center;color:#fff;font-size:.8rem;min-height:2.3rem;padding-inline:.5rem}
.fill-card .cf-foot .btn.cf-btn:hover{color:#fff}
.ship-fast{display:inline-block;margin-left:.45rem;padding:.12rem .55rem;border-radius:999px;font-style:normal;font-size:.7rem;font-weight:700;letter-spacing:.02em;color:#fff;vertical-align:middle;
  background:linear-gradient(90deg,#157A45 0%,#2FB36B 30%,#A8F0C6 50%,#2FB36B 70%,#157A45 100%);background-size:220% 100%;box-shadow:0 6px 14px -8px rgba(21,122,69,.8);animation:shipShine 2.8s linear infinite}
@keyframes shipShine{to{background-position:-220% 0}}
@media (prefers-reduced-motion:reduce){.ship-fast{animation:none}}
html[data-motion="off"] .ship-fast{animation:none}
.th-car{--tc:#4B5B7A;--tb:#C3CCE0;--tbg:#F3F6FB;--tg:rgba(75,91,122,.18);--ton:linear-gradient(120deg,#6B7FA6,#3E4D6A)}   /* 0.10.24 */

/* ===== 0.10.25 (UI scan) ===== */
@media (max-width:900px){.plp5-grid{grid-template-columns:1fr!important}}   /* a later desktop rule kept 2 columns on phones: text cut, photo off-screen */
#mnav .lang{display:inline-flex!important;margin-top:.9rem;align-self:flex-start}
#mnav .lang a{padding:5px .5625rem;color:var(--muted);border-radius:999px}
html.nav-open,html.nav-open body{overflow:hidden}
form.cart > .hs-scent,form.cart > .wcpa_form_outer{flex:1 0 100%;width:100%;max-width:100%}   /* 0.10.28 (owner): the scent search on gift sets was only as wide as its text */
form.cart > .tc-extra-product-options,form.cart > .tc-totals-form,.tm-epo-totals{display:none!important}   /* 0.10.29 (owner): old Extra Product Options fields («Ενίσχυση Αρώματος», «Προϊόν περιποίησης…») showed unstyled; Helios has its own boost, the default is «Χωρίς ενίσχυση» */
/* ===== 0.10.30 ===== */
/* room fragrance size buttons */
form.cart > .hs-size-wrap{flex:1 0 100%;width:100%;margin:0 0 .9rem}
.hs-size-wrap .opt-h{margin-bottom:.45rem}
.hs-size{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.hs-sz{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:.9rem;background:#fff;cursor:pointer;text-align:left;font:inherit;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.hs-sz b{font-size:1rem}.hs-sz small{font-size:.78rem;color:var(--muted)}
.hs-sz:hover{border-color:var(--pink-200)}
.hs-sz.on{border-color:var(--sel-bd,#c2185b);box-shadow:inset 0 0 0 1px var(--sel-bd,#c2185b);background:var(--sel-bg,#fdf0f4)}
/* «… μπήκε στο καλάθι σου» — one quiet centred line */
body:not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-notices-wrapper{display:flex;justify-content:center;padding:.5rem 16px 0}
body:not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-notices-wrapper:empty{display:none}
body:not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .8rem;margin:0 auto;padding:.45rem 1.1rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7);color:var(--muted);font-size:.82rem;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.03);animation:hxNote .45s ease both}
body:not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message::before{content:"✓";color:var(--sel-bd,#c2185b);font-weight:700}
body:not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message a.button,body:not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message a{order:2;margin:0;padding:0;background:none;border:0;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;box-shadow:none}
@keyframes hxNote{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* discreet back link */
.crumbs .back-link{margin-right:.7rem;padding-right:.7rem;border-right:1px solid var(--line);color:var(--muted);text-decoration:none!important}
.crumbs .back-link:hover{color:var(--ink)}
body:not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message{display:flex!important;width:fit-content;max-width:calc(100% - 32px);margin:.7rem auto 0!important}   /* 0.10.31: on product pages the note has no wrapper, so centre the pill itself */
/* ===== 0.10.34 (gift-box debug) ===== */
/* plugin dropdowns that are not a searchable scent list (e.g. the kids' scents on the Easter set) look like the rest of the page */
.item-form .wcpa_form_outer .wcpa_field_label{display:block;margin:0 0 .45rem;font-weight:600;font-size:.95rem;color:var(--ink)}
.item-form .wcpa_form_outer .wcpa_required_ast{color:var(--sel-bd,#c2185b);margin-left:2px}
.item-form .wcpa_form_outer select.wcpa_field{width:100%;-webkit-appearance:none;appearance:none;padding:.75rem 2.6rem .75rem 1rem;border:1px solid var(--line);border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 1.1rem center;font:inherit;font-size:.95rem;color:var(--ink);cursor:pointer}
.item-form .wcpa_form_outer select.wcpa_field:focus{outline:none;border-color:var(--pink-200);box-shadow:0 0 0 3px rgba(194,24,91,.08)}
.item-form .wcpa_form_outer .wcpa_field_wrap{width:100%;max-width:100%;flex:1 0 100%}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.item-form .wcpa_form_outer select.wcpa_field{height:auto!important;min-height:48px;line-height:1.35!important;padding-top:.7rem!important;padding-bottom:.7rem!important}   /* 0.10.36: the plugin's fixed height clipped the text */
/* ===== 0.10.41 checkout (owner): clearer panels, gift wrap that stands out (+2,00 €), spaced payment boxes, clickable steps ===== */
.helios-checkout .panel{border:1px solid rgba(160,90,120,.22);box-shadow:0 2px 16px rgba(110,50,80,.05)}
.helios-checkout .input-text,.helios-checkout select,.helios-checkout textarea,.helios-checkout .select2-selection{border-color:rgba(160,90,120,.28)!important}
.helios-checkout .input-text:focus,.helios-checkout textarea:focus{border-color:var(--cta)!important;box-shadow:0 0 0 3px rgba(194,24,91,.08)}
/* gift wrap: one clear card, the price on the right */
.helios-checkout label.checkbox:has(#tgpc_enable_checkout_gift_wrapper){flex-wrap:wrap;padding:1rem 1.1rem;border:1.5px solid var(--pink-400);background:#fff;box-shadow:0 2px 12px rgba(194,24,91,.07);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.helios-checkout label.checkbox:has(#tgpc_enable_checkout_gift_wrapper):hover{border-color:var(--cta);box-shadow:0 4px 18px rgba(194,24,91,.12)}
.helios-checkout label.checkbox:has(#tgpc_enable_checkout_gift_wrapper) .tgpc-enable-checkout-gift-wrapper--label_text{font-weight:700;font-size:1rem;white-space:nowrap;color:var(--ink)}
.helios-checkout label.checkbox:has(#tgpc_enable_checkout_gift_wrapper) .optional{font-size:.82rem}
.helios-checkout label.checkbox:has(#tgpc_enable_checkout_gift_wrapper)::after{content:"+2,00 €";margin-left:auto;padding:.3rem .7rem;border-radius:999px;background:var(--pink-50);color:var(--cta);font-weight:700;font-size:.85rem;white-space:nowrap}
.helios-checkout label.checkbox:has(#tgpc_enable_checkout_gift_wrapper:checked)::after{content:"✓ +2,00 €";background:var(--cta);color:#fff}
.helios-checkout label.checkbox:has(#tgpc_enable_checkout_gift_wrapper) .gift-pre{order:5;flex-basis:100%;margin:.15rem 0 0 2.9rem}
/* payment: the method card and its description no longer touch */
.helios-checkout ul.wc_payment_methods{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}
.helios-checkout ul.wc_payment_methods > li{margin:0}
.helios-checkout .payment_box,.woocommerce .helios-checkout #payment div.payment_box{margin:.6rem 0 0!important;border:1px solid rgba(160,90,120,.14)}
.helios-checkout .woocommerce-terms-and-conditions-wrapper,.helios-checkout .form-row.validate-required:has(#terms){margin-top:1rem}
/* steps: clickable, the one in view is bold */
.helios-checkout ol.steps li{cursor:pointer;transition:color .2s,border-color .2s}
.helios-checkout ol.steps li.cur{font-weight:700;color:var(--cta)}
.helios-checkout ol.steps li:hover{color:var(--cta)}
/* ===== 0.10.44 (owner) ===== */
/* header shop photo: a slightly tilted polaroid on a soft dotted panel that fills the column (no crop, no blur, no empty space) */
.plp5-shot.fit{position:relative;min-height:22rem!important;height:100%!important;width:100%!important;max-width:none!important;aspect-ratio:auto!important;align-self:stretch;justify-self:stretch;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(circle at 1px 1px,rgba(194,24,91,.13) 1px,transparent 1.4px) 0 0/16px 16px,linear-gradient(145deg,#fff6f9 0%,#fbe3ec 55%,#f6d3e1 100%)}
.plp5-shot.fit::before{content:"";position:absolute;width:62%;height:62%;border-radius:1.2rem;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,255,255,.25));transform:rotate(6deg) translate(8%,-4%);box-shadow:0 18px 40px -26px rgba(120,40,80,.45)}
.plp5-shot.fit img{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;max-width:78%;max-height:74%;object-fit:contain!important;border:.55rem solid #fff;border-bottom-width:1.9rem;border-radius:.7rem;box-shadow:0 22px 44px -22px rgba(90,30,60,.55);transform:rotate(-2.5deg);transition:transform .6s var(--ease)}
.plp5-shot.fit:hover img{transform:rotate(0deg) scale(1.02)}
.plp5-shot.fit figcaption{position:absolute;bottom:.9rem;right:1.1rem;font:italic 600 .78rem/1 var(--display);letter-spacing:.02em;color:#9b3d68;opacity:.85}
.plp5-shot.fit.tall img{max-height:84%;max-width:70%}
@media (max-width:900px){.plp5-shot.fit{min-height:0!important;height:auto!important;aspect-ratio:4/3!important}.plp5-shot.fit.tall{aspect-ratio:4/4.4!important}}
@media (prefers-reduced-motion:reduce){.plp5-shot.fit img,.plp5-shot.fit:hover img{transition:none;transform:rotate(-2.5deg)}}
/* «Το καλάθι ενημερώθηκε» pill: room above the banners below it */
body:not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message{margin:.9rem auto 1.4rem!important}
/* search overlay: plum glass backdrop, pop-in panel with a moving gradient rim, glowing field, coloured note chips */
.sov{background:radial-gradient(1200px 600px at 20% 0%,rgba(194,24,91,.35),transparent 60%),radial-gradient(900px 500px at 90% 100%,rgba(212,175,106,.25),transparent 60%),rgba(46,18,36,.55);backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);animation:sovFade .35s ease both}
.sov-in{position:relative;border-radius:1.8rem;padding:1.5rem 1.5rem 1.4rem;background:linear-gradient(var(--paper),var(--paper)) padding-box,linear-gradient(120deg,#f3a6c3,#d4af6a,#c2185b,#f3a6c3) border-box;border:2px solid transparent;background-size:100% 100%,300% 300%;animation:sovPop .45s cubic-bezier(.2,.9,.25,1.15) both,sovRim 8s linear infinite;overflow:hidden}
.sov-in::before,.sov-in::after{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;pointer-events:none;z-index:0}
.sov-in::before{width:16rem;height:16rem;top:-7rem;right:-5rem;background:#f8c9da;animation:sovMist 9s ease-in-out infinite alternate}
.sov-in::after{width:12rem;height:12rem;bottom:-6rem;left:-4rem;background:#f1e0b8;animation:sovMist 11s ease-in-out infinite alternate-reverse}
.sov-in > *{position:relative;z-index:1}
.sov-title{display:grid;gap:.25rem}
.sov-h{font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,3.2vw,2.2rem);line-height:1.1;color:var(--ink)}
.sov-h em{font-style:italic;color:var(--cta)}
.sov .search-box{height:3.9rem;border-radius:999px;background:#fff;box-shadow:0 0 0 2px var(--pink-200),0 12px 30px -18px rgba(194,24,91,.55);transition:box-shadow .3s}
.sov .search-box:focus-within{box-shadow:0 0 0 3px var(--cta),0 0 0 9px rgba(194,24,91,.10),0 16px 36px -18px rgba(194,24,91,.6);animation:sovGlow 2.4s ease-in-out infinite}
.sov .search-box .btn{background:linear-gradient(120deg,var(--cta),#e0588f);box-shadow:0 8px 18px -10px rgba(194,24,91,.8)}
.sov .search-box .btn:hover svg{transform:translateX(3px)}
.sov .search-box .btn svg{transition:transform .25s}
.sov-hints .hint{animation:sovChip .45s cubic-bezier(.2,.9,.25,1.2) both;transition:transform .2s,box-shadow .2s}
.sov-hints .hint:hover{transform:translateY(-2px)}
.sov-hints .hint:nth-of-type(1){animation-delay:.12s;background:#fff7e8;box-shadow:inset 0 0 0 1.5px #ecd6a6;color:#8a6a2e}
.sov-hints .hint:nth-of-type(2){animation-delay:.18s;background:#f1f8e8;box-shadow:inset 0 0 0 1.5px #cfe3b5;color:#5b7a33}
.sov-hints .hint:nth-of-type(3){animation-delay:.24s;background:#fff;box-shadow:inset 0 0 0 1.5px #eadff0;color:#6f5a7e}
.sov-hints .hint:nth-of-type(4){animation-delay:.30s;background:#f5eefb;box-shadow:inset 0 0 0 1.5px #dcc9ee;color:#6c4a92}
.sov-hints .hint:nth-of-type(5){animation-delay:.36s;background:var(--pink-50);box-shadow:inset 0 0 0 1.5px var(--pink-200);color:var(--cta)}
.sov-note{padding:.7rem .9rem;border-radius:1rem;background:rgba(255,255,255,.65);border:1px dashed var(--pink-200)}
.sov-note::before{content:"✨ ";}
@keyframes sovFade{from{opacity:0}to{opacity:1}}
@keyframes sovPop{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@keyframes sovRim{0%{background-position:0 0,0% 50%}100%{background-position:0 0,300% 50%}}
@keyframes sovMist{from{transform:translate(0,0) scale(1)}to{transform:translate(-2rem,1.5rem) scale(1.15)}}
@keyframes sovGlow{0%,100%{box-shadow:0 0 0 3px var(--cta),0 0 0 9px rgba(194,24,91,.10),0 16px 36px -18px rgba(194,24,91,.6)}50%{box-shadow:0 0 0 3px var(--cta),0 0 0 13px rgba(194,24,91,.05),0 16px 36px -18px rgba(194,24,91,.6)}}
@keyframes sovChip{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sov,.sov-in,.sov-in::before,.sov-in::after,.sov .search-box:focus-within,.sov-hints .hint{animation:none}}
@media (max-width:560px){.sov-in{padding:1.1rem;border-radius:1.4rem}.sov .search-box{height:3.4rem}}
/* ===== 0.10.46: two-photo header (Περιποίηση) — front polaroid, one behind, click to shuffle ===== */
.plp5-shot.fit.duo{cursor:pointer;display:grid;place-items:center}
.plp5-shot.fit.duo::before{display:none}
.plp5-shot.fit.duo img{grid-area:1/1;max-width:64%;max-height:66%;transition:transform .6s cubic-bezier(.3,.8,.25,1),filter .6s,z-index 0s linear .3s}
.plp5-shot.fit.duo img.f{z-index:2;transform:rotate(-3deg) translate(-9%,6%)}
.plp5-shot.fit.duo img.b{z-index:1;transform:rotate(6deg) translate(16%,-9%) scale(.92);filter:saturate(.92) brightness(.97)}
.plp5-shot.fit.duo:hover img.f{transform:rotate(-1.5deg) translate(-10%,4%)}
.plp5-shot.fit.duo:hover img.b{transform:rotate(8deg) translate(19%,-11%) scale(.92)}
.plp5-shot.fit.duo.shuf img.f{animation:duoOut .6s cubic-bezier(.3,.8,.25,1)}
.plp5-shot.fit.duo:focus-visible{outline:3px solid var(--cta);outline-offset:3px}
@keyframes duoOut{0%{transform:rotate(-3deg) translate(-9%,6%)}45%{transform:rotate(-12deg) translate(-58%,10%)}100%{transform:rotate(-3deg) translate(-9%,6%)}}
@media (prefers-reduced-motion:reduce){.plp5-shot.fit.duo img{transition:none}.plp5-shot.fit.duo.shuf img.f{animation:none}}
/* ===== 0.10.49: menu shines + account redesign ===== */
/* mega menu shines */
.metal.ruby{background-image:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%),linear-gradient(100deg,#8E1330 0%,#E0355B 30%,#FF9BB0 50%,#D1244E 70%,#7A0F29 100%)}
.metal.violet{background-image:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%),linear-gradient(100deg,#4B2A86 0%,#8E5BE0 30%,#D8C2FF 50%,#7B49D1 70%,#3E2270 100%)}
/* account: welcome band */
.acct-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;margin:1rem 0 1.4rem;padding:clamp(1.2rem,3vw,2rem) clamp(1.2rem,3vw,2.2rem);border-radius:1.8rem;color:#fff;
  background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 1.4px) 0 0/18px 18px,radial-gradient(70% 120% at 100% 0%,rgba(255,150,190,.35),transparent 60%),linear-gradient(135deg,#4A1631,#7E2A55 60%,#9B3A68);box-shadow:0 30px 60px -38px rgba(90,20,55,.8)}
.ah-id{display:flex;align-items:center;gap:1rem;min-width:0}
.ah-av{flex:none;display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;font:500 1.6rem/1 var(--display);color:#4A1631;background:linear-gradient(135deg,#FFE3EE,#F6C4D8);box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.ah-id .kicker{color:#F7BCD3}
.ah-name{display:block;font:400 clamp(1.6rem,3vw,2.3rem)/1.1 var(--display);margin:.15rem 0}
.ah-name em{color:#FFC2DA}
.ah-id small{color:rgba(255,255,255,.72);font-size:.85rem;word-break:break-all}
.ah-stats{display:flex;gap:.6rem;margin:0;padding:0;list-style:none;flex-wrap:wrap}
.ah-stats a,.ah-stats .ah-pts{display:grid;justify-items:center;min-width:6.2rem;padding:.7rem 1rem;border-radius:1.1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;transition:background .2s,transform .2s}
.ah-stats a:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
.ah-stats b{font:500 1.6rem/1 var(--display)}
.ah-stats span span,.ah-stats a span{font-size:.78rem;color:rgba(255,255,255,.8)}
.ah-stats .gold .ah-pts{background:linear-gradient(135deg,rgba(246,231,184,.28),rgba(201,165,92,.18));border-color:rgba(246,231,184,.45)}
.ah-stats .gold b{color:#F6E7B8}
/* account: tabs with icons */
.acct-nav{background:#fff;border:1px solid rgba(160,90,120,.18);border-radius:1.3rem;padding:.6rem;box-shadow:0 10px 30px -24px rgba(90,30,60,.4)}
.acct-nav a{display:flex;align-items:center;gap:.65rem;padding:.72rem .9rem;border-radius:.9rem;color:var(--ink);font-weight:500;transition:background .2s,color .2s}
.acct-nav a svg{flex:none;color:var(--muted);transition:color .2s}
.acct-nav a:hover{background:var(--pink-50)}
.acct-nav a:hover svg{color:var(--cta)}
.acct-nav a[aria-current="page"]{background:linear-gradient(120deg,var(--cta),#E0588F);color:#fff;box-shadow:0 8px 18px -10px rgba(194,24,91,.7)}
.acct-nav a[aria-current="page"] svg{color:#fff}
.acct-nav .acct-out-link{margin:.5rem 0 .1rem;padding:.6rem .9rem;color:var(--muted);font-size:.9rem;text-decoration:none;border-top:1px solid var(--line);border-radius:0}
.acct-nav .acct-out-link:hover{background:none;color:var(--cta)}
/* account: overview */
.pts-card.v2{display:grid;gap:.7rem;justify-items:stretch;padding:1.4rem 1.6rem;background:linear-gradient(135deg,#FFF9F3,#FCE8EF 60%,#F9DCE7);box-shadow:0 0 0 1.5px #EFC9D7,0 22px 44px -30px rgba(160,60,100,.45)}
.pts-card.v2 .pc-top{display:flex;justify-content:space-between;align-items:center}
.pts-card.v2 .pc-main{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}
.pts-card.v2 .pc-main span{color:var(--ink);font-size:1rem}
.pts-card.v2 .pc-bar{height:.55rem;border-radius:999px;background:rgba(194,24,91,.1);overflow:hidden}
.pts-card.v2 .pc-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#E0588F,#C2185B,#D4AF6A);background-size:200% 100%;animation:pcBar 3s linear infinite}
@keyframes pcBar{to{background-position:200% 0}}
.acct-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.acct-tiles a{display:grid;gap:.25rem;height:100%;padding:1rem 1.05rem;border-radius:1.1rem;background:#fff;border:1px solid rgba(160,90,120,.18);color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.acct-tiles a:hover{transform:translateY(-3px);border-color:var(--pink-400);box-shadow:0 16px 30px -22px rgba(194,24,91,.6)}
.acct-tiles .at-ico{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.8rem;background:var(--pink-50);color:var(--cta);margin-bottom:.3rem}
.acct-tiles b{font-size:.98rem}
.acct-tiles small{color:var(--muted);font-size:.82rem}
.acct-kick{margin:.4rem 0 0!important;font:600 .78rem/1 var(--body)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--muted)}
.ord.v2{border-color:rgba(160,90,120,.18)}
.ost{padding:.28rem .7rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#F3EEF1;color:#6B5F68}
.ost-completed{background:#E4F4E8;color:#2E7A45}.ost-processing{background:#E7F0FB;color:#2C5D9A}.ost-on-hold{background:#FFF3DC;color:#8A6412}
.ost-cancelled,.ost-failed{background:#FBE7EC;color:#A8274E}.ost-refunded{background:#EFEAF6;color:#5B4690}.ost-pending{background:#FFF3DC;color:#8A6412}
/* account: other tabs in the same style */
.helios-acct .acct-body table.shop_table{background:#fff;border:1px solid rgba(160,90,120,.18)!important;border-radius:1rem;overflow:hidden}
.helios-acct .acct-body .woocommerce-Address,.helios-acct .acct-body .woocommerce-address-fields,.helios-acct .acct-body form.edit-account{background:#fff;border:1px solid rgba(160,90,120,.18);border-radius:1.2rem;padding:1.2rem 1.3rem}
.helios-acct .acct-body .input-text,.helios-acct .acct-body select{border-color:rgba(160,90,120,.28)!important}
.helios-acct .acct-body fieldset{border:1px dashed var(--pink-200);border-radius:1rem;padding:1rem 1.1rem;margin:1rem 0}
@media (max-width:820px){.acct-hero{border-radius:1.4rem}.ah-stats{width:100%}.ah-stats li{flex:1}.ah-stats a,.ah-stats .ah-pts{min-width:0}.acct-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.acct-nav{padding:.4rem;border-radius:1rem}.acct-nav a{white-space:nowrap}.acct-nav .acct-out-link{border-top:0;margin:0}}
@media (max-width:420px){.acct-tiles{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pts-card.v2 .pc-bar i{animation:none}}
/* 0.10.50: the words inside the points sentence stay text size (they took the big number style) */
.pts-card.v2 .pc-main span b{font:700 1rem/1.4 var(--body);color:var(--cta)}
.pts-card.v2 .pc-main > b.num{font-size:clamp(2.8rem,5vw,3.6rem)}
@media (max-width:820px){.ord.v2{grid-template-columns:1fr auto;row-gap:.5rem}}
/* ===== 0.10.51: 15ml in the size filter; cards without a Mini fade a little while 15ml is chosen ===== */
.card.no-size .c-buy,.card.no-size .add{opacity:.45}
.card .mini-sizes button[data-z="15ml"]{font-size:.78rem}
/* ===== 0.10.52: «Το κατάστημα» header photo in the new polaroid-on-dotted-panel frame (same as the other shop pages) ===== */
.plp-shot.polaroid{position:relative;display:grid;place-items:center;aspect-ratio:5/4;overflow:hidden;padding:0;border-radius:2rem;box-shadow:0 0 0 1.5px var(--pink-200),0 30px 60px -38px rgba(201,101,138,.65);
  background:radial-gradient(circle at 1px 1px,rgba(194,24,91,.13) 1px,transparent 1.4px) 0 0/16px 16px,linear-gradient(145deg,#fff6f9 0%,#fbe3ec 55%,#f6d3e1 100%)}
.plp-shot.polaroid::before{content:"";position:absolute;width:62%;height:62%;border-radius:1.2rem;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,255,255,.25));transform:rotate(6deg) translate(8%,-4%);box-shadow:0 18px 40px -26px rgba(120,40,80,.45)}
.plp-shot.polaroid img{position:relative;width:auto;height:auto;max-width:76%;max-height:76%;aspect-ratio:auto;object-fit:contain;border:.55rem solid #fff;border-bottom-width:1.9rem;border-radius:.7rem;box-shadow:0 22px 44px -22px rgba(90,30,60,.55);transform:rotate(-2.5deg);transition:transform .6s var(--ease)}
.plp-shot.polaroid:hover img{transform:rotate(0deg) scale(1.02)}
@media (max-width:860px){.plp-shot.polaroid{aspect-ratio:4/3}.plp-shot.polaroid img{aspect-ratio:auto}}
@media (prefers-reduced-motion:reduce){.plp-shot.polaroid img{transition:none}}
/* ===== 0.10.53: account UI test fixes ===== */
/* phone tab strip: no scrollbar, soft fade at the edge */
@media (max-width:820px){.acct-nav{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}.acct-nav::-webkit-scrollbar{display:none}}
/* country dropdown as tall as the other fields */
.helios-acct .select2-container .select2-selection--single{height:48px;border-radius:.9rem;border:1px solid rgba(160,90,120,.28);display:flex;align-items:center;background:#fff}
.helios-acct .select2-container .select2-selection--single .select2-selection__rendered{line-height:46px;padding-left:1rem}
.helios-acct .select2-container .select2-selection--single .select2-selection__arrow{height:46px;right:.6rem}
/* show/hide password: an eye inside the field (was an empty grey button) */
.helios-acct .password-input,.woocommerce-form-login .password-input{position:relative;display:block}
.helios-acct .password-input .input-text,.woocommerce-form-login .password-input .input-text{padding-right:3rem}
.helios-acct .show-password-input,.woocommerce-form-login .show-password-input{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;padding:0;border:0;border-radius:50%;cursor:pointer;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239B3A68' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/20px no-repeat}
.helios-acct .show-password-input.display-password,.woocommerce-form-login .show-password-input.display-password{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239B3A68' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E")}
.helios-acct .show-password-input:hover,.woocommerce-form-login .show-password-input:hover{background-color:var(--pink-50)}
.helios-acct .show-password-input::after,.woocommerce-form-login .show-password-input::after{content:none}
/* «confirm your email» note: text first, button after (was squeezed round the button) */
.helios-acct .woocommerce-info:has(> .wc-forward){display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:1rem}
.helios-acct .woocommerce-info:has(> .wc-forward) .wc-forward{flex:none;float:none;margin:0}
@media (max-width:640px){.helios-acct .woocommerce-info:has(> .wc-forward){flex-direction:column-reverse;align-items:flex-start}}
/* ===== 0.10.54: no sub-chips (e.g. Περιποίηση) → the section bar and «Ταξινόμηση» sit on one row ===== */
.plp-bar.items .plp-bar-in:not(:has(.plp-subs > :not(.plp-subs-l))){grid-template-areas:"secs tools"}
.plp-bar.items .plp-bar-in:not(:has(.plp-subs > :not(.plp-subs-l))) .plp-subs{display:none}
@media (max-width:760px){.plp-bar.items .plp-bar-in:not(:has(.plp-subs > :not(.plp-subs-l))){grid-template-columns:minmax(0,1fr);grid-template-areas:"secs" "tools"}}
/* ===== 0.10.56 ===== */
/* chat answers as small cards */
.msg .ans-t{display:block;margin-bottom:.35rem;font-family:var(--display);font-weight:500;font-size:1.05rem;color:var(--ink)}
.msg .ans-l{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.msg .ans-l li{position:relative;padding-left:1rem;line-height:1.45}
.msg .ans-l li::before{content:"";position:absolute;left:.1rem;top:.62em;width:.38rem;height:.38rem;border-radius:50%;background:var(--pink-400)}
.msg .ans-l small{color:var(--muted);font-size:.8rem}
.msg .ans-go{display:inline-flex;align-items:center;gap:.3rem;margin-top:.6rem;padding:.38rem .85rem;border-radius:999px;background:#fff;color:var(--cta)!important;text-decoration:none!important;font-weight:600;font-size:.84rem;box-shadow:inset 0 0 0 1.5px var(--pink-200);transition:box-shadow .2s,transform .2s}
.msg .ans-go:hover{box-shadow:inset 0 0 0 1.5px var(--cta);transform:translateX(2px)}
.msg:has(.ans-t){max-width:92%;padding:.8rem .95rem}
/* chat header: the logo's ring is no longer cut (the header clipped it); the light sweep stays inside the panel anyway */
.chat-h{overflow:visible;padding-block:1rem}
/* Premium header, soft version: warm cocoa + champagne instead of near-black, the photo in an arched window */
.plp-head.lux.soft{background:
    radial-gradient(55% 85% at 76% 42%,rgba(243,217,155,.34) 0%,rgba(243,217,155,0) 62%),
    radial-gradient(45% 70% at 6% 0%,rgba(255,226,236,.14) 0%,rgba(255,226,236,0) 70%),
    linear-gradient(160deg,#7a5c4b 0%,#5e4539 50%,#4b372e 100%)}
.plp-head.lux.soft::after{opacity:.35}
.plp-head.lux.soft .lux-story{background:linear-gradient(135deg,rgba(255,244,220,.16),rgba(255,255,255,.07))}
.plp-head.lux.soft p,.plp-head.lux.soft .lux-story p{color:#F1E4CC}
body:has(.plp-head.lux.soft) .plp-find.gold{background:#4b372e}
.lux-arch{position:relative;justify-self:center;width:min(100%,21rem);aspect-ratio:4/5;display:grid;place-items:center}
.arch-frame{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:999px 999px 1.4rem 1.4rem;background:#F3E7CF;
  box-shadow:0 0 0 1px rgba(255,240,200,.85),0 0 0 .6rem rgba(243,217,155,.12),0 40px 70px -34px rgba(40,20,10,.75),0 0 90px -20px rgba(243,217,155,.55)}
.arch-frame img{width:100%;height:100%;object-fit:cover;animation:heroZoom 1.6s var(--ease) both}
.arch-sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,250,235,.45) 48%,transparent 60%);transform:translateX(-120%);animation:archSheen 7s ease-in-out 1.2s infinite}
.arch-back{position:absolute;inset:0;transform:translate(1.1rem,-1.1rem);border-radius:999px 999px 1.4rem 1.4rem;border:1px solid rgba(243,217,155,.55)}
.arch-base{position:absolute;left:-8%;right:-8%;bottom:-1.1rem;height:1px;background:linear-gradient(90deg,transparent,rgba(243,217,155,.8),transparent)}
.lux-arch .lux-star.s1{top:4%;right:-6%}.lux-arch .lux-star.s2{bottom:12%;left:-8%}
@keyframes archSheen{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media (max-width:760px){.lux-arch{width:min(74%,16rem);margin-top:.6rem}.arch-back{transform:translate(.7rem,-.7rem)}}
@media (prefers-reduced-motion:reduce){.arch-sheen{animation:none;opacity:0}}
/* 0.10.57: «Πίσω» to the homepage tiles (only after a tile click) */
.home-back{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;justify-self:start;width:max-content;margin:0 0 .7rem;padding:.38rem .85rem .38rem .65rem;border-radius:999px;font-size:.84rem;font-weight:600;letter-spacing:.02em;text-decoration:none;color:var(--cta);background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1.5px var(--pink-200),0 6px 16px -10px rgba(180,81,122,.6);transition:transform .2s,box-shadow .2s}
.home-back:hover,.home-back:focus-visible{transform:translateX(-2px);box-shadow:inset 0 0 0 1.5px var(--cta),0 8px 18px -10px rgba(180,81,122,.7)}
.home-back svg{transition:transform .2s}.home-back:hover svg{transform:translateX(-2px)}
/* 0.10.59: chat chips rest at the start (the snap ignored the row padding and nudged it right) */
.chat-q{scroll-snap-type:none}   /* 0.10.61 (owner: the bar felt like it snapped): free scrolling; chat.js resets it to the start on open */
.chat-q button{scroll-snap-align:none}
/* 0.10.60: the request band glows once when the chat sends you to it */
.req-band.req-pulse{animation:reqPulse 1.6s ease-out 1}
@keyframes reqPulse{0%{box-shadow:0 0 0 0 rgba(224,69,127,.45)}60%{box-shadow:0 0 0 14px rgba(224,69,127,0)}100%{box-shadow:none}}
@media (prefers-reduced-motion:reduce){.req-band.req-pulse{animation:none}}
/* ===== 0.10.62 ===== */
/* chat: hidden bugs from the audit */
.msg{overflow-wrap:anywhere}
.chat{max-height:min(70dvh,34rem)}
body:has(.plp-sticky:not([hidden])) .chat,body:has(.build-bar:not([hidden])) .chat{bottom:9.2rem}
/* Αρώματα filter bar (owner: «left and right chaos»): the same grid as the other sections — one pill group on top, size left and sort right underneath */
.plp-bar:not(.items) .plp-bar-in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"chips chips" "size sort";align-items:center;gap:.85rem 1.5rem;padding-block:.9rem .8rem}
.plp-bar:not(.items) .filters{grid-area:chips;justify-self:start;display:inline-flex;gap:.25rem;padding:.3rem;background:#fff;border:1px solid var(--pink-200);border-radius:999px;box-shadow:0 10px 24px -20px rgba(180,81,122,.6);max-width:100%;overflow-x:auto;scrollbar-width:none}
.plp-bar:not(.items) .filters::-webkit-scrollbar{display:none}
.plp-bar:not(.items) .filters .chip{border:0;background:transparent;padding:.55rem 1.15rem;white-space:nowrap;font-weight:600;color:var(--ink);box-shadow:none}
.plp-bar:not(.items) .filters .chip:hover{background:var(--pink-50);color:var(--cta)}
.plp-bar:not(.items) .filters .chip[aria-pressed="true"]{background:var(--cta);color:#fff;box-shadow:0 6px 14px -8px rgba(180,81,122,.9)}
.plp-bar:not(.items) .filters .chip.prem{color:#8A6A2E}
.plp-bar:not(.items) .filters .chip.prem:hover{background:#FFF7E8}
.plp-bar:not(.items) .filters .chip.prem[aria-pressed="true"]{background:linear-gradient(120deg,#C9A55C,#F3D99B 50%,#C9A55C);color:#4a3a14;box-shadow:0 6px 14px -8px rgba(160,120,40,.9)}
.plp-bar:not(.items) .filters .chip-sep{margin:0 .25rem;height:1.4rem}
.plp-bar:not(.items) .plp-tools{display:contents}
.plp-bar:not(.items) .plp-tools > .tool:not(.sort){grid-area:size;justify-self:start;margin:0}
.plp-bar:not(.items) .plp-tools > .sort{grid-area:sort;justify-self:end;margin:0}
@media (max-width:700px){.plp-bar:not(.items) .plp-bar-in{grid-template-columns:1fr;grid-template-areas:"chips" "size" "sort"}.plp-bar:not(.items) .plp-tools > .sort{justify-self:stretch}}
/* Premium: petal window */
.lux-petal{position:relative;justify-self:center;width:min(100%,22rem);aspect-ratio:4/5;display:grid;place-items:center;filter:drop-shadow(0 44px 44px rgba(28,14,6,.42))}
.petal-frame{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:9.5rem 1.6rem 9.5rem 1.6rem;background:#F3E7CF;box-shadow:inset 0 0 0 .38rem rgba(255,252,244,.92),inset 0 0 0 .45rem rgba(201,165,92,.7)}
.petal-frame img{width:100%;height:100%;object-fit:cover;animation:heroZoom 1.6s var(--ease) both}
.petal-sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,250,235,.5) 48%,transparent 60%);transform:translateX(-120%);animation:archSheen 7s ease-in-out 1.2s infinite}
.petal-back{position:absolute;inset:0;border-radius:9.5rem 1.6rem 9.5rem 1.6rem;border:1px solid rgba(243,217,155,.7);transform:rotate(-7deg) translate(-.6rem,.4rem);background:linear-gradient(160deg,rgba(243,217,155,.12),transparent 60%)}
.petal-back::after{content:"";position:absolute;inset:.55rem;border-radius:9rem 1.2rem 9rem 1.2rem;border:1px dashed rgba(243,217,155,.35)}
.petal-seal{position:absolute;z-index:2;left:-1.2rem;bottom:1.6rem;width:5rem;height:5rem;border-radius:50%;display:grid;place-items:center;transform:rotate(-14deg);background:radial-gradient(circle at 35% 30%,#FFF0C8,#C9A55C 55%,#8C6A2A 100%);box-shadow:0 0 0 .2rem rgba(255,240,200,.35),0 14px 24px -12px rgba(0,0,0,.7);animation:sealIn .9s cubic-bezier(.2,.9,.25,1.25) .5s both}
.petal-seal::before{content:"";position:absolute;inset:.42rem;border-radius:50%;border:1px dashed rgba(90,60,15,.45)}
.petal-seal i{font:italic 500 .9rem/1 var(--display);letter-spacing:.05em;color:#4a3410;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.lux-petal .lux-star.s1{top:2%;right:4%}.lux-petal .lux-star.s2{top:38%;left:-9%}
.lux-petal:hover .petal-frame{transform:translateY(-4px)}
.petal-frame{transition:transform .5s var(--ease)}
@keyframes sealIn{from{opacity:0;transform:rotate(-40deg) scale(.4)}to{opacity:1;transform:rotate(-14deg) scale(1)}}
@media (max-width:760px){.lux-petal{width:min(74%,16.5rem);margin-top:.6rem}.petal-frame,.petal-back{border-radius:6.5rem 1.2rem 6.5rem 1.2rem}.petal-seal{width:4rem;height:4rem;left:-.8rem}.petal-seal i{font-size:.75rem}}
@media (prefers-reduced-motion:reduce){.petal-sheen{animation:none;opacity:0}.petal-seal{animation:none}}
/* 0.10.63: petal polish — the gold mat line sits above the photo (an inset shadow hid behind it), the twin outline reads clearly */
.petal-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 .36rem rgba(255,252,244,.95),inset 0 0 0 .46rem rgba(201,165,92,.8),inset 0 0 40px rgba(120,80,20,.08)}
.petal-back{border-color:rgba(243,217,155,.95);border-width:1.5px}
.petal-back::after{border-color:rgba(243,217,155,.55)}
/* 0.10.65 (owner): the wax seal becomes a hand-written «Premium» that writes itself — one pen stroke, then the i-dot, then the swash */
.petal-sign{position:absolute;z-index:2;left:-2.2rem;bottom:.9rem;width:11.5rem;height:auto;transform:rotate(-8deg);overflow:visible;filter:drop-shadow(0 2px 6px rgba(40,20,5,.6)) drop-shadow(0 0 10px rgba(243,217,155,.35))}
.petal-sign .sw,.petal-sign .su{fill:none;stroke:url(#signInk);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.petal-sign .sw{stroke-width:2.7;animation:signWrite 2.4s cubic-bezier(.45,.05,.55,.95) .7s forwards}
.petal-sign .sd{fill:#FFF4D2;transform-origin:179px 42px;transform:scale(0);animation:signDot .25s cubic-bezier(.2,.9,.3,1.4) 3.15s forwards}
.petal-sign .su{stroke-width:1.6;animation:signWrite .7s ease-out 3.35s forwards}
@keyframes signWrite{to{stroke-dashoffset:0}}
@keyframes signDot{to{transform:scale(1)}}
@media (max-width:760px){.petal-sign{width:8.5rem;left:-1.4rem;bottom:.6rem}}
@media (prefers-reduced-motion:reduce){.petal-sign .sw,.petal-sign .su{animation:none;stroke-dashoffset:0}.petal-sign .sd{animation:none;transform:scale(1)}}
/* 0.10.66: the signature, larger and clearer — sits on the dark ground under the frame's corner, heavier gold ink */
.petal-sign{left:-1.6rem;bottom:-2.4rem;width:13.5rem;transform:rotate(-6deg);filter:drop-shadow(0 2px 3px rgba(30,15,5,.85)) drop-shadow(0 0 12px rgba(243,217,155,.4))}
.petal-sign .sw{stroke-width:3.4}
.petal-sign .su{stroke-width:1.8}
.petal-sign .sd{transform-origin:236px 46px}
@media (max-width:760px){.petal-sign{width:9.5rem;left:-.8rem;bottom:-1.8rem}}
/* 0.10.67 (owner): signature — no underline, marker-weight bright gold with a dark edge so it reads on any ground */
.petal-sign .se{fill:none;stroke:rgba(52,30,6,.92);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:signWrite 2.4s cubic-bezier(.45,.05,.55,.95) .7s forwards}
.petal-sign .sw{stroke-width:5.2}
.petal-sign .sd{r:4.4;fill:#FFF0B8;stroke:rgba(52,30,6,.92);stroke-width:2.5}
.petal-sign{filter:drop-shadow(0 3px 4px rgba(20,10,0,.7)) drop-shadow(0 0 14px rgba(247,201,72,.45))}
@media (prefers-reduced-motion:reduce){.petal-sign .se{animation:none;stroke-dashoffset:0}}
/* 0.10.68 (owner: the gold felt out of place): the signature is written ON the photo, like a signed print — cocoa ink on the pale backdrop, top-right */
.petal-frame .petal-sign{position:absolute;left:auto;right:4%;top:5.5%;bottom:auto;width:46%;transform:rotate(-5deg);filter:none;z-index:2}
.petal-frame .petal-sign .se{stroke:rgba(255,252,246,.85);stroke-width:8}
.petal-frame .petal-sign .sw{stroke:#4A2E14;stroke-width:4}
.petal-frame .petal-sign .sd{fill:#4A2E14;stroke:rgba(255,252,246,.85);stroke-width:2;r:4}
@media (max-width:760px){.petal-frame .petal-sign{width:50%;right:3%;top:5%}}
/* 0.10.69 (owner): the signature in the site's champagne gold, calmer letterforms (even slant and x-height) */
.petal-frame .petal-sign .se{stroke:rgba(88,60,18,.42);stroke-width:6.6}
.petal-frame .petal-sign .sw{stroke:url(#signInk);stroke-width:4.2}
.petal-frame .petal-sign .sd{fill:#D4B565;stroke:rgba(88,60,18,.42);stroke-width:1.6;r:3.6;transform-origin:232px 50px}
.petal-frame .petal-sign{width:48%;right:3.5%;top:5%}
/* 0.10.70 (owner): a bigger Premium frame — fills its column, the curve and the signature scale with it */
.lux-petal{width:min(100%,28rem)}
.petal-frame,.petal-back{border-radius:12rem 1.9rem 12rem 1.9rem}
.petal-back::after{border-radius:11.4rem 1.5rem 11.4rem 1.5rem}
.petal-back{transform:rotate(-6deg) translate(-.8rem,.5rem)}
@media (max-width:760px){.lux-petal{width:min(92%,22rem);margin-top:.8rem}.petal-frame,.petal-back{border-radius:9rem 1.5rem 9rem 1.5rem}.petal-back::after{border-radius:8.5rem 1.2rem 8.5rem 1.2rem}}
/* 0.10.71 (owner): the Premium frame sits a little to the right of its column centre on desktop */
@media (min-width:761px){.lux-petal{transform:translateX(clamp(1rem,4vw,4.5rem))}}
/* 0.10.72: a square header photo in the polaroid panel */
.plp5-shot.fit.square img{max-width:74%;max-height:78%}
/* 0.10.73 (owner): bolder, fuller text on the soft Premium header */
.plp-head.lux.soft .lux-kicker{color:#F7E1A6;font-weight:600}
.plp-head.lux.soft .lux-kicker i{background:linear-gradient(90deg,transparent,#E9CF8E)}
.plp-head.lux.soft h1{color:#FFF9EC;text-shadow:0 2px 24px rgba(0,0,0,.28)}
.plp-head.lux.soft .gold-word{background-image:linear-gradient(100deg,#C9A55C 0%,#FFE9AE 30%,#E2C271 50%,#FFF2CC 62%,#C9A55C 100%)}
.plp-head.lux.soft .lux-rule{color:#F1D68F}
.plp-head.lux.soft .lux-story{background:linear-gradient(135deg,rgba(255,244,220,.22),rgba(255,255,255,.10));border-color:rgba(243,217,155,.6)}
.plp-head.lux.soft .lux-story p,.plp-head.lux.soft .lux-story li{color:#FFF6E6;font-weight:500}
.plp-head.lux.soft .lux-story p:last-child{color:#FFF1DA}
.plp-head.lux.soft .lux-story strong,.plp-head.lux.soft .lux-story p:first-child strong:first-child{color:#FFE7A8;font-weight:700}
.plp-head.lux.soft .lux-story li::before,.plp-head.lux.soft .lux-story li::marker{color:#F7DE9A}
.plp-head.lux.soft .lux-line{border-top-color:rgba(243,217,155,.55)}
.plp-head.lux.soft .lux-line div{border-left-color:rgba(243,217,155,.55)}
.plp-head.lux.soft .lux-line dt{color:#F3DDA4;font-weight:600}
.plp-head.lux.soft .lux-line dd{background-image:linear-gradient(100deg,#E2C271,#FFF4D0 50%,#E2C271)}
.plp-head.lux.soft .lux-line small{color:#F3DDA4;-webkit-text-fill-color:#F3DDA4;font-weight:600}
/* ===== 0.10.82 (owner): «not found» page — the request box was one grid column wide, stuck on the left.
   Now the empty card and the request box are one centred stack of the same width, fields on one row ===== */
.plp-body .grid > .hx-empty,.plp-body .grid > .req-band{grid-column:1/-1;justify-self:center;width:min(100%,44rem);max-width:none}
.plp-body .grid > .hx-empty + .req-band{margin-top:.2rem}
.plp-body .grid > .req-band .req-box{margin-top:0;padding:1.4rem 1.6rem 1.6rem;text-align:center;justify-items:center}
.plp-body .grid > .req-band .req-box p{max-width:32rem}
.plp-body .grid > .req-band .req-row{width:100%;flex-wrap:nowrap;justify-content:center}
.plp-body .grid > .req-band .req-row input{flex:1 1 0}
@media (max-width:640px){.plp-body .grid > .req-band .req-row{flex-wrap:wrap}.plp-body .grid > .req-band .req-row input{flex:1 1 100%}.plp-body .grid > .req-band .req-row .btn{width:100%;justify-content:center}}
/* 0.10.86 (owner): the atomisers photo sits lower so the gold tray shows, also in the wide frames that crop top and bottom */
img[src*="gallery1-tray"]{object-position:50% 82%}
/* ===== 0.10.88: cookie policy table ===== */
.ck-scroll{margin:1.2rem 0 1.6rem;border-radius:1.2rem;border:1px solid var(--pink-200);background:#fff;overflow:hidden}
.ck-table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5}
.ck-table th,.ck-table td{padding:.75rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.ck-table thead th{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;background:#fff}
.ck-table .ck-cat th{background:var(--pink-50);color:var(--cta);font-family:var(--display);font-weight:500;font-size:1.1rem;letter-spacing:0;text-transform:none}
.ck-table td:first-child{font-weight:600;color:var(--ink);white-space:nowrap}
.ck-table code{font:500 .84rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#6B5F68;background:none;padding:0;word-break:break-word}
.ck-table tr:last-child td{border-bottom:0}
.ck-msg{margin:.6rem 0 0;color:var(--muted);font-size:.9rem}
.art-body .ck-open{text-decoration:none}
@media (max-width:720px){
  .ck-table thead{display:none}
  .ck-table,.ck-table tbody,.ck-table tr,.ck-table td,.ck-table th{display:block;width:100%}
  .ck-table td{border:0;padding:.1rem 1rem}
  .ck-table td:first-child{padding-top:.85rem;white-space:normal}
  .ck-table td:last-child{padding-bottom:.85rem;color:var(--muted);font-size:.86rem}
  .ck-table tr{border-bottom:1px solid var(--line)}
  .ck-table tr:last-child{border-bottom:0}
}
/* 0.10.89: cookie table columns — names never break inside a word */
.ck-table{table-layout:fixed}
.ck-table th:nth-child(1),.ck-table td:nth-child(1){width:25%}
.ck-table th:nth-child(2),.ck-table td:nth-child(2){width:29%}
.ck-table th:nth-child(3),.ck-table td:nth-child(3){width:29%}
.ck-table th:nth-child(4),.ck-table td:nth-child(4){width:17%}
.ck-table td:first-child{white-space:normal}
.ck-table code{word-break:normal;overflow-wrap:break-word}
@media (max-width:720px){.ck-table th:nth-child(n),.ck-table td:nth-child(n){width:100%}}
/* 0.10.90 (owner): cookie table without the technical cookie names — service, why, how long */
.ck-table.c3 th:nth-child(1),.ck-table.c3 td:nth-child(1){width:30%}.ck-table.c3 th:nth-child(2),.ck-table.c3 td:nth-child(2){width:46%}.ck-table.c3 th:nth-child(3),.ck-table.c3 td:nth-child(3){width:24%}
@media (max-width:720px){.ck-table.c3 th:nth-child(n),.ck-table.c3 td:nth-child(n){width:100%}}
/* ===== 0.10.95 ===== */
/* basket count (owner: the number looked squeezed into its ring): a bigger circle, the number centred with air around it */
.hd .badge.num{top:-.45rem;right:-.45rem;min-width:1.4rem;height:1.4rem;padding:0 .38rem;border-radius:999px;border-width:2px;font-size:.72rem;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0;box-sizing:border-box;box-shadow:0 2px 6px -2px rgba(180,81,122,.55)}
/* mini-basket: a line without a photo keeps its place */
.mc-it .mc-ph{display:block;width:2.6rem;height:2.6rem;border-radius:.6rem;background:var(--pink-50)}
.mc-it small{display:block;line-height:1.3}

  /* 0.10.97 «Δώρα από τη Ρόδο»: the care photo fills its frame like the other idea cards (owner 30 Sep); aimed high so both bottle caps stay in */
  .gf-idea-ph.fill-top img{object-position:50% 28%}
/* 0.10.104: blog post pages were 12px wider than a phone screen (the article grew past its grid column) — keep TOC + article inside the column */
.post-grid > *{min-width:0;max-width:100%}
/* ===== 0.10.111 (owner): basket / checkout totals were squeezed on wide screens — the «Είδες πρόσφατα» row (six cards) set the left column's minimum width, so the two columns overflowed the page ===== */
.co>*{min-width:0}
.co{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)}
.helios-cart .co{grid-template-columns:minmax(0,1fr) minmax(20rem,.72fr)}
.recent-row,.cart-fill{min-width:0;max-width:100%}
@media (max-width:860px){.co,.helios-cart .co{grid-template-columns:minmax(0,1fr)}}
/* ===== 0.10.118 (owner): «Πελάτες λένε» cards — the name sat right under the text, at a different height in each card; now it sits on the bottom line of every card ===== */
.pr-card{grid-template-rows:auto 1fr auto;align-content:stretch}
.pr-card p{align-self:start}
/* ===== 0.10.119 (owner): «Είδες πρόσφατα» in the basket — the last card's border and button were cut at the row's edge; the row now keeps a small inner margin on both sides, so the first and last card sit clear of the edge ===== */
.recent-row{padding:.3rem .5rem .5rem;margin-inline:-.5rem;scroll-padding-inline:.5rem}
.recent-row .rc:last-child{scroll-snap-align:end}
/* ===== 2026-10-02: English pages — reviews stay in the customers' own words, with a small note ===== */
.rev-lang{margin:.3rem 0 0;font-size:.82rem;color:var(--muted);font-style:italic}

/* ---- mobile QA (owner's full phone check, 3 Oct 2026) ---- */
.lux-line small{font-size:max(.5em,.66rem)}                         /* «και με κλασικά» was 8px on phones */
@media (max-width:640px){.gift-opt::before{display:none}}           /* the ribbon stripe ran under the tick box */
html.nav-open .chat-fab,html.search-open .chat-fab{display:none}    /* chat button sat on top of the open menu */
.q-dot{position:relative}.q-dot::after{content:"";position:absolute;inset:-.6rem}   /* «?» info dots: 18px → ~38px tap area */
footer a{display:inline-block;padding-block:.2rem}                  /* footer phone/address/e-mail links: taller tap area */
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:.85rem;height:.85rem;cursor:pointer;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B4517A' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}   /* brand-pink clear «×», not the browser's navy */
/* ===== 0.10.129 (owner, phone check 4 Oct) ===== */
/* header: in in-app browsers (Discord, Instagram…) the top safe area is large, so a header stuck at top:env(…) floated mid-screen with the page
   showing above it. Stick at 0 and fill the safe area with the header's own background instead (same look in normal browsers, inset 0). */
header.site{top:0;padding-top:0}   /* 0.10.132: no top safe-area at all — in-app browsers (Discord…) report a big inset under their own toolbar, which left an empty band; normal phone browsers report 0 here anyway */
/* menu language switch: one even two-part toggle instead of a stretched pill with a tiny EL bubble */
#mnav .lang{display:grid!important;grid-template-columns:1fr 1fr;gap:4px;width:100%;max-width:13rem;align-self:flex-start;margin-top:1.2rem;padding:4px;border:1px solid var(--pink-200);border-radius:999px;background:#fff}
#mnav .lang > b,#mnav .lang > a{display:flex;align-items:center;justify-content:center;height:2.4rem;margin:0;padding:0;border-radius:999px;font:700 .8rem/1 var(--body);letter-spacing:.12em;text-decoration:none;box-shadow:none}
#mnav .lang > b{background:var(--pink-100);color:var(--cta)}
#mnav .lang > a{color:var(--muted);background:none}
#mnav .lang > a:active,#mnav .lang > a:hover{color:var(--ink);background:var(--pink-50)}
#mnav .lang span{padding:0;background:none;color:inherit}
/* «… μπήκε στο καλάθι σου» notes: several at once sat side by side as squeezed pills that overlapped — stack them */
body:not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-notices-wrapper{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.9rem}
body:not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-notices-wrapper .woocommerce-message{margin:0!important}
@media (max-width:640px){body:not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-notices-wrapper{align-items:stretch}body:not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-notices-wrapper .woocommerce-message{width:auto;max-width:none;border-radius:1rem;justify-content:flex-start;text-align:left;padding:.6rem .9rem}}
/* 0.10.130: on the cart page itself the notes' «Προβολή καλαθιού» link goes nowhere new — hide it, so each note is one short line */
body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message .wc-forward{display:none!important}
/* 0.10.131: the tick stays beside the text when a long name wraps */
body:not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-notices-wrapper .woocommerce-message{flex-wrap:nowrap;align-items:baseline}body:not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-notices-wrapper .woocommerce-message::before{flex:none}
/* 0.10.132: the bars under the header use the measured header height; their no-JS fallback no longer adds the top inset either */
.plp-bar{top:4.875rem}@media (max-width:980px){.plp-bar{top:4.25rem}}body .plp-bar,body.admin-bar .plp-bar{top:var(--bar-top,4.875rem)}
/* 0.10.133 (owner: «it still leaves a huge gap»): the real cause — logged in, the header stuck 46px down to clear WordPress's admin toolbar,
   but under 600px WordPress lets that toolbar scroll away, so a 46px gap showed the page above the header. Stick at 0 there. */
@media (max-width:600px){.admin-bar header.site{top:0}}
/* ===== 0.10.136 (full device check 4 Oct) ===== */
/* product grids: a long one-word name («MARSHMALOW») made a column wider than a phone screen (sideways scroll on «Νέες αφίξεις») */
.grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1040px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:740px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.grid > .card{min-width:0}.card .c-name{overflow-wrap:anywhere}
/* note pages: the five filter chips wrap instead of running off a phone screen */
.chipbar .chips{display:flex;flex-wrap:wrap;gap:.45rem}
/* ===== 2026-10-05: tablet layout, checkout payment spacing, gift card + gift popup v2 (owner) ===== */
/* tablet (700-900 px): category header keeps text and photo side by side, the three info cards in one row */
@media (min-width:700px) and (max-width:900px){.plp5-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)!important}.plp5-shot img{aspect-ratio:auto}.plp5-mini{grid-template-columns:repeat(3,minmax(0,1fr))!important}.plp5-mini span{-webkit-line-clamp:4}}
/* tablet (700-860 px): product page in two columns, the photo stays beside the options while you scroll */
@media (min-width:700px) and (max-width:860px){.pdp{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:1.75rem}.pdp-media{position:sticky;top:5rem;align-self:start}}

/* checkout: air between the card choice, its note and the terms tick */
.helios-checkout ul.wc_payment_methods{gap:1rem}
.helios-checkout .payment_box,.woocommerce .helios-checkout #payment div.payment_box{margin:1rem 0 .4rem!important;padding:.95rem 1.1rem}
.helios-checkout .woocommerce-terms-and-conditions-wrapper,.helios-checkout .form-row.validate-required:has(#terms){margin-top:1.8rem}

/* the gift card before the place-order button */
.gift-teaser.v2{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;margin:1.4rem 0 1.1rem;padding:1.1rem 1.25rem;border-radius:1.25rem;background:linear-gradient(120deg,#FFF0F6,#FFE3EE 55%,#FFF6F9);border:0;font-size:1rem;overflow:hidden;isolation:isolate}
.gift-teaser.v2::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--gift-metal);background-size:200% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:discShine 5s linear infinite;z-index:-1}
.gift-teaser.v2::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);animation:gtSweep 4.5s ease-in-out 1s infinite;z-index:-1}
.gt-ico{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:1rem;background:#fff;font-size:1.9rem;box-shadow:0 10px 22px -12px rgba(169,44,95,.7);animation:gtBob 2.6s ease-in-out infinite}
.gt-t{display:grid;gap:.15rem}
.gt-k{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gift)}
.gt-t b{font-family:var(--display);font-weight:500;font-size:1.45rem;line-height:1.15;color:var(--gift-deep)}
.gt-t span:last-child{font-size:.9rem;color:#4A3F47;line-height:1.45}
@keyframes gtSweep{0%,55%{left:-45%}100%{left:120%}}
@keyframes gtBob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}

/* gift popup v2 */
.gift-modal.v2{width:min(40rem,calc(100% - 1.5rem));overflow:hidden}
.gm.v2{position:relative;gap:1rem;padding-top:1.6rem}
.gm.v2::before{content:"";position:absolute;left:0;right:0;top:0;height:9rem;background:radial-gradient(ellipse at 20% 0,rgba(255,156,196,.45),transparent 65%),radial-gradient(ellipse at 90% 10%,rgba(224,69,127,.18),transparent 60%);pointer-events:none}
.gm-hero{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}
.gm-gift{position:relative;display:grid;place-items:center;width:4.2rem;height:4.2rem;border-radius:1.3rem;background:#fff;font-size:2.3rem;box-shadow:0 14px 30px -14px rgba(169,44,95,.8)}
.gm-gift span{animation:gtBob 2.6s ease-in-out infinite}
.gm-gift i{position:absolute;inset:-3px;border-radius:inherit;padding:2px;background:var(--gift-metal);background-size:200% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:discShine 4s linear infinite}
.gm-hero h2{margin:.15rem 0 .3rem;font-size:clamp(1.6rem,4.5vw,2rem);line-height:1.08}
.gm-hero h2 em{color:var(--gift-deep)}
.gm-hero p{margin:0;color:#4A3F47;font-size:.95rem;line-height:1.5}
.gm-slots{display:grid;gap:.75rem}.gm-slots.n2{grid-template-columns:1fr 1fr}
.gm-slot{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center;text-align:left;padding:.75rem .85rem;border-radius:1.1rem;border:1.5px dashed var(--pink-400);background:#fff;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}
.gm-slot.active{border-style:solid;border-color:var(--cta);box-shadow:0 0 0 4px rgba(239,163,188,.35)}
.gm-slot.full{border-style:solid;border-color:var(--pink-200);background:linear-gradient(120deg,#fff,#FFF4F8)}
.gm-slot:hover{transform:translateY(-1px)}
.gm-slot-img{position:relative;width:3.2rem;height:3.2rem;border-radius:.8rem;overflow:hidden;background:var(--pink-50)}
.gm-slot-img img{width:100%;height:100%;object-fit:cover}
.gm-slot:not(.full) .gm-slot-img img{opacity:.45;filter:grayscale(.3)}
.gm-slot-img i{position:absolute;right:.15rem;bottom:.15rem;width:1.15rem;height:1.15rem;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.75rem;font-weight:700;color:#fff;background:var(--cta)}
.gm-slot-img .gm-check{background:var(--ok,#2f9e6a)}
.gm-slot-t{display:grid;gap:.05rem;min-width:0}
.gm-slot-t small{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gift)}
.gm-slot-t b{font-size:.74rem;letter-spacing:.1em;color:var(--sel-ink)}
.gm-slot-t span{font-weight:600;font-size:.92rem;line-height:1.2;overflow-wrap:anywhere}
.gm-slot-t u{font-size:.74rem;color:var(--muted);text-underline-offset:2px}
.gm-empty{color:var(--muted);font-weight:500!important}
.gm-tip{margin:-.2rem 0 0;font-size:.84rem;color:#4A3F47;text-align:center}
.gm.v2 .gm-pick{display:grid;gap:.65rem;padding:.95rem 1rem;border-radius:1.1rem;background:var(--pink-50)}
.gm.v2 .gm-pick>b{font-size:.92rem}
.gm-res{display:grid;gap:.35rem;max-height:15.5rem;overflow:auto;overscroll-behavior:contain}
.gm-res-h{margin:.1rem 0 .05rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.gm.v2 .gm-hit{display:grid;grid-template-columns:auto 1fr auto auto;gap:.65rem;align-items:center;padding:.45rem .6rem;border-radius:.85rem;border:1.5px solid transparent;background:#fff}
.gm.v2 .gm-hit:hover,.gm.v2 .gm-hit:focus-visible{border-color:var(--cta)}
.gm.v2 .gm-hit img{width:2.2rem;height:2.2rem;border-radius:.55rem;object-fit:cover}
.gm-hit-t{display:grid;min-width:0}.gm-hit-t b{font-size:.72rem;letter-spacing:.1em;color:var(--sel-ink)}.gm-hit-t span{font-weight:600;font-size:.9rem;overflow-wrap:anywhere}
.gm.v2 .gm-hit small{font-size:.74rem;color:var(--muted)}
.gm.v2 .gm-hit.prem small{color:#8A6A2E}
.gm-tag{font-style:normal;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;color:#fff;background:var(--gift-metal);background-size:200% 100%}
.gm.v2 .gm-hit>i{width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;color:var(--cta);background:var(--sel-bg)}
.gm-done{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border-radius:1.1rem;background:linear-gradient(120deg,#E8F6EE,#F4FBF7);animation:rise .35s var(--ease)}
.gm-done span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--ok,#2f9e6a);color:#fff;font-weight:700}
.gm-done b{font-size:.95rem}
.gm.v2 .gm-go:not([disabled]){background:var(--gift-metal);background-size:200% 100%;animation:discShine 4s linear infinite;box-shadow:0 12px 26px -10px rgba(224,69,127,.85)}
@media (max-width:520px){.gm-slots.n2{grid-template-columns:1fr}.gm-hero{grid-template-columns:1fr;justify-items:start}.gift-teaser.v2{grid-template-columns:1fr;justify-items:start}}
@media (prefers-reduced-motion:reduce){.gt-ico,.gm-gift span,.gift-teaser.v2::after,.gift-teaser.v2::before,.gm-gift i,.gm.v2 .gm-go{animation:none!important}}
/* 2026-10-05b: gift emoji centred in its box (the glyph line box pushed it down) */
.gt-ico,.gm-gift{line-height:1;text-align:center;padding:0}.gt-ico{font-size:1.75rem}.gt-ico::before{content:none}.gm-gift span{display:block;line-height:1;transform-origin:50% 60%}.gt-ico{transform-origin:50% 55%}
/* 2026-10-05c: item page — «choose a scent first» flashes the scent field */
.search-box.need{border-color:#D9534F!important;box-shadow:0 0 0 4px rgba(217,83,79,.18)!important;animation:needShake .4s ease}@keyframes needShake{0%,100%{transform:none}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (prefers-reduced-motion:reduce){.search-box.need{animation:none}}
/* 2026-10-05d: on the basket page the «added» notice does not offer «Προβολή καλαθιού» (you are on it) */
.woocommerce-cart .woocommerce-message .wc-forward,.helios-cart .woocommerce-message .wc-forward{display:none}
/* 2026-10-06 (launch night): the live audit snippet («Fix: Live audit», WPCode) styled the cookie bar through its own stylesheet, which
   Helios drops (inc/cleanup.php). Its 21 Sep look comes back here: Accept and Reject with the same weight (Greek DPA), slim on
   phones (was 320px of a 742px screen, now ~126px). Its three footer lines (returns link, «Ρυθμίσεις cookies», company line)
   repeat what the Helios footer already shows, unstyled under it: hidden. Its order-page returns button keeps its look. */
.aro-legal-line,.aro-cookie-link{display:none!important}
.cmplz-cookiebanner{border-top:1px solid #f3d0dd !important;box-shadow:0 -2px 14px rgba(0,0,0,.07) !important;padding:10px 18px !important;row-gap:6px !important;}
.cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-header{display:none !important;}
.cmplz-cookiebanner .cmplz-message{font-size:13px !important;line-height:1.5 !important;color:#2b2430 !important;margin:0 !important;}
.cmplz-cookiebanner .cmplz-message p{margin:0 !important;}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept,.cmplz-cookiebanner .cmplz-btn.cmplz-deny,.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences{background:#fff !important;color:#cd105b !important;border:1px solid #cd105b !important;border-radius:6px !important;height:38px !important;padding:0 18px !important;font-size:13px !important;font-weight:600 !important;}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover,.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover{background:#cd105b !important;color:#fff !important;}
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences{background:transparent !important;border:0 !important;color:#554b57 !important;text-decoration:underline !important;height:38px !important;padding:0 8px !important;font-size:13px !important;font-weight:400 !important;}
.cmplz-cookiebanner{--cmplz_slider_active_color:#cd105b !important;--cmplz_slider_inactive_color:#c9c4cb !important;--cmplz_slider_bullet_color:#fff !important;}
#cmplz-manage-consent{display:none !important;}
.aro-returns-wrap{margin:16px 0;font-size:13px;}
.aro-returns-btn{display:inline-block;margin-top:6px;padding:10px 18px;border:1px solid #cd105b;border-radius:6px;color:#cd105b;background:#fff;font-size:13px;font-weight:600;text-decoration:none;}
.aro-returns-btn:hover{background:#cd105b;color:#fff;}
.cmplz-cookiebanner .cmplz-links{justify-content:center !important;}
.cmplz-cookiebanner .cmplz-links a{font-size:12px !important;color:#554b57 !important;text-transform:none !important;}
@media (max-width:767px){
.cmplz-cookiebanner{padding:10px 12px 8px !important;row-gap:4px !important;}
.cmplz-cookiebanner .cmplz-message{font-size:12px !important;}
.cmplz-cookiebanner .cmplz-buttons{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:8px !important;margin:0 !important;}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn{height:36px !important;padding:0 6px !important;margin:0 !important;}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept,.cmplz-cookiebanner .cmplz-btn.cmplz-deny,.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences{flex:1 1 calc(50% - 4px) !important;width:auto !important;min-width:0 !important;}
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences{flex:1 0 100% !important;width:auto !important;height:26px !important;}
.cmplz-cookiebanner .cmplz-links{margin:0 !important;padding:0 0 0 46px !important;}
.cmplz-cookiebanner .cmplz-links a{font-size:11px !important;}
body.aro-atc-on .cmplz-cookiebanner{bottom:62px !important;}
body:has(.cmplz-cookiebanner.cmplz-show) .wll-launcher-button-container{display:none !important;}
}
@media (min-width:768px){
.cmplz-cookiebanner.cmplz-show.cmplz-bottom:not(.cmplz-categories-visible){display:grid !important;grid-template-columns:1fr auto !important;grid-template-areas:"msg btn" "doc btn" !important;align-items:center !important;column-gap:20px !important;row-gap:2px !important;left:0 !important;right:0 !important;transform:none !important;margin:0 auto !important;width:min(860px,calc(100% - 24px)) !important;max-width:none !important;min-height:0 !important;bottom:12px !important;padding:10px 16px !important;border-radius:10px !important;border:1px solid #f3d0dd !important;}
.cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-divider{display:none !important;}
.cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-body{grid-area:msg !important;margin:0 !important;}
.cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-buttons{grid-area:btn !important;display:flex !important;flex-direction:row !important;align-items:center !important;gap:8px !important;margin:0 !important;padding:0 !important;width:auto !important;}
.cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-buttons .cmplz-btn{width:auto !important;min-width:100px !important;height:34px !important;min-height:0 !important;line-height:32px !important;padding-top:0 !important;padding-bottom:0 !important;margin:0 !important;}
.cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-btn.cmplz-view-preferences{min-width:0 !important;}
.cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-documents{grid-area:doc !important;justify-content:flex-start !important;margin:0 !important;padding:0 !important;}
.cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-documents a{font-size:11px !important;line-height:1.4 !important;}
.cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-documents ul,.cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-documents li{margin:0 !important;padding:0 !important;line-height:1.4 !important;}
}
@media (max-width:767px){
.cmplz-cookiebanner.cmplz-show.cmplz-bottom:not(.cmplz-categories-visible){display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:auto auto auto !important;column-gap:8px !important;row-gap:6px !important;padding:10px 12px 6px !important;min-height:0 !important;}
.cmplz-cookiebanner.cmplz-bottom:not(.cmplz-categories-visible) .cmplz-divider{display:none !important;}
.cmplz-cookiebanner.cmplz-bottom:not(.cmplz-categories-visible) .cmplz-body{grid-column:1 / 3 !important;grid-row:1 !important;margin:0 !important;}
.cmplz-cookiebanner.cmplz-bottom:not(.cmplz-categories-visible) .cmplz-buttons{display:contents !important;}
.cmplz-cookiebanner.cmplz-bottom:not(.cmplz-categories-visible) .cmplz-btn.cmplz-accept{grid-column:1 !important;grid-row:2 !important;}
.cmplz-cookiebanner.cmplz-bottom:not(.cmplz-categories-visible) .cmplz-btn.cmplz-deny{grid-column:2 !important;grid-row:2 !important;}
.cmplz-cookiebanner.cmplz-bottom:not(.cmplz-categories-visible) .cmplz-btn.cmplz-accept,.cmplz-cookiebanner.cmplz-bottom:not(.cmplz-categories-visible) .cmplz-btn.cmplz-deny{width:100% !important;height:36px !important;min-height:0 !important;margin:0 !important;}
.cmplz-cookiebanner.cmplz-bottom:not(.cmplz-categories-visible) .cmplz-btn.cmplz-view-preferences{grid-column:1 / 2 !important;grid-row:3 !important;justify-self:start !important;align-self:center !important;width:auto !important;height:22px !important;min-height:0 !important;padding:0 !important;margin:0 !important;font-size:12px !important;line-height:22px !important;}
.cmplz-cookiebanner.cmplz-bottom:not(.cmplz-categories-visible) .cmplz-documents{grid-column:1 / 3 !important;grid-row:3 !important;justify-self:end !important;align-self:center !important;margin:0 !important;padding:0 !important;}
.cmplz-cookiebanner.cmplz-bottom:not(.cmplz-categories-visible) .cmplz-documents ul,.cmplz-cookiebanner.cmplz-bottom:not(.cmplz-categories-visible) .cmplz-documents li{margin:0 !important;padding:0 !important;}
.cmplz-cookiebanner.cmplz-bottom:not(.cmplz-categories-visible) .cmplz-documents a{font-size:11px !important;line-height:22px !important;}
}
.cmplz-cookiebanner.cmplz-dismissed{display:none !important;}
body:has(.cmplz-cookiebanner.cmplz-show) .chaty-widget .on-hover-text{display:none !important;}