:root{--ink:#080710;--ink-2:#0d0a18;--panel:#11101a;--gold:#b99155;--gold-light:#e0c68f;--ivory:#f2ebdf;--muted:#bdb3aa;--violet:#6d32a0;--border:rgba(188,145,82,.68);--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);font-size:15px;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.section-shell{width:min(1440px,calc(100% - 72px));margin-inline:auto}.site-header{position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);width:min(1460px,calc(100% - 64px));height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(190,151,91,.12)}.brand{display:flex;align-items:center;gap:9px;color:var(--gold-light);text-decoration:none;letter-spacing:.12em}.brand svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:1.2}.brand b{display:block;font:600 16px/1 var(--serif)}.brand small{font:500 9px/1 var(--sans)}.desktop-nav{display:flex;gap:42px;height:100%;align-items:center}.desktop-nav a{position:relative;color:var(--ivory);text-decoration:none;font:500 17px var(--serif);opacity:.82;transition:.25s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--gold-light);opacity:1}.desktop-nav a.active:after{content:"";position:absolute;height:1px;background:var(--gold);left:0;right:0;bottom:-15px}.header-actions{display:flex;align-items:center;gap:10px}.icon-button,.menu-toggle{position:relative;border:0;background:none;color:var(--gold-light);width:38px;height:38px;display:grid;place-items:center;cursor:pointer}.icon-button svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.5}.cart-count{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:10px;background:var(--gold);color:#0c0911;font:700 10px/16px var(--sans);opacity:0;transform:scale(.6);transition:.2s}.cart-count.visible{opacity:1;transform:scale(1)}.menu-toggle{display:none}.mobile-nav{display:none}.hero{position:relative;min-height:825px;background:url(../images/hero-apothecary.jpg) center/cover no-repeat;display:flex;align-items:center;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,13,.2),transparent 60%),linear-gradient(0deg,var(--ink),transparent 19%);z-index:-1}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 65% 42%,rgba(110,52,153,.12),transparent 30%);z-index:-1}.hero-copy{width:min(1450px,calc(100% - 80px));margin:40px auto 0}.hero-copy>*{max-width:640px}.eyebrow{text-transform:uppercase;letter-spacing:.26em;color:var(--gold);font-size:11px;margin:0 0 18px}.hero h1{margin:0;font:500 clamp(46px,5.1vw,80px)/.92 var(--serif);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}.hero h1 em{font-style:normal;color:var(--gold-light)}.ornament{display:flex;align-items:center;gap:8px;width:250px;color:var(--gold);margin:28px 0}.ornament span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold))}.ornament span+span{background:linear-gradient(90deg,var(--gold),transparent)}.ornament i{font-style:normal;font-size:9px}.ornament.left{width:150px;margin:15px 0 22px}.hero-text{color:#d3ccc4;font:400 17px/1.65 var(--serif);max-width:460px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;color:var(--gold-light);border:1px solid var(--border);padding:15px 18px;margin-top:20px;text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font-size:10px;background:rgba(7,6,14,.5);transition:.3s}.button:hover{background:var(--gold);color:var(--ink);box-shadow:0 0 30px rgba(185,145,85,.2)}.button span{font-size:16px}.scroll-cue{position:absolute;left:50%;bottom:34px;display:flex;align-items:center;gap:12px;color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.2em;font-size:8px}.scroll-cue i{display:block;width:1px;height:40px;background:linear-gradient(var(--gold),transparent)}.category-section{position:relative;z-index:2;margin-top:-42px}.category-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.category-card{position:relative;min-width:0;height:250px;border:1px solid var(--border);border-radius:7px;overflow:hidden;background:#110d18;color:var(--gold-light);text-decoration:none}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a0811 5%,transparent 62%);z-index:1}.category-image{position:absolute;inset:0;background:url(../images/hero-apothecary.jpg) var(--pos) 74%/900px auto no-repeat;transition:transform .55s}.category-card:hover .category-image{transform:scale(1.06)}.category-card:nth-child(3) .category-image{filter:saturate(.85);background-position:43% 73%}.category-card b{position:absolute;z-index:2;left:14px;right:28px;bottom:15px;font:500 18px/1.05 var(--serif);text-transform:uppercase}.category-card i{position:absolute;z-index:2;right:12px;bottom:17px;font-style:normal}.quality{padding:34px 0 58px}.section-title{display:flex;align-items:center;gap:18px;justify-content:center;margin:0 auto 30px;color:var(--gold-light)}.section-title span{width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.section-title span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.section-title h2{font:500 clamp(28px,3vw,40px) var(--serif);margin:0;text-transform:uppercase;letter-spacing:.03em}.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(185,145,85,.12);border-bottom:1px solid rgba(185,145,85,.12)}.quality-item{padding:26px 30px;display:flex;align-items:center;gap:22px;border-right:1px solid rgba(185,145,85,.18)}.quality-item:last-child{border:0}.quality-item svg,.trust-bar svg{width:48px;flex:0 0 auto;fill:none;stroke:var(--gold);stroke-width:1.25}.quality-item h3{margin:0 0 4px;color:var(--gold-light);font:500 19px/1 var(--serif);text-transform:uppercase}.quality-item p{margin:0;color:var(--muted);font:13px/1.5 var(--serif)}.philosophy{padding-bottom:50px}.philosophy-card{min-height:350px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:linear-gradient(90deg,#0b0912 0%,rgba(11,9,18,.94) 35%,rgba(11,9,18,.14) 70%),url(../images/hero-apothecary.jpg) 72% 60%/cover no-repeat;display:flex;align-items:center}.philosophy-copy{padding:42px;max-width:570px}.philosophy-copy h2{font:500 36px var(--serif);text-transform:uppercase;margin:0;color:var(--gold-light)}.philosophy-copy>p:last-of-type{font:16px/1.55 var(--serif);color:#d2c8be}.button.small{padding:12px 16px;margin-top:8px}.products{padding-bottom:38px}.product-wrap{position:relative}.product-track{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.product-track::-webkit-scrollbar{display:none}.product-card{min-width:0;background:linear-gradient(180deg,#15101e,#0e0c16);border:1px solid var(--border);border-radius:7px;overflow:hidden;transition:.3s}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.3),0 0 25px rgba(98,44,129,.15)}.product-image{height:205px;position:relative;background:url(../images/hero-apothecary.jpg) var(--pos) 52%/850px auto no-repeat}.product-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#15101e,transparent 35%)}.product-image span{position:absolute;z-index:2;left:10px;top:10px;padding:5px 8px;background:var(--gold);color:#080710;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.product-body{padding:14px}.product-type{margin:0 0 6px;color:var(--gold);font-size:8px;text-transform:uppercase;letter-spacing:.13em}.product-card h3{font:500 17px/1.05 var(--serif);text-transform:uppercase;margin:0;min-height:38px}.price-row{display:flex;align-items:center;justify-content:space-between;margin:11px 0 4px}.price-row strong{font:500 18px var(--serif)}.add-cart{width:34px;height:30px;border:1px solid var(--border);background:transparent;color:var(--gold-light);font-size:20px;cursor:pointer;transition:.2s}.add-cart:hover{background:var(--gold);color:var(--ink)}.rating{color:#d8a449;font-size:10px;letter-spacing:.07em}.rating small{color:var(--gold);letter-spacing:0;margin-left:3px}.slider-arrow{display:none;position:absolute;z-index:3;top:43%;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:#0c0912;color:var(--gold-light);font:30px var(--serif);cursor:pointer}.slider-arrow.prev{left:-20px}.slider-arrow.next{right:-20px}footer{border-top:1px solid var(--border);background:#0a0811}.trust-bar{display:grid;grid-template-columns:repeat(4,1fr);padding-block:27px}.trust-bar>div{display:flex;align-items:center;gap:15px;padding:0 30px;border-right:1px solid rgba(185,145,85,.22)}.trust-bar>div:last-child{border:0}.trust-bar svg{width:34px}.trust-bar span{display:flex;flex-direction:column}.trust-bar b{color:var(--gold-light);font:500 14px var(--serif);text-transform:uppercase}.trust-bar small{color:var(--muted);font:11px var(--serif)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(185,145,85,.13);padding-block:18px;color:#776e6a;font-size:10px}.search-panel{position:fixed;z-index:102;top:0;left:0;right:0;padding:70px max(8vw,30px);background:rgba(8,7,16,.98);border-bottom:1px solid var(--border);transform:translateY(-110%);transition:.4s}.search-panel.open{transform:translateY(0)}.search-panel label{display:block;font:500 42px var(--serif);color:var(--gold-light);margin-bottom:22px}.search-panel>div{display:flex;border-bottom:1px solid var(--gold)}.search-panel input{flex:1;padding:15px 0;border:0;outline:0;background:transparent;color:white;font:24px var(--serif)}.search-panel div button,.close-search{border:0;background:none;color:var(--gold);font-size:28px}.close-search{position:absolute;right:5vw;top:28px;cursor:pointer}.drawer-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.68);opacity:0;pointer-events:none;transition:.3s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;z-index:101;right:0;top:0;bottom:0;width:min(450px,92vw);background:#0e0b16;border-left:1px solid var(--border);padding:28px;transform:translateX(105%);transition:.4s;display:flex;flex-direction:column}.cart-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(185,145,85,.22);padding-bottom:18px}.drawer-head h2{font:500 32px var(--serif);color:var(--gold-light);margin:0}.close-cart{border:0;background:none;color:var(--gold);font-size:30px;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:20px 0}.empty-cart{color:var(--muted)}.cart-line{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid rgba(185,145,85,.16);font:16px var(--serif)}.cart-line small{color:var(--gold)}.drawer-footer>span{display:flex;justify-content:space-between;font:20px var(--serif)}.checkout{width:100%;margin-top:20px}.toast{position:fixed;z-index:120;left:50%;bottom:30px;transform:translate(-50%,80px);opacity:0;background:var(--gold-light);color:#090711;padding:12px 20px;font-size:12px;transition:.3s}.toast.show{transform:translate(-50%,0);opacity:1}.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.desktop-nav{gap:23px}.category-grid{grid-template-columns:repeat(4,1fr)}.category-card{height:220px}.category-card:last-child{display:none}.product-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:230px}.slider-arrow{display:block}.quality-grid{grid-template-columns:repeat(2,1fr)}.quality-item:nth-child(2){border-right:0}.trust-bar{grid-template-columns:repeat(2,1fr);gap:24px 0}.trust-bar>div:nth-child(2){border:0}}
@media(max-width:820px){.section-shell{width:min(100% - 32px,700px)}.site-header{width:calc(100% - 32px);height:82px}.desktop-nav,.header-actions .account-button{display:none}.menu-toggle{display:flex;flex-direction:column;gap:7px}.menu-toggle span{width:22px;height:1px;background:var(--gold-light);transition:.3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:flex;position:fixed;z-index:19;inset:0;background:rgba(8,7,16,.98);padding:120px 32px 40px;flex-direction:column;gap:22px;transform:translateY(-105%);transition:.4s}.mobile-nav.open{transform:none}.mobile-nav a{color:var(--ivory);text-decoration:none;font:32px var(--serif)}.hero{min-height:760px;background-position:62% center}.hero:after{background:linear-gradient(90deg,rgba(5,5,13,.92) 0%,rgba(5,5,13,.5) 60%,rgba(5,5,13,.1)),linear-gradient(0deg,var(--ink),transparent 20%)}.hero-copy{width:calc(100% - 40px);margin-top:50px}.hero-copy>*{max-width:520px}.hero h1{font-size:clamp(43px,9vw,68px)}.category-section{margin-top:-25px}.category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.category-card{flex:0 0 190px;scroll-snap-align:start}.quality{padding-top:45px}.quality-grid{grid-template-columns:1fr}.quality-item{border-right:0;border-bottom:1px solid rgba(185,145,85,.16)}.quality-item:last-child{border:0}.section-title span{width:35px}.philosophy-card{background:linear-gradient(90deg,rgba(9,7,14,.95),rgba(9,7,14,.45)),url(../images/hero-apothecary.jpg) 68% 60%/cover}.philosophy-copy{padding:32px;max-width:520px}.trust-bar>div{padding:0 15px}}
@media(max-width:560px){.brand svg{width:45px;height:45px}.brand b{font-size:14px}.hero{min-height:700px;background-position:68% center}.hero-copy{margin-top:70px}.hero h1{font-size:42px}.hero-text{font-size:16px;max-width:340px}.eyebrow{font-size:9px}.scroll-cue{display:none}.category-card{flex-basis:165px;height:210px}.category-card b{font-size:16px}.section-title{gap:9px}.section-title h2{font-size:27px;text-align:center}.section-title span{width:20px}.philosophy-copy{padding:26px 22px}.philosophy-copy h2{font-size:31px}.product-track{grid-auto-columns:76vw}.slider-arrow{display:none}.trust-bar{grid-template-columns:1fr}.trust-bar>div,.trust-bar>div:nth-child(2){border-right:0;border-bottom:1px solid rgba(185,145,85,.16);padding:0 10px 18px}.footer-bottom{flex-direction:column;gap:2px}.search-panel label{font-size:32px}.search-panel input{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Rot Punkt Pilz brand detailing */
.brand-mark{width:58px!important;height:68px!important;overflow:visible}.brand-mark text{fill:var(--gold-light);stroke:none;font:500 28px var(--serif);font-style:italic}.brand>span{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:6px}.brand b{font-size:25px;line-height:.8}.brand small{font-size:8px;line-height:1.15;letter-spacing:.16em}.icon-button svg,.quality-item svg,.trust-bar svg{stroke-linecap:round;stroke-linejoin:round}.quality-item svg{width:54px;height:54px;padding:9px;border:1px solid rgba(185,145,85,.38);border-radius:50%;filter:drop-shadow(0 0 10px rgba(125,64,153,.2))}.featured-product .product-image{background-image:url(../images/regalis-tincture.jpg);background-size:cover;background-position:center 54%}.product-link{display:block;color:inherit;text-decoration:none}.product-link:hover h3{color:var(--gold-light)}

.icon-button{border:1px solid transparent;border-radius:50%;transition:border-color .25s,background .25s,transform .25s}.icon-button:hover{border-color:rgba(224,198,143,.5);background:rgba(185,145,85,.08);transform:translateY(-1px)}.icon-button svg{width:21px;height:21px;stroke-width:1.55}.trust-bar svg{width:42px;height:42px;padding:7px;border:1px solid rgba(185,145,85,.28);border-radius:50%;filter:drop-shadow(0 0 8px rgba(92,44,126,.24))}.product-image{isolation:isolate}.product-image:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 45%,transparent 25%,rgba(6,5,11,.2) 82%);pointer-events:none}.product-image>.card-badge{position:absolute;z-index:4;left:10px;top:10px;right:auto;bottom:auto;width:auto;transform:none;padding:5px 8px;background:var(--gold);border:0;color:#080710;font:600 8px var(--sans);text-transform:uppercase;letter-spacing:.1em}.bottle-label{position:absolute;z-index:3;left:50%;bottom:29px;width:78%;min-height:67px;transform:translateX(-50%);padding:7px 8px 6px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--gold-light);background:linear-gradient(145deg,rgba(31,16,39,.96),rgba(13,8,20,.97));border:1px solid rgba(202,158,87,.8);box-shadow:inset 0 0 0 2px rgba(185,145,85,.08),0 6px 18px rgba(0,0,0,.45);text-transform:uppercase}.bottle-label:before,.bottle-label:after{content:"✦";position:absolute;top:3px;color:var(--gold);font-size:5px}.bottle-label:before{left:5px}.bottle-label:after{right:5px}.bottle-label small{font:600 6px/1 var(--sans);letter-spacing:.17em}.bottle-label b{margin:5px 0 2px;font:500 12px/.9 var(--serif);letter-spacing:.03em}.bottle-label em{font:500 6px var(--sans);font-style:normal;letter-spacing:.12em;color:#b99a66}
.product-image>.bottle-label{left:50%;right:auto;top:auto;bottom:29px;width:78%;transform:translateX(-50%);padding:7px 8px 6px;background:linear-gradient(145deg,rgba(31,16,39,.96),rgba(13,8,20,.97));color:var(--gold-light)}

.footer-main{display:grid;grid-template-columns:1.35fr repeat(3,1fr);border-top:1px solid rgba(185,145,85,.2);border-bottom:1px solid rgba(185,145,85,.2)}.footer-main>div{min-height:230px;padding:34px 30px;border-right:1px solid rgba(185,145,85,.18);display:flex;flex-direction:column;align-items:flex-start}.footer-main>div:first-child{padding-left:0}.footer-main>div:last-child{border:0}.footer-main h2{margin:0 0 12px;color:var(--gold-light);font:500 31px var(--serif);text-transform:uppercase}.footer-main h3{position:relative;margin:0 0 25px;color:var(--gold-light);font:500 18px var(--serif);text-transform:uppercase}.footer-main h3:after{content:"";position:absolute;left:0;bottom:-10px;width:25px;height:1px;background:var(--gold)}.footer-main p,.footer-main a,.footer-main small{color:#978d87;font:13px/1.7 var(--serif);text-decoration:none}.footer-main a:hover{color:var(--gold-light)}.footer-brand>p{color:var(--ivory);font:500 19px/1.35 var(--serif);text-transform:uppercase}.footer-brand>a{width:36px;height:36px;display:grid;place-items:center;margin-top:auto;border:1px solid rgba(185,145,85,.35);border-radius:50%}.footer-brand svg{width:19px;fill:none;stroke:var(--gold-light);stroke-width:1.4}.footer-bottom{border-top:0}
@media(max-width:980px){.footer-main{grid-template-columns:repeat(2,1fr)}.footer-main>div,.footer-main>div:first-child{padding:26px 20px;min-height:200px}.footer-main>div:nth-child(2){border-right:0}.footer-main>div:nth-child(-n+2){border-bottom:1px solid rgba(185,145,85,.18)}}
@media(max-width:560px){.footer-main{grid-template-columns:1fr}.footer-main>div,.footer-main>div:first-child{min-height:auto;padding:25px 8px;border-right:0;border-bottom:1px solid rgba(185,145,85,.18)}.footer-brand>a{margin-top:12px}.footer-main h2{font-size:27px}}

/* Responsive QA refinements */
:where(a,button,input,select,summary):focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}
@media(max-width:980px){.site-header{width:calc(100% - 32px);height:82px}.desktop-nav,.header-actions .account-button{display:none}.menu-toggle{display:flex;flex-direction:column;gap:7px}.menu-toggle span{width:22px;height:1px;background:var(--gold-light);transition:.3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:flex;position:fixed;z-index:19;inset:0;background:rgba(8,7,16,.98);padding:120px 32px 40px;flex-direction:column;gap:22px;overflow-y:auto;transform:translateY(-105%);transition:.4s}.mobile-nav.open{transform:none}.mobile-nav a{color:var(--ivory);text-decoration:none;font:32px var(--serif)}.icon-button,.menu-toggle{width:44px;height:44px}.filter-pills button{min-height:44px}.footer-main p,.footer-main a,.footer-main small{overflow-wrap:anywhere}}
@media(max-width:420px){.site-header{width:calc(100% - 22px)}.brand-mark{width:42px!important;height:52px!important}.brand b{font-size:19px}.brand small{font-size:7px}.header-actions{gap:2px}.mobile-nav{padding-inline:24px}.mobile-nav a{font-size:29px}.search-panel{padding-inline:22px}.cart-drawer{padding:22px 18px}.toast{width:calc(100% - 32px);text-align:center}}
.mobile-nav,.search-panel,.cart-drawer{visibility:hidden}.mobile-nav.open,.search-panel.open,.cart-drawer.open{visibility:visible}