:root{
  --bg:#070707;
  --bg-soft:#101010;
  --surface:#151515;
  --surface-2:#1b1b1b;
  --surface-panel:#121212;
  --surface-panel-2:#181818;
  --surface-panel-3:#101010;
  --surface-panel-4:#0d0d0d;
  --surface-panel-accent:#18120d;
  --surface-panel-accent-2:#22190f;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.18);
  --text:#f5f4ef;
  --muted:#b8b2a7;
  --gold:#c5a66a;
  --gold-soft:rgba(197,166,106,.18);
  --success:#7dc89a;
  --danger:#ff8080;
  --radius-lg:28px;
  --radius-md:18px;
  --radius-sm:12px;
  --shadow:0 18px 60px rgba(0,0,0,.35);
  --container:min(1240px, calc(100% - 32px));
  --header-h:80px;
  --site-backdrop:url("images/ui/barber-background-v1.png");
  --chat-viewport-height:100dvh;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background-image:
    linear-gradient(180deg, rgba(7,7,7,.12) 0%, rgba(7,7,7,.22) 28%, rgba(7,7,7,.34) 58%, rgba(6,6,6,.54) 100%),
    radial-gradient(circle at top, rgba(197,166,106,.10), transparent 30%),
    radial-gradient(circle at center, rgba(0,0,0,.01), rgba(0,0,0,.14) 82%),
    var(--site-backdrop),
    linear-gradient(180deg,#090909 0%,#060606 100%);
  background-position:center, center top, center, center top, center;
  background-size:auto, auto, auto, cover, auto;
  background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-attachment:scroll, scroll, scroll, fixed, scroll;
  color:var(--text);
  line-height:1.55;
  overflow-x:hidden;
}
body.chatbot-open{
  overflow:hidden;
  overscroll-behavior:none;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
input,select,textarea{font-size:16px}
button{cursor:pointer}
.container{width:var(--container);margin:0 auto}
.page-shell{padding-top:calc(var(--header-h) + 16px)}
.site-header{
  position:sticky;top:0;z-index:1000;
  backdrop-filter:blur(18px);
  background:rgba(7,7,7,.82);
  border-bottom:1px solid var(--line);
}
.site-header__inner{
  width:var(--container);height:var(--header-h);
  margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.site-brand{
  display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.site-brand span:last-child{white-space:nowrap}
.site-brand__mark{
  width:42px;height:42px;border-radius:16px;
  border:1px solid var(--line-strong);
  background:
    url("/images/cropped-bandido-at-logo.png") center/88% auto no-repeat,
    linear-gradient(135deg,#000 0%,#171717 100%);
  display:grid;place-items:center;color:transparent;font-size:0;line-height:0;
  text-indent:-9999px;overflow:hidden;box-shadow:var(--shadow)
}
.site-nav{display:flex;gap:10px;flex-wrap:nowrap;align-items:center;min-width:0}
.site-nav a,.ghost-btn,.primary-btn,.secondary-btn,.icon-btn{
  border-radius:999px;border:1px solid var(--line);transition:.22s ease;
}
.site-nav a{
  padding:12px 16px;color:var(--muted);font-size:.96rem;white-space:nowrap;
}
.site-nav a:hover,.site-nav a.is-active{color:var(--text);border-color:var(--line-strong);background:rgba(255,255,255,.03)}
.header-actions{display:flex;gap:10px;align-items:center}
.site-header__inner,.header-leading,.site-brand,.header-search,.header-actions,.section-head,.price-row,.cart-item,.cart-item__meta,.cart-item__actions,.chat-panel__head,.chat-panel__quick-wrap,.chat-panel__quick,.chat-panel__footer{min-width:0}
.menu-toggle{
  display:none;width:46px;height:46px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,255,255,.03);color:var(--text);align-items:center;justify-content:center;
  font-size:1.15rem;line-height:1
}
.menu-toggle:hover{border-color:var(--line-strong);background:rgba(255,255,255,.05)}
.mobile-menu-backdrop{
  position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.58);backdrop-filter:blur(4px);
  opacity:0;pointer-events:none;transition:opacity .22s ease
}
.mobile-menu-backdrop.is-open{opacity:1;pointer-events:auto}
.mobile-menu{
  position:fixed;top:0;right:0;height:100dvh;width:min(420px, 88vw);z-index:1210;
  background:linear-gradient(180deg,#0f0f0f 0%, #090909 100%);border-left:1px solid var(--line);
  box-shadow:var(--shadow);transform:translateX(100%);transition:transform .24s ease;
  display:flex;flex-direction:column;padding:22px 18px calc(18px + env(safe-area-inset-bottom, 0px));overflow-y:auto
}
.mobile-menu.is-open{transform:translateX(0)}
.mobile-menu__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.mobile-menu__brand{font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mobile-menu__close{
  width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);
  color:var(--text)
}
.mobile-menu__group{padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}
.mobile-menu__label{margin:0 0 12px;color:var(--gold);font-size:.86rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.mobile-menu__nav,.mobile-menu__social{display:grid;gap:10px}
.mobile-menu__nav a,.mobile-menu__social a{
  padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03);
  color:var(--text);font-weight:700
}
.mobile-menu__nav a.is-active,.mobile-menu__social a.is-active{border-color:rgba(197,166,106,.34);background:rgba(197,166,106,.10)}
body.menu-open{overflow:hidden}
.icon-btn{
  min-width:58px;
  height:46px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:rgba(255,255,255,.03);
  color:var(--text)
}
.icon-btn__bag{
  position:relative;
  display:block;
  width:14px;
  height:12px;
  border:1.6px solid currentColor;
  border-top:none;
  border-radius:0 0 4px 4px;
  opacity:.92
}
.icon-btn__bag::before{
  content:"";
  position:absolute;
  left:1px;
  right:1px;
  top:-7px;
  height:7px;
  border:1.6px solid currentColor;
  border-bottom:none;
  border-radius:999px 999px 0 0
}
.icon-btn__count{
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(197,166,106,.16);
  border:1px solid rgba(197,166,106,.3);
  color:var(--text);
  font-size:.72rem;
  font-weight:800;
  line-height:1
}
.icon-btn:hover,.ghost-btn:hover,.secondary-btn:hover{border-color:var(--line-strong);background:rgba(255,255,255,.05)}
.primary-btn,.secondary-btn,.ghost-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;font-weight:700
}
.primary-btn{
  background:linear-gradient(135deg,var(--gold) 0%,#92743f 100%);color:#101010;border-color:transparent;
  box-shadow:0 18px 44px rgba(197,166,106,.22)
}
.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}
.secondary-btn{
  background:rgba(255,255,255,.03);color:var(--text)
}
.ghost-btn{background:transparent;color:var(--muted)}
.hero{
  padding:40px 0 24px;
}
.hero__grid{
  display:grid;grid-template-columns:1.2fr .9fr;gap:22px;align-items:stretch
}
.hero-card{
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    radial-gradient(circle at 15% 15%, rgba(197,166,106,.14), transparent 30%),
    #0d0d0d;
  box-shadow:var(--shadow);
}
.hero-main{padding:38px;display:flex;flex-direction:column;justify-content:space-between;min-height:520px}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border:1px solid var(--line);border-radius:999px;
  font-size:.83rem;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-weight:800
}
.hero h1{
  margin:20px 0 12px;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95;letter-spacing:-.04em
}
.hero p{font-size:1.06rem;color:var(--muted);max-width:62ch}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.trust-list{
  display:flex;gap:12px;flex-wrap:wrap;margin-top:28px
}
.trust-pill{
  padding:12px 14px;border-radius:16px;border:1px solid var(--line);color:var(--muted);background:rgba(255,255,255,.03)
}
.trust-proof-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px
}
.trust-proof-card{
  padding:22px;border-radius:24px;border:1px solid var(--line);
  background:rgba(255,255,255,.025);box-shadow:var(--shadow)
}
.trust-proof-card--accent{
  background:
    linear-gradient(180deg, rgba(197,166,106,.14), rgba(255,255,255,.02)),
    #14110c;
  border-color:rgba(197,166,106,.28)
}
.trust-proof-card__label{
  display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;border:1px solid var(--line);
  color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase
}
.trust-proof-card strong{
  display:block;margin:14px 0 10px;font-size:clamp(1.35rem,2.8vw,2.2rem);line-height:1.1
}
.hero-side{
  padding:20px;display:grid;gap:18px;
}
.black-stage{
  background:#000;
  border-radius:22px;
  min-height:320px;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.05);
}
.black-stage--swipeable{
  touch-action:pan-y;
}
.black-stage img{width:100%;height:100%;object-fit:contain;padding:22px}
.black-stage--swipeable img{
  user-select:none;
  -webkit-user-drag:none;
}
.black-stage--product{
  min-height:460px;
}
.product-stage__soldout{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(178,39,39,.94);
  color:#fff4f4;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 14px 30px rgba(92,14,14,.28);
}
.gallery-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(10,10,10,.72);
  color:var(--text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.6rem;
  line-height:1;
  backdrop-filter:blur(8px);
}
.gallery-nav:hover{
  border-color:rgba(197,166,106,.4);
  background:rgba(24,20,14,.82);
}
.gallery-nav[hidden],
.gallery-counter[hidden]{
  display:none !important;
}
.gallery-nav--prev{
  left:12px;
}
.gallery-nav--next{
  right:12px;
}
.gallery-counter{
  position:absolute;
  left:50%;
  bottom:12px;
  transform:translateX(-50%);
  z-index:2;
  min-width:64px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(10,10,10,.72);
  color:var(--text);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.04em;
  text-align:center;
  backdrop-filter:blur(8px);
}
.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kpi{
  padding:18px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid var(--line)
}
.kpi strong{display:block;font-size:1.55rem}
.kpi span{display:block;color:var(--muted);font-size:.92rem}
.section{padding:28px 0}
.section-head{
  display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px
}
.section-head h2{margin:0;font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.03em}
.section-head p{margin:8px 0 0;color:var(--muted);max-width:64ch}
.card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.category-card,.product-card,.info-card,.feature-card,.legal-card,.page-card{
  border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)
}
.category-card:hover,.product-card:hover{transform:translateY(-2px);border-color:var(--line-strong)}
.category-card__media,.product-card__media{
  aspect-ratio:1/1;background:#000;display:grid;place-items:center;padding:12px;position:relative
}
.category-card__media::after,.product-card__media::after{
  content:"";position:absolute;inset:auto 0 0 0;height:60px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));
}
.category-card__body,.product-card__body{padding:12px}
.category-card h3,.product-card h3{margin:0 0 6px;font-size:0.95rem}
.product-meta,.muted{color:var(--muted)}
.badge-row,.meta-row{display:flex;gap:8px;flex-wrap:wrap}
.badge{
  display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid var(--line);
  color:var(--gold);font-size:.78rem;font-weight:700;background:var(--gold-soft)
}
.price-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
.price{font-size:1.2rem;font-weight:800}
.footer{
  margin-top:40px;padding:30px 0 60px;border-top:1px solid var(--line);background:rgba(255,255,255,.02)
}
.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:18px}
.footer h4{margin:0 0 12px}
.footer p,.footer a{color:var(--muted)}
.page-hero{
  padding:32px 0 10px
}
.page-hero__card{
  padding:28px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius-lg);
  background:linear-gradient(180deg, rgba(12,12,12,.78), rgba(10,10,10,.66));
  backdrop-filter:blur(14px);
  box-shadow:0 18px 48px rgba(0,0,0,.24)
}
.page-grid{display:grid;grid-template-columns:300px 1fr;gap:20px}
.side-panel,.content-panel{
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(13,13,13,.78), rgba(10,10,10,.62));
  border-radius:24px;
  padding:22px;
  backdrop-filter:blur(16px);
  box-shadow:0 18px 48px rgba(0,0,0,.22)
}
.filter-list,.link-list{display:grid;gap:10px}
.filter-chip,.link-tile{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(20,20,20,.78), rgba(12,12,12,.64));
  color:rgba(245,244,239,.86);
  font-weight:700;
  backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)
}
.filter-chip.is-active,.filter-chip:hover,.link-tile:hover{
  border-color:rgba(197,166,106,.34);
  background:linear-gradient(180deg, rgba(28,24,17,.88), rgba(18,16,12,.76));
  color:var(--text)
}
.catalog-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:14px;
  margin-bottom:16px
}
.catalog-toolbar .field{margin:0}
.catalog-toolbar .field label{color:var(--muted)}
.catalog-result-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px
}
.catalog-result-count{
  font-size:1.02rem;
  font-weight:800
}
.catalog-toolbar-note{
  font-size:.92rem;
  color:var(--muted)
}
.product-layout{
  display:grid;grid-template-columns:1.1fr .9fr;gap:16px
}
.gallery-panel,.buy-panel{
  border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.03);padding:16px
}
.thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.thumb{
  background:#000;border:1px solid var(--line);border-radius:10px;padding:6px;
  aspect-ratio:1/1;display:grid;place-items:center
}
.thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.buy-panel h1{margin:0 0 8px;font-size:clamp(1.8rem,3.5vw,2.8rem)}
.buy-actions,.stack{display:grid;gap:10px}
.product-benefits{display:none;gap:8px}
.product-highlight{
  display:none;padding:10px 12px;border-radius:12px;border:1px solid var(--line);
  background:rgba(255,255,255,.025);color:var(--text);font-size:0.82rem
}
.product-proof{
  display:none
}
.product-proof span{
  padding:6px 8px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,255,255,.03);color:var(--muted);font-size:0.75rem
}
.product-qty-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0 4px;
}
.product-qty-row strong{
  font-size:.95rem;
}
.product-cta-stack{display:grid;gap:10px}
.product-cta-stack .primary-btn,.checkout-form-actions .primary-btn{min-height:54px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.field{display:grid;gap:8px}
.field label{font-weight:700}
.field input,.field select,.field textarea{
  width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line-strong);background:#111;color:var(--text)
}
.field textarea{min-height:140px;resize:vertical}
.notice,.success-box,.warning-box{
  padding:16px 18px;border-radius:18px;border:1px solid var(--line-strong);background:rgba(255,255,255,.03)
}
.success-box{border-color:rgba(125,200,154,.32);background:rgba(125,200,154,.08)}
.warning-box{border-color:rgba(255,128,128,.26);background:rgba(255,128,128,.08)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:16px;border-bottom:1px solid var(--line);text-align:left}
.table th{color:var(--muted);font-size:.92rem}
.split-cta{
  display:grid;grid-template-columns:1fr 1fr;gap:18px
}
.review-layout{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:22px;align-items:start
}
.review-list{
  display:grid;gap:14px
}
.review-card{
  padding:18px;border-radius:22px;border:1px solid var(--line);
  background:rgba(255,255,255,.025)
}
.review-card__top{
  display:flex;justify-content:space-between;align-items:flex-start;gap:14px
}
.review-card__title{
  margin:8px 0 0;font-size:1.02rem
}
.review-card__meta{
  margin-top:6px;color:var(--muted);font-size:.92rem
}
.review-card__date{
  color:var(--muted);font-size:.84rem;white-space:nowrap
}
.review-stars{
  display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-weight:800;letter-spacing:.08em
}
.review-stars__count{
  color:var(--text);letter-spacing:0;font-size:.92rem
}
.review-card__product{
  display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;border-radius:999px;
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);font-size:.84rem
}
.review-card__verified{
  display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 11px;border-radius:999px;
  border:1px solid rgba(125,200,154,.26);background:rgba(125,200,154,.08);color:#cfead9;font-size:.8rem;font-weight:700
}
.review-card__body{
  margin:12px 0 0;color:var(--text)
}
.review-summary-inline{
  display:grid;gap:4px;justify-items:end;text-align:right
}
.review-summary-inline strong{
  font-size:1.2rem
}
.review-product-note{
  margin:0 0 16px
}
.review-empty{
  padding:22px;border-radius:20px;border:1px dashed var(--line-strong);background:rgba(255,255,255,.02);color:var(--muted)
}
.form-note{
  margin:0;color:var(--muted);font-size:.92rem
}
.form-status{
  display:none;margin-top:14px;padding:14px 16px;border-radius:18px;border:1px solid var(--line)
}
.form-status.is-visible{display:block}
.form-status.is-success{
  border-color:rgba(125,200,154,.32);background:rgba(125,200,154,.08);color:var(--text)
}
.form-status.is-error{
  border-color:rgba(255,128,128,.26);background:rgba(255,128,128,.08);color:var(--text)
}
.honeypot{
  position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;
  overflow:hidden !important;opacity:0 !important;pointer-events:none !important
}
.social-row{display:flex;gap:12px;flex-wrap:wrap}
.social-link{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 18px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--line)
}
.service-list{
  display:grid;
  gap:10px;
  margin:0;
  padding-left:18px;
}
.service-list li{
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
}
.service-list strong{
  display:inline-flex;
  align-items:center;
}
.service-list .subtle{
  display:inline-flex;
  align-items:center;
}
body.cookie-panel-open{overflow:hidden}
.cookie-banner{
  position:fixed;left:20px;right:20px;bottom:20px;z-index:1100;
  max-width:min(1040px, calc(100vw - 40px));margin:0 auto;
  border:1px solid rgba(197,166,106,.22);
  background:
    radial-gradient(circle at top left, rgba(197,166,106,.12), transparent 28%),
    linear-gradient(180deg, rgba(17,17,17,.98), rgba(8,8,8,.98));
  backdrop-filter:blur(18px);
  border-radius:26px;padding:22px 24px;display:none;box-shadow:0 26px 80px rgba(0,0,0,.42)
}
.cookie-banner.is-visible{display:block;animation:cookieBannerIn .26s ease}
.cookie-banner__content{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end
}
.cookie-banner__copy{
  display:grid;gap:10px
}
.cookie-banner__eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase
}
.cookie-banner__copy strong{
  font-size:1.12rem;line-height:1.3
}
.cookie-banner__copy p{
  margin:0;max-width:74ch
}
.cookie-banner__chips,.cookie-panel__summary{
  display:flex;gap:8px;flex-wrap:wrap
}
.cookie-banner__chips span,.cookie-panel__summary-chip{
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 12px;border-radius:999px;border:1px solid rgba(197,166,106,.18);
  background:rgba(255,255,255,.03);color:var(--muted);font-size:.8rem;font-weight:700
}
.cookie-banner__meta{
  display:flex;gap:16px;flex-wrap:wrap
}
.cookie-banner__meta a{
  color:var(--muted);font-size:.84rem;font-weight:600;
  text-decoration:underline;text-decoration-color:rgba(197,166,106,.32);text-underline-offset:3px
}
.cookie-banner__meta a:hover{color:var(--text);text-decoration-color:rgba(197,166,106,.62)}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.cookie-actions--stacked{
  margin-top:0;justify-content:flex-end;align-content:flex-end;min-width:min(290px,100%)
}
.cookie-actions--panel{margin-top:0}
.cookie-banner .primary-btn,.cookie-banner .secondary-btn,.cookie-banner .ghost-btn,
.cookie-panel .primary-btn,.cookie-panel .secondary-btn,.cookie-panel .ghost-btn{white-space:nowrap}
.cookie-panel{
  position:fixed;inset:0;z-index:1120;display:grid;place-items:center;padding:24px;
  background:rgba(4,4,4,.62);backdrop-filter:blur(10px)
}
.cookie-panel__dialog{
  width:min(720px, calc(100vw - 32px));max-height:min(86dvh, 760px);overflow:auto;
  border:1px solid rgba(197,166,106,.18);border-radius:28px;
  background:
    radial-gradient(circle at top left, rgba(197,166,106,.10), transparent 24%),
    linear-gradient(180deg, #151515 0%, #0a0a0a 100%);
  padding:24px;display:grid;gap:18px;box-shadow:0 34px 90px rgba(0,0,0,.52)
}
.cookie-panel__dialog:focus{outline:none}
.cookie-panel__header{
  display:flex;align-items:start;justify-content:space-between;gap:16px
}
.cookie-panel__header h3{
  margin:6px 0 0;font-size:1.42rem;line-height:1.2
}
.cookie-panel__header p{
  margin:10px 0 0;max-width:62ch
}
.cookie-panel__close{
  width:42px;height:42px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,255,255,.04);color:var(--text);font-size:1rem;font-weight:800
}
.cookie-panel__close:hover{border-color:var(--line-strong);background:rgba(255,255,255,.07)}
.cookie-panel__section{
  display:grid;gap:12px
}
.cookie-option{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;
  padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)
}
.cookie-option__body{
  display:grid;gap:8px
}
.cookie-option__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap
}
.cookie-option__head strong{font-size:1rem}
.cookie-option__body p{margin:0}
.cookie-option.is-locked{
  background:linear-gradient(180deg, rgba(197,166,106,.08), rgba(255,255,255,.02))
}
.cookie-option--toggle{
  cursor:pointer;transition:border-color .22s ease, background .22s ease
}
.cookie-option--toggle:hover{
  border-color:rgba(197,166,106,.26);background:rgba(255,255,255,.04)
}
.cookie-option__state{
  color:var(--gold);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase
}
.cookie-toggle{
  position:relative;display:inline-flex;align-items:center;justify-content:center
}
.cookie-toggle input{
  position:absolute;inset:0;opacity:0;pointer-events:none
}
.cookie-toggle__track{
  width:62px;height:36px;border-radius:999px;border:1px solid var(--line-strong);
  background:rgba(255,255,255,.06);display:inline-flex;align-items:center;padding:4px;
  transition:background .22s ease,border-color .22s ease
}
.cookie-toggle__track::after{
  content:"";width:26px;height:26px;border-radius:50%;background:#f3efe7;
  box-shadow:0 4px 14px rgba(0,0,0,.26);transition:transform .22s ease, background .22s ease
}
.cookie-toggle input:checked + .cookie-toggle__track{
  background:linear-gradient(135deg,var(--gold) 0%, #8f713f 100%);border-color:rgba(197,166,106,.66)
}
.cookie-toggle input:checked + .cookie-toggle__track::after{
  transform:translateX(26px);background:#111
}
.cookie-panel__note{
  padding:16px 18px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.025)
}
.cookie-panel__note strong{
  display:block;margin-bottom:6px
}
.cookie-panel__note p{margin:0}
@keyframes cookieBannerIn{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}
.chat-launcher{
  position:relative;order:2;width:58px;height:58px;border:none;border-radius:50%;
  background:linear-gradient(135deg,var(--gold),#8e703f);color:#111;font-size:.92rem;font-weight:900;
  box-shadow:0 18px 44px rgba(0,0,0,.3), 0 10px 24px rgba(197,166,106,.22);
  cursor:pointer;transition:transform .2s ease, opacity .2s ease, box-shadow .2s ease
}
.chat-widget-shell{
  position:fixed;right:18px;bottom:18px;z-index:1090;display:grid;justify-items:end;gap:10px
}
.has-cookie-banner .chat-widget-shell{bottom:190px}
.chat-widget-shell.is-open{z-index:1110}
.chat-widget-shell.is-open .chat-launcher{
  opacity:0;pointer-events:none;transform:translateY(10px) scale(.96)
}
.chat-launcher--live{
  display:grid;place-items:center
}
.chat-launcher:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 50px rgba(0,0,0,.34), 0 12px 26px rgba(197,166,106,.26)
}
.chat-panel{
  order:1;width:min(380px, calc(100vw - 24px));height:min(560px, calc(100dvh - 112px));max-height:min(560px, calc(100dvh - 112px));overflow:hidden;
  border:1px solid rgba(197,166,106,.22);border-radius:24px;
  background:linear-gradient(180deg,rgba(12,12,12,.98),rgba(7,7,7,.98));
  box-shadow:0 24px 72px rgba(0,0,0,.4);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;
  position:relative;z-index:1
}
.chat-panel[hidden]{
  display:none !important
}
.chat-panel__head{
  padding:16px 16px 12px;display:flex;align-items:start;justify-content:space-between;gap:12px;
  border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)
}
.chat-panel__head strong{display:block;font-size:1rem}
.chat-panel__head p{margin:4px 0 0;color:var(--muted);font-size:.84rem;line-height:1.4}
.chat-panel__close{
  width:34px;height:34px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;position:relative;z-index:5;
  flex-shrink:0;pointer-events:auto;touch-action:manipulation
}
.chat-panel__close:hover{border-color:var(--line-strong);background:rgba(255,255,255,.07)}
.chat-panel__quick-wrap{
  display:grid;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)
}
.chat-panel__quick-toggle{
  justify-self:start;padding:7px 11px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,255,255,.03);color:var(--muted);font-size:.78rem;font-weight:700
}
.chat-panel__quick-toggle:hover{border-color:var(--line-strong);background:rgba(255,255,255,.05);color:var(--text)}
.chat-panel__quick{
  display:flex;gap:8px;flex-wrap:wrap
}
.chat-panel__quick[hidden]{display:none !important}
.chat-shortcut{
  padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);
  color:var(--text);font-size:.76rem;font-weight:700
}
.chat-shortcut--accent{border-color:rgba(197,166,106,.38);background:rgba(197,166,106,.12)}
.chat-panel__stream{
  padding:14px 16px;overflow:auto;display:grid;gap:12px;background:
    radial-gradient(circle at top, rgba(197,166,106,.05), transparent 24%),
    #0d0d0d;overscroll-behavior:contain;min-height:0;-webkit-overflow-scrolling:touch
}
.chat-message{display:grid;gap:6px}
.chat-message__label{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.chat-message__bubble{
  padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:#171717;overflow-wrap:anywhere
}
.chat-message--user{justify-items:end}
.chat-message--user .chat-message__bubble{
  max-width:92%;background:#2a2418;border-color:rgba(197,166,106,.34)
}
.chat-message--assistant .chat-message__bubble{max-width:100%}
.chat-panel__form{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 16px;border-top:1px solid var(--line);align-items:end;background:#0c0c0c
}
.chat-panel__input{
  min-height:42px;max-height:92px;padding:10px 12px;border-radius:14px;border:1px solid var(--line-strong);
  background:#111;color:var(--text);resize:none;overflow:auto;line-height:1.45
}
.chat-panel__submit{
  align-self:end;min-height:42px;padding:10px 16px;min-width:86px;box-shadow:0 10px 24px rgba(197,166,106,.16)
}
.chat-panel__footer{
  display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 14px
}
.chat-panel__footer-link{
  display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);font-size:.82rem;font-weight:700
}
.chatbot-hero-card{
  display:grid;gap:6px;padding:14px;border-radius:18px;border:1px solid rgba(197,166,106,.24);background:#19150f
}
.chatbot-hero-card strong{font-size:1rem}
.chatbot-hero-card span,.chatbot-emphasis,.chatbot-cross-sell,.chatbot-disclaimer{color:var(--muted)}
.chatbot-meta-list,.chatbot-compare{
  display:grid;gap:10px;margin-top:12px
}
.chatbot-meta-list__item,.chatbot-compare__row{
  display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02)
}
.chatbot-meta-list__item strong,.chatbot-compare__row strong{font-size:.88rem}
.chatbot-meta-list__item span,.chatbot-compare__row span{color:var(--muted);text-align:right}
.chatbot-trust-strip,.chatbot-closing-strip,.chatbot-quick-actions{
  display:flex;gap:8px;flex-wrap:wrap;margin-top:12px
}
.chatbot-trust-strip span,.chatbot-closing-strip span{
  padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:.8rem;color:var(--muted)
}
.chatbot-chip{
  display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:999px;
  border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);font-size:.84rem;font-weight:700
}
.chatbot-chip--accent{
  border-color:rgba(197,166,106,.5);background:linear-gradient(135deg,var(--gold) 0%, #92743f 100%);color:#111
}
.chatbot-sales-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px
}
.chatbot-plan-card{
  padding:14px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03)
}
.chatbot-plan-card strong{display:block;margin-bottom:6px}
.chatbot-plan-card p{margin:0;color:var(--muted);font-size:.88rem}
.chatbot-plan-card__note{
  display:inline-flex;margin-top:10px;padding:6px 10px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font-size:.78rem;font-weight:800
}
.chatbot-reason-list{
  margin:12px 0 0;padding-left:18px;color:var(--muted)
}
.chatbot-product-block{margin-top:12px}
.chatbot-product-block h4{margin:0 0 10px;font-size:.95rem}
.chatbot-product-list{display:grid;gap:10px}
.chatbot-product-card{
  display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03)
}
.chatbot-product-card__image{
  border-radius:16px;background:#000;overflow:hidden;min-height:72px;display:grid;place-items:center
}
.chatbot-product-card__image img{width:100%;height:100%;object-fit:contain;padding:8px}
.chatbot-product-card__body{display:grid;gap:6px}
.chatbot-product-card__body span,.chatbot-product-card__body p{color:var(--muted);font-size:.84rem}
.chatbot-product-card__body p{
  margin:0;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden
}
.chatbot-product-card__footer{
  display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:4px
}
.chatbot-product-card__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}
.mini-stat{
  padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)
}
.hero-note{
  margin-top:18px;padding:14px 16px;border-left:3px solid var(--gold);background:rgba(255,255,255,.03);border-radius:14px;color:var(--muted)
}
.empty-state{
  padding:34px;border:1px dashed var(--line-strong);border-radius:22px;background:rgba(255,255,255,.02);text-align:center;color:var(--muted)
}
@media (max-width:1100px){
  .hero__grid,.footer-grid,.page-grid,.product-layout,.split-cta,.trust-proof-grid{grid-template-columns:1fr 1fr}
  .card-grid{grid-template-columns:repeat(3,1fr)}
  .review-layout{grid-template-columns:1fr}
  .review-summary-inline{justify-items:start;text-align:left}
}
@media (max-width:860px){
  body{
    background-attachment:scroll, scroll, scroll, scroll, scroll;
    background-position:center, center top, center, 56% top, center;
  }
  .site-nav{display:none}
  .menu-toggle{display:inline-flex}
  .cookie-banner__content{grid-template-columns:1fr}
  .cookie-actions--stacked{justify-content:flex-start}
  .hero__grid,.footer-grid,.page-grid,.product-layout,.split-cta,.kpi-grid,.form-grid,.trust-proof-grid{grid-template-columns:1fr}
  .card-grid{grid-template-columns:repeat(2,1fr)}
  .catalog-toolbar{grid-template-columns:1fr}
  .thumb-grid{grid-template-columns:repeat(3,1fr)}
  .product-info-stack{display:none}
  .hero-main{min-height:auto}
}
@media (max-width:560px){
  .site-header__inner{gap:10px}
  .site-brand span:last-child{display:none}
  .hero-main,.page-hero__card,.side-panel,.content-panel,.gallery-panel,.buy-panel{padding:20px}
  .black-stage--swipeable{cursor:ew-resize}
  .product-info-stack{display:none}
  .thumb-grid{grid-template-columns:repeat(2,1fr)}
  .header-actions .secondary-btn{display:none}
  .cookie-banner{left:10px;right:10px;bottom:10px;max-width:none;padding:18px;border-radius:22px}
  .cookie-banner__copy strong{font-size:1rem}
  .cookie-panel{padding:12px}
  .cookie-panel__dialog{width:min(100vw - 24px, 100%);max-height:min(90dvh, 760px);padding:18px;border-radius:24px}
  .cookie-option{grid-template-columns:1fr}
  .chat-widget-shell{right:10px;bottom:10px}
  body.has-cookie-banner .chat-widget-shell{bottom:248px}
  .chat-panel{width:min(360px, calc(100vw - 20px));height:min(520px, calc(100dvh - 98px));max-height:min(520px, calc(100dvh - 98px))}
  .chat-panel__form{grid-template-columns:minmax(0,1fr) auto}
  .chatbot-sales-grid{grid-template-columns:1fr}
  .chatbot-product-card{grid-template-columns:1fr}
  .checkout-form-actions{display:grid;grid-template-columns:1fr}
}
@media (max-width:640px){
  .chat-widget-shell{right:10px;bottom:10px}
  body.has-cookie-banner .chat-widget-shell{bottom:252px}
  .chat-panel{width:min(360px, calc(100vw - 20px));height:min(520px, calc(100dvh - 96px));max-height:min(520px, calc(100dvh - 96px));border-radius:22px}
  .chat-panel__quick-wrap{padding:10px 14px}
  .chat-panel__quick{
    display:grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center;gap:6px;
    overflow:auto hidden;scrollbar-width:none
  }
  .chat-panel__quick::-webkit-scrollbar{display:none}
  .chat-shortcut{
    flex:0 0 auto;max-width:min(78vw, 260px);padding:8px 10px;font-size:.78rem;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis
  }
  .chat-panel__input{max-height:92px}
}
@media (max-width:420px){
  .chat-widget-shell{right:8px;bottom:8px}
  body.has-cookie-banner .chat-widget-shell{bottom:176px}
  .chat-launcher{width:54px;height:54px;font-size:.86rem}
  .chat-panel{width:calc(100vw - 16px);height:min(500px, calc(100dvh - 88px));max-height:min(500px, calc(100dvh - 88px))}
  .chat-panel__head{padding:14px 14px 10px}
  .chat-panel__quick-wrap{padding:9px 14px}
  .chat-panel__stream{padding:12px 14px}
  .chat-panel__form{padding:10px 14px}
  .chat-panel__footer{padding:0 14px 12px}
}


