@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/urban-font-1.woff2) format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/urban-font-2.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/urban-font-3.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/urban-font-4.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/urban-font-5.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/urban-font-6.woff2) format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/urban-font-7.woff2) format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/urban-font-8.woff2) format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/urban-font-9.woff2) format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/urban-font-10.woff2) format('woff2');
}

:root{--ivory:var(--bg);--paper:var(--soft);--stone:var(--soft);--emerald:var(--ink);--emerald-light:var(--ink);--gold:var(--primary);--muted:#625A73;--line:#C9C0D8;--sans:'Manrope',sans-serif;--display:'Space Grotesk',sans-serif;--hero:'Barlow Condensed',sans-serif;--gutter:clamp(20px,4.7vw,80px);--section:clamp(64px,7.8vw,112px)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:var(--ivory);color:var(--emerald);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}body.is-locked{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button{color:inherit}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold)}a{color:inherit;text-decoration:none}button{border:0;background:none;padding:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.15;letter-spacing:-.045em}h2{font-size:clamp(28px,3.2vw,46px)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:100%;max-width:1600px;padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section)}.eyebrow{font-family:var(--display);font-size:10px;font-weight:500;letter-spacing:.14em;line-height:1.5}.punct{color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:0;left:16px;transform:translateY(-130%);padding:12px 20px;background:var(--emerald);color:white;z-index:200}.skip-link:focus{transform:none}[hidden]{display:none!important}.announcement{height:32px;background:var(--emerald);color:var(--ivory);display:flex;align-items:center;justify-content:center;gap:24px;font-size:10px;letter-spacing:.015em}.announcement a{display:inline-flex;gap:10px;align-items:center;color:var(--muted)}.announcement svg{width:13px;height:13px}.site-header{position:sticky;top:0;z-index:40;background:var(--ivory);border-bottom:1px solid var(--line)}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{display:inline-flex;gap:6px;align-items:baseline;font:700 19px/1 var(--display);letter-spacing:-.08em;white-space:nowrap}.wordmark>span:not(.brand-dot){font-weight:400}.brand-dot{font-size:10px;letter-spacing:0;position:relative;top:-8px;margin-left:2px}.desktop-nav{display:flex;gap:29px;font-size:12px;font-weight:500}.desktop-nav a{position:relative;padding-block:14px}.desktop-nav a:after{content:'';position:absolute;bottom:7px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:8px}.icon-button{width:42px;height:44px;display:grid;place-items:center}.icon-button:hover{color:var(--gold)}.bag-button{display:flex;align-items:center;gap:8px;min-width:45px;height:44px}.cart-count{font-size:10px}.mobile-toggle{display:none}.mobile-nav{padding:16px var(--gutter) 28px;background:var(--ivory);border-top:1px solid var(--line)}.mobile-nav>a,.mobile-nav>button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font:500 23px var(--display);letter-spacing:-.035em}.mobile-nav>a>span{font-size:11px;color:var(--muted)}.hero{position:relative;min-height:720px;height:calc(100svh - 116px);max-height:890px;isolation:isolate;background:var(--soft);overflow:hidden}.hero-inner{position:relative;z-index:2;height:100%;pointer-events:none}.hero-copy{padding-top:clamp(54px,5.5vw,88px);width:51%;height:100%;display:flex;flex-direction:column;align-items:flex-start;pointer-events:auto}.hero-eyebrow{display:flex;gap:11px;align-items:center;margin-bottom:28px;font-size:10px}.tiny-line{width:25px;height:1px;background:currentColor;display:inline-block}.hero h1{font:700 clamp(75px,7.5vw,116px)/.91 var(--hero);letter-spacing:-.025em}.hero h1 .line{display:block;overflow:hidden;padding-bottom:7px;margin-bottom:-7px}.hero h1 .line>span{display:block}.hero h1 .line:nth-child(2)>span{color:var(--gold)}.hero-description{margin-top:28px;font-size:15px;line-height:1.65;font-weight:400}.hero-ctas{display:flex;gap:14px;margin-top:28px}.button{min-height:50px;display:inline-flex;justify-content:center;align-items:center;gap:26px;padding:15px 23px;background:var(--emerald);border:1px solid var(--emerald);color:var(--ivory);font-size:12px;font-weight:600;line-height:1.4;transition:background .2s,color .2s,border-color .2s;border-radius:0}.button svg{width:18px;height:18px;transition:transform .2s}.button:hover{background:var(--emerald-light);border-color:var(--emerald-light)}.button:hover svg{transform:translateX(3px)}.button-outline{background:transparent;color:var(--emerald)}.button-outline:hover{background:var(--emerald);color:var(--ivory)}.button-cream{background:var(--ivory);color:var(--emerald);border-color:var(--ivory)}.button-cream:hover{background:var(--soft);border-color:var(--soft);color:var(--emerald)}.hero-bottom{margin-top:auto;width:100%;padding-bottom:38px;display:flex;align-items:center;justify-content:space-between;max-width:470px;gap:16px}.scroll-cue{font-size:9px;letter-spacing:.13em;display:flex;align-items:center;gap:12px}.scroll-cue svg{transform:rotate(90deg);width:18px;height:18px}.adult-note{font-size:9px;line-height:1.6;position:relative;padding-left:36px;color:var(--muted)}.adult-note b{font:500 12px var(--display);border:1px solid var(--muted);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;position:absolute;left:0;top:1px;color:var(--emerald)}.hero-visual{position:absolute;right:-10%;top:0;width:77%;height:100%;z-index:0;overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:63% center;will-change:transform}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--soft) 0%,rgb(250 247 242 / 0.000) 22%);pointer-events:none}.photo-caption{position:absolute;right:17%;bottom:40px;font-size:8px;letter-spacing:.14em;color:var(--emerald);z-index:1}.hero-ambient{position:absolute;left:3%;bottom:-5%;font:600 clamp(180px,27vw,440px)/.8 var(--hero);letter-spacing:-.025em;color:var(--soft);z-index:1;pointer-events:none;opacity:.5}.ticker{overflow:hidden;border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:16px 0;background:var(--ivory)}.ticker-track{display:flex;align-items:center;gap:44px;width:max-content;will-change:transform;font:500 12px var(--display);letter-spacing:.09em}.ticker-star{color:var(--gold);font-size:23px;line-height:1}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-heading .eyebrow{color:var(--gold);margin-bottom:14px}.section-note{font-size:12px;color:var(--muted);line-height:1.8;flex-shrink:0}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:500;white-space:nowrap;padding-bottom:5px;border-bottom:1px solid var(--line)}.text-link svg{width:18px;height:18px;transition:transform .2s}.text-link:hover svg{transform:translateX(4px)}.categories{padding-bottom:0}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.category-card{text-align:left;min-width:0}.category-image{display:block;aspect-ratio:1/1.05;background:var(--paper);margin-bottom:15px;overflow:hidden}.category-image .product-art{width:100%;height:100%;transition:transform .35s}.category-card:hover .product-art{transform:scale(1.04)}.category-name{font:500 13px var(--display);display:flex;gap:8px;align-items:center;justify-content:space-between;letter-spacing:-.02em}.category-name svg{width:15px;height:15px}.category-caption{display:block;font-size:10px;color:var(--muted);margin-top:5px}.product-art{display:block;background-image:url('images/catalog.webp');background-size:400% 300%;background-repeat:no-repeat;background-position:0% 0%;aspect-ratio:1}.art-0{background-position:0% 0%}.art-1{background-position:33.3333% 0%}.art-2{background-position:66.6667% 0%}.art-3{background-position:100% 0%}.art-4{background-position:0% 50%}.art-5{background-position:33.3333% 50%}.art-6{background-position:66.6667% 50%}.art-7{background-position:100% 50%}.art-8{background-position:0% 100%}.art-9{background-position:33.3333% 100%}.art-10{background-position:66.6667% 100%}.art-11{background-position:100% 100%}.filter-row,.accessory-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter-button{min-height:39px;padding:9px 17px;font-size:11px;border:1px solid var(--line);transition:color .2s,background .2s}.filter-button:hover{border-color:var(--emerald)}.filter-button.is-active{background:var(--emerald);border-color:var(--emerald);color:var(--ivory)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{min-width:0}.product-image{position:relative;background:var(--paper);aspect-ratio:1/.99;overflow:hidden;margin-bottom:17px}.product-picture{display:block;width:100%;height:100%}.product-picture .product-art{height:100%;width:100%;transition:transform .5s cubic-bezier(.2,.6,.3,1)}.product-picture:hover .product-art{transform:scale(1.045)}.product-badge{position:absolute;left:14px;top:14px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;background:var(--ivory);padding:4px 8px;pointer-events:none}.save-product{position:absolute;right:10px;top:8px;z-index:1;width:40px;height:40px;display:grid;place-items:center}.save-product svg{width:17px;height:17px;transition:fill .15s}.save-product.is-saved svg{fill:var(--emerald)}.product-info{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.product-type{font-size:9px;color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px}.product-name{display:block;font:500 16px var(--display);letter-spacing:-.025em;text-align:left}.product-name:hover{text-decoration:underline;text-underline-offset:3px}.price{font-size:12px;font-weight:500;margin-top:7px}.price del{color:var(--muted);font-weight:400;font-size:10px;margin-left:6px}.add-product{flex-shrink:0;display:grid;place-items:center;min-width:40px;min-height:40px;border:1px solid var(--line);margin-top:13px;transition:background .2s,color .2s}.add-product:hover{background:var(--emerald);border-color:var(--emerald);color:var(--ivory)}.add-product svg{width:18px;height:18px}.product-swatches{display:flex;gap:5px;margin-top:10px}.product-swatches span{height:7px;width:7px;border-radius:50%;border:1px solid rgb(20 18 31 / 0.133);background:var(--emerald)}.product-swatches span:nth-child(2){background:var(--soft)}.detail-feature{background:var(--emerald);color:var(--ivory);position:relative;overflow:hidden;isolation:isolate;padding-block:72px}.feature-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;position:relative;z-index:2}.feature-image{height:570px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.feature-product{width:min(530px,100%);aspect-ratio:1;transform:scale(1.28);filter:drop-shadow(0 18px 30px rgb(20 18 31 / 0.333));position:relative;z-index:1}.feature-orbit{position:absolute;width:95%;aspect-ratio:1;border:1px solid rgb(250 247 242 / 0.125);border-radius:50%;left:2%;top:4%}.feature-orbit:after{content:'';position:absolute;inset:28px;border:1px solid rgb(250 247 242 / 0.047);border-radius:50%}.feature-label{position:absolute;bottom:0;left:18px;font-size:8px;letter-spacing:.15em;display:flex;align-items:center;gap:14px;color:var(--soft);z-index:3}.feature-copy>.eyebrow{color:var(--muted);margin-bottom:23px}.feature-copy h2{font:600 clamp(48px,5.8vw,82px)/.97 var(--hero);letter-spacing:-.015em;margin-bottom:25px}.feature-copy h2>span{color:var(--muted)}.feature-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--soft)}.feature-details{margin:26px 0 32px;display:grid;gap:17px}.feature-details>div{display:flex;gap:22px;align-items:flex-start}.feature-details>div>span{font-size:9px;color:var(--muted);margin-top:3px}.feature-details p{font-size:13px}.feature-details small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.feature-watermark{position:absolute;left:2%;bottom:-50px;white-space:nowrap;font:600 clamp(100px,15vw,230px)/1 var(--hero);letter-spacing:-.02em;color:rgb(250 247 242 / 0.024);z-index:0;pointer-events:none}.accessory-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.accessory-grid .product-name{font-size:13px}.accessory-grid .product-type{font-size:8px}.accessory-grid .product-image{aspect-ratio:1/1.1}.accessory-grid .product-info{gap:5px}.accessory-grid .add-product{min-width:34px;min-height:36px;margin-top:10px}.accessory-grid .price{font-size:11px}.accessory-grid .save-product{right:4px;top:3px}.budget-section{display:grid;grid-template-columns:1fr 3.1fr;gap:40px;align-items:center;padding-bottom:6px}.budget-intro h2{font-size:35px;margin-top:12px}.budget-intro .eyebrow{color:var(--gold);font-size:9px}.budget-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.budget-card{position:relative;min-height:170px;padding:25px;text-align:left;background:var(--paper);overflow:hidden}.budget-card>div{position:relative;z-index:1;pointer-events:none}.budget-card .eyebrow{font-size:7px;color:var(--muted)}.budget-card h3{font-size:21px;letter-spacing:-.04em;margin-top:8px;white-space:nowrap}.budget-card .text-link{font-size:10px;margin-top:30px;border-bottom:none}.budget-card>.product-art{position:absolute;width:155px;height:155px;right:-44px;bottom:-6px;opacity:.5;transition:transform .35s}.budget-card:hover>.product-art{transform:translateX(-8px)}.builder-section{background:var(--paper);padding-block:var(--section);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.builder-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center}.builder-stage{position:relative;min-height:510px;overflow:hidden;isolation:isolate}.builder-background{position:absolute;top:80px;left:0;color:var(--soft);font:700 clamp(120px,18vw,265px)/1 var(--hero);letter-spacing:-.05em;z-index:-1}.builder-hookah{width:min(400px,68%);aspect-ratio:1;position:relative;z-index:1;margin:0 auto;transform:scale(1.15);transform-origin:bottom}.builder-pieces{position:absolute;left:4%;bottom:42px;display:flex;width:92%;justify-content:space-between;align-items:flex-end;gap:16px;z-index:2}.builder-pieces>.product-art{width:26%;aspect-ratio:1}.builder-pieces>.product-art:nth-child(2){width:21%}.builder-pieces>.product-art:nth-child(3){width:27%;margin-left:18%}.builder-caption{position:absolute;bottom:4px;left:0;font-size:8px;letter-spacing:.16em;color:var(--muted)}.builder-controls{background:var(--ivory);padding:30px;border:1px solid var(--line);align-self:start}.builder-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line);gap:15px}.builder-heading h3{font-size:20px}.builder-heading>span{font-size:9px;color:var(--muted)}.builder-controls label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0;gap:15px}.builder-controls label>span{font-size:11px;white-space:nowrap}.builder-controls b{font-size:8px;color:var(--gold);margin-right:10px;font-weight:500}.builder-controls select{max-width:57%;font-size:10px;color:var(--emerald);background:transparent;border:0;padding:7px 18px 7px 4px;min-height:36px;text-align:right;cursor:pointer}.setup-total{display:flex;align-items:center;justify-content:space-between;margin:25px 0 18px}.setup-total>span{font-size:11px}.setup-total strong{font:500 25px var(--display);letter-spacing:-.04em}.builder-controls>.button{width:100%;justify-content:space-between}.builder-disclaimer{font-size:9px;color:var(--muted);line-height:1.6;margin-top:12px}.editorial-collections{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:0}.editorial-card{position:relative;background:var(--soft);min-height:280px;padding:35px;text-align:left;overflow:hidden}.editorial-copy{position:relative;z-index:2;pointer-events:none}.editorial-copy .eyebrow{font-size:9px;margin-bottom:15px;color:var(--primary)}.editorial-copy h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em}.editorial-copy .text-link{font-size:11px;margin-top:31px;border-color:var(--muted)}.editorial-card>.product-art{position:absolute;right:-32px;bottom:-10px;aspect-ratio:1;width:50%;opacity:.9;transition:transform .4s}.editorial-card:hover>.product-art{transform:scale(1.045)}.charcoal-card{background:var(--soft)}.charcoal-card>.product-art{right:-25px;width:46%}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.guide-card{text-align:left;display:grid;grid-template-columns:42% 1fr;gap:27px;align-items:center}.guide-image{display:block;aspect-ratio:1.05;background:var(--paper);position:relative;overflow:hidden}.guide-image>.product-art{width:100%;height:100%;transition:transform .4s}.guide-card:hover .product-art{transform:scale(1.04)}.guide-number{position:absolute;top:14px;left:14px;font-size:9px;color:var(--muted)}.guide-copy{display:block}.guide-copy .eyebrow{font-size:8px;color:var(--muted)}.guide-copy h3{font-size:23px;margin:15px 0 22px}.guide-copy .text-link{font-size:10px}.closing-band{background:var(--soft);padding-block:40px}.closing-band>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.closing-band p{font:600 clamp(35px,4.5vw,66px)/.95 var(--hero);letter-spacing:-.02em}.closing-band p>span{color:var(--gold)}.closing-band .button{background:var(--emerald);color:var(--ivory);border-color:var(--emerald)}.site-footer{background:var(--emerald);color:var(--ivory);padding-top:70px}.newsletter{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:100px;padding-bottom:50px;border-bottom:1px solid rgb(250 247 242 / 0.149)}.newsletter .eyebrow{color:var(--muted);font-size:9px;margin-bottom:12px}.newsletter h2{font-size:30px;letter-spacing:-.03em}.newsletter>div>p:last-child{font-size:11px;color:var(--muted);margin-top:12px}.email-field{display:flex;border-bottom:1px solid var(--muted);min-height:48px}.email-field input{width:100%;min-width:0;color:var(--ivory);background:none;border:0;font-size:12px;padding:15px 0}.email-field input::placeholder{color:var(--soft)}.email-field button{width:50px;flex-shrink:0;display:grid;place-items:center;color:var(--muted)}.email-field button:hover{color:var(--ivory)}.newsletter-note{font-size:9px;color:var(--muted);margin-top:12px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.15fr 1.1fr;gap:35px;padding-block:58px 70px}.footer-brand>.wordmark{font-size:20px}.footer-brand>p{font-size:11px;line-height:1.9;color:var(--soft);margin-top:22px}.footer-concierge{display:inline-flex;align-items:center;gap:15px;font-size:11px;margin-top:23px;color:var(--muted)}.footer-concierge svg{width:17px;height:17px}.social-links{display:flex;align-items:center;gap:15px;margin-top:23px}.social-links button{min-width:30px;min-height:36px;display:grid;place-items:center}.social-links svg{width:17px;height:17px}.footer-toggle{font-size:10px;font-family:var(--display);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);min-height:28px;text-align:left;display:flex;align-items:center;justify-content:space-between;width:100%}.footer-toggle svg{display:none}.footer-column ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;font-size:11px;color:var(--soft)}.footer-column a,.footer-column li>button{display:inline-block;text-align:left;min-height:20px}.footer-column a:hover,.footer-column li>button:hover{color:var(--ivory)}.footer-wordmark{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:32px;border-bottom:1px solid rgb(250 247 242 / 0.149)}.footer-wordmark>span{font:600 clamp(65px,12vw,185px)/.9 var(--hero);letter-spacing:-.025em;white-space:nowrap}.footer-wordmark>svg{width:55px;height:55px;stroke-width:.8;transform:rotate(-45deg)}.footer-bottom{padding-block:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:9px}.footer-preview{font-size:7px;letter-spacing:.11em}.whatsapp-button{position:fixed;right:22px;bottom:22px;z-index:35;display:flex;align-items:center;gap:10px;color:var(--ivory);background:var(--emerald);border:1px solid rgb(250 247 242 / 0.267);border-radius:30px;padding:12px 18px;min-height:46px;box-shadow:0 4px 16px rgb(20 18 31 / 0.082);font-size:11px}.whatsapp-button svg{width:19px;height:19px}dialog{border:0;color:var(--emerald);background:var(--ivory);padding:0}dialog::backdrop{background:rgb(20 18 31 / 0.722)}dialog[open]{animation:dialog-in .22s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.age-dialog{max-width:460px;width:calc(100% - 36px)}.age-panel{text-align:center;padding:45px 40px}.age-panel .wordmark{margin-bottom:32px}.age-panel>.eyebrow{font-size:8px;color:var(--gold);margin-bottom:19px}.age-panel h2{font:600 64px/.94 var(--hero);letter-spacing:-.015em;margin-bottom:20px}.age-panel>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.8;max-width:290px;margin:0 auto}.age-actions{display:grid;gap:10px;margin-top:27px}.age-decline{min-height:44px;font-size:11px;text-decoration:underline;text-underline-offset:4px}.age-panel small{display:block;margin-top:22px;font-size:9px;color:var(--muted)}.age-declined{margin-top:30px!important}.drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100%;width:min(480px,100%);max-width:100%;display:none}.drawer[open]{display:flex;flex-direction:column;animation:drawer-in .3s ease-out}@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 28px 22px;border-bottom:1px solid var(--line)}.drawer-header .eyebrow{color:var(--gold);font-size:9px;margin-bottom:8px}.drawer-header h2{font-size:34px}.drawer-body{padding:26px 28px;overflow-y:auto;flex:1}.empty-state{padding-top:40px}.empty-state h3{font-size:25px;margin-bottom:14px}.empty-state p{font-size:12px;color:var(--muted);margin-bottom:24px}.cart-item{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.cart-thumb{background:var(--paper);width:88px;height:96px}.cart-thumb .product-art{width:100%;height:100%}.cart-item h3{font-size:15px;letter-spacing:-.025em;margin-bottom:6px}.cart-item p{font-size:11px}.quantity-control{display:flex;align-items:center;gap:0;margin-top:10px;border:1px solid var(--line);width:max-content}.quantity-control button{width:32px;height:30px;font-size:16px}.quantity-control span{width:24px;text-align:center;font-size:11px}.remove-item{font-size:9px;color:var(--muted);text-decoration:underline;min-height:40px}.cart-summary{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-top:28px}.cart-summary strong{font-size:24px;font-family:var(--display);letter-spacing:-.04em}.cart-checkout{width:100%;margin-top:23px}.cart-preview-note{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.7}.search-input{width:100%;padding:15px;border:1px solid var(--line);background:var(--ivory);color:var(--emerald);font-size:13px;margin-bottom:25px}.search-meta{font-size:10px;color:var(--muted);margin-bottom:20px}.search-result{display:flex;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);width:100%;text-align:left}.search-result>.product-art{width:72px;height:72px;flex-shrink:0;background-color:var(--paper)}.search-result h3{font-size:15px;letter-spacing:-.02em}.search-result p{font-size:11px;margin-top:8px}.drawer-body .wishlist-products{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wishlist-products .product-name{font-size:13px}.content-dialog{max-width:880px;width:calc(100% - 32px);max-height:90dvh}.content-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid var(--line)}#content-body{padding:28px;overflow-y:auto}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.product-detail-image{background:var(--paper)}.product-detail-image>.product-art{width:100%;height:100%;aspect-ratio:1}.product-detail .eyebrow{font-size:9px;color:var(--gold);margin-bottom:15px}.product-detail h2{font-size:35px;margin-bottom:18px}.product-detail .detail-price{font-size:20px;font-family:var(--display);margin-bottom:18px}.product-detail .detail-description{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:20px}.product-detail .button{width:100%}.product-detail small{font-size:9px;display:block;color:var(--muted);margin-top:15px}.article-content{max-width:650px;margin:0 auto;padding:12px 10px 25px}.article-content .eyebrow{color:var(--gold);margin-bottom:15px}.article-content h2{font-size:38px;margin-bottom:25px}.article-content h3{font-size:21px;margin:24px 0 12px}.article-content p,.article-content li{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:15px}.article-content .button{margin-top:20px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);max-width:calc(100% - 40px);padding:14px 23px;color:var(--ivory);background:var(--emerald);font-size:12px;z-index:120;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;box-shadow:0 4px 20px rgb(20 18 31 / 0.133);text-align:center;pointer-events:none}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.noscript-note{padding:20px;background:var(--paper);text-align:center}
@media(min-width:1601px){.hero-visual{right:-1%;width:65%}.hero-copy{width:50%}}
@media(max-width:1199px){.desktop-nav{gap:18px;font-size:11px}.hero{min-height:650px;max-height:780px}.hero-copy{width:54%}.hero h1{font-size:clamp(75px,8.8vw,110px)}.hero-ctas{gap:10px}.hero-ctas .button{padding:14px 17px;gap:16px;font-size:11px}.hero-bottom{max-width:400px}.feature-inner{gap:40px}.feature-image{height:490px}.category-grid{gap:12px}.category-name{font-size:11px}.category-caption{font-size:9px}.accessory-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}.accessory-grid .product-image{aspect-ratio:1}.accessory-grid .product-name{font-size:15px}.accessory-grid .price{font-size:12px}.budget-section{gap:25px;grid-template-columns:.75fr 3fr}.budget-card{padding:20px}.budget-card h3{font-size:18px}.budget-card>.product-art{width:135px;height:135px;right:-40px}.builder-layout{gap:35px}.builder-stage{min-height:470px}.builder-controls{padding:24px}.builder-controls select{font-size:9px}.footer-grid{gap:24px;grid-template-columns:1.4fr 1fr 1fr 1.1fr 1.1fr}.footer-column ul{font-size:10px}.footer-toggle{font-size:9px}}
@media(max-width:900px){.desktop-nav{display:none}.mobile-toggle{display:grid}.header-inner{height:72px}.hero{height:auto;min-height:680px;max-height:none}.hero-copy{width:56%;min-height:680px;padding-top:60px}.hero h1{font-size:84px}.hero-visual{width:87%;right:-25%}.hero-description{font-size:13px}.hero-ctas{flex-direction:column;align-items:flex-start;margin-top:24px;gap:10px}.hero-bottom{padding-top:30px;flex-wrap:wrap;gap:20px}.hero-ambient{bottom:0;font-size:300px}.hero-eyebrow{font-size:8px}.photo-caption{font-size:7px;right:32%;bottom:30px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.category-name{font-size:13px}.category-caption{font-size:10px}.category-image{aspect-ratio:1.2}.section-heading{gap:24px}.section-note{font-size:11px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}.accessory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.feature-inner{gap:30px}.feature-image{height:440px}.feature-copy h2{font-size:57px}.feature-copy .button{font-size:10px;gap:15px;padding-inline:16px}.feature-product{transform:scale(1.3)}.budget-section{display:block}.budget-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px}.budget-intro h2{font-size:30px;margin:0}.budget-intro br{display:none}.budget-cards{gap:14px}.budget-card h3{font-size:20px}.builder-layout{gap:25px;grid-template-columns:1fr 1fr}.builder-controls{padding:20px}.builder-heading h3{font-size:17px}.builder-controls label{display:block;padding:15px 0}.builder-controls label>span{display:block;margin-bottom:5px}.builder-controls select{max-width:100%;width:100%;text-align:left;padding-left:0;font-size:11px}.builder-stage{min-height:470px}.builder-hookah{width:100%;margin-top:80px}.builder-background{font-size:170px;top:130px}.builder-pieces{bottom:75px}.builder-pieces>.product-art:nth-child(3){margin-left:0}.setup-total>span{font-size:10px}.setup-total strong{font-size:23px}.editorial-card{padding:25px;min-height:240px}.editorial-copy h2{font-size:28px}.editorial-card>.product-art{width:65%;right:-50px;bottom:-20px;opacity:.7}.guide-card{gap:18px;grid-template-columns:1fr}.guide-image{aspect-ratio:1.5}.guide-image .product-art{width:70%;height:auto;aspect-ratio:1;margin:auto}.guide-copy h3{margin-top:12px;font-size:22px}.newsletter{gap:40px}.newsletter h2{font-size:25px}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 25px;padding-top:40px}.footer-brand{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:start}.footer-brand>p{margin-top:0;grid-column:2;grid-row:1/3}.footer-concierge{margin-top:15px;grid-column:1}.social-links{margin-top:12px;grid-column:1}.footer-wordmark>span{font-size:12.2vw}.footer-wordmark>svg{width:35px;height:35px}.footer-bottom{flex-wrap:wrap;gap:10px 25px}.footer-preview{margin-left:auto}}
@media(max-width:600px){:root{--section:66px;--gutter:20px}html{scroll-padding-top:82px}.announcement{height:29px;font-size:9px;gap:12px}.announcement>a{font-size:8px;gap:5px}.header-inner{height:66px;gap:10px}.wordmark{font-size:18px}.header-actions{gap:2px}.header-actions .icon-button{width:35px}.wishlist-nav{display:none}.bag-button{min-width:35px;gap:4px}.bag-button svg,.header-actions svg{width:20px;height:20px}.mobile-nav{position:absolute;width:100%;top:66px;max-height:calc(100dvh - 66px);overflow:auto}.hero{min-height:0;padding-bottom:0;display:flex;flex-direction:column;background:var(--soft)}.hero-inner{order:0;height:auto;pointer-events:auto}.hero-copy{width:100%;min-height:0;padding-top:37px;position:relative;z-index:2}.hero-eyebrow{font-size:8px;margin-bottom:21px;gap:9px}.hero h1{font-size:clamp(63px,17.5vw,91px);line-height:.92;letter-spacing:-.018em}.hero h1 .line:nth-child(2){display:inline-block}.hero h1 .line:nth-child(3){display:inline-block}.hero h1 .line:nth-child(2)>span{padding-right:.1em}.hero-description{margin-top:19px;font-size:12px;line-height:1.6}.hero-description br{display:none}.hero-ctas{flex-direction:row;gap:10px;margin-top:23px;width:100%}.hero-ctas .button{font-size:10px;min-height:46px;padding:12px 16px;gap:13px;flex:1;justify-content:space-between;white-space:nowrap}.hero-ctas .button svg{width:16px;height:16px}.hero-bottom{display:none}.hero-visual{position:relative;order:1;right:auto;top:auto;width:100%;height:auto;aspect-ratio:1.24;margin-top:3px;overflow:hidden}.hero-photo{height:100%;object-fit:cover;object-position:64% 68%;width:100%;transform:scale(1.18)}.hero-visual:after{background:linear-gradient(180deg,var(--soft) 0%,rgb(250 247 242 / 0.000) 12%)}.hero-ambient{z-index:1;bottom:2%;left:4%;font-size:39vw;color:var(--muted);opacity:.25}.photo-caption{right:20px;bottom:18px;font-size:6px}.ticker{padding:11px 0}.ticker-track{font-size:9px;gap:25px}.ticker-star{font-size:18px}.section-heading{align-items:flex-start;gap:17px;margin-bottom:25px}.section-heading h2{font-size:30px}.section-heading .eyebrow{font-size:8px;margin-bottom:11px}.section-heading .text-link{font-size:9px;gap:7px;margin-top:30px;white-space:normal;flex-shrink:0;max-width:88px;line-height:1.6}.section-heading .text-link svg{width:15px}.section-note{display:none}.category-grid{gap:22px 12px}.category-image{aspect-ratio:1/1.1;margin-bottom:11px}.category-name{font-size:10px;line-height:1.35;min-height:28px;align-items:flex-start}.category-name svg{width:12px;height:12px;margin-top:1px}.category-caption{font-size:8px;line-height:1.5}.collection{padding-bottom:58px}.filter-row,.accessory-filters{flex-wrap:nowrap;overflow-x:auto;gap:7px;margin-right:calc(-1*var(--gutter));padding-right:var(--gutter);margin-bottom:24px;padding-bottom:4px;scrollbar-width:none}.filter-row::-webkit-scrollbar,.accessory-filters::-webkit-scrollbar{display:none}.filter-button{white-space:nowrap;font-size:10px;padding:10px 12px;min-height:40px;flex-shrink:0}.product-grid{gap:28px 14px}.product-image{aspect-ratio:1/.99;margin-bottom:13px}.product-badge{left:9px;top:9px;font-size:7px;padding:3px 6px}.save-product{right:0;top:0;width:36px;height:36px}.save-product svg{width:15px;height:15px}.product-type{font-size:7px;letter-spacing:.07em}.product-name{font-size:13px;line-height:1.35}.price{font-size:11px;white-space:nowrap}.price del{font-size:8px;margin-left:4px}.add-product{min-width:34px;min-height:38px;margin-top:8px}.product-info{gap:5px}.product-swatches{margin-top:8px}.detail-feature{padding-block:50px 56px}.feature-inner{display:flex;flex-direction:column;gap:30px}.feature-image{width:100%;height:310px;order:1;margin-top:4px}.feature-copy{width:100%;order:0}.feature-copy>.eyebrow{font-size:8px;margin-bottom:17px}.feature-copy h2{font-size:64px;margin-bottom:20px}.feature-copy>p:not(.eyebrow){font-size:12px}.feature-details{grid-template-columns:1fr;gap:15px;margin:23px 0 25px}.feature-details p{font-size:12px}.feature-details small{font-size:9px}.feature-copy .button{font-size:11px;min-height:46px;padding-inline:20px}.feature-product{width:300px;height:300px;transform:scale(1.22)}.feature-orbit{width:90%;left:5%;top:0;max-height:310px}.feature-label{font-size:6px;left:0;bottom:0;gap:9px}.feature-watermark{bottom:-14px;font-size:88px}.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.accessory-grid .product-image{aspect-ratio:1}.accessory-grid .product-name{font-size:13px}.accessory-grid .price{font-size:11px}.accessory-grid .product-type{font-size:7px}.accessory-grid .add-product{min-height:38px;margin-top:8px}.budget-intro{display:block;margin-bottom:22px}.budget-intro h2{margin-top:12px;font-size:30px}.budget-intro .eyebrow{font-size:8px}.budget-cards{grid-template-columns:1fr;gap:12px}.budget-card{min-height:125px;padding:22px}.budget-card h3{font-size:25px;margin-top:6px}.budget-card .eyebrow{font-size:7px}.budget-card .text-link{margin-top:17px;font-size:9px;gap:15px}.budget-card>.product-art{width:170px;height:170px;right:-12px;bottom:-18px;opacity:.85}.builder-section{padding-block:56px}.builder-layout{display:flex;flex-direction:column;gap:26px}.builder-stage{min-height:0;height:335px;width:100%;max-width:430px;position:relative}.builder-hookah{width:285px;height:285px;margin:0 auto;transform:scale(1.1)}.builder-background{font-size:170px;top:65px;left:4%}.builder-pieces{bottom:32px;left:6%;width:88%;gap:10px}.builder-pieces>.product-art{width:24%}.builder-pieces>.product-art:nth-child(2){width:22%}.builder-pieces>.product-art:nth-child(3){width:27%;margin-left:13%}.builder-caption{font-size:6px;bottom:0;left:4%}.builder-controls{width:100%;padding:24px}.builder-heading h3{font-size:21px}.builder-controls label{display:flex;padding:15px 0;gap:10px}.builder-controls label>span{display:inline-block;font-size:10px;margin:0}.builder-controls b{margin-right:6px;font-size:8px}.builder-controls select{width:auto;max-width:55%;text-align:right;font-size:10px;padding-right:15px}.setup-total>span{font-size:11px}.setup-total strong{font-size:25px}.builder-controls>.button{min-height:49px;font-size:11px}.builder-disclaimer{font-size:8px}.editorial-collections{grid-template-columns:1fr;gap:17px}.editorial-card{min-height:245px;padding:28px}.editorial-copy h2{font-size:34px}.editorial-copy .eyebrow{font-size:8px}.editorial-copy .text-link{margin-top:26px;font-size:10px}.editorial-card>.product-art{width:60%;right:-37px;bottom:-5px;opacity:.85}.charcoal-card>.product-art{right:-35px;width:57%}.guide-grid{grid-template-columns:1fr;gap:27px}.guide-card{grid-template-columns:40% 1fr;gap:20px}.guide-image{aspect-ratio:1/1.15}.guide-image .product-art{width:100%;height:100%;aspect-ratio:auto}.guide-copy .eyebrow{font-size:7px;line-height:1.7}.guide-copy h3{font-size:22px;margin:12px 0 15px}.guide-copy .text-link{font-size:9px;gap:12px}.guide-number{font-size:7px;top:10px;left:10px}.closing-band{padding-block:32px}.closing-band>.wrap{align-items:flex-start;flex-direction:column;gap:25px}.closing-band p{font-size:49px}.closing-band .button{min-height:46px;font-size:11px}.site-footer{padding-top:48px}.newsletter{grid-template-columns:1fr;gap:27px;padding-bottom:37px}.newsletter h2{font-size:27px}.newsletter .eyebrow{font-size:8px}.newsletter>div>p:last-child{font-size:10px}.email-field{min-height:50px}.email-field input{font-size:12px}.newsletter-note{font-size:8px}.footer-grid{display:block;padding-block:34px 42px}.footer-brand{display:block;padding-bottom:28px}.footer-brand>.wordmark{font-size:22px}.footer-brand>p{font-size:11px;margin-top:18px}.footer-concierge{font-size:11px;margin-top:18px}.social-links{margin-top:12px;gap:17px}.footer-column{border-top:1px solid rgb(250 247 242 / 0.149)}.footer-column:last-child{border-bottom:1px solid rgb(250 247 242 / 0.149)}.footer-toggle{min-height:56px;font-size:10px;color:var(--ivory)}.footer-toggle svg{display:block;width:17px;height:17px;transition:transform .2s}.footer-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.footer-column ul{font-size:12px;margin:0;padding:0 0 20px;gap:0}.footer-column li>button,.footer-column li>a{padding-block:9px;min-height:40px}.footer-wordmark{gap:10px;padding-bottom:24px}.footer-wordmark>span{font-size:13vw}.footer-wordmark>svg{width:24px;height:24px}.footer-bottom{font-size:8px;display:block;padding-block:23px 75px;line-height:1.8}.footer-bottom>span{display:block;margin-bottom:7px}.footer-preview{font-size:6px;margin-top:12px}.whatsapp-button{bottom:17px;right:17px;padding:13px;min-width:46px;min-height:46px}.whatsapp-button>span{display:none}.age-panel{padding:37px 26px}.age-panel h2{font-size:60px}.age-panel>.eyebrow{font-size:7px}.drawer-header{padding:27px 22px 20px}.drawer-body{padding:22px}.drawer-header h2{font-size:31px}.cart-item{grid-template-columns:75px 1fr auto;gap:12px}.cart-thumb{width:75px;height:90px}.cart-item h3{font-size:14px}.drawer-body .wishlist-products{gap:22px 13px}.content-dialog{max-height:92dvh}.content-dialog-header{padding:13px 18px}.content-dialog-header>.wordmark{font-size:16px}#content-body{padding:22px}.product-detail{grid-template-columns:1fr;gap:23px}.product-detail-image{max-width:270px;width:100%;margin:auto}.product-detail h2{font-size:30px}.article-content{padding:0 0 15px}.article-content h2{font-size:31px}.article-content p,.article-content li{font-size:12px}.toast{font-size:11px;bottom:20px;width:max-content;max-width:calc(100% - 32px);padding:12px 18px}}
@media(max-width:359px){.hero h1{font-size:61px}.hero-ctas .button{padding-inline:11px;gap:8px;font-size:9px}.wordmark{font-size:16px}.announcement{font-size:8px}.announcement>a{font-size:7px}.product-info{flex-wrap:wrap}.add-product{margin-top:0}.category-name{font-size:9px}.builder-controls{padding:18px}.builder-controls select{font-size:9px}.feature-copy h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-photo{will-change:auto}.ticker-track{will-change:auto}}
/* The catalog sheet has a taller hookah row and shorter accessory rows. */
.product-art.art-0,.product-art.art-1,.product-art.art-2,.product-art.art-3{background-size:400% 240%;background-position-y:0%}
.product-art.art-4,.product-art.art-5,.product-art.art-6,.product-art.art-7{background-size:400% 360%;background-position-y:58.2%}
.product-art.art-8,.product-art.art-9,.product-art.art-10,.product-art.art-11{background-size:400% 350%;background-position-y:100%}
@media(max-width:600px){.hero-photo{transform:none;object-position:75% center}.hero-visual{aspect-ratio:1.2}}
.product-art.art-4,.product-art.art-5,.product-art.art-6,.product-art.art-7{background-size:400% 380%;background-position-y:57.6%}
.product-art.art-6{clip-path:inset(0 5% 0 5%)}
.builder-hookah{transform:none;margin-top:15px}
@media(min-width:601px) and (max-width:900px){.builder-hookah{margin-top:60px}}
@media(max-width:600px){.builder-hookah{margin-top:8px}}

/* Product-first revision: larger imagery, legible type and rebuilt shopping sections. */
body{font-size:16px}.eyebrow,.section-heading .eyebrow{font-size:12px}.section-heading{margin-bottom:40px;align-items:flex-end}.section-heading h2{font-size:clamp(36px,3.5vw,52px)}.section-note{font-size:15px}.text-link{font-size:15px}.button{font-size:14px}.desktop-nav{font-size:14px;gap:26px}.hero-description{font-size:18px}.hero-eyebrow{font-size:12px}.announcement{font-size:12px;height:36px}.announcement a{font-size:11px}.ticker-track{font-size:14px}.product-art{background-image:none!important;clip-path:none!important;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-art>.catalog-photo{width:100%;height:100%;display:block;stroke:none;fill:none;object-fit:contain}.product-grid{gap:30px}.product-image{aspect-ratio:4/5;margin-bottom:22px;background:var(--bg)}.product-picture{padding:14px}.product-badge{font-size:11px;top:16px;left:16px}.save-product{top:9px;right:9px;min-width:44px;min-height:44px}.save-product svg{width:20px;height:20px}.product-info{display:block;position:relative;padding-bottom:8px}.product-type,.accessory-grid .product-type{font-size:11px;letter-spacing:.07em;margin-bottom:7px}.product-name,.accessory-grid .product-name{font-size:21px;line-height:1.35;font-weight:500;width:100%;min-height:2.7em;letter-spacing:-.025em}.price,.accessory-grid .price{font-size:19px;margin-top:12px;line-height:1.5;padding-right:54px}.add-product,.accessory-grid .add-product{position:absolute;right:0;bottom:3px;margin:0;min-width:46px;min-height:46px;background:var(--emerald);color:var(--ivory);border-color:var(--emerald)}.add-product:hover{background:var(--emerald-light)}.add-product svg{width:21px;height:21px}.product-swatches{margin-top:12px}.product-swatches span{height:10px;width:10px}.accessory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 30px}.accessory-grid .product-image{aspect-ratio:1.2}.accessory-grid .product-picture{padding:25px}.filter-button{font-size:13px;min-height:44px;padding:11px 19px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:categories}.category-card{counter-increment:categories;display:grid;grid-template-columns:1fr 48%;grid-template-rows:30px auto 1fr;column-gap:12px;padding:24px;background:var(--paper);min-height:218px;position:relative;transition:background .2s}.category-card:hover{background:var(--soft)}.category-card:before{content:'0' counter(categories);font:500 12px var(--display);color:var(--gold);grid-column:1;grid-row:1}.category-image{grid-column:2;grid-row:1/span 3;aspect-ratio:auto;min-height:170px;margin:0;background:var(--bg)}.category-image>.product-art{height:100%;width:100%;padding:7px}.category-name{grid-column:1;grid-row:2;font-size:20px;line-height:1.2;margin-top:15px;display:block;letter-spacing:-.04em}.category-name svg{display:none}.category-caption{grid-column:1;grid-row:3;font-size:13px;line-height:1.65;margin-top:9px;color:var(--muted);align-self:start}.category-card:after{content:'↗';position:absolute;left:24px;bottom:19px;font-size:23px;line-height:1}.budget-section{display:block;padding-top:16px}.budget-section .section-heading{margin-bottom:35px}.budget-cards{gap:24px}.budget-card{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;min-height:300px;padding:28px;background:var(--soft)}.budget-card:nth-child(2){background:var(--soft)}.budget-card:nth-child(3){background:var(--soft)}.budget-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.budget-card .eyebrow{font-size:10px;line-height:1.7;max-width:170px;color:var(--muted)}.budget-card h3{font-size:29px;white-space:normal;line-height:1.18;margin-top:18px;letter-spacing:-.05em}.budget-card p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:15px}.budget-card .text-link{font-size:13px;margin-top:auto;padding-top:28px;gap:12px}.budget-card>.product-art{position:relative;right:auto;bottom:auto;width:100%;height:100%;aspect-ratio:auto;opacity:1;align-self:stretch;background:var(--bg)}.budget-card:hover>.product-art{transform:none}.builder-section{padding-block:90px}.builder-layout{grid-template-columns:1.2fr 1fr;gap:35px;align-items:stretch}.builder-stage{padding:28px;min-height:0;height:auto;display:flex;align-items:center;flex-direction:column;justify-content:space-between;background:var(--soft);overflow:hidden}.builder-stage-label{display:block;width:100%;font-size:12px;letter-spacing:.08em;color:var(--muted);position:relative;z-index:1}.builder-hookah{width:85%;height:390px;margin:18px 0 0!important;transform:none!important;aspect-ratio:auto;background:var(--bg)}.builder-pieces{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:14px;margin-top:20px}.builder-pieces>.product-art,.builder-pieces>.product-art:nth-child(2),.builder-pieces>.product-art:nth-child(3){width:100%;height:125px;aspect-ratio:auto;margin:0;background:var(--bg);padding:8px}.builder-caption{position:static;display:block;width:100%;margin-top:21px;font-size:10px;letter-spacing:.08em;line-height:1.5}.builder-controls{padding:32px;background:var(--ivory);align-self:stretch}.builder-heading{padding-bottom:23px}.builder-heading h3{font-size:26px}.builder-heading>span{font-size:12px}.builder-controls label{display:block;padding:18px 0}.builder-controls label>span{display:block;font-size:15px;margin-bottom:8px}.builder-controls b{font-size:12px;margin-right:12px}.builder-controls select{width:100%;max-width:100%;text-align:left;font-size:15px;min-height:46px;padding:8px 12px;background:var(--bg);border:1px solid var(--line)}.setup-total{margin-top:26px}.setup-total>span{font-size:15px}.setup-total strong{font-size:31px}.builder-controls>.button{font-size:15px;min-height:54px}.builder-disclaimer{font-size:12px;line-height:1.7;margin-top:14px}.feature-copy>p:not(.eyebrow){font-size:17px}.feature-copy>.eyebrow{font-size:12px}.feature-details p{font-size:16px}.feature-details small{font-size:13px}.feature-details>div>span{font-size:12px}.feature-label{font-size:10px}.editorial-copy .eyebrow{font-size:12px}.editorial-copy .text-link{font-size:14px}.guide-copy .eyebrow{font-size:11px}.guide-copy h3{font-size:28px}.guide-copy .text-link{font-size:14px}.newsletter>div>p:last-child{font-size:15px}.newsletter .eyebrow{font-size:11px}.email-field input{font-size:16px}.newsletter-note{font-size:12px}.footer-brand>p{font-size:15px}.footer-concierge{font-size:14px}.footer-toggle{font-size:13px}.footer-column ul{font-size:14px;gap:14px}.footer-column li>button,.footer-column li>a{min-height:28px}.footer-bottom{font-size:12px}.footer-preview{font-size:10px}.product-detail .detail-description{font-size:16px}.product-detail small{font-size:12px}.article-content p,.article-content li{font-size:16px}.cart-item h3{font-size:18px}.cart-item p{font-size:15px}.cart-preview-note{font-size:13px}.search-result h3{font-size:18px}.search-result p{font-size:15px}.drawer-body .wishlist-products .product-name{font-size:17px}.drawer-body .wishlist-products .price{font-size:16px}.whatsapp-button{font-size:13px}
@media(max-width:1199px){.desktop-nav{font-size:12px;gap:16px}.category-card{padding:20px;grid-template-columns:1fr 45%;min-height:210px}.category-name{font-size:18px}.category-caption{font-size:12px}.category-card:after{left:20px}.product-name,.accessory-grid .product-name{font-size:20px}.price,.accessory-grid .price{font-size:18px}.budget-card{padding:22px;grid-template-columns:1fr;min-height:450px}.budget-copy{order:1;min-height:200px}.budget-card>.product-art{order:0;height:200px;width:100%}.budget-card h3{font-size:27px;margin-top:12px}.budget-card p{margin-top:10px}.budget-card .text-link{padding-top:15px}.builder-layout{grid-template-columns:1fr 1fr;gap:25px}.builder-controls{padding:25px}.builder-heading h3{font-size:23px}.builder-hookah{height:385px;width:95%}.builder-pieces>.product-art,.builder-pieces>.product-art:nth-child(2),.builder-pieces>.product-art:nth-child(3){height:105px}.footer-grid{gap:25px}.footer-column ul{font-size:13px}.footer-toggle{font-size:12px}}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 22px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.category-name{font-size:20px}.category-caption{font-size:13px}.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-card{min-height:415px;padding:20px}.budget-card>.product-art{height:175px}.budget-card h3{font-size:25px}.budget-card p{font-size:12px}.budget-card .text-link{font-size:12px}.builder-layout{grid-template-columns:1fr}.builder-stage{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto 1fr auto;gap:20px;min-height:480px}.builder-stage-label{grid-column:1/-1}.builder-hookah{grid-column:1;grid-row:2;width:100%;height:360px;margin:0!important}.builder-pieces{grid-column:2;grid-row:2;display:flex;flex-direction:column;margin:0;align-items:center;gap:15px}.builder-pieces>.product-art,.builder-pieces>.product-art:nth-child(2),.builder-pieces>.product-art:nth-child(3){height:105px;width:100%}.builder-caption{grid-column:1/-1;margin:0}.builder-controls{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.builder-heading,.setup-total,.builder-controls>.button,.builder-disclaimer{grid-column:1/-1}.builder-controls label{margin:0}.builder-controls label>span{font-size:14px}.builder-controls select{font-size:14px}.footer-grid{gap:30px}.section-note{font-size:14px}.guide-copy h3{font-size:25px}.guide-copy .eyebrow{font-size:10px}.guide-copy .text-link{font-size:13px}.newsletter h2{font-size:29px}}
@media(max-width:600px){:root{--section:68px}body{font-size:16px}.announcement{font-size:10px;height:32px}.announcement a{font-size:9px}.hero-eyebrow{font-size:10px}.hero-description{font-size:15px;max-width:330px;line-height:1.7}.hero-ctas .button{font-size:12px;padding:13px 14px;min-height:48px}.section-heading{margin-bottom:28px;display:block}.section-heading h2{font-size:34px;line-height:1.15;letter-spacing:-.045em}.section-heading .eyebrow{font-size:11px;line-height:1.6;margin-bottom:13px}.section-heading .text-link{font-size:13px;max-width:none;margin-top:18px;gap:12px;white-space:normal}.section-note{display:block;font-size:14px;margin-top:17px;line-height:1.7}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.category-card{display:flex;flex-direction:column;padding:0;background:none;min-height:0}.category-card:before,.category-card:after{display:none}.category-card:hover{background:none}.category-image{width:100%;height:185px;order:0;min-height:0;background:var(--bg);margin:0}.category-image>.product-art{padding:10px}.category-name{font-size:17px;line-height:1.3;min-height:0;margin-top:14px;order:1;display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.category-name svg{display:block;width:16px;height:16px;margin-top:3px}.category-caption{font-size:13px;line-height:1.6;margin-top:6px;order:2}.filter-button{font-size:12px;padding:10px 14px;min-height:44px}.product-grid,.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}.product-image{aspect-ratio:3/4;margin-bottom:16px}.product-picture{padding:6px}.product-name,.accessory-grid .product-name{font-size:17px;line-height:1.35;min-height:2.7em}.product-type,.accessory-grid .product-type{font-size:10px;line-height:1.5;margin-bottom:6px}.price,.accessory-grid .price{font-size:17px;margin-top:10px;padding-right:43px}.add-product,.accessory-grid .add-product{min-width:38px;min-height:42px;bottom:2px}.product-badge{font-size:9px;top:9px;left:8px;padding:4px 6px}.save-product{min-width:40px;min-height:40px;top:0;right:0}.save-product svg{width:18px;height:18px}.product-swatches{margin-top:10px}.accessory-grid .product-image{aspect-ratio:1}.accessory-grid .product-picture{padding:10px}.budget-section{padding-top:8px}.budget-section .section-heading{margin-bottom:25px}.budget-cards{grid-template-columns:1fr;gap:18px}.budget-card{display:grid;grid-template-columns:1.2fr 1fr;min-height:250px;padding:23px;gap:15px}.budget-copy{order:0;min-height:0}.budget-card .eyebrow{font-size:10px}.budget-card h3{font-size:27px;margin-top:16px;line-height:1.2}.budget-card p{font-size:13px;line-height:1.7;margin-top:12px}.budget-card p br{display:none}.budget-card .text-link{margin-top:auto;padding-top:22px;font-size:12px;gap:9px}.budget-card>.product-art{order:1;height:100%;min-height:190px;width:100%}.builder-section{padding-block:64px}.builder-layout{display:flex;flex-direction:column;gap:22px}.builder-stage{display:flex;flex-direction:column;min-height:0;height:auto;width:100%;padding:21px;gap:0}.builder-stage-label{font-size:10px;line-height:1.6;align-self:flex-start}.builder-hookah{height:305px;width:90%;margin-top:20px!important;max-width:none}.builder-pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:10px;margin-top:16px}.builder-pieces>.product-art,.builder-pieces>.product-art:nth-child(2),.builder-pieces>.product-art:nth-child(3){width:100%;height:88px;margin:0;padding:4px}.builder-caption{margin-top:20px;font-size:9px;letter-spacing:.03em;line-height:1.6}.builder-controls{display:block;padding:24px}.builder-heading{gap:10px}.builder-heading h3{font-size:23px}.builder-heading>span{font-size:11px}.builder-controls label{display:block;padding:20px 0}.builder-controls label>span{font-size:15px;margin-bottom:9px}.builder-controls b{font-size:12px;margin-right:10px}.builder-controls select{max-width:100%;width:100%;font-size:15px;min-height:48px;text-align:left;padding:10px 12px}.setup-total{gap:14px}.setup-total>span{font-size:14px;max-width:130px}.setup-total strong{font-size:28px}.builder-controls>.button{font-size:14px}.builder-disclaimer{font-size:12px}.feature-copy>p:not(.eyebrow){font-size:16px}.feature-copy>.eyebrow{font-size:11px}.feature-details p{font-size:16px}.feature-details small{font-size:13px}.feature-details>div>span{font-size:11px}.feature-copy .button{font-size:13px}.feature-label{font-size:9px;letter-spacing:.04em}.editorial-copy .eyebrow{font-size:10px}.editorial-copy .text-link{font-size:13px}.editorial-copy h2{font-size:33px}.guide-copy .eyebrow{font-size:10px}.guide-copy h3{font-size:23px}.guide-copy .text-link{font-size:12px}.guide-card{grid-template-columns:40% 1fr;gap:17px}.guide-image{background:var(--bg)}.guide-image .product-art{padding:8px}.guide-number{font-size:10px}.newsletter>div>p:last-child{font-size:14px}.newsletter h2{font-size:29px}.newsletter .eyebrow{font-size:11px}.email-field input{font-size:15px}.newsletter-note{font-size:12px}.footer-brand>p{font-size:15px}.footer-concierge{font-size:14px}.footer-toggle{font-size:13px;min-height:60px}.footer-column ul{font-size:15px}.footer-column li>button,.footer-column li>a{min-height:44px;padding-block:11px}.footer-bottom{font-size:11px;line-height:1.8}.footer-preview{font-size:9px}.product-detail .detail-description{font-size:15px}.product-detail small{font-size:12px}.article-content p,.article-content li{font-size:15px}.cart-item h3{font-size:17px}.cart-item p{font-size:14px}.search-result h3{font-size:17px}.search-result p{font-size:14px}.drawer-body .wishlist-products .product-name{font-size:16px}.drawer-body .wishlist-products .price{font-size:16px}}
@media(max-width:359px){.hero-ctas .button{font-size:11px;padding-inline:10px;gap:5px}.category-image{height:165px}.category-name{font-size:16px}.product-name,.accessory-grid .product-name{font-size:16px}.price,.accessory-grid .price{font-size:16px}.product-info{display:block}.product-badge{font-size:8px}.product-type,.accessory-grid .product-type{font-size:9px}.budget-card{padding:19px;grid-template-columns:1.15fr 1fr}.budget-card h3{font-size:25px}.budget-card p{font-size:12px}.budget-card .eyebrow{font-size:9px}.section-heading h2{font-size:31px}.builder-controls{padding:20px}.builder-heading h3{font-size:21px}}
.feature-image{background:var(--soft);height:570px;padding:30px}.feature-orbit{display:none}.feature-product{width:100%;height:100%;filter:none;transform:none}.feature-product .catalog-photo{mix-blend-mode:multiply}.feature-label{color:var(--emerald);bottom:14px;left:20px}.product-image .catalog-photo{object-fit:contain}.builder-heading>span{white-space:nowrap}.builder-stage-label{flex-shrink:0}
@media(max-width:900px){.feature-image{height:420px;padding:20px}.feature-label{font-size:9px}}
@media(max-width:600px){.feature-image{height:360px;padding:20px}.feature-product{width:100%;height:100%;transform:none}.feature-label{font-size:8px;bottom:12px}.product-name,.accessory-grid .product-name{min-height:2.7em}.feature-copy .button{white-space:normal;gap:15px}.hero-ctas .button{gap:8px}.footer-preview{margin-left:0}}

