/* =====================================================================
   KA FORMULA — Design System  (Dark Blue + Egret)
   Production stylesheet. Tokens + base + components.
   ===================================================================== */

:root{
  /* ---- Brand core ---- */
  --blue-900:#1b264c;   /* deepest — hovers on dark */
  --blue-800:#27356A;   /* DARK BLUE — primary ink / brand */
  --blue-600:#38509E;   /* BLUE — interactive / links / focus */
  --blue-400:#6f80bf;   /* tint */
  --blue-200:#b9c1de;   /* faint */

  --egret:#F3ECE0;      /* EGRET — warm brand cream (page base) */
  --egret-deep:#E3DBC9; /* cream border / divider on egret */
  --paper:#F7F3EA;      /* warm card surface */
  --paper-2:#FCFAF5;    /* lightest warm surface */
  --white:#ffffff;

  /* ---- Text ---- */
  --ink:#27356A;        /* primary text */
  --ink-soft:#565f86;   /* secondary text */
  --ink-mute:#8b8fa6;   /* muted / meta */
  --on-blue:#F3ECE0;    /* text on dark blue */
  --on-blue-soft:#b7bdd6;

  /* ---- Lines ---- */
  --line:rgba(39,53,106,.14);
  --line-strong:rgba(39,53,106,.28);

  /* ---- Semantic (muted, harmonised) ---- */
  --success:#3c7a57; --success-bg:#e7efe9;
  --warn:#9c7327;    --warn-bg:#f4ecd8;
  --error:#a8433f;   --error-bg:#f3e4e2;
  --info:var(--blue-600); --info-bg:#e6e9f3;

  /* ---- Type ---- */
  --font-brand:'Glonto','Mulish',system-ui,sans-serif;  /* display / logo */
  --font-serif:'Dream Avenue',Georgia,serif;            /* editorial accent */
  --font-sans:'Mulish',system-ui,-apple-system,sans-serif; /* body / UI / Greek */

  /* ---- Radius / shadow ---- */
  --r-xs:3px; --r-sm:5px; --r-md:8px; --r-lg:14px; --r-pill:999px;
  --shadow-sm:0 1px 2px rgba(27,38,76,.06), 0 2px 6px rgba(27,38,76,.05);
  --shadow-md:0 6px 18px rgba(27,38,76,.08), 0 2px 6px rgba(27,38,76,.05);
  --shadow-lg:0 18px 48px rgba(27,38,76,.14);

  /* ---- Layout ---- */
  --container:1240px;
  --gutter:clamp(1rem,4vw,2.5rem);
}

/* ===== Reset ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;-webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth;}}
body{
  font-family:var(--font-sans);
  color:var(--ink);
  background:var(--egret);
  line-height:1.6;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block;}
button{cursor:pointer;font-family:inherit;}
input,select,textarea{font-family:inherit;font-size:1rem;}
a{color:var(--blue-600);text-decoration:none;transition:color .2s;}
a:hover{color:var(--blue-800);}
ul{list-style:none;}

/* ===== Headings ===== */
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-brand);
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.01em;
  color:var(--ink);
}
.display{font-size:clamp(2.6rem,6vw,5rem);letter-spacing:-.02em;line-height:1;}
.serif{font-family:var(--font-serif);font-weight:400;letter-spacing:0;}
.eyebrow{
  font-family:var(--font-sans);
  font-weight:700;
  font-size:.72rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--blue-600);
}

/* brand "KA-box" device: filled rect holding cream text */
.kabox{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--blue-800);color:var(--egret);
  font-family:var(--font-brand);font-weight:600;
  letter-spacing:.04em;line-height:1;
  padding:.34em .5em;border:1.5px solid var(--blue-800);
}

/* ===== Layout helpers ===== */
.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);}
.section{padding:clamp(3rem,7vw,6rem) 0;}
.center{text-align:center;}
.stack{display:flex;flex-direction:column;}
.muted{color:var(--ink-soft);}
.lede{font-size:1.18rem;line-height:1.7;color:var(--ink-soft);}

/* ===== Skip link / a11y ===== */
.skip-link{
  position:absolute;left:50%;top:-100px;transform:translateX(-50%);
  background:var(--blue-800);color:var(--egret);padding:.7rem 1.4rem;
  border-radius:var(--r-sm);z-index:2000;font-weight:600;transition:top .25s;
}
.skip-link:focus{top:1rem;color:var(--egret);}
:focus-visible{outline:2.5px solid var(--blue-600);outline-offset:2px;border-radius:2px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ===== Buttons ===== */
.btn{
  --bg:var(--blue-800);--fg:var(--egret);--bd:var(--blue-800);
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  font-family:var(--font-sans);font-weight:700;
  font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;
  padding:.95rem 1.7rem;border-radius:var(--r-sm);
  background:var(--bg);color:var(--fg);border:1.5px solid var(--bd);
  transition:transform .18s,background .18s,color .18s,border-color .18s,box-shadow .18s;
  line-height:1;white-space:nowrap;
}
.btn:hover{background:var(--blue-900);border-color:var(--blue-900);color:var(--egret);transform:translateY(-1px);}
.btn:active{transform:translateY(0);}
.btn .ico{width:1.1em;height:1.1em;}
.btn-outline{--bg:transparent;--fg:var(--blue-800);--bd:var(--line-strong);}
.btn-outline:hover{--bg:var(--blue-800);--fg:var(--egret);--bd:var(--blue-800);background:var(--blue-800);color:var(--egret);}
.btn-blue{--bg:var(--blue-600);--bd:var(--blue-600);}
.btn-blue:hover{background:var(--blue-800);border-color:var(--blue-800);}
.btn-ghost{--bg:transparent;--fg:var(--blue-600);--bd:transparent;padding-left:.4rem;padding-right:.4rem;}
.btn-ghost:hover{background:transparent;color:var(--blue-800);transform:none;}
.btn-onblue{--bg:var(--egret);--fg:var(--blue-800);--bd:var(--egret);}
.btn-onblue:hover{background:var(--white);border-color:var(--white);color:var(--blue-800);}
.btn-lg{padding:1.15rem 2.2rem;font-size:.88rem;}
.btn-sm{padding:.6rem 1rem;font-size:.72rem;}
.btn-full{width:100%;}
.btn[disabled],.btn.is-disabled{opacity:.5;pointer-events:none;}

/* ===== Forms ===== */
.field{margin-bottom:1.15rem;}
.field label,.label{display:block;margin-bottom:.45rem;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--ink);}
.input,.select,.textarea{
  width:100%;padding:.85rem 1rem;font-size:.98rem;color:var(--ink);
  background:var(--paper-2);border:1.5px solid var(--line-strong);border-radius:var(--r-sm);
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.input::placeholder,.textarea::placeholder{color:var(--ink-mute);}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--blue-600);background:var(--white);box-shadow:0 0 0 3px rgba(56,80,158,.14);}
.textarea{resize:vertical;min-height:120px;line-height:1.6;}
.select{appearance:none;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='%2327356a' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.6rem;cursor:pointer;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.hint{font-size:.76rem;color:var(--ink-mute);margin-top:.35rem;}
.error-text{color:var(--error);font-size:.8rem;margin-top:.35rem;display:block;}
.input.is-error,.textarea.is-error,.select.is-error{border-color:var(--error);background:#fdf6f5;}
.input.is-error:focus{box-shadow:0 0 0 3px rgba(168,67,63,.14);}
.checkbox,.radio{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.92rem;color:var(--ink-soft);}
.checkbox input,.radio input{width:18px;height:18px;accent-color:var(--blue-600);cursor:pointer;flex:none;}
.validation-summary{background:var(--error-bg);color:var(--error);border:1px solid rgba(168,67,63,.25);padding:.9rem 1.1rem;border-radius:var(--r-sm);margin-bottom:1.1rem;font-size:.9rem;}

/* quantity stepper */
.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line-strong);border-radius:var(--r-sm);background:var(--paper-2);overflow:hidden;}
.stepper button{width:42px;height:44px;border:none;background:transparent;font-size:1.2rem;color:var(--blue-800);display:flex;align-items:center;justify-content:center;transition:background .15s;}
.stepper button:hover{background:var(--egret);}
.stepper input{width:46px;height:44px;text-align:center;border:none;background:transparent;font-weight:600;color:var(--ink);font-size:1rem;-moz-appearance:textfield;}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;}