/* Checkout refinement update */
.checkout-flow{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:22px;align-items:start}
.checkout-stack,.cart-stack{display:grid;gap:18px}
.checkout-card,.cart-card,.summary-card{
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  border-radius:26px;
  padding:22px;
  box-shadow:var(--shadow)
}
.checkout-card h2,.cart-card h2,.summary-card h2{margin:0 0 12px;font-size:1.35rem}
.checkout-card h3,.cart-card h3,.summary-card h3{margin:0 0 10px;font-size:1.05rem}
.sticky-summary{position:sticky;top:calc(var(--header-h) + 18px)}
.progress-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.progress-pill{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);font-size:.92rem}
.progress-pill.is-active{border-color:rgba(197,166,106,.35);background:var(--gold-soft);color:var(--text)}
.cart-items{display:grid;gap:14px}
.cart-item{display:grid;grid-template-columns:112px 1fr auto;gap:16px;padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.cart-item__image{background:#000;border-radius:18px;display:grid;place-items:center;overflow:hidden;min-height:112px}
.cart-item__image img{width:100%;height:100%;object-fit:contain;padding:14px}
.cart-item__meta{display:grid;gap:8px;align-content:start}
.cart-item__title{font-size:1.05rem;font-weight:800}
.cart-item__variant{color:var(--muted);font-size:.94rem}
.cart-item__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.qty-stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#0e0e0e}
.qty-stepper button{border:none;background:transparent;color:var(--text);padding:10px 14px;min-width:42px}
.qty-stepper span{min-width:42px;text-align:center;font-weight:800}
.qty-stepper input{
  width:58px;
  min-width:58px;
  border:none;
  background:transparent;
  color:var(--text);
  text-align:center;
  font-weight:800;
  padding:10px 4px;
  outline:none;
}
.qty-stepper input::-webkit-outer-spin-button,
.qty-stepper input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.qty-stepper input[type=number]{
  -moz-appearance:textfield;
}
.link-btn{border:none;background:none;color:var(--gold);padding:0;font-weight:700}
.line-list{display:grid;gap:10px}
.line-item{display:flex;justify-content:space-between;gap:14px;color:var(--muted)}
.line-item strong,.line-item span.value{color:var(--text)}
.line-item--total{padding-top:12px;border-top:1px solid var(--line);font-size:1.08rem}
.trust-grid-compact{display:grid;gap:12px}
.trust-box{padding:16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.trust-box strong{display:block;margin-bottom:4px}
.mini-note{font-size:.92rem;color:var(--muted)}
.help-strip{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.help-chip{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted)}
.summary-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--gold-soft);border:1px solid rgba(197,166,106,.32);color:var(--gold);font-weight:700}
.checkout-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.choice-card{position:relative;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);padding:16px}
.choice-card input{position:absolute;opacity:0;pointer-events:none}
.choice-card__label{display:grid;gap:6px;cursor:pointer}
.choice-card.is-selected{border-color:rgba(197,166,106,.42);background:rgba(197,166,106,.10)}
.choice-card__title{font-weight:800}
.choice-card__hint{color:var(--muted);font-size:.92rem}
.checkout-summary-items{display:grid;gap:10px;margin-top:10px}
.checkout-summary-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.checkout-summary-item:last-child{border-bottom:none}
.checkout-summary-item__thumb{background:#000;border-radius:12px;overflow:hidden;min-height:52px;display:grid;place-items:center}
.checkout-summary-item__thumb img{width:100%;height:100%;object-fit:contain;padding:6px}
.checkout-summary-item__name{font-weight:700}
.checkout-summary-item__meta{font-size:.88rem;color:var(--muted)}
.checkout-form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.checkout-reassurance{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.checkout-reassurance span{
  padding:8px 10px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,255,255,.03);color:var(--muted);font-size:.82rem
}
.checkout-form-note{margin:12px 0 0;color:var(--muted);font-size:.92rem}
.form-help{margin-top:8px;color:var(--muted);font-size:.92rem}
.checkbox-stack{display:grid;gap:12px;margin-top:16px}
.checkline{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;color:var(--muted)}
.checkline input{margin-top:4px}
.checkline a{color:var(--gold)}
.inline-alert{margin-top:14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,128,128,.26);background:rgba(255,128,128,.08);color:var(--text)}
.inline-success{margin-top:14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(125,200,154,.30);background:rgba(125,200,154,.10)}
.order-reference{font-size:clamp(1.2rem,3vw,2rem);font-weight:900;letter-spacing:.08em;overflow-wrap:anywhere;word-break:break-word}
.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.status-card{padding:18px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.status-card strong{display:block;margin-bottom:4px}
.recovery-box{padding:18px;border-radius:20px;border:1px solid rgba(197,166,106,.28);background:rgba(197,166,106,.10)}
.empty-hint{margin-top:16px}
.summary-highlight{margin-top:14px;padding:16px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid var(--line)}
.summary-highlight--success{border-color:rgba(125,200,154,.30);background:rgba(125,200,154,.10)}
.summary-highlight--warning{border-color:rgba(197,166,106,.30);background:rgba(197,166,106,.12)}
[data-tracking-result][hidden],[data-success-invoice-actions][hidden],[data-success-invoice-note][hidden]{display:none!important}
@media (max-width:1100px){
  .checkout-flow{grid-template-columns:1fr}
  .sticky-summary{position:static}
}
@media (max-width:860px){
  .cart-item{grid-template-columns:1fr}
  .checkout-choice-grid,.progress-list,.status-grid{grid-template-columns:1fr}
}


/* Combined precise header/menu fix */
body.header-compact .site-nav{display:none}
body.header-compact .menu-toggle{display:inline-flex}
body.header-compact .header-actions .secondary-btn{display:none}
body.header-compact .header-actions{margin-left:auto}
body.header-compact .site-header__inner{gap:12px}

@media (max-width:1240px){
  .site-header__inner{gap:12px}
}



.sr-only{
  position:absolute !important;
  width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
}
.header-leading{
  display:flex;align-items:center;gap:12px;min-width:0
}
.header-search{
  flex:1;min-width:220px;display:flex;justify-content:center
}
.header-search__form{
  width:min(100%, 640px);display:flex;align-items:center;gap:10px;
  padding:8px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,255,255,.03)
}
.header-search__input{
  flex:1;min-width:0;height:44px;padding:0 16px;border:0;outline:none;
  background:transparent;color:var(--text)
}
.header-search__input::placeholder{color:var(--muted)}
.header-search__button{
  height:44px;padding:0 18px;border-radius:999px;border:1px solid transparent;
  background:linear-gradient(135deg,var(--gold) 0%,#92743f 100%);color:#101010;font-weight:800
}
.header-search__button:hover{filter:brightness(1.03)}
body.header-menu-mode .site-header__inner{
  display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:18px;align-items:center
}
body.header-menu-mode .site-nav,
body.header-menu-mode .header-actions .secondary-btn{
  display:none !important
}
body.header-menu-mode .menu-toggle{
  display:inline-flex !important;
  width:48px;height:48px;padding:0;flex-direction:column;gap:5px
}
body.header-menu-mode .menu-toggle span{
  display:block;width:18px;height:2px;border-radius:999px;background:var(--text)
}
body.header-menu-mode .site-brand{
  flex-shrink:0;min-width:0
}
body.header-menu-mode .site-brand span:last-child{
  line-height:1.1
}
body.header-menu-mode .header-actions{
  margin-left:0;justify-self:end
}
body.header-menu-mode .header-actions .icon-btn{
  flex-shrink:0
}
.mobile-menu__search{
  display:flex;gap:10px;align-items:center
}
.mobile-menu__search input{
  flex:1;min-width:0;height:46px;padding:0 16px;border-radius:999px;
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text)
}
.mobile-menu__search input::placeholder{color:var(--muted)}
.mobile-menu__search button{
  height:46px;padding:0 16px;border-radius:999px;border:1px solid transparent;
  background:linear-gradient(135deg,var(--gold) 0%,#92743f 100%);color:#101010;font-weight:800
}
@media (max-width: 980px){
  body.header-menu-mode .site-header__inner{
    grid-template-columns:auto minmax(0,1fr) auto;gap:12px
  }
  .header-search__form{padding:6px}
  .header-search__button{padding:0 14px}
  body.header-menu-mode .site-brand span:last-child{font-size:.96rem}
}
@media (max-width: 760px){
  :root{--header-h:88px}
  body.header-menu-mode .site-header__inner{
    grid-template-columns:auto 1fr auto;gap:10px
  }
  body.header-menu-mode .site-brand span:last-child{
    display:none
  }
  .header-search{min-width:0}
  .header-search__form{width:100%}
  .header-search__button{
    min-width:44px;padding:0 12px;font-size:.92rem
  }
}
@media (max-width: 520px){
  .header-search__button{display:none}
  .header-search__form{padding:4px 8px}
  .header-search__input{height:40px;padding:0 10px;font-size:.95rem}
  body.header-menu-mode .header-actions .icon-btn{width:auto;min-width:44px;height:44px;padding:0 10px}
  body.header-menu-mode .menu-toggle{width:44px;height:44px}
}

@media (max-width:420px){
  :root{--container:min(1240px, calc(100% - 24px))}
  .hero{padding:28px 0 18px}
  .hero-main,.page-hero__card,.side-panel,.content-panel,.gallery-panel,.buy-panel,.checkout-card,.cart-card,.summary-card{padding:18px}
  .section-head{align-items:flex-start}
  .site-brand__mark{width:38px;height:38px;border-radius:14px}
  .mobile-menu{width:100vw;padding:18px 16px calc(18px + env(safe-area-inset-bottom, 0px))}
  .chat-widget-shell{left:10px;right:10px;bottom:10px}
  body.has-cookie-banner .chat-widget-shell{bottom:206px}
  .chat-widget-shell.is-open{
    left:0;right:0;top:0;bottom:0;padding:max(10px, env(safe-area-inset-top, 0px)) 10px max(10px, env(safe-area-inset-bottom, 0px))
  }
  body.has-cookie-banner .chat-widget-shell.is-open{bottom:0}
  .chat-launcher{width:60px;height:60px}
  .chat-panel{width:100%;max-height:min(70dvh, 680px);border-radius:24px}
  .chat-widget-shell.is-open .chat-panel{
    min-height:calc(var(--chat-viewport-height) - 20px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    max-height:calc(var(--chat-viewport-height) - 20px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    border-radius:22px
  }
  .chat-panel__head{padding:16px 16px 12px}
  .chat-panel__quick-wrap{padding:12px 16px}
  .chat-panel__stream{padding:14px}
  .chat-panel__form{padding:14px 16px}
  .chat-panel__footer{padding:0 16px 16px}
  .hero-actions .primary-btn,
  .hero-actions .secondary-btn,
  .cookie-actions .primary-btn,
  .cookie-actions .secondary-btn,
  .cookie-actions .ghost-btn,
  .product-cta-stack .primary-btn,
  .product-cta-stack .secondary-btn,
  .product-cta-stack .ghost-btn,
  .product-card .secondary-btn,
  .product-card .primary-btn,
  .checkout-form-actions .primary-btn,
  .checkout-form-actions .secondary-btn,
  .checkout-form-actions .ghost-btn,
  .cart-item__actions .secondary-btn,
  .cart-item__actions .ghost-btn,
  .chat-panel__footer-link{
    width:100%
  }
  .product-card .secondary-btn{white-space:normal}
  .product-card .price-row,
  .buy-panel .price-row{display:grid;grid-template-columns:1fr;gap:10px;align-items:flex-start}
  .cookie-banner{left:10px;right:10px;bottom:10px;padding:16px;border-radius:20px}
  .table th,.table td{padding:14px 12px}
  .cart-item{padding:14px}
  .cart-item__actions{display:grid;grid-template-columns:1fr}
  .order-reference{font-size:1rem;letter-spacing:.04em}
  .progress-pill,.status-card,.summary-highlight,.recovery-box{padding:14px}
  .review-card__top{display:grid;gap:10px}
  .review-card__date{white-space:normal}
}

/* Header layout refinement: menu right, social icons between cart and menu */
.header-social-icon{
  width:46px;height:46px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,255,255,.03);color:var(--text);
  display:inline-flex;align-items:center;justify-content:center;
  transition:.22s ease;box-shadow:var(--shadow)
}
.header-social-icon:hover{
  border-color:var(--line-strong);background:rgba(255,255,255,.06);transform:translateY(-1px)
}
.header-social-icon svg{width:20px;height:20px;display:block}
.header-social-icon--whatsapp{color:#6fd48f}
.header-social-icon--instagram{color:#f3d29e}
.header-social-icon--tiktok{color:var(--text)}

body.header-menu-mode .header-leading{
  justify-self:start;display:flex;align-items:center;gap:12px;min-width:0
}
body.header-menu-mode .header-leading .menu-toggle{display:none !important}
body.header-menu-mode .site-header__inner{
  display:grid;grid-template-columns:auto minmax(320px,1fr) auto;gap:18px;align-items:center
}
body.header-menu-mode .header-actions{
  margin-left:0;justify-self:end;display:flex;align-items:center;gap:10px;flex-wrap:nowrap
}
body.header-menu-mode .header-actions .icon-btn{
  order:1;flex-shrink:0
}
body.header-menu-mode .header-actions [data-header-social="tiktok"]{order:2}
body.header-menu-mode .header-actions [data-header-social="instagram"]{order:3}
body.header-menu-mode .header-actions [data-header-social="whatsapp"]{order:4}
body.header-menu-mode .header-actions .menu-toggle{
  order:5;display:inline-flex !important;width:48px;height:48px;padding:0;flex-direction:column;gap:5px;flex-shrink:0
}
body.header-menu-mode .header-actions .menu-toggle span{
  display:block;width:18px;height:2px;border-radius:999px;background:var(--text)
}
body.header-menu-mode .site-brand{flex-shrink:0;min-width:0}
body.header-menu-mode .site-brand span:last-child{line-height:1.1}

@media (max-width: 1180px){
  body.header-menu-mode .site-header__inner{grid-template-columns:auto minmax(220px,1fr) auto;gap:14px}
  .header-social-icon{width:42px;height:42px}
  .header-social-icon svg{width:18px;height:18px}
}
@media (max-width: 980px){
  body.header-menu-mode .header-actions [data-header-social]{display:none}
  body.header-menu-mode .site-header__inner{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}
}
@media (max-width: 760px){
  body.header-menu-mode .site-header__inner{grid-template-columns:auto 1fr auto;gap:10px}
  body.header-menu-mode .site-brand span:last-child{display:none}
}
@media (max-width: 520px){
  body.header-menu-mode .header-actions .menu-toggle{width:44px;height:44px}
  body.header-menu-mode .header-actions .icon-btn{width:auto;min-width:44px;height:44px;padding:0 10px}
}


.variant-picker{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.variant-picker--card{
  margin-top:12px;
}
.variant-btn{
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  border-radius:999px;
  padding:10px 14px;
  font-weight:700;
  transition:.18s ease;
}
.variant-btn:hover{
  border-color:rgba(197,166,106,.38);
  color:var(--text);
  background:rgba(197,166,106,.10);
}
.variant-btn.is-active{
  border-color:rgba(197,166,106,.72);
  color:#111;
  background:linear-gradient(135deg,var(--gold) 0%, #e2c58f 100%);
  box-shadow:0 12px 28px rgba(197,166,106,.22);
}
.product-card .price-row{
  align-items:flex-end;
}
.product-card .secondary-btn{
  white-space:nowrap;
}

/* Opaque reading surfaces refinement */
.footer{
  background:#0c0c0c;
}

.page-hero__card,
.side-panel,
.content-panel,
.gallery-panel,
.buy-panel,
.category-card,
.product-card,
.info-card,
.feature-card,
.legal-card,
.page-card,
.review-card,
.review-empty,
.checkout-card,
.cart-card,
.summary-card,
.trust-proof-card,
.trust-box,
.status-card,
.summary-highlight,
.recovery-box,
.empty-state{
  background:linear-gradient(180deg, var(--surface-panel-2) 0%, var(--surface-panel) 100%) !important;
  backdrop-filter:none;
}

.trust-proof-card--accent{
  background:linear-gradient(180deg, var(--surface-panel-accent-2) 0%, var(--surface-panel-accent) 100%);
}

.filter-chip,
.link-tile,
.product-highlight,
.product-proof span,
.review-card__product,
.social-link,
.mini-stat,
.hero-note,
.progress-pill,
.cart-item,
.trust-pill,
.help-chip,
.choice-card,
.checkout-summary-item,
.checkout-reassurance span,
.header-search__form,
.mobile-menu__nav a,
.mobile-menu__social a,
.kpi,
.variant-btn{
  background:var(--surface-panel-3) !important;
  backdrop-filter:none;
}

.category-card__body,
.product-card__body,
.review-card__body,
.checkout-card__body,
.cart-card__body,
.summary-card__body{
  background:linear-gradient(180deg, var(--surface-panel) 0%, var(--surface-panel-4) 100%) !important;
}

.category-card__body,
.product-card__body{
  position:relative;
  z-index:1;
  border-top:1px solid rgba(255,255,255,.06);
}

.category-card,
.product-card{
  background:var(--surface-panel) !important;
}

.content-panel,
.side-panel,
.checkout-card,
.cart-card,
.summary-card,
.buy-panel,
.gallery-panel{
  background:var(--surface-panel) !important;
}

.notice{
  background:linear-gradient(180deg, #1a1411 0%, #14100d 100%);
}

.success-box,
.inline-success{
  background:linear-gradient(180deg, #162119 0%, #101712 100%);
}

.warning-box,
.inline-alert{
  background:linear-gradient(180deg, #251615 0%, #1b1110 100%);
}

.review-empty,
.empty-state{
  background:linear-gradient(180deg, var(--surface-panel) 0%, var(--surface-panel-4) 100%);
}

.filter-chip.is-active,
.filter-chip:hover,
.link-tile:hover{
  background:linear-gradient(180deg, var(--surface-panel-accent-2) 0%, var(--surface-panel-accent) 100%);
  backdrop-filter:none;
}

.choice-card.is-selected{
  background:linear-gradient(180deg, #261d10 0%, #1b140d 100%);
}

.checkout-summary-item{
  padding:12px;
  border:1px solid var(--line);
  border-radius:18px;
}

.checkout-summary-item:last-child{
  border-bottom:1px solid var(--line);
}

/* Public store relaunch */
:root{
  --bg:#090706;
  --bg-soft:#120f0d;
  --surface:#171311;
  --surface-2:#1f1916;
  --surface-panel:#16110f;
  --surface-panel-2:#1b1512;
  --surface-panel-3:#120e0c;
  --surface-panel-4:#0d0a09;
  --surface-panel-accent:#26190f;
  --surface-panel-accent-2:#341f12;
  --line:rgba(221,193,145,.12);
  --line-strong:rgba(221,193,145,.26);
  --text:#f3ede5;
  --muted:#c7b9aa;
  --gold:#d2ac72;
  --gold-soft:rgba(210,172,114,.14);
  --shadow:0 22px 56px rgba(0,0,0,.34);
}

body{
  font-family:"Trebuchet MS","Segoe UI",sans-serif;
  font-size:15px;
  background-image:
    linear-gradient(180deg, rgba(10,8,6,.16) 0%, rgba(8,7,6,.28) 28%, rgba(7,6,5,.5) 58%, rgba(5,5,5,.72) 100%),
    radial-gradient(circle at 14% 2%, rgba(210,172,114,.17), transparent 26%),
    radial-gradient(circle at 88% 8%, rgba(255,255,255,.05), transparent 20%),
    var(--site-backdrop),
    linear-gradient(180deg,#0a0908 0%,#060505 100%);
}

h1,h2,h3,h4,.price,.buy-panel h1,.section-head h2,.page-hero h1{
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:-.03em;
}

.page-shell{padding-top:calc(var(--header-h) + 18px)}
.section{padding:24px 0}
.section--tight{padding:18px 0}
.hero{padding:34px 0 22px}
.hero h1{
  margin:16px 0 12px;
  font-size:clamp(2.45rem,4.8vw,4.15rem);
  line-height:1.01;
  max-width:11.5ch;
}
.hero p,.page-hero p,.muted{color:var(--muted)}
.section-head{margin-bottom:20px}
.section-head h2{font-size:clamp(1.6rem,2.2vw,2.3rem)}
.section-head p{font-size:.98rem}

.site-nav a,
.primary-btn,
.secondary-btn,
.ghost-btn,
.filter-chip,
.link-tile{
  font-size:.92rem;
}

.primary-btn,.secondary-btn,.ghost-btn{
  min-height:46px;
  padding:12px 16px;
}

.eyebrow{
  padding:7px 12px;
  font-size:.74rem;
  letter-spacing:.14em;
}

.hero-card,
.page-hero__card,
.side-panel,
.content-panel,
.gallery-panel,
.buy-panel,
.category-card,
.product-card,
.feature-card,
.page-card,
.review-card{
  border-color:var(--line);
  box-shadow:var(--shadow);
}

.hero__grid--store{
  grid-template-columns:minmax(0,1.26fr) minmax(320px,.86fr);
  gap:18px;
}

.hero-main--store{
  min-height:0;
  padding:30px;
  gap:28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    radial-gradient(circle at 12% 8%, rgba(210,172,114,.18), transparent 28%),
    linear-gradient(180deg,#17120f 0%, #100d0b 100%);
}

.hero-main__copy{
  display:grid;
  gap:14px;
}

.hero-cluster{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}

.hero-cluster__card{
  padding:16px;
  border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}

.hero-cluster__card strong{
  display:block;
  margin-bottom:7px;
  font-size:.98rem;
}

.hero-cluster__card span{
  display:block;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.5;
}

.hero-side--store{
  padding:18px;
  grid-template-rows:minmax(300px,1fr) auto;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    radial-gradient(circle at top right, rgba(210,172,114,.13), transparent 34%),
    linear-gradient(180deg,#15110f 0%, #0d0b09 100%);
}

.black-stage--hero{
  min-height:320px;
  padding:18px;
  border-radius:24px;
  background:
    radial-gradient(circle at top, rgba(210,172,114,.10), transparent 36%),
    linear-gradient(180deg,#11100f 0%, #050505 100%);
}

.hero-side__spotlight{
  display:grid;
  gap:16px;
}

.hero-side__headline{
  display:grid;
  gap:10px;
}

.hero-side__headline h2{
  margin:0;
  font-size:clamp(1.5rem,2vw,2rem);
}

.hero-side__headline p{
  margin:0;
  color:var(--muted);
}

.kpi-grid{gap:10px}

.kpi{
  padding:16px;
  border-radius:18px;
}

.kpi strong{
  font-size:1.22rem;
  margin-bottom:6px;
}

.kpi span{
  font-size:.84rem;
  line-height:1.45;
}

.market-strip{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}

.market-strip__card{
  padding:18px;
  border-radius:22px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(27,20,16,.96), rgba(17,13,11,.94));
  box-shadow:var(--shadow);
}

.market-strip__card > span{
  display:inline-flex;
  margin-bottom:9px;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gold);
}

.market-strip__card strong{
  display:block;
  margin-bottom:7px;
  font-size:1.14rem;
  line-height:1.2;
}

.market-strip__card p{
  margin:0;
  color:var(--muted);
  font-size:.89rem;
}

.card-grid--collections{
  grid-template-columns:repeat(3, minmax(0,1fr));
}

.signature-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.signature-card{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(160px,.8fr);
  gap:0;
  border:1px solid var(--line);
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(180deg, #17120f 0%, #100d0b 100%);
  box-shadow:var(--shadow);
}

.signature-card__copy{
  display:grid;
  gap:12px;
  padding:22px;
}

.signature-card__copy h3{
  margin:0;
  font-size:1.45rem;
}

.signature-card__copy p{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
}

.signature-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.signature-card__meta span{
  padding:7px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--surface-panel-3);
  color:var(--muted);
  font-size:.78rem;
}

.signature-card__product{
  display:grid;
  align-content:end;
  gap:12px;
  padding:18px;
  background:
    radial-gradient(circle at top, rgba(210,172,114,.12), transparent 34%),
    linear-gradient(180deg,#14100d 0%, #090808 100%);
  border-left:1px solid var(--line);
}

.signature-card__product img{
  width:100%;
  max-height:210px;
  object-fit:contain;
}

.signature-card__product strong{
  display:block;
  font-size:.98rem;
}

.signature-card__product span{
  color:var(--muted);
  font-size:.84rem;
}

.split-cta--brand{
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
}

.editorial-card{
  padding:24px;
  display:grid;
  gap:14px;
}

.editorial-card h3{
  margin:0;
  font-size:1.6rem;
}

.editorial-card--warm{
  background:
    linear-gradient(180deg, rgba(53,32,17,.94), rgba(22,15,11,.96)) !important;
}

.editorial-list,
.editorial-steps{
  display:grid;
  gap:10px;
}

.editorial-list div,
.editorial-steps div{
  display:grid;
  gap:4px;
  padding:13px 14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.025);
}

.editorial-list strong,
.editorial-steps strong{
  font-size:.94rem;
}

.editorial-list span,
.editorial-steps span{
  color:var(--muted);
  font-size:.88rem;
}

.page-hero--shop .shop-hero{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);
  gap:18px;
  align-items:stretch;
}

.page-hero__card--shop,
.page-hero__card--product,
.page-hero__card--collection{
  padding:24px 26px;
}

.page-hero__card--shop h1,
.page-hero__card--collection h1{
  margin:12px 0 12px;
  font-size:clamp(2rem,3.4vw,3.05rem);
  line-height:1.04;
}

.shop-hero__aside{
  display:grid;
  gap:12px;
}

.shop-proof-card{
  padding:18px;
  border-radius:22px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(24,18,15,.96), rgba(16,13,11,.94));
}

.shop-proof-card span{
  display:block;
  margin-bottom:8px;
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.72rem;
  font-weight:800;
}

.shop-proof-card strong{
  display:block;
  margin-bottom:7px;
  font-size:1.08rem;
}

.shop-proof-card p{
  margin:0;
  color:var(--muted);
  font-size:.87rem;
}

.side-panel,
.content-panel,
.gallery-panel,
.buy-panel{
  border-radius:28px;
  padding:20px;
}

.merchant-panel{
  margin-top:18px;
  padding:18px;
  border-radius:22px;
  border:1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(44,28,16,.95), rgba(20,15,12,.96));
}

.merchant-panel strong{
  display:block;
  font-size:1rem;
  line-height:1.35;
}

.merchant-panel__list{
  display:grid;
  gap:10px;
  margin-top:12px;
}

.merchant-panel__list span,
.product-card__highlights span{
  position:relative;
  padding-left:14px;
}

.merchant-panel__list span::before,
.product-card__highlights span::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:5px;
  height:5px;
  border-radius:999px;
  background:var(--gold);
}

.merchant-panel__list span{
  color:var(--muted);
  font-size:.88rem;
}

.catalog-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}

.catalog-head h2{
  margin:10px 0 10px;
  font-size:clamp(1.75rem,2.6vw,2.5rem);
}

.catalog-head__meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  max-width:280px;
}

.catalog-head__meta span,
.product-meta-chips span,
.detail-tag{
  padding:7px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--surface-panel-3);
  color:var(--muted);
  font-size:.78rem;
}

.catalog-result-bar--shop{
  padding:12px 0 4px;
}

.category-card,
.product-card{
  height:100%;
  border-radius:26px;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.category-card__media,
.product-card__media{
  padding:16px;
  aspect-ratio:1 / 1.04;
  align-items:end;
  background:
    radial-gradient(circle at top, rgba(210,172,114,.11), transparent 34%),
    linear-gradient(180deg,#120f0e 0%, #060606 100%);
}

.category-card__media img,
.product-card__media img{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .32s ease;
}

.category-card:hover img,
.product-card:hover img{
  transform:scale(1.04);
}
.product-card.is-sold-out .product-card__media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(74,12,12,.06),rgba(74,12,12,.22));
}

.product-card__category,
.category-card__count{
  position:absolute;
  top:12px;
  left:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(210,172,114,.28);
  background:rgba(19,14,10,.86);
  color:var(--gold);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.product-card__soldout{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(178,39,39,.94);
  color:#fff5f5;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 12px 26px rgba(92,14,14,.24);
}
.product-card__soldout[hidden],
.product-stage__soldout[hidden]{
  display:none !important;
}

.category-card__body,
.product-card__body{
  display:grid;
  gap:12px;
  padding:18px;
}

.product-card__eyebrow,
.category-card__eyebrow{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  margin:0;
  color:#dbc39d;
  font-size:.71rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.category-card__body h3,
.product-card__body h3{
  margin:0;
  font-size:1.24rem;
  line-height:1.18;
}

.category-card__body .muted,
.product-card__body .muted{
  margin:0;
  font-size:.91rem;
  line-height:1.56;
}

.product-card__tags,
.detail-tags,
.product-meta-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.product-card__tag{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--surface-panel-3);
  color:var(--muted);
  font-size:.78rem;
}

.variant-picker--card{
  margin-top:0;
}

.variant-btn{
  padding:8px 12px;
  font-size:.81rem;
}

.product-card__highlights{
  display:grid;
  gap:8px;
  color:var(--muted);
  font-size:.87rem;
  line-height:1.45;
}

.product-card .price-row{
  margin-top:4px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.06);
}

.product-card__shipping{
  color:var(--muted);
  font-size:.8rem;
}
.product-card__stock{
  margin:0;
  color:#dbc39d;
  font-size:.82rem;
  font-weight:700;
}
.product-card__stock.is-sold-out{
  color:#ff8f8f;
}

.product-card__actions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}

.category-card__footer{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.06);
  color:var(--muted);
  font-size:.78rem;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.category-card__footer-link{
  color:inherit;
  text-decoration:none;
  transition:color .2s ease, opacity .2s ease;
}

.category-card__footer-link:hover,
.category-card__footer-link:focus-visible{
  color:var(--text);
  opacity:1;
}

.product-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom:14px;
  color:var(--muted);
  font-size:.84rem;
}

.product-breadcrumbs a:hover{
  color:var(--text);
}

.page-hero__card--product{
  display:grid;
  gap:10px;
}

.page-hero__card--product p{
  margin:0;
  max-width:62ch;
}

.product-layout--enhanced{
  grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);
  gap:20px;
  align-items:start;
}

.gallery-panel,
.buy-panel{
  border-radius:30px;
}

.buy-panel h1{
  margin:6px 0 10px;
  font-size:clamp(2rem,3.2vw,2.85rem);
  line-height:1.04;
}

.price-row--product{
  align-items:flex-end;
}

.product-price-note{
  margin:8px 0 0;
  font-size:.87rem;
  color:var(--muted);
}
.product-stock-copy{
  margin:8px 0 0;
  color:#dbc39d;
  font-size:.9rem;
  font-weight:700;
}
.product-stock-copy.is-sold-out{
  color:#ff8f8f;
}

.notice{
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(210,172,114,.16);
}

.product-proof{
  gap:10px;
}

.product-detail-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.detail-card{
  display:grid;
  gap:12px;
  padding:22px;
}

.detail-card h2,
.detail-card h3{
  margin:0;
  font-size:1.36rem;
  line-height:1.18;
}

.detail-note{
  margin:0;
  color:var(--muted);
}

.detail-step-list,
.merchant-benefit-list{
  display:grid;
  gap:10px;
}

.detail-step,
.merchant-benefit{
  display:grid;
  gap:4px;
  padding:13px 14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:var(--surface-panel-3);
}

.detail-step strong{
  font-size:.79rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--gold);
}

.detail-step span,
.merchant-benefit{
  color:var(--muted);
  font-size:.9rem;
  line-height:1.5;
}

.page-hero--collection .collection-hero{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:18px;
  align-items:stretch;
}

.collection-hero__aside{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}

.collection-stat{
  padding:18px;
  border-radius:22px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(24,18,15,.96), rgba(16,13,11,.94));
}