/* Urban Shisha / DROP LANGUAGE. Existing layouts and commerce hooks are retained. */
:root{--bg:#FAF7F2;--primary:#6C2BFF;--accent:#C6FF3D;--pop:#FF5C39;--soft:#E9E0FF;--ink:#14121F;--radius:32px;--shadow:6px 6px 0 var(--ink);--ivory:var(--bg);--paper:var(--soft);--stone:var(--soft);--emerald:var(--ink);--emerald-light:var(--primary);--gold:var(--primary);--muted:#625A73;--line:#C9C0D8;--display:'Space Grotesk',sans-serif;--hero:'Space Grotesk',sans-serif;--gutter:clamp(22px,4.7vw,80px);--section:clamp(72px,7.3vw,112px)}
body{background:var(--bg);color:var(--ink);overflow-x:clip}html{scroll-padding-top:115px}h1,h2,h3{font-weight:700;letter-spacing:-.055em}h2,h3{text-transform:uppercase}.section-heading h2{font-size:clamp(34px,3.6vw,54px);line-height:1.04}.section-heading .eyebrow,.eyebrow{font-weight:700;letter-spacing:.09em}.section-heading .eyebrow{color:var(--primary)}.section-note{color:var(--muted)}.punct{color:var(--primary)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--primary);outline-offset:5px}.hero a:focus-visible,.site-footer button:focus-visible,.site-footer a:focus-visible,.detail-feature button:focus-visible{outline-color:var(--accent)}.announcement{background:var(--accent);color:var(--ink);height:32px;font-size:11px;font-weight:600}.announcement a{color:var(--ink)}.site-header{width:calc(100% - var(--gutter)*2);max-width:1460px;top:13px;margin:16px auto 22px;border:2px solid var(--ink);border-radius:999px;background:rgb(250 247 242 / .93);backdrop-filter:blur(12px);box-shadow:4px 4px 0 var(--ink);transition:transform .25s ease;transform-origin:center top;z-index:50}.site-header.is-scrolled{transform:scale(.98)}.header-inner{height:76px;max-width:none;padding-inline:28px;gap:22px}.wordmark{font-size:22px;font-weight:700;letter-spacing:-.075em}.wordmark>span:not(.brand-dot){font-weight:700}.desktop-nav{font-weight:700;gap:23px;font-size:16px}.desktop-nav a:after{height:2px;background:var(--primary)}.icon-button:hover{color:var(--primary)}.bag-button{gap:8px}.cart-count{min-width:25px;height:25px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;background:var(--accent);font-weight:700;font-size:12px}.mobile-nav{background:var(--bg);border:2px solid var(--ink);border-radius:28px;box-shadow:var(--shadow);top:calc(100% + 15px);left:0;width:100%;padding:16px 25px 23px}.mobile-nav>a,.mobile-nav>button{font-weight:700;border-color:var(--line)}.button{border:2px solid var(--ink);border-radius:999px;background:var(--accent);color:var(--ink);box-shadow:3px 3px 0 var(--ink);min-height:54px;font-size:14px;font-weight:700;padding:15px 25px;transition:background .18s,transform .18s}.button:hover{background:var(--soft);color:var(--ink);border-color:var(--ink);transform:translate(-2px,-2px)}.button-outline{background:transparent;color:var(--bg);border-color:var(--bg);box-shadow:none}.button-outline:hover{background:var(--bg);color:var(--ink);border-color:var(--bg)}.button-cream{background:var(--accent);color:var(--ink);border-color:var(--ink)}.text-link{border-color:var(--ink);font-weight:700;font-size:14px}.hero{min-height:800px;height:auto;max-height:none;isolation:isolate;background:var(--primary);color:var(--bg);overflow:hidden;position:relative;padding:0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.hero-eyebrow{position:absolute;left:var(--gutter);top:38px;z-index:5;font-size:12px;display:flex;gap:22px;margin:0;align-items:center;font-weight:700;letter-spacing:.06em}.hero-eyebrow>span{background:var(--accent);color:var(--ink);padding:5px 10px;border:2px solid var(--ink);border-radius:999px;transform:rotate(-4deg);font-size:10px}.hero-title{position:static;font-weight:700;margin:0;line-height:.94;letter-spacing:-.065em}.headline-back{position:absolute;left:var(--gutter);top:106px;z-index:2;font-size:clamp(80px,8.8vw,142px);overflow:hidden;padding-bottom:10px}.headline-front{position:absolute;left:var(--gutter);top:246px;z-index:4;font-size:clamp(85px,8.8vw,142px);line-height:.94;pointer-events:none}.headline-piece{display:block;will-change:transform}.headline-front>.headline-piece{margin-bottom:6px}.hero-title .outlined-word{color:var(--accent);-webkit-text-stroke:2px var(--accent);paint-order:stroke fill}.hero-visual{position:absolute;width:46%;height:720px;right:3%;top:49px;margin:0;z-index:3;overflow:visible;pointer-events:none;aspect-ratio:auto}.hero-visual:after{display:none}.hero-parallax,.hero-float{height:100%;width:100%;position:relative}.hero-float{transform:rotate(-6deg)}.hero-photo{object-fit:contain;object-position:center;max-width:none;width:100%;height:100%;transform:none;filter:drop-shadow(12px 18px 0 rgb(20 18 31 / .15));will-change:transform}.hero-glow{position:absolute;z-index:1;right:10%;top:220px;width:440px;height:380px;border-radius:40% 60% 65% 35%;background:var(--accent);opacity:.33;filter:blur(45px);transform:rotate(-20deg);pointer-events:none}.hero-smoke{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible;stroke:var(--bg);stroke-width:2;opacity:.19}.hero-smoke path{fill:none}.hero-content{position:absolute;left:var(--gutter);bottom:38px;z-index:6;max-width:580px}.hero-description{color:var(--bg);margin:0;font-size:17px;font-weight:500;line-height:1.6}.hero-ctas{margin-top:23px;display:flex;flex-direction:row;gap:15px}.hero-ctas .button{font-size:14px;min-height:54px;padding:15px 24px;gap:24px}.hero-ctas .button:first-child{background:var(--accent);color:var(--ink)}.hero-ctas .button:first-child:hover{background:var(--soft)}.trust-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.trust-chips>span{font-size:11px;font-weight:600;border:1px solid rgb(250 247 242 / .6);border-radius:999px;padding:6px 11px;color:var(--bg)}.hero-price-note{font-size:10px;margin-top:12px;opacity:.82}.hero-sticker{position:absolute;z-index:7;color:var(--ink);text-align:center;display:block;line-height:1.03}.sticker-inner{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100%;width:100%;padding:18px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:22px;font-family:var(--display);font-weight:700}.sticker-drop{top:47px;right:30%;transform:rotate(-11deg);width:122px;height:120px;font-size:25px}.sticker-drop .sticker-inner{background:var(--accent);border-radius:26px}.sticker-drop svg{position:absolute;right:7px;bottom:8px;transform:rotate(-40deg);width:24px;height:24px}.sticker-price{top:228px;right:3.3%;transform:rotate(8deg);font-size:21px;width:185px}.sticker-price .sticker-inner{background:var(--soft);padding:16px 10px;border-radius:999px}.sticker-price small{font:700 9px var(--sans);margin-bottom:8px;letter-spacing:.035em}.sticker-vibe{bottom:104px;right:3%;transform:rotate(10deg);width:145px;height:145px;font-size:26px}.sticker-vibe .sticker-inner{background:var(--pop);border-radius:50%}.sticker-vibe svg{margin-top:8px;width:28px;height:28px}.sticker-hot{top:91px;right:5%;transform:rotate(14deg);font-size:19px}.sticker-hot .sticker-inner{background:var(--bg);padding:12px 17px;border-radius:12px}.hero-side-note{position:absolute;right:13px;top:430px;font-size:9px;letter-spacing:.12em;writing-mode:vertical-rl;color:var(--bg);z-index:8}.ticker{position:relative;width:100%;padding:19px 0;margin-top:-1px;background:var(--accent);color:var(--ink);border:2px solid var(--ink);border-left:0;border-right:0;transform:rotate(-2deg);z-index:8;overflow:hidden;box-shadow:0 5px 0 var(--ink)}.ticker-track{display:flex;gap:0;width:max-content;font:700 24px var(--display);letter-spacing:-.025em;will-change:transform}.ticker-copy{display:flex;gap:30px;align-items:center;white-space:nowrap;padding-right:30px}.ticker-copy b{font-size:24px}.categories{padding-top:115px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:categories}.category-card{position:relative;display:grid;grid-template-columns:1fr 48%;grid-template-rows:30px auto 1fr;gap:10px 14px;padding:26px;min-height:246px;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--soft);transform-style:preserve-3d;transition:box-shadow .2s;overflow:visible;isolation:isolate}.category-card:nth-child(2){background:var(--accent)}.category-card:nth-child(3){background:var(--pop)}.category-card:nth-child(4){background:#FFFFFF}.category-card:nth-child(5){background:#D9EDFF}.category-card:nth-child(6){background:#FFD9EE}.category-card:hover{box-shadow:9px 9px 0 var(--ink)}.category-card:before{color:var(--ink);font-weight:700;font-size:12px}.category-card:after{left:24px;bottom:19px;border:2px solid var(--ink);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;line-height:1;font-size:21px;background:var(--bg)}.category-image{grid-column:2;grid-row:1/span 3;position:relative;min-height:180px;background:none;margin:0;overflow:visible;z-index:1;display:block}.category-image:before{content:'';position:absolute;inset:18px 0;border-radius:50% 40% 55% 42%;background:rgb(250 247 242 / .6);transform:rotate(-8deg);z-index:-1}.category-image>.product-art{background:none;padding:0;mix-blend-mode:multiply;position:relative;z-index:2}.category-name{font-size:22px;font-weight:700;line-height:1.12;text-transform:uppercase;letter-spacing:-.05em;margin-top:10px;display:block}.category-caption{font-size:14px;color:var(--ink);line-height:1.6;margin-top:5px}.category-name svg{display:none}.product-art{background-image:none!important;background-color:transparent!important;clip-path:none!important}.product-art>.catalog-photo{background:none;object-fit:contain}.product-grid{gap:28px}.product-card{border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--bg);overflow:hidden;transition:transform .2s,box-shadow .2s;position:relative}.product-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}.product-image{aspect-ratio:4/5;position:relative;background:none;border-bottom:2px solid var(--ink);margin:0;overflow:hidden;border-radius:29px 29px 0 0;isolation:isolate}.product-image:before{content:'';position:absolute;left:8%;right:8%;top:12%;bottom:11%;background:var(--soft);border-radius:43% 57% 37% 63%;transform:rotate(-8deg);z-index:-1}.product-card:nth-child(3n+2) .product-image:before{background:var(--accent);border-radius:48% 35% 55% 45%;transform:rotate(10deg)}.product-card:nth-child(3n) .product-image:before{background:#FFD8CE;border-radius:38% 62% 43% 57%}.product-picture{mix-blend-mode:multiply;position:relative;z-index:1;padding:18px;width:100%;height:100%;background:none}.product-picture .product-art{height:100%;width:100%;padding:0;transition:transform .35s}.product-picture:hover .product-art{transform:scale(1.04)}.product-badge{position:absolute;top:17px;left:14px;padding:7px 11px;background:var(--accent);color:var(--ink);border:2px solid var(--ink);border-radius:9px;transform:rotate(-7deg);font-size:10px;font-weight:800;letter-spacing:.05em;z-index:3}.product-card:nth-child(3n+2) .product-badge{background:var(--pop)}.save-product{top:10px;right:10px;z-index:3;width:42px;height:42px;min-width:42px;min-height:42px;border:2px solid var(--ink);border-radius:50%;background:var(--bg)}.save-product svg{width:19px;height:19px}.save-product.is-saved{background:var(--pop)}.save-product.is-saved svg{fill:var(--ink)}.product-info{position:relative;padding:21px 20px 24px;min-height:175px;display:block}.product-type{color:var(--primary);font-weight:700;font-size:10px;letter-spacing:.055em;margin-bottom:8px}.product-name,.accessory-grid .product-name{font:700 19px/1.3 var(--display);text-transform:none;letter-spacing:-.035em;min-height:2.6em;width:100%;text-align:left}.price,.accessory-grid .price{font-size:19px;font-weight:700;line-height:1.4;padding-right:46px;margin-top:12px}.add-product,.accessory-grid .add-product{position:absolute;bottom:18px;right:17px;width:43px;height:43px;min-width:43px;min-height:43px;border:2px solid var(--ink);border-radius:50%;background:var(--primary);color:var(--bg);margin:0;transition:background .18s}.add-product:hover,.accessory-grid .add-product:hover{background:var(--accent);color:var(--ink)}.accessory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}.accessory-grid .product-image{aspect-ratio:1.22}.accessory-grid .product-picture{padding:24px}.filter-row,.accessory-filters{gap:10px;padding-block:3px 8px}.filter-button{border:2px solid var(--ink);border-radius:999px;background:var(--bg);font-size:13px;font-weight:600;min-height:45px;padding:11px 20px}.filter-button.is-active{background:var(--primary);border-color:var(--ink);color:var(--accent);box-shadow:2px 2px 0 var(--ink)}.filter-button:hover{background:var(--soft);border-color:var(--ink);color:var(--ink)}.filter-button.is-active:hover{background:var(--primary);color:var(--accent)}.moods{padding-bottom:0}.mood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.mood-card{position:relative;min-height:370px;border:2px solid var(--ink);border-radius:36px;box-shadow:var(--shadow);padding:30px;overflow:hidden;background:var(--soft);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s}.mood-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}.mood-party{background:var(--accent)}.mood-date{background:var(--pop)}.mood-number{font-size:10px;font-weight:700;letter-spacing:.08em;position:relative;z-index:2}.mood-card h3{font-size:clamp(38px,4vw,59px);line-height:.97;margin-top:26px;position:relative;z-index:2}.mood-card>p{max-width:230px;font-size:15px;line-height:1.6;margin-top:18px;position:relative;z-index:2}.mood-cta{margin-top:auto;padding-top:26px;display:flex;align-items:center;gap:16px;font-size:13px;font-weight:700;position:relative;z-index:2}.mood-cta svg{height:32px;width:32px;padding:6px;border:2px solid var(--ink);border-radius:50%}.mood-graphic{position:absolute;right:-8px;top:88px;font:700 190px/1 var(--display);opacity:.22;color:var(--primary);transform:rotate(15deg);pointer-events:none;z-index:1}.mood-party .mood-graphic{color:var(--ink);right:-8px;font-size:200px;top:90px}.mood-heart{height:150px;width:150px;stroke:var(--ink);stroke-width:1.3;right:-5px;top:118px;opacity:.17;transform:rotate(-17deg)}.detail-feature{background:var(--primary);color:var(--bg);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:80px 0}.feature-image{background:var(--soft);border:2px solid var(--ink);border-radius:40px;box-shadow:8px 8px 0 var(--ink);padding:35px;height:565px;overflow:hidden;isolation:isolate}.feature-image:before{content:'';position:absolute;inset:16%;background:var(--accent);border-radius:43% 57% 65% 35%;transform:rotate(-13deg);z-index:-1}.feature-product{width:100%;height:100%;mix-blend-mode:multiply;filter:none;transform:none}.feature-product .catalog-photo{mix-blend-mode:normal}.feature-label{color:var(--ink);font-size:10px;bottom:14px;left:24px}.feature-copy>.eyebrow{color:var(--accent);font-size:12px}.feature-copy h2{font:700 clamp(45px,4.8vw,73px)/.99 var(--display);letter-spacing:-.06em}.feature-copy h2>span{color:transparent;-webkit-text-stroke:1.5px var(--accent)}.feature-copy>p:not(.eyebrow){color:var(--bg);font-size:17px}.feature-details p{font-size:16px;font-weight:600}.feature-details small{color:var(--soft);font-size:13px;font-weight:400}.feature-details>div>span{color:var(--accent);font-size:12px}.feature-watermark{font:700 13vw/.9 var(--display);color:rgb(250 247 242 / .07);bottom:-20px}.budget-cards{gap:27px}.budget-card{border:2px solid var(--ink);border-radius:36px;box-shadow:var(--shadow);background:var(--accent);padding:28px;min-height:320px;transition:transform .2s,box-shadow .2s;overflow:hidden}.budget-card:nth-child(2){background:var(--soft)}.budget-card:nth-child(3){background:var(--pop)}.budget-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}.budget-card .eyebrow{color:var(--ink);font-size:10px;font-weight:700}.budget-card h3{font-size:30px}.budget-card p{color:var(--ink);font-size:14px}.budget-card .text-link{font-size:13px}.budget-card>.product-art{background:none;mix-blend-mode:multiply}.builder-section{background:var(--soft);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding-block:90px}.builder-stage{background:var(--accent);border:2px solid var(--ink);border-radius:40px;box-shadow:var(--shadow);padding:30px}.builder-stage-label{color:var(--ink);font-size:12px;font-weight:700}.builder-hookah{background:none!important;mix-blend-mode:multiply;padding:10px}.builder-pieces{gap:16px}.builder-pieces>.product-art,.builder-pieces>.product-art:nth-child(2),.builder-pieces>.product-art:nth-child(3){background:var(--bg)!important;border:2px solid var(--ink);border-radius:22px;padding:10px;box-shadow:3px 3px 0 var(--ink)}.builder-caption{color:var(--ink);font-size:11px;font-weight:600}.builder-controls{border:2px solid var(--ink);border-radius:40px;box-shadow:var(--shadow);padding:32px;background:var(--bg)}.builder-heading{border-bottom:2px solid var(--ink)}.builder-heading h3{font-size:25px;letter-spacing:-.04em}.builder-heading>span{font-weight:700;color:var(--primary)}.builder-controls label{border-color:var(--line)}.builder-controls label>span{font-weight:700}.builder-controls b{color:var(--primary);font-weight:700}.builder-controls select{background:var(--soft);border:2px solid var(--ink);border-radius:16px;min-height:52px;font-size:15px;font-weight:600;padding:12px 16px;box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.setup-total>span{font-weight:700}.setup-total strong{color:var(--primary);font-weight:700;font-size:34px}.builder-controls>.button{background:var(--accent);min-height:56px}.builder-disclaimer{color:var(--muted);font-size:12px}.editorial-card{background:var(--soft);border:2px solid var(--ink);border-radius:36px;box-shadow:var(--shadow);padding:32px;overflow:hidden;min-height:300px}.charcoal-card{background:#FFD8CE}.editorial-copy .eyebrow{color:var(--ink);font-weight:700}.editorial-copy h2{font-size:clamp(29px,3vw,43px);line-height:1.04;font-weight:700}.editorial-copy .text-link{border-color:var(--ink);font-weight:700}.editorial-card>.product-art{mix-blend-mode:multiply;opacity:1;right:-20px;width:45%}.guide-card{border:2px solid var(--ink);border-radius:32px;box-shadow:var(--shadow);overflow:hidden;gap:22px;padding:20px;background:var(--soft);transition:transform .2s}.guide-card:nth-child(2){background:#FFD8CE}.guide-card:hover{transform:translate(-3px,-3px)}.guide-image{background:none;border-radius:20px}.guide-image .product-art{background:none;mix-blend-mode:multiply}.guide-number{color:var(--ink);font-weight:700}.guide-copy .eyebrow{color:var(--ink);font-size:10px;font-weight:700}.guide-copy h3{font-size:26px;line-height:1.04}.guide-copy .text-link{font-size:13px}.closing-band{background:var(--accent);border-block:2px solid var(--ink);padding-block:55px}.closing-band p{font:700 clamp(35px,5.2vw,77px)/.98 var(--display);letter-spacing:-.06em}.closing-band p>span{color:var(--primary)}.closing-band .button{background:var(--ink);color:var(--accent);border-color:var(--ink)}.closing-band .button:hover{background:var(--primary);color:var(--bg)}.site-footer{background:var(--primary);color:var(--bg);padding-top:75px}.newsletter{border-color:rgb(250 247 242 / .4)}.newsletter .eyebrow{color:var(--accent);font-size:12px}.newsletter h2{font-weight:700;font-size:34px}.newsletter>div>p:last-child{color:var(--bg);font-size:15px}.email-field{background:var(--bg);border:2px solid var(--ink);border-radius:999px;min-height:56px;box-shadow:4px 4px 0 var(--ink);padding-left:20px;overflow:hidden}.email-field input{color:var(--ink);font-size:15px}.email-field input::placeholder{color:var(--muted)}.email-field button{background:var(--accent);color:var(--ink);width:58px;border-left:2px solid var(--ink)}.email-field button:hover{color:var(--primary)}.newsletter-note{color:var(--bg);font-size:12px}.footer-brand>p{color:var(--bg);font-size:15px}.footer-concierge{color:var(--accent);font-weight:700}.footer-toggle{color:var(--accent);font-size:13px;font-weight:700}.footer-column ul{color:var(--bg);font-size:14px}.footer-column a:hover,.footer-column li>button:hover{color:var(--accent)}.footer-wordmark{border-color:rgb(250 247 242 / .4)}.footer-wordmark>span{font:700 clamp(45px,10.5vw,163px)/.9 var(--display);letter-spacing:-.075em;color:var(--accent)}.footer-wordmark>svg{color:var(--accent);width:45px;height:45px;stroke-width:2}.footer-bottom{color:var(--bg);font-size:12px}.footer-preview{font-size:10px}.whatsapp-button{background:var(--accent);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:700;bottom:22px;right:22px}.whatsapp-button:hover{background:var(--soft)}dialog{background:var(--bg);color:var(--ink)}dialog::backdrop{background:rgb(20 18 31 / .62)}.age-dialog,.content-dialog{border:2px solid var(--ink);border-radius:32px;box-shadow:8px 8px 0 var(--ink)}.age-dialog{background:var(--soft)}.age-panel h2{font:700 58px/.95 var(--display);letter-spacing:-.06em}.age-panel>.eyebrow{color:var(--primary);font-size:10px;font-weight:700}.age-panel>p:not(.eyebrow),.age-panel small{color:var(--ink)}.age-decline{font-size:13px}.age-panel .button{width:100%}.drawer{border-left:2px solid var(--ink)}.drawer-header{border-bottom:2px solid var(--ink);background:var(--soft)}.drawer-header .eyebrow{color:var(--primary);font-weight:700}.drawer-header h2{font-weight:700}.cart-thumb{border:1px solid var(--ink);border-radius:14px;background:var(--soft);overflow:hidden}.cart-thumb .product-art{mix-blend-mode:multiply}.quantity-control{border:2px solid var(--ink);border-radius:999px;overflow:hidden}.cart-summary strong{font-weight:700;color:var(--primary)}.search-input{background:var(--soft);border:2px solid var(--ink);border-radius:18px;font-size:15px}.search-result{border-color:var(--line)}.search-result>.product-art{background:none;mix-blend-mode:multiply}.content-dialog-header{background:var(--soft);border-bottom:2px solid var(--ink)}.product-detail-image{background:var(--soft);border:2px solid var(--ink);border-radius:24px;overflow:hidden;padding:15px}.product-detail-image>.product-art{mix-blend-mode:multiply}.product-detail .detail-price{font-weight:700;color:var(--primary)}.product-detail .eyebrow,.article-content .eyebrow{color:var(--primary)}.toast{background:var(--accent);color:var(--ink);border:2px solid var(--ink);border-radius:999px;box-shadow:4px 4px 0 var(--ink);font-weight:700}.skip-link{background:var(--accent);color:var(--ink);border:2px solid var(--ink);border-radius:999px}.noscript-note{background:var(--soft);color:var(--ink)}
@media(min-width:1700px){.hero{min-height:880px}.hero-visual{right:8%;height:790px;top:40px;width:44%}.headline-front{top:270px}.hero-content{bottom:50px}.sticker-price{right:7%}.sticker-drop{right:34%}}
@media(max-width:1199px){.header-inner{padding-inline:20px;gap:15px}.desktop-nav{font-size:12px;gap:14px}.wordmark{font-size:20px}.hero{min-height:770px}.hero-visual{right:0%;width:48%;height:665px;top:75px}.headline-back{font-size:9.2vw;top:120px}.headline-front{font-size:9.2vw;top:240px}.hero-content{max-width:520px;bottom:38px}.hero-description{font-size:16px}.hero-ctas .button{font-size:13px;padding:14px 20px;gap:16px}.sticker-drop{width:100px;height:105px;font-size:21px;right:31%;top:48px}.sticker-price{width:160px;top:252px;right:3%;font-size:18px}.sticker-vibe{width:115px;height:115px;font-size:22px;bottom:105px}.sticker-hot{right:4%;top:85px;font-size:15px}.category-card{padding:22px;min-height:230px;grid-template-columns:1fr 44%}.category-name{font-size:20px}.category-caption{font-size:13px}.category-image{min-height:170px}.product-info{padding:19px 16px 23px}.product-name,.accessory-grid .product-name{font-size:18px}.price,.accessory-grid .price{font-size:18px}.add-product,.accessory-grid .add-product{right:13px}.mood-card{padding:26px;min-height:365px}.mood-card h3{font-size:48px}.mood-card>p{font-size:14px;max-width:180px}.mood-cta{font-size:12px;gap:9px}.budget-card{min-height:465px;padding:24px}.budget-card>.product-art{height:220px}.budget-card h3{font-size:28px}.builder-heading h3{font-size:23px}.feature-copy h2{font-size:54px}.editorial-copy h2{font-size:34px}.newsletter h2{font-size:29px}.footer-grid{gap:24px}}
@media(max-width:900px){.site-header{width:calc(100% - 36px);top:11px;margin-top:13px;margin-bottom:20px}.header-inner{height:69px;padding-inline:20px}.desktop-nav{display:none}.mobile-toggle{display:grid}.hero{min-height:720px}.headline-back{top:100px;font-size:9.5vw}.headline-front{top:207px;font-size:10vw}.hero-eyebrow{top:30px;font-size:10px}.hero-visual{width:48%;height:570px;top:96px;right:0%}.hero-glow{width:310px;height:330px;right:2%;top:180px}.hero-content{bottom:30px;max-width:460px}.sticker-drop{width:87px;height:91px;right:27%;top:47px;font-size:19px}.sticker-hot{right:3%;top:78px;font-size:13px}.sticker-price{width:137px;top:321px;font-size:15px;right:2%}.sticker-price small{font-size:7px}.sticker-vibe{width:96px;height:96px;font-size:19px;right:4%;bottom:51px}.hero-ctas{gap:12px}.hero-ctas .button{padding:14px 16px;font-size:12px;gap:13px}.trust-chips>span{font-size:10px;padding:5px 9px}.hero-price-note{font-size:9px}.hero-side-note{display:none}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.category-card{padding:24px;min-height:232px;grid-template-columns:1fr 47%}.category-name{font-size:22px}.product-grid,.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 26px}.product-name,.accessory-grid .product-name{font-size:21px}.price,.accessory-grid .price{font-size:21px}.product-info{padding:23px 20px 25px}.add-product,.accessory-grid .add-product{right:18px;bottom:20px}.mood-grid{gap:22px}.mood-card{padding:22px;min-height:335px;border-radius:30px}.mood-card h3{font-size:39px;margin-top:25px}.mood-number{font-size:8px}.mood-card>p{font-size:13px;max-width:160px}.mood-cta{font-size:11px;gap:8px;line-height:1.5}.mood-cta svg{width:29px;height:29px}.mood-graphic{font-size:155px;right:-20px;top:90px}.mood-party .mood-graphic{font-size:165px;right:-24px}.mood-heart{width:120px;height:120px;right:-20px}.feature-inner{gap:32px}.feature-image{height:420px;padding:25px}.feature-copy h2{font-size:45px}.feature-copy>p:not(.eyebrow){font-size:15px}.feature-details p{font-size:14px}.feature-details small{font-size:12px}.feature-copy .button{font-size:12px;gap:10px;padding-inline:16px}.feature-label{font-size:8px;letter-spacing:0}.budget-cards{gap:22px}.budget-card{padding:20px;min-height:450px}.budget-card h3{font-size:25px}.budget-card p{font-size:13px}.budget-card .eyebrow{font-size:9px}.budget-card .text-link{font-size:12px}.builder-stage{border-radius:36px;padding:26px}.builder-controls{border-radius:36px;padding:27px}.guide-card{grid-template-columns:1fr;padding:22px}.guide-image{aspect-ratio:1.25}.guide-image .product-art{width:100%;height:100%;aspect-ratio:auto}.guide-copy h3{font-size:25px}.closing-band p{font-size:49px}.closing-band .button{font-size:13px}.newsletter{gap:35px}.footer-wordmark>span{font-size:10.3vw}.footer-wordmark>svg{width:32px;height:32px}}
@media(max-width:600px){:root{--gutter:21px;--section:76px;--radius:28px}html{scroll-padding-top:112px}.announcement{height:29px;gap:10px;font-size:9px}.announcement a{font-size:8px;gap:5px}.site-header{width:calc(100% - 30px);margin:12px auto 20px;top:10px;box-shadow:3px 3px 0 var(--ink)}.header-inner{height:62px;padding-inline:14px;gap:5px}.wordmark{font-size:19px;gap:4px}.brand-dot{font-size:8px}.header-actions{gap:0}.header-actions .icon-button{width:32px;height:44px}.header-actions svg{width:19px;height:19px}.bag-button{min-width:50px;gap:5px}.cart-count{height:21px;min-width:21px;font-size:10px}.wishlist-nav{display:none}.mobile-nav{top:calc(100% + 13px);max-height:calc(100dvh - 112px);padding:14px 22px 22px}.mobile-nav>a,.mobile-nav>button{font-size:22px}.hero{display:flex;flex-direction:column;min-height:0;height:auto;padding:28px var(--gutter) 32px;overflow:hidden}.hero-eyebrow{position:relative;left:auto;top:auto;font-size:9px;line-height:1.5;gap:10px;justify-content:space-between;z-index:6;max-width:100%;flex-wrap:wrap}.hero-eyebrow>span{font-size:8px;padding:4px 7px;white-space:nowrap}.hero-title{position:relative;margin-top:27px;z-index:2;line-height:.97;font-size:clamp(42px,11.8vw,67px);letter-spacing:-.07em}.headline-back,.headline-front{position:relative;left:auto;top:auto;font-size:inherit;line-height:inherit;padding:0;margin:0;overflow:visible}.headline-back{z-index:2}.headline-front{z-index:4}.headline-front .headline-piece{margin-bottom:0}.hero-title .outlined-word{-webkit-text-stroke:1.4px var(--accent);color:transparent}.hero-visual{position:relative;right:auto;top:auto;width:100%;height:365px;min-height:0;z-index:3;margin:0;overflow:visible;order:0;aspect-ratio:auto}.hero-parallax,.hero-float{height:100%;width:100%}.hero-photo{height:100%;width:100%;object-fit:contain;transform:none;object-position:center;filter:drop-shadow(8px 12px 0 rgb(20 18 31 / .13))}.hero-glow{top:290px;right:12%;width:75%;height:290px;opacity:.33;filter:blur(30px)}.hero-content{position:relative;left:auto;bottom:auto;max-width:none;width:100%;margin-top:22px;z-index:6}.hero-description{font-size:15px;line-height:1.65;max-width:100%}.hero-description br{display:initial}.hero-ctas{margin-top:20px;gap:10px;flex-direction:row}.hero-ctas .button{font-size:12px;min-height:50px;padding:12px 14px;gap:9px;flex:1;white-space:nowrap;justify-content:space-between}.hero-ctas .button svg{width:16px;height:16px}.trust-chips{gap:7px;margin-top:20px;justify-content:flex-start}.trust-chips>span{font-size:9px;padding:5px 9px}.hero-price-note{font-size:9px;margin-top:11px}.hero-sticker{z-index:5}.sticker-drop{width:78px;height:83px;top:262px;left:21px;right:auto;font-size:17px;transform:rotate(-12deg)}.sticker-drop .sticker-inner{padding:10px;border-radius:18px}.sticker-drop svg{width:18px;height:18px;right:4px;bottom:5px}.sticker-price{top:483px;right:14px;width:144px;font-size:17px;transform:rotate(8deg)}.sticker-price .sticker-inner{padding:12px 7px}.sticker-price small{font-size:7px;margin-bottom:6px}.sticker-hot{top:261px;right:23px;font-size:13px;transform:rotate(10deg)}.sticker-hot .sticker-inner{padding:10px 13px}.sticker-vibe{width:87px;height:87px;left:19px;right:auto;top:522px;bottom:auto;font-size:17px;transform:rotate(-9deg)}.sticker-vibe .sticker-inner{padding:9px}.sticker-vibe svg{width:20px;height:20px;margin-top:5px}.hero-smoke{width:150%;left:-25%;opacity:.16}.ticker{padding:15px 0;transform:rotate(-2deg);box-shadow:0 4px 0 var(--ink)}.ticker-track{font-size:18px}.ticker-copy{gap:20px;padding-right:20px}.ticker-copy b{font-size:18px}.categories{padding-top:82px}.section-heading h2{font-size:34px}.section-heading .eyebrow{font-size:11px}.section-heading .text-link{font-size:13px}.section-note{font-size:14px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.category-card{display:flex;flex-direction:column;min-height:0;padding:15px 13px 48px;gap:0;border:2px solid var(--ink);border-radius:26px;box-shadow:4px 4px 0 var(--ink);background:var(--soft);overflow:hidden}.category-card:hover{background:var(--soft);box-shadow:4px 4px 0 var(--ink)}.category-card:nth-child(2),.category-card:nth-child(2):hover{background:var(--accent)}.category-card:nth-child(3),.category-card:nth-child(3):hover{background:var(--pop)}.category-card:nth-child(4),.category-card:nth-child(4):hover{background:#FFF}.category-card:nth-child(5),.category-card:nth-child(5):hover{background:#D9EDFF}.category-card:nth-child(6),.category-card:nth-child(6):hover{background:#FFD9EE}.category-card:before{display:none}.category-card:after{display:grid;width:30px;height:30px;left:auto;right:12px;bottom:11px;font-size:18px}.category-image{width:100%;height:155px;min-height:0;aspect-ratio:auto;order:0;background:none;overflow:visible}.category-image:before{inset:15px 0}.category-image>.product-art{height:100%;width:100%;padding:0}.category-name{display:block;font-size:17px;line-height:1.04;order:1;min-height:2.08em;margin-top:15px;font-weight:700}.category-name svg{display:none}.category-caption{font-size:12px;line-height:1.55;order:2;margin-top:6px;min-height:3.1em;color:var(--ink)}.product-grid,.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px}.product-card{border-radius:25px;box-shadow:4px 4px 0 var(--ink)}.product-image{aspect-ratio:3/4;border-radius:22px 22px 0 0}.product-picture{padding:7px}.product-image:before{left:7%;right:7%;top:13%;bottom:12%}.product-badge{top:10px;left:8px;font-size:8px;padding:5px 6px;border-radius:7px}.save-product{top:7px;right:6px;width:31px;height:31px;min-width:31px;min-height:31px;border-width:1.5px}.save-product svg{width:15px;height:15px}.product-info{padding:15px 12px 21px;min-height:176px}.product-type,.accessory-grid .product-type{font-size:8px;margin-bottom:7px;line-height:1.5;min-height:3em}.product-name,.accessory-grid .product-name{font-size:16px;line-height:1.25;min-height:3.75em;letter-spacing:-.035em}.price,.accessory-grid .price{font-size:16px;line-height:1.4;margin-top:10px;padding-right:0;padding-bottom:36px}.add-product,.accessory-grid .add-product{right:10px;bottom:10px;width:34px;height:34px;min-width:34px;min-height:34px;border-width:1.5px}.add-product svg{width:17px;height:17px}.accessory-grid .product-image{aspect-ratio:1}.accessory-grid .product-picture{padding:10px}.filter-row,.accessory-filters{gap:8px;overflow-x:auto}.filter-button{font-size:12px;min-height:44px;padding:10px 16px;flex-shrink:0}.mood-grid{grid-template-columns:1fr;gap:25px}.mood-card{min-height:285px;padding:26px;border-radius:32px;box-shadow:5px 5px 0 var(--ink)}.mood-number{font-size:10px}.mood-card h3{font-size:44px;margin-top:20px}.mood-card>p{font-size:14px;max-width:240px;margin-top:15px}.mood-cta{font-size:13px;padding-top:22px;gap:15px}.mood-graphic{right:5px;top:55px;font-size:200px;opacity:.2}.mood-party .mood-graphic{right:5px;top:55px;font-size:200px}.mood-heart{right:9px;top:89px;width:160px;height:160px}.detail-feature{padding-block:63px}.feature-inner{display:flex;flex-direction:column;gap:35px}.feature-copy{order:0}.feature-image{order:1;width:100%;height:370px;padding:24px;border-radius:34px;box-shadow:5px 5px 0 var(--ink)}.feature-product{width:100%;height:100%;transform:none}.feature-label{font-size:8px;bottom:13px;left:18px;gap:9px}.feature-copy h2{font-size:44px;line-height:1.03}.feature-copy>.eyebrow{font-size:11px}.feature-copy>p:not(.eyebrow){font-size:16px}.feature-details p{font-size:16px}.feature-details small{font-size:13px}.feature-copy .button{font-size:13px}.budget-cards{grid-template-columns:1fr;gap:24px}.budget-card{grid-template-columns:1.15fr 1fr;min-height:285px;padding:25px;gap:15px;border-radius:30px;box-shadow:5px 5px 0 var(--ink)}.budget-card>.product-art{width:100%;height:100%;min-height:210px;order:1}.budget-copy{order:0}.budget-card .eyebrow{font-size:10px}.budget-card h3{font-size:26px}.budget-card p{font-size:13px}.budget-card .text-link{font-size:12px}.builder-section{padding-block:68px}.builder-layout{gap:28px}.builder-stage{border-radius:32px;padding:23px;display:flex;gap:0}.builder-stage-label{font-size:10px;line-height:1.6}.builder-hookah{height:310px;width:95%;margin-top:20px!important;padding:7px}.builder-pieces{gap:10px;margin-top:15px}.builder-pieces>.product-art,.builder-pieces>.product-art:nth-child(2),.builder-pieces>.product-art:nth-child(3){height:90px;padding:5px;border-radius:16px}.builder-caption{font-size:9px;margin-top:23px}.builder-controls{border-radius:32px;padding:24px;display:block}.builder-heading h3{font-size:23px}.builder-heading>span{font-size:10px}.builder-controls label{padding:20px 0}.builder-controls select{font-size:15px;min-height:52px;max-width:100%;width:100%;text-align:left}.setup-total>span{font-size:14px}.setup-total strong{font-size:29px}.builder-controls>.button{font-size:14px;min-height:54px}.builder-disclaimer{font-size:12px}.editorial-collections{gap:26px}.editorial-card{padding:27px;min-height:285px;border-radius:32px}.editorial-copy h2{font-size:29px}.editorial-copy .eyebrow{font-size:10px}.editorial-copy .text-link{font-size:12px;max-width:190px;white-space:normal}.editorial-card>.product-art{width:45%;right:-9px;bottom:0;opacity:1}.guide-grid{gap:27px}.guide-card{grid-template-columns:1fr;padding:22px;gap:20px;border-radius:30px}.guide-image{height:190px;aspect-ratio:auto;background:none}.guide-copy .eyebrow{font-size:11px}.guide-copy h3{font-size:27px;margin:13px 0 19px;min-height:0}.guide-copy .text-link{font-size:13px}.guide-number{font-size:10px}.closing-band{padding-block:42px}.closing-band>.wrap{gap:28px}.closing-band p{font-size:41px;line-height:1.04}.closing-band .button{font-size:14px}.site-footer{padding-top:62px}.newsletter{padding-bottom:35px}.newsletter h2{font-size:29px}.newsletter .eyebrow{font-size:11px}.newsletter>div>p:last-child{font-size:14px}.email-field{padding-left:17px;min-height:54px}.email-field input{font-size:14px}.newsletter-note{font-size:12px}.footer-brand>p{font-size:15px}.footer-concierge{font-size:14px}.footer-column,.footer-column:last-child{border-color:rgb(250 247 242 / .4)}.footer-toggle{color:var(--accent);font-size:13px;min-height:60px}.footer-column ul{font-size:15px}.footer-wordmark{gap:10px;align-items:center}.footer-wordmark>span{font-size:10.3vw;white-space:nowrap;letter-spacing:-.07em;line-height:1}.footer-wordmark>svg{width:25px;height:25px;flex-shrink:0}.footer-bottom{font-size:11px;padding-bottom:90px}.footer-preview{font-size:9px}.whatsapp-button{right:17px;bottom:17px;min-width:46px;min-height:46px;padding:12px}.age-panel{padding:37px 26px}.age-panel h2{font-size:51px}.age-panel>.eyebrow{font-size:9px}.age-panel .button{font-size:13px}.content-dialog,.age-dialog{border-radius:28px}.content-dialog-header .wordmark{font-size:18px}.drawer-body .wishlist-products{gap:26px 17px}.drawer-body .wishlist-products .product-info{padding:13px 10px}.drawer-body .wishlist-products .product-name{font-size:15px}.drawer-body .wishlist-products .price{font-size:15px}.toast{font-size:12px;padding:12px 19px;border-radius:22px;bottom:20px}}
@media(max-width:359px){.wordmark{font-size:16px}.header-inner{padding-inline:10px}.header-actions .icon-button{width:29px}.hero-title{font-size:11.5vw}.hero-eyebrow{font-size:8px}.hero-eyebrow>span{font-size:7px}.hero-visual{height:330px}.sticker-drop{top:240px;width:67px;height:75px;font-size:15px;left:13px}.sticker-hot{top:240px;right:14px;font-size:11px}.sticker-price{top:451px;width:123px;font-size:15px;right:13px}.sticker-vibe{top:473px;left:13px;width:76px;height:76px;font-size:15px}.hero-ctas .button{font-size:11px;padding-inline:10px;gap:5px}.trust-chips>span{font-size:8px;padding-inline:7px}.category-card{padding:13px 10px 48px}.category-image{height:135px}.category-name{font-size:15px}.category-caption{font-size:11px}.product-name,.accessory-grid .product-name{font-size:15px}.product-info{padding:14px 9px 20px}.price,.accessory-grid .price{font-size:15px}.product-type,.accessory-grid .product-type{font-size:7px}.save-product{width:28px;height:28px;min-width:28px;min-height:28px;right:4px}.product-badge{font-size:7px;left:5px;padding:4px}.mood-card h3{font-size:40px}.feature-copy h2{font-size:39px}.budget-card{padding:21px;gap:12px}.budget-card h3{font-size:23px}.budget-card .eyebrow{font-size:9px}.builder-controls{padding:20px}.builder-heading h3{font-size:21px}.closing-band p{font-size:35px}}
@media(prefers-reduced-motion:reduce){.hero-photo,.headline-piece,.ticker-track{will-change:auto}.hero-float{transform:rotate(-6deg)}.category-card,.category-card:hover,.product-card:hover,.mood-card:hover,.budget-card:hover,.guide-card:hover{transform:none!important}.site-header,.site-header.is-scrolled{transform:none}html{scroll-behavior:auto}}
/* Keep the full-width angled ribbon inside a clipped presentation frame. */
.ticker-frame{overflow:hidden;padding:27px 0 25px;margin-top:-1px;margin-bottom:-20px}.ticker{width:104%;margin-left:-2%}.categories{padding-top:90px}
@media(min-width:1200px){.hero-visual{right:15%;width:48%}.sticker-drop{right:31%;top:46px}.headline-back{font-size:9.3vw}}
@media(max-width:600px){.hero .hero-title{font:700 clamp(36px,10.9vw,64px)/.98 var(--display);letter-spacing:-.07em}.headline-back,.headline-front{font-size:inherit}.headline-back{white-space:nowrap}.headline-front .outlined-word{white-space:nowrap}.sticker-drop{top:222px}.sticker-hot{top:226px}.sticker-price{top:431px}.sticker-vibe{top:463px}.ticker-frame{padding-block:17px 21px;margin-bottom:-15px}.categories{padding-top:73px}}
@media(max-width:359px){.hero .hero-title{font-size:10.8vw}.sticker-drop{top:204px}.sticker-hot{top:210px}.sticker-price{top:396px}.sticker-vibe{top:414px}}
@media(max-width:600px){.product-type,.accessory-grid .product-type{font-size:10px;min-height:3em}.product-name,.accessory-grid .product-name{font-size:17px}.save-product{width:40px;height:40px;min-width:40px;min-height:40px;right:5px;top:5px}.add-product,.accessory-grid .add-product{width:44px;height:44px;min-width:44px;min-height:44px}.product-info{padding-bottom:26px}.price,.accessory-grid .price{padding-bottom:41px}.category-caption{font-size:13px}}
@media(max-width:359px){.product-name,.accessory-grid .product-name{font-size:16px}.product-type,.accessory-grid .product-type{font-size:9px}.product-info{padding-inline:10px}.category-caption{font-size:12px}}
@media(max-width:600px){.save-product{width:44px;height:44px;min-width:44px;min-height:44px}.product-badge{z-index:2}}

/* Blend the complete photo layer into its card, including the source backdrop. */
.category-image{mix-blend-mode:normal;background:var(--bg);border-radius:43% 57% 39% 61%;overflow:hidden}.category-image>.product-art{mix-blend-mode:multiply}.category-image:before{display:none}.product-image{background:var(--bg)}
.builder-hookah.has-cutout{mix-blend-mode:normal}.builder-hookah .builder-cutout{width:100%;height:100%;object-fit:contain;filter:drop-shadow(5px 9px 0 rgb(20 18 31 / .12))}
/* Keep original product colours: decorative shapes sit behind an opaque photo layer. */
.product-picture,.product-art,.catalog-photo,.category-image>.product-art,.builder-hookah,.feature-product{mix-blend-mode:normal!important}
.product-image:before{z-index:0}.product-picture{z-index:1}.product-picture .product-art{isolation:isolate;background:var(--bg);border-radius:22px;overflow:hidden}.product-badge,.save-product{z-index:3}.category-image{background:var(--bg)}
/* Category mega menu. */
.mega-toggle{display:flex;align-items:center;gap:6px;font:inherit;color:inherit;min-height:44px;font-weight:600}.mega-toggle>svg{width:13px;height:13px;transition:transform .2s}.mega-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.mega-toggle[aria-expanded=true]{color:var(--primary)}
.mega-menu{position:absolute;top:calc(100% + 13px);left:0;right:0;border:2px solid var(--ink);border-radius:32px;background:var(--bg);box-shadow:6px 6px 0 var(--ink);padding:28px;max-height:calc(100dvh - 145px);overflow-y:auto}.mega-menu:before{content:'';position:absolute;left:0;right:0;top:-17px;height:17px}.mega-menu[hidden]{display:none}.mega-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.mega-heading .eyebrow{font-size:10px;margin:0 0 8px;color:var(--primary)}.mega-heading h2{font-size:26px;margin:0;line-height:1.1}.mega-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.mega-category{display:block;min-width:0}.mega-photo{height:145px;width:100%;padding:12px;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .2s}.mega-photo .catalog-photo{height:100%;width:100%}.mega-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:16px;font-weight:700}.mega-label>svg{width:16px;height:16px;flex-shrink:0}.mega-category:hover .mega-photo{transform:translateY(-3px);border-color:var(--primary)}.mega-category:hover .mega-label{color:var(--primary)}.mega-bottom{display:flex;gap:30px;border-top:1px solid var(--line);margin-top:26px;padding-top:20px;font-size:13px;font-weight:600;align-items:center}.mega-bottom a{display:flex;gap:15px;align-items:center}.mega-bottom svg{width:18px;height:18px}.mega-bottom span{margin-left:auto;font-size:11px;color:var(--muted)}
.mobile-category-title{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--primary);margin:6px 0 15px}.mobile-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;padding-bottom:24px;border-bottom:1px solid var(--line)}.mobile-category{min-width:0}.mobile-photo{height:100px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:17px;width:100%}.mobile-label{display:block;font-size:11px;font-weight:700;line-height:1.4;margin-top:8px}.mobile-label>svg{display:none}.mobile-nav{max-height:calc(100dvh - 125px);overflow-y:auto;overscroll-behavior:contain}
/* Replacement shopping edit. */
.kit-section{background:var(--soft);border-block:2px solid var(--ink);padding-block:80px}.kit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.kit-card{display:flex;flex-direction:column;min-width:0;background:var(--bg);border:2px solid var(--ink);border-radius:32px;box-shadow:6px 6px 0 var(--ink);overflow:hidden;transition:transform .2s,box-shadow .2s}.kit-card:hover{transform:translateY(-4px);box-shadow:6px 10px 0 var(--ink)}.kit-top{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;background:var(--accent);border-bottom:2px solid var(--ink);font-size:10px;font-weight:700;letter-spacing:.05em}.kit-card:nth-child(2) .kit-top{background:var(--pop)}.kit-card:nth-child(3) .kit-top{background:var(--soft)}.kit-top>svg{width:23px;height:23px}.kit-photo{height:235px;width:100%;padding:26px;background:#fff}.kit-photo .catalog-photo{height:100%;width:100%}.kit-copy{padding:24px 26px 28px;border-top:1px solid var(--line);flex:1}.kit-copy h3{font-size:29px;line-height:1.1;margin:0 0 12px}.kit-copy p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 24px}.kit-copy>span{display:flex;align-items:center;gap:15px;font-weight:700;font-size:13px;color:var(--primary)}.kit-copy svg{width:18px;height:18px}.kit-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:35px}.kit-bottom p{font-size:15px;margin:0}
@media(max-width:1100px){.mega-categories{gap:12px}.mega-menu{padding:22px}.mega-photo{height:120px}.mega-label{font-size:11px}.kit-copy h3{font-size:24px}.kit-photo{height:210px}}
@media(max-width:900px){.mega-menu{display:none}.kit-grid{gap:20px}.kit-copy{padding:20px}.kit-copy h3{font-size:22px}.kit-photo{height:180px;padding:20px}.kit-top{padding:18px;font-size:9px}.kit-copy p{font-size:13px}.kit-copy>span{font-size:12px}}
@media(max-width:600px){.kit-section{padding-block:60px}.kit-grid{grid-template-columns:1fr;gap:28px}.kit-photo{height:220px;padding:24px}.kit-copy{padding:24px}.kit-copy h3{font-size:29px}.kit-copy p{font-size:15px}.kit-copy>span{font-size:14px}.kit-top{padding:18px 24px;font-size:10px}.kit-bottom{align-items:flex-start;flex-direction:column;gap:15px}.kit-bottom p{font-size:14px}.mobile-nav{padding:20px}.product-picture .product-art{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.kit-card:hover,.mega-category:hover .mega-photo{transform:none}.kit-card,.mega-photo,.mega-toggle>svg{transition:none}}
.product-picture .product-art{background:transparent}
/* True-alpha catalog cutouts reveal the original decorative shapes. */
.product-picture .product-art{background:transparent;isolation:auto;overflow:visible;border-radius:0}.product-image:before{z-index:0}.product-picture{z-index:1;background:transparent}.catalog-photo{background:transparent}.category-image{background:transparent;overflow:visible;border-radius:0}.category-image:before{display:block;z-index:0;background:rgb(250 247 242 / .65)}.category-image>.product-art{z-index:1;background:transparent}.kit-photo{background:transparent;position:relative;isolation:isolate}.kit-photo:before{content:'';position:absolute;inset:20px 14%;background:var(--soft);border-radius:40% 60% 55% 45%;z-index:-1;transform:rotate(-8deg)}.kit-card:nth-child(2) .kit-photo:before{background:var(--accent)}.kit-card:nth-child(3) .kit-photo:before{background:#FFD8CE}.mega-photo,.mobile-photo{background:var(--soft)}.mega-category:nth-child(2) .mega-photo,.mobile-category:nth-child(2) .mobile-photo{background:var(--accent)}.mega-category:nth-child(3) .mega-photo,.mobile-category:nth-child(3) .mobile-photo{background:#FFD8CE}.mega-category:nth-child(4) .mega-photo,.mobile-category:nth-child(4) .mobile-photo{background:var(--bg)}.mega-category:nth-child(5) .mega-photo,.mobile-category:nth-child(5) .mobile-photo{background:#D9EDFF}.mega-category:nth-child(6) .mega-photo,.mobile-category:nth-child(6) .mobile-photo{background:#FFD9EE}
.mega-photo,.mobile-photo{background-color:var(--soft)!important}.mega-category:nth-child(2) .mega-photo,.mobile-category:nth-child(2) .mobile-photo{background-color:var(--accent)!important}.mega-category:nth-child(3) .mega-photo,.mobile-category:nth-child(3) .mobile-photo{background-color:#FFD8CE!important}.mega-category:nth-child(4) .mega-photo,.mobile-category:nth-child(4) .mobile-photo{background-color:var(--bg)!important}.mega-category:nth-child(5) .mega-photo,.mobile-category:nth-child(5) .mobile-photo{background-color:#D9EDFF!important}.mega-category:nth-child(6) .mega-photo,.mobile-category:nth-child(6) .mobile-photo{background-color:#FFD9EE!important}
/* Reserve vertical room for both rotated edges and the hard shadow at any width. */
.ticker-frame{overflow:clip;padding-top:calc(1.9vw + 12px);padding-bottom:calc(1.9vw + 18px)}
/* Give saved-product controls breathing room and make filter labels easier to scan. */
.product-card .save-product{top:18px;right:18px;width:44px;height:44px;min-width:44px;min-height:44px}.save-product svg{width:20px;height:20px}.filter-button{font-size:16px;line-height:1.25;min-height:48px;padding:12px 23px}
@media(max-width:600px){.product-card .save-product{top:12px;right:12px;width:44px;height:44px;min-width:44px;min-height:44px}.save-product svg{width:19px;height:19px}.filter-button{font-size:15px;min-height:48px;padding:12px 18px}}

/* Floating controls: Let's talk redirection & Back to top */
a.whatsapp-button{text-decoration:none;cursor:pointer}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:34;width:44px;height:44px;border-radius:50%;background:var(--bg);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease,background .18s ease,box-shadow .18s ease}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.back-to-top:hover{background:var(--accent);color:var(--ink);transform:translateY(-2px);box-shadow:3px 5px 0 var(--ink)}
.back-to-top:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.back-to-top:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.back-to-top svg{width:18px;height:18px;stroke-width:2.5;transform:rotate(-90deg);transition:transform .2s ease;pointer-events:none}
.back-to-top:hover svg{transform:rotate(-90deg) translateX(2px)}
body:has(.whatsapp-button) .back-to-top,
.whatsapp-button ~ .back-to-top{bottom:80px}
@media(max-width:600px){
  .back-to-top{right:15px;bottom:20px;width:44px;height:44px}
  body:has(.whatsapp-button) .back-to-top,
  .whatsapp-button ~ .back-to-top{bottom:148px}
  .wholesale-page body:has(.whatsapp-button) .back-to-top,
  .wholesale-page .whatsapp-button ~ .back-to-top{bottom:155px}
}
@media(prefers-reduced-motion:reduce){
  .back-to-top{transition:none}
  .back-to-top:hover{transform:none}
  .back-to-top:active{transform:none}
  .back-to-top svg,.back-to-top:hover svg{transform:rotate(-90deg)}
}


/* Urban Shisha — next edit. The original homepage lives in its own folder. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
/* A — the campaign is one layered composition, with the product crossing the ribbon. */
.campaign-shell{position:relative;isolation:isolate;overflow-x:clip;overflow-y:visible}.hero{min-height:900px;z-index:2;overflow:visible}.hero-visual{width:55%;height:800px;right:-8%;top:50px;z-index:3}.hero-photo{width:100%;height:100%;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 24px rgb(198 255 61 / .55));overflow:visible}.hero-float{transform:rotate(-6deg)}.hero-glow{width:620px;height:620px;right:5%;top:190px;background:radial-gradient(ellipse,#fff 0%,#C6FF3D 32%,rgb(198 255 61 / 0) 70%);filter:none;opacity:.7;border-radius:50%;transform:none}.hero-ground{position:absolute;right:13%;bottom:-20px;width:440px;height:54px;background:radial-gradient(ellipse,rgb(20 18 31 / .38),transparent 70%);z-index:1;pointer-events:none}.hero-smoke{inset:auto;top:-100px;right:23%;width:210px;height:350px;opacity:.3;stroke-width:2;z-index:1;overflow:visible}.hero-smoke path{stroke:var(--bg);fill:none}.hero-eyebrow{top:42px}.headline-back{top:124px;font-size:clamp(80px,8.55vw,140px);z-index:2;overflow:hidden;padding-bottom:12px}.headline-front{top:264px;font-size:clamp(82px,8.55vw,140px);z-index:4;overflow:visible}.headline-front .headline-piece{clip-path:inset(-6px -20px -12px -10px)}.hero-content{bottom:48px;max-width:565px}.hero-description{font-size:18px;font-weight:500}.hero .ticker-frame{z-index:1}.campaign-shell>.ticker-frame{position:relative;z-index:1}.hero-sticker{z-index:7}.sticker-drop{right:31%;top:54px}.sticker-hot{top:99px;right:4%}.sticker-price{right:2%;top:365px}.sticker-vibe{bottom:95px;right:2%}.hero-sticker .sticker-inner{transition:box-shadow .2s}.hero-sticker:hover .sticker-inner{box-shadow:6px 6px 0 var(--ink)}.setup-pulse{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px solid rgb(250 247 242 / .65);border-radius:999px;padding:9px 13px;margin-top:20px;font-size:14px;line-height:1.3;font-weight:600;background:rgb(20 18 31 / .13)}.setup-pulse small{font-size:8px;font-weight:700;letter-spacing:.08em;border-left:1px solid rgb(250 247 242 / .5);padding-left:8px}.trust-chips{margin-top:16px}.hero-price-note{font-size:11px;font-weight:500}.hero-side-note{font-weight:600}.hero:after,.detail-story:after,.site-footer:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:0}.hero-content,.hero-eyebrow{z-index:6}
/* B — content is sharp and visible by default; reveals never fade a whole ancestor. */
.product-name,.budget-copy,.budget-copy *{filter:none!important;opacity:1!important}.product-name{font-weight:600}.budget-card>.product-art{opacity:1}.product-card{opacity:1;filter:none}.section-note{font-size:16px}.product-info{min-height:180px}.product-name,.accessory-grid .product-name{min-height:2.65em;line-height:1.3;overflow:visible;white-space:normal}.price{font-weight:700}
/* C — three photographic mood scenes. */
.mood-grid{gap:28px}.mood-card{min-height:560px;padding:28px 30px 28px;overflow:hidden;position:relative;isolation:isolate;transform-style:flat}.mood-chill{background:var(--soft)}.mood-party{background:var(--accent);color:var(--ink)}.mood-date{background:var(--pop);color:var(--ink)}.mood-number{font-size:11px}.mood-card h3{font-size:clamp(42px,4vw,59px);line-height:.92;margin-top:28px;position:relative;z-index:2}.mood-card>p{position:absolute;bottom:66px;left:30px;right:25px;max-width:none;font-size:15px;line-height:1.5;z-index:2;margin:0}.mood-cta{position:absolute;bottom:27px;left:30px;right:28px;font-size:14px;z-index:3;border-top:0;padding:0;justify-content:space-between}.mood-scene{position:absolute;top:166px;left:20px;right:18px;height:285px;z-index:1;pointer-events:none}.mood-product{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-6deg);z-index:2}.scene-party .mood-product{transform:rotate(7deg);height:300px;top:-5px}.scene-date .mood-product{transform:rotate(-3deg);width:96%;left:2%;height:240px;top:30px}.scene-orbit{position:absolute;inset:30px 0;border-radius:50%;background:rgb(250 247 242 / .6);transform:rotate(-12deg);z-index:0}.scene-chill .scene-orbit{background:#D5C5FF}.scene-date .scene-orbit{background:radial-gradient(ellipse,#FFDDB2,transparent 72%);inset:0}.scene-wisp{position:absolute;top:-45px;right:25%;width:180px;height:180px;stroke:#fff;stroke-width:2;fill:none;opacity:.85;z-index:3}.scene-spark,.scene-hearts{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.scene-spark{fill:var(--primary);stroke:none}.scene-spark .confetti{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round}.scene-hearts{fill:none;stroke:var(--bg);stroke-width:1.5}.disco-ball{position:absolute;right:14px;top:0;width:62px;height:62px;border:2px solid var(--ink);border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 9px,var(--ink) 10px 11px),repeating-linear-gradient(90deg,transparent 0 9px,var(--ink) 10px 11px),var(--bg);transform:rotate(12deg);z-index:3}
/* D — horizontal collection, sticky story, character builder and staggered journal. */
.rail-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px}.rail-controls>span{font-size:10px;letter-spacing:.09em;font-weight:700;color:var(--muted)}.rail-controls>div{display:flex;gap:10px}.rail-arrow{width:44px;height:44px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center}.rail-arrow:first-child svg{transform:rotate(180deg)}.rail-arrow svg{width:20px;height:20px}.rail-arrow:hover{background:var(--accent)}.hookah-rail.product-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(300px,28vw,410px);gap:28px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:16px 10px 20px 0;margin-top:-16px;scrollbar-width:thin;scrollbar-color:var(--primary) var(--soft);touch-action:pan-x pan-y}.hookah-rail>.product-card{scroll-snap-align:start;margin:0}.hookah-rail.is-dragging{scroll-snap-type:none;user-select:none}.hookah-rail:focus-visible{outline-offset:7px}.hookah-rail .product-picture{touch-action:pan-x pan-y}.detail-story{position:relative;background:var(--primary);color:var(--bg);padding:65px 0;border-block:2px solid var(--ink);isolation:isolate}.story-stage{position:relative;min-height:760px;z-index:1}.story-heading{position:relative;z-index:3;max-width:490px}.story-heading>.eyebrow{color:var(--accent);font-size:12px}.story-heading h2{font-size:clamp(45px,5.2vw,78px);line-height:.98;letter-spacing:-.06em;margin:20px 0}.story-heading h2>span{-webkit-text-stroke:1.5px var(--accent);color:transparent}.story-heading>p:last-child{font-size:16px;font-weight:500;line-height:1.6}.story-product{position:absolute;left:29%;top:115px;width:42%;height:620px;z-index:2;filter:drop-shadow(0 0 18px rgb(198 255 61 / .35))}.story-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--accent);stroke-width:1;z-index:1;opacity:.8}.story-hotspot{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgb(198 255 61 / .15);z-index:3}.hot-1{left:52%;top:30%}.hot-2{left:49%;top:52%}.hot-3{left:56%;top:74%}.story-callout{position:absolute;width:245px;z-index:3}.story-callout>span{font-size:11px;font-weight:700;letter-spacing:.07em;color:var(--accent)}.story-callout h3{font-size:25px;line-height:1.06;margin:14px 0 10px}.story-callout p{font-size:16px;font-weight:500;line-height:1.55;margin:0}.callout-1{right:2%;top:25%}.callout-2{left:2%;top:56%}.callout-3{right:0;bottom:6%}.story-callout .text-link{font-size:14px;line-height:1.3;color:var(--accent);border-color:var(--accent);margin-top:20px}.story-scroll-note{position:absolute;bottom:0;left:0;font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--accent)}.has-story-motion.detail-story{min-height:245vh}.has-story-motion .story-stage{position:sticky;top:120px;min-height:0;height:calc(100svh - 150px);max-height:820px}.has-story-motion .story-product{top:60px;height:85%;left:30%;width:40%}.has-story-motion .story-heading{max-width:430px}.has-story-motion .story-heading h2{font-size:clamp(42px,4.6vw,68px)}.vibe-panel{padding:20px 0;border-bottom:1px solid var(--line)}.vibe-panel>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.vibe-panel span{font-size:10px;font-weight:700;letter-spacing:.05em}.vibe-panel strong{font-size:12px;font-weight:600}.vibe-meter{height:11px;background:var(--soft);border:1.5px solid var(--ink);border-radius:999px;overflow:hidden}.vibe-meter>span{display:block;height:100%;width:100%;background:var(--primary);transform:scaleX(0);transform-origin:left}.journal .guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;padding-bottom:70px}.journal .guide-card{display:flex;flex-direction:column;gap:24px;padding:28px;transform:rotate(-2deg);background:var(--soft);position:relative;overflow:visible}.journal .guide-card:nth-child(2){transform:rotate(2deg);margin-top:72px;margin-left:-24px;z-index:2;background:var(--accent)}.journal .guide-image{width:100%;height:260px;overflow:visible;transform:rotate(4deg)}.journal .guide-card:nth-child(2) .guide-image{transform:rotate(-6deg)}.journal .guide-copy{align-self:stretch}.journal .guide-copy h3{font-size:31px;min-height:0}.journal .guide-card:hover{transform:rotate(0)}
/* E — keep coral for date-night, limited tags and stickers only. */
.category-card:nth-child(3),.category-card:nth-child(3):hover{background:var(--bg)}.category-card:nth-child(4),.category-card:nth-child(4):hover{background:var(--accent)}.category-card:nth-child(5),.category-card:nth-child(5):hover{background:var(--soft)}.category-card:nth-child(6),.category-card:nth-child(6):hover{background:var(--bg)}.product-card:nth-child(3n) .product-image:before{background:var(--soft)}.budget-card:nth-child(3),.budget-card:nth-child(3):hover{background:var(--soft);color:var(--ink)}.budget-card:nth-child(3) *{color:var(--ink)}.kit-card:nth-child(2) .kit-top{background:var(--soft)}.kit-card:nth-child(3) .kit-photo:before{background:var(--soft)}.charcoal-card{background:var(--accent)}.mega-category:nth-child(3) .mega-photo,.mobile-category:nth-child(3) .mobile-photo{background-color:var(--bg)!important}.mega-category:nth-child(5) .mega-photo,.mobile-category:nth-child(5) .mobile-photo,.mega-category:nth-child(6) .mega-photo,.mobile-category:nth-child(6) .mobile-photo{background-color:var(--soft)!important}.site-footer{position:relative;isolation:isolate}.site-footer>.wrap{position:relative;z-index:1}.footer-column ul,.footer-brand>p,.newsletter>div>p:last-child,.footer-concierge{font-size:16px;font-weight:500}.footer-bottom{font-size:13px;font-weight:500}.footer-column ul{line-height:1.65}.newsletter-note{font-weight:500}.footer-toggle{font-size:14px}.product-badge.badge-limited{background:var(--pop)}
/* F — equal product information areas; interaction cues never obscure the photograph. */
.product-card{display:flex;flex-direction:column;transition:transform .22s var(--motion-ease),box-shadow .22s}.product-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;position:relative}.product-card:hover{transform:translateY(-5px);box-shadow:6px 11px 0 var(--ink)}.product-image:before{transition:transform .5s var(--motion-ease)}.product-card:hover .product-image:before{transform:rotate(8deg) scale(1.07)}.quick-add{position:absolute;z-index:4;left:50%;bottom:18px;transform:translate(-50%,16px);opacity:0;pointer-events:none;border:2px solid var(--ink);border-radius:999px;background:var(--accent);color:var(--ink);font-weight:700;font-size:13px;min-height:44px;padding:10px 20px;white-space:nowrap;transition:transform .22s,opacity .22s;box-shadow:3px 3px 0 var(--ink)}.product-card:hover .quick-add,.product-card:focus-within .quick-add{transform:translate(-50%,0);opacity:1;pointer-events:auto}.add-product.is-added{background:var(--accent);color:var(--ink)}.quick-add.is-added{background:var(--primary);color:var(--bg)}.save-product.is-saved{background:var(--accent)}
/* G — loader, cursor, marker, footer letters and mobile commerce dock. */
.page-loader{position:fixed;inset:0;z-index:999;background:var(--primary);color:var(--accent);display:grid;place-items:center;pointer-events:none}.page-loader[hidden]{display:none}.loader-wordmark{font:700 clamp(32px,6vw,96px)/1 var(--display);letter-spacing:-.07em;text-align:center}.loader-wordmark>span{display:block;font:600 10px var(--sans);letter-spacing:.15em;margin-top:24px;color:var(--bg)}.loader-puff{position:absolute;width:200px;height:130px;left:calc(50% - 100px);top:calc(50% - 150px);fill:none;stroke:var(--bg);stroke-width:2;opacity:.45}.studio-cursor{position:fixed;left:0;top:0;width:12px;height:12px;margin:-6px;pointer-events:none;z-index:1000;background:var(--accent);border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;transform-origin:center;transition:width .18s,height .18s,margin .18s,background .18s}.studio-cursor[hidden]{display:none}.studio-cursor>span{display:none;font-size:10px;font-weight:700}.studio-cursor.is-interactive{width:32px;height:32px;margin:-16px;background:rgb(198 255 61 / .5);border-width:2px}.studio-cursor.is-rail{width:66px;height:66px;margin:-33px;background:var(--accent);border:2px solid var(--ink)}.studio-cursor.is-rail>span{display:block}.has-studio-cursor .hookah-rail.is-drag-cursor,.has-studio-cursor .hookah-rail.is-drag-cursor .product-picture{cursor:none}.has-studio-cursor input,.has-studio-cursor select{cursor:auto}.section-heading h2{position:relative;isolation:isolate;--marker-progress:1}.section-heading h2:after{content:'';position:absolute;left:0;bottom:-7px;width:min(65%,250px);height:8px;z-index:-1;background:var(--accent);transform:scaleX(var(--marker-progress));transform-origin:left}.footer-wordmark>span{display:block;color:#C6FF3D}.footer-letter{display:inline-block}.footer-wordmark:hover .footer-letter{animation:letter-wave .65s var(--motion-ease) both;animation-delay:calc(var(--letter-index,0)*35ms)}@keyframes letter-wave{50%{transform:translateY(-14px) rotate(-3deg)}}.mobile-shop-bar{display:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--accent);outline-offset:4px;box-shadow:0 0 0 7px var(--ink)}
@media(min-width:1920px){.hero{min-height:1000px}.hero-visual{height:1150px;right:7%}.hero-glow{width:760px;height:760px;right:10%}.headline-back{font-size:154px;top:145px}.headline-front{font-size:154px;top:304px}.hero-content{bottom:70px}.hero-smoke{right:27%}}
@media(max-width:1199px){.hero{min-height:850px}.hero-visual{height:940px;right:1%;width:58%;top:0}.hero-glow{width:510px;height:510px;right:0;top:240px}.hero-smoke{right:19%;top:-100px}.headline-back{font-size:8.4vw;top:122px}.headline-front{font-size:8.4vw;top:230px}.hero-content{max-width:475px;bottom:40px}.hero-description{font-size:17px}.hero-ctas{gap:12px}.hero-ctas .button{padding:15px 18px;gap:13px}.sticker-drop{right:31%;width:100px;height:100px;font-size:22px}.sticker-price{right:2%;top:320px;width:157px;font-size:19px}.sticker-vibe{right:2%;bottom:82px;width:125px;height:125px;font-size:23px}.mood-card{min-height:540px;padding-inline:25px}.mood-scene{height:260px;top:170px}.mood-card>p,.mood-cta{left:25px}.mood-card h3{font-size:45px}.story-callout{width:210px}.story-callout h3{font-size:23px}.story-heading h2{font-size:54px}.story-product{left:29%;width:42%}.callout-1{right:0;top:30%}.callout-3{right:0;bottom:5%}.journal .guide-copy h3{font-size:28px}}
@media(max-width:900px){.hero{min-height:850px;display:block;padding:0}.hero-visual{width:58%;right:0;top:20px;height:905px}.headline-back{top:126px;font-size:8.4vw}.headline-front{top:221px;font-size:8.4vw}.hero-content{max-width:405px;bottom:42px}.hero-glow{width:440px;height:550px;right:-30px;top:240px}.hero-smoke{right:15%;width:160px}.sticker-drop{top:45px;right:31%;width:88px;height:88px;font-size:19px}.sticker-hot{right:3%;top:71px;font-size:15px}.sticker-price{top:345px;right:2%;width:140px;font-size:17px}.sticker-vibe{bottom:90px;right:2%;width:100px;height:100px;font-size:20px}.hero-description{font-size:16px}.hero-ctas .button{font-size:12px;padding-inline:14px;gap:10px}.setup-pulse{font-size:12px;max-width:360px}.trust-chips>span{font-size:10px}.mood-grid{grid-template-columns:1fr;gap:28px}.mood-card{min-height:480px}.mood-card h3{font-size:63px;max-width:260px}.mood-scene{left:43%;right:25px;top:25px;height:385px}.mood-card>p{bottom:105px;max-width:250px;font-size:16px}.mood-cta{bottom:30px}.scene-date .mood-product{height:300px;top:55px}.scene-party .mood-product{height:370px}.scene-chill .mood-product{height:370px}.scene-orbit{inset:45px -10px}.story-stage{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:0}.story-heading{grid-column:1/-1}.story-heading h2{font-size:55px}.story-product{position:relative;left:auto;top:auto;width:100%;height:500px;grid-row:2/span 3;grid-column:1}.story-callout{position:relative;width:auto;inset:auto;padding:20px 0;border-bottom:1px solid rgb(250 247 242 / .3);grid-column:2;align-self:center}.story-lines,.story-hotspot,.story-scroll-note{display:none}.detail-story{padding-block:60px}.journal .guide-card{padding:22px}.journal .guide-image{height:220px}.journal .guide-copy h3{font-size:26px}}
@media(max-width:600px){.hero{display:flex;min-height:0;padding:35px var(--gutter) 38px;overflow:visible}.hero-eyebrow{position:relative;top:auto;left:auto;margin:0 0 23px;font-size:9px;gap:9px}.hero .hero-title{position:relative;font:700 clamp(36px,10.9vw,64px)/.97 var(--display);letter-spacing:-.07em;display:block;order:0}.headline-back,.headline-front{position:relative;top:auto;left:auto;font-size:inherit;display:block;line-height:.97;overflow:hidden}.headline-front>.headline-piece{margin-bottom:0}.hero-visual{position:relative;top:auto;right:auto;left:auto;order:1;width:calc(100% + 26px);height:475px;margin:22px -13px -24px;z-index:3}.hero-glow{width:350px;height:430px;top:285px;right:calc(50% - 175px);opacity:.8}.hero-ground{width:220px;height:40px;bottom:285px;right:calc(50% - 110px)}.hero-smoke{width:120px;height:190px;top:205px;right:calc(50% - 72px);opacity:.3}.hero-content{position:relative;left:auto;bottom:auto;order:2;max-width:none;z-index:6;margin-top:27px}.hero-description{font-size:16px;line-height:1.6}.hero-ctas{width:100%;gap:10px;margin-top:22px}.hero-ctas .button{min-height:52px;padding:14px 12px;font-size:12px;gap:7px;flex:1;justify-content:space-between}.setup-pulse{font-size:12px;gap:6px;padding:9px 11px;max-width:none}.setup-pulse small{font-size:7px}.trust-chips{gap:7px;margin-top:15px}.trust-chips>span{font-size:9px;padding:6px 9px}.hero-price-note{font-size:10px;margin-bottom:0}.hero-side-note{display:none}.sticker-drop{top:247px;left:18px;right:auto;width:77px;height:84px;font-size:17px}.sticker-hot{top:245px;right:17px;font-size:12px}.sticker-price{top:530px;right:17px;width:141px;font-size:17px}.sticker-vibe{top:590px;left:16px;right:auto;bottom:auto;width:94px;height:94px;font-size:18px}.sticker-inner{padding:12px;box-shadow:3px 3px 0 var(--ink)}.sticker-vibe svg{width:20px;height:20px}.hero-smoke path{stroke-width:2}.mood-card{min-height:545px;padding:25px}.mood-card h3{font-size:51px;margin-top:25px}.mood-number{font-size:10px}.mood-scene{left:18px;right:18px;top:165px;height:265px}.scene-chill .mood-product,.scene-party .mood-product{height:270px}.scene-date .mood-product{height:230px;top:22px}.scene-orbit{inset:30px 0}.mood-card>p{bottom:72px;max-width:none;left:25px;right:25px;font-size:15px}.mood-cta{left:25px;bottom:27px;font-size:14px}.disco-ball{width:48px;height:48px;right:8px}.scene-wisp{width:140px;height:140px;top:-40px;right:25%}.rail-controls>span{font-size:8px;max-width:180px;line-height:1.5}.rail-controls{margin-bottom:18px}.hookah-rail.product-grid{grid-auto-columns:calc(100% - 30px);gap:23px;padding-bottom:18px}.hookah-rail .product-image{aspect-ratio:4/5}.hookah-rail .product-info{min-height:176px}.hookah-rail .product-name{font-size:21px;min-height:2.6em}.hookah-rail .product-type{font-size:11px;min-height:0}.hookah-rail .price{font-size:20px;padding-bottom:0;margin-top:15px}.hookah-rail .add-product{width:44px;height:44px;right:16px;bottom:19px}.hookah-rail .product-info{padding:23px 20px 24px}.rail-arrow{width:40px;height:40px}.story-stage{display:block}.story-heading h2{font-size:43px}.story-heading>p:last-child{font-size:16px}.story-product{height:440px;width:100%;margin:25px 0}.story-callout{padding:22px 0}.story-callout h3{font-size:27px}.story-callout p{font-size:16px}.story-callout .text-link{font-size:15px}.vibe-panel{padding:20px 0}.vibe-panel>div:first-child{gap:12px}.vibe-panel strong{font-size:11px}.product-info{min-height:196px}.accessory-grid .product-name,#arrival-products .product-name{font-size:17px;min-height:3.9em}.product-type,.accessory-grid .product-type{font-size:10px}.price,.accessory-grid .price{font-size:17px}.quick-add{display:none}.journal .guide-grid{grid-template-columns:1fr;gap:35px;padding:0 5px 25px}.journal .guide-card{padding:23px;transform:rotate(-2deg)}.journal .guide-card:nth-child(2){margin:0;transform:rotate(2deg)}.journal .guide-image{height:215px}.journal .guide-copy h3{font-size:29px}.site-footer{padding-bottom:80px}.footer-wordmark>span{font-size:10vw}.footer-bottom{font-size:12px}.mobile-shop-bar{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;justify-content:space-around;gap:10px;border:2px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);padding:8px;background:var(--bg);height:60px}.mobile-shop-bar>a,.mobile-shop-bar>button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;min-height:42px;padding:8px 10px;flex:1;white-space:nowrap}.mobile-shop-bar>a:first-child{background:var(--accent);border-radius:999px}.mobile-shop-bar svg{width:17px;height:17px}.mobile-shop-bar .cart-count{width:20px;height:20px;min-width:20px;font-size:10px}.whatsapp-button{bottom:90px;right:15px}.toast{bottom:87px}.section-note{font-size:14px}.section-heading h2:after{height:6px;bottom:-5px}.footer-column ul,.footer-brand>p,.newsletter>div>p:last-child{font-size:16px}.builder-stage-label{font-size:10px}.footer-wordmark>svg{width:24px;height:24px}}
@media(max-width:359px){.hero-visual{height:405px}.hero-glow{width:290px;right:calc(50% - 145px);top:265px}.hero-smoke{top:175px}.sticker-drop,.sticker-hot{top:227px}.sticker-price{top:463px;width:130px;font-size:15px}.sticker-vibe{top:495px;width:78px;height:78px;font-size:15px}.hero-ctas .button{font-size:11px;padding-inline:10px}.setup-pulse{font-size:11px}.setup-pulse small{font-size:6px}.mood-card{padding:23px;min-height:535px}.mood-card h3{font-size:48px}.mood-card>p,.mood-cta{left:23px}.mobile-shop-bar{left:8px;right:8px;gap:3px;padding:6px}.mobile-shop-bar>a,.mobile-shop-bar>button{font-size:12px;padding-inline:8px}.hookah-rail .product-name{font-size:19px}}
@media(hover:none),(pointer:coarse){.quick-add{display:none}.studio-cursor{display:none!important}}
@media(prefers-reduced-motion:reduce){.page-loader,.studio-cursor{display:none!important}.hero-float{transform:rotate(-6deg)}.has-story-motion.detail-story{min-height:auto}.has-story-motion .story-stage{position:relative;top:auto;height:auto;min-height:760px}.footer-wordmark:hover .footer-letter{animation:none}.product-card,.quick-add,.product-image:before,.mood-product,.hero-sticker .sticker-inner{transition:none}.product-card:hover,.journal .guide-card:hover{transform:none}.section-heading h2{--marker-progress:1!important}.story-callout,.story-product,.story-lines,.story-hotspot{opacity:1!important;transform:none!important}.has-studio-cursor,.has-studio-cursor a,.has-studio-cursor button{cursor:auto}}
.quick-add svg{width:16px;height:16px;vertical-align:middle;margin-left:8px}.setup-total strong{font-variant-numeric:tabular-nums;min-width:145px;text-align:right}.story-stage .eyebrow{font-weight:600}
@media(min-width:901px){.callout-1,.callout-3{right:var(--gutter)}.callout-2,.story-scroll-note{left:var(--gutter)}}

/* Product spotlight replaces the long sticky detail story. */
.spotlight-section{background:var(--bg);padding-block:100px 110px}
.spotlight-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.spotlight-feature{background:var(--primary);color:var(--bg);border:2px solid var(--ink);border-radius:34px;box-shadow:6px 6px 0 var(--ink);padding:28px 32px 30px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column}
.spotlight-feature-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:700;letter-spacing:.07em}
.spotlight-main-image{position:relative;display:block;width:100%;height:410px;margin:20px 0 16px;isolation:isolate}
.spotlight-main-image:before{content:'';position:absolute;inset:12% 8% 5%;background:var(--soft);border-radius:48% 52% 58% 42%;transform:rotate(-12deg);z-index:-1}
.spotlight-main-image .product-art{width:100%;height:100%;position:relative;background:none;display:block}
.spotlight-main-image .catalog-photo{width:100%;height:100%;filter:drop-shadow(0 14px 10px rgb(20 18 31 / .16))}
.spotlight-feature-copy>p{font-size:13px;font-weight:600;margin:0 0 8px}
.spotlight-feature-copy h3{font-size:clamp(28px,2.5vw,40px);line-height:1.07;margin:0 0 13px;max-width:95%}
.spotlight-feature-copy>strong{font-size:26px;letter-spacing:-.04em;display:block}
.spotlight-feature-bottom{margin-top:auto;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.spotlight-controls{display:flex;gap:10px}.spotlight-controls .rail-arrow{background:var(--bg);color:var(--ink);width:48px;height:48px}.spotlight-controls #spotlight-prev svg{transform:rotate(180deg)}
.spotlight-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.spotlight-choice{position:relative;isolation:isolate;overflow:hidden;text-align:left;display:flex;flex-direction:column;background:var(--bg);border:2px solid var(--ink);border-radius:28px;padding:20px 20px 24px;box-shadow:4px 4px 0 var(--ink);min-width:0;transition:background .2s,transform .2s}
.spotlight-choice[aria-pressed="true"]{background:var(--soft)}
.spotlight-choice:hover{transform:translateY(-4px)}
.spotlight-choice-number{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--primary)}
.spotlight-choice-tag{font-size:11px;font-weight:600;margin-top:4px}
.spotlight-choice-image{height:220px;display:block;position:relative;isolation:isolate;flex:1;min-height:160px;margin:12px 0 18px}
.spotlight-choice-image:before{content:'';position:absolute;inset:15% 0 3%;background:var(--soft);border-radius:50% 45% 55% 40%;z-index:-1}
.spotlight-choice:nth-child(even) .spotlight-choice-image:before{background:var(--accent)}
.spotlight-choice[aria-pressed="true"] .spotlight-choice-image:before{background:var(--bg)}
.spotlight-choice-image .product-art{display:block;position:relative;width:100%;height:100%;background:none}
.spotlight-choice-image .catalog-photo{width:100%;height:100%}
.spotlight-choice-copy{display:block;padding-right:22px}
.spotlight-choice-copy>strong{display:block;font-size:19px;line-height:1.25;letter-spacing:-.04em;min-height:2.5em}
.spotlight-choice-copy>span{display:block;font-size:18px;font-weight:700;margin-top:8px}
.spotlight-choice-arrow{position:absolute;bottom:25px;right:18px}.spotlight-choice-arrow svg{width:21px;height:21px}
.spotlight-feature a:focus-visible,.spotlight-feature button:focus-visible{outline-color:var(--accent)}
@media(min-width:1700px){.spotlight-main-image{height:480px}.spotlight-choice-image{height:255px}}
@media(max-width:1100px){.spotlight-layout{gap:22px;grid-template-columns:1fr 1.05fr}.spotlight-feature{padding:25px}.spotlight-choices{gap:18px}.spotlight-choice{padding:17px}.spotlight-main-image{height:390px}.spotlight-choice-image{height:190px}.spotlight-choice-copy>strong{font-size:17px}.spotlight-feature-bottom .button{padding-inline:16px;font-size:12px}.spotlight-controls .rail-arrow{width:40px;height:40px}}
@media(max-width:800px){.spotlight-layout{grid-template-columns:1fr;gap:30px}.spotlight-feature{padding:28px}.spotlight-main-image{height:470px}.spotlight-choices{gap:22px}.spotlight-choice-image{height:275px;flex:auto}.spotlight-choice-copy>strong{font-size:20px}.spotlight-feature-bottom .button{font-size:14px;padding-inline:24px}.spotlight-controls .rail-arrow{width:48px;height:48px}}
@media(max-width:600px){.spotlight-section{padding-block:65px 70px}.spotlight-section .section-heading{gap:20px}.spotlight-feature{padding:22px;border-radius:28px;box-shadow:4px 4px 0 var(--ink)}.spotlight-main-image{height:340px;margin-top:23px}.spotlight-feature-copy h3{font-size:31px}.spotlight-feature-copy>strong{font-size:25px}.spotlight-feature-top{font-size:10px}.spotlight-feature-bottom .button{font-size:12px;padding-inline:17px;min-height:48px}.spotlight-controls{gap:7px}.spotlight-controls .rail-arrow{width:40px;height:40px}.spotlight-choices{gap:16px}.spotlight-choice{border-radius:21px;padding:15px 13px 18px;box-shadow:3px 3px 0 var(--ink)}.spotlight-choice-image{height:185px;min-height:0;margin:12px 0 16px}.spotlight-choice-copy{padding-right:0}.spotlight-choice-copy>strong{font-size:16px;min-height:3.75em}.spotlight-choice-copy>span{font-size:17px}.spotlight-choice-tag{font-size:10px}.spotlight-choice-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.spotlight-choice{transition:none}.spotlight-choice:hover{transform:none}}
@media(min-width:801px){.spotlight-main-image{flex:1;min-height:410px}.spotlight-choice-image{flex:0 0 210px;height:210px}.spotlight-feature-bottom{margin-top:0}}
@media(min-width:801px) and (max-width:1100px){.spotlight-choice-image{flex-basis:180px;height:180px}.spotlight-main-image{min-height:390px}}

/* Shop and brand discovery share the established V2 palette and typography. */
.brands-section{padding-top:10px;padding-bottom:92px}.brands-section .section-heading{margin-bottom:32px}.brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.brand-tile{border:2px solid var(--ink);border-radius:24px;box-shadow:3px 3px 0 var(--ink);overflow:hidden;transition:transform .2s,background .2s;background:var(--bg)}.brand-tile:hover{transform:translateY(-5px);background:var(--soft)}.brand-logo{height:135px;display:flex;align-items:center;justify-content:center;padding:18px}.brand-logo img{max-width:100%;width:160px;height:100%;object-fit:contain}.brand-name{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px;padding:15px;font-size:14px;font-weight:700}.brand-name svg{width:18px;height:18px}.brand-tile:last-child .brand-logo{background:var(--soft)}
.shop-intro{background:var(--primary);color:var(--bg);border-block:2px solid var(--ink);overflow:hidden;position:relative}.shop-breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;padding-top:27px}.shop-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.shop-intro-copy{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:335px;padding-block:28px 38px}.shop-intro .eyebrow{color:var(--bg);margin-bottom:15px;font-size:11px}.shop-intro h1{font-size:clamp(56px,5.5vw,84px);line-height:.98;margin:0 0 22px}.shop-intro h1>span{color:var(--accent)}.shop-intro-copy>div>p:last-child{font-size:16px;max-width:530px;line-height:1.65;margin:0}.shop-poster{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:420px;height:300px;flex-shrink:0}.shop-poster:before{content:'';position:absolute;width:280px;height:255px;background:var(--soft);border-radius:55% 45% 40% 60%;transform:rotate(-12deg);z-index:-1}.shop-poster>img{position:absolute;width:290px;height:330px;object-fit:contain;right:25px;top:-15px;transform:rotate(6deg)}.shop-poster>span:first-child{font-size:85px;line-height:.92;font-weight:700;letter-spacing:-.055em;position:absolute;left:0;top:33px;color:var(--bg);-webkit-text-stroke:1px var(--primary)}.shop-poster-sticker{background:var(--accent);color:var(--ink);border:2px solid var(--ink);border-radius:50%;width:76px;height:76px;display:grid;place-content:center;font-size:16px;font-weight:700;text-align:center;line-height:1.05;position:absolute;bottom:8px;right:6px;box-shadow:3px 3px 0 var(--ink);transform:rotate(12deg)}
.shop-catalog{padding-top:37px;padding-bottom:75px}.shop-category-tabs{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:36px}.shop-category-tabs a{border:1.5px solid var(--ink);border-radius:999px;min-height:44px;padding:11px 20px;font-size:13px;font-weight:600;white-space:nowrap}.shop-category-tabs a[aria-current="page"]{background:var(--primary);color:var(--bg);box-shadow:2px 2px 0 var(--ink)}.shop-category-tabs a:hover{background:var(--soft);color:var(--ink)}.shop-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px}.shop-sidebar{align-self:start;position:sticky;top:125px}.filter-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;border-bottom:2px solid var(--ink)}.filter-heading h2{font-size:21px;margin:0;text-transform:none;letter-spacing:-.055em}.filter-reset{font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:32px}.filter-group{border-bottom:1px solid var(--line);padding-block:22px}.filter-group summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:15px;font-weight:700;list-style:none}.filter-group summary::-webkit-details-marker{display:none}.filter-group summary svg{width:17px;height:17px;transition:transform .2s}.filter-group[open] summary svg{transform:rotate(180deg)}.filter-group>div{padding-top:15px}.filter-option{display:flex;align-items:center;gap:11px;min-height:37px;font-size:13px;cursor:pointer}.filter-option input{appearance:none;width:17px;height:17px;border:1.5px solid var(--ink);border-radius:4px;display:grid;place-items:center;flex-shrink:0;margin:0;background:var(--bg)}.filter-option input:checked{background:var(--primary);border-color:var(--primary)}.filter-option input:checked:after{content:'';width:8px;height:4px;border-left:2px solid var(--bg);border-bottom:2px solid var(--bg);transform:rotate(-45deg);margin-top:-2px}.filter-count{margin-left:auto;font-size:11px;color:var(--muted)}.price-inputs{display:flex;align-items:center;gap:10px}.price-inputs label{min-width:0;flex:1;font-size:11px;font-weight:600}.price-inputs input{width:100%;min-height:40px;border:1px solid var(--ink);border-radius:8px;margin-top:7px;background:var(--bg);font-size:14px;padding:8px;appearance:textfield}.price-inputs input::-webkit-inner-spin-button{appearance:none}#price-range{width:100%;accent-color:var(--primary);height:32px;margin:10px 0 0}.filter-price-note{font-size:11px;margin:0}.filter-help{padding-top:26px}.filter-help>span{font-size:10px;letter-spacing:.07em;font-weight:600}.filter-help a{font-size:15px;display:flex;align-items:center;justify-content:space-between;font-weight:700;padding-top:11px}.filter-help svg{width:20px;height:20px}.shop-results{min-width:0}.shop-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}.shop-toolbar .eyebrow{font-size:10px;color:var(--primary);margin-bottom:10px}.shop-toolbar h2{font-size:36px;line-height:1.1;margin:0 0 9px;max-width:550px}.shop-toolbar #result-count{font-size:13px;margin:0}.shop-sort{font-size:11px;font-weight:600;display:block;flex-shrink:0;max-width:195px}.shop-sort select{display:block;width:100%;border:1px solid var(--ink);border-radius:999px;background:var(--bg);font-size:12px;font-weight:600;min-height:42px;padding:9px 27px 9px 14px;margin-top:6px}.shop-search-row{display:flex;gap:12px;align-items:center}.shop-search{border:1px solid var(--ink);border-radius:999px;display:flex;gap:12px;align-items:center;padding:0 16px;min-height:48px;flex:1;min-width:0}.shop-search svg{width:20px;height:20px;flex-shrink:0}.shop-search input{background:none;border:0;min-height:46px;width:100%;font-size:13px;min-width:0;outline-offset:0}.shop-filter-open{display:none}.active-filters{display:flex;gap:8px;flex-wrap:wrap;min-height:24px;margin-block:14px 16px}.active-filters:empty{min-height:0;margin-bottom:22px}.filter-chip{border:1px solid var(--primary);border-radius:999px;color:var(--ink);background:var(--soft);font-size:11px;min-height:33px;display:flex;gap:8px;align-items:center;padding:7px 11px;cursor:pointer}.filter-chip svg{width:13px;height:13px}.filter-chip[data-clear]{background:transparent;border-color:transparent;text-decoration:underline}.shop-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.shop-product-grid .product-card{border-radius:25px;box-shadow:4px 4px 0 var(--ink);min-width:0;display:flex;flex-direction:column;height:100%}.shop-product-grid .product-image{aspect-ratio:4/5;overflow:hidden;position:relative}.shop-product-grid .product-picture{padding:29px 17px 23px;width:100%;height:100%}.shop-product-grid .product-art{position:relative;width:100%;height:100%;display:block}.shop-product-grid .catalog-photo{width:100%;height:100%;position:relative}.shop-product-grid .product-info{padding:23px 17px 22px;display:flex;flex-direction:column;justify-content:space-between;flex:1;min-height:0}.shop-product-grid .product-info-top{display:flex;flex-direction:column;flex:1;min-width:0}.shop-product-grid .product-info-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;min-width:0}.shop-product-grid .product-name{font-size:20px;line-height:1.2;min-height:2.4em;padding-right:0}.shop-product-grid .product-type{font-size:10px;min-height:1.5em}.shop-product-grid .price{font-size:20px;font-weight:700;line-height:1.25;margin:0;padding:0;min-width:0;flex:1}.shop-product-grid .price ins{text-decoration:none!important;background:transparent;font-weight:700}.shop-product-grid .price del{opacity:.55;font-size:.78em;font-weight:400;margin-right:.35em;text-decoration:line-through}.shop-product-grid .price .price-unpriced{font-size:14px;font-weight:600;color:var(--muted)}.shop-product-grid .add-product{position:static;width:40px;height:40px;min-width:40px;min-height:40px;flex-shrink:0;margin:0}.shop-product-grid .save-product{right:14px;top:14px;width:38px;height:38px}.shop-product-grid .product-badge{font-size:9px;top:16px;left:14px}.shop-product-grid .quick-add{font-size:11px;bottom:13px;min-height:36px}.shop-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:48px;margin-bottom:24px;flex-wrap:wrap}.pagination-btn,.pagination-page{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px;border:2px solid var(--ink);border-radius:999px;background:var(--bg);color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:transform .15s ease,background .15s ease}.pagination-btn:hover:not(:disabled),.pagination-page:hover:not(.is-active){background:var(--soft);transform:translateY(-2px)}.pagination-page.is-active{background:var(--primary);color:var(--bg);cursor:default;transform:none}.pagination-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.pagination-pages{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:28px;font-weight:700;color:var(--muted)}.wishlist-nav{position:relative}.wishlist-count{position:absolute;top:-4px;right:-6px;min-width:20px;height:20px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--ink);border-radius:999px;background:var(--pop);color:var(--ink);font-weight:700;font-size:11px;line-height:1}.wishlist-count[hidden]{display:none!important}.price ins{text-decoration:none!important;background:transparent}.price del{opacity:.55;font-size:.78em;text-decoration:line-through}.shop-empty{padding:70px 25px;border:2px dashed var(--ink);border-radius:28px;text-align:center;background:var(--soft)}.shop-empty[hidden]{display:none}.shop-empty>span{font-size:11px;letter-spacing:.07em;color:var(--primary);font-weight:700}.shop-empty h3{font-size:38px;line-height:1.1;margin:19px 0 13px}.shop-empty p{font-size:15px;line-height:1.7;max-width:450px;margin:0 auto 25px}.shop-end-note{margin-top:40px;padding-top:23px;border-top:1px solid var(--line);text-align:center}.shop-end-note>span{font-size:10px;font-weight:700;letter-spacing:.08em}.shop-end-note p{font-size:13px;margin:11px 0}.shop-end-note a{text-decoration:underline;text-underline-offset:3px}.shop-build-band{background:var(--soft);border-block:2px solid var(--ink);padding-block:50px}.shop-build-band>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.shop-build-band h2{font-size:clamp(34px,4vw,58px);line-height:1.05;margin:13px 0 0}.shop-build-band .eyebrow{color:var(--primary);font-size:11px}.shop-build-band .button{flex-shrink:0}.shop-filter-dialog{padding:0;border:0;background:var(--bg);color:var(--ink);max-height:92dvh;height:92dvh;width:100%;max-width:540px;margin:auto auto 0;border-radius:28px 28px 0 0;overflow:hidden}.shop-filter-dialog::backdrop{background:rgb(20 18 31 / .55)}.filter-dialog-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 25px}.filter-dialog-header h2{font-size:27px;margin:0}.shop-filter-dialog[open]{display:flex;flex-direction:column}#mobile-filter-content{overflow:auto;padding:22px 25px;flex:1;overscroll-behavior:contain}.filter-dialog-bottom{padding:16px 25px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg)}.filter-dialog-bottom .button{width:100%}.shop-main~.mobile-shop-bar>button:first-child{background:var(--accent);border-radius:999px}.shop-page .product-detail-image .product-art,.shop-page .cart-thumb .product-art,.shop-page .search-result .product-art{display:block;width:100%;height:100%;position:relative}.shop-page .product-detail-image .catalog-photo,.shop-page .cart-thumb .catalog-photo,.shop-page .search-result .catalog-photo{width:100%;height:100%}.shop-page .wishlist-products .product-picture{height:260px;padding:25px}.shop-page .wishlist-products .product-picture .product-art{height:100%}.shop-page .wishlist-products .catalog-photo{height:100%;width:100%}
@media(min-width:1700px){.shop-layout{grid-template-columns:255px minmax(0,1fr);gap:58px}.shop-product-grid .product-name{font-size:23px}}
@media(max-width:1199px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.brand-logo{height:145px}.shop-layout{grid-template-columns:205px minmax(0,1fr);gap:28px}.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.shop-poster{width:330px}.shop-poster>span:first-child{font-size:72px}.shop-poster>img{right:0}.shop-toolbar h2{font-size:32px}}
@media(max-width:900px){.shop-sidebar{display:none}.shop-layout{display:block}.shop-filter-open{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:1.5px solid var(--ink);border-radius:999px;padding:10px 18px;font-weight:700;font-size:13px}.shop-filter-open>span{background:var(--accent);color:var(--ink);min-width:21px;height:21px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:10px}.shop-intro h1{font-size:60px}.shop-poster{width:260px}.shop-poster>span:first-child{display:none}.shop-poster>img{width:260px}.shop-poster:before{width:220px;height:230px}.shop-product-grid .product-info{min-height:173px}.shop-product-grid .product-name{font-size:22px}.shop-category-tabs{flex-wrap:nowrap;overflow:auto;scrollbar-width:none;margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter);padding-bottom:23px}.shop-category-tabs::-webkit-scrollbar{display:none}.shop-main .shop-catalog{padding-top:28px}.filter-option{font-size:15px;min-height:44px}.filter-count{font-size:12px}.filter-group summary{font-size:17px}.filter-heading h2{font-size:23px}.filter-reset{font-size:14px}.price-inputs input{font-size:16px;min-height:44px}.filter-price-note{font-size:13px}}
@media(max-width:600px){.brands-section{padding-top:0;padding-bottom:65px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.brand-logo{height:105px;padding:15px}.brand-name{font-size:13px;padding:13px}.brand-tile{border-radius:20px}.brands-section .section-heading{gap:20px;align-items:flex-start}.brands-section .section-heading .text-link{align-self:flex-start}.shop-breadcrumb{padding-top:20px;font-size:11px}.shop-intro-copy{position:relative;padding-block:25px 33px;min-height:260px;gap:0}.shop-intro h1{font-size:48px;position:relative;z-index:2;margin-bottom:18px}.shop-intro .eyebrow{font-size:9px;max-width:210px;line-height:1.7;margin-bottom:14px}.shop-intro-copy>div>p:last-child{font-size:13px;max-width:225px;position:relative;z-index:2}.shop-poster{position:absolute;right:-44px;top:20px;width:170px;height:220px;opacity:.9}.shop-poster:before{width:145px;height:175px;right:0;top:28px}.shop-poster>img{width:165px;height:235px;top:0;right:-9px}.shop-poster-sticker{width:51px;height:51px;font-size:12px;bottom:-5px;right:21px}.shop-category-tabs{gap:9px;margin-bottom:27px}.shop-category-tabs a{font-size:12px;padding:10px 16px;min-height:42px}.shop-toolbar{gap:12px;margin-bottom:20px;align-items:flex-start}.shop-toolbar .eyebrow{font-size:8px;max-width:155px;line-height:1.6}.shop-toolbar h2{font-size:27px;max-width:200px}.shop-toolbar #result-count{font-size:11px}.shop-sort{max-width:140px;font-size:10px;padding-top:0}.shop-sort select{font-size:11px;min-height:40px;padding-left:12px;padding-right:20px}.shop-search{padding-inline:13px;gap:8px}.shop-search input{font-size:12px}.shop-search svg{width:17px;height:17px}.shop-filter-open{font-size:12px;gap:6px;padding-inline:13px}.shop-search-row{gap:9px}.shop-product-grid{gap:22px 15px}.shop-product-grid .product-card{border-radius:21px;box-shadow:3px 3px 0 var(--ink)}.shop-product-grid .product-picture{padding:36px 10px 17px}.shop-product-grid .product-image{aspect-ratio:3/4}.shop-product-grid .product-info{padding:16px 12px 18px;min-height:0}.shop-product-grid .product-info-bottom{gap:8px;padding-top:10px}.shop-product-grid .product-name{font-size:16px;min-height:2.6em}.shop-product-grid .product-type{font-size:8px;line-height:1.5;min-height:1.5em;letter-spacing:.025em}.shop-product-grid .price{font-size:16px;margin:0;padding:0}.shop-product-grid .add-product{position:static;width:36px;height:36px;min-width:36px;min-height:36px;margin:0}.shop-product-grid .add-product svg{width:17px;height:17px}.shop-product-grid .save-product{width:31px;height:31px;top:10px;right:10px}.shop-product-grid .save-product svg{width:16px;height:16px}.shop-product-grid .product-badge{top:12px;left:10px;font-size:7px;padding:4px 7px;max-width:80px}.shop-product-grid .quick-add{display:none}.shop-pagination{margin-top:32px;gap:6px}.pagination-btn,.pagination-page{min-width:38px;height:38px;padding:0 12px;font-size:13px}.shop-empty{padding:50px 20px}.shop-empty h3{font-size:29px}.shop-empty p{font-size:14px}.shop-end-note{margin-top:30px}.shop-end-note p{font-size:12px;line-height:1.7}.shop-build-band{padding-block:36px}.shop-build-band>.wrap{display:block}.shop-build-band h2{font-size:35px;margin-bottom:25px}.shop-build-band .button{font-size:13px}.shop-catalog{padding-bottom:50px}.shop-filter-dialog{max-height:94dvh;height:94dvh}}
@media(prefers-reduced-motion:reduce){.brand-tile{transition:none}.brand-tile:hover{transform:none}}

/* Keep filters within reach and mobile actions comfortable to tap. */
.brands-section{padding-top:55px;padding-bottom:60px}
@media(min-width:901px){.shop-sidebar{max-height:calc(100dvh - 150px);overflow-y:auto;scrollbar-width:thin;padding-right:7px;padding-bottom:15px}.filter-option{font-size:14px}.filter-count{font-size:12px}}
@media(max-width:600px){.brands-section{padding-top:35px;padding-bottom:35px}.shop-product-grid .product-type{font-size:9px}.shop-product-grid .add-product{width:40px;height:40px;right:9px;bottom:13px}.shop-product-grid .save-product{width:36px;height:36px}.shop-product-grid .product-badge{font-size:7px;padding:4px 6px}}
@media(max-width:600px){.shop-intro-copy{min-height:290px}.shop-poster{top:100px;right:-33px;width:120px;height:160px}.shop-poster:before{width:105px;height:125px;top:23px}.shop-poster>img{width:120px;height:165px;right:-2px}.shop-poster-sticker{width:43px;height:43px;font-size:10px;bottom:-7px;right:12px}.shop-product-grid .add-product{width:44px;height:44px}.shop-product-grid .save-product{width:36px;height:36px}}

/* Full-width card footer: price stays left, action stays at the right edge. */
.shop-product-grid .product-info{align-items:stretch}
.shop-product-grid .product-info-bottom{width:100%;align-self:stretch;justify-content:space-between;gap:12px}
.shop-product-grid .product-info-bottom>.price{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;line-height:1.4;margin:0;padding:0;font-size:20px}
.shop-product-grid .price del{margin-right:0;font-size:.72em}
.shop-product-grid .price .woocommerce-Price-amount{white-space:nowrap}
.shop-product-grid .product-info-bottom>.add-product{position:static;flex:0 0 42px;margin-left:auto;align-self:center}
@media(max-width:600px){.shop-product-grid .product-info-bottom{gap:8px}.shop-product-grid .product-info-bottom>.price{font-size:16px;gap:3px 5px}.shop-product-grid .product-info-bottom>.add-product{flex-basis:36px}}
@media(max-width:360px){.shop-product-grid .product-info{padding-inline:8px}.shop-product-grid .product-info-bottom{gap:6px}.shop-product-grid .product-info-bottom>.price{font-size:13px}.shop-product-grid .product-info-bottom>.add-product{flex-basis:28px;width:28px;height:32px;min-width:28px;min-height:32px}.shop-product-grid .product-info-bottom>.add-product svg{width:16px;height:16px}}

.shop-request-status{padding:24px;border:2px solid var(--ink);border-radius:20px;background:var(--soft);margin-bottom:24px}.shop-request-status p{margin-bottom:12px}

/* Product detail page: large photography, clear purchase controls and generous spacing. */
.product-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;padding-block:25px 32px}.product-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.product-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:55px;align-items:start;padding-bottom:60px}.pdp-gallery{min-width:0}.pdp-stage{height:680px;background:var(--soft);border:2px solid var(--ink);border-radius:34px;box-shadow:6px 6px 0 var(--ink);position:relative;isolation:isolate;overflow:hidden}.pdp-stage:before{content:'';position:absolute;inset:13% 8% 12%;background:var(--accent);border-radius:45% 55% 62% 38%;transform:rotate(-12deg);z-index:-1}.pdp-stage[data-view="photo"]{background:#fff}.pdp-stage[data-view="photo"]:before{display:none}.pdp-gallery-label{position:absolute;top:24px;left:26px;z-index:2;font-size:10px;font-weight:700;letter-spacing:.1em}.pdp-gallery-main{display:block;position:relative;width:100%;height:100%;padding:54px 32px 60px;cursor:zoom-in}.pdp-gallery-art{display:block;width:100%;height:100%;position:relative;z-index:1}.pdp-gallery-art>img{width:100%;height:100%;object-fit:contain}.pdp-gallery-art .product-art,.pdp-gallery-art .catalog-photo{display:block;width:100%;height:100%;position:relative}.pdp-zoom-label{position:absolute;bottom:28px;left:26px;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600}.pdp-zoom-label svg{width:16px;height:16px}.pdp-gallery-counter{position:absolute;top:24px;right:26px;font-size:10px;font-weight:700;letter-spacing:.08em;pointer-events:none}.pdp-gallery-controls{display:flex;position:absolute;right:22px;bottom:18px;gap:8px;z-index:2}.pdp-gallery-controls .rail-arrow{width:40px;height:40px;background:var(--bg)}#gallery-prev svg,#zoom-prev svg{transform:rotate(180deg)}.pdp-gallery-word{position:absolute;bottom:70px;left:17px;right:17px;font-size:clamp(64px,8vw,130px);font-weight:700;letter-spacing:-.075em;color:rgb(108 43 255 / .09);text-align:center;z-index:-1;pointer-events:none}.pdp-thumbnails{display:flex;gap:13px;padding:22px 2px 0;overflow:auto}.pdp-thumbnail{width:94px;height:100px;flex-shrink:0;border:1.5px solid var(--ink);border-radius:16px;background:#fff;overflow:hidden;padding:7px}.pdp-thumbnail:first-child{background:var(--soft)}.pdp-thumbnail[aria-pressed="true"]{border:3px solid var(--primary);box-shadow:2px 2px 0 var(--ink)}.pdp-thumbnail img{width:100%;height:100%;object-fit:contain}.pdp-buy-panel{position:sticky;top:125px;padding-top:9px}.pdp-brand-row{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;font-weight:700;letter-spacing:.08em}.pdp-brand-row a{color:var(--primary);text-decoration:underline;text-underline-offset:4px}.pdp-buy-panel h1{font-size:clamp(65px,6vw,90px);line-height:1;margin:25px 0 12px;letter-spacing:-.07em}.pdp-subtitle{font-size:24px;line-height:1.3;letter-spacing:-.04em;font-weight:600;margin:0 0 27px}.pdp-price-row{display:flex;align-items:center;gap:15px;padding-bottom:24px;border-bottom:1px solid var(--line)}.pdp-price-row>strong{font-size:32px;letter-spacing:-.055em}.pdp-price-row>span{font-size:11px;color:var(--muted)}.pdp-description{font-size:15px;line-height:1.85;margin:22px 0 25px;max-width:470px}.pdp-finish>span{font-size:10px;font-weight:700;letter-spacing:.07em}.pdp-finish>div{display:flex;align-items:center;gap:13px;border:1.5px solid var(--ink);border-radius:16px;padding:13px 16px;margin-top:10px;background:var(--soft);min-height:61px}.pdp-finish strong{font-size:14px;font-weight:600}.pdp-finish-swatch{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#796553 50%,#698439 50%);border:2px solid var(--ink)}.pdp-finish-check{margin-left:auto}.pdp-finish-check svg{width:20px;height:20px}.pdp-buy-controls{display:flex;gap:10px;align-items:center;margin-top:24px}.pdp-quantity{display:flex;align-items:center;justify-content:center;gap:1px;border:1.5px solid var(--ink);border-radius:999px;min-height:54px;padding-inline:6px;flex-shrink:0}.pdp-quantity button{width:31px;min-height:48px;font-size:20px}.pdp-quantity input{width:33px;font-size:14px;border:0;background:none;text-align:center;appearance:textfield;font-weight:600}.pdp-quantity input::-webkit-inner-spin-button{appearance:none}.pdp-add{flex:1;justify-content:center;white-space:nowrap;padding-inline:16px;min-width:0;font-size:14px}.pdp-save{height:54px;width:54px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;flex-shrink:0}.pdp-save svg{width:23px;height:23px}.pdp-save.is-saved{background:var(--soft);color:var(--primary)}.pdp-whatsapp{display:flex;align-items:center;gap:10px;min-height:48px;width:100%;margin-top:13px;font-weight:600;font-size:13px;border-bottom:1px solid var(--ink);text-align:left}.pdp-whatsapp svg{width:21px;height:21px;flex-shrink:0}.pdp-whatsapp svg:last-child{margin-left:auto}.pdp-preview-note{font-size:11px;line-height:1.8;color:var(--muted);margin:17px 0 26px;max-width:450px}.pdp-quick-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:23px;border-top:1px solid var(--line)}.pdp-quick-specs span{display:block;font-size:9px;font-weight:600;letter-spacing:.06em;margin-bottom:7px}.pdp-quick-specs strong{display:block;font-size:13px;line-height:1.5}.pdp-spec-link{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin-top:23px}.pdp-spec-link svg{width:20px;height:20px}.pdp-detail-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:70px;align-items:start}.pdp-spec-poster{background:var(--primary);color:var(--bg);padding:26px;border:2px solid var(--ink);border-radius:30px;box-shadow:5px 5px 0 var(--ink);position:relative;overflow:hidden}.pdp-spec-poster>span{font-size:10px;font-weight:700;letter-spacing:.08em}.pdp-detail-image{height:310px;position:relative;background:#fff;border-radius:20px;margin-top:22px;overflow:hidden}.pdp-detail-image img{width:100%;height:100%;object-fit:contain}.pdp-spec-poster h3{font-size:clamp(43px,4.5vw,68px);line-height:.95;margin:28px 0 6px}.pdp-accordion details{padding:24px 0;border-bottom:1px solid var(--ink)}.pdp-accordion details:first-child{padding-top:0}.pdp-accordion summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:24px;font-weight:600;letter-spacing:-.045em;cursor:pointer;list-style:none}.pdp-accordion summary::-webkit-details-marker{display:none}.pdp-accordion summary svg{width:20px;height:20px;flex-shrink:0}.pdp-accordion details[open] summary svg{transform:rotate(180deg)}.pdp-accordion dl{margin:24px 0 0}.pdp-accordion dl>div{display:flex;justify-content:space-between;gap:25px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.6}.pdp-accordion dt{color:var(--muted);flex-shrink:0}.pdp-accordion dd{margin:0;text-align:right;font-weight:600}.pdp-accordion p{font-size:14px;line-height:1.8;margin:21px 0 0}.pdp-accordion .pdp-detail-note{font-size:11px;color:var(--muted)}.pdp-box-items{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;list-style:none;padding:0;margin:22px 0 0}.pdp-box-items li{padding-left:21px;position:relative;font-size:14px}.pdp-box-items li:before{content:'';position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:var(--primary)}.pdp-accordion .text-link{margin-top:15px}.pdp-accessories{background:var(--soft);border-block:2px solid var(--ink)}.pdp-accessories .section-heading{margin-bottom:20px}.pdp-accessory-note{font-size:13px;line-height:1.7;margin-bottom:35px;max-width:680px}.pdp-accessories .shop-product-grid,.pdp-related .shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.pdp-related{padding-bottom:105px}.pdp-mobile-buy{display:none}.pdp-gallery-dialog{padding:20px 25px 25px;border:2px solid var(--ink);border-radius:28px;width:calc(100% - 50px);max-width:1080px;height:90dvh;max-height:1000px;background:var(--bg);color:var(--ink);overflow:hidden}.pdp-gallery-dialog[open]{display:flex;flex-direction:column}.pdp-gallery-dialog::backdrop{background:rgb(20 18 31 / .75)}.pdp-zoom-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.pdp-zoom-header h2{font-size:23px;margin:0}.pdp-enlarged-image{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;background:#fff;margin:20px 0;border-radius:20px;overflow:hidden}.pdp-enlarged-image img,.pdp-enlarged-image .product-art,.pdp-enlarged-image .catalog-photo{width:100%;height:100%;object-fit:contain;display:block;position:relative}.pdp-zoom-navigation{display:flex;align-items:center;justify-content:center;gap:22px;font-size:12px}.pdp-zoom-navigation .rail-arrow{background:var(--accent)}
@media(max-width:1199px){.product-layout{gap:32px;grid-template-columns:1.2fr 1fr}.pdp-stage{height:600px}.pdp-buy-panel h1{font-size:65px}.pdp-subtitle{font-size:21px}.pdp-buy-controls{flex-wrap:wrap}.pdp-add{min-width:160px}.pdp-save{width:48px;height:48px}.pdp-detail-layout{gap:40px}.pdp-accessories .shop-product-grid,.pdp-related .shop-product-grid{gap:22px}}
@media(max-width:900px){.product-layout{grid-template-columns:1fr;gap:34px;padding-bottom:25px}.pdp-stage{height:670px}.pdp-buy-panel{position:static;max-width:none}.pdp-buy-panel h1{font-size:82px}.pdp-subtitle{font-size:26px}.pdp-description{max-width:590px;font-size:16px}.pdp-buy-controls{flex-wrap:nowrap;max-width:600px}.pdp-quick-specs{max-width:600px}.pdp-quick-specs strong{font-size:15px}.pdp-preview-note{max-width:570px}.pdp-whatsapp{max-width:600px;font-size:14px}.pdp-detail-layout{gap:30px}.pdp-spec-poster h3{font-size:44px}.pdp-accordion summary{font-size:20px}.pdp-accessories .shop-product-grid,.pdp-related .shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.pdp-accordion dl>div{font-size:12px;gap:15px}.pdp-accessories .product-name,.pdp-related .product-name{font-size:18px}.pdp-breadcrumb{padding-block:20px 25px}}
@media(max-width:600px){.product-breadcrumb{font-size:11px;gap:10px;padding-block:17px 23px}.product-layout{gap:28px}.pdp-stage{height:465px;border-radius:27px;box-shadow:4px 4px 0 var(--ink)}.pdp-gallery-main{padding:48px 20px 62px;touch-action:pan-y}.pdp-gallery-label{top:20px;left:20px;font-size:8px}.pdp-gallery-counter{top:20px;right:20px;font-size:8px}.pdp-zoom-label{font-size:9px;left:19px;bottom:28px;gap:7px}.pdp-gallery-controls{right:16px;bottom:18px;gap:7px}.pdp-gallery-controls .rail-arrow{height:36px;width:36px}.pdp-gallery-word{font-size:63px;bottom:75px}.pdp-thumbnails{gap:12px;padding-top:18px}.pdp-thumbnail{width:72px;height:78px;border-radius:14px}.pdp-buy-panel{padding-top:0}.pdp-buy-panel h1{font-size:67px;margin-top:23px}.pdp-brand-row{font-size:9px;gap:10px}.pdp-subtitle{font-size:24px;margin-bottom:23px}.pdp-price-row{padding-bottom:21px}.pdp-price-row>strong{font-size:30px}.pdp-description{font-size:15px;line-height:1.8;margin:20px 0 24px}.pdp-finish strong{font-size:13px}.pdp-buy-controls{gap:9px;flex-wrap:wrap}.pdp-quantity{min-height:51px;flex:0 0 108px}.pdp-add{font-size:13px;min-width:165px;min-height:53px}.pdp-save{height:48px;width:48px}.pdp-buy-controls .pdp-save{flex-shrink:0}.pdp-whatsapp{font-size:13px;margin-top:15px}.pdp-preview-note{font-size:11px;margin-bottom:23px}.pdp-quick-specs{gap:10px;padding-top:21px}.pdp-quick-specs strong{font-size:12px}.pdp-quick-specs span{font-size:8px}.pdp-spec-link{font-size:13px}.pdp-detail-layout{grid-template-columns:1fr;gap:40px}.pdp-spec-poster{padding:23px}.pdp-spec-poster h3{font-size:53px}.pdp-detail-image{height:260px}.pdp-accordion summary{font-size:22px}.pdp-accordion dl>div{font-size:13px;gap:20px}.pdp-accordion dd{max-width:190px}.pdp-accessories .shop-product-grid,.pdp-related .shop-product-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc(100% - 42px);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 6px 15px 0;scrollbar-width:none}.pdp-accessories .product-card,.pdp-related .product-card{scroll-snap-align:start}.pdp-accessories .shop-product-grid .product-image,.pdp-related .shop-product-grid .product-image{aspect-ratio:4/5}.pdp-accessories .shop-product-grid .product-name,.pdp-related .shop-product-grid .product-name{font-size:22px;min-height:2.4em}.pdp-accessories .shop-product-grid .product-info,.pdp-related .shop-product-grid .product-info{padding:23px;min-height:180px}.pdp-accessories .shop-product-grid .product-type,.pdp-related .shop-product-grid .product-type{font-size:11px;min-height:0}.pdp-accessories .shop-product-grid .price,.pdp-related .shop-product-grid .price{font-size:23px}.pdp-accessories .shop-product-grid .add-product,.pdp-related .shop-product-grid .add-product{right:18px;bottom:20px}.pdp-related{padding-bottom:65px}.pdp-accessory-note{font-size:13px}.pdp-mobile-buy{display:flex;position:fixed;z-index:60;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;right:12px;background:var(--bg);border:2px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);padding:9px 10px 9px 18px;gap:13px;align-items:center;justify-content:space-between}.pdp-mobile-buy>div{min-width:0}.pdp-mobile-buy>div>span{display:block;font-size:8px;font-weight:600;letter-spacing:.03em;margin-bottom:3px}.pdp-mobile-buy strong{font-size:19px;letter-spacing:-.04em}.pdp-mobile-buy .button{min-height:47px;font-size:12px;padding:10px 17px;white-space:nowrap}.product-page .mobile-shop-bar{display:none}.product-page .site-footer{padding-bottom:100px}.pdp-gallery-dialog{width:calc(100% - 20px);height:92dvh;padding:18px 15px;max-height:92dvh;border-radius:24px}.pdp-zoom-header h2{font-size:20px}.pdp-enlarged-image{margin-block:15px}.pdp-zoom-navigation{gap:17px}}
@media(max-width:359px){.pdp-stage{height:420px}.pdp-buy-controls .pdp-save{order:2}.pdp-add{min-width:140px}.pdp-quantity{flex-basis:95px}.pdp-mobile-buy{gap:8px;padding-left:12px}.pdp-mobile-buy .button{padding-inline:13px}.pdp-mobile-buy strong{font-size:18px}}