/* ===== Badges ===== */
.badge{display:inline-flex;align-items:center;gap:.35em;font-family:var(--font-sans);font-weight:700;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:.34em .7em;border-radius:var(--r-xs);line-height:1;}
.badge-new{background:var(--blue-800);color:var(--egret);}
.badge-soon{background:var(--egret-deep);color:var(--blue-800);}
.badge-sale{background:var(--error-bg);color:var(--error);}
.badge-soft{background:rgba(56,80,158,.1);color:var(--blue-600);}

/* status pills */
.pill{display:inline-flex;align-items:center;gap:.4em;font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.35em .8em;border-radius:var(--r-pill);}
.pill-pending{background:var(--warn-bg);color:var(--warn);}
.pill-confirmed,.pill-processing{background:var(--info-bg);color:var(--blue-600);}
.pill-shipped{background:#e3eef0;color:#2c6b73;}
.pill-delivered{background:var(--success-bg);color:var(--success);}
.pill-cancelled{background:var(--error-bg);color:var(--error);}

/* ===== Cards ===== */
.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);}
.card-pad{padding:clamp(1.2rem,3vw,1.8rem);}

/* product card */
.product{position:relative;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column;}
.product:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
.product-media{position:relative;aspect-ratio:4/5;background:var(--egret);overflow:hidden;}
.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.product:hover .product-media img{transform:scale(1.04);}
.product-badges{position:absolute;top:.8rem;left:.8rem;display:flex;flex-direction:column;gap:.4rem;}
.product-cat{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-600);font-weight:700;}
.product-body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;flex:1;}
.product-name{font-family:var(--font-brand);font-weight:500;font-size:1.12rem;line-height:1.2;color:var(--ink);}
.product-price{display:flex;align-items:baseline;gap:.5rem;margin-top:auto;}
.price-now{font-family:var(--font-brand);font-size:1.25rem;color:var(--ink);}
.price-was{font-size:.92rem;color:var(--ink-mute);text-decoration:line-through;}
.product-actions{display:flex;gap:.5rem;align-items:stretch;}
.product-actions .btn{flex:1;}
.icon-btn{flex:none;width:48px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--line-strong);border-radius:var(--r-sm);background:transparent;color:var(--blue-800);transition:background .18s,color .18s,border-color .18s;}
.icon-btn:hover{background:var(--blue-800);color:var(--egret);border-color:var(--blue-800);}

