/* SUPP STASH — THE EDIT / 03
 * Obsidian · champagne · porcelain / independent premium sports nutrition retail.
 * Presentation layer only; no live pricing, orders, inventory or new health claims.
 */
:root{--v3-ink:#101316;--v3-slate:#21272b;--v3-gold:#d4af72;--v3-gold-light:#f2dfba;--v3-ivory:#fffaf0;--v3-paper:#fcfaf6;--v3-stone:#ece6dc;--v3-rule:#e3d8c7}
body{background:var(--v3-paper);text-rendering:optimizeLegibility}
a,button{touch-action:manipulation}
::selection{color:#101316;background:#eac990}
.container{width:min(1340px,calc(100% - 88px))}
/* Utility navigation and unmistakable retail identity */
.prelaunch{background:#0b0e10;letter-spacing:.12em}
.site-header{background:rgba(255,253,249,.98);box-shadow:0 10px 40px rgba(13,15,17,.035)}
.logo img{border:1px solid #aa8a5670;border-radius:14px}
.logo-copy strong{letter-spacing:.018em;font-size:32px}
.logo-copy strong span{color:#b3884f}
.logo-copy small{letter-spacing:.15em}
.main-nav a{font-size:11px;letter-spacing:.025em}
.basket-btn{background:#11171c;border:1px solid #11171c}
.header-acts .count{background:#e4c58a;color:#161719}
/* Immersive brand campaign / new typographic and art direction */
.hero-v3{background:
 radial-gradient(ellipse at 81% 49%,rgba(190,143,76,.22) 0,transparent 29%),
 radial-gradient(ellipse at 33% 0%,rgba(255,255,255,.047),transparent 47%),
 linear-gradient(117deg,#101417 0%,#171c20 48%,#080b0c 100%);
}
.hero-v3:before{opacity:.16;background-size:110px 110px}
.hero-v3 .hero-grid{min-height:665px;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:0;padding:50px 0 54px}
.hero-v3 .hero-content{padding-left:8px;max-width:100%}
.hero-v3 .eyebrow{color:#cdb38b;letter-spacing:.235em}
.hero-v3 .hero-edition{margin-top:54px;color:#b7a98f}
.hero-v3 h1{font:900 clamp(78px,6.8vw,108px)/.84 var(--heading);margin:26px 0 26px;white-space:normal;letter-spacing:-.015em;max-width:100%}
.hero-v3 h1 em{color:#e0ba7e;white-space:nowrap;text-shadow:0 0 50px #d8aa5840}
.hero-v3 .hero-content>p:not(.hero-fineprint){max-width:505px;line-height:1.9;color:#cfc8bc;font-size:14px}
.hero-v3 .hero-visual{min-height:600px;align-self:stretch}
.hero-v3 .hero-visual>img{height:642px;width:116%;transform:translateX(-6%);filter:drop-shadow(0 35px 40px #0009)}
.hero-v3 .hero-aura{width:93%;left:3%;top:4%;background:radial-gradient(circle,rgba(217,166,85,.19),rgba(217,166,85,.045) 52%,transparent 70%)}
.hero-v3 .hero-visual:after{content:'';display:block;position:absolute;inset:12% 8%;z-index:0;border-radius:50%;border:1px solid #e1bd8440;pointer-events:none}
.hero-v3 .hero-sticker{top:16%;right:2%;width:92px;height:92px;background:#e5c58d;color:#101316;border:1px solid #f4dfb7;border-radius:50%;box-shadow:0 17px 45px #0008}
.hero-v3 .hero-sticker strong{font-size:33px}
.hero-v3 .hero-visual-foot{bottom:5px}
.hero-v3 .hero-pills{color:#d9c6a6}
.hero-v3 .button-gold{background:linear-gradient(120deg,#f3dcaa,#dfba7c 60%,#cfa36b);color:#101315;border-color:#ecd09b}
.hero-v3 .button-gold:hover{background:#f7e6c7}
.hero-v3 .hero-visual-top{top:1px}
/* Browse tool: a genuinely functional category shortcut */
.stash-finder{padding:90px 0;background:#f0ebe2;border-block:1px solid #e7dbc8}
.finder-grid{display:grid;grid-template-columns:1fr 1fr;min-height:470px;overflow:hidden;border-radius:24px;box-shadow:0 30px 75px #1218191e}
.finder-lead{position:relative;padding:52px 58px 46px;background:
 radial-gradient(circle at 94% 8%,#92734740,transparent 37%),
 linear-gradient(135deg,#14191d,#252c30);color:#fffaf1;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.finder-lead:before{content:'S';position:absolute;right:-40px;bottom:-145px;font:900 480px/.8 var(--heading);color:#ffffff05;transform:rotate(-10deg);pointer-events:none}
.finder-index{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:800;letter-spacing:.2em;color:#d8c09a;position:relative}
.finder-glyph{display:grid;place-items:center;width:40px;height:40px;border:1px solid #c9a87478;border-radius:50%;font:25px var(--body);color:#e7cc9c}
.finder-lead h2{position:relative;font:900 clamp(60px,5.3vw,84px)/.87 var(--heading);letter-spacing:-.013em;margin:42px 0 20px;color:#fff9ef}
.finder-lead h2 em{font-style:normal;color:#deb879}
.finder-lead>p{position:relative;color:#d5cbc0;font-size:13px;line-height:1.9;max-width:400px;margin-bottom:auto}
.finder-foot{position:relative;margin-top:45px;padding-top:17px;border-top:1px solid #e7cc9c32;color:#a99d8b;font-size:9px;font-weight:800;letter-spacing:.1em}
.finder-panel{padding:43px 50px 35px;background:#fffdf8;color:#1d2124;display:flex;flex-direction:column}
.finder-panel-top{display:flex;justify-content:space-between;gap:12px;color:#9d7e4e;font-size:9px;font-weight:900;letter-spacing:.15em}
.finder-panel-counter{color:#b2a593}
.finder-panel h3{font:900 40px/.95 var(--heading);text-transform:uppercase;margin:18px 0 22px;letter-spacing:.012em}
.finder-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.finder-option{min-height:47px;border:1px solid #e7e0d5;border-radius:11px;background:#fbf9f5;color:#22272b;padding:11px 13px;text-align:left;font:800 12px/1.3 var(--body);display:flex;align-items:center;gap:10px;transition:background .18s,border-color .18s,box-shadow .18s}
.finder-option span{font-size:9px;font-weight:900;color:#947952}
.finder-option b{margin-left:auto;font-size:17px;font-weight:500;color:#9c7b49}
.finder-option:hover{border-color:#c9a56b;background:#fff}
.finder-option.active{background:#161b20;border-color:#161b20;color:#fff8e9;box-shadow:0 8px 16px #141b1b18}
.finder-option.active span,.finder-option.active b{color:#e2c08b}
.finder-selected{display:flex;align-items:center;justify-content:space-between;gap:13px;border-top:1px solid #e6dfd3;padding-top:18px;margin-top:auto;padding-bottom:0}
.finder-selected>div{display:flex;flex-direction:column;min-width:0;gap:3px}
.finder-selected span{font-size:8px;font-weight:900;letter-spacing:.13em;color:#94774c}
.finder-selected strong{font:900 22px/.95 var(--heading);text-transform:uppercase;color:#22262a}
.finder-selected small{font-size:10px;color:#68645b;line-height:1.4;max-width:285px}
.finder-go{flex:none;min-width:119px;display:flex;justify-content:space-between;align-items:center;gap:18px;border:0;border-radius:999px;padding:13px 16px;background:#d3b077;color:#14171b;font:900 10px var(--body);letter-spacing:.05em;transition:background .18s,transform .18s}
.finder-go:hover{background:#efd6a6;transform:translateY(-1px)}
.finder-go span{font:600 17px var(--body)}
/* Typographically-led editorial category wall */
.categories-section{background:#fffdf8!important}
.categories-section .section-top h2{font-size:clamp(62px,6.6vw,96px);letter-spacing:-.018em}
.categories-section .section-top h2 em{color:#b38a51}
.categories-section .section-top>p{max-width:325px;color:#6d695f}
.categories-section .section-top{margin-bottom:41px}
.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.category-grid .category{position:relative;grid-column:span 2;min-height:325px;border-radius:20px!important;padding:24px 23px;overflow:hidden;align-items:stretch;justify-content:space-between;background:#ebe7de!important;border:1px solid #e2d9cb!important;box-shadow:none;isolation:isolate}
.category-grid .category:nth-child(n+4){grid-column:span 3;min-height:300px}
.category-grid .category:nth-child(1){background:linear-gradient(135deg,#dadbd3,#f2eee4)!important}
.category-grid .category:nth-child(2){background:linear-gradient(135deg,#e5d4be,#f7f1e9)!important}
.category-grid .category:nth-child(3){background:linear-gradient(135deg,#dfdfd8,#f2eee8)!important}
.category-grid .category:nth-child(4){background:linear-gradient(135deg,#ded5cb,#f5f0e9)!important}
.category-grid .category:nth-child(5){background:linear-gradient(135deg,#dae3d9,#f4f4e9)!important}
.category-grid .category:before{content:attr(data-edition);position:absolute;right:9px;bottom:-32px;font:900 250px/.75 var(--heading);letter-spacing:-.09em;color:#11181d08;z-index:0;pointer-events:none}
.category-grid .category:after{content:'';position:absolute;inset:0;border:1px solid #ffffffaa;border-radius:19px;z-index:3;pointer-events:none}
.category-grid .category img{position:absolute;width:57%;height:79%;object-fit:contain;right:0%;top:9%;z-index:1;filter:drop-shadow(0 21px 18px #16181938);transform:rotate(-8deg);transition:transform .45s ease}
.category-grid .category:nth-child(4) img,.category-grid .category:nth-child(5) img{width:48%;height:88%;right:5%;top:6%}
.category-grid .category:hover{transform:translateY(-5px);box-shadow:0 23px 45px #1c212523}
.category-grid .category:hover img{transform:rotate(-2deg) translateY(-9px) scale(1.06)}
.category-grid .category-num{position:relative;z-index:2;color:#64594a;font:900 9px var(--body);letter-spacing:.15em}
.category-grid .category-name{position:relative;z-index:2;margin-top:auto;max-width:190px;color:#171c20;font:900 clamp(37px,3.5vw,54px)/.85 var(--heading);text-transform:uppercase;display:flex;flex-direction:column;align-items:start;gap:15px;text-align:left;filter:drop-shadow(0 1px 0 #ffffff75)}
.category-grid .category-name b{font:500 18px var(--body);width:39px;height:39px;color:#fff;background:#11181d;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 19px #1118172a}
/* A research shortlist rather than misleading supplier logo-wall */
.brands-section{background:#14191d;border:0}
.brands-inner{padding:40px 0;gap:36px}
.brands-inner h2{font-size:31px;letter-spacing:.02em}
.brands-inner p{max-width:260px}
.brands-list{gap:24px}
.brands-list span{font:900 clamp(16px,1.7vw,23px)/1 var(--heading);letter-spacing:.03em;color:#dfd2ba}
/* Comparison concept: physical editorial sheets, not fabricated retail metrics */
.compare-feature{background:#f1ece4;padding:88px 0}
.compare-feature-grid{gap:55px}
.compare-feature h2{font-size:clamp(62px,6.3vw,89px)}
.compare-feature-art{background:radial-gradient(circle at 45% 45%,#44413c,#151a1d 68%);height:400px;min-height:400px;border:1px solid #98784b4a;border-radius:20px;padding:0;box-shadow:0 24px 52px #16181832;overflow:hidden;display:block}
.compare-feature-art:after{display:none}
.comparison-editorial{position:relative;width:100%;height:100%;isolation:isolate}
.comparison-edition-row{position:absolute;left:27px;right:27px;top:25px;display:flex;justify-content:space-between;gap:10px;color:#d7c7a9;font:900 9px var(--body);letter-spacing:.14em}
.comparison-paper{position:absolute;width:68%;min-height:275px;box-shadow:0 22px 42px #0005}
.comparison-paper-back{top:82px;right:4%;transform:rotate(10deg);background:#d5b67f;padding:27px;color:#171b1e}
.comparison-paper-back>span{font:900 9px var(--body);letter-spacing:.16em}
.comparison-paper-back>strong{display:block;margin-top:24px;font:900 46px/.93 var(--heading)}
.comparison-paper-front{left:9%;top:72px;transform:rotate(-7deg);padding:23px 25px;background:#fff9ed;color:#1b1f22;border:1px solid #e7d2ae}
.comparison-paper-front>span:first-child{font:900 9px var(--body);letter-spacing:.15em;color:#896f49}
.comparison-paper-line{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:13px 0;border-bottom:1px solid #c6b49279}
.comparison-paper-line b{font:800 11px var(--body);color:#9e7e4e}
.comparison-paper-line strong{font:900 25px/.95 var(--heading)}
.comparison-paper-line small{font:800 8px var(--body);color:#796f5e;letter-spacing:.055em}
.comparison-paper-foot{display:block;margin-top:12px;color:#8c7760;font:800 8px var(--body);letter-spacing:.08em}
.comparison-sideword{position:absolute;bottom:19px;right:24px;font:900 9px var(--body);color:#bfa274;letter-spacing:.13em}
/* product cards & actions refinements */
.shop-section{background:#fffdf8!important}
.shop-top h2{font-size:clamp(65px,6.2vw,90px)}
.product-card{border-radius:20px!important;border:1px solid #e2dbd0!important;box-shadow:0 11px 22px #171a1d0a;transition:transform .23s,box-shadow .23s}
.product-media{height:252px!important;background:radial-gradient(circle at 60% 18%,#fffdf7,#ece7de 78%)!important}
.product-info{padding:19px 18px}
.product-name{letter-spacing:.005em}
.product-badge{border-radius:100px}
.product-footer .add{min-height:39px}
.builder-summary{border:1px solid #c9a56b50;box-shadow:0 30px 65px #15191d26}
.builder-primary{background:linear-gradient(100deg,#f0d59e,#cda46c);color:#16191d;border:1px solid #edd1a2}
.builder-primary:hover{background:#f9e6c0;color:#131719}
/* Editorial ending and footer */
.why-section{background:#f1ece4}
.final-banner{background:linear-gradient(115deg,#c7a471,#e2c799 65%,#b9915b);padding:66px 0}
.final-banner h2{font-size:clamp(58px,5.8vw,86px)}
.final-banner h2 em{color:#fff9ed}
.footer{background:#111619}
.footer-brand img{border:1px solid #a5814b62;border-radius:12px}
.footer-grid{row-gap:40px}
/* Shared page improvements */
.sub-hero{background:radial-gradient(circle at 80% 35%,#a8834b30,transparent 30%),linear-gradient(115deg,#11161a,#20272a);}
.support-card,.aside-panel,.method-grid article,.compare-app{box-shadow:0 16px 28px #171c2110}
.compare-card-top{background:#f0e6d6}
/* Motion - subtle and respectful */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .hero-v3 .hero-visual>img{animation:premium-float 8s ease-in-out infinite}
 @keyframes premium-float{0%,100%{transform:translateX(-6%) translateY(0)}50%{transform:translateX(-6%) translateY(-9px)}}
 .finder-go:hover{box-shadow:0 11px 25px #a2814b35}
}
@media(max-width:1160px){
 .container{width:min(1200px,calc(100% - 54px))}
 .hero-v3 h1{font-size:clamp(65px,6.5vw,88px)}
 .hero-v3 .hero-visual>img{height:560px}
 .hero-v3 .hero-visual{min-height:540px}
 .finder-lead{padding:41px 36px}
 .finder-panel{padding:39px 34px}
 .finder-lead h2{font-size:clamp(56px,5.4vw,72px)}
 .category-grid .category{min-height:300px}
 .category-grid .category:nth-child(n+4){min-height:290px}
 .category-grid .category-name{font-size:clamp(37px,3.6vw,49px)}
}
@media(max-width:950px){
 .hero-v3 .hero-grid{min-height:555px}
 .hero-v3 h1{font-size:clamp(55px,6.6vw,70px)}
 .hero-v3 .hero-visual>img{height:510px}
 .hero-v3 .hero-visual{min-height:485px}
 .finder-grid{grid-template-columns:.86fr 1.14fr}
 .finder-panel{padding:32px 25px}
 .finder-lead h2{font-size:54px}
 .finder-lead{padding:33px 26px}
 .category-grid .category{min-height:260px;padding:18px}
 .category-grid .category:nth-child(n+4){min-height:265px}
 .category-grid .category-name{font-size:37px}
 .comparison-paper-line small{font-size:7px}
}
@media(max-width:760px){
 .stash-finder{padding:56px 0}
 .finder-grid{grid-template-columns:1fr}
 .finder-lead{min-height:300px;padding:34px 31px}
 .finder-lead h2{font-size:clamp(60px,10vw,80px);margin:28px 0 14px}
 .finder-lead>p{max-width:550px}
 .finder-foot{margin-top:25px}
 .finder-panel{padding:30px}
 .finder-selected{margin-top:22px}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .category-grid .category,.category-grid .category:nth-child(n+4){grid-column:span 1;min-height:250px}
 .category-grid .category:first-child{grid-column:span 2;min-height:260px}
 .category-grid .category:first-child img{width:42%;height:105%;right:6%;top:-3%}
 .category-grid .category:first-child .category-name{font-size:60px}
 .category-grid .category-name{font-size:34px;max-width:130px}
 .category-grid .category img,.category-grid .category:nth-child(n+4) img{width:68%;height:66%;right:0%;top:17%}
 .category-grid .category-name b{width:35px;height:35px}
 .compare-feature-art{height:360px;min-height:360px}
}
@media(max-width:650px){
 .container{width:calc(100% - 32px)}
 .hero-v3 .hero-grid{padding:45px 0 20px;min-height:0;grid-template-columns:1fr}
 .hero-v3 .hero-content{padding:0}
 .hero-v3 .hero-edition{margin-top:27px}
 .hero-v3 h1{font-size:clamp(46px,12.6vw,65px);line-height:.85;letter-spacing:-.005em;margin:22px 0}
 .hero-v3 .hero-content>p:not(.hero-fineprint){font-size:12px;line-height:1.8}
 .hero-v3 .hero-visual{height:337px;min-height:337px;overflow:hidden}
 .hero-v3 .hero-visual>img{height:377px;width:110%;transform:translateX(-3%)}
 .hero-v3 .hero-visual:after{inset:10% 17%}
 .hero-v3 .hero-aura{top:1%}
 .hero-v3 .hero-sticker{top:17%;right:4%;width:63px;height:63px}
 .hero-v3 .hero-sticker strong{font-size:23px}
 .hero-v3 .hero-visual-top,.hero-v3 .hero-visual-foot{left:8px;right:8px}
 .stash-finder{padding:45px 0}
 .finder-grid{border-radius:16px}
 .finder-lead{padding:29px 23px;min-height:290px}
 .finder-lead h2{font-size:clamp(55px,14vw,76px)}
 .finder-lead>p{font-size:12px}
 .finder-foot{font-size:8px;line-height:1.45}
 .finder-panel{padding:25px 19px}
 .finder-panel h3{font-size:35px;margin:14px 0 19px}
 .finder-options{gap:7px}
 .finder-option{padding:10px;min-height:44px;font-size:11px}
 .finder-option b{font-size:15px}
 .finder-selected{flex-direction:column;align-items:stretch;gap:13px}
 .finder-selected small{max-width:100%}
 .finder-go{width:100%;justify-content:center}
 .categories-section .section-top h2{font-size:clamp(55px,12vw,78px)}
 .category-grid{gap:9px}
 .category-grid .category,.category-grid .category:nth-child(n+4){min-height:218px;padding:14px;border-radius:14px!important}
 .category-grid .category:first-child{min-height:235px}
 .category-grid .category:first-child .category-name{font-size:50px}
 .category-grid .category-name{font-size:clamp(28px,8vw,38px);max-width:126px;gap:12px}
 .category-grid .category:after{border-radius:13px}
 .category-grid .category img,.category-grid .category:nth-child(n+4) img{width:72%;height:70%;top:10%;right:-2%}
 .category-grid .category:nth-child(4) img,.category-grid .category:nth-child(5) img{width:74%;height:74%;top:7%}
 .category-grid .category-num{font-size:8px}
 .category-grid .category-name b{width:31px;height:31px;font-size:15px}
 .compare-feature-art{height:325px;min-height:325px}
 .comparison-paper{width:74%;min-height:238px}
 .comparison-paper-front{left:6%;top:61px;padding:17px 17px}
 .comparison-paper-back{top:71px;right:2%;padding:17px}
 .comparison-paper-back>strong{font-size:37px}
 .comparison-paper-line{padding:10px 0;grid-template-columns:19px 1fr auto;gap:4px}
 .comparison-paper-line strong{font-size:21px}
 .comparison-paper-line small{font-size:6px}
 .comparison-edition-row{left:19px;right:19px;top:20px;font-size:8px}
 .comparison-paper-foot{font-size:7px}
 .comparison-sideword{right:15px;bottom:12px;font-size:7px}
}
@media(max-width:380px){
 .hero-v3 h1{font-size:clamp(41px,12.15vw,47px)}
 .category-grid .category-name{font-size:30px}
 .category-grid .category:first-child .category-name{font-size:46px}
 .finder-option{font-size:10px;padding:9px}
 .finder-panel-top{font-size:8px}
 .comparison-paper-line strong{font-size:18px}
 .comparison-paper-line small{font-size:5.6px}
 .comparison-paper-back>strong{font-size:33px}
}
@media(max-width:330px){.hero-v3 h1{font-size:38px}.category-grid .category-name{font-size:27px}.finder-panel{padding:21px 14px}}
@media(prefers-reduced-motion:reduce){.hero-v3 .hero-visual>img{animation:none!important}}
/* Final narrow-screen typography / header fit */
@media(max-width:650px){
 .logo-copy strong{font-size:22px;letter-spacing:0}
 .logo-copy small{font-size:5.8px;letter-spacing:.05em}
 .logo{gap:9px;min-width:0}
 .logo img{width:41px;height:41px}
 .header-acts{gap:5px}
 .categories-section .section-top h2{font-size:clamp(43px,10.8vw,57px)}
 .compare-feature h2{font-size:clamp(44px,11vw,60px)}
}
@media(max-width:380px){
 .logo-copy strong{font-size:19px}
 .logo-copy small{font-size:5px}
 .logo{gap:7px}
 .logo img{width:37px;height:37px}
 .basket-btn{padding:6px 7px}
 .categories-section .section-top h2{font-size:clamp(39px,11.5vw,44px)}
 .compare-feature h2{font-size:clamp(38px,11.5vw,44px)}
}
@media(max-width:335px){
 .logo-copy strong{font-size:17px}
 .logo-copy small{display:none}
 .categories-section .section-top h2{font-size:38px}
 .compare-feature h2{font-size:38px}
}
/* Contrast corrections across magazine panels */
.brands-inner h2{color:#f9f3e7!important}
.brands-inner p{color:#bdb3a3!important}
.compare-feature h2{color:#171b1e!important}
.compare-feature h2 em{color:#b68f55!important}
.compare-feature p{color:#625e56!important}
.compare-feature .kicker{color:#927044!important}