/* Cart page styles — Urban Shisha V2 design tokens and typography */
.cart-page {
  background: var(--bg);
  color: var(--ink);
}

.cart-main {
  min-height: calc(100vh - 400px);
  padding-bottom: 90px;
}

.cart-breadcrumb {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  padding-block: 26px 20px;
}

.cart-breadcrumb a {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.cart-intro {
  margin-bottom: 36px;
  border-bottom: 2px solid var(--ink);
  padding-bottom: 28px;
}

.cart-intro .eyebrow {
  color: var(--primary);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  margin-bottom: 12px;
}

.cart-title-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.cart-intro h1 {
  font-size: clamp(44px, 5.2vw, 76px);
  line-height: .96;
  letter-spacing: -.06em;
  margin: 0;
  text-transform: uppercase;
}

.cart-intro h1 span {
  color: var(--primary);
}

.cart-count-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--soft);
  color: var(--primary);
  border: 1.5px solid var(--ink);
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 2px 2px 0 var(--ink);
  white-space: nowrap;
}

/* 2-Column Desktop Layout */
.cart-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(340px, 420px);
  gap: 48px;
  align-items: start;
}

.cart-layout[hidden] {
  display: none !important;
}

.cart-products-section {
  min-width: 0;
}

/* Table header for desktop */
.cart-table-header {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) 110px 140px 120px;
  gap: 16px;
  padding: 0 24px 14px;
  border-bottom: 1.5px solid var(--line);
  margin-bottom: 20px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--muted);
}