/* ===== Image placeholder (striped) ===== */
.ph{position:relative;background:
   repeating-linear-gradient(135deg,var(--egret),var(--egret) 10px,#e4dccb 10px,#e4dccb 20px);
   display:flex;align-items:center;justify-content:center;color:var(--blue-600);}
.ph::after{content:attr(data-label);font-family:'Mulish',monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.65;background:var(--egret);padding:.3em .6em;border-radius:3px;}

/* ===== Toast ===== */
.toast{display:flex;align-items:center;gap:.7rem;padding:.9rem 1.2rem;border-radius:var(--r-sm);box-shadow:var(--shadow-lg);font-weight:600;font-size:.92rem;min-width:260px;}
.toast-success{background:var(--blue-800);color:var(--egret);}
.toast-error{background:var(--error);color:#fff;}

/* ===== Divider / rule ===== */
.rule{height:1px;background:var(--line);border:none;}
.rule-strong{height:1px;background:var(--line-strong);border:none;}

/* ===== Header ===== */
.promo{background:var(--blue-800);color:var(--egret);text-align:center;font-size:.8rem;letter-spacing:.04em;padding:.55rem 1rem;font-weight:500;}
.promo a{color:var(--egret);text-decoration:underline;text-underline-offset:2px;}
.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--egret) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.header-inner{max-width:var(--container);margin:0 auto;padding:.9rem var(--gutter);display:flex;align-items:center;gap:1.5rem;}
.brand-logo{display:flex;align-items:center;flex:none;}
.brand-logo img{height:34px;width:auto;}
.header-search{flex:1;max-width:440px;display:flex;align-items:center;gap:.5rem;background:var(--paper-2);border:1.5px solid var(--line);border-radius:var(--r-pill);padding:.5rem 1rem;transition:border-color .18s;}
.header-search:focus-within{border-color:var(--blue-600);}
.header-search input{flex:1;border:none;background:transparent;outline:none;font-size:.92rem;color:var(--ink);}
.header-search button{border:none;background:transparent;color:var(--ink-soft);display:flex;}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:.4rem;}
.lang{display:flex;align-items:center;gap:.15rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;}
.lang button{border:none;background:transparent;color:var(--ink-mute);padding:.3rem .35rem;font-weight:700;letter-spacing:.04em;transition:color .15s;}
.lang button.active,.lang button:hover{color:var(--blue-800);}
.lang span{color:var(--line-strong);}
.iconbtn{position:relative;border:none;background:transparent;color:var(--ink);padding:.5rem;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;transition:background .15s;}
.iconbtn:hover{background:var(--paper);}
.cart-count{position:absolute;top:.1rem;right:.1rem;min-width:17px;height:17px;padding:0 4px;background:var(--blue-600);color:var(--egret);font-size:.6rem;font-weight:800;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;}
.user-chip{display:flex;align-items:center;gap:.5rem;border:none;background:transparent;padding:.4rem .6rem;border-radius:var(--r-sm);color:var(--ink);transition:background .15s;}
.user-chip:hover{background:var(--paper);}
.user-chip .uname{font-size:.86rem;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ===== Footer ===== */
.site-footer{background:var(--blue-800);color:var(--on-blue);margin-top:auto;}
.footer-top{max-width:var(--container);margin:0 auto;padding:clamp(3rem,6vw,4.5rem) var(--gutter) 2.5rem;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2.5rem;}
.footer-brand img{height:42px;margin-bottom:1.1rem;}
.footer-tag{font-family:var(--font-serif);font-size:1.15rem;color:var(--egret);}
.footer-col h4{font-family:var(--font-sans);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--on-blue-soft);margin-bottom:1rem;font-weight:700;}
.footer-col a{display:block;color:var(--on-blue);padding:.3rem 0;font-size:.92rem;opacity:.85;transition:opacity .15s;}
.footer-col a:hover{opacity:1;color:var(--white);}
.footer-bottom{border-top:1px solid rgba(243,236,224,.16);}
.footer-bottom-inner{max-width:var(--container);margin:0 auto;padding:1.4rem var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--on-blue-soft);}
.footer-social{display:flex;gap:.4rem;}
.footer-social a{color:var(--egret);opacity:.8;padding:.4rem;display:flex;border:1px solid rgba(243,236,224,.2);border-radius:var(--r-sm);transition:all .18s;}
.footer-social a:hover{opacity:1;background:rgba(243,236,224,.12);}

/* ===== Breadcrumb ===== */
.crumbs{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--ink-mute);flex-wrap:wrap;}
.crumbs a{color:var(--ink-mute);}
.crumbs a:hover{color:var(--blue-600);}
.crumbs .sep{opacity:.5;}

/* ===== Hamburger ===== */
.menu-toggle{display:none;flex-direction:column;gap:5px;border:none;background:transparent;padding:.5rem .35rem;}
.menu-toggle span{width:22px;height:2px;background:var(--ink);border-radius:2px;}

/* ===== User dropdown ===== */
.user-dropdown{position:relative;}
.user-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:210px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .18s;z-index:300;}
.user-menu.open{opacity:1;visibility:visible;transform:translateY(0);}
.user-menu .um-head{padding:.9rem 1rem;background:var(--egret);border-bottom:1px solid var(--line);}
.user-menu .um-head b{font-family:var(--font-brand);font-weight:500;font-size:.98rem;display:block;}
.user-menu .um-head span{font-size:.76rem;color:var(--ink-mute);}
.user-menu a,.user-menu button{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.7rem 1rem;background:transparent;border:none;color:var(--ink);font-size:.9rem;transition:background .15s;}
.user-menu a:hover,.user-menu button:hover{background:var(--egret);}
.user-menu .um-logout{color:var(--error);border-top:1px solid var(--line);}

/* ===== Mobile drawer ===== */
.drawer{position:fixed;inset:0 auto 0 0;width:min(86vw,340px);background:var(--egret);z-index:600;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);}
.drawer.open{transform:translateX(0);}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.3rem;border-bottom:1px solid var(--line);}
.drawer-head img{height:28px;}
.drawer-close{border:none;background:transparent;font-size:1.6rem;line-height:1;color:var(--ink);padding:.2rem .4rem;}
.drawer-nav{flex:1;padding:1.2rem .6rem;display:flex;flex-direction:column;}
.drawer-nav a{padding:.9rem 1rem;font-family:var(--font-brand);font-weight:500;font-size:1.15rem;color:var(--ink);border-radius:var(--r-sm);transition:background .15s;}
.drawer-nav a:hover{background:var(--paper);}
.drawer-foot{padding:1.2rem 1.3rem;border-top:1px solid var(--line);display:flex;gap:.6rem;}
.drawer-foot a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--blue-800);}
.drawer-foot a:hover{background:var(--blue-800);color:var(--egret);border-color:var(--blue-800);}
.scrim{position:fixed;inset:0;background:rgba(27,38,76,.45);backdrop-filter:blur(2px);z-index:500;opacity:0;visibility:hidden;transition:opacity .25s;}
.scrim.show{opacity:1;visibility:visible;}

/* ===== Mobile search overlay ===== */
.search-overlay{position:fixed;inset:0 0 auto 0;background:var(--egret);z-index:700;padding:1rem var(--gutter);box-shadow:var(--shadow-md);transform:translateY(-100%);transition:transform .25s;display:flex;gap:.7rem;align-items:center;}
.search-overlay.open{transform:translateY(0);}
.search-overlay .header-search{flex:1;max-width:none;}
.search-overlay button.so-close{border:none;background:transparent;font-size:1.6rem;color:var(--ink-soft);padding:.2rem .4rem;}