.collection-stat span{
  display:block;
  margin-bottom:8px;
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.72rem;
  font-weight:800;
}

.collection-stat strong{
  display:block;
  font-size:1.08rem;
  line-height:1.2;
}

.collection-stat small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.45;
}

.collection-story{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}

.collection-story__item{
  padding:14px 16px;
  border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(24,18,15,.92), rgba(14,11,10,.94));
  color:var(--muted);
  font-size:.9rem;
  line-height:1.5;
}

@media (max-width: 1180px){
  .hero-cluster,
  .market-strip,
  .signature-grid,
  .collection-story{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .page-hero--collection .collection-hero,
  .page-hero--shop .shop-hero,
  .product-detail-grid{
    grid-template-columns:1fr;
  }

  .collection-hero__aside{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 980px){
  .hero__grid--store,
  .split-cta--brand,
  .signature-card,
  .catalog-head{
    grid-template-columns:1fr;
  }

  .hero__grid--store,
  .page-hero--shop .shop-hero{
    grid-template-columns:1fr;
  }

  .catalog-head{
    display:grid;
  }

  .catalog-head__meta{
    justify-content:flex-start;
    max-width:none;
  }

  .product-layout--enhanced,
  .review-layout{
    grid-template-columns:1fr;
  }

  .collection-hero__aside{
    grid-template-columns:1fr;
  }
}

@media (max-width: 860px){
  body{
    font-size:14px;
  }

  .hero-main--store,
  .hero-side--store,
  .page-hero__card--shop,
  .page-hero__card--product,
  .page-hero__card--collection,
  .side-panel,
  .content-panel,
  .gallery-panel,
  .buy-panel,
  .detail-card{
    padding:18px;
  }

  .hero h1{
    font-size:clamp(2rem,9vw,3rem);
    max-width:none;
  }

  .hero-cluster,
  .market-strip,
  .card-grid--collections,
  .signature-grid,
  .collection-story,
  .product-detail-grid{
    grid-template-columns:1fr;
  }

  .product-card__actions{
    grid-template-columns:1fr;
  }
}

@media (max-width: 620px){
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .product-card__eyebrow,
  .category-card__eyebrow,
  .category-card__footer{
    display:grid;
  }

  .market-strip__card,
  .shop-proof-card,
  .collection-stat{
    padding:16px;
  }
}

/* Store polish pack */
:root{
  --site-backdrop:url("images/ui/store-backdrop.svg");
}

.site-utility-bar{
  border-bottom:1px solid rgba(255,255,255,.05);
  background:rgba(8,7,6,.82);
}

.site-utility-bar__inner{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:var(--muted);
  font-size:.77rem;
  letter-spacing:.04em;
}

.site-utility-bar__inner span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.site-utility-bar__inner span{
  flex:0 1 auto;
}

.stack--shop-filters{
  margin-top:18px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--surface-panel-3);
}

.checkline--compact{
  padding:12px 14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.02);
}