.cart-table-header .col-total {
  text-align: right;
}

.cart-items-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Product Row Card */
.cart-row {
  background: #fff;
  border: 2px solid var(--ink);
  border-radius: 26px;
  box-shadow: 4px 4px 0 var(--ink);
  padding: 22px 24px;
  transition: transform .2s ease, box-shadow .2s ease;
  position: relative;
}

.cart-row-grid {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
}

.cart-row-thumb {
  width: 130px;
  height: 130px;
  background: var(--soft);
  border: 1.5px solid var(--ink);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  text-decoration: none;
}

.cart-row-thumb .product-art,
.cart-row-thumb .catalog-photo {
  width: 100%;
  height: 100%;
  display: block;
}

.cart-row-content {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) 100px 130px 110px;
  gap: 16px;
  align-items: center;
}

.cart-row-pricing {
  display: contents;
}

.cart-row-info {
  min-width: 0;
}

.cart-row-brand {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--primary);
  margin-bottom: 4px;
  text-transform: uppercase;
}

.cart-row-title {
  font-size: 19px;
  line-height: 1.2;
  margin: 0 0 6px;
  letter-spacing: -.03em;
  font-weight: 700;
}

.cart-row-title a {
  color: var(--ink);
  text-decoration: none;
  transition: color .15s;
}