/* ===== Toast stack ===== */
.toast-stack{position:fixed;top:1.2rem;left:50%;transform:translateX(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:.6rem;pointer-events:none;}
.toast-stack .toast{transition:opacity .4s,transform .4s;pointer-events:auto;}

/* ===== Hero ===== */
.hero{position:relative;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;}
.hero-copy .eyebrow{margin-bottom:1.1rem;}
.hero-title{font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.02;letter-spacing:-.02em;}
.hero-title .serif{display:block;font-style:italic;color:var(--blue-600);font-size:1.04em;line-height:1.05;}
.hero-sub{font-size:1.12rem;color:var(--ink-soft);max-width:46ch;margin:1.4rem 0 2rem;}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;}
.hero-media{aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;}
.hero-feats{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2.6rem;padding-top:1.8rem;border-top:1px solid var(--line);}
.hero-feat{display:flex;align-items:center;gap:.6rem;font-size:.88rem;font-weight:600;color:var(--ink);}
.hero-feat svg{width:20px;height:20px;color:var(--blue-600);flex:none;}

/* ===== Category strip ===== */
.cat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.cat-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:3/4;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);text-decoration:none;}
.cat-card .ph{position:absolute;inset:0;}
.cat-card .cat-label{position:relative;z-index:1;padding:1rem;background:linear-gradient(to top,rgba(27,38,76,.78),transparent);width:100%;}
.cat-card .cat-label b{font-family:var(--font-brand);font-weight:500;color:var(--egret);font-size:1.2rem;display:block;}
.cat-card .cat-label span{color:var(--on-blue-soft);font-size:.78rem;}
.cat-card:hover .ph img{transform:scale(1.05);}

/* ===== Section header ===== */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2.2rem;flex-wrap:wrap;}
.sec-head h2{font-size:clamp(1.7rem,3.4vw,2.5rem);}
.sec-head .eyebrow{margin-bottom:.5rem;}

/* ===== Editorial / philosophy ===== */
.editorial{background:var(--blue-800);color:var(--on-blue);border-radius:var(--r-lg);overflow:hidden;}
.editorial-grid{display:grid;grid-template-columns:1fr 1fr;}
.editorial-copy{padding:clamp(2rem,5vw,4rem);}
.editorial-copy h2{color:var(--egret);font-size:clamp(1.8rem,3.6vw,2.8rem);margin-bottom:1.2rem;}
.editorial-copy h2 .serif{font-style:italic;}
.editorial-copy p{color:var(--on-blue-soft);font-size:1.05rem;margin-bottom:1rem;}
.editorial-media{min-height:340px;}

/* ===== Instagram block ===== */
.insta{text-align:center;}
.insta-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;margin-top:2rem;}
.insta-grid .ph{aspect-ratio:1;border-radius:var(--r-sm);}
.insta-tile{aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;display:block;position:relative;}
.insta-tile img{transition:transform .4s ease;}
.insta-tile:hover img{transform:scale(1.06);}
.insta-tile::after{content:"";position:absolute;inset:0;background:rgba(39,53,106,0);transition:background .25s;}
.insta-tile:hover::after{background:rgba(39,53,106,.12);}

/* ===== Responsive header/home ===== */
@media (max-width:900px){
  .editorial-grid,.hero-grid{grid-template-columns:1fr;}
  .hero-media{aspect-ratio:16/10;}
  .cat-strip{grid-template-columns:repeat(2,1fr);}
  .insta-grid{grid-template-columns:repeat(3,1fr);}
  .editorial-media{min-height:240px;}
}
@media (max-width:760px){
  .header-search{display:none;}
  .menu-toggle{display:flex;}
  .desk-only{display:none !important;}
}
@media (min-width:761px){
  .mob-only{display:none !important;}
}

/* ===== Cart ===== */
.cart-grid{display:grid;grid-template-columns:1fr 360px;gap:1.6rem;align-items:start;}
.cart-row{display:grid;grid-template-columns:80px minmax(0,1fr) auto auto auto;gap:.9rem;align-items:center;padding:1.1rem 0;border-bottom:1px solid var(--line);}
.cart-row .stepper button{width:34px;height:38px;}
.cart-row .stepper input{width:38px;height:38px;}
.cart-row:last-child{border-bottom:none;}
.cart-thumb{width:88px;height:88px;border-radius:var(--r-sm);overflow:hidden;background:var(--egret);}
.cart-info{display:flex;flex-direction:column;gap:.2rem;}
.cart-unit{font-size:.82rem;color:var(--ink-mute);}
.cart-line-total{font-family:var(--font-brand);font-size:1.1rem;min-width:64px;text-align:right;}
.cart-remove{border:none;background:transparent;color:var(--ink-mute);padding:.5rem;border-radius:var(--r-sm);transition:all .15s;}
.cart-remove:hover{color:var(--error);background:var(--error-bg);}
.cart-summary{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);padding:1.5rem;position:sticky;top:90px;}
.discount-row{display:flex;gap:.5rem;margin-bottom:1rem;}
.applied-code{display:flex;justify-content:space-between;align-items:center;background:var(--success-bg);color:var(--success);padding:.55rem .8rem;border-radius:var(--r-sm);font-size:.85rem;font-weight:600;margin-bottom:1.2rem;}
.applied-code button{border:none;background:transparent;color:var(--success);font-size:1.2rem;line-height:1;cursor:pointer;}
.sum-lines{display:flex;flex-direction:column;gap:.1rem;border-top:1px solid var(--line);padding-top:1rem;}
.sum-line{display:flex;justify-content:space-between;padding:.45rem 0;font-size:.95rem;color:var(--ink-soft);}
.sum-line.discount{color:var(--success);}
.sum-line.sum-total{border-top:1px solid var(--line);margin-top:.5rem;padding-top:1rem;font-family:var(--font-brand);font-size:1.25rem;color:var(--ink);}
.ship-note{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--ink-mute);margin-top:1rem;}