.catalog-support{
  margin-top:24px;
}

.catalog-support__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}

.catalog-recently-viewed{
  margin-top:28px;
}

.card-grid--recent,
.card-grid--bundles{
  grid-template-columns:repeat(4, minmax(0,1fr));
}

.product-visual-notes{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.product-visual-notes span{
  padding:8px 11px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--surface-panel-3);
  color:var(--muted);
  font-size:.78rem;
}

.spec-list{
  display:grid;
  gap:10px;
}

.spec-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:var(--surface-panel-3);
}

.spec-row span{
  color:var(--muted);
  font-size:.82rem;
}

.spec-row strong{
  font-size:.86rem;
  line-height:1.45;
  text-align:right;
}

.bundle-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:18px;
  align-items:start;
}

.mobile-buy-bar{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:1300;
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border-radius:22px;
  border:1px solid rgba(210,172,114,.28);
  background:rgba(14,11,9,.96);
  box-shadow:0 22px 52px rgba(0,0,0,.36);
  backdrop-filter:blur(12px);
}

.mobile-buy-bar__copy{
  display:grid;
  gap:3px;
  min-width:0;
}

.mobile-buy-bar__copy strong{
  font-size:.92rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mobile-buy-bar__copy span{
  color:var(--muted);
  font-size:.82rem;
}

.mobile-buy-bar .primary-btn{
  min-width:148px;
  min-height:44px;
}
.primary-btn[disabled],
.secondary-btn[disabled],
.ghost-btn[aria-disabled="true"]{
  cursor:not-allowed;
  opacity:.58;
  box-shadow:none;
}

.footer-service-strip{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  padding:22px 0 0;
}

.footer-service-strip__card{
  padding:16px 18px;
  border-radius:22px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(25,19,16,.94), rgba(16,13,11,.96));
}