.cart-row-title a:hover {
  color: var(--primary);
  text-decoration: underline;
}

.cart-row-variant {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.4;
  margin: 0 0 10px;
}

.cart-row-variant strong {
  color: var(--ink);
  font-weight: 600;
}

.cart-row-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.cart-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  background: none;
  border: 0;
  padding: 4px 0;
  cursor: pointer;
  color: var(--muted);
  transition: color .15s ease;
  min-height: 32px;
}

.cart-action-btn svg {
  width: 15px;
  height: 15px;
}

.cart-action-btn:hover {
  color: var(--ink);
}

.cart-save-btn.is-saved {
  color: var(--primary);
  font-weight: 700;
}

.cart-save-btn.is-saved svg {
  fill: var(--primary);
}

.cart-remove-btn:hover {
  color: var(--pop);
}

.cart-row-unit-price {
  font-size: 16px;
  font-weight: 700;
}

.cart-row-qty {
  display: flex;
  align-items: center;
}

/* Quantity Control Pill */
.cart-qty-ctrl {
  display: inline-flex;
  align-items: center;
  border: 1.5px solid var(--ink);
  border-radius: 999px;
  background: var(--bg);
  min-height: 42px;
  padding: 2px 4px;
}

.cart-qty-btn {
  width: 34px;
  height: 36px;
  border: 0;
  background: none;
  font-size: 18px;
  font-weight: 600;
  color: var(--ink);
  display: grid;
  place-content: center;
  cursor: pointer;
  border-radius: 50%;
  transition: background .15s;
}