/* ===== Checkout ===== */
.checkout-grid{display:grid;grid-template-columns:1fr 400px;gap:1.6rem;align-items:start;}
.co-h{font-size:1.15rem;margin-bottom:1.2rem;}
.addr-select{display:flex;flex-direction:column;gap:.7rem;}
.addr-option{display:flex;gap:.9rem;align-items:flex-start;padding:1rem;border:1.5px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer;transition:border-color .18s,background .18s;}
.addr-option:hover{border-color:var(--blue-400);}
.addr-option.selected{border-color:var(--blue-600);background:var(--egret);}
.addr-option input{margin-top:.25rem;accent-color:var(--blue-600);flex:none;}
.addr-body{display:flex;flex-direction:column;gap:.15rem;font-size:.88rem;color:var(--ink-soft);}
.addr-body b{color:var(--ink);font-weight:700;}
.addr-new .addr-body b{color:var(--blue-600);}
.ship-options{display:flex;flex-direction:column;gap:.7rem;}
.ship-option{display:flex;align-items:center;gap:.9rem;padding:1rem;border:1.5px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer;transition:border-color .18s,background .18s;}
.ship-option:hover{border-color:var(--blue-400);}
.ship-option.selected{border-color:var(--blue-600);background:var(--egret);}
.ship-option.is-disabled{opacity:.55;cursor:not-allowed;background:var(--egret);}
.ship-option input{accent-color:var(--blue-600);flex:none;}
.ship-body{flex:1;display:flex;flex-direction:column;gap:.15rem;}
.ship-body b{color:var(--ink);font-weight:700;display:flex;align-items:center;}
.ship-body span{font-size:.84rem;color:var(--ink-mute);}
.ship-price{font-family:var(--font-brand);font-size:1.05rem;color:var(--ink);}
.pay-notice{display:flex;gap:.7rem;align-items:flex-start;background:var(--warn-bg);color:var(--warn);padding:.9rem 1rem;border-radius:var(--r-sm);font-size:.85rem;margin-top:1rem;line-height:1.5;}
.co-items{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.2rem;max-height:300px;overflow:auto;}
.co-item{display:flex;align-items:center;gap:.8rem;}
.co-thumb{width:48px;height:48px;border-radius:var(--r-sm);overflow:hidden;background:var(--egret);flex:none;}
.co-item-info{flex:1;display:flex;flex-direction:column;}
.co-item-info b{font-size:.88rem;font-weight:600;}
.co-item-info span{font-size:.76rem;color:var(--ink-mute);}

@media (max-width:900px){
  .cart-grid,.checkout-grid{grid-template-columns:1fr;}
  .cart-summary{position:static;}
}
@media (max-width:560px){
  .cart-row{grid-template-columns:64px 1fr auto;row-gap:.6rem;}
  .cart-thumb{width:64px;height:64px;}
  .cart-row .stepper{grid-column:2;}
  .cart-line-total{grid-column:3;}
  .cart-remove{grid-column:3;grid-row:1;justify-self:end;}
}

/* ===== Order confirmation ===== */
.confirm-icon{width:84px;height:84px;border-radius:50%;background:var(--success-bg);color:var(--success);display:flex;align-items:center;justify-content:center;margin:0 auto 1.4rem;}
.order-number-box{display:inline-flex;flex-direction:column;gap:.2rem;background:var(--blue-800);color:var(--egret);padding:.9rem 1.8rem;border-radius:var(--r-md);margin-top:1.6rem;}
.order-number-box span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7;}
.order-number-box b{font-family:var(--font-brand);font-size:1.35rem;letter-spacing:.02em;}

/* ===== Order progress tracker ===== */
.order-progress{padding-top:1.8rem;padding-bottom:1.6rem;}
.progress-track{display:flex;align-items:center;}
.progress-step{display:flex;flex-direction:column;align-items:center;gap:.6rem;flex:none;width:96px;text-align:center;}
.progress-step span{font-size:.78rem;color:var(--ink-mute);font-weight:600;}
.step-dot{width:34px;height:34px;border-radius:50%;background:var(--egret-deep);color:var(--egret);display:flex;align-items:center;justify-content:center;border:2px solid var(--egret-deep);}
.progress-step.done .step-dot{background:var(--blue-600);border-color:var(--blue-600);}
.progress-step.done span{color:var(--ink);}
.progress-step.current .step-dot{background:var(--egret);border-color:var(--blue-600);box-shadow:0 0 0 4px rgba(56,80,158,.16);}
.progress-step.current span{color:var(--blue-600);font-weight:700;}
.progress-line{flex:1;height:2px;background:var(--egret-deep);margin:0 -10px 22px;}
.progress-line.done{background:var(--blue-600);}
.track-note{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.86rem;color:var(--ink-soft);text-align:center;}
@media (max-width:620px){
  .progress-track{flex-wrap:wrap;justify-content:center;gap:1rem;}
  .progress-line{display:none;}
  .order-progress .progress-step{width:64px;}
}

/* ===== Account shell ===== */
.account-grid{display:grid;grid-template-columns:260px 1fr;gap:1.6rem;align-items:start;}
.account-nav{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);padding:.6rem;position:sticky;top:90px;}
.acc-nav-head{display:flex;align-items:center;gap:.7rem;padding:.9rem .8rem 1rem;border-bottom:1px solid var(--line);margin-bottom:.5rem;}
.acc-avatar{width:44px;height:44px;border-radius:50%;background:var(--blue-800);color:var(--egret);display:flex;align-items:center;justify-content:center;font-family:var(--font-brand);font-weight:600;flex:none;}
.acc-nav-head b{display:block;font-family:var(--font-brand);font-weight:500;font-size:.98rem;line-height:1.2;}
.acc-nav-head span{font-size:.74rem;color:var(--ink-mute);word-break:break-all;}
.acc-nav-item{display:block;width:100%;text-align:left;padding:.8rem 1rem;border-radius:var(--r-sm);font-weight:600;font-size:.92rem;color:var(--ink-soft);border:none;background:transparent;transition:background .15s,color .15s;}
.acc-nav-item:hover{background:var(--egret);color:var(--ink);}
.acc-nav-item.active{background:var(--blue-800);color:var(--egret);}
.acc-logout{margin-top:.3rem;border-top:1px solid var(--line);padding-top:.3rem;}
.acc-nav-logout{color:var(--error);}
.acc-nav-logout:hover{background:var(--error-bg);color:var(--error);}

.acc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.4rem;}
.acc-stat{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);padding:1.2rem;text-align:center;}
.acc-stat-num{display:block;font-family:var(--font-brand);font-size:1.9rem;color:var(--ink);line-height:1;}
.acc-stat-label{font-size:.78rem;color:var(--ink-mute);letter-spacing:.04em;}
.order-line{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);flex-wrap:wrap;}
.order-line:last-child{border-bottom:none;}