.footer-service-strip__card strong{
  display:block;
  margin-bottom:6px;
  font-size:.96rem;
}

.footer-service-strip__card span{
  display:block;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.45;
}

.footer-contact-list{
  display:grid;
  gap:8px;
  margin-top:14px;
}

.footer-contact-list a{
  color:var(--muted);
}

.footer-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.footer-badges span{
  padding:7px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--surface-panel-3);
  color:var(--muted);
  font-size:.76rem;
}

.product-card,
.category-card,
.signature-card,
.review-card,
.feature-card,
.page-card{
  content-visibility:auto;
  contain-intrinsic-size:360px 420px;
}

.product-card img,
.category-card img,
.signature-card img,
.checkout-summary-item__thumb img{
  image-rendering:auto;
}

@media (max-width: 1180px){
  .catalog-support__grid,
  .footer-service-strip,
  .card-grid--recent,
  .card-grid--bundles{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 980px){
  .bundle-layout{
    grid-template-columns:1fr;
  }

  .site-utility-bar__inner{
    min-height:34px;
    padding:6px 0;
    gap:10px;
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .site-utility-bar__inner::-webkit-scrollbar{
    display:none;
  }

  .site-utility-bar__inner span{
    flex:0 0 auto;
    max-width:none;
    padding:0 10px;
    height:22px;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.03);
    scroll-snap-align:start;
  }
}

@media (max-width: 640px){
  .site-utility-bar{
    border-bottom-color:rgba(255,255,255,.04);
  }

  .site-utility-bar__inner{
    min-height:30px;
    padding:5px 0;
    gap:8px;
    font-size:.68rem;
    letter-spacing:.02em;
  }

  .site-utility-bar__inner span{
    padding:0 8px;
    height:20px;
  }
}

@media (max-width: 860px){
  .mobile-buy-bar:not([hidden]){
    display:flex;
  }

  body.has-mobile-buy-bar{
    padding-bottom:92px;
  }

  .catalog-support__grid,
  .footer-service-strip,
  .card-grid--recent,
  .card-grid--bundles{
    grid-template-columns:1fr;
  }
}

@media (max-width: 620px){
  .spec-row{
    display:grid;
  }

  .spec-row strong{
    text-align:left;
  }

  .mobile-buy-bar{
    left:10px;
    right:10px;
    bottom:10px;
    padding:10px 12px;
  }

  .mobile-buy-bar .primary-btn{
    min-width:124px;
    padding:10px 14px;
  }
}

@media (max-width: 760px){
  :root{
    --header-h:72px;
  }

  .site-utility-bar{
    display:none;
  }

  .site-header__inner,
  body.header-menu-mode .site-header__inner{
    height:var(--header-h);
    gap:8px;
  }

  .header-leading{
    gap:8px;
  }

  .site-brand__mark{
    width:34px;
    height:34px;
    border-radius:12px;
  }

  .header-search__form{
    padding:3px 8px;
    min-height:40px;
  }


/* Global public compact optimization */
.page-shell{
  padding-top:calc(var(--header-h) + 12px);
}

.section{
  padding:18px 0;
}

.section--tight{
  padding:12px 0;
}

.section-head{
  margin-bottom:12px;
}

.section-head h2{
  font-size:clamp(1.3rem, 2vw, 1.9rem);
}

.hero{
  padding:24px 0 14px;
}

.hero-main{
  min-height:420px;
  padding:28px;
}

.hero h1{
  margin:12px 0 10px;
}

.hero p,
.page-hero p,
.muted{
  font-size:.9rem;
  line-height:1.5;
}

.hero-card,
.page-hero__card,
.side-panel,
.content-panel,
.gallery-panel,
.buy-panel,
.category-card,
.product-card,
.info-card,
.feature-card,
.legal-card,
.page-card,
.review-card,
.review-empty,
.checkout-card,
.cart-card,
.summary-card,
.trust-proof-card,
.trust-box,
.status-card,
.summary-highlight,
.recovery-box,
.empty-state{
  border-radius:20px;
}

.page-hero__card,
.side-panel,
.content-panel,
.gallery-panel,
.buy-panel,
.checkout-card,
.cart-card,
.summary-card,
.feature-card,
.page-card,
.detail-card{
  padding:16px;
}

.category-card__body,
.product-card__body{
  padding:14px;
}

.product-highlight,
.notice,
.detail-step,
.merchant-benefit,
.spec-row{
  padding:10px 12px;
  border-radius:14px;
}

.product-proof span,
.review-card__product,
.help-chip,
.trust-pill,
.summary-badge{
  padding:6px 9px;
}

.product-detail-grid,
.review-layout,
.bundle-layout,
.split-cta,
.catalog-support__grid,
.card-grid,
.card-grid--bundles,
.card-grid--recent{
  gap:12px;
}

.table th,
.table td{
  padding:11px 10px;
}

.checkout-flow{
  gap:14px;
}

.checkout-stack,
.cart-stack,
.line-list,
.checkout-summary-items,
.trust-grid-compact{
  gap:10px;
}

.checkout-card h2,
.cart-card h2,
.summary-card h2{
  font-size:1.18rem;
  margin:0 0 10px;
}

.progress-list{
  gap:8px;
  margin-top:12px;
}

.progress-pill{
  padding:10px 12px;
  border-radius:14px;
  font-size:.84rem;
}

.cart-item{
  grid-template-columns:96px 1fr auto;
  gap:12px;
  padding:12px;
  border-radius:14px;
}

.cart-item__image{
  min-height:96px;
  border-radius:12px;
}

.cart-item__image img{
  padding:10px;
}

.cart-item__title{
  font-size:.96rem;
}

.cart-item__variant,
.line-item,
.checkout-summary-item__meta,
.mini-note,
.form-note,
.checkout-form-note,
.form-help{
  font-size:.84rem;
}

.checkout-summary-item{
  grid-template-columns:44px 1fr auto;
  gap:10px;
  padding:8px 0;
}

.checkout-summary-item__thumb{
  min-height:44px;
  border-radius:10px;
}

.checkout-summary-item__thumb img{
  padding:5px;
}

.checkout-reassurance span{
  font-size:.76rem;
  padding:6px 8px;
}

.detail-card h2,
.detail-card h3{
  font-size:1.18rem;
}

.detail-step span,
.merchant-benefit,
.detail-note{
  font-size:.84rem;
  line-height:1.45;
}

.footer{
  margin-top:24px;
  padding:20px 0 30px;
}

@media (max-width: 980px){
  .hero-main{
    min-height:0;
    padding:18px;
  }

  .page-hero__card,
  .side-panel,
  .content-panel,
  .gallery-panel,
  .buy-panel,
  .checkout-card,
  .cart-card,
  .summary-card,
  .feature-card,
  .page-card,
  .detail-card{
    padding:14px;
  }

  .cart-item{
    grid-template-columns:84px 1fr;
  }
}

@media (max-width: 620px){
  .section{
    padding:14px 0;
  }

  .hero{
    padding:16px 0 10px;
  }

  .hero-main,
  .page-hero__card,
  .side-panel,
  .content-panel,
  .gallery-panel,
  .buy-panel,
  .checkout-card,
  .cart-card,
  .summary-card,
  .feature-card,
  .page-card,
  .detail-card,
  .category-card__body,
  .product-card__body{
    padding:12px;
  }

  .hero p,
  .page-hero p,
  .muted,
  .detail-step span,
  .merchant-benefit,
  .detail-note,
  .cart-item__variant,
  .line-item,
  .checkout-summary-item__meta{
    font-size:.82rem;
    line-height:1.42;
  }

  .cart-item{
    grid-template-columns:1fr;
    gap:10px;
  }
}

/* Homepage compact sizing */
.hero--store{
  padding:24px 0 14px;
}

.hero--store .hero-main--store{
  padding:22px;
  gap:20px;
}

.hero--store .hero-main__copy{
  gap:10px;
}

.hero--store .hero-main h1{
  font-size:clamp(2rem, 3.8vw, 3.1rem);
  margin:12px 0 10px;
}

.hero--store .hero-main p,
.hero--store .hero-side__headline p{
  font-size:.93rem;
  line-height:1.5;
}

.hero--store .hero-cluster__card,
.hero--store .kpi,
.hero--store .market-strip__card{
  padding:13px 14px;
}

.hero--store .hero-cluster__card strong,
.hero--store .kpi strong,
.hero--store .market-strip__card strong{
  font-size:.92rem;
}

.hero--store .hero-cluster__card span,
.hero--store .kpi span,
.hero--store .market-strip__card p{
  font-size:.83rem;
  line-height:1.45;
}

.page-shell > .section{
  padding:20px 0;
}

.page-shell > .section.section--tight{
  padding:14px 0;
}

.section-head{
  margin-bottom:14px;
}

.section-head h2{
  font-size:clamp(1.35rem, 1.9vw, 1.95rem);
}

.card-grid--collections,
.signature-grid,
[data-home-products],
[data-home-categories],
[data-home-signatures]{
  gap:12px;
}

.category-card__body,
.product-card__body,
.feature-card,
.page-card,
.content-panel,
.side-panel{
  padding:16px;
}

.category-card__title,
.product-card__title,
.feature-card h3,
.page-card h3{
  font-size:1.12rem;
  line-height:1.25;
}

.category-card p,
.product-card p,
.feature-card p,
.page-card p,
.review-card__body,
.muted{
  font-size:.9rem;
  line-height:1.5;
}

@media (max-width: 980px){
  .hero--store{
    padding:18px 0 10px;
  }

  .hero--store .hero-main--store,
  .hero--store .hero-side--store,
  .content-panel,
  .side-panel,
  .feature-card,
  .page-card{
    padding:15px;
  }

  .hero--store .hero-main h1{
    font-size:clamp(1.7rem, 6.2vw, 2.4rem);
  }

  .hero--store .hero-cluster,
  .hero--store .kpi-grid,
  .market-strip{
    gap:10px;
  }

  .page-shell > .section{
    padding:16px 0;
  }
}

@media (max-width: 620px){
  .hero--store .hero-main--store,
  .hero--store .hero-side--store,
  .content-panel,
  .side-panel,
  .feature-card,
  .page-card,
  .category-card__body,
  .product-card__body{
    padding:13px;
  }

  .hero--store .hero-main p,
  .hero--store .hero-side__headline p,
  .category-card p,
  .product-card p,
  .feature-card p,
  .page-card p,
  .review-card__body,
  .muted{
    font-size:.86rem;
    line-height:1.42;
  }
}

/* Final compact + gallery behavior overrides */
[data-home-categories].card-grid--collections,
.card-grid--collections[data-home-categories]{
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:12px;
}

@media (max-width: 1400px){
  [data-home-categories].card-grid--collections,
  .card-grid--collections[data-home-categories]{
    grid-template-columns:repeat(5, minmax(0,1fr));
  }
}

@media (max-width: 1300px){
  [data-home-categories].card-grid--collections,
  .card-grid--collections[data-home-categories]{
    grid-template-columns:repeat(4, minmax(0,1fr));
  }
}

@media (max-width: 860px){
  [data-home-categories].card-grid--collections,
  .card-grid--collections[data-home-categories]{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 560px){
  [data-home-categories].card-grid--collections,
  .card-grid--collections[data-home-categories]{
    grid-template-columns:1fr;
  }
}

/* Product page gallery: only one visible image, navigation via arrows */
.thumb-grid[data-product-gallery]{
  display:none !important;
}

.black-stage--product{
  min-height:0;
  aspect-ratio:1 / 1;
}

.black-stage--product img{
  padding:10px;
}

.gallery-nav{
  width:40px;
  height:40px;
  font-size:1.35rem;
}
  .header-search__input{
    height:34px;
    padding:0 8px;
    font-size:.9rem;
  }

  .header-actions .icon-btn,
  body.header-menu-mode .header-actions .icon-btn,
  .menu-toggle,
  body.header-menu-mode .header-actions .menu-toggle{
    min-width:40px;
    height:40px;
  }

  .gallery-panel{
    padding:14px;
  }

  .thumb-grid[data-product-gallery]{
    display:none;
  }

  .black-stage--product{
    min-height:0;
    aspect-ratio:1/1;
    border-radius:18px;
  }

  .black-stage--product img{
    padding:14px;
  }

  .thumb-grid{
    margin-top:10px;
    gap:8px;
  }

  .gallery-nav{
    width:40px;
    height:40px;
    font-size:1.4rem;
  }

  .gallery-nav--prev{
    left:10px;
  }

  .gallery-nav--next{
    right:10px;
  }

  .gallery-counter{
    bottom:10px;
    padding:5px 9px;
    font-size:.72rem;
  }

  .product-card__soldout,
  .product-stage__soldout{
    top:10px;
    right:10px;
    min-height:28px;
    padding:5px 9px;
    font-size:.68rem;
  }
}

@media (max-width: 520px){
  :root{
    --header-h:68px;
  }

  .site-header__inner,
  body.header-menu-mode .site-header__inner{
    gap:6px;
  }

  .header-search__form{
    padding:2px 7px;
  }

  .header-search__input{
    height:32px;
    padding:0 6px;
    font-size:.86rem;
  }

  .site-brand__mark{
    width:32px;
    height:32px;
    border-radius:11px;
  }

  .gallery-panel{
    padding:12px;
  }

  .black-stage--product{
    max-height:300px;
  }

  .black-stage--product img{
    padding:12px;
  }

  .gallery-nav{
    width:36px;
    height:36px;
    font-size:1.25rem;
  }

  .gallery-counter{
    min-width:58px;
    padding:4px 8px;
    font-size:.68rem;
  }
}

@media (min-width: 768px) and (max-width: 1180px){
  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ){
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:12px;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card{
    border-radius:22px;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__media{
    padding:12px;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__category{
    top:10px;
    left:10px;
    min-height:26px;
    padding:5px 8px;
    font-size:.58rem;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__body{
    gap:10px;
    padding:14px;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__eyebrow{
    gap:6px;
    font-size:.6rem;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__eyebrow span:last-child{
    display:none;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__body h3{
    font-size:1rem;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__body .muted{
    display:-webkit-box;
    overflow:hidden;
    font-size:.82rem;
    line-height:1.42;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__tags{
    gap:6px;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__tag{
    padding:5px 8px;
    font-size:.68rem;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__tags .product-card__tag:nth-child(n + 3){
    display:none;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .variant-btn{
    padding:7px 9px;
    font-size:.72rem;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__highlights,
  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__shipping,
  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__actions .ghost-btn{
    display:none;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__actions{
    grid-template-columns:1fr;
    gap:8px;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card .secondary-btn{
    padding:11px 12px;
    font-size:.8rem;
  }
}

@media (max-width: 767px){
  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ){
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card{
    border-radius:20px;
    min-width:0;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__media{
    padding:10px;
    aspect-ratio:1 / 1;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__category{
    top:8px;
    left:8px;
    min-height:24px;
    padding:4px 8px;
    font-size:.56rem;
    letter-spacing:.07em;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__body{
    gap:8px;
    padding:12px;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__eyebrow{
    display:flex;
    gap:5px;
    font-size:.58rem;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__eyebrow span:last-child{
    display:none;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__body h3{
    font-size:.98rem;
    line-height:1.22;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__body .muted{
    display:-webkit-box;
    overflow:hidden;
    font-size:.78rem;
    line-height:1.4;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__tags{
    gap:5px;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__tag{
    padding:4px 7px;
    font-size:.64rem;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__tags .product-card__tag:nth-child(n + 3),
  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__highlights,
  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__shipping,
  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__actions .ghost-btn{
    display:none;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .variant-btn{
    padding:7px 8px;
    font-size:.68rem;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card__actions{
    grid-template-columns:1fr;
    gap:8px;
  }

  :is(
    .card-grid[data-home-products],
    .card-grid[data-category-grid],
    .card-grid[data-shop-products],
    .card-grid[data-related-products],
    .card-grid[data-product-recently-viewed],
    .card-grid[data-shop-recently-viewed],
    .card-grid[data-product-bundle-products]
  ) .product-card .secondary-btn{
    min-height:40px;
    padding:10px 10px;
    font-size:.78rem;
  }
}

@media (min-width: 768px) and (max-width: 1180px){
  .section{
    padding:24px 0;
  }

  .section-head{
    margin-bottom:16px;
    gap:12px;
  }

  .section-head h2{
    font-size:clamp(1.35rem, 2vw, 2rem);
    line-height:1.08;
  }

  .section-head p{
    font-size:.9rem;
    margin-top:6px;
  }

  .hero-main--store{
    min-height:0;
    padding:24px;
    gap:20px;
  }

  .hero-side--store{
    padding:16px;
    gap:14px;
    grid-template-rows:minmax(220px, auto) auto;
  }

  .black-stage--hero{
    min-height:220px;
    padding:14px;
    border-radius:20px;
  }

  .hero-side__spotlight{
    gap:12px;
  }

  .hero-side__headline h2{
    font-size:1.55rem;
    line-height:1.08;
  }

  .hero-side__headline p{
    font-size:.88rem;
    line-height:1.45;
  }

  .hero-side--store .kpi-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
  }

  .hero-side--store .kpi{
    padding:12px;
    border-radius:16px;
  }

  .hero-side--store .kpi strong{
    font-size:1.02rem;
  }

  .hero-side--store .kpi span{
    font-size:.74rem;
    line-height:1.32;
  }

  .market-strip{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:12px;
  }

  .market-strip__card{
    padding:14px;
    border-radius:20px;
  }

  .market-strip__card strong{
    font-size:1rem;
  }

  .market-strip__card p{
    font-size:.82rem;
    line-height:1.4;
  }

  .signature-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
  }

  .signature-card{
    border-radius:22px;
  }

  .signature-card__copy{
    padding:18px;
    gap:10px;
  }

  .signature-card__copy h3{
    font-size:1.2rem;
    line-height:1.12;
  }

  .signature-card__copy p{
    font-size:.84rem;
    line-height:1.42;
  }

  .signature-card__meta span{
    padding:6px 9px;
    font-size:.68rem;
  }

  .signature-card__product{
    padding:14px;
    gap:8px;
  }

  .signature-card__product img{
    max-height:150px;
  }

  .editorial-card{
    padding:20px;
    gap:12px;
  }

  .editorial-card h3{
    font-size:1.35rem;
    line-height:1.12;
  }

  .editorial-card .muted{
    font-size:.88rem;
    line-height:1.45;
  }

  .editorial-list,
  .editorial-steps{
    gap:8px;
  }

  .editorial-list div,
  .editorial-steps div{
    padding:12px 13px;
    border-radius:16px;
  }

  .editorial-list strong,
  .editorial-steps strong{
    font-size:.86rem;
  }

  .editorial-list span,
  .editorial-steps span{
    font-size:.8rem;
    line-height:1.36;
  }

  .card-grid[data-home-categories]{
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:12px;
  }

  .card-grid[data-home-categories] .category-card{
    border-radius:22px;
    min-width:0;
  }

  .card-grid[data-home-categories] .category-card__media{
    padding:12px;
  }

  .card-grid[data-home-categories] .category-card__count{
    top:10px;
    left:10px;
    min-height:26px;
    padding:5px 8px;
    font-size:.58rem;
  }

  .card-grid[data-home-categories] .category-card__body{
    gap:10px;
    padding:14px;
  }

  .card-grid[data-home-categories] .category-card__body h3{
    font-size:1rem;
    line-height:1.22;
  }

  .card-grid[data-home-categories] .category-card__body .muted{
    display:-webkit-box;
    overflow:hidden;
    font-size:.82rem;
    line-height:1.42;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  .card-grid[data-home-categories] .category-card__footer{
    gap:8px;
    font-size:.78rem;
  }
}

@media (max-width: 767px){
  .section{
    padding:18px 0;
  }

  .section-head{
    margin-bottom:14px;
    gap:10px;
  }

  .section-head h2{
    font-size:1.45rem;
    line-height:1.08;
  }

  .section-head p{
    font-size:.84rem;
    margin-top:6px;
  }

  .hero-main--store{
    min-height:0;
    padding:18px;
    gap:16px;
  }

  .hero p{
    font-size:.9rem;
  }

  .hero-actions{
    margin-top:16px;
    gap:8px;
  }

  .trust-list{
    margin-top:16px;
    gap:8px;
  }

  .trust-pill{
    padding:8px 10px;
    border-radius:14px;
    font-size:.72rem;
  }

  .hero-cluster{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }

  .hero-cluster__card{
    padding:12px;
    border-radius:16px;
  }

  .hero-cluster__card strong{
    margin-bottom:4px;
    font-size:.84rem;
  }

  .hero-cluster__card span{
    font-size:.74rem;
    line-height:1.34;
  }

  .hero-side--store{
    padding:12px;
    gap:12px;
    grid-template-rows:minmax(180px, auto) auto;
  }

  .black-stage--hero{
    min-height:180px;
    padding:12px;
    border-radius:18px;
  }

  .hero-side__spotlight{
    gap:10px;
  }

  .hero-side__headline h2{
    font-size:1.36rem;
    line-height:1.08;
  }

  .hero-side__headline p{
    font-size:.82rem;
    line-height:1.42;
  }

  .hero-side--store .kpi-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }

  .hero-side--store .kpi{
    padding:10px;
    border-radius:16px;
  }

  .hero-side--store .kpi strong{
    font-size:1rem;
  }

  .hero-side--store .kpi span{
    font-size:.72rem;
    line-height:1.28;
  }

  .market-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }

  .market-strip__card{
    padding:12px;
    border-radius:18px;
  }

  .market-strip__card > span{
    margin-bottom:7px;
    font-size:.68rem;
  }

  .market-strip__card strong{
    margin-bottom:6px;
    font-size:.94rem;
  }

  .market-strip__card p{
    font-size:.78rem;
    line-height:1.38;
  }

  .signature-grid{
    gap:12px;
  }

  .signature-card{
    border-radius:20px;
  }

  .signature-card__copy{
    padding:16px;
    gap:8px;
  }

  .signature-card__copy h3{
    font-size:1.12rem;
    line-height:1.1;
  }

  .signature-card__copy p{
    font-size:.82rem;
    line-height:1.4;
  }

  .signature-card__meta{
    gap:6px;
  }

  .signature-card__meta span{
    padding:5px 8px;
    font-size:.64rem;
  }

  .signature-card__product{
    padding:12px;
    gap:6px;
  }

  .signature-card__product img{
    max-height:120px;
  }

  .split-cta{
    gap:12px;
  }

  .editorial-card{
    padding:16px;
    gap:10px;
  }

  .editorial-card h3{
    font-size:1.28rem;
    line-height:1.12;
  }

  .editorial-card .muted{
    font-size:.82rem;
    line-height:1.42;
  }

  .editorial-list,
  .editorial-steps{
    gap:8px;
  }

  .editorial-list div,
  .editorial-steps div{
    padding:11px 12px;
    border-radius:16px;
  }

  .editorial-list strong,
  .editorial-steps strong{
    font-size:.84rem;
  }

  .editorial-list span,
  .editorial-steps span{
    font-size:.78rem;
    line-height:1.34;
  }

  .split-cta--brand .hero-actions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
    margin-top:8px;
  }

  .split-cta--brand .hero-actions .secondary-btn,
  .split-cta--brand .hero-actions .primary-btn{
    min-height:42px;
    padding:10px 12px;
    font-size:.8rem;
  }

  .card-grid[data-home-categories]{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
  }

  .card-grid[data-home-categories] .category-card{
    border-radius:20px;
    min-width:0;
  }

  .card-grid[data-home-categories] .category-card__media{
    padding:10px;
    aspect-ratio:1 / 1;
  }

  .card-grid[data-home-categories] .category-card__count{
    top:8px;
    left:8px;
    min-height:24px;
    padding:4px 8px;
    font-size:.56rem;
    letter-spacing:.07em;
  }

  .card-grid[data-home-categories] .category-card__body{
    gap:8px;
    padding:12px;
  }

  .card-grid[data-home-categories] .category-card__eyebrow{
    gap:5px;
    font-size:.58rem;
  }

  .card-grid[data-home-categories] .category-card__body h3{
    font-size:.98rem;
    line-height:1.22;
  }

  .card-grid[data-home-categories] .category-card__body .muted{
    display:-webkit-box;
    overflow:hidden;
    font-size:.78rem;
    line-height:1.4;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  .card-grid[data-home-categories] .category-card__footer{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    font-size:.76rem;
  }

.card-grid[data-home-products] .product-card__body .muted,
  .signature-grid .product-card__body .muted{
    -webkit-line-clamp:2;
  }
}

.compact-section__body{
  display:grid;
  gap:12px;
}

.compact-section__toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:40px;
  margin-top:10px;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface-panel-3);
  color:var(--muted);
  font-size:.78rem;
  font-weight:700;
  transition:border-color .2s ease, color .2s ease, background .2s ease;
}

.compact-section__toggle:hover,
.compact-section__toggle:focus-visible{
  border-color:var(--line-strong);
  color:var(--text);
  background:rgba(255,255,255,.05);
}

@media (max-width: 1024px){
  .page-hero--product{
    display:none;
  }

  .section[data-product-page]{
    padding-top:12px;
  }

  .product-layout--enhanced{
    gap:14px;
  }

  .buy-panel{
    order:-1;
  }

  .gallery-panel{
    order:0;
  }

  .gallery-panel,
  .buy-panel,
  .detail-card,
  .content-panel,
  .side-panel{
    padding:16px;
    border-radius:24px;
  }

  .buy-panel h1{
    margin:4px 0 8px;
    font-size:clamp(1.7rem, 4.8vw, 2.15rem);
    line-height:1.05;
  }

  .buy-panel [data-product-tagline],
  .product-price-note,
  .detail-card .muted,
  .side-panel .muted,
  .content-panel .section-head p{
    font-size:.84rem;
    line-height:1.42;
  }

  .product-meta-chips{
    gap:6px;
  }

  .product-meta-chips span{
    padding:6px 9px;
    font-size:.74rem;
  }

  .price-row--product .badge{
    padding:6px 10px;
    font-size:.72rem;
  }

  .notice{
    padding:12px 14px;
    border-radius:18px;
  }

  .notice .muted{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
  }

  .product-benefits{
    gap:8px;
  }

  .product-highlight{
    padding:10px 12px;
    border-radius:14px;
    font-size:.84rem;
    line-height:1.38;
  }

  .product-proof{
    display:none;
  }

  .product-cta-stack{
    gap:8px;
  }

  .product-cta-stack .secondary-btn,
  .product-cta-stack .ghost-btn{
    display:none;
  }

  .product-visual-notes{
    gap:6px;
  }

  .product-visual-notes span{
    padding:6px 9px;
    font-size:.72rem;
  }

  .detail-card h2,
  .detail-card h3,
  .content-panel h2,
  .side-panel h3{
    font-size:1.12rem;
    line-height:1.14;
  }

  .detail-step,
  .merchant-benefit,
  .spec-row{
    padding:10px 12px;
    border-radius:16px;
  }

  .spec-row span,
  .spec-row strong{
    font-size:.84rem;
  }

  .bundle-layout,
  .review-layout{
    gap:12px;
  }

  .compact-section__toggle{
    display:inline-flex;
  }

  .mobile-buy-bar{
    left:8px;
    right:8px;
    bottom:8px;
    padding:8px 10px;
    border-radius:18px;
  }

  .mobile-buy-bar__copy strong{
    font-size:.86rem;
  }

  .mobile-buy-bar__copy span{
    font-size:.76rem;
  }

  .mobile-buy-bar .primary-btn{
    min-width:116px;
    min-height:42px;
    padding:10px 12px;
    font-size:.82rem;
  }

  body.has-mobile-buy-bar{
    padding-bottom:82px;
  }
}

@media (max-width: 760px){
  .gallery-panel,
  .buy-panel,
  .detail-card,
  .content-panel,
  .side-panel{
    padding:14px;
    border-radius:20px;
  }

  .buy-panel h1{
    font-size:1.85rem;
  }

  .product-meta-chips span:nth-child(n+4){
    display:none;
  }

  .product-benefits .product-highlight:nth-child(n+4),
  .product-visual-notes span:nth-child(n+3){
    display:none;
  }

  .black-stage--product{
    max-height:250px;
  }

  .black-stage--product img{
    padding:10px;
  }

  .detail-card h2,
  .detail-card h3,
  .content-panel h2,
  .side-panel h3{
    font-size:1.02rem;
  }

  .detail-card .muted,
  .side-panel .muted,
  .content-panel .section-head p{
    font-size:.8rem;
    line-height:1.38;
  }

  .mobile-buy-bar__copy strong{
    font-size:.82rem;
  }

  .mobile-buy-bar__copy span{
    font-size:.74rem;
  }
}

@media (max-width: 1024px){
  .section{
    padding:20px 0;
  }

  .page-hero{
    padding:20px 0 8px;
  }

  .page-grid,
  .stack,
  .split-cta,
  .merchant-layout,
  .catalog-layout{
    gap:14px;
  }

  .page-hero--shop .shop-hero,
  .page-hero--collection .shop-hero{
    gap:14px;
  }

  .page-hero__card,
  .page-hero__card--shop,
  .page-hero__card--collection,
  .page-hero__card--product,
  .shop-proof-card,
  .merchant-panel,
  .content-panel,
  .side-panel,
  .gallery-panel,
  .buy-panel,
  .detail-card,
  .collection-story__item,
  .collection-stat,
  .hero-cluster__card,
  .market-strip__card,
  .trust-box,
  .notice,
  .signature-card__copy,
  .signature-card__product,
  .editorial-card{
    padding:16px;
    border-radius:22px;
  }

  .stack--shop-filters{
    padding:14px;
    border-radius:20px;
    gap:10px;
  }

  .page-hero__card h1,
  .page-hero__card--shop h1,
  .page-hero__card--collection h1{
    font-size:clamp(1.8rem, 4vw, 2.6rem);
    line-height:.98;
  }

  .page-hero__card p,
  .page-hero__card--shop p,
  .page-hero__card--collection p,
  .shop-proof-card p,
  .merchant-panel p,
  .content-panel p,
  .side-panel p,
  .collection-story__item p,
  .market-strip__card p,
  .hero-cluster__card p,
  .signature-card__copy p{
    font-size:.85rem;
    line-height:1.45;
  }

  .section-heading,
  .catalog-head h2,
  .signature-card__copy h3,
  .collection-story__item h3,
  .hero-cluster__card h3,
  .market-strip__card strong{
    font-size:clamp(1.15rem, 2.6vw, 1.6rem);
    line-height:1.08;
  }

  .catalog-head{
    margin-bottom:14px;
    gap:10px;
  }

  .catalog-head__meta{
    gap:8px;
  }

  .catalog-head__meta span,
  .detail-tag,
  .merchant-panel__list span,
  .shop-proof-card span,
  .collection-stat span,
  .market-strip__card > span,
  .hero-cluster__card > span{
    padding:6px 10px;
    font-size:.69rem;
  }

  .catalog-toolbar{
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    gap:10px;
  }

  .catalog-support__grid,
  .collection-story,
  .hero-cluster,
  .market-strip{
    gap:10px;
  }

  .merchant-panel__list,
  .product-meta-chips,
  .page-hero__actions{
    gap:8px;
  }

  .merchant-panel__list li,
  .collection-stat,
  .collection-story__item,
  .hero-cluster__card,
  .market-strip__card,
  .trust-box{
    min-height:unset;
  }

  .signature-card__copy,
  .signature-card__product{
    min-height:unset;
  }

  .catalog-recently-viewed,
  .catalog-support{
    margin-top:20px;
  }
}

@media (max-width: 760px){
  .section{
    padding:16px 0;
  }

  .page-hero{
    padding:16px 0 6px;
  }

  .page-grid,
  .stack,
  .split-cta,
  .merchant-layout,
  .catalog-layout,
  .catalog-support__grid,
  .collection-story,
  .hero-cluster,
  .market-strip{
    gap:10px;
  }

  .page-hero__card,
  .page-hero__card--shop,
  .page-hero__card--collection,
  .page-hero__card--product,
  .shop-proof-card,
  .merchant-panel,
  .content-panel,
  .side-panel,
  .gallery-panel,
  .buy-panel,
  .detail-card,
  .collection-story__item,
  .collection-stat,
  .hero-cluster__card,
  .market-strip__card,
  .trust-box,
  .notice,
  .signature-card__copy,
  .signature-card__product,
  .editorial-card,
  .stack--shop-filters{
    padding:13px;
    border-radius:18px;
  }


/* Accessibility + conversion + filter UX refinements */
.skip-link{
  position:fixed;
  left:14px;
  top:10px;
  z-index:2000;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid var(--line-strong);
  background:#0f0f0f;
  color:var(--text);
  transform:translateY(-160%);
  transition:transform .16s ease;
}

.skip-link:focus{
  transform:translateY(0);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid rgba(210,172,114,.78);
  outline-offset:2px;
}

.catalog-active-filters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:4px 0 12px;
}

.active-filter-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--surface-panel-3);
  color:var(--text);
  font-size:.78rem;
  font-weight:700;
}

.active-filter-chip--clear{
  border-color:rgba(210,172,114,.38);
  background:rgba(210,172,114,.12);
}

.form-status{
  margin-top:10px;
}

[aria-invalid="true"]{
  border-color:rgba(214,72,72,.72) !important;
  box-shadow:0 0 0 1px rgba(214,72,72,.35) inset;
}

.mobile-buy-bar__note{
  color:var(--muted);
  font-size:.72rem;
  line-height:1.35;
}
  .page-hero__card h1,
  .page-hero__card--shop h1,
  .page-hero__card--collection h1{
    font-size:clamp(1.55rem, 7.4vw, 1.95rem);
    line-height:1;
  }

  .page-hero__card p,
  .page-hero__card--shop p,
  .page-hero__card--collection p,
  .shop-proof-card p,
  .merchant-panel p,
  .content-panel p,
  .side-panel p,
  .collection-story__item p,
  .market-strip__card p,
  .hero-cluster__card p,
  .signature-card__copy p{
    font-size:.8rem;
    line-height:1.4;
  }

  .section-heading,
  .catalog-head h2,
  .signature-card__copy h3,
  .collection-story__item h3,
  .hero-cluster__card h3,
  .market-strip__card strong{
    font-size:1.02rem;
    line-height:1.08;
  }

  .catalog-head{
    margin-bottom:10px;
    gap:8px;
  }

  .catalog-head__meta,
  .merchant-panel__list,
  .product-meta-chips,
  .page-hero__actions{
    gap:6px;
  }

  .catalog-head__meta span,
  .detail-tag,
  .merchant-panel__list span,
  .shop-proof-card span,
  .collection-stat span,
  .market-strip__card > span,
  .hero-cluster__card > span,
  .product-meta-chips span{
    padding:5px 8px;
    font-size:.64rem;
  }

  .catalog-toolbar,
  .catalog-support__grid,
  .collection-story,
  .hero-cluster,
  .market-strip,
  .split-cta{
    grid-template-columns:1fr;
  }

  .catalog-toolbar .input,
  .catalog-toolbar select,
  .catalog-toolbar .secondary-btn,
  .catalog-toolbar .ghost-btn{
    min-height:42px;
    font-size:.82rem;
  }

  .shop-proof-card strong,
  .collection-stat strong,
  .market-strip__card strong,
  .trust-box strong{
    font-size:.98rem;
  }

  .catalog-recently-viewed,
  .catalog-support{
    margin-top:16px;
  }

  .footer-grid{
    gap:12px;
  }
}

/* Product info blocks in right column */
.product-info-stack{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.detail-card--inline{
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-panel-3);
  padding:10px;
  max-height:380px;
  overflow-y:auto;
}

.detail-card--inline h2,
.detail-card--inline h3{
  margin:0 0 6px 0;
  font-size:0.9rem;
  line-height:1.2;
  font-weight:700;
}

.detail-card--inline .muted,
.detail-card--inline .detail-note,
.detail-card--inline .detail-step span,
.detail-card--inline .merchant-benefit,
.detail-card--inline .spec-row span,
.detail-card--inline .spec-row strong{
  font-size:0.78rem;
  line-height:1.35;
}

.detail-card--inline .eyebrow{
  font-size:0.68rem;
  margin-bottom:4px;
}

.detail-card--inline .detail-step,
.detail-card--inline .merchant-benefit,
.detail-card--inline .spec-row{
  padding:6px 8px;
  border-radius:8px;
  margin:4px 0;
}

/* Final compact pass: checkout + generic public info fields */
.checkout-card,
.cart-card,
.summary-card,
.feature-card,
.info-card,
.page-card,
.content-panel,
.side-panel,
.trust-box,
.choice-card,
.notice,
.summary-highlight,
.inline-alert,
.inline-success{
  border-radius:16px;
}

.checkout-card,
.cart-card,
.summary-card,
.feature-card,
.info-card,
.page-card,
.content-panel,
.side-panel{
  padding:14px;
}

.checkout-card h2,
.cart-card h2,
.summary-card h2,
.feature-card h3,
.page-card h3,
.content-panel h2,
.side-panel h3{
  margin:0 0 8px;
  font-size:1.06rem;
  line-height:1.2;
}

.checkout-card h3,
.cart-card h3,
.summary-card h3{
  margin:0 0 8px;
  font-size:.95rem;
}

.form-grid{
  gap:10px;
}

.field{
  gap:6px;
}

.field label{
  font-size:.86rem;
}

.field input,
.field select,
.field textarea{
  padding:10px 12px;
  border-radius:12px;
  font-size:.9rem;
}

.field textarea{
  min-height:96px;
}

.checkline{
  grid-template-columns:18px 1fr;
  gap:10px;
  font-size:.88rem;
}

.checkline input{
  margin-top:2px;
}

.checkout-choice-grid,
.checkout-reassurance,
.help-strip,
.checkbox-stack,
.checkout-form-actions{
  gap:8px;
}

.choice-card,
.trust-box,
.notice,
.summary-highlight,
.inline-alert,
.inline-success{
  padding:10px 12px;
}

.choice-card__hint,
.trust-box,
.checkout-form-note,
.form-help,
.mini-note,
.line-item,
.muted{
  font-size:.84rem;
  line-height:1.42;
}

.checkout-form-actions .primary-btn,
.checkout-form-actions .secondary-btn,
.checkout-form-actions .ghost-btn{
  min-height:42px;
  padding:10px 12px;
  font-size:.86rem;
}

@media (max-width: 860px){
  .checkout-card,
  .cart-card,
  .summary-card,
  .feature-card,
  .info-card,
  .page-card,
  .content-panel,
  .side-panel{
    padding:12px;
  }

  .field input,
  .field select,
  .field textarea{
    padding:9px 10px;
    font-size:.86rem;
  }

  .field textarea{
    min-height:84px;
  }
}