.cart-qty-btn:hover:not(:disabled) {
  background: var(--soft);
}

.cart-qty-btn:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.cart-qty-input {
  width: 38px;
  border: 0;
  background: none;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
  appearance: textfield;
  -moz-appearance: textfield;
  padding: 0;
}

.cart-qty-input::-webkit-inner-spin-button,
.cart-qty-input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.cart-row-total {
  font-size: 20px;
  font-weight: 800;
  text-align: right;
  letter-spacing: -.04em;
}

.cart-field-label {
  display: none;
}

/* Cart Table Footer */
.cart-table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 26px;
  margin-top: 24px;
  border-top: 1.5px solid var(--line);
  flex-wrap: wrap;
  gap: 16px;
}

.cart-continue-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.cart-continue-link svg {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}

.cart-clear-btn {
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
  background: none;
  border: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  padding: 6px 0;
}

.cart-clear-btn:hover {
  color: var(--pop);
}

/* Order Summary Box */
.cart-summary-aside {
  position: sticky;
  top: 125px;
}

.order-summary-card {
  background: var(--soft);
  border: 2px solid var(--ink);
  border-radius: 30px;
  box-shadow: 6px 6px 0 var(--ink);
  padding: 32px 28px;
}

.summary-header {
  border-bottom: 1.5px solid var(--ink);
  padding-bottom: 18px;
  margin-bottom: 22px;
}

.summary-header .eyebrow {
  color: var(--primary);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  margin-bottom: 6px;
}

.summary-header h2 {
  font-size: 32px;
  line-height: 1.05;
  margin: 0;
  letter-spacing: -.04em;
}

.summary-lines {
  display: flex;
  flex-direction: column;
  gap: 14px;
  font-size: 14px;
}

.summary-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.summary-line strong {
  font-size: 16px;
  font-weight: 700;
}

.summary-shipping-note {
  font-size: 12px;
  color: var(--muted);
  font-weight: 600;
}

.summary-divider {
  height: 1.5px;
  background: var(--ink);
  margin-block: 22px;
}

.summary-total-line {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 26px;
}

.summary-total-label strong {
  display: block;
  font-size: 20px;
  letter-spacing: -.03em;
  margin-bottom: 3px;
}

.summary-sublabel {
  display: block;
  font-size: 11px;
  color: var(--muted);
  font-weight: 600;
}

.summary-total-amount {
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1;
  color: var(--ink);
}

.summary-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.checkout-btn {
  background: var(--accent);
  color: var(--ink);
  border: 2px solid var(--ink);
  border-radius: 999px;
  box-shadow: 3px 3px 0 var(--ink);
  width: 100%;
  min-height: 54px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease;
}

.checkout-btn:hover {
  transform: translate(-2px, -2px);
  box-shadow: 5px 5px 0 var(--ink);
}

.checkout-btn svg {
  width: 18px;
  height: 18px;
}

.summary-continue-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  border: 1.5px solid var(--ink);
  border-radius: 999px;
  background: var(--bg);
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background .15s;
}

.summary-continue-btn:hover {
  background: #fff;
}

.summary-preview-disclaimer {
  font-size: 11px;
  line-height: 1.6;
  color: var(--muted);
  margin: 20px 0 0;
  text-align: center;
}

.summary-age-notice {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid var(--ink);
  border-radius: 12px;
  padding: 10px 12px;
  margin-top: 16px;
  font-size: 11px;
  font-weight: 600;
  color: var(--ink);
}

.summary-age-notice svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  color: var(--primary);
}

/* Empty State */
.cart-empty-state {
  background: #fff;
  border: 2px dashed var(--ink);
  border-radius: 34px;
  padding: 80px 30px;
  text-align: center;
  max-width: 680px;
  margin: 30px auto 0;
}

.cart-empty-state[hidden] {
  display: none !important;
}

.empty-bag-badge {
  width: 80px;
  height: 80px;
  background: var(--soft);
  border: 2px solid var(--ink);
  border-radius: 50%;
  display: grid;
  place-content: center;
  margin: 0 auto 24px;
  box-shadow: 3px 3px 0 var(--ink);
}

.empty-bag-badge svg {
  width: 36px;
  height: 36px;
}

.cart-empty-state .eyebrow {
  color: var(--primary);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  margin-bottom: 12px;
}

.cart-empty-state h2 {
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.04;
  margin: 0 0 16px;
  letter-spacing: -.05em;
}

.cart-empty-state h2 span {
  color: var(--primary);
}

.cart-empty-state p {
  font-size: 15px;
  line-height: 1.7;
  color: var(--muted);
  max-width: 440px;
  margin: 0 auto 32px;
}

.empty-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* Mobile Bottom Checkout Bar */
.cart-mobile-bar {
  display: none;
}

/* Drawer 'View full bag' Link */
.view-full-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  border: 1.5px solid var(--ink);
  border-radius: 999px;
  background: var(--bg);
  color: var(--ink);
  font-weight: 700;
  font-size: 13px;
  margin-top: 14px;
  text-decoration: none;
  box-shadow: 2px 2px 0 var(--ink);
  transition: background .18s;
}

.view-full-cart:hover {
  background: var(--soft);
}

.view-full-cart svg {
  width: 16px;
  height: 16px;
}

/* Responsive Media Queries */
@media (max-width: 1199px) {
  .cart-layout {
    grid-template-columns: minmax(0, 1.35fr) 340px;
    gap: 32px;
  }
  .cart-table-header {
    display: none;
  }
  .cart-row-content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
  .cart-row-pricing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding-top: 14px;
    border-top: 1px solid var(--line);
    width: 100%;
  }
  .cart-row-unit-price,
  .cart-row-qty,
  .cart-row-total {
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: left;
  }
  .cart-field-label {
    display: inline-block;
    font-size: 11px;
    color: var(--muted);
    font-weight: 600;
  }
  .cart-row-title {
    font-size: 18px;
  }
  .cart-row-thumb {
    width: 110px;
    height: 110px;
  }
}

@media (max-width: 900px) {
  .cart-layout {
    display: block;
  }
  .cart-table-header {
    display: none;
  }
  .cart-summary-aside {
    margin-top: 40px;
    position: static;
  }
  .cart-row {
    padding: 20px;
  }
  .cart-row-grid {
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 18px;
  }
  .cart-row-content {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .cart-field-label {
    display: inline-block;
    font-size: 11px;
    color: var(--muted);
    font-weight: 600;
    margin-right: 6px;
  }
  .cart-row-unit-price,
  .cart-row-qty,
  .cart-row-total {
    text-align: left;
  }
  .cart-row-pricing-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding-top: 10px;
    border-top: 1px solid var(--line);
  }
}

@media (max-width: 600px) {
  .cart-breadcrumb {
    padding-block: 18px 14px;
    font-size: 11px;
  }
  .cart-intro {
    padding-bottom: 22px;
    margin-bottom: 26px;
  }
  .cart-intro h1 {
    font-size: 38px;
  }
  .cart-count-badge {
    font-size: 11px;
    padding: 6px 14px;
  }
  .cart-row {
    border-radius: 20px;
    padding: 16px;
  }
  .cart-row-grid {
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 14px;
    align-items: flex-start;
  }
  .cart-row-thumb {
    width: 90px;
    height: 90px;
    border-radius: 14px;
    padding: 6px;
  }
  .cart-row-title {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .cart-row-variant {
    font-size: 11px;
    margin-bottom: 8px;
  }
  .cart-qty-ctrl {
    min-height: 38px;
  }
  .cart-qty-btn {
    width: 30px;
    height: 32px;
    font-size: 16px;
  }
  .cart-qty-input {
    width: 32px;
    font-size: 13px;
  }
  .cart-row-total {
    font-size: 17px;
  }
  .order-summary-card {
    border-radius: 24px;
    padding: 24px 20px;
  }
  .summary-header h2 {
    font-size: 26px;
  }
  .summary-total-amount {
    font-size: 26px;
  }
  .cart-empty-state {
    padding: 50px 20px;
    border-radius: 26px;
  }
  .cart-empty-state h2 {
    font-size: 30px;
  }
  .empty-bag-badge {
    width: 64px;
    height: 64px;
  }
  .empty-bag-badge svg {
    width: 28px;
    height: 28px;
  }
  /* Mobile Sticky Bottom Bar */
  .cart-mobile-bar {
    display: flex;
    position: fixed;
    z-index: 60;
    bottom: calc(10px + env(safe-area-inset-bottom));
    left: 12px;
    right: 12px;
    background: var(--bg);
    border: 2px solid var(--ink);
    border-radius: 999px;
    box-shadow: 3px 3px 0 var(--ink);
    padding: 8px 10px 8px 18px;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
  }
  .cart-mobile-bar[hidden] {
    display: none !important;
  }
  .cart-mobile-bar-info {
    min-width: 0;
  }
  .cart-mobile-bar-info span {
    display: block;
    font-size: 8px;
    font-weight: 600;
    color: var(--muted);
    letter-spacing: .04em;
    margin-bottom: 2px;
  }
  .cart-mobile-bar-info strong {
    font-size: 19px;
    letter-spacing: -.04em;
    color: var(--ink);
    line-height: 1;
  }
  .cart-mobile-bar .checkout-btn {
    min-height: 46px;
    font-size: 13px;
    padding: 10px 20px;
    width: auto;
    flex-shrink: 0;
    box-shadow: 2px 2px 0 var(--ink);
  }
  .cart-page .site-footer {
    padding-bottom: 110px;
  }
}

@media (max-width: 359px) {
  .cart-row-grid {
    grid-template-columns: 1fr;
  }
  .cart-row-thumb {
    width: 100%;
    height: 140px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cart-row,
  .checkout-btn {
    transition: none !important;
  }
}

/* Checkout page styles — Urban Shisha V2 single-page checkout preview */
.checkout-page {
  background: var(--bg);
  color: var(--ink);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Simplified Checkout Header */
.checkout-header {
  border-bottom: 2px solid var(--ink);
  background: var(--bg);
  position: sticky;
  top: 0;
  z-index: 50;
  padding-block: 16px;
}

.checkout-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.checkout-header .wordmark {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.03em;
  text-decoration: none;
  color: var(--ink);
}

.checkout-header .wordmark span {
  color: var(--primary);
}

.checkout-header-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}

.checkout-back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.checkout-back-link svg {
  width: 14px;
  height: 14px;
  transform: rotate(180deg);
}

.checkout-age-pill {
  display: inline-flex;
  align-items: center;
  background: var(--soft);
  color: var(--primary);
  border: 1.5px solid var(--ink);
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  box-shadow: 2px 2px 0 var(--ink);
}

/* Main Checkout Container */
.checkout-main {
  flex: 1;
  padding-top: 36px;
  padding-bottom: 80px;
}

.checkout-intro {
  margin-bottom: 32px;
}

.checkout-intro .eyebrow {
  color: var(--primary);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  margin-bottom: 8px;
}

.checkout-intro h1 {
  font-size: clamp(38px, 4.5vw, 64px);
  line-height: .98;
  letter-spacing: -.05em;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.checkout-intro p {
  font-size: 15px;
  color: var(--muted);
  margin: 0;
}

/* 2-Column Desktop Grid */
.checkout-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(340px, 420px);
  gap: 48px;
  align-items: start;
}

.checkout-layout[hidden] {
  display: none !important;
}

/* Mobile Expandable Summary */
.mobile-summary-accordion {
  display: none;
  background: var(--soft);
  border: 2px solid var(--ink);
  border-radius: 20px;
  box-shadow: 3px 3px 0 var(--ink);
  margin-bottom: 28px;
  overflow: hidden;
}

.mobile-summary-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

.mobile-summary-trigger::-webkit-details-marker {
  display: none;
}

.mobile-summary-trigger svg {
  width: 18px;
  height: 18px;
  transition: transform .2s ease;
}

.mobile-summary-accordion[open] .mobile-summary-trigger svg {
  transform: rotate(180deg);
}

.mobile-summary-content {
  padding: 0 20px 20px;
  border-top: 1px solid var(--line);
}

/* Form Styling */
.checkout-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.checkout-card {
  background: #fff;
  border: 2px solid var(--ink);
  border-radius: 26px;
  box-shadow: 4px 4px 0 var(--ink);
  padding: 28px 24px;
}

.checkout-card-header {
  border-bottom: 1.5px solid var(--line);
  padding-bottom: 14px;
  margin-bottom: 20px;
}

.checkout-card-header h2 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  letter-spacing: -.03em;
  font-weight: 700;
}

.form-grid {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.form-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.form-label {
  font-size: 13px;
  font-weight: 700;
  color: var(--ink);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-label-optional {
  font-size: 11px;
  font-weight: 500;
  color: var(--muted);
}

.form-input,
.form-select {
  width: 100%;
  min-height: 48px;
  border: 1.5px solid var(--ink);
  border-radius: 12px;
  background: var(--bg);
  font-family: var(--font-body, 'Manrope', sans-serif);
  font-size: 16px;
  padding: 10px 14px;
  color: var(--ink);
  outline: none;
  transition: border-color .15s, box-shadow .15s, background .15s;
}

.form-input:focus,
.form-select:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px var(--primary);
  background: #fff;
}

.form-input[readonly] {
  background: #ece7dc;
  cursor: not-allowed;
  color: var(--muted);
}

.form-input[aria-invalid="true"],
.form-select[aria-invalid="true"] {
  border-color: var(--pop);
  background: #FFF5F2;
}

.form-helper {
  font-size: 11px;
  color: var(--muted);
  margin: 0;
}

.field-error {
  font-size: 12px;
  font-weight: 600;
  color: var(--pop);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.field-error svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.field-error[hidden] {
  display: none !important;
}

/* Phone input with +91 prefix */
.phone-input-wrap {
  display: flex;
  align-items: center;
  border: 1.5px solid var(--ink);
  border-radius: 12px;
  background: var(--bg);
  overflow: hidden;
  transition: border-color .15s, box-shadow .15s;
}

.phone-prefix {
  padding: 10px 12px;
  font-size: 15px;
  font-weight: 700;
  color: var(--muted);
  border-right: 1.5px solid var(--ink);
  background: #f1ecdf;
  user-select: none;
}

.phone-input-wrap .form-input {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.phone-input-wrap:focus-within {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px var(--primary);
  background: #fff;
}

.phone-input-wrap[data-invalid="true"] {
  border-color: var(--pop);
  background: #FFF5F2;
}

/* Guest note pill */
.checkout-guest-note {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--soft);
  border: 1px solid var(--ink);
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
  margin-top: 4px;
}

.checkout-guest-note svg {
  width: 16px;
  height: 16px;
  color: var(--primary);
  flex-shrink: 0;
}

/* Checkbox styling */
.checkbox-option {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  user-select: none;
  font-size: 14px;
  line-height: 1.45;
}

.checkbox-option input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  border: 2px solid var(--ink);
  border-radius: 6px;
  background: #fff;
  display: grid;
  place-content: center;
  margin: 1px 0 0;
  flex-shrink: 0;
  cursor: pointer;
  transition: background .15s, border-color .15s;
}

.checkbox-option input[type="checkbox"]:checked {
  background: var(--primary);
  border-color: var(--primary);
}

.checkbox-option input[type="checkbox"]:checked::after {
  content: '';
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2.5px 2.5px 0;
  transform: rotate(45deg);
  margin-top: -2px;
}

.checkbox-option input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

.checkbox-option.is-invalid input[type="checkbox"] {
  border-color: var(--pop);
  background: #FFF5F2;
}

.checkbox-label strong {
  color: var(--ink);
  font-weight: 700;
}

.checkbox-label small {
  display: block;
  font-size: 11px;
  color: var(--muted);
  margin-top: 3px;
  font-weight: 500;
}

.policy-inline-link {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 700;
  cursor: pointer;
}

/* Notice Cards */
.delivery-notice-card {
  background: var(--soft);
  border: 1.5px solid var(--ink);
  border-radius: 16px;
  padding: 18px 20px;
  font-size: 13px;
  line-height: 1.6;
}

.delivery-notice-card p {
  margin: 0;
}

.delivery-notice-card .sub-notice {
  margin-top: 8px;
  font-size: 11px;
  color: var(--muted);
}

.payment-preview-card {
  background: #fff;
  border: 1.5px dashed var(--ink);
  border-radius: 18px;
  padding: 22px 20px;
  background: var(--bg);
}

.payment-preview-card .eyebrow {
  color: var(--primary);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  margin-bottom: 6px;
}

.payment-preview-card h3 {
  font-size: 18px;
  margin: 0 0 8px;
  letter-spacing: -.02em;
}

.payment-preview-card p {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.6;
  margin: 0;
}

/* Submit CTA Section */
.checkout-actions-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.checkout-submit-btn {
  background: var(--accent);
  color: var(--ink);
  border: 2px solid var(--ink);
  border-radius: 999px;
  box-shadow: 4px 4px 0 var(--ink);
  width: 100%;
  min-height: 56px;
  font-size: 16px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  letter-spacing: -.01em;
  transition: transform .15s, box-shadow .15s;
}

.checkout-submit-btn:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--ink);
}

.checkout-submit-btn svg {
  width: 18px;
  height: 18px;
}

.checkout-footer-disclaimer {
  font-size: 11px;
  color: var(--muted);
  text-align: center;
  line-height: 1.6;
  margin: 0;
}

/* Sticky Order Summary Aside */
.checkout-summary-aside {
  position: sticky;
  top: 96px;
}

.checkout-summary-card {
  background: var(--soft);
  border: 2px solid var(--ink);
  border-radius: 28px;
  box-shadow: 5px 5px 0 var(--ink);
  padding: 28px 24px;
}

.checkout-summary-header {
  border-bottom: 1.5px solid var(--ink);
  padding-bottom: 16px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.checkout-summary-header .eyebrow {
  color: var(--primary);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  margin-bottom: 4px;
}

.checkout-summary-header h2 {
  font-size: 26px;
  margin: 0;
  letter-spacing: -.03em;
}

.summary-edit-cart-link {
  font-size: 12px;
  font-weight: 700;
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.summary-products-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 380px;
  overflow-y: auto;
  padding-right: 4px;
  margin-bottom: 20px;
  scrollbar-width: thin;
}

.summary-product-row {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.summary-product-thumb {
  width: 56px;
  height: 56px;
  background: #fff;
  border: 1.5px solid var(--ink);
  border-radius: 12px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
}

.summary-product-thumb .product-art,
.summary-product-thumb .catalog-photo {
  width: 100%;
  height: 100%;
}

.summary-product-details {
  min-width: 0;
}

.summary-product-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.summary-product-variant {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.3;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.summary-product-qty {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  color: var(--primary);
  margin-top: 2px;
}

.summary-product-total {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.03em;
  text-align: right;
  white-space: nowrap;
}

.summary-calculation-lines {
  border-top: 1.5px solid var(--ink);
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
}

.summary-calc-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.summary-calc-row strong {
  font-weight: 700;
}

.summary-shipping-status {
  font-size: 11px;
  font-weight: 600;
  color: var(--muted);
}

.summary-divider {
  height: 1.5px;
  background: var(--ink);
  margin-block: 18px;
}

.summary-payable-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}

.summary-payable-label strong {
  display: block;
  font-size: 18px;
  letter-spacing: -.03em;
  margin-bottom: 2px;
}

.summary-payable-label span {
  display: block;
  font-size: 11px;
  color: var(--muted);
  font-weight: 500;
  max-width: 170px;
  line-height: 1.35;
}

.summary-payable-amount {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: 1;
  color: var(--ink);
}

.summary-safe-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid var(--ink);
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 600;
  color: var(--ink);
}

.summary-safe-badge svg {
  width: 14px;
  height: 14px;
  color: var(--primary);
  flex-shrink: 0;
}

/* Empty Cart State */
.checkout-empty-state {
  background: #fff;
  border: 2px dashed var(--ink);
  border-radius: 34px;
  padding: 80px 30px;
  text-align: center;
  max-width: 640px;
  margin: 30px auto;
}

.checkout-empty-state[hidden] {
  display: none !important;
}

.checkout-empty-state .empty-bag-badge {
  width: 80px;
  height: 80px;
  background: var(--soft);
  border: 2px solid var(--ink);
  border-radius: 50%;
  display: grid;
  place-content: center;
  margin: 0 auto 24px;
  box-shadow: 3px 3px 0 var(--ink);
}

.checkout-empty-state .empty-bag-badge svg {
  width: 36px;
  height: 36px;
}

.checkout-empty-state h2 {
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.05;
  margin: 0 0 14px;
  letter-spacing: -.05em;
}

.checkout-empty-state p {
  font-size: 15px;
  color: var(--muted);
  line-height: 1.6;
  max-width: 420px;
  margin: 0 auto 28px;
}

/* Compact Checkout Footer */
.checkout-footer {
  border-top: 1.5px solid var(--ink);
  background: var(--bg);
  padding-block: 24px;
  font-size: 11px;
  color: var(--muted);
}

.checkout-footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}

.checkout-footer .footer-preview {
  font-size: 9px;
  letter-spacing: .08em;
  color: var(--muted);
}

/* Responsive Breakpoints */
@media (max-width: 1199px) {
  .checkout-layout {
    grid-template-columns: minmax(0, 1.35fr) 340px;
    gap: 32px;
  }
}