.addr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;}
.addr-card{position:relative;background:var(--paper-2);border:1.5px solid var(--line);border-radius:var(--r-md);padding:1.3rem;display:flex;flex-direction:column;gap:.2rem;font-size:.9rem;color:var(--ink-soft);}
.addr-card.is-default{border-color:var(--blue-600);}
.addr-card b{color:var(--ink);font-family:var(--font-brand);font-weight:500;font-size:1.05rem;margin-bottom:.3rem;}
.addr-card-actions{display:flex;gap:.4rem;margin-top:1rem;flex-wrap:wrap;}
.acc-del{color:var(--error);}
.acc-del:hover{color:var(--error);background:var(--error-bg);}

.bill-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:520px;}
.bill-table th{text-align:left;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-weight:700;padding:.6rem .8rem;border-bottom:1.5px solid var(--line);}
.bill-table td{padding:.9rem .8rem;border-bottom:1px solid var(--line);color:var(--ink-soft);}
.bill-table tr:last-child td{border-bottom:none;}

/* tabs */
.tabs{display:flex;gap:.3rem;border-bottom:1.5px solid var(--line);margin-bottom:1.4rem;overflow-x:auto;}
.tab{border:none;background:transparent;padding:.8rem 1.1rem;font-weight:600;font-size:.92rem;color:var(--ink-mute);border-bottom:2.5px solid transparent;margin-bottom:-1.5px;white-space:nowrap;transition:color .15s,border-color .15s;}
.tab:hover{color:var(--ink);}
.tab.active{color:var(--blue-600);border-bottom-color:var(--blue-600);}
.tab-panel{display:none;}
.tab-panel.active{display:block;}

/* toggle rows + switch */
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);}
.toggle-row:last-of-type{border-bottom:none;}
.toggle-row b{display:block;font-weight:600;}
.toggle-row span{font-size:.82rem;color:var(--ink-mute);}
.switch{appearance:none;width:46px;height:26px;border-radius:var(--r-pill);background:var(--egret-deep);position:relative;cursor:pointer;flex:none;transition:background .2s;}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.switch:checked{background:var(--blue-600);}
.switch:checked::after{transform:translateX(20px);}

.device-row{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);}
.device-row:last-child{border-bottom:none;}
.device-ico{width:42px;height:42px;border-radius:var(--r-sm);background:var(--egret);display:flex;align-items:center;justify-content:center;color:var(--blue-600);flex:none;}
.device-info{flex:1;}
.device-info b{font-weight:600;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;}
.device-info span{font-size:.82rem;color:var(--ink-mute);}

@media (max-width:820px){
  .account-grid{grid-template-columns:1fr;}
  .account-nav{position:static;display:flex;flex-wrap:wrap;gap:.3rem;}
  .acc-nav-head{width:100%;}
  .acc-nav-item{width:auto;}
  .acc-logout{border-top:none;}
  .acc-stats{grid-template-columns:1fr;}
}

/* ===== Auth ===== */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;}
.auth-brand{background:var(--blue-800);color:var(--on-blue);padding:clamp(2rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;}
.auth-brand::after{content:"";position:absolute;right:-120px;bottom:-120px;width:380px;height:380px;border-radius:50%;border:1px solid rgba(243,236,224,.12);}
.auth-brand-logo img{height:34px;}
.auth-brand-mid{max-width:30ch;}
.auth-brand-feats{display:flex;gap:.6rem;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--on-blue-soft);}
.auth-main{display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,3rem);background:var(--egret);}
.auth-card{width:100%;max-width:420px;}
.auth-card:has(.auth-icon){text-align:center;}
.auth-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.4rem;background:var(--white);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);color:var(--blue-600);}
.auth-icon svg{width:30px;height:30px;}
.auth-title{font-size:clamp(1.7rem,3.2vw,2.2rem);line-height:1.1;}
.auth-sub{color:var(--ink-soft);margin:.6rem 0 1.8rem;}
.auth-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem;font-size:.88rem;}
.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.4rem 0;color:var(--ink-mute);font-size:.8rem;}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--line);}
.auth-social{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;}
.auth-social .btn{text-transform:none;letter-spacing:0;font-weight:600;}
.auth-foot{text-align:center;margin-top:1.6rem;color:var(--ink-soft);font-size:.92rem;}
.auth-foot a{font-weight:700;}
@media (max-width:820px){
  .auth-shell{grid-template-columns:1fr;}
  .auth-brand{display:none;}
  .auth-main{min-height:100vh;}
}

/* ===== Legal / long-form ===== */
.legal-head{margin-bottom:2.2rem;}
.legal-grid{display:grid;grid-template-columns:230px 1fr;gap:2.5rem;align-items:start;}
.legal-toc{position:sticky;top:90px;font-size:.88rem;display:flex;flex-direction:column;gap:.1rem;}
.legal-toc .toc-title{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-weight:700;margin-bottom:.6rem;}
.legal-toc a{color:var(--ink-soft);padding:.4rem 0;border-left:2px solid transparent;padding-left:.8rem;transition:color .15s,border-color .15s;}
.legal-toc a:hover{color:var(--blue-600);border-left-color:var(--blue-600);}
.legal-body{max-width:68ch;}
.legal-body section{margin-bottom:2.2rem;}
.legal-body h2{font-size:1.45rem;margin-bottom:.8rem;}
.legal-body p{color:var(--ink-soft);margin-bottom:1rem;line-height:1.75;}
.legal-list{margin:0 0 1rem 1.1rem;list-style:disc;color:var(--ink-soft);}
.legal-list li{padding:.2rem 0;}
.legal-note{background:var(--paper);border:1px dashed var(--line-strong);border-radius:var(--r-sm);padding:1rem 1.2rem;font-size:.85rem;color:var(--ink-mute);}
@media (max-width:820px){.legal-grid{grid-template-columns:1fr;}.legal-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:.5rem;}.legal-toc .toc-title{width:100%;}}

/* ===== Values / About ===== */
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.value-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);padding:1.8rem;}
.value-ico{width:48px;height:48px;border-radius:var(--r-sm);background:var(--egret);display:flex;align-items:center;justify-content:center;color:var(--blue-600);margin-bottom:1rem;}
.value-card h3{font-size:1.2rem;margin-bottom:.4rem;}
.value-card p{color:var(--ink-soft);font-size:.92rem;}
@media (max-width:760px){.value-grid{grid-template-columns:1fr;}}

