.retail-page{background:#08080a}.retail-header{background:linear-gradient(#08080bf5,#08080b80)}.retail-header .nav-dropdown summary{color:var(--lime)}
.retail-hero{min-height:790px;position:relative;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;padding:145px 4.5vw 50px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 72% 36%,#ff9c1824,transparent 32%),radial-gradient(circle at 20% 30%,#b9ff180d,transparent 29%),#08080a}.retail-hero:before{content:"RETAIL";position:absolute;z-index:-1;left:-2vw;bottom:-3vw;color:#ffffff05;font:400 22vw/.75 var(--display);letter-spacing:-.05em}.retail-hero-copy{position:relative;z-index:3}.retail-hero h1{margin:22px 0;font:400 clamp(75px,9vw,145px)/.8 var(--display);letter-spacing:-.05em;text-transform:uppercase}.retail-hero h1 span{color:var(--lime);text-shadow:4px 4px #365003}.retail-hero-copy>p:not(.kicker){max-width:530px;color:#aaa5ae;font-size:15px;line-height:1.7}.retail-hero-copy .btn{margin-top:22px}.retail-hero-art{height:600px;position:relative}.retail-hero-art:before{content:"";position:absolute;inset:7% 2% 2% 13%;border:1px solid #ff9c1855;border-radius:50%;box-shadow:0 0 0 55px #ff2abf08,0 0 80px #ff9c1818}.retail-hero-art img{position:absolute;z-index:2;left:50%;bottom:-4%;height:108%;max-width:95%;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 28px 35px #000)}.retail-sticker{position:absolute;z-index:4;right:1%;top:7%;color:var(--orange);font:400 14px/1.05 var(--marker);rotate:8deg;text-align:center}.retail-sticker b{color:var(--pink);font-size:25px;text-shadow:2px 2px white}.retail-orbit span{position:absolute;z-index:3;padding:7px 11px;border:1px solid;border-radius:20px;background:#09090cdd;font-size:7px;font-weight:800;letter-spacing:.12em}.retail-orbit span:nth-child(1){left:8%;top:28%;color:var(--lime)}.retail-orbit span:nth-child(2){right:3%;top:43%;color:var(--pink)}.retail-orbit span:nth-child(3){left:3%;bottom:25%;color:var(--blue)}.retail-orbit span:nth-child(4){right:10%;bottom:14%;color:var(--orange)}
.category-marquee{min-height:63px;display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 3vw;border-top:1px solid #302b33;border-bottom:1px solid #302b33;background:#0e0d11;overflow:hidden;white-space:nowrap}.category-marquee span{font:400 14px/1 var(--display);letter-spacing:.04em;text-transform:uppercase}.category-marquee i{color:var(--pink);font-style:normal}
.retail-shop{display:grid;grid-template-columns:270px 1fr;gap:36px;padding:100px 4.5vw 120px}.retail-sidebar{position:sticky;top:25px;align-self:start;padding:25px;border:1px solid #343039;background:#0e0d11}.retail-sidebar h2{margin:15px 0 29px;font:400 44px/.9 var(--display);text-transform:uppercase}.retail-sidebar>label{display:block;margin-bottom:9px;color:#7f7983;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.select-wrap{position:relative}.select-wrap select{width:100%;height:48px;appearance:none;padding:0 39px 0 13px;border:1px solid var(--lime);outline:0;background:#09090c;color:white;font-size:10px;font-weight:700;cursor:pointer}.select-wrap>span{position:absolute;right:14px;top:13px;color:var(--lime);pointer-events:none}.all-categories{margin-top:14px}.all-categories summary{padding:13px 0;border-bottom:1px solid #302b33;color:var(--pink);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.all-categories nav{display:grid;padding-top:8px}.all-categories button{padding:8px 0;border:0;background:transparent;color:#85808a;text-align:left;font-size:9px;cursor:pointer}.all-categories button:hover{color:var(--lime)}.sidebar-note{margin-top:24px;padding:18px;background:linear-gradient(135deg,#291322,#111016);border-left:2px solid var(--pink)}.sidebar-note strong{font:400 16px/1 var(--display);text-transform:uppercase}.sidebar-note p{color:#98929c;font-size:9px;line-height:1.5}.sidebar-note a{color:var(--pink);font-size:8px;font-weight:800;text-transform:uppercase}.results-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.results-head span{color:var(--lime);font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.results-head h2{margin:7px 0 0;font:400 clamp(38px,4.5vw,65px)/1 var(--display);text-transform:uppercase}.results-head>button{width:42px;height:42px;border:1px solid #3d3841;background:transparent;color:#8c8690;font-size:18px;cursor:pointer}.retail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.retail-grid.compact{grid-template-columns:repeat(4,1fr)}.retail-item{border:1px solid #302c33;background:#0f0e12;overflow:hidden;transition:transform .25s,border-color .25s}.retail-item:hover{transform:translateY(-6px);border-color:#716977}.retail-item.hidden{display:none}.item-art{height:220px;position:relative;display:grid;place-items:center;overflow:hidden;color:var(--lime);background:#17200a}.item-art:before{content:"";position:absolute;width:135px;height:135px;border:1px solid currentColor;border-radius:50%;opacity:.35;box-shadow:0 0 35px currentColor}.item-art>span{position:relative;z-index:2;font:400 74px/1 var(--display);filter:drop-shadow(0 0 14px currentColor)}.item-art i{position:absolute;left:11px;top:11px;padding:6px 8px;background:#08080a;color:white;font-size:7px;font-style:normal;font-weight:800;letter-spacing:.1em}.glass-art{color:var(--orange);background:#281908}.glass-art.alt{color:var(--pink);background:#280d22}.pipe-art{color:#ff587e;background:#2a0d14}.roll-art{color:var(--pink);background:#280d22}.roll-art.alt{color:var(--lime);background:#17200a}.vape-art{color:var(--blue);background:#08232b}.vape-art.alt{color:#7b70ff;background:#15132c}.grinder-art{color:#c5c5cf;background:#202027}.grinder-art.alt{color:var(--lime);background:#17200a}.fire-art{color:var(--orange);background:#2b1707}.storage-art{color:#bb8cff;background:#1d102a}.clean-art{color:var(--blue);background:#08232b}.hookah-art{color:var(--pink);background:#2b0e24}.incense-art{color:var(--orange);background:#281908}.tool-art{color:var(--blue);background:#08232b}.gift-art{color:var(--lime);background:#17200a}.item-copy{padding:17px}.item-copy>small{color:#77717b;font-size:7px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.item-copy h3{margin:10px 0 7px;font:400 22px/1 var(--display);text-transform:uppercase}.item-copy p{min-height:45px;margin:0;color:#96909a;font-size:9px;line-height:1.55}.item-copy footer{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:13px 0 0;background:transparent;border-top:1px solid #2f2a32}.item-copy footer b{font-size:11px}.item-copy footer button{width:31px;height:31px;border:1px solid var(--lime);border-radius:50%;background:transparent;color:var(--lime);font-size:18px;cursor:pointer;transition:.2s}.item-copy footer button:hover{rotate:90deg;background:var(--lime);color:#111}.empty-state{display:none;padding:90px 20px;border:1px dashed #423c46;text-align:center}.empty-state.show{display:block}.empty-state span{color:var(--pink);font:400 40px/1 var(--marker)}.empty-state h3{font:400 28px/1 var(--display);text-transform:uppercase}
.retail-help{min-height:570px;display:grid;grid-template-columns:1fr .85fr;align-items:center;padding:65px 8vw;background:var(--orange);color:#111;overflow:hidden}.retail-help>div{position:relative;z-index:2}.retail-help .kicker{color:#111}.retail-help h2{margin:18px 0;font:400 clamp(65px,8vw,120px)/.8 var(--display);text-transform:uppercase}.retail-help>div>p:not(.kicker){max-width:540px;font-size:13px;line-height:1.65}.retail-help img{height:620px;max-width:100%;align-self:end;justify-self:center;object-fit:contain;filter:drop-shadow(0 25px 30px #7a260055)}
@media(max-width:1100px){.retail-grid{grid-template-columns:repeat(2,1fr)}.retail-grid.compact{grid-template-columns:repeat(3,1fr)}.retail-hero{grid-template-columns:1fr 1fr}.retail-hero-art{height:540px}}
@media(max-width:820px){.retail-hero{min-height:1050px;grid-template-columns:1fr;padding:130px 21px 45px}.retail-hero-art{width:min(620px,100%);height:520px;margin:auto}.category-marquee{justify-content:flex-start}.retail-shop{grid-template-columns:1fr;padding:80px 21px}.retail-sidebar{position:static}.all-categories nav{grid-template-columns:1fr 1fr}.retail-grid,.retail-grid.compact{grid-template-columns:repeat(2,1fr)}.retail-help{grid-template-columns:1fr;padding:70px 21px 0}.retail-help img{height:500px}}
@media(max-width:540px){.retail-hero{min-height:900px}.retail-hero h1{font-size:64px}.retail-hero-art{height:400px}.retail-sticker{right:0}.retail-grid,.retail-grid.compact{grid-template-columns:1fr}.item-art{height:250px}.all-categories nav{grid-template-columns:1fr}.retail-help h2{font-size:68px}.retail-help img{height:380px}.results-head h2{font-size:38px}}
.item-copy footer{gap:0}

/* CSS shapes and short labels are reliable even when icon fonts are unavailable. */
.category-marquee i{width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:var(--pink)}
.select-wrap>span{width:8px;height:8px;top:17px;border-right:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:rotate(45deg)}
.item-art>span{font:800 13px/1 var(--body);letter-spacing:.12em;filter:drop-shadow(0 0 10px currentColor)}
.results-head>button{width:auto;min-width:50px;padding:0 9px;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.empty-state span{font:800 10px/1 var(--body);letter-spacing:.14em}
.flower-art{color:var(--lime);background:#17200a}.flower-art.alt{color:var(--pink);background:#280d22}
.retail-page .cart{display:none}.item-art i.unavailable{background:#7c2334}.item-meta{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:13px;border-top:1px solid #2f2a32}.item-meta b{font-size:11px}.item-meta span{font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.item-meta .available{color:var(--lime)}.item-meta .unavailable{color:#ff6c80}.menu-loading{grid-column:1/-1;min-height:360px;display:grid;place-items:center;align-content:center;gap:18px;border:1px dashed #413a44;color:#8f8993}.menu-loading span{width:42px;height:42px;border:3px solid #39323d;border-top-color:var(--lime);border-radius:50%;animation:menu-spin .8s linear infinite}.menu-loading strong{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.menu-source{margin:7px 0 0;color:#716b75;font-size:8px;text-transform:none}@keyframes menu-spin{to{rotate:360deg}}

/* Cleaner inventory cards and small-screen shelf layout. */
.all-categories button{min-height:34px;color:#aaa4ad;font-size:10px;line-height:1.35}
.all-categories summary,.retail-sidebar>label{font-size:9px}
.select-wrap select{font-size:11px}
.retail-grid{gap:16px}
.retail-item{display:flex;min-width:0;flex-direction:column;border-radius:8px;background:linear-gradient(145deg,#131016,#0d0c10)}
.item-art{height:205px;border-bottom:1px solid #302c33}
.item-copy{display:flex;flex:1;flex-direction:column;padding:20px}
.item-copy>small{font-size:8px;line-height:1.4}
.item-copy h3{font-size:24px;overflow-wrap:anywhere}
.item-copy p{min-height:0;font-size:10px;line-height:1.6}
.item-meta,.item-copy footer{margin-top:auto}
.retail-inventory-note{margin:0 0 18px;padding:13px 15px;border-left:3px solid var(--lime);background:#151b0c;color:#c5d4a4;font-size:10px;line-height:1.5}
.retail-inventory-note.fallback{border-color:var(--orange);background:#211609;color:#e7cda7}
.retail-inventory-note.error{border-color:#ff6c80;background:#2a1017;color:#ffb3c0}
.empty-state p{color:#8e8892;font-size:10px;line-height:1.6}
@media(max-width:820px){.retail-hero{min-height:920px;padding-left:20px;padding-right:20px}.retail-shop{gap:28px;padding:60px 20px 80px}.retail-sidebar{padding:22px}.results-head{align-items:center}.category-marquee{padding-left:20px;padding-right:20px;overflow-x:auto}.item-art{height:215px}}
@media(max-width:540px){.retail-hero{min-height:760px;padding-top:120px}.retail-hero h1{font-size:55px}.retail-hero-art{height:320px}.retail-sticker{font-size:11px}.retail-sticker b{font-size:19px}.retail-shop{padding:45px 15px 65px}.retail-sidebar{padding:18px}.results-head{gap:12px}.results-head h2{font-size:34px}.retail-grid,.retail-grid.compact{grid-template-columns:1fr}.item-art{height:215px}.item-copy{padding:18px}.retail-help{padding-left:20px;padding-right:20px}.retail-help h2{font-size:55px}}