@media (max-width: 900px) {
  .checkout-layout {
    display: block;
  }
  .checkout-summary-aside {
    display: none; /* Mobile uses expandable accordion at top */
  }
  .mobile-summary-accordion {
    display: block;
  }
  .checkout-main {
    padding-top: 24px;
    padding-bottom: 60px;
  }
  .form-row-2 {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width: 600px) {
  .checkout-card {
    padding: 20px 18px;
    border-radius: 22px;
  }
  .checkout-intro h1 {
    font-size: 36px;
  }
  .checkout-submit-btn {
    min-height: 52px;
    font-size: 15px;
  }
  .checkout-header .wordmark {
    font-size: 19px;
  }
  .checkout-age-pill {
    font-size: 9px;
    padding: 3px 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .checkout-card,
  .checkout-submit-btn,
  .mobile-summary-trigger svg {
    transition: none !important;
  }
}

/* Account page styles — Urban Shisha V2 My Account preview & demo dashboard */

.account-page {
  background: var(--bg);
  color: var(--ink);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.account-main {
  flex: 1;
  padding-top: 28px;
  padding-bottom: 80px;
}

.account-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--muted);
  margin-bottom: 24px;
}

.account-breadcrumb a {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.account-breadcrumb span[aria-current="page"] {
  color: var(--primary);
  font-weight: 700;
}

/* ==========================================================================
   VIEW A: LOGIN / REGISTER (AUTH VIEW)
   ========================================================================== */

.auth-view {
  display: block;
}

.auth-view[hidden] {
  display: none !important;
}

.auth-layout {
  display: grid;
  grid-template-columns: minmax(320px, 1.15fr) minmax(360px, 1.35fr);
  gap: 40px;
  align-items: stretch;
}

/* Left: Restrained Branded Editorial Card */
.auth-hero-card {
  background: #fff;
  border: 2px solid var(--ink);
  border-radius: 26px;
  box-shadow: 4px 4px 0 var(--ink);
  padding: 36px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.auth-hero-header .eyebrow {
  color: var(--primary);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.auth-hero-header h1 {
  font-size: clamp(34px, 4vw, 52px);
  line-height: .96;
  letter-spacing: -.04em;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.auth-hero-header h1 span {
  color: var(--primary);
}

.auth-hero-lead {
  font-size: 15px;
  line-height: 1.5;
  color: var(--muted);
  margin: 0 0 28px;
}

.auth-feature-list {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.auth-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  line-height: 1.4;
  color: var(--ink);
  font-weight: 600;
}

.auth-feature-item svg {
  width: 18px;
  height: 18px;
  color: var(--primary);
  flex-shrink: 0;
  margin-top: 1px;
}

/* Demo account callout box inside left panel */
.auth-demo-callout {
  background: var(--soft);
  border: 1.5px solid var(--ink);
  border-radius: 20px;
  padding: 24px;
  margin-top: auto;
  box-shadow: 3px 3px 0 var(--ink);
}

.auth-demo-callout .callout-eyebrow {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  color: var(--primary);
  text-transform: uppercase;
  margin: 0 0 6px;
}

.auth-demo-callout h2,
.auth-demo-callout h3 {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
  margin: 0 0 8px;
  line-height: 1.15;
}

.auth-demo-callout p {
  font-size: 13px;
  color: var(--ink);
  line-height: 1.4;
  margin: 0 0 16px;
}

.auth-demo-btn {
  width: 100%;
  justify-content: center;
}

.auth-hero-disclaimer {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.4;
  margin: 16px 0 0;
}

/* Right: Form Card with Tabs */
.auth-form-card {
  background: #fff;
  border: 2px solid var(--ink);
  border-radius: 26px;
  box-shadow: 4px 4px 0 var(--ink);
  padding: 36px 32px;
  display: flex;
  flex-direction: column;
}

.auth-tabs {
  display: flex;
  background: var(--bg);
  border: 1.5px solid var(--ink);
  border-radius: 14px;
  padding: 4px;
  gap: 4px;
  margin-bottom: 28px;
}

.auth-tab {
  flex: 1;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 700;
  color: var(--muted);
  border: none;
  background: transparent;
  border-radius: 10px;
  cursor: pointer;
  transition: all .15s ease;
  font-family: var(--font-body, inherit);
  text-align: center;
}

.auth-tab:hover {
  color: var(--ink);
}

.auth-tab.is-active {
  background: #fff;
  color: var(--ink);
  box-shadow: 0 2px 4px rgba(20, 18, 31, .08);
  border: 1px solid rgba(20, 18, 31, .15);
}

.auth-tab:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

.auth-panel[hidden] {
  display: none !important;
}

.auth-panel-heading {
  margin-bottom: 20px;
}

.auth-panel-heading h2 {
  font-size: 24px;
  letter-spacing: -.03em;
  margin: 0 0 6px;
  line-height: 1.1;
}

.auth-panel-heading p {
  font-size: 14px;
  color: var(--muted);
  margin: 0;
}

/* Form Groups & Inputs */
.form-grid {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.form-label {
  font-size: 13px;
  font-weight: 700;
  color: var(--ink);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.forgot-link {
  font-size: 12px;
  font-weight: 700;
  color: var(--primary);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-family: inherit;
}

.forgot-link:hover {
  color: var(--ink);
}

.forgot-link:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
  border-radius: 2px;
}

.form-input,
.form-select {
  width: 100%;
  min-height: 48px;
  border: 1.5px solid var(--ink);
  border-radius: 12px;
  background: var(--bg);
  font-family: var(--font-body, 'Manrope', sans-serif);
  font-size: 16px;
  padding: 10px 14px;
  color: var(--ink);
  outline: none;
  transition: border-color .15s, box-shadow .15s, background .15s;
  box-sizing: border-box;
}

.form-input:focus,
.form-select:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px var(--primary);
  background: #fff;
}

.form-input[aria-invalid="true"],
.form-select[aria-invalid="true"] {
  border-color: var(--pop);
  background: #FFF5F2;
}

.form-input[readonly] {
  background: #ece7dc;
  cursor: not-allowed;
  color: var(--muted);
}

/* Password Field with Show/Hide Toggle */
.password-field-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.password-field-wrap .form-input {
  padding-right: 48px;
}

.password-toggle-btn {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 0;
  transition: color .15s, background .15s;
}

.password-toggle-btn:hover {
  color: var(--ink);
  background: rgba(20, 18, 31, .06);
}

.password-toggle-btn:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

.password-toggle-btn svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Error Notice */
.field-error {
  font-size: 12px;
  font-weight: 600;
  color: var(--pop);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.field-error[hidden] {
  display: none !important;
}

/* Checkbox options */
.checkbox-option {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}

.checkbox-option input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  accent-color: var(--primary);
  cursor: pointer;
  flex-shrink: 0;
}

.checkbox-option input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

.checkbox-label {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--ink);
}

.checkbox-label small {
  font-size: 11px;
  color: var(--muted);
}

.policy-inline-link {
  display: inline;
  background: none;
  border: none;
  color: var(--primary);
  font-weight: 700;
  font-size: inherit;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-family: inherit;
}

.policy-inline-link:hover {
  color: var(--ink);
}

.policy-inline-link:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
  border-radius: 2px;
}

.button-block {
  width: 100%;
  justify-content: center;
  padding-block: 15px;
}

.auth-helper-note {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.45;
  margin: 14px 0 0;
  text-align: center;
}

/* ==========================================================================
   VIEW B: DEMO ACCOUNT DASHBOARD
   ========================================================================== */

.dashboard-view {
  display: block;
}

.dashboard-view[hidden] {
  display: none !important;
}

/* Dashboard Header Band */
.dashboard-header-band {
  background: #fff;
  border: 2px solid var(--ink);
  border-radius: 24px;
  box-shadow: 4px 4px 0 var(--ink);
  padding: 28px 32px;
  margin-bottom: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.dashboard-header-band .eyebrow {
  color: var(--primary);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  margin: 0 0 6px;
  text-transform: uppercase;
}

.dashboard-header-band h1 {
  font-size: clamp(28px, 3.5vw, 44px);
  line-height: .98;
  letter-spacing: -.04em;
  margin: 0;
  text-transform: uppercase;
}

.dashboard-header-band h1 span {
  color: var(--primary);
}

.dashboard-header-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.demo-badge {
  display: inline-flex;
  align-items: center;
  background: var(--accent);
  color: var(--ink);
  border: 1.5px solid var(--ink);
  border-radius: 999px;
  padding: 5px 14px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  box-shadow: 2px 2px 0 var(--ink);
  text-transform: uppercase;
}

.user-greeting {
  font-size: 14px;
  font-weight: 700;
  color: var(--muted);
}

/* Mobile Section Navigation (Horizontally Scrollable Tabs) */
.dashboard-mobile-nav {
  display: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 12px;
  margin-bottom: 20px;
  gap: 8px;
  scrollbar-width: none;
}

.dashboard-mobile-nav::-webkit-scrollbar {
  display: none;
}

.mobile-nav-pill {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: #fff;
  border: 1.5px solid var(--ink);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: var(--ink);
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  font-family: inherit;
  transition: all .15s ease;
}

.mobile-nav-pill svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mobile-nav-pill.is-active {
  background: var(--ink);
  color: #fff;
  box-shadow: 2px 2px 0 var(--primary);
}

.mobile-nav-pill:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

/* Dashboard 2-Column Layout */
.dashboard-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 32px;
  align-items: start;
}

/* Left Navigation Sidebar */
.account-sidebar {
  background: #fff;
  border: 2px solid var(--ink);
  border-radius: 24px;
  box-shadow: 4px 4px 0 var(--ink);
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 90px;
}

.sidebar-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sidebar-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  background: transparent;
  border: 1.5px solid transparent;
  border-radius: 12px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  transition: all .15s ease;
}

.sidebar-btn-content {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sidebar-btn svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  color: var(--muted);
  transition: color .15s;
}

.sidebar-btn:hover {
  background: var(--bg);
  color: var(--primary);
}

.sidebar-btn:hover svg {
  color: var(--primary);
}

.sidebar-btn.is-active {
  background: var(--soft);
  border-color: var(--ink);
  color: var(--ink);
  box-shadow: 2px 2px 0 var(--ink);
}

.sidebar-btn.is-active svg {
  color: var(--primary);
}

.sidebar-btn:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

.sidebar-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  background: var(--primary);
  color: #fff;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}

.sidebar-exit-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: transparent;
  border: 1.5px dashed var(--line);
  border-radius: 12px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  color: var(--muted);
  cursor: pointer;
  transition: all .15s;
  width: 100%;
}

.sidebar-exit-btn svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sidebar-exit-btn:hover {
  border-color: var(--ink);
  color: var(--ink);
  background: #fff;
}

.sidebar-exit-btn:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

/* Right Content Panel Container */
.account-panel-container {
  outline: none;
}

.account-section {
  display: block;
  animation: accountFadeIn .25s ease-out;
}

.account-section[hidden] {
  display: none !important;
}

@keyframes accountFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.section-card {
  background: #fff;
  border: 2px solid var(--ink);
  border-radius: 26px;
  box-shadow: 4px 4px 0 var(--ink);
  padding: 32px 30px;
  margin-bottom: 24px;
}

.section-header {
  border-bottom: 1.5px solid var(--line);
  padding-bottom: 18px;
  margin-bottom: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.section-header .eyebrow {
  color: var(--primary);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  margin: 0 0 6px;
  text-transform: uppercase;
}

.section-header h2 {
  font-size: 26px;
  letter-spacing: -.03em;
  margin: 0 0 6px;
  line-height: 1.1;
}

.section-header p {
  font-size: 14px;
  color: var(--muted);
  margin: 0;
}

/* ==========================================================================
   SECTION 1: OVERVIEW
   ========================================================================== */

.overview-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 24px;
}

.overview-card {
  background: var(--bg);
  border: 2px solid var(--ink);
  border-radius: 20px;
  box-shadow: 3px 3px 0 var(--ink);
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  transition: transform .15s ease, box-shadow .15s ease;
}

.overview-card:hover {
  transform: translateY(-2px);
  box-shadow: 5px 5px 0 var(--ink);
}

.overview-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.overview-icon-badge {
  width: 44px;
  height: 44px;
  background: #fff;
  border: 1.5px solid var(--ink);
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  box-shadow: 2px 2px 0 var(--ink);
}

.overview-icon-badge svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.overview-metric {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--primary);
  background: var(--soft);
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--ink);
}

.overview-card-info h3 {
  font-size: 18px;
  letter-spacing: -.02em;
  margin: 0 0 6px;
  line-height: 1.2;
}

.overview-card-info p {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.4;
  margin: 0;
}

.overview-card-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--ink);
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-family: inherit;
}

.overview-card-btn:hover {
  color: var(--primary);
}

.overview-card-btn svg {
  width: 14px;
  height: 14px;
}

.overview-notice-box {
  background: var(--soft);
  border: 1.5px solid var(--ink);
  border-radius: 16px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--ink);
}

.overview-notice-box svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: var(--primary);
}

/* ==========================================================================
   SECTION 2: ORDERS (EMPTY STATE)
   ========================================================================== */

.empty-state-box {
  text-align: center;
  padding: 48px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.empty-state-icon {
  width: 72px;
  height: 72px;
  background: var(--soft);
  border: 2px solid var(--ink);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 3px 3px 0 var(--ink);
  color: var(--primary);
  margin-bottom: 4px;
}

.empty-state-icon svg {
  width: 32px;
  height: 32px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.empty-state-box h3 {
  font-size: 24px;
  letter-spacing: -.03em;
  margin: 0;
  line-height: 1.1;
}

.empty-state-box p {
  font-size: 14px;
  color: var(--muted);
  max-width: 440px;
  margin: 0 0 8px;
  line-height: 1.5;
}

/* ==========================================================================
   SECTION 3: ADDRESSES (IN-MEMORY CRUD)
   ========================================================================== */

.addresses-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.address-card {
  background: var(--bg);
  border: 2px solid var(--ink);
  border-radius: 20px;
  box-shadow: 3px 3px 0 var(--ink);
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
}

.address-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.address-purpose-badge {
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid var(--ink);
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--primary);
}

.address-details {
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink);
}

.address-name {
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 6px;
}

.address-line {
  margin: 0 0 2px;
  color: var(--ink);
}

.address-phone {
  margin: 8px 0 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--muted);
}

.address-card-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  border-top: 1px solid var(--line);
  padding-top: 14px;
}

.address-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  border: 1.5px solid var(--ink);
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  color: var(--ink);
  cursor: pointer;
  font-family: inherit;
  transition: all .15s;
}

.address-action-btn:hover {
  background: var(--soft);
  color: var(--primary);
}

.address-action-btn.is-delete {
  color: var(--pop);
}

.address-action-btn.is-delete:hover {
  background: #FFF5F2;
  border-color: var(--pop);
}

.address-action-btn:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

.address-action-btn svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ==========================================================================
   SECTION 4: WISHLIST (SHARED PREVIEW STORAGE)
   ========================================================================== */

.wishlist-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 20px;
}

.account-product-card {
  background: var(--bg);
  border: 2px solid var(--ink);
  border-radius: 20px;
  box-shadow: 3px 3px 0 var(--ink);
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  position: relative;
  transition: transform .15s ease, box-shadow .15s ease;
}

.account-product-card:hover {
  transform: translateY(-2px);
  box-shadow: 5px 5px 0 var(--ink);
}

.account-product-visual {
  position: relative;
  aspect-ratio: 1;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.account-product-visual .product-art {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.account-product-visual svg.catalog-photo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.account-product-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.account-product-brand {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  color: var(--primary);
  text-transform: uppercase;
}

.account-product-title {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.02em;
  margin: 0;
  line-height: 1.25;
}

.account-product-title a {
  color: var(--ink);
  text-decoration: none;
}

.account-product-title a:hover {
  color: var(--primary);
}

.account-product-price {
  font-size: 16px;
  font-weight: 800;
  color: var(--ink);
  margin-top: 4px;
}

.account-product-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.account-product-add-btn {
  width: 100%;
  justify-content: center;
  padding: 10px 14px;
  font-size: 13px;
}

.account-product-remove-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: transparent;
  border: none;
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
  cursor: pointer;
  padding: 6px;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-family: inherit;
  transition: color .15s;
}

.account-product-remove-btn:hover {
  color: var(--pop);
}

.account-product-remove-btn:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
  border-radius: 4px;
}

.account-product-remove-btn svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ==========================================================================
   SECTION 5: ACCOUNT DETAILS
   ========================================================================== */

.details-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

.details-card {
  background: var(--bg);
  border: 2px solid var(--ink);
  border-radius: 20px;
  box-shadow: 3px 3px 0 var(--ink);
  padding: 24px;
  display: flex;
  flex-direction: column;
}

.details-card-header {
  border-bottom: 1.5px solid var(--line);
  padding-bottom: 14px;
  margin-bottom: 20px;
}

.details-card-header h3 {
  font-size: 18px;
  margin: 0 0 4px;
  letter-spacing: -.02em;
}

.details-card-header p {
  font-size: 13px;
  color: var(--muted);
  margin: 0;
}

/* ==========================================================================
   DIALOGS / MODALS
   ========================================================================== */

.account-dialog {
  border: 2px solid var(--ink);
  border-radius: 24px;
  box-shadow: 6px 6px 0 var(--ink);
  background: #fff;
  color: var(--ink);
  padding: 0;
  max-width: 540px;
  width: calc(100% - 32px);
  margin: auto;
}

.account-dialog::backdrop {
  background: rgba(20, 18, 31, .6);
  backdrop-filter: blur(2px);
}

.account-dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 28px 18px;
  border-bottom: 1.5px solid var(--line);
}

.account-dialog-header h3 {
  font-size: 20px;
  letter-spacing: -.03em;
  margin: 0;
  line-height: 1.2;
}

.account-dialog-body {
  padding: 24px 28px;
  max-height: calc(85vh - 120px);
  overflow-y: auto;
}

.account-dialog-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1.5px solid var(--line);
}

.btn-secondary {
  background: var(--bg);
  border: 1.5px solid var(--ink);
  color: var(--ink);
  border-radius: 12px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all .15s;
}

.btn-secondary:hover {
  background: #e4dfd3;
}

.btn-secondary:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

.btn-danger {
  background: var(--pop);
  border: 1.5px solid var(--ink);
  color: #fff;
  border-radius: 12px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all .15s;
}

.btn-danger:hover {
  background: #e04a29;
}

.btn-danger:focus-visible {
  outline: 2px solid var(--pop);
  outline-offset: 2px;
}

/* ==========================================================================
   RESPONSIVE DESIGN (1024px, 768px, 390px)
   ========================================================================== */

@media (max-width: 1024px) {
  .auth-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .dashboard-layout {
    grid-template-columns: 240px 1fr;
    gap: 24px;
  }

  .overview-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .details-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

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

  .account-sidebar {
    display: none; /* Mobile uses horizontally scrollable tabs above content */
  }

  .dashboard-mobile-nav {
    display: flex;
  }

  .dashboard-header-band {
    flex-direction: column;
    align-items: flex-start;
    padding: 22px 20px;
  }

  .auth-hero-card,
  .auth-form-card,
  .section-card {
    padding: 24px 18px;
    border-radius: 20px;
  }

  .addresses-grid {
    grid-template-columns: 1fr;
  }

  .account-dialog-header,
  .account-dialog-body {
    padding: 20px;
  }
}

@media (max-width: 390px) {
  .auth-hero-header h1 {
    font-size: 30px;
  }

  .dashboard-header-band h1 {
    font-size: 26px;
  }

  .auth-demo-callout {
    padding: 18px;
  }

  .wishlist-grid {
    grid-template-columns: 1fr;
  }
}

/* Contact page styles — Urban Shisha V2 Contact page */

.contact-page {
  background: var(--bg);
  color: var(--ink);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.contact-main {
  flex: 1;
  padding-top: 28px;
  padding-bottom: 80px;
}

.contact-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--muted);
  margin-bottom: 24px;
}

.contact-breadcrumb a {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.contact-breadcrumb span[aria-current="page"] {
  color: var(--primary);
  font-weight: 700;
}

/* ==========================================================================
   COMPACT VIOLET HERO
   ========================================================================== */

.contact-hero {
  background: var(--primary);
  color: #fff;
  border: 2px solid var(--ink);
  border-radius: 26px;
  box-shadow: 4px 4px 0 var(--ink);
  padding: 44px 36px;
  margin-bottom: 36px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.contact-hero-content {
  position: relative;
  z-index: 2;
  max-width: 680px;
}

.contact-hero .eyebrow {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.contact-hero h1 {
  font-size: clamp(34px, 4.5vw, 56px);
  line-height: .96;
  letter-spacing: -.04em;
  margin: 0 0 12px;
  text-transform: uppercase;
  color: #fff;
}

.contact-hero p {
  font-size: 16px;
  line-height: 1.45;
  color: var(--soft);
  margin: 0;
  max-width: 580px;
}

.contact-hero-shapes {
  position: absolute;
  right: -20px;
  bottom: -20px;
  width: 260px;
  height: 260px;
  opacity: .18;
  pointer-events: none;
  z-index: 1;
}

.contact-hero-shapes svg {
  width: 100%;
  height: 100%;
  fill: var(--accent);
}

/* ==========================================================================
   MAIN CONTACT AREA (2-COLUMN LAYOUT)
   ========================================================================== */

.contact-layout {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(380px, 1.4fr);
  gap: 36px;
  align-items: start;
}

/* Left: Contact Channels Card */
.contact-options-card {
  background: #fff;
  border: 2px solid var(--ink);
  border-radius: 26px;
  box-shadow: 4px 4px 0 var(--ink);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.contact-card-header .eyebrow {
  color: var(--primary);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

.contact-card-header h2 {
  font-size: 26px;
  letter-spacing: -.03em;
  margin: 0 0 6px;
  line-height: 1.1;
}

.contact-card-header p {
  font-size: 14px;
  color: var(--muted);
  margin: 0;
  line-height: 1.45;
}

.channels-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.channel-card {
  background: var(--bg);
  border: 1.5px solid var(--ink);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 2px 2px 0 var(--ink);
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform .15s ease, box-shadow .15s ease;
}

.channel-card:hover {
  transform: translateY(-2px);
  box-shadow: 4px 4px 0 var(--ink);
}

.channel-card-top {
  display: flex;
  align-items: center;
  gap: 12px;
}

.channel-icon-badge {
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1.5px solid var(--ink);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  flex-shrink: 0;
  box-shadow: 2px 2px 0 var(--ink);
}

.channel-icon-badge svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.channel-title-wrap h3 {
  font-size: 16px;
  letter-spacing: -.02em;
  margin: 0 0 2px;
  line-height: 1.2;
}

.channel-title-wrap p {
  font-size: 12px;
  color: var(--muted);
  margin: 0;
  line-height: 1.35;
}

.channel-content p {
  font-size: 13px;
  line-height: 1.45;
  color: var(--ink);
  margin: 0 0 8px;
}

.channel-status {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.4;
  margin: 0;
  background: #fff;
  border: 1px dashed var(--line);
  padding: 8px 12px;
  border-radius: 8px;
}

.channel-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
}

.channel-link:hover {
  color: var(--ink);
}

.channel-link svg {
  width: 14px;
  height: 14px;
}

.channel-link:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Direct info pill note */
.contact-channels-note {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.45;
  margin: 0;
  border-top: 1px solid var(--line);
  padding-top: 14px;
}

/* ==========================================================================
   RIGHT: ENQUIRY FORM CARD
   ========================================================================== */

.contact-form-card {
  background: #fff;
  border: 2px solid var(--ink);
  border-radius: 26px;
  box-shadow: 4px 4px 0 var(--ink);
  padding: 36px 32px;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.form-label {
  font-size: 13px;
  font-weight: 700;
  color: var(--ink);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-label-optional {
  font-size: 11px;
  font-weight: 500;
  color: var(--muted);
}

.form-input,
.form-select,
.form-textarea {
  width: 100%;
  min-height: 48px;
  border: 1.5px solid var(--ink);
  border-radius: 12px;
  background: var(--bg);
  font-family: var(--font-body, 'Manrope', sans-serif);
  font-size: 16px;
  padding: 10px 14px;
  color: var(--ink);
  outline: none;
  transition: border-color .15s, box-shadow .15s, background .15s;
  box-sizing: border-box;
}

.form-textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.5;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px var(--primary);
  background: #fff;
}

.form-input[aria-invalid="true"],
.form-select[aria-invalid="true"],
.form-textarea[aria-invalid="true"] {
  border-color: var(--pop);
  background: #FFF5F2;
}

.field-error {
  font-size: 12px;
  font-weight: 600;
  color: var(--pop);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.field-error[hidden] {
  display: none !important;
}

/* Dynamic Order Ref field */
#order-ref-group[hidden] {
  display: none !important;
}

/* Accessible Submission Feedback Notice */
.contact-feedback-box {
  background: var(--soft);
  border: 1.5px solid var(--ink);
  border-radius: 14px;
  padding: 16px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 13px;
  line-height: 1.45;
  color: var(--ink);
  box-shadow: 2px 2px 0 var(--ink);
  animation: feedbackSlideIn .25s ease-out;
}

.contact-feedback-box[hidden] {
  display: none !important;
}

@keyframes feedbackSlideIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.contact-feedback-box svg {
  width: 20px;
  height: 20px;
  color: var(--primary);
  flex-shrink: 0;
  margin-top: 1px;
}

.contact-feedback-text strong {
  display: block;
  font-size: 14px;
  margin-bottom: 2px;
}

.contact-form-disclaimer {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.45;
  margin: 12px 0 0;
  text-align: center;
}

/* ==========================================================================
   HELPFUL ANSWERS: FAQ ACCORDION SECTION
   ========================================================================== */

.contact-faq-section {
  background: #fff;
  border: 2px solid var(--ink);
  border-radius: 26px;
  box-shadow: 4px 4px 0 var(--ink);
  padding: 36px 32px;
  margin-top: 36px;
}

.contact-faq-header {
  border-bottom: 1.5px solid var(--line);
  padding-bottom: 18px;
  margin-bottom: 24px;
}

.contact-faq-header .eyebrow {
  color: var(--primary);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

.contact-faq-header h2 {
  font-size: 26px;
  letter-spacing: -.03em;
  margin: 0 0 6px;
  line-height: 1.1;
}

.contact-faq-header p {
  font-size: 14px;
  color: var(--muted);
  margin: 0;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.faq-item {
  background: var(--bg);
  border: 1.5px solid var(--ink);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 2px 2px 0 var(--ink);
  transition: box-shadow .15s ease;
}

.faq-item[open] {
  box-shadow: 3px 3px 0 var(--ink);
}

.faq-trigger {
  padding: 18px 22px;
  font-size: 15px;
  font-weight: 700;
  color: var(--ink);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  list-style: none;
  user-select: none;
}

.faq-trigger::-webkit-details-marker {
  display: none;
}

.faq-trigger::marker {
  display: none;
  content: "";
}

.faq-trigger:hover {
  color: var(--primary);
}

.faq-trigger:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: -2px;
}

.faq-trigger svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  transition: transform .2s ease;
}

.faq-item[open] .faq-trigger svg {
  transform: rotate(180deg);
}

.faq-body {
  padding: 0 22px 20px;
  border-top: 1px solid var(--line);
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink);
}

.faq-body p {
  margin: 14px 0 0;
}

.faq-body p:first-child {
  margin-top: 14px;
}

.faq-body a {
  color: var(--primary);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.faq-body a:hover {
  color: var(--ink);
}

/* ==========================================================================
   CLOSING CTA BAND
   ========================================================================== */

.contact-cta-band {
  background: var(--soft);
  border: 2px solid var(--ink);
  border-radius: 24px;
  box-shadow: 4px 4px 0 var(--ink);
  padding: 36px 32px;
  margin-top: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.contact-cta-content .eyebrow {
  color: var(--primary);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

.contact-cta-content h2 {
  font-size: clamp(24px, 3vw, 36px);
  letter-spacing: -.03em;
  margin: 0 0 6px;
  line-height: 1.05;
  text-transform: uppercase;
}

.contact-cta-content p {
  font-size: 14px;
  color: var(--ink);
  margin: 0;
}

.contact-cta-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* ==========================================================================
   RESPONSIVE DESIGN (1024px, 768px, 390px)
   ========================================================================== */

@media (max-width: 1024px) {
  .contact-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

@media (max-width: 768px) {
  .contact-hero {
    padding: 32px 24px;
  }

  .contact-hero h1 {
    font-size: 32px;
  }

  .contact-options-card,
  .contact-form-card,
  .contact-faq-section,
  .contact-cta-band {
    padding: 24px 20px;
    border-radius: 20px;
  }

  .contact-cta-band {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 390px) {
  .contact-hero {
    padding: 26px 18px;
  }

  .contact-hero h1 {
    font-size: 28px;
  }

  .contact-options-card,
  .contact-form-card,
  .contact-faq-section {
    padding: 20px 16px;
  }

  .contact-cta-actions {
    width: 100%;
    flex-direction: column;
  }

  .contact-cta-actions .button {
    width: 100%;
    justify-content: center;
  }
}

/* ==========================================================================
   CONTACT FORM 7 INTEGRATION
   ========================================================================== */
.wpcf7 {
  width: 100%;
}

.wpcf7 form.wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  position: relative;
}

.wpcf7-not-valid-tip {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--pop);
  margin-top: 5px;
}

.wpcf7-response-output {
  margin: 16px 0 0 !important;
  padding: 14px 18px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  border: 2px solid var(--ink) !important;
  box-shadow: 2px 2px 0 var(--ink) !important;
}

.wpcf7 form.sent .wpcf7-response-output {
  background: #EAF8EE !important;
  border-color: #1B8344 !important;
  color: #0E4824 !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
  background: #FFF5F2 !important;
  border-color: var(--pop) !important;
  color: var(--ink) !important;
}

.wpcf7-spinner {
  margin: 0 auto;
  display: block;
}

/* Wholesale enquiry page — scoped styles; retail layout and cart remain independent. */
.ws-hero{background:var(--primary);color:var(--bg);border-block:2px solid var(--ink);overflow:hidden}.ws-breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;padding-top:25px}.ws-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.ws-hero-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;align-items:center;min-height:560px;padding:44px 0 55px}.ws-hero-copy{position:relative;z-index:2}.ws-hero-copy .eyebrow{color:var(--bg);font-size:11px;margin-bottom:20px}.ws-hero h1{font-size:clamp(54px,5.3vw,82px);line-height:.97;letter-spacing:-.065em;margin-bottom:25px}.ws-hero h1>span{color:var(--accent)}.ws-hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:570px}.ws-hero-actions{display:flex;align-items:center;gap:27px;margin-top:28px}.ws-contact-link{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:6px}.ws-contact-link svg{width:20px;height:20px}.ws-hero-caption{display:block;font-size:9px;letter-spacing:.09em;font-weight:600;margin-top:26px}.ws-hero-art{position:relative;height:470px;isolation:isolate}.ws-art-orbit{position:absolute;inset:16% 0 7%;background:var(--soft);border-radius:48% 52% 60% 40%;transform:rotate(-12deg);z-index:-1}.ws-art-word{position:absolute;top:14px;left:0;font-size:78px;font-weight:700;line-height:.94;letter-spacing:-.05em;color:var(--bg);opacity:.16;z-index:-1}.ws-hero-art .product-art{position:absolute;background:none}.ws-art-hookah{height:465px!important;width:70%!important;top:-15px;left:20%;transform:rotate(7deg)}.ws-art-hose{height:210px!important;width:44%!important;left:-3%;bottom:10px;transform:rotate(-14deg)}.ws-art-coal{height:150px!important;width:35%!important;right:-3%;bottom:3px;transform:rotate(7deg)}.ws-hero-art .catalog-photo{width:100%;height:100%}.ws-art-label{position:absolute;right:-5px;top:75px;background:var(--accent);color:var(--ink);border:2px solid var(--ink);border-radius:21px;box-shadow:4px 4px 0 var(--ink);padding:18px;font-size:17px;font-weight:700;line-height:1.1;transform:rotate(9deg)}.ws-art-label svg{display:block;margin-top:12px}.ws-catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:36px;align-items:start}.ws-catalog{min-width:0}.ws-category-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:21px}.ws-category-tabs button{border:1.5px solid var(--ink);border-radius:999px;padding:11px 16px;font-size:13px;min-height:44px;font-weight:600;white-space:nowrap}.ws-category-tabs [aria-pressed="true"]{background:var(--primary);color:var(--bg);box-shadow:2px 2px 0 var(--ink)}.ws-search{display:flex;align-items:center;gap:12px;min-height:50px;border:1px solid var(--ink);border-radius:999px;padding:0 17px}.ws-search svg{width:20px;height:20px}.ws-search input{border:0;background:none;min-height:48px;width:100%;min-width:0;font-size:14px}.ws-results-count{font-size:12px;margin:16px 0 23px}.ws-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.ws-product-card{border:2px solid var(--ink);border-radius:27px;box-shadow:4px 4px 0 var(--ink);overflow:hidden;min-width:0;background:var(--bg);display:flex;flex-direction:column}.ws-card-image{height:255px;position:relative;isolation:isolate;padding:24px 18px;border-bottom:1.5px solid var(--ink)}.ws-card-image:before{content:'';position:absolute;inset:16% 8% 10%;border-radius:50% 44% 55% 45%;background:var(--soft);z-index:-1}.ws-product-card:nth-child(3n+2) .ws-card-image:before{background:var(--accent)}.ws-card-image .product-art,.ws-card-image .catalog-photo{position:relative;display:block;width:100%;height:100%;background:none}.ws-card-copy{padding:21px 19px;display:flex;flex-direction:column;flex:1}.ws-card-copy>span{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--primary);display:block;margin-bottom:10px}.ws-card-copy h3{font-size:21px;line-height:1.16;text-transform:none;letter-spacing:-.04em;min-height:2.32em;margin:0 0 12px}.ws-card-copy>p{font-size:11px;line-height:1.5;margin-bottom:20px;color:var(--muted)}.ws-card-add{margin-top:auto;width:100%;min-height:44px;border:1.5px solid var(--ink);border-radius:999px;background:var(--accent);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px}.ws-card-add svg{width:17px;height:17px}.ws-card-add[data-selected="true"]{background:var(--soft)}.ws-enquiry{position:sticky;top:125px;border:2px solid var(--ink);border-radius:29px;box-shadow:5px 5px 0 var(--ink);background:var(--soft);padding:25px}.ws-enquiry-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.ws-enquiry-heading h2{font-size:27px;text-transform:none;line-height:1.15;margin:0}.ws-clear{font-size:11px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px;min-height:35px}.ws-enquiry-count{font-size:12px;line-height:1.6;margin-top:12px;margin-bottom:22px}.ws-enquiry-empty{padding:22px 0 30px}.ws-enquiry-empty>svg{height:42px;width:42px;margin-bottom:20px}.ws-enquiry-empty h3{font-size:29px;line-height:1.1;text-transform:none;margin:0 0 15px}.ws-enquiry-empty p{font-size:14px;line-height:1.8}.ws-enquiry-bottom{padding-top:22px;border-top:1px solid var(--ink)}.ws-enquiry-bottom>p{font-size:12px;line-height:1.75;margin-bottom:19px}.ws-enquiry-bottom .button{width:100%;font-size:12px;padding-inline:18px;justify-content:center}.ws-enquiry-bottom>span{display:block;font-size:10px;line-height:1.6;margin-top:17px}.ws-line{display:grid;grid-template-columns:55px minmax(0,1fr);gap:13px;border-bottom:1px solid var(--line);padding:15px 0}.ws-line:first-child{padding-top:0}.ws-line-art{height:76px;background:var(--bg);border-radius:12px;padding:6px}.ws-line-art .product-art,.ws-line-art .catalog-photo{display:block;position:relative;height:100%;width:100%;background:none}.ws-line-copy h3{font-size:15px;line-height:1.3;letter-spacing:-.035em;text-transform:none;margin:0 0 11px}.ws-line-actions{display:flex;align-items:center;gap:11px;justify-content:space-between}.ws-line-qty{display:flex;align-items:center;border:1px solid var(--ink);border-radius:999px;background:var(--bg);padding-inline:3px}.ws-line-qty button{width:26px;height:34px;font-size:18px}.ws-line-qty input{width:48px;min-height:34px;font-size:13px;font-weight:600;border:0;background:none;text-align:center;appearance:textfield}.ws-line-qty input::-webkit-inner-spin-button{appearance:none}.ws-remove{font-size:10px;text-decoration:underline;text-underline-offset:3px;min-height:34px}#ws-enquiry-items{max-height:430px;overflow-y:auto;scrollbar-width:thin;padding-right:3px}.ws-no-results{text-align:center;border:1.5px dashed var(--ink);border-radius:25px;padding:50px 20px}.ws-no-results h3{font-size:28px;margin-bottom:14px}.ws-no-results p{font-size:14px;margin-bottom:20px}.ws-no-results .text-link{margin-inline:auto}.ws-business-section{background:var(--soft);border-block:2px solid var(--ink);padding-block:90px}.ws-form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}.ws-form-intro .eyebrow{color:var(--primary);font-size:11px}.ws-form-intro h2{font-size:clamp(43px,4.5vw,65px);line-height:1.03;margin:22px 0 25px}.ws-form-intro h2>span{color:var(--primary)}.ws-form-intro>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:400px}.ws-form-recap{margin-top:40px;border-block:1px solid var(--ink);padding:24px 0}.ws-form-recap>span{font-size:10px;font-weight:600;letter-spacing:.06em;display:block;margin-bottom:10px}.ws-form-recap>strong{display:block;font-size:24px;letter-spacing:-.04em;line-height:1.25}.ws-form-recap>a{display:flex;align-items:center;gap:12px;margin-top:15px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.ws-form-intro .ws-form-channel-note{font-size:12px;line-height:1.8;margin-top:25px}.ws-form{background:var(--bg);padding:33px;border:2px solid var(--ink);border-radius:29px;box-shadow:5px 5px 0 var(--ink)}.ws-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}.ws-field{min-width:0}.ws-field label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.ws-field input,.ws-field select,.ws-field textarea{width:100%;background:var(--bg);border:1px solid var(--ink);border-radius:12px;min-height:49px;font-size:16px;padding:12px;line-height:1.4;min-width:0}.ws-field textarea{resize:vertical;min-height:110px}.ws-field input[aria-invalid="true"],.ws-field select[aria-invalid="true"]{border:2px solid var(--primary)}.ws-field-wide{grid-column:1/-1}.ws-field-error{display:block;color:var(--primary);font-size:12px;line-height:1.6;margin-top:6px}.ws-selection-error{border:1px solid var(--primary);background:var(--soft);border-radius:12px;padding:13px;font-size:13px;line-height:1.6;margin-bottom:22px}.ws-form-submit{display:flex;align-items:center;gap:20px;margin-top:25px}.ws-form-submit .button{font-size:13px;flex-shrink:0}.ws-form-submit p{font-size:11px;line-height:1.7}.ws-process-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0;padding:0}.ws-process-grid li{border-top:2px solid var(--ink);padding-top:24px}.ws-process-grid li>span{font-size:14px;color:var(--primary);font-weight:700}.ws-process-grid h3{font-size:27px;line-height:1.1;text-transform:none;margin:22px 0 16px}.ws-process-grid p{font-size:15px;line-height:1.8;max-width:320px}.ws-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;padding-bottom:100px}.ws-faq .eyebrow{color:var(--primary);font-size:11px}.ws-faq h2{font-size:48px;line-height:1.03;margin-top:20px}.ws-faq details{border-bottom:1px solid var(--ink);padding:24px 0}.ws-faq details:first-child{padding-top:0}.ws-faq summary{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:18px;font-weight:600;letter-spacing:-.025em;cursor:pointer;list-style:none}.ws-faq summary::-webkit-details-marker{display:none}.ws-faq summary svg{width:19px;height:19px}.ws-faq details[open] summary svg{transform:rotate(180deg)}.ws-faq details p{font-size:14px;line-height:1.85;margin-top:19px}.ws-mobile-list{display:none}.ws-review-dialog{width:calc(100% - 36px);max-width:700px;max-height:90dvh;background:var(--bg);color:var(--ink);padding:30px;border:2px solid var(--ink);border-radius:28px;overflow:auto}.ws-review-dialog::backdrop{background:rgb(20 18 31 / .65)}.ws-review-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.ws-review-header .eyebrow{font-size:10px;color:var(--primary)}.ws-review-header h2{font-size:32px;margin-top:9px}.ws-review-dialog>label{font-size:13px;font-weight:600;display:block;margin-bottom:10px}.ws-review-dialog>textarea{width:100%;font:inherit;font-size:14px;line-height:1.7;padding:17px;border:1px solid var(--ink);border-radius:15px;background:var(--soft);min-height:280px;resize:vertical}.ws-review-dialog>p{font-size:12px;line-height:1.8;margin:19px 0}.ws-review-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.ws-review-actions .button{font-size:12px}.ws-review-actions [hidden],.ws-field-error[hidden],.ws-no-results[hidden],.ws-enquiry-empty[hidden],.ws-selection-error[hidden]{display:none}.wholesale-page .whatsapp-button{bottom:95px}
@media(max-width:1199px){.ws-hero-layout{grid-template-columns:1.3fr 1fr;min-height:520px}.ws-hero-art{height:410px}.ws-art-hookah{height:410px!important}.ws-art-label{right:-10px;top:60px;font-size:13px;padding:13px}.ws-art-hose{height:160px!important}.ws-art-coal{height:120px!important}.ws-catalog-layout{grid-template-columns:minmax(0,1fr) 300px;gap:25px}.ws-enquiry{padding:22px}.ws-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.ws-form-layout,.ws-faq{gap:40px}.ws-form{padding:26px}.ws-form-submit{display:block}.ws-form-submit p{margin-top:15px}.ws-hero-copy>p:not(.eyebrow){font-size:15px}.ws-hero-actions{gap:20px}.ws-art-word{font-size:65px}.ws-enquiry-heading h2{font-size:25px}}
@media(max-width:900px){.ws-hero-layout{gap:10px;grid-template-columns:1.3fr 1fr;padding-block:35px 43px;min-height:440px}.ws-hero h1{font-size:50px}.ws-hero-art{height:355px}.ws-art-hookah{height:350px!important}.ws-art-hose{height:145px!important}.ws-art-coal{height:100px!important}.ws-art-word{font-size:55px}.ws-art-label{top:20px;right:-5px;font-size:12px}.ws-hero-actions{display:block}.ws-contact-link{margin-top:22px}.ws-catalog-layout{grid-template-columns:1fr}.ws-enquiry{position:static;padding:27px}.ws-enquiry-empty{max-width:370px}.ws-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ws-card-image{height:230px}.ws-card-copy{padding:20px 15px}.ws-card-copy h3{font-size:18px}.ws-line{grid-template-columns:65px minmax(0,1fr)}.ws-line-copy h3{font-size:17px}.ws-line-actions{justify-content:flex-start;gap:24px}.ws-line-qty button{height:42px;width:33px}.ws-line-qty input{font-size:16px;width:56px}.ws-remove{font-size:13px;min-height:42px}.ws-enquiry-bottom .button{width:auto}.ws-form-layout{grid-template-columns:1fr;gap:38px}.ws-form-intro h2{font-size:56px}.ws-form-intro>p:not(.eyebrow){max-width:620px}.ws-form-recap{margin-top:25px}.ws-form-recap>strong{font-size:26px}.ws-form{padding:30px}.ws-form-submit{display:flex}.ws-form-submit p{margin-top:0}.ws-process-grid{gap:26px}.ws-process-grid h3{font-size:23px}.ws-process-grid p{font-size:14px}.ws-faq{gap:35px;grid-template-columns:1fr 1.2fr}.ws-faq h2{font-size:40px}}
@media(max-width:600px){.ws-breadcrumb{padding-top:19px;font-size:11px}.ws-hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:30px 0 32px}.ws-hero h1{font-size:clamp(43px,11.5vw,64px);margin-bottom:20px}.ws-hero-copy .eyebrow{font-size:9px;line-height:1.7;margin-bottom:17px}.ws-hero-copy>p:not(.eyebrow){font-size:14px;max-width:340px}.ws-hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px}.ws-hero-actions .button{font-size:12px;padding-inline:18px;min-height:49px}.ws-contact-link{margin:0;font-size:12px;gap:7px}.ws-hero-caption{font-size:8px;margin-top:24px}.ws-hero-art{height:315px;margin-top:30px}.ws-art-hookah{height:325px!important;left:19%;width:63%!important;top:-10px}.ws-art-hose{height:150px!important;width:43%!important;left:0;bottom:0}.ws-art-coal{height:112px!important;right:0;bottom:0}.ws-art-orbit{inset:8% 3% 0}.ws-art-label{right:2px;top:20px;font-size:12px;padding:13px}.ws-art-word{font-size:56px;left:10px;top:15px}.ws-product-section{padding-top:65px}.ws-product-section .section-heading{gap:19px;align-items:flex-start}.ws-category-tabs{flex-wrap:nowrap;overflow:auto;margin-inline:0;padding-inline:0;padding-bottom:8px;scrollbar-width:none}.ws-category-tabs button{font-size:12px;padding:10px 15px}.ws-search input{font-size:16px}.ws-results-count{font-size:11px}.ws-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px}.ws-product-card{border-radius:22px;box-shadow:3px 3px 0 var(--ink)}.ws-card-image{height:210px;padding:19px 10px}.ws-card-copy{padding:18px 12px 17px}.ws-card-copy>span{font-size:9px;min-height:2.7em;margin-bottom:8px;line-height:1.5}.ws-card-copy h3{font-size:17px;min-height:3.48em;line-height:1.16;margin-bottom:10px}.ws-card-copy>p{font-size:10px;line-height:1.6;margin-bottom:14px}.ws-card-add{font-size:11px;gap:6px;padding:9px 6px;min-height:44px}.ws-card-add svg{width:14px;height:14px}.ws-catalog-layout{gap:34px}.ws-enquiry{padding:23px;border-radius:25px}.ws-enquiry-heading h2{font-size:28px}.ws-enquiry-count{font-size:13px}.ws-enquiry-bottom>p{font-size:13px}.ws-enquiry-bottom .button{width:100%;font-size:13px}.ws-clear{font-size:12px}.ws-line-copy h3{font-size:16px}.ws-line-actions{gap:16px}.ws-enquiry-empty h3{font-size:32px}.ws-business-section{padding-block:60px}.ws-form-intro h2{font-size:48px}.ws-form-intro>p:not(.eyebrow){font-size:15px}.ws-form-intro .ws-form-channel-note{font-size:12px}.ws-form{padding:22px;border-radius:25px;box-shadow:4px 4px 0 var(--ink)}.ws-fields{grid-template-columns:1fr;gap:21px}.ws-field label{font-size:14px}.ws-field input,.ws-field select,.ws-field textarea{font-size:16px;min-height:50px}.ws-field-wide{grid-column:auto}.ws-form-submit{display:block}.ws-form-submit .button{width:100%;justify-content:center;font-size:14px}.ws-form-submit p{font-size:12px;margin-top:16px}.ws-process-grid{grid-template-columns:1fr;gap:30px}.ws-process-grid h3{font-size:28px;margin:15px 0 12px}.ws-process-grid p{font-size:15px;max-width:100%}.ws-faq{grid-template-columns:1fr;gap:35px;padding-bottom:70px}.ws-faq h2{font-size:43px}.ws-faq summary{font-size:17px}.ws-mobile-list{position:fixed;display:flex;align-items:center;justify-content:space-between;gap:14px;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;background:var(--bg);border:2px solid var(--ink);border-radius:999px;padding:9px 10px 9px 17px;box-shadow:3px 3px 0 var(--ink)}.ws-mobile-list>span{font-size:12px;font-weight:700;line-height:1.4;min-width:0}.ws-mobile-list .button{font-size:12px;min-height:44px;padding:10px 17px;white-space:nowrap;flex-shrink:0}.wholesale-page .site-footer{padding-bottom:105px}.wholesale-page .toast{bottom:90px}.ws-review-dialog{padding:23px;width:calc(100% - 24px);border-radius:25px}.ws-review-header h2{font-size:28px}.ws-review-dialog>textarea{font-size:16px;min-height:310px}.ws-review-actions{display:grid;grid-template-columns:1fr}.ws-review-actions .button{font-size:13px;justify-content:center}.ws-review-dialog>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.ws-hero-art,.ws-product-card{transform:none!important}}