/* ===== Contact ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem;align-items:start;}
.contact-item{display:flex;gap:1rem;margin-bottom:1.4rem;align-items:flex-start;}
.contact-item b{display:block;margin-bottom:.2rem;}
.contact-hours{margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--line);}
@media (max-width:760px){.contact-grid{grid-template-columns:1fr;}}

/* ===== System pages ===== */
.sys-code{font-family:var(--font-brand);font-size:clamp(4rem,12vw,7rem);line-height:1;color:var(--blue-200);letter-spacing:-.02em;}

/* ===== Cookie consent ===== */
.cookie-bar{position:fixed;left:50%;bottom:1rem;transform:translate(-50%,140%);width:min(720px,calc(100% - 2rem));background:var(--blue-800);color:var(--on-blue);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:1rem 1.2rem;display:flex;align-items:center;gap:1.2rem;z-index:1500;transition:transform .35s cubic-bezier(.4,0,.2,1);flex-wrap:wrap;}
.cookie-bar.show{transform:translate(-50%,0);}
.cookie-bar p{font-size:.86rem;color:var(--on-blue-soft);flex:1;min-width:220px;line-height:1.5;}
.cookie-bar a{color:var(--egret);text-decoration:underline;text-underline-offset:2px;}
.cookie-actions{display:flex;gap:.5rem;}
.cookie-bar .btn-outline{--fg:var(--egret);--bd:rgba(243,236,224,.4);}
.cookie-bar .btn-outline:hover{background:rgba(243,236,224,.12);color:var(--egret);border-color:rgba(243,236,224,.4);}
.cookie-bar .btn:not(.btn-outline){--bg:var(--egret);--fg:var(--blue-800);--bd:var(--egret);}

/* ===== Product detail (enhanced) ===== */
.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start;}
.pd-main{aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--paper-2);}
.pd-thumbs{display:flex;gap:.6rem;margin-top:.8rem;}
.pd-thumbs .thumb-btn{width:84px;height:84px;border:2px solid transparent;border-radius:var(--r-sm);overflow:hidden;background:var(--egret);padding:0;cursor:pointer;}
.cert-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;}
.cert{display:inline-flex;align-items:center;gap:.35em;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--blue-600);background:var(--paper-2);border:1px solid var(--line);padding:.35em .7em;border-radius:var(--r-pill);}
.pd-rating{display:flex;align-items:center;gap:.6rem;margin-top:.6rem;flex-wrap:wrap;}
.stars{display:inline-flex;gap:1px;}
.pd-rating-link{font-size:.86rem;font-weight:600;}
.pd-sku{font-size:.78rem;color:var(--ink-mute);font-family:'Mulish';letter-spacing:.03em;margin-left:.4rem;}
.pd-opt{margin:1.2rem 0;}
.pd-opt-label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:.5rem;}
.opt-pills{display:flex;gap:.5rem;flex-wrap:wrap;}
.opt-pill{border:1.5px solid var(--line-strong);background:var(--paper-2);border-radius:var(--r-sm);padding:.6rem 1rem;font-weight:600;font-size:.88rem;color:var(--ink);transition:all .15s;}
.opt-pill:hover{border-color:var(--blue-400);}
.opt-pill.active{border-color:var(--blue-600);background:var(--egret);color:var(--blue-600);}
.icon-btn[data-wish].active{background:var(--error-bg);border-color:var(--error);color:var(--error);}
.icon-btn[data-wish].active svg{fill:var(--error);}

.pd-tabs{margin-top:clamp(2.5rem,5vw,4rem);}
.prose{max-width:70ch;}
.prose p{color:var(--ink-soft);line-height:1.8;margin-bottom:1rem;}

/* reviews */
.pd-reviews{margin-top:clamp(2.5rem,5vw,4rem);}
.reviews-grid{display:grid;grid-template-columns:280px 1fr;gap:2.5rem;align-items:start;}
.reviews-summary{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);padding:1.5rem;position:sticky;top:90px;}
.rev-avg{font-family:var(--font-brand);font-size:3rem;line-height:1;}
.rev-bars{display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem;}
.rev-bar{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:var(--ink-mute);}
.rev-track{flex:1;height:7px;background:var(--egret-deep);border-radius:var(--r-pill);overflow:hidden;}
.rev-track i{display:block;height:100%;background:var(--blue-600);}
.rev-gate{display:flex;gap:.6rem;align-items:flex-start;background:var(--egret);border-radius:var(--r-sm);padding:.8rem;font-size:.8rem;color:var(--ink-soft);margin-top:1.2rem;line-height:1.5;}
.reviews-list{display:flex;flex-direction:column;gap:1.2rem;}
.review{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);padding:1.4rem;}
.review-top{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem;}
.review-avatar{width:38px;height:38px;border-radius:50%;background:var(--blue-800);color:var(--egret);display:flex;align-items:center;justify-content:center;font-family:var(--font-brand);font-weight:600;flex:none;}
.review-meta{font-size:.76rem;color:var(--ink-mute);}
.review-title{display:block;margin-bottom:.3rem;font-weight:700;}
.review p{color:var(--ink-soft);font-size:.92rem;line-height:1.6;}
@media (max-width:900px){.pd-grid{grid-template-columns:1fr;}.reviews-grid{grid-template-columns:1fr;}.reviews-summary{position:static;}}

/* ===== FAQ accordion ===== */
.faq-group{margin-bottom:2rem;}
.faq-group h2{font-size:1.2rem;margin-bottom:.6rem;}
.faq{border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:.6rem;background:var(--paper-2);overflow:hidden;}
.faq summary{list-style:none;cursor:pointer;padding:1rem 1.2rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--ink);}
.faq summary::-webkit-details-marker{display:none;}
.faq-ico{width:14px;height:14px;flex:none;position:relative;}
.faq-ico::before,.faq-ico::after{content:"";position:absolute;background:var(--blue-600);transition:transform .2s;}
.faq-ico::before{top:6px;left:0;width:14px;height:2px;}
.faq-ico::after{top:0;left:6px;width:2px;height:14px;}
.faq[open] .faq-ico::after{transform:scaleY(0);}
.faq-a{padding:0 1.2rem 1.1rem;color:var(--ink-soft);line-height:1.7;font-size:.94rem;}

