:root{
  --bg:#040404;--panel:#0a0908;--gold:#c99431;--gold2:#efc86d;--gold3:#805718;
  --text:#f7f1e7;--muted:#a79f94;--line:rgba(201,148,49,.28);--whiteLine:rgba(255,255,255,.07);
  --max:1280px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050505;color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body.lock{overflow:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button{font:inherit}
.header{height:74px;position:fixed;z-index:90;top:0;left:0;right:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:0 max(20px,calc((100vw - var(--max))/2));background:rgba(4,4,4,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:13px;font:600 22px "Cormorant Garamond";letter-spacing:.18em;color:var(--gold2)}
.brand img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.nav{display:flex;justify-content:center;gap:40px}
.nav a{font-size:13px;color:#d8d1c7;transition:.2s}.nav a:hover{color:var(--gold2)}
.header-actions{display:flex;gap:10px}
.header-actions button,.menu-btn{position:relative;border:0;background:transparent;color:#e7dfd3;font-size:22px;cursor:pointer}
.cart-count{position:absolute;right:-2px;top:1px;min-width:16px;height:16px;border-radius:50%;background:var(--gold);color:#090909;font:700 9px/16px Inter;text-align:center}
.menu-btn{display:none}
.hero{width:100%;min-height:800px;padding:130px max(22px,calc((100vw - var(--max))/2)) 90px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden;background:
radial-gradient(circle at 72% 40%,rgba(201,148,49,.14),transparent 25%),
linear-gradient(90deg,#050505 0%,#060606 46%,#0b0804 100%)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:220px;background:linear-gradient(180deg,transparent,#040404)}
.eyebrow{margin:0 0 16px;color:var(--gold2);font-size:11px;letter-spacing:.28em;font-weight:600}
.hero h1{font:600 clamp(62px,7vw,108px)/.86 "Cormorant Garamond";letter-spacing:.01em;margin:0;color:#fff}
.hero h1 span{color:var(--gold2);background:linear-gradient(180deg,#fff0b0 0%,#c78d26 46%,#6d4510 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(201,148,49,.08)}
.hero-sub{font-size:18px;line-height:1.7;color:#c0b8ad;max-width:590px}
.hero-cta{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px}
.btn{min-height:52px;padding:0 28px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:12px;font-weight:600;letter-spacing:.03em;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));color:#080808;box-shadow:0 10px 36px rgba(201,148,49,.13)}
.btn-outline{border:1px solid var(--line);color:#eee4d7;background:rgba(0,0,0,.25)}
.ornament{display:flex;align-items:center;gap:10px;width:300px;margin:24px 0}.ornament span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.ornament b{color:var(--gold2);font-weight:400}
.ornament.small{margin:16px auto 0;width:180px}
.hero-crest{position:relative;display:grid;place-items:center;min-height:600px;z-index:2}
.hero-crest img{width:min(560px,86%);border-radius:50%;position:relative;z-index:2;filter:drop-shadow(0 30px 60px #000);animation:float 6s ease-in-out infinite}
.crest-glow{position:absolute;width:72%;height:72%;border-radius:50%;background:radial-gradient(circle,rgba(201,148,49,.34),transparent 67%);filter:blur(22px);animation:pulse 4.5s ease-in-out infinite}
.crest-ring{position:absolute;border:1px solid rgba(201,148,49,.17);border-radius:50%}.ring-a{width:76%;height:76%;animation:spin 26s linear infinite}.ring-b{width:61%;height:61%;animation:spinR 32s linear infinite}
.smoke-layer{position:absolute;pointer-events:none;border-radius:50%;filter:blur(55px);opacity:.15;background:radial-gradient(circle,#fff 0%,rgba(255,255,255,.2) 22%,transparent 70%)}
.smoke-one{width:430px;height:600px;left:30%;top:13%;animation:smoke1 14s ease-in-out infinite}
.smoke-two{width:360px;height:520px;right:9%;top:20%;animation:smoke2 17s ease-in-out infinite}
.spark-field{position:absolute;inset:0;opacity:.28;background-image:radial-gradient(circle,rgba(246,190,73,.9) 0 1px,transparent 1.5px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 45%,black 100%)}
.scroll-rail{position:absolute;left:18px;bottom:150px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--gold2);font-size:9px;letter-spacing:.18em}.scroll-rail span{writing-mode:vertical-rl;transform:rotate(180deg)}.scroll-rail i{width:1px;height:55px;background:linear-gradient(var(--gold),transparent)}
.benefits{position:relative;z-index:5;width:min(var(--max),calc(100% - 44px));margin:-70px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(5,5,5,.95);backdrop-filter:blur(18px)}
.benefits article{padding:27px 26px;display:flex;gap:18px;align-items:flex-start;border-right:1px solid var(--line)}.benefits article:last-child{border:0}.benefits .icon{font-size:36px;color:var(--gold2)}.benefits h3{margin:0 0 8px;color:#e5c477;font-size:11px;letter-spacing:.1em}.benefits p{margin:0;color:#aaa298;font-size:12px;line-height:1.55}
.section{width:min(var(--max),calc(100% - 44px));margin:auto;padding:110px 0}
.section-title{text-align:center;margin-bottom:45px}.section-title h2{margin:0;font:600 clamp(40px,4vw,60px)/1 "Cormorant Garamond"}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.category-card{border:1px solid var(--line);background:#080808;transition:.3s;overflow:hidden}.category-card:hover{transform:translateY(-7px);box-shadow:0 22px 60px rgba(0,0,0,.45);border-color:rgba(239,200,109,.55)}
.category-art{height:280px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 40%,rgba(201,148,49,.13),transparent 36%),#070707}
.category-foot{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-top:1px solid var(--line)}.category-foot h3{font:600 21px "Cormorant Garamond";margin:0}.category-foot span{color:var(--gold2)}
.paper-art span{width:150px;height:62px;border:1px solid var(--gold);transform:skewY(-8deg);display:grid;place-items:center;font:600 30px "Cormorant Garamond";color:var(--gold2);box-shadow:0 20px 30px #000}
.grinder-art i{position:absolute;width:120px;height:55px;border:1px solid var(--gold);border-radius:50%;background:#0c0b09}.grinder-art i:first-child{transform:translate(-18px,15px)}.grinder-art i:last-child{transform:translate(18px,-15px)}
.glass-art i{width:54px;height:170px;border:2px solid #bbb;border-radius:20px 20px 40px 40px;position:relative;opacity:.7}.glass-art b{position:absolute;width:60px;height:60px;border:2px solid #bbb;border-radius:50%;transform:translate(35px,52px);opacity:.7}
.accessory-art i{width:78px;height:120px;border-radius:7px;background:linear-gradient(160deg,#c89432,#4c2c08);box-shadow:0 20px 40px #000}.accessory-art b{position:absolute;width:16px;height:70px;background:linear-gradient(#fff7aa,#dc7a1c,transparent);clip-path:polygon(50% 0,100% 70%,50% 100%,0 70%);transform:translate(0,-88px)}
.merch-art{font:600 56px "Cormorant Garamond";color:var(--gold2)}
.experience{width:min(var(--max),calc(100% - 44px));margin:20px auto 0;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#090807}
.experience-image{min-height:620px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(201,148,49,.13),transparent 38%),#060606}.experience-image img{width:75%;border-radius:50%;filter:drop-shadow(0 26px 55px #000);transform:scale(1.06)}.vignette{position:absolute;inset:0;box-shadow:inset 0 0 110px 45px #050505}
.experience-copy{padding:70px;display:flex;justify-content:center;flex-direction:column}.experience-copy h2,.club h2,.statement h2,.contact h2{font:600 clamp(48px,5vw,74px)/.94 "Cormorant Garamond";margin:0 0 24px}.experience-copy>p:last-of-type{color:var(--muted);line-height:1.8;max-width:560px}
.spec-list{margin-top:30px;border-top:1px solid var(--whiteLine)}.spec-list div{display:grid;grid-template-columns:60px 1fr;padding:16px 0;border-bottom:1px solid var(--whiteLine)}.spec-list b{font:500 25px "Cormorant Garamond";color:var(--gold2)}.spec-list span{color:#b6aea3;font-size:13px}
.club{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.club-copy,blockquote{min-height:480px;border:1px solid var(--line);padding:70px;background:#090807}.club-copy{display:flex;justify-content:center;flex-direction:column}.club-copy>p:last-of-type{color:var(--muted);line-height:1.8}.text-link{margin-top:15px;color:var(--gold2);font-size:12px}
blockquote{margin:0;display:flex;justify-content:center;flex-direction:column;color:var(--gold2);font:500 clamp(38px,4vw,62px)/1.05 "Cormorant Garamond";background:radial-gradient(circle at 45% 45%,rgba(201,148,49,.11),transparent 40%),#0a0908}blockquote span{margin-top:28px;color:#827a70;font:500 10px Inter;letter-spacing:.25em}
.statement{padding:130px 20px;background:linear-gradient(135deg,#050505,#0d0904 58%,#050505);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.statement-inner{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:end}.statement-inner>p:last-child{color:var(--muted);font-size:17px;line-height:1.9;max-width:560px}
.contact-card{padding:75px;border:1px solid var(--line);background:radial-gradient(circle at 90% 40%,rgba(201,148,49,.12),transparent 28%),#090807;display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-card p:last-child{color:var(--muted)}
footer{width:min(var(--max),calc(100% - 44px));min-height:140px;margin:auto;border-top:1px solid var(--whiteLine);display:flex;justify-content:space-between;align-items:center;gap:30px;color:#716b62}.footer-links{display:flex;gap:25px;font-size:12px}
.age-gate[hidden]{display:none!important}.age-gate{position:fixed;z-index:999;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,2,2,.97);backdrop-filter:blur(18px)}.age-panel{width:min(500px,100%);padding:42px;text-align:center;border:1px solid var(--line);background:radial-gradient(circle at 50% 20%,rgba(201,148,49,.13),transparent 30%),#090807;box-shadow:0 30px 100px #000}.age-logo{width:110px!important;height:110px!important;max-width:110px!important;object-fit:cover!important;border-radius:50%!important;margin:0 auto 20px!important}.age-panel h2{font:600 52px/1 "Cormorant Garamond";margin:0 0 12px}.age-panel>p:not(.eyebrow){color:var(--muted);line-height:1.7}.age-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}
.reveal{opacity:0;transform:translateY(25px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(-12px) rotate(.4deg)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.8}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinR{to{transform:rotate(-360deg)}}@keyframes smoke1{50%{transform:translate(-60px,-50px) scale(1.18)}}@keyframes smoke2{50%{transform:translate(45px,-70px) scale(.84)}}
@media(max-width:1000px){.menu-btn{display:block}.nav{display:none;position:absolute;top:74px;left:14px;right:14px;padding:20px;flex-direction:column;background:#080808;border:1px solid var(--line)}.nav.open{display:flex}.header-actions{display:none}.hero{grid-template-columns:1fr;padding-top:120px}.hero-crest{min-height:500px}.benefits{grid-template-columns:1fr 1fr}.benefits article:nth-child(2){border-right:0}.benefits article:nth-child(-n+2){border-bottom:1px solid var(--line)}.category-grid{grid-template-columns:1fr 1fr}.experience,.club,.statement-inner{grid-template-columns:1fr}.experience-copy{order:-1}.contact-card{flex-direction:column;align-items:flex-start}}
@media(max-width:620px){.brand span{display:none}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:54px}.hero-crest{min-height:390px}.scroll-rail{display:none}.benefits{grid-template-columns:1fr;margin-top:-20px}.benefits article{border-right:0;border-bottom:1px solid var(--line)!important}.category-grid{grid-template-columns:1fr}.section{padding:80px 0}.experience-copy,.club-copy,blockquote,.contact-card{padding:35px 25px}.footer-brand span{display:block}footer{padding:30px 0;flex-direction:column;align-items:flex-start}.age-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* V4 — real collection visuals */
.category-grid{
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.category-card{
  position:relative;
  background:#070707;
  overflow:hidden;
}
.category-photo{
  height:330px;
  overflow:hidden;
  position:relative;
  background:#070707;
}
.category-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,transparent 52%,rgba(0,0,0,.72) 100%),
    radial-gradient(circle at 50% 28%,rgba(239,200,109,.08),transparent 48%);
  pointer-events:none;
}
.category-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.015);
  filter:saturate(.92) contrast(1.04);
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease;
}
.category-card:hover .category-photo img{
  transform:scale(1.07);
  filter:saturate(1.04) contrast(1.08);
}
.category-card:before{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,224,145,.10) 48%,transparent 60%);
  transform:translateX(-125%);
  transition:transform .8s ease;
}
.category-card:hover:before{
  transform:translateX(125%);
}
.category-foot{
  min-height:86px;
  position:relative;
  z-index:4;
  background:linear-gradient(180deg,#090909,#070707);
}
.category-foot small{
  display:block;
  margin-bottom:4px;
  color:var(--gold);
  font-size:9px;
  letter-spacing:.18em;
}
.category-foot h3{
  margin:0;
  font-size:25px;
}
.category-foot>span{
  font-size:20px;
}
@media(max-width:1000px){
  .category-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .category-grid{grid-template-columns:1fr}
  .category-photo{height:310px}
}


/* =========================================================
   SMOKECLUB V5.0 — CINEMATIC HERO + PREMIUM HEADER
   ========================================================= */

:root{
  --v5-gold:#d3a33f;
  --v5-gold-bright:#f5d780;
  --v5-gold-dark:#74500f;
}

.header-v5{
  transition:
    min-height .35s ease,
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
  min-height:78px;
  background:linear-gradient(180deg,rgba(4,4,4,.92),rgba(4,4,4,.64));
  border-bottom:1px solid rgba(211,163,63,.16);
}
.header-v5.scrolled{
  min-height:66px;
  background:rgba(5,5,5,.82);
  border-bottom-color:rgba(211,163,63,.32);
  box-shadow:0 14px 40px rgba(0,0,0,.28);
}
.header-v5 .brand img{
  transition:width .35s ease,height .35s ease,filter .35s ease;
  filter:drop-shadow(0 0 14px rgba(211,163,63,.14));
}
.header-v5.scrolled .brand img{
  width:40px;height:40px;
}
.header-v5 .nav a{
  position:relative;
}
.header-v5 .nav a:after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-8px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--v5-gold-bright),transparent);
  transition:left .25s ease,right .25s ease;
}
.header-v5 .nav a:hover:after{
  left:0;right:0;
}

.mouse-glow{
  position:fixed;
  z-index:2;
  left:0;top:0;
  width:440px;height:440px;
  margin:-220px 0 0 -220px;
  border-radius:50%;
  pointer-events:none;
  opacity:.16;
  background:radial-gradient(circle,rgba(211,163,63,.26),rgba(211,163,63,.07) 28%,transparent 68%);
  filter:blur(12px);
  transform:translate3d(-9999px,-9999px,0);
  transition:opacity .2s ease;
}

.hero-v5{
  min-height:100vh;
  padding-top:122px;
  isolation:isolate;
  background:
    radial-gradient(circle at 72% 38%,rgba(211,163,63,.16),transparent 22%),
    radial-gradient(circle at 14% 64%,rgba(255,255,255,.025),transparent 34%),
    linear-gradient(115deg,#030303 0%,#080706 47%,#100a03 100%);
}
.hero-v5:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-5;
  background:
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:90px 90px;
  mask-image:radial-gradient(circle at 65% 40%,black 0%,transparent 72%);
}
.hero-v5:after{
  height:300px;
  background:linear-gradient(180deg,transparent,#040404 88%);
  z-index:0;
}
.hero-v5 .hero-content{
  position:relative;
  z-index:6;
  max-width:720px;
}
.hero-kicker{
  display:flex;
  align-items:center;
  gap:14px;
  margin:2px 0 10px;
  width:min(430px,100%);
  color:#b6aa99;
  font-size:11px;
  letter-spacing:.28em;
}
.hero-kicker span{
  flex:1;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--v5-gold),transparent);
}
.hero-v5 h1{
  margin:0;
  font-size:clamp(72px,8vw,124px);
  line-height:.8;
  letter-spacing:-.035em;
}
.hero-v5 h1 span{
  position:relative;
  display:inline-block;
  background:
    linear-gradient(92deg,#6d4810 0%,#d2a23f 18%,#fff0ab 38%,#b77a1e 58%,#f0ce72 78%,#6d4810 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:goldText 7s ease-in-out infinite;
}
.hero-v5 h1 span:after{
  content:"SMOKECLUB";
  position:absolute;
  inset:0;
  color:transparent;
  -webkit-text-stroke:1px rgba(245,215,128,.08);
  filter:blur(.2px);
}
.hero-v5 .hero-sub{
  max-width:650px;
  margin-top:30px;
  font-size:18px;
  line-height:1.82;
}
.hero-v5 .hero-cta{
  margin-top:34px;
}
.btn-shine{
  position:relative;
  overflow:hidden;
}
.btn-shine:before{
  content:"";
  position:absolute;
  top:-35%;
  bottom:-35%;
  left:-50%;
  width:28%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
  transition:left .7s ease;
}
.btn-shine:hover:before{
  left:125%;
}
.hero-proof{
  display:flex;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:34px;
  color:#7e766b;
  font-size:9px;
  letter-spacing:.18em;
}
.hero-proof i{
  color:var(--v5-gold);
  font-style:normal;
  font-size:8px;
}

.hero-v5 .hero-crest{
  min-height:650px;
  perspective:1000px;
  transform-style:preserve-3d;
}
.hero-v5 .hero-crest img{
  width:min(600px,88%);
  transition:transform .18s ease-out;
  will-change:transform;
  animation:heroFloat 7s ease-in-out infinite;
}
.crest-halo{
  position:absolute;
  width:82%;height:82%;
  border-radius:50%;
  z-index:0;
  background:
    radial-gradient(circle,
      rgba(245,215,128,.20) 0%,
      rgba(211,163,63,.11) 32%,
      rgba(211,163,63,.02) 52%,
      transparent 70%);
  filter:blur(24px);
  animation:haloPulse 5s ease-in-out infinite;
}
.hero-v5 .ring-a{width:80%;height:80%;border-color:rgba(245,215,128,.18)}
.hero-v5 .ring-b{width:67%;height:67%;border-color:rgba(211,163,63,.13)}
.hero-v5 .ring-c{
  width:92%;height:92%;
  border-color:rgba(211,163,63,.07);
  animation:spin 42s linear infinite;
}
.crest-shine{
  position:absolute;
  z-index:5;
  width:72%;
  height:90%;
  transform:rotate(18deg) translateX(-170%);
  background:linear-gradient(90deg,transparent,rgba(255,235,174,.18),transparent);
  filter:blur(12px);
  mix-blend-mode:screen;
  animation:crestSweep 7.8s ease-in-out infinite;
  pointer-events:none;
}
.hero-noise{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.055;
  background-image:
    radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 1.2px),
    radial-gradient(circle at 80% 35%,#fff 0 1px,transparent 1.2px),
    radial-gradient(circle at 45% 75%,#fff 0 1px,transparent 1.2px);
  background-size:140px 140px,180px 180px,220px 220px;
}
.hero-glow{
  position:absolute;
  z-index:-3;
  width:760px;height:760px;
  right:-120px;top:70px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(211,163,63,.10),transparent 66%);
  filter:blur(28px);
}
.hero-v5 .smoke-layer{
  opacity:.10;
  mix-blend-mode:screen;
}
.hero-v5 .smoke-one{
  width:520px;height:650px;left:28%;top:6%;
  animation:smokeV5A 17s ease-in-out infinite;
}
.hero-v5 .smoke-two{
  width:470px;height:600px;right:2%;top:12%;
  animation:smokeV5B 21s ease-in-out infinite;
}
.smoke-three{
  width:430px;height:520px;
  right:28%;bottom:-8%;
  animation:smokeV5C 24s ease-in-out infinite;
}

@keyframes goldText{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes heroFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(0,-16px,0) rotate(.6deg)}
}
@keyframes haloPulse{
  0%,100%{transform:scale(.96);opacity:.62}
  50%{transform:scale(1.07);opacity:.96}
}
@keyframes crestSweep{
  0%,60%{transform:rotate(18deg) translateX(-170%);opacity:0}
  68%{opacity:.75}
  87%,100%{transform:rotate(18deg) translateX(170%);opacity:0}
}
@keyframes smokeV5A{
  0%,100%{transform:translate(0,0) scale(.9) rotate(0)}
  50%{transform:translate(-90px,-60px) scale(1.18) rotate(7deg)}
}
@keyframes smokeV5B{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(80px,-90px) scale(.82) rotate(-6deg)}
}
@keyframes smokeV5C{
  0%,100%{transform:translate(0,0) scale(.86)}
  50%{transform:translate(-60px,-85px) scale(1.12)}
}

@media(max-width:1000px){
  .hero-v5{
    min-height:auto;
    padding-bottom:120px;
  }
  .hero-v5 .hero-content{
    max-width:760px;
  }
  .hero-v5 .hero-crest{
    min-height:520px;
  }
  .mouse-glow{display:none}
}
@media(max-width:620px){
  .hero-v5{
    padding-top:115px;
    padding-bottom:85px;
  }
  .hero-kicker{
    width:100%;
    font-size:9px;
  }
  .hero-v5 h1{
    font-size:clamp(52px,17vw,76px);
  }
  .hero-v5 .hero-sub{
    font-size:16px;
  }
  .hero-proof{
    gap:10px;
  }
  .hero-v5 .hero-crest{
    min-height:390px;
  }
}


/* =========================================================
   SMOKECLUB V6.0 — COMPLETE HOMEPAGE
   ========================================================= */

.section-lead{
  max-width:680px;
  margin:18px auto 0;
  color:var(--muted);
  line-height:1.8;
}
.section-head-v6{
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:70px;
  align-items:end;
  margin-bottom:42px;
}
.section-head-v6 h2{
  margin:0;
  font:600 clamp(44px,5vw,70px)/.95 "Cormorant Garamond";
}
.section-head-v6>p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
}

.collection-grid-v6{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-auto-rows:350px;
  gap:18px;
}
.collection-tile{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  background:#070707;
  isolation:isolate;
}
.collection-tile.featured{
  grid-column:span 2;
  grid-row:span 2;
}
.tile-media{
  position:absolute;inset:0;
}
.tile-media img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s ease;
  filter:saturate(.92) contrast(1.05) brightness(.78);
}
.tile-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,transparent 28%,rgba(0,0,0,.38) 58%,rgba(0,0,0,.9) 100%),
    radial-gradient(circle at 70% 25%,rgba(211,163,63,.08),transparent 35%);
}
.tile-copy{
  position:absolute;
  z-index:3;
  left:28px;right:28px;bottom:26px;
}
.tile-copy small{
  color:var(--gold2);
  letter-spacing:.2em;
  font-size:9px;
}
.tile-copy h3{
  margin:6px 0 8px;
  font:600 34px/1 "Cormorant Garamond";
}
.featured .tile-copy h3{font-size:clamp(44px,5vw,70px)}
.tile-copy p{
  max-width:470px;
  color:#c9c1b6;
  line-height:1.7;
}
.tile-copy span{
  color:var(--gold2);
  font-size:12px;
}
.collection-tile:before{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,228,160,.12) 49%,transparent 61%);
  transform:translateX(-130%);
  transition:transform .9s ease;
}
.collection-tile:hover:before{transform:translateX(130%)}
.collection-tile:hover .tile-media img{
  transform:scale(1.055);
  filter:saturate(1.02) contrast(1.08) brightness(.9);
}

.product-grid-v6{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.product-card-v6{
  position:relative;
  border:1px solid var(--whiteLine);
  background:linear-gradient(180deg,#0a0a0a,#070707);
  overflow:hidden;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.product-card-v6:hover{
  transform:translateY(-7px);
  border-color:rgba(239,200,109,.42);
  box-shadow:0 26px 70px rgba(0,0,0,.36);
}
.product-image{
  height:300px;
  overflow:hidden;
  background:#050505;
}
.product-image img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .7s ease;
}
.product-card-v6:hover .product-image img{transform:scale(1.06)}
.wish{
  position:absolute;
  z-index:5;
  top:14px;right:14px;
  width:38px;height:38px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(4,4,4,.65);
  color:#f0e8dc;
  cursor:pointer;
  backdrop-filter:blur(10px);
}
.wish.active{color:var(--gold2);border-color:var(--line)}
.product-info{padding:22px}
.product-info small{
  color:var(--gold);
  font-size:9px;
  letter-spacing:.17em;
}
.product-info h3{
  margin:7px 0 20px;
  font:600 28px/1 "Cormorant Garamond";
}
.product-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
}
.product-bottom strong{
  color:var(--gold2);
  font-size:14px;
}
.add-cart{
  border:0;
  background:transparent;
  color:#d8d1c6;
  font-size:11px;
  cursor:pointer;
}
.add-cart:hover{color:var(--gold2)}

.philosophy{
  position:relative;
  min-height:620px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 50% 40%,rgba(211,163,63,.09),transparent 30%),
    #070605;
}
.philosophy-backdrop{
  position:absolute;
  inset:0;
  opacity:.22;
  background:
    linear-gradient(90deg,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%),
    radial-gradient(circle at 30% 50%,rgba(255,255,255,.05),transparent 30%);
}
.philosophy-inner{
  position:relative;
  z-index:2;
  width:min(940px,calc(100% - 44px));
  text-align:center;
}
.philosophy blockquote{
  min-height:auto;
  padding:0;
  border:0;
  background:none;
  font-size:clamp(42px,5vw,72px);
  line-height:1.02;
  color:var(--gold2);
}
.philosophy-inner>p:last-of-type{
  max-width:700px;
  margin:28px auto;
  color:var(--muted);
  line-height:1.9;
  font-size:17px;
}

.social-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.social-card{
  margin:0;
  position:relative;
  overflow:hidden;
  aspect-ratio:1/1;
  border:1px solid var(--whiteLine);
  background:#070707;
}
.social-card img{
  width:100%;height:100%;
  object-fit:cover;
  filter:saturate(.82) brightness(.72);
  transition:transform .65s ease,filter .45s ease;
}
.social-card figcaption{
  position:absolute;
  left:18px;bottom:16px;
  color:#f1e8da;
  font-size:11px;
  letter-spacing:.12em;
}
.social-card:hover img{
  transform:scale(1.06);
  filter:saturate(1) brightness(.85);
}

.review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.review-card{
  padding:34px;
  min-height:240px;
  border:1px solid var(--line);
  background:linear-gradient(145deg,#0b0a09,#070707);
}
.stars{
  color:var(--gold2);
  letter-spacing:.15em;
  font-size:12px;
}
.review-card p{
  margin:28px 0;
  font:500 28px/1.15 "Cormorant Garamond";
  color:#eee7dc;
}
.review-card span{
  color:#837c72;
  font-size:11px;
}

.footer-v6{
  width:min(var(--max),calc(100% - 44px));
  margin:auto;
  padding:70px 0 25px;
  border-top:1px solid var(--line);
}
.footer-main{
  display:grid;
  grid-template-columns:1.4fr repeat(3,1fr);
  gap:54px;
  padding-bottom:48px;
}
.footer-brand-block p{
  max-width:360px;
  color:var(--muted);
  line-height:1.8;
  font-size:13px;
}
.social-links{
  display:flex;gap:18px;margin-top:20px;
  color:var(--gold2);
  font-size:12px;
}
.footer-col{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.footer-col h4{
  margin:0 0 8px;
  color:var(--gold2);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.footer-col a,.footer-col span{
  color:#888176;
  font-size:12px;
}
.footer-col a:hover{color:#d5cdbf}
.footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-top:22px;
  border-top:1px solid var(--whiteLine);
  color:#625c53;
  font-size:10px;
  letter-spacing:.1em;
}

@media(max-width:1000px){
  .section-head-v6{grid-template-columns:1fr;gap:20px}
  .collection-grid-v6{grid-template-columns:1fr 1fr}
  .collection-tile.featured{grid-column:span 2;grid-row:span 1}
  .product-grid-v6{grid-template-columns:1fr 1fr}
  .footer-main{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .collection-grid-v6{grid-template-columns:1fr;grid-auto-rows:330px}
  .collection-tile.featured{grid-column:span 1}
  .product-grid-v6{grid-template-columns:1fr}
  .social-grid{grid-template-columns:1fr 1fr}
  .review-grid{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
}


/* V6.1.1 — Storage readability fix */
.collection-tile:has(img[src*="storage-clean.jpg"]) .tile-overlay{
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.10) 48%,rgba(0,0,0,.90) 100%);
}
.collection-tile:has(img[src*="storage-clean.jpg"]) .tile-copy{
  padding:12px 14px;
  left:12px;
  right:12px;
  bottom:10px;
  background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.30),transparent);
  border-left:2px solid rgba(239,200,109,.72);
}
.collection-tile:has(img[src*="storage-clean.jpg"]) .tile-copy h3{
  color:#fff8eb;
  text-shadow:0 2px 14px #000;
}
.collection-tile:has(img[src*="storage-clean.jpg"]) .tile-copy small,
.collection-tile:has(img[src*="storage-clean.jpg"]) .tile-copy span{
  color:#f1c454;
  text-shadow:0 2px 10px #000;
}


/* =========================================================
   V6.1.2 — PREMIUM STORAGE IMAGE FIX
   ========================================================= */

.collection-tile:has(img[src*="storage-premium-v2.jpg"]) .tile-media img{
  object-position:center 42%;
  filter:brightness(1.02) contrast(1.07) saturate(1.02);
}

.collection-tile:has(img[src*="storage-premium-v2.jpg"]) .tile-overlay{
  background:
    linear-gradient(180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.04) 48%,
      rgba(0,0,0,.78) 100%);
}

/* Keep the card text low and compact so the product's own SMOKECLUB branding stays unobstructed */
.collection-tile:has(img[src*="storage-premium-v2.jpg"]) .tile-copy{
  left:22px;
  right:22px;
  bottom:18px;
  padding:0;
  background:none;
  border-left:0;
  text-shadow:0 3px 14px rgba(0,0,0,.95);
}

.collection-tile:has(img[src*="storage-premium-v2.jpg"]) .tile-copy h3{
  color:#fff9ef;
}

.collection-tile:has(img[src*="storage-premium-v2.jpg"]) .tile-copy small,
.collection-tile:has(img[src*="storage-premium-v2.jpg"]) .tile-copy span{
  color:#f0bd43;
}






/* =========================================================
   SMOKECLUB V7 — DEDICATED SHOP PAGE
   ========================================================= */
.nav .nav-active{color:var(--gold2)}
.shop-home-cta{display:flex;justify-content:center;margin-top:38px}

.shop-page{background:#050505}
.shop-page main{padding-top:74px}
.shop-hero{
  position:relative;
  min-height:430px;
  display:grid;
  align-items:end;
  overflow:hidden;
  padding:80px max(22px,calc((100vw - var(--max))/2)) 72px;
  background:
    radial-gradient(circle at 78% 42%,rgba(211,163,63,.14),transparent 24%),
    linear-gradient(120deg,#040404,#0b0804);
  border-bottom:1px solid var(--line);
}
.shop-hero:before{
  content:"";
  position:absolute;inset:0;
  opacity:.12;
  background-image:radial-gradient(circle,rgba(245,215,128,.7) 0 1px,transparent 1.5px);
  background-size:105px 105px;
  mask-image:linear-gradient(90deg,transparent 20%,black 100%);
}
.shop-hero-glow{
  position:absolute;right:5%;top:-40%;
  width:650px;height:650px;border-radius:50%;
  background:radial-gradient(circle,rgba(211,163,63,.16),transparent 66%);
  filter:blur(22px);
}
.shop-hero-inner{position:relative;z-index:2;max-width:820px}
.shop-hero h1{
  margin:0 0 18px;
  font:600 clamp(62px,7vw,102px)/.86 "Cormorant Garamond";
}
.shop-hero-inner>p:not(.eyebrow){
  max-width:640px;
  color:#b8b0a4;
  font-size:17px;
  line-height:1.8;
}
.shop-breadcrumb{display:flex;gap:12px;align-items:center;margin-top:28px;font-size:11px;color:#7e776d}
.shop-breadcrumb a{color:var(--gold2)}
.shop-breadcrumb b{color:#bdb4a8;font-weight:500}

.shop-categories-wrap,
.shop-products-section{
  width:min(var(--max),calc(100% - 44px));
  margin:auto;
  padding:100px 0;
}
.shop-categories-wrap{padding-bottom:70px}
.shop-section-head{
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:70px;
  align-items:end;
  margin-bottom:38px;
}
.shop-section-head h2{
  margin:0;
  font:600 clamp(44px,5vw,68px)/.95 "Cormorant Garamond";
}
.shop-section-head>p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
}
.shop-category-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.shop-category-card{
  position:relative;
  height:300px;
  padding:0;
  border:1px solid var(--line);
  background:#070707;
  color:inherit;
  overflow:hidden;
  cursor:pointer;
  text-align:left;
}
.shop-category-card img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .65s ease,filter .4s ease;
  filter:brightness(.88) contrast(1.05);
}
.shop-category-card:hover img{
  transform:scale(1.045);
  filter:brightness(.98) contrast(1.06);
}
.shop-category-shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 36%,rgba(0,0,0,.86) 100%);
}
.shop-category-copy{
  position:absolute;
  z-index:2;
  left:22px;right:22px;bottom:20px;
  display:flex;flex-direction:column;align-items:flex-start;
  text-shadow:0 2px 12px #000;
}
.shop-category-copy small{
  color:#edbd4a;font:600 9px Inter;letter-spacing:.17em;text-transform:uppercase
}
.shop-category-copy strong{
  color:#fff8ed;
  font:600 34px/1 "Cormorant Garamond";
  margin:5px 0 8px
}
.shop-category-copy em{
  color:var(--gold2);
  font:500 11px Inter;
  font-style:normal
}

.shop-products-section{padding-top:65px}
.shop-toolbar{
  display:grid;
  grid-template-columns:minmax(230px,1fr) auto auto;
  gap:18px;
  align-items:center;
  padding:17px;
  margin-bottom:30px;
  border:1px solid var(--whiteLine);
  background:#080808;
  position:sticky;
  top:78px;
  z-index:25;
}
.shop-search{
  min-height:44px;
  display:flex;align-items:center;gap:10px;
  padding:0 14px;
  border:1px solid var(--line);
  background:#050505;
}
.shop-search span{color:var(--gold2);font-size:21px}
.shop-search input{
  width:100%;
  border:0;outline:0;background:transparent;color:#eee5da;
  font:500 12px Inter;
}
.shop-search input::placeholder{color:#716b62}
.shop-category-pills{display:flex;gap:7px;flex-wrap:wrap}
.shop-category-pills button{
  border:1px solid var(--whiteLine);
  background:#0a0a0a;
  color:#aaa196;
  padding:10px 12px;
  cursor:pointer;
  font-size:10px;
}
.shop-category-pills button:hover,
.shop-category-pills button.active{
  border-color:var(--gold);
  color:#090909;
  background:linear-gradient(135deg,var(--gold2),var(--gold));
}
.shop-sort{
  display:flex;align-items:center;gap:9px;
  color:#827b72;
  font-size:10px;
  white-space:nowrap
}
.shop-sort select{
  min-height:40px;
  border:1px solid var(--whiteLine);
  background:#050505;
  color:#e0d8cc;
  padding:0 30px 0 12px;
}

.shop-product-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.shop-product-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--whiteLine);
  background:linear-gradient(180deg,#090909,#070707);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.shop-product-card:hover{
  transform:translateY(-6px);
  border-color:rgba(239,200,109,.40);
  box-shadow:0 24px 65px rgba(0,0,0,.38);
}
.shop-product-card[hidden]{display:none!important}
.shop-product-image{
  height:255px;
  display:block;
  overflow:hidden;
  position:relative;
  background:#050505;
}
.shop-product-image img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .6s ease;
}
.shop-product-card:hover .shop-product-image img{transform:scale(1.045)}
.quick-view{
  position:absolute;
  left:14px;right:14px;bottom:12px;
  min-height:38px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(5,5,5,.86);
  border:1px solid rgba(239,200,109,.32);
  color:#ebc160;
  font-size:10px;
  transform:translateY(58px);
  transition:transform .3s ease;
  backdrop-filter:blur(10px)
}
.shop-product-card:hover .quick-view{transform:translateY(0)}
.shop-product-copy{padding:19px}
.shop-product-copy>small{
  color:var(--gold);
  font-size:8px;
  letter-spacing:.15em
}
.shop-product-copy h3{
  min-height:50px;
  margin:6px 0 5px;
  color:#fff8ec;
  font:600 25px/1 "Cormorant Garamond"
}
.shop-rating{font-size:10px;margin-bottom:18px}
.shop-rating span{color:#e9b83d;letter-spacing:.05em}
.shop-rating em{color:#6f685f;font-style:normal}
.shop-product-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-top:1px solid var(--whiteLine);
  padding-top:14px
}
.shop-product-bottom strong{color:#f0c04e;font-size:14px}
.shop-product-bottom .cart-btn{
  width:auto;
  margin:0;
  min-height:34px;
  padding:0 12px;
  font-size:9px
}
.shop-product-card .wish{
  top:12px;right:12px;
  z-index:4
}
.shop-empty{
  text-align:center;
  padding:70px 20px;
  border:1px solid var(--whiteLine);
  color:var(--muted)
}
.shop-empty h3{
  margin:0 0 8px;
  color:#fff5e8;
  font:600 34px "Cormorant Garamond"
}

@media(max-width:1150px){
  .shop-toolbar{grid-template-columns:1fr}
  .shop-category-pills{order:3}
  .shop-product-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .shop-section-head{grid-template-columns:1fr;gap:18px}
  .shop-category-grid{grid-template-columns:1fr 1fr}
  .shop-product-grid{grid-template-columns:1fr 1fr}
  .shop-toolbar{top:72px}
}
@media(max-width:620px){
  .shop-hero{min-height:350px;padding-bottom:52px}
  .shop-categories-wrap,.shop-products-section{width:calc(100% - 28px);padding-top:70px}
  .shop-category-grid{grid-template-columns:1fr}
  .shop-category-card{height:280px}
  .shop-product-grid{grid-template-columns:1fr}
  .shop-category-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .shop-category-pills button{white-space:nowrap}
  .shop-sort{justify-content:space-between}
}


/* =========================================================
   SMOKECLUB V8 — PRODUCT DETAIL PAGES
   ========================================================= */

.product-page{background:#050505}
.product-main{
  width:min(var(--max),calc(100% - 44px));
  margin:auto;
  padding:112px 0 0;
}
.product-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  min-height:50px;
  color:#716a61;
  font-size:10px;
  border-bottom:1px solid var(--whiteLine);
}
.product-breadcrumb a{color:#b7aa98}
.product-breadcrumb a:hover{color:var(--gold2)}
.product-breadcrumb b{color:#d5ccbf;font-weight:500}

.product-detail-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:70px;
  padding:60px 0 95px;
  align-items:start;
}
.product-gallery{
  position:sticky;
  top:105px;
}
.product-main-image{
  position:relative;
  overflow:hidden;
  min-height:600px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 40%,rgba(211,163,63,.09),transparent 38%),
    #080808;
  border:1px solid var(--line);
}
.product-main-image img{
  width:100%;
  height:100%;
  min-height:600px;
  object-fit:cover;
}
.gallery-zoom{
  position:absolute;
  right:18px;
  bottom:18px;
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid var(--line);
  background:rgba(5,5,5,.72);
  color:var(--gold2);
  font-size:22px;
  cursor:pointer;
  backdrop-filter:blur(12px);
}
.product-thumbnails{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:12px;
}
.product-thumbnails button{
  height:120px;
  padding:0;
  overflow:hidden;
  border:1px solid var(--whiteLine);
  background:#080808;
  cursor:pointer;
}
.product-thumbnails button.active{
  border-color:var(--gold);
  box-shadow:0 0 0 1px rgba(239,200,109,.12);
}
.product-thumbnails img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.product-detail-copy{
  padding:18px 0 0;
}
.product-detail-copy h1{
  margin:0;
  color:#fff8ec;
  font:600 clamp(56px,6vw,86px)/.88 "Cormorant Garamond";
  letter-spacing:-.025em;
}
.detail-rating{
  display:flex;
  gap:12px;
  align-items:center;
  margin:24px 0 14px;
}
.detail-rating>span{
  color:#e8b63f;
  letter-spacing:.09em;
  font-size:12px;
}
.detail-rating a{
  color:#7d756b;
  font-size:11px;
  text-decoration:underline;
  text-underline-offset:4px;
}
.detail-price{
  color:var(--gold2);
  font:600 29px "Cormorant Garamond";
  margin-bottom:24px;
}
.detail-description{
  max-width:620px;
  color:#aaa297;
  line-height:1.9;
  font-size:16px;
}
.detail-divider{
  height:1px;
  background:var(--whiteLine);
  margin:32px 0;
}
.detail-availability{
  display:flex;
  gap:13px;
  align-items:flex-start;
}
.availability-dot{
  width:8px;height:8px;border-radius:50%;
  background:#b9d67b;
  box-shadow:0 0 15px rgba(185,214,123,.32);
  margin-top:5px;
}
.detail-availability strong{
  display:block;
  color:#ddd5c9;
  font-size:12px;
}
.detail-availability small{
  display:block;
  color:#70695f;
  margin-top:5px;
}
.product-purchase{
  display:grid;
  grid-template-columns:116px 1fr 52px;
  gap:11px;
  margin:30px 0 32px;
}
.qty-control{
  display:grid;
  grid-template-columns:34px 1fr 34px;
  height:54px;
  border:1px solid var(--line);
}
.qty-control button{
  border:0;
  background:#080808;
  color:#e0d8cc;
  font-size:19px;
  cursor:pointer;
}
.qty-control input{
  width:100%;
  min-width:0;
  text-align:center;
  border:0;
  border-left:1px solid var(--whiteLine);
  border-right:1px solid var(--whiteLine);
  outline:0;
  color:#fff3e3;
  background:#050505;
  font-weight:600;
  -moz-appearance:textfield;
}
.qty-control input::-webkit-inner-spin-button,
.qty-control input::-webkit-outer-spin-button{-webkit-appearance:none}
.detail-add-cart{
  border:0;
  cursor:pointer;
}
.detail-wish{
  position:static;
  width:52px;
  height:54px;
  border-radius:0;
  font-size:22px;
}
.detail-benefits{
  border-top:1px solid var(--whiteLine);
}
.detail-benefits>div{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:14px;
  padding:17px 0;
  border-bottom:1px solid var(--whiteLine);
}
.detail-benefits>div>span{
  color:var(--gold2);
  font-size:26px;
}
.detail-benefits p{margin:0}
.detail-benefits strong{
  display:block;
  color:#dcd3c6;
  font-size:11px;
  letter-spacing:.04em;
}
.detail-benefits small{
  display:block;
  color:#70695f;
  margin-top:5px;
  line-height:1.5;
}

.product-info-tabs{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:0;
  margin-bottom:25px;
}
.product-tabs-nav{
  display:flex;
  gap:0;
  border-bottom:1px solid var(--whiteLine);
}
.product-tabs-nav button{
  padding:20px 27px;
  border:0;
  border-right:1px solid var(--whiteLine);
  background:#080808;
  color:#887f74;
  cursor:pointer;
  font-size:11px;
}
.product-tabs-nav button.active{
  color:#090909;
  background:linear-gradient(135deg,var(--gold2),var(--gold));
}
.product-tab-panel{
  display:none;
  grid-template-columns:.7fr 1fr;
  gap:80px;
  padding:55px 45px;
  background:#070707;
}
.product-tab-panel.active{display:grid}
.product-tab-panel h2{
  margin:0;
  color:#fff6e8;
  font:600 44px/1 "Cormorant Garamond";
}
.product-tab-panel>p{
  margin:0;
  color:#a69e92;
  line-height:1.9;
}
.product-spec-list{
  border-top:1px solid var(--whiteLine);
}
.product-spec-list>div{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  padding:15px 0;
  border-bottom:1px solid var(--whiteLine);
}
.product-spec-list span{
  color:#776f65;
  font-size:11px;
}
.product-spec-list strong{
  color:#ddd3c5;
  font-size:11px;
  font-weight:500;
}

.detail-related{padding-top:90px}
.detail-related .shop-section-head>a{
  align-self:end;
  margin-bottom:4px;
}
.related-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.related-product{
  border:1px solid var(--whiteLine);
  background:#080808;
  padding-bottom:18px;
}
.related-image{
  display:block;
  height:225px;
  overflow:hidden;
  margin-bottom:17px;
}
.related-image img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .55s ease;
}
.related-product:hover .related-image img{transform:scale(1.045)}
.related-product>small,
.related-product>h3,
.related-product>div{
  margin-left:17px;
  margin-right:17px;
}
.related-product>small{
  color:var(--gold);
  font-size:8px;
  letter-spacing:.14em;
}
.related-product h3{
  margin-top:6px;
  margin-bottom:16px;
  min-height:48px;
  font:600 24px/1 "Cormorant Garamond";
}
.related-product h3 a{color:#fff7e9}
.related-product>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding-top:13px;
  border-top:1px solid var(--whiteLine);
}
.related-product strong{color:var(--gold2);font-size:13px}
.related-product>div a{color:#91887c;font-size:10px}

.detail-reviews{padding-top:55px}

.image-lightbox[hidden]{display:none!important}
.image-lightbox{
  position:fixed;
  z-index:400;
  inset:0;
  display:grid;
  place-items:center;
  padding:50px;
  background:rgba(0,0,0,.94);
  backdrop-filter:blur(16px);
}
.image-lightbox img{
  width:min(1100px,92vw);
  max-height:86vh;
  object-fit:contain;
  border:1px solid var(--line);
  box-shadow:0 30px 100px #000;
}
.image-lightbox button{
  position:absolute;
  top:22px;right:28px;
  width:48px;height:48px;
  border:1px solid var(--line);
  border-radius:50%;
  background:#070707;
  color:#fff0d7;
  font-size:28px;
  cursor:pointer;
}

@media(max-width:1000px){
  .product-detail-grid{grid-template-columns:1fr;gap:35px}
  .product-gallery{position:static}
  .product-main-image,.product-main-image img{min-height:520px}
  .product-tab-panel{grid-template-columns:1fr;gap:24px}
  .related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .product-main{width:calc(100% - 28px);padding-top:98px}
  .product-breadcrumb{padding:10px 0}
  .product-detail-grid{padding-top:28px}
  .product-main-image,.product-main-image img{min-height:360px}
  .product-thumbnails button{height:88px}
  .product-detail-copy h1{font-size:52px}
  .product-purchase{grid-template-columns:1fr 52px}
  .qty-control{grid-column:1 / -1}
  .product-tabs-nav{overflow-x:auto}
  .product-tabs-nav button{white-space:nowrap}
  .product-tab-panel{padding:35px 23px}
  .related-grid{grid-template-columns:1fr}
  .image-lightbox{padding:20px}
}


/* =========================================================
   SMOKECLUB V9 — CART + CHECKOUT
   Gratis verzending vanaf €30
   ========================================================= */
.checkout-shell{background:#050505}
.cart-page,.checkout-page{
  width:min(var(--max),calc(100% - 44px));
  margin:auto;
  padding:112px 0 100px;
}
.checkout-breadcrumb{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;
  min-height:50px;border-bottom:1px solid var(--whiteLine);
  color:#716a61;font-size:10px;
}
.checkout-breadcrumb a{color:#b7aa98}
.checkout-breadcrumb b{color:#d5ccbf;font-weight:500}
.checkout-title{
  display:flex;justify-content:space-between;gap:30px;align-items:end;
  padding:55px 0 36px;
}
.checkout-title h1{
  margin:0;color:#fff8ec;
  font:600 clamp(60px,7vw,92px)/.86 "Cormorant Garamond";
}
.checkout-title .text-link{margin-bottom:8px}

.cart-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);
  gap:32px;align-items:start;
}
.cart-items-panel{border-top:1px solid var(--line)}
.cart-row{
  display:grid;
  grid-template-columns:140px 1fr 128px 110px 34px;
  gap:20px;align-items:center;
  padding:22px 0;
  border-bottom:1px solid var(--whiteLine);
}
.cart-row-image{
  display:block;height:112px;overflow:hidden;border:1px solid var(--whiteLine);background:#080808
}
.cart-row-image img{width:100%;height:100%;object-fit:cover}
.cart-row-copy small{color:var(--gold);font-size:8px;letter-spacing:.14em}
.cart-row-copy h3{margin:5px 0 9px;font:600 27px/1 "Cormorant Garamond"}
.cart-row-copy h3 a{color:#fff5e7}
.cart-row-copy>strong{color:var(--gold2);font-size:12px}
.cart-row-qty{
  display:grid;grid-template-columns:34px 1fr 34px;height:42px;border:1px solid var(--whiteLine)
}
.cart-row-qty button{border:0;background:#080808;color:#ded4c6;cursor:pointer}
.cart-row-qty input{
  min-width:0;width:100%;text-align:center;border:0;border-inline:1px solid var(--whiteLine);
  background:#050505;color:#fff;outline:0;-moz-appearance:textfield
}
.cart-row-total{text-align:right;color:#eee3d3;font-weight:600;font-size:13px}
.cart-remove{
  width:32px;height:32px;border:1px solid var(--whiteLine);background:#080808;color:#746d64;
  cursor:pointer;font-size:19px
}
.cart-remove:hover{color:#fff;border-color:var(--gold)}

.cart-empty{text-align:center;padding:80px 20px;border-bottom:1px solid var(--whiteLine)}
.cart-empty img{width:92px;height:92px;border-radius:50%;object-fit:cover;opacity:.85}
.cart-empty h2{margin:18px 0 9px;font:600 42px "Cormorant Garamond";color:#fff5e6}
.cart-empty p{color:var(--muted);margin-bottom:24px}

.order-summary,.checkout-order{
  position:sticky;top:105px;
  border:1px solid var(--line);
  padding:30px;
  background:linear-gradient(180deg,#0a0908,#070707);
  box-shadow:0 22px 70px rgba(0,0,0,.28);
}
.order-summary h2,.checkout-order h2{margin:0 0 25px;font:600 43px/1 "Cormorant Garamond";color:#fff7e8}
.free-shipping-box{
  padding:18px;border:1px solid rgba(239,200,109,.20);
  background:rgba(201,148,49,.045);
  margin-bottom:23px
}
.shipping-message{color:#b4aa9d;font-size:11px;line-height:1.5}
.shipping-message strong{color:var(--gold2)}
.shipping-track{
  height:5px;background:#1b1814;margin:13px 0 9px;overflow:hidden
}
.shipping-track span{
  display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--gold3),var(--gold2));
  transition:width .35s ease
}
.free-shipping-box>small{color:#6f675d;font-size:9px}
.summary-lines{border-top:1px solid var(--whiteLine);margin-top:10px}
.summary-lines>div{
  display:flex;justify-content:space-between;gap:20px;padding:14px 0;
  border-bottom:1px solid var(--whiteLine);
  color:#8f877c;font-size:11px
}
.summary-lines strong{color:#dcd2c3}
.summary-lines .summary-total{padding-top:19px;font-size:14px;color:#ded4c7}
.summary-lines .summary-total strong{color:var(--gold2);font-size:18px}
.discount-field{display:grid;grid-template-columns:1fr auto;margin-top:20px}
.discount-field input{
  min-width:0;border:1px solid var(--whiteLine);border-right:0;background:#050505;color:#ddd;
  padding:0 12px;outline:0
}
.discount-field button{
  min-height:42px;border:1px solid var(--line);background:#0b0a08;color:var(--gold2);
  padding:0 14px;font-size:9px;cursor:pointer
}
.demo-note{display:block;color:#645e56;font-size:9px;line-height:1.5;margin-top:8px}
.checkout-button{width:100%;margin-top:22px;text-align:center}
.checkout-button.disabled{pointer-events:none;opacity:.35}
.summary-trust{
  display:grid;gap:10px;border-top:1px solid var(--whiteLine);margin-top:22px;padding-top:19px;
  color:#7e766c;font-size:9px
}

/* Checkout */
.checkout-layout{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(340px,.6fr);
  gap:32px;align-items:start
}
.checkout-form{display:grid;gap:18px}
.checkout-form-card{
  border:1px solid var(--whiteLine);
  background:#080808;
  padding:28px
}
.form-card-title{
  display:flex;gap:17px;align-items:center;margin-bottom:25px
}
.form-card-title>span{
  width:38px;height:38px;border:1px solid var(--line);display:grid;place-items:center;
  color:var(--gold2);font:600 11px Inter
}
.form-card-title small{color:var(--gold);font-size:8px;letter-spacing:.15em}
.form-card-title h2{margin:2px 0 0;font:600 33px/1 "Cormorant Garamond";color:#fff5e8}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid label{
  display:grid;gap:8px;color:#8e867b;font-size:9px;letter-spacing:.05em
}
.form-grid label.full{grid-column:1/-1}
.form-grid input,.form-grid select{
  min-height:48px;border:1px solid var(--whiteLine);background:#050505;color:#ded5c8;
  padding:0 13px;outline:0
}
.form-grid input:focus,.form-grid select:focus{border-color:var(--gold)}
.shipping-option{
  display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;
  padding:17px;border:1px solid var(--gold);background:rgba(201,148,49,.04)
}
.shipping-option input{accent-color:#d8a43d}
.shipping-option strong{display:block;color:#ddd4c7;font-size:11px}
.shipping-option small{display:block;color:#6e675e;margin-top:5px}
.shipping-option b{color:var(--gold2);font-size:12px}
.checkout-free-note{
  margin-top:13px;color:#766f65;font-size:10px
}
.checkout-free-note strong{color:var(--gold2)}
.payment-placeholder{
  border:1px dashed rgba(239,200,109,.28);
  padding:22px;background:#060606
}
.payment-placeholder strong{display:block;color:#e3d8c8;margin-bottom:8px}
.payment-placeholder p{margin:0;color:#7d756c;line-height:1.7;font-size:11px}
.place-order-demo{border:0;cursor:pointer;min-height:56px}

.checkout-mini-row{
  display:grid;grid-template-columns:62px 1fr auto;gap:13px;align-items:center;
  padding:13px 0;border-bottom:1px solid var(--whiteLine)
}
.checkout-mini-image{
  position:relative;width:62px;height:58px;border:1px solid var(--whiteLine)
}
.checkout-mini-image img{width:100%;height:100%;object-fit:cover}
.checkout-mini-image span{
  position:absolute;right:-7px;top:-7px;width:20px;height:20px;border-radius:50%;
  background:var(--gold);color:#080808;display:grid;place-items:center;font-size:9px;font-weight:700
}
.checkout-mini-row strong{display:block;color:#ddd3c5;font-size:10px}
.checkout-mini-row small{display:block;color:#6f675e;margin-top:4px;text-transform:capitalize}
.checkout-mini-row>b{color:#cfc4b5;font-size:10px}
.checkout-progress-note{
  margin-top:18px;padding:14px;border:1px solid rgba(239,200,109,.18);
  color:#857d72;font-size:10px
}
.checkout-progress-note strong{color:var(--gold2)}

.order-demo-modal[hidden]{display:none!important}
.order-demo-modal{
  position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:25px;
  background:rgba(0,0,0,.92);backdrop-filter:blur(14px)
}
.order-demo-modal>div{
  width:min(520px,100%);padding:42px;text-align:center;
  border:1px solid var(--line);background:#080808;box-shadow:0 30px 100px #000
}
.order-demo-modal img{width:92px;height:92px;border-radius:50%;object-fit:cover}
.order-demo-modal h2{margin:13px 0;font:600 43px/1 "Cormorant Garamond";color:#fff4e4}
.order-demo-modal p:not(.eyebrow){color:#8c8479;line-height:1.7}
.order-demo-modal button{border:0;cursor:pointer;margin-top:13px}

@media(max-width:1000px){
  .cart-layout,.checkout-layout{grid-template-columns:1fr}
  .order-summary,.checkout-order{position:static}
  .cart-row{grid-template-columns:110px 1fr 120px 34px}
  .cart-row-total{display:none}
}
@media(max-width:650px){
  .cart-page,.checkout-page{width:calc(100% - 28px);padding-top:98px}
  .checkout-title{align-items:flex-start;flex-direction:column}
  .checkout-title .text-link{margin:0}
  .cart-row{
    grid-template-columns:88px 1fr 30px;
    gap:12px;align-items:start
  }
  .cart-row-image{height:88px}
  .cart-row-qty{grid-column:2/3;width:116px}
  .cart-remove{grid-column:3;grid-row:1}
  .form-grid{grid-template-columns:1fr}
  .form-grid label.full{grid-column:auto}
  .checkout-form-card{padding:20px}
}


/* =========================================================
   SMOKECLUB V9.1 — MOBILE CART FIX
   Houdt de winkelwagen altijd zichtbaar op telefoon/tablet.
   ========================================================= */
@media (max-width:1000px){
  .header{
    display:flex !important;
    align-items:center;
    gap:8px;
    padding-left:18px;
    padding-right:18px;
  }

  .header .brand{
    margin-right:auto;
    flex:0 1 auto;
  }

  .header .menu-btn{
    display:flex !important;
    align-items:center;
    justify-content:center;
    order:3;
    width:46px;
    height:46px;
    padding:0;
    font-size:29px;
    line-height:1;
  }

  .header .nav{
    position:absolute;
    top:74px;
    left:14px;
    right:14px;
    z-index:100;
  }

  .header .header-actions{
    display:flex !important;
    align-items:center;
    order:2;
    gap:0;
  }

  /* Zoek- en accounticoon blijven op mobiel verborgen. */
  .header .header-actions button{
    display:none;
  }

  /* Winkelwagen blijft wel zichtbaar en klikbaar. */
  .header .header-actions button[aria-label="Winkelwagen"]{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    padding:0;
    font-size:25px;
    color:#f1e6d6;
  }

  .header .header-actions button[aria-label="Winkelwagen"] .cart-count{
    right:1px;
    top:1px;
    min-width:18px;
    height:18px;
    line-height:18px;
    font-size:10px;
  }
}

@media (max-width:620px){
  .header{
    padding-left:16px;
    padding-right:12px;
  }

  .header .brand img{
    width:48px;
    height:48px;
  }

  .header .header-actions button[aria-label="Winkelwagen"],
  .header .menu-btn{
    width:44px;
    height:44px;
  }
}


/* =========================================================
   SMOKECLUB V10 — OVER ONS + CONTACT
   ========================================================= */

.brand-page,.contact-page{background:#050505}
.brand-main,.contact-main{padding-top:74px}

/* About hero */
.brand-hero{
  min-height:760px;
  width:min(1500px,100%);
  margin:auto;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  align-items:center;
  gap:70px;
  padding:100px max(28px,calc((100% - var(--max))/2));
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 76% 45%,rgba(201,148,49,.17),transparent 24%),
    radial-gradient(circle at 15% 85%,rgba(201,148,49,.07),transparent 28%),
    #050505;
}
.brand-hero-noise{
  position:absolute;inset:0;opacity:.08;pointer-events:none;
  background-image:radial-gradient(circle,rgba(239,200,109,.85) 0 1px,transparent 1.5px);
  background-size:115px 115px;
  mask-image:linear-gradient(90deg,transparent,black);
}
.brand-hero-copy,.brand-hero-mark{position:relative;z-index:2}
.brand-hero-copy h1{
  margin:10px 0 25px;
  color:#fff7e8;
  font:600 clamp(64px,7vw,104px)/.82 "Cormorant Garamond";
  letter-spacing:-.035em;
}
.brand-hero-copy h1 span{
  background:linear-gradient(110deg,#f4d98b,#bd7f19,#f5d882);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand-hero-copy>p:not(.eyebrow){
  max-width:690px;color:#a79f94;line-height:1.9;font-size:16px
}
.brand-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}
.brand-hero-mark{
  min-height:520px;display:grid;place-items:center;
}
.brand-hero-mark img{
  width:min(440px,78%);aspect-ratio:1;border-radius:50%;object-fit:cover;
  position:relative;z-index:2;
  box-shadow:0 30px 120px rgba(0,0,0,.75),0 0 90px rgba(201,148,49,.15)
}
.brand-mark-halo{
  position:absolute;width:520px;height:520px;border-radius:50%;
  border:1px solid rgba(239,200,109,.25);
  box-shadow:0 0 80px rgba(201,148,49,.12),inset 0 0 80px rgba(201,148,49,.08)
}
.brand-hero-mark>span{
  position:absolute;bottom:18px;color:#7f776d;font-size:9px;letter-spacing:.27em
}

/* About intro */
.brand-intro{
  width:min(var(--max),calc(100% - 44px));margin:auto;
  display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;
  padding:120px 0;
}
.brand-intro-title h2,.brand-signature-copy h2,.brand-final-cta h2{
  margin:0;color:#fff6e8;
  font:600 clamp(48px,5.5vw,74px)/.95 "Cormorant Garamond";
}
.brand-intro-copy{display:grid;gap:20px;align-content:center}
.brand-intro-copy p{
  margin:0;color:#a59d92;line-height:1.95;font-size:16px
}

/* pillars */
.brand-pillars{
  width:min(var(--max),calc(100% - 44px));margin:auto;
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--line);
}
.brand-pillar{
  min-height:330px;padding:38px;
  background:linear-gradient(160deg,#0a0908,#060606);
  border-right:1px solid var(--line);
  position:relative;overflow:hidden
}
.brand-pillar:last-child{border-right:0}
.brand-pillar>span{
  position:absolute;right:22px;top:15px;
  color:rgba(239,200,109,.10);
  font:600 70px "Cormorant Garamond"
}
.brand-pillar small{color:var(--gold);letter-spacing:.18em;font-size:9px}
.brand-pillar h3{
  margin:70px 0 14px;color:#fff5e6;
  font:600 37px/1 "Cormorant Garamond"
}
.brand-pillar p{color:#81796e;line-height:1.8;font-size:12px}

/* Signature mosaic */
.brand-signature-section{
  width:min(var(--max),calc(100% - 44px));margin:auto;
  display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;
  padding:130px 0;
  align-items:center;
}
.brand-signature-copy p:not(.eyebrow){color:#9e968b;line-height:1.9}
.brand-signature-copy .text-link{display:inline-block;margin-top:18px}
.brand-product-mosaic{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  grid-template-rows:repeat(3,190px);
  gap:12px
}
.brand-product{
  position:relative;overflow:hidden;border:1px solid var(--whiteLine)
}
.brand-product-large{grid-row:1/4}
.brand-product img{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(.74);transition:transform .55s ease,filter .4s ease
}
.brand-product:hover img{transform:scale(1.04);filter:brightness(.9)}
.brand-product:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.9))
}
.brand-product>div{
  position:absolute;z-index:2;left:18px;bottom:16px
}
.brand-product small{display:block;color:var(--gold);font-size:8px;letter-spacing:.17em}
.brand-product strong{display:block;color:#fff4e3;font:600 28px "Cormorant Garamond"}

/* process */
.brand-process{
  padding:105px max(22px,calc((100vw - var(--max))/2));
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:#070707
}
.brand-process-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--whiteLine);border-left:1px solid var(--whiteLine)
}
.brand-process-grid>div{
  min-height:235px;padding:28px;
  border-right:1px solid var(--whiteLine);border-bottom:1px solid var(--whiteLine)
}
.brand-process-grid b{color:var(--gold);font-size:10px;letter-spacing:.12em}
.brand-process-grid h3{margin:50px 0 10px;color:#f5ecdf;font:600 30px "Cormorant Garamond"}
.brand-process-grid p{color:#7f776e;line-height:1.7;font-size:11px}

/* Quote / CTA */
.brand-quote{
  width:min(900px,calc(100% - 44px));margin:120px auto;
  text-align:center
}
.brand-quote img{width:105px;height:105px;border-radius:50%;object-fit:cover}
.brand-quote p{margin:24px 0;color:#fff5e7;font:600 clamp(38px,4.5vw,62px)/1 "Cormorant Garamond"}
.brand-quote span{color:#756e64;font-size:9px;letter-spacing:.22em}
.brand-final-cta{
  width:min(var(--max),calc(100% - 44px));margin:0 auto 100px;
  display:flex;justify-content:space-between;gap:50px;align-items:end;
  padding:55px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 90% 20%,rgba(201,148,49,.12),transparent 28%),
    #080808
}
.brand-final-cta>div:last-child{display:flex;flex-direction:column;gap:17px;align-items:flex-end}

/* Contact */
.contact-main{
  width:min(var(--max),calc(100% - 44px));margin:auto
}
.contact-hero{
  min-height:570px;
  display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;
  position:relative
}
.contact-hero:after{
  content:"";position:absolute;width:500px;height:500px;right:-8%;top:5%;border-radius:50%;
  background:radial-gradient(circle,rgba(201,148,49,.15),transparent 68%);
  pointer-events:none
}
.contact-hero-copy,.contact-hero-card{position:relative;z-index:2}
.contact-hero h1{
  margin:8px 0 22px;color:#fff6e9;
  font:600 clamp(66px,7vw,104px)/.84 "Cormorant Garamond"
}
.contact-hero h1 span{
  background:linear-gradient(110deg,#f2d47e,#b87a16,#f1cd69);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.contact-hero-copy>p:not(.eyebrow){max-width:650px;color:#a69e93;line-height:1.9}
.contact-hero-card{
  border:1px solid var(--line);padding:38px;background:#080808
}
.contact-hero-card>span{color:#756d64;font-size:8px;letter-spacing:.2em}
.contact-hero-card>a{
  display:block;margin:14px 0 12px;color:var(--gold2);
  font:600 clamp(29px,3vw,42px) "Cormorant Garamond"
}
.contact-hero-card p{margin:0;color:#7c746a;font-size:11px;line-height:1.7}

.contact-options{
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--line)
}
.contact-option{
  min-height:305px;padding:32px;border-right:1px solid var(--line);background:#070707
}
.contact-option:last-child{border-right:0}
.contact-option>span{color:#5d554b;font:600 44px "Cormorant Garamond"}
.contact-option small{display:block;margin-top:18px;color:var(--gold);font-size:8px;letter-spacing:.16em}
.contact-option h3{margin:8px 0 12px;color:#fff4e5;font:600 31px/1 "Cormorant Garamond"}
.contact-option p{color:#80786e;line-height:1.7;font-size:11px}
.contact-option a{display:inline-block;margin-top:12px;color:var(--gold2);font-size:10px}

.contact-form-section{
  display:grid;grid-template-columns:.78fr 1.22fr;gap:85px;
  padding:120px 0
}
.contact-form-intro h2{
  margin:0 0 22px;color:#fff5e7;
  font:600 clamp(48px,5vw,70px)/.95 "Cormorant Garamond"
}
.contact-form-intro>p:not(.eyebrow){color:#91897f;line-height:1.8}
.contact-detail-list{margin-top:38px;border-top:1px solid var(--whiteLine)}
.contact-detail-list>div{
  display:flex;justify-content:space-between;gap:20px;
  padding:16px 0;border-bottom:1px solid var(--whiteLine)
}
.contact-detail-list span{color:#625b53;font-size:9px;letter-spacing:.12em}
.contact-detail-list a,.contact-detail-list strong{color:#d8cdbc;font-size:11px}

.premium-contact-form{
  padding:36px;border:1px solid var(--line);background:#080808
}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.contact-form-grid label{
  display:grid;gap:8px;color:#8b8378;font-size:9px;letter-spacing:.06em
}
.contact-form-grid label.full{grid-column:1/-1}
.contact-form-grid input,.contact-form-grid select,.contact-form-grid textarea{
  width:100%;border:1px solid var(--whiteLine);outline:0;
  background:#050505;color:#ded4c5;padding:13px;font:400 12px Inter
}
.contact-form-grid input,.contact-form-grid select{min-height:50px}
.contact-form-grid textarea{resize:vertical;min-height:175px}
.contact-form-grid input:focus,.contact-form-grid select:focus,.contact-form-grid textarea:focus{border-color:var(--gold)}
.contact-submit{margin-top:20px;border:0;cursor:pointer;min-height:54px}
.contact-form-note{margin:12px 0 0;color:#625c54;font-size:9px;line-height:1.6}

.contact-faq{padding:20px 0 110px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--whiteLine);background:#070707}
.faq-list summary{
  list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;
  padding:25px;cursor:pointer;color:#e5dbcc;font:600 20px "Cormorant Garamond"
}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:var(--gold);font:300 25px Inter;transition:transform .25s ease}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{margin:0;padding:0 25px 26px;max-width:840px;color:#837b71;line-height:1.8;font-size:11px}

.contact-bottom-visual{
  min-height:220px;margin-bottom:100px;padding:34px 42px;
  display:grid;grid-template-columns:110px 1fr auto;gap:30px;align-items:center;
  border:1px solid var(--line);
  background:radial-gradient(circle at 15% 50%,rgba(201,148,49,.12),transparent 25%),#080808
}
.contact-bottom-visual img{width:95px;height:95px;border-radius:50%;object-fit:cover}
.contact-bottom-visual h2{margin:0;color:#fff2e1;font:600 42px/1 "Cormorant Garamond"}

@media(max-width:1000px){
  .brand-hero{grid-template-columns:1fr;min-height:auto;padding-top:100px}
  .brand-hero-mark{min-height:420px}
  .brand-intro,.brand-signature-section,.contact-form-section{grid-template-columns:1fr;gap:45px}
  .brand-pillars,.contact-options{grid-template-columns:1fr}
  .brand-pillar,.contact-option{border-right:0;border-bottom:1px solid var(--line)}
  .brand-pillar:last-child,.contact-option:last-child{border-bottom:0}
  .brand-process-grid{grid-template-columns:1fr 1fr}
  .contact-hero{grid-template-columns:1fr;gap:25px;padding:80px 0}
  .contact-bottom-visual{grid-template-columns:95px 1fr}
  .contact-bottom-visual .btn{grid-column:1/-1;width:max-content}
}
@media(max-width:650px){
  .brand-main,.contact-main{padding-top:72px}
  .brand-hero{padding:65px 20px 55px;gap:25px}
  .brand-hero-copy h1,.contact-hero h1{font-size:54px}
  .brand-hero-mark{min-height:330px}
  .brand-mark-halo{width:310px;height:310px}
  .brand-intro,.brand-pillars,.brand-signature-section,.brand-quote,.brand-final-cta{
    width:calc(100% - 28px)
  }
  .brand-intro{padding:75px 0}
  .brand-product-mosaic{grid-template-columns:1fr;grid-template-rows:340px repeat(3,180px)}
  .brand-product-large{grid-row:auto}
  .brand-process{padding:75px 14px}
  .brand-process-grid{grid-template-columns:1fr}
  .brand-quote{margin:80px auto}
  .brand-final-cta{padding:30px;flex-direction:column;align-items:flex-start}
  .brand-final-cta>div:last-child{align-items:flex-start}
  .contact-main{width:calc(100% - 28px)}
  .contact-hero{min-height:auto;padding:65px 0}
  .contact-form-section{padding:75px 0}
  .premium-contact-form{padding:22px}
  .contact-form-grid{grid-template-columns:1fr}
  .contact-form-grid label.full{grid-column:auto}
  .contact-bottom-visual{grid-template-columns:1fr;text-align:center}
  .contact-bottom-visual img{margin:auto}
  .contact-bottom-visual .btn{margin:auto}
}


/* =========================================================
   SMOKECLUB V10.2 — GLOBAL SEARCH
   ========================================================= */
body.search-lock{overflow:hidden}

.global-search-overlay[hidden]{display:none!important}
.global-search-overlay{
  position:fixed;
  z-index:600;
  inset:0;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:105px 22px 40px;
  background:rgba(0,0,0,.87);
  backdrop-filter:blur(18px);
}

.global-search-panel{
  width:min(860px,100%);
  max-height:calc(100vh - 140px);
  overflow:auto;
  padding:34px;
  border:1px solid rgba(201,148,49,.34);
  background:
    radial-gradient(circle at 85% 0%,rgba(201,148,49,.12),transparent 28%),
    linear-gradient(180deg,#0b0a09,#060606);
  box-shadow:0 35px 120px rgba(0,0,0,.75);
}

.global-search-top{
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:flex-start;
  margin-bottom:24px;
}
.global-search-top h2{
  margin:2px 0 0;
  color:#fff5e7;
  font:600 46px/1 "Cormorant Garamond";
}
.global-search-close{
  width:45px;height:45px;flex:0 0 45px;
  border:1px solid var(--line);
  border-radius:50%;
  background:#080808;
  color:#e8ddce;
  cursor:pointer;
  font-size:25px;
}

.global-search-input-wrap{
  display:grid;
  grid-template-columns:38px 1fr;
  align-items:center;
  min-height:62px;
  border:1px solid rgba(239,200,109,.38);
  background:#050505;
  padding:0 17px;
}
.global-search-input-wrap>span{color:var(--gold2);font-size:26px}
.global-search-input-wrap input{
  width:100%;
  border:0;outline:0;
  background:transparent;
  color:#fff4e4;
  font:500 16px Inter;
}
.global-search-input-wrap input::placeholder{color:#686158}

.global-search-hints{
  display:flex;gap:8px;flex-wrap:wrap;
  padding:14px 0 22px;
  border-bottom:1px solid var(--whiteLine);
}
.global-search-hints button{
  border:1px solid var(--whiteLine);
  background:#090909;
  color:#8e857a;
  padding:8px 11px;
  cursor:pointer;
  font-size:9px;
}
.global-search-hints button:hover{
  border-color:var(--gold);
  color:var(--gold2);
}

.global-search-status{
  padding:19px 0 10px;
  color:#6f685f;
  font-size:10px;
  letter-spacing:.04em;
}

.global-search-results{display:grid}
.global-search-result{
  display:grid;
  grid-template-columns:82px 1fr auto 22px;
  gap:17px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid var(--whiteLine);
  transition:padding .2s ease,background .2s ease;
}
.global-search-result:hover{
  padding-left:9px;
  padding-right:9px;
  background:rgba(201,148,49,.035);
}
.global-search-result img{
  width:82px;height:68px;
  object-fit:cover;
  border:1px solid var(--whiteLine);
}
.global-search-result-copy small{
  display:block;
  color:var(--gold);
  font-size:8px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.global-search-result-copy strong{
  display:block;
  margin-top:4px;
  color:#f5ecdf;
  font:600 23px/1 "Cormorant Garamond";
}
.global-search-result>b{
  color:var(--gold2);
  font-size:11px;
}
.global-search-result>em{
  color:#8d8377;
  font-style:normal;
  font-size:17px;
}

.global-search-all{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:22px;
  padding:15px 17px;
  border:1px solid var(--line);
  color:var(--gold2);
  background:#080808;
  font-size:10px;
  letter-spacing:.06em;
}
.global-search-all:hover{background:rgba(201,148,49,.08)}

@media(max-width:620px){
  .global-search-overlay{padding:80px 12px 20px}
  .global-search-panel{
    max-height:calc(100vh - 100px);
    padding:22px 17px;
  }
  .global-search-top h2{font-size:38px}
  .global-search-result{
    grid-template-columns:64px 1fr 20px;
    gap:12px;
  }
  .global-search-result img{width:64px;height:58px}
  .global-search-result>b{display:none}
  .global-search-result-copy strong{font-size:20px}
}


/* =========================================================
   SMOKECLUB V10.3 — SMART SITE SEARCH
   ========================================================= */
.global-search-subtitle{
  margin:8px 0 0;
  color:#797167;
  font-size:10px;
  line-height:1.6;
}

.smart-search-section{
  margin-top:19px;
  border-top:1px solid var(--whiteLine);
}
.smart-search-heading{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#837a6f;
}
.smart-search-heading span{
  font-size:8px;
  letter-spacing:.19em;
}
.smart-search-heading b{
  min-width:23px;height:23px;
  display:grid;place-items:center;
  border:1px solid var(--whiteLine);
  border-radius:50%;
  color:var(--gold2);
  font-size:8px;
}

.smart-info-results{display:grid}
.smart-info-result{
  display:grid;
  grid-template-columns:43px 1fr 22px;
  gap:15px;
  align-items:center;
  padding:15px 5px;
  border-bottom:1px solid var(--whiteLine);
  transition:background .2s ease,padding .2s ease;
}
.smart-info-result:hover{
  padding-left:12px;
  padding-right:12px;
  background:rgba(201,148,49,.035);
}
.smart-info-icon{
  width:39px;height:39px;
  display:grid;place-items:center;
  border:1px solid rgba(201,148,49,.28);
  border-radius:50%;
  color:var(--gold2);
  font:500 14px "Cormorant Garamond";
}
.smart-info-copy small{
  display:block;
  color:var(--gold);
  font-size:7px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.smart-info-copy strong{
  display:block;
  margin-top:3px;
  color:#f4ebde;
  font:600 22px/1.05 "Cormorant Garamond";
}
.smart-info-copy p{
  margin:5px 0 0;
  color:#71695f;
  font-size:9px;
  line-height:1.5;
}
.smart-info-result>em{
  color:#8c8276;
  font-style:normal;
  font-size:17px;
}

.smart-search-welcome,
.smart-search-empty{
  min-height:150px;
  margin-top:17px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  border-top:1px solid var(--whiteLine);
  border-bottom:1px solid var(--whiteLine);
  color:#6f675e;
}
.smart-search-welcome>span,
.smart-search-empty>span{
  color:rgba(239,200,109,.45);
  font:500 38px "Cormorant Garamond";
}
.smart-search-welcome p{
  margin:9px 0 0;
  font-size:10px;
}
.smart-search-empty h3{
  margin:6px 0;
  color:#eee4d6;
  font:600 28px "Cormorant Garamond";
}
.smart-search-empty p{
  max-width:480px;
  margin:0;
  font-size:9px;
  line-height:1.6;
}

@media(max-width:620px){
  .global-search-top{
    gap:15px;
  }
  .global-search-top h2{
    font-size:34px;
  }
  .global-search-hints{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:16px;
  }
  .global-search-hints button{
    flex:0 0 auto;
    white-space:nowrap;
  }
  .smart-info-result{
    grid-template-columns:38px 1fr 18px;
    gap:11px;
  }
  .smart-info-icon{
    width:34px;height:34px;
  }
  .smart-info-copy strong{
    font-size:20px;
  }
}