/* About and policy pages — same approved palette, typography and product assets. */
.info-page main{overflow:clip}.info-breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;padding-top:27px}.info-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.info-page .eyebrow{font-size:11px}.about-hero{background:var(--soft);border-block:2px solid var(--ink)}.about-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding:58px 0 70px}.about-hero-copy .eyebrow{color:var(--primary);margin-bottom:24px}.about-hero h1{font-size:clamp(52px,5.5vw,88px);line-height:.96;letter-spacing:-.065em;margin:0 0 29px}.about-hero h1 span{color:var(--primary)}.about-hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;max-width:465px;margin-bottom:30px}.about-cover{position:relative;isolation:isolate;height:520px;border:2px solid var(--ink);border-radius:36px;box-shadow:8px 8px 0 var(--ink);background:var(--primary);overflow:hidden;transform:rotate(3deg)}.about-cover-word{position:absolute;top:34px;left:28px;right:28px;z-index:-1;color:var(--bg);font-size:62px;line-height:.96;font-weight:700;letter-spacing:-.06em}.about-cover-circle{position:absolute;inset:30% 8% 8%;border-radius:50%;background:var(--accent);z-index:-1}.about-cover .about-cover-hookah{position:absolute;inset:46px 13% 35px;width:74%;height:auto;background:none;transform:rotate(-8deg)}.about-cover-hookah .catalog-photo{height:100%;width:100%;display:block}.about-cover-label{position:absolute;right:15px;bottom:78px;transform:rotate(-9deg);background:var(--bg);color:var(--ink);padding:15px 20px;border:2px solid var(--ink);border-radius:20px;box-shadow:3px 3px 0 var(--ink);font-size:13px;line-height:1.5;font-weight:700}.about-cover-caption{position:absolute;bottom:19px;left:29px;right:29px;color:var(--bg);font-size:9px;letter-spacing:.07em;font-weight:600}.about-story{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:start}.about-story .eyebrow{color:var(--primary);margin-bottom:26px}.about-story h2{font-size:clamp(45px,4.6vw,68px);line-height:1.02;letter-spacing:-.06em}.about-outline{-webkit-text-stroke:1.5px var(--primary);color:transparent}.about-story-copy p{font-size:16px;line-height:1.9;margin-bottom:22px}.about-story-copy .about-lead{font-size:27px;line-height:1.4;font-weight:600;letter-spacing:-.035em}.about-story-copy .text-link{margin-top:32px}.about-collection{border-block:2px solid var(--ink)}.about-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.about-category{display:flex;flex-direction:column;border:2px solid var(--ink);border-radius:30px;box-shadow:5px 5px 0 var(--ink);overflow:hidden;min-width:0;background:var(--bg)}.about-category-photo{height:300px;position:relative;padding:30px;isolation:isolate;border-bottom:2px solid var(--ink)}.about-category-photo:before{content:'';position:absolute;inset:15% 8%;border-radius:48% 52% 42% 58%;background:var(--soft);z-index:-1}.about-category:nth-child(2) .about-category-photo:before{background:var(--accent)}.about-category:nth-child(3) .about-category-photo:before{background:#FFDCD2}.about-category-photo .product-art,.about-category-photo .catalog-photo{position:relative;background:none;height:100%;width:100%;display:block}.about-category-copy{padding:28px;display:flex;flex-direction:column;flex:1}.about-category-copy>span:first-child{font-size:10px;font-weight:700;color:var(--primary);letter-spacing:.05em}.about-category h3{font-size:30px;text-transform:none;line-height:1.13;letter-spacing:-.045em;margin:19px 0 17px}.about-category-copy>p{font-size:15px;line-height:1.8;margin-bottom:26px}.about-category-copy .text-link{margin-top:auto;font-size:14px}.about-category:hover .text-link svg{transform:translateX(4px)}.about-category svg{transition:transform .2s}.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;padding:0;list-style:none}.about-principles li{border-top:2px solid var(--ink);padding-top:23px}.about-principles li>span{font-size:14px;font-weight:700;color:var(--primary)}.about-principles h3{font-size:29px;line-height:1.1;letter-spacing:-.04em;text-transform:none;margin:23px 0 15px}.about-principles p{font-size:15px;line-height:1.8}.about-adults{border-top:2px solid var(--ink);padding-top:34px;padding-bottom:75px}.about-adults>.eyebrow{color:var(--primary);margin-bottom:35px}.about-adults>div{display:grid;grid-template-columns:.8fr 1fr auto;gap:50px;align-items:center}.about-adults h2{font-size:62px;line-height:.97;color:var(--primary)}.about-adults p{font-size:16px;line-height:1.8}.about-adults .text-link{font-size:14px}.about-closing{background:var(--accent);border-block:2px solid var(--ink);padding-block:60px}.about-closing>.wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.about-closing .eyebrow{margin-bottom:20px}.about-closing h2{font-size:64px;line-height:.98;letter-spacing:-.055em}.about-closing .button{background:var(--primary);color:var(--bg)}
/* Policy reading layouts: real headings, permanent links, readable measure. */
.policy-hero{background:var(--soft);border-block:2px solid var(--ink)}.policy-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end;padding:47px 0 60px}.policy-hero .eyebrow{color:var(--primary);margin-bottom:24px}.policy-hero h1{font-size:clamp(43px,4.65vw,73px);line-height:1.02;letter-spacing:-.06em}.policy-hero h1 span{color:var(--primary)}.policy-intro{font-size:17px;line-height:1.8;max-width:335px;padding-bottom:5px}.policy-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:85px;padding-block:65px 90px;align-items:start}.policy-navigation{position:sticky;top:125px}.policy-navigation>.eyebrow{color:var(--muted);margin-bottom:20px}.policy-switcher{display:flex;flex-direction:column;gap:9px}.policy-switcher a{display:block;border:1.5px solid transparent;border-radius:999px;padding:13px 17px;font-size:15px;font-weight:600;line-height:1.5}.policy-switcher [aria-current]{background:var(--primary);color:var(--bg);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.policy-switcher a:hover:not([aria-current]){background:var(--soft)}.policy-help-link{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.policy-help-link svg{width:20px;height:20px;flex-shrink:0}.policy-article{max-width:820px;min-width:0}.policy-draft{background:var(--soft);border-radius:23px;padding:26px 29px}.policy-draft>span{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--primary)}.policy-draft p{font-size:15px;line-height:1.8;margin:14px 0}.policy-draft small{font-size:11px;line-height:1.6;color:var(--muted)}.policy-contents{padding-block:32px 36px;display:grid;grid-template-columns:1fr 1fr;gap:8px 27px;border-bottom:2px solid var(--ink)}.policy-contents>.eyebrow{grid-column:1/-1;color:var(--primary);margin-bottom:10px}.policy-contents a{font-size:13px;line-height:1.5;display:flex;align-items:baseline;gap:13px;padding:7px 0;text-decoration:underline;text-underline-offset:4px}.policy-contents a>span{color:var(--primary);font-size:10px;text-decoration:none}.policy-section{display:grid;grid-template-columns:34px minmax(0,1fr);gap:20px;padding-block:36px;border-bottom:1px solid var(--line);scroll-margin-top:130px}.policy-number{font-size:12px;color:var(--primary);font-weight:600;padding-top:7px}.policy-section h2{font-size:28px;letter-spacing:-.035em;line-height:1.22;text-transform:none;margin:0 0 19px}.policy-section p{font-size:16px;line-height:1.9;overflow-wrap:anywhere}.policy-section .button{font-size:13px;margin-top:22px}.policy-section .policy-feedback{font-size:13px;min-height:1.8em;margin-top:12px;color:var(--primary)}.policy-inline-links{display:flex;flex-wrap:wrap;gap:15px 25px;margin-top:20px}.policy-inline-links a{display:flex;align-items:center;gap:13px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.policy-inline-links svg{width:19px;height:19px}.policy-bottom{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:42px}.policy-bottom>p{width:100%;font-size:23px;font-weight:600;letter-spacing:-.03em;margin-bottom:0}.policy-bottom .button,.policy-bottom .text-link{font-size:13px}.privacy-clear-dialog{max-width:520px;width:calc(100% - 32px);padding:32px;border:2px solid var(--ink);border-radius:28px;background:var(--bg);color:var(--ink)}.privacy-clear-dialog::backdrop{background:rgb(20 18 31 / .65)}.privacy-clear-dialog h2{font-size:32px;line-height:1.1;text-transform:none;margin-bottom:20px}.privacy-clear-dialog p{font-size:15px;line-height:1.8;margin-bottom:25px}.privacy-clear-dialog>div{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.privacy-clear-dialog .button,.privacy-clear-dialog .text-link{font-size:13px}.info-page .whatsapp-button[hidden]{display:none}.info-page .whatsapp-button{position:fixed;bottom:22px;right:22px;z-index:45}.info-page [hidden]{display:none!important}
@media(max-width:1199px){.about-hero-grid{gap:40px}.about-cover{height:465px}.about-cover-word{font-size:53px}.about-story{gap:60px}.about-category-grid{gap:23px}.about-category-copy{padding:23px}.about-category h3{font-size:26px}.about-category-photo{height:260px}.about-adults>div{gap:30px;grid-template-columns:.55fr 1fr}.about-adults .text-link{grid-column:2}.policy-layout{grid-template-columns:235px minmax(0,1fr);gap:45px}.policy-hero-grid{gap:35px}.policy-contents{column-gap:20px}}
@media(max-width:900px){.about-hero-grid{gap:25px}.about-hero h1{font-size:49px}.about-hero-copy>p:not(.eyebrow){font-size:16px}.about-cover{height:420px;border-radius:28px}.about-cover-word{font-size:43px;left:20px;top:25px}.about-cover .about-cover-hookah{inset:38px 8% 35px;width:84%}.about-cover-label{right:9px;bottom:65px;font-size:11px;padding:12px}.about-story{gap:40px}.about-story h2{font-size:45px}.about-story-copy .about-lead{font-size:23px}.about-category-copy{padding:20px}.about-category h3{font-size:23px}.about-category-copy>p{font-size:14px}.about-category-photo{height:230px;padding:24px}.about-category-copy>span:first-child{font-size:8px}.about-principles{gap:28px}.about-principles h3{font-size:25px}.policy-hero-grid{grid-template-columns:1fr;gap:25px;padding-block:40px 45px}.policy-hero h1{font-size:54px}.policy-intro{max-width:520px;font-size:16px}.policy-layout{display:block;padding-top:30px}.policy-navigation{position:static;margin-bottom:35px}.policy-navigation>.eyebrow{font-size:10px}.policy-switcher{flex-direction:row;overflow:auto;padding:2px 4px 7px 0;gap:10px;scrollbar-width:thin}.policy-switcher a{flex-shrink:0;font-size:14px;padding:11px 16px;border-color:var(--ink)}.policy-help-link{display:none}.policy-article{max-width:100%}.policy-section{scroll-margin-top:105px}}
@media(max-width:600px){.info-breadcrumb{font-size:11px;padding-top:22px}.info-page .eyebrow{font-size:10px}.about-hero-grid{grid-template-columns:1fr;gap:42px;padding:35px 0 49px}.about-hero h1{font-size:clamp(43px,12vw,65px);margin-bottom:25px}.about-hero-copy .eyebrow{margin-bottom:22px}.about-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}.about-hero-copy .button{font-size:14px;min-height:52px;padding-inline:23px}.about-cover{height:420px;transform:rotate(2deg);margin-inline:7px;box-shadow:5px 5px 0 var(--ink)}.about-cover-word{font-size:48px;left:22px;right:20px;top:26px}.about-cover .about-cover-hookah{inset:45px 9% 36px;width:82%}.about-cover-label{font-size:11px}.about-story{grid-template-columns:1fr;gap:30px}.about-story h2{font-size:48px}.about-story-copy .about-lead{font-size:25px}.about-story-copy p{font-size:16px}.about-category-grid{grid-template-columns:1fr;gap:30px}.about-category-photo{height:300px;padding:30px}.about-category-copy{padding:25px}.about-category-copy>span:first-child{font-size:10px}.about-category h3{font-size:30px}.about-category-copy>p{font-size:16px}.about-category-copy .text-link{font-size:15px}.about-principles{grid-template-columns:1fr;gap:30px}.about-principles h3{font-size:29px;margin-top:18px}.about-principles p{font-size:16px}.about-adults{padding-bottom:55px}.about-adults>div{grid-template-columns:1fr;gap:22px}.about-adults h2{font-size:57px}.about-adults .text-link{grid-column:auto;font-size:15px}.about-closing{padding-block:45px}.about-closing>.wrap{flex-direction:column;align-items:flex-start;gap:30px}.about-closing h2{font-size:51px}.about-closing .button{font-size:14px}.policy-hero-grid{padding-block:35px 36px;gap:22px}.policy-hero h1{font-size:clamp(36px,10.3vw,57px)}.policy-hero .eyebrow{line-height:1.7;margin-bottom:20px}.policy-intro{font-size:16px}.policy-layout{padding-bottom:60px}.policy-switcher a{font-size:14px}.policy-draft{padding:22px;border-radius:22px}.policy-draft>span{font-size:9px;line-height:1.7;display:block}.policy-draft p{font-size:15px}.policy-draft small{font-size:12px}.policy-contents{grid-template-columns:1fr;padding-block:28px;gap:4px}.policy-contents a{font-size:14px;padding-block:9px}.policy-contents a>span{font-size:11px}.policy-section{grid-template-columns:25px minmax(0,1fr);gap:12px;padding-block:29px}.policy-section h2{font-size:25px;line-height:1.25;margin-bottom:16px}.policy-section p{font-size:16px;line-height:1.85}.policy-number{font-size:11px;padding-top:6px}.policy-bottom{gap:22px}.policy-bottom .button,.policy-bottom .text-link{font-size:14px}.policy-bottom .button{padding-inline:20px}.privacy-clear-dialog{padding:25px}.privacy-clear-dialog h2{font-size:29px}.privacy-clear-dialog p{font-size:16px}.privacy-clear-dialog>div{flex-direction:column;align-items:stretch}.privacy-clear-dialog .button{justify-content:center}.privacy-clear-dialog .text-link{align-self:center}}
@media(prefers-reduced-motion:reduce){.about-category svg{transition:none}}

/* Shared account access on every page, including the compact checkout header. */
.account-entry{display:flex;align-items:center;flex:0 0 auto;position:relative}.account-entry .account-trigger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;cursor:pointer}.account-trigger[aria-expanded="true"]{color:var(--primary);background:var(--soft);border-radius:999px}.account-menu{position:absolute;right:0;top:calc(100% + 14px);width:292px;max-width:calc(100vw - 28px);max-height:var(--account-menu-available,calc(100dvh - 155px));overflow-y:auto;overscroll-behavior:contain;z-index:85;background:var(--bg);border:2px solid var(--ink);border-radius:25px;box-shadow:5px 5px 0 var(--ink);padding:23px;transform:translateX(var(--account-menu-shift,0px));color:var(--ink);text-align:left}.account-menu[hidden]{display:none!important}.account-menu .eyebrow{font-size:10px;color:var(--primary);line-height:1.5;margin:0 0 11px}.account-menu h2{font-size:28px;text-transform:none;line-height:1.1;letter-spacing:-.04em;margin:0 0 12px}.account-menu-intro{font-size:13px;line-height:1.7;margin:0 0 20px;color:var(--muted)}.account-menu .account-signin{display:flex;justify-content:space-between;font-size:13px;min-height:46px;gap:12px;padding:12px 17px;white-space:nowrap}.account-menu nav{display:flex;flex-direction:column;margin-top:19px}.account-menu nav>a{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:15px;font-weight:600;min-height:48px;padding-block:12px;border-bottom:1px solid var(--line)}.account-menu nav>a:hover{color:var(--primary)}.account-menu nav svg{width:18px;height:18px;flex-shrink:0}.account-menu-help{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;min-height:44px;line-height:1.6;margin-top:12px;color:var(--muted)}.account-menu-help svg{width:17px;height:17px;flex-shrink:0}.account-menu a:focus-visible,.account-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.checkout-header .account-entry .account-trigger{width:40px;height:44px}.checkout-header .account-trigger>svg{width:21px;height:21px}.checkout-header .account-menu{top:calc(100% + 15px)}
@media(max-width:600px){.account-menu{padding:22px;border-radius:23px;box-shadow:4px 4px 0 var(--ink)}.account-menu nav>a{font-size:16px;min-height:49px}.account-menu .account-signin{font-size:14px;min-height:48px}.account-menu-help{font-size:13px}.checkout-header .checkout-age-pill{display:none}.checkout-header .checkout-header-inner{gap:8px}.checkout-header .checkout-header-actions{gap:10px}.checkout-header .wordmark{font-size:18px}.checkout-header .account-entry .account-trigger{width:32px}.checkout-back-link{font-size:12px}}
/* WordPress header integration: keep the approved dimensions and menu imagery. */
.site-header .header-menu-item{position:relative;display:flex;align-items:center;gap:5px;min-width:0}
.site-header .header-menu-item>a{white-space:nowrap}
.site-header .header-menu-item>a[aria-current="page"]{color:var(--primary)}
.site-header .mega-toggle,.site-header .nav-submenu-toggle{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:0;background:none;color:inherit;cursor:pointer;min-width:24px;min-height:32px}
.site-header .nav-submenu-toggle svg{width:16px;height:16px;transition:transform .18s}
.site-header .nav-submenu-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.site-header .sub-menu[hidden],.site-header .mobile-sub-menu[hidden]{display:none!important}
.site-header .sub-menu{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg);border:2px solid var(--ink);border-radius:18px;box-shadow:var(--shadow);padding:10px 16px;min-width:180px;flex-direction:column;gap:8px;z-index:60}
.site-header .sub-menu:not([hidden]){display:flex}
.site-header .sub-menu a{font-size:14px;white-space:nowrap}
.site-header .sub-menu .sub-menu{left:calc(100% + 10px);top:0}
.site-header .mega-photo-img,.site-header .mobile-photo-img{width:100%;height:100%;object-fit:contain;display:block}
.site-header .mega-photo,.site-header .mobile-photo{display:block}
.site-header .mega-toggle>svg,.site-header .nav-submenu-toggle>svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-header .wordmark .custom-logo-header{display:block;max-width:100%;max-height:none;width:150px;height:auto;object-fit:contain}
.site-header .mobile-menu-item{flex-wrap:wrap;justify-content:space-between}
.site-header .mobile-nav>.mobile-menu-item{padding:17px 0;border-bottom:1px solid var(--line);font:500 23px var(--display);letter-spacing:-.035em}
.site-header .mobile-menu-item>a{display:flex;flex:1;align-items:center;justify-content:space-between;min-height:44px;white-space:normal}
.site-header .mobile-menu-item>a>span{font-size:11px;color:var(--muted)}
.site-header .mobile-sub-menu{display:flex;flex-direction:column;gap:6px;flex:0 0 100%;margin:0;padding:0 0 0 14px}
.site-header .mobile-sub-menu a{font-size:14px}
.site-header .mega-bottom .header-menu-item{display:inline-flex}
.site-header .account-user-greeting{font-weight:700;color:var(--primary);margin-bottom:14px}
.site-header .account-logout{margin-top:14px;font-size:13px;font-weight:700;color:var(--pop);display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.site-header .account-logout:hover{text-decoration:underline}
.header-search-dialog{width:min(720px,calc(100% - 32px));margin:auto;padding:32px;border:2px solid var(--ink);border-radius:28px;background:var(--bg);color:var(--ink);box-shadow:6px 6px 0 var(--ink)}
.header-search-dialog::backdrop{background:rgb(20 18 31 / .6)}
.header-search-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
.header-search-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.04em;margin:0}
.header-product-search label{display:block;font-size:14px;font-weight:700;margin-bottom:10px}
.header-search-field{display:flex;gap:12px}
.header-search-field input{flex:1;min-width:0;min-height:54px;padding:12px 16px;border:2px solid var(--ink);border-radius:16px;background:var(--bg);font:inherit;font-size:16px;color:var(--ink)}
.header-search-field .button{flex-shrink:0}
@media(max-width:600px){.site-header .wordmark .custom-logo-header{width:110px}.header-search-dialog{padding:24px}.header-search-field{flex-direction:column}.header-search-field .button{justify-content:center}.site-header .mega-bottom{flex-wrap:wrap}}