/* ===== Journal ===== */
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}
.article-card{display:flex;flex-direction:column;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s;}
.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong);color:var(--ink);}
.article-media{aspect-ratio:4/3;overflow:hidden;}
.article-media img{transition:transform .4s;}
.article-card:hover .article-media img{transform:scale(1.05);}
.article-body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.5rem;}
.article-body h3{font-size:1.2rem;line-height:1.2;}
.article-body p{color:var(--ink-soft);font-size:.9rem;line-height:1.55;}
.article-date{font-size:.78rem;color:var(--ink-mute);margin-top:.2rem;}
.article-hero{}
@media (max-width:820px){.journal-grid{grid-template-columns:1fr;}}

/* ===== Wishlist remove ===== */
.wish-remove{position:absolute;top:.7rem;right:.7rem;width:30px;height:30px;border-radius:50%;border:none;background:var(--paper-2);color:var(--ink);font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all .15s;}
.wish-remove:hover{background:var(--error);color:#fff;}

/* ===== Newsletter ===== */
.news-icon{width:74px;height:74px;border-radius:50%;background:var(--blue-800);color:var(--egret);display:flex;align-items:center;justify-content:center;margin:0 auto 1.4rem;}
.news-form{display:flex;gap:.6rem;max-width:440px;margin:0 auto;}
.news-form .input{flex:1;}
@media (max-width:520px){.news-form{flex-direction:column;}}

.pay-card-form{padding:1.1rem;background:var(--egret);border-radius:var(--r-sm);display:grid;gap:0;}
.pay-card-form.hide{display:none;}

/* ===== utilities ===== */
.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(1rem,2.5vw,1.8rem);}
@media (max-width:640px){.grid-products{grid-template-columns:repeat(2,1fr);gap:.9rem;}.field-row{grid-template-columns:1fr;}}
.tag-line{font-family:var(--font-serif);font-style:normal;}
/* ===== MVC validation styling (redesign) ===== */
.validation-summary-errors{background:var(--error-bg);color:var(--error);border-radius:var(--r-sm);padding:.8rem 1rem;margin-bottom:1rem;font-size:.88rem;}
.validation-summary-errors ul{margin:0;padding-left:1.1rem;list-style:disc;}
.validation-summary-valid{display:none;}
.field-validation-error{color:var(--error);font-size:.78rem;display:block;margin-top:.35rem;}
.input-validation-error,input.input-validation-error,.input.input-validation-error{border-color:var(--error)!important;background:#fdf6f5;}
.auth-alert{display:flex;gap:.6rem;align-items:center;background:var(--success-bg);color:var(--success);border-radius:var(--r-sm);padding:.8rem 1rem;margin-bottom:1rem;font-size:.88rem;}
.auth-list{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.4rem;}
.auth-list li{font-size:.86rem;color:var(--ink-soft);padding-left:1.3rem;position:relative;}
.auth-list li::before{content:'✓';position:absolute;left:0;color:var(--success);font-weight:700;}
.countdown-timer{display:flex;gap:.4rem;justify-content:center;align-items:center;font-family:var(--font-brand);font-size:2.4rem;color:var(--blue-800);margin:.4rem 0 1.2rem;}
.legal-body ul{margin:0 0 1rem 1.1rem;list-style:disc;color:var(--ink-soft);}
.legal-body li{padding:.2rem 0;}
.legal-body h2{margin-top:1.6rem;}
.legal-body a{color:var(--blue-600);text-decoration:underline;text-underline-offset:2px;}

/* ===== Auth: absolute language switcher (keeps card centered) ===== */
.auth-main{position:relative;}
.auth-lang{position:absolute;top:1.3rem;right:1.5rem;z-index:3;}
@media (max-width:760px){.auth-lang{top:.8rem;right:1rem;}}

/* ===== Wishlist heart on product cards ===== */
.product-fav{position:absolute;top:.7rem;right:.7rem;width:34px;height:34px;border-radius:50%;border:none;background:rgba(251,249,242,.92);color:var(--blue-800);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:color .15s,background .15s,transform .15s;z-index:2;cursor:pointer;padding:0;}
.product-fav svg{width:18px;height:18px;}
.product-fav:hover{color:var(--error);background:#fff;transform:scale(1.08);}
.product-fav.active{color:var(--error);}
.product-fav.active svg{fill:var(--error);}

/* ===== Prevent slight horizontal overflow on mobile ===== */
html,body{overflow-x:hidden;}
body{max-width:100%;}
.container{width:100%;}
/* keep wide tables scrollable inside their own box, not the page */
.bill-table{display:block;overflow-x:auto;white-space:nowrap;}

/* ===== Footer responsive (fix squished logo + cramped columns on mobile) ===== */
.footer-brand img{width:auto;max-width:200px;object-fit:contain;}
@media (max-width:780px){
  .footer-top{grid-template-columns:1fr 1fr;gap:1.8rem 2rem;}
}
@media (max-width:460px){
  .footer-top{grid-template-columns:1fr;gap:1.6rem;}
  .footer-bottom-inner{justify-content:center;text-align:center;}
}

/* ===== Header fits on small phones (no clipped icons) ===== */
@media (max-width:560px){
  .header-inner{gap:.5rem;padding:.7rem 1rem;}
  .header-actions{gap:.1rem;}
  .iconbtn{padding:.4rem;}
  .brand-logo img{height:28px;}
  .lang{font-size:.72rem;gap:.05rem;}
  .lang button{padding:.3rem .2rem;}
}
@media (max-width:360px){
  .brand-logo img{height:24px;}
  .iconbtn{padding:.35rem;}
  .iconbtn svg{width:20px;height:20px;}
}

/* ===== Hide ugly tab scrollbar (keep scroll on small screens if needed) ===== */
.tabs{scrollbar-width:none;-ms-overflow-style:none;}
.tabs::-webkit-scrollbar{display:none;}

/* ===== Mobile: drop the secondary buy-now icon in product cards so Add-to-cart isn't clipped ===== */
@media (max-width:640px){
  .product-actions .icon-btn{display:none;}
}