/* SUPP STASH / THE ATELIER — FINAL FINISH 13
   Photo-safe layouts, refined mobile scale & no-green brand consistency.
   Original photo URLs remain credited; local SVG artwork is the offline base. */
:root{--finish-ink:#14181d;--finish-gold:#d8b67b;--finish-ivory:#fcf8f0;--finish-muted:#736451}
html{scroll-behavior:smooth}
body{background:#faf7f1}
/* Navigation: logo always fits, including 320px phones. */
.site-header .header-inner{max-width:100%;min-width:0}
.site-header .logo-wordmark{min-width:0!important}
.site-header .logo-wordmark img{display:block!important;width:100%!important;height:auto!important;max-height:67px!important;object-fit:contain!important;object-position:left center!important;filter:none!important}
.header-acts{min-width:0;flex-shrink:0}
.main-nav{min-width:0}
/* Editorial hierarchy: restraint, fine rules and measured rhythm. */
.hero-e08 .hero-content{max-width:620px}
.hero-e08 .hero-edition{display:inline-flex;align-items:center;gap:12px;letter-spacing:.18em!important}
.hero-e08 .hero-edition:before{content:'';display:block;width:34px;height:1px;background:#c7aa7b}
.hero-e08 .hero-trust-line{color:#efdbb7!important}
.hero-e08 .e11-editorial-note{border-color:rgba(216,182,123,.31);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.hero-e08 .hero-visual{background-color:#14191e!important;background-image:url('assets/hero-collection.svg'),linear-gradient(160deg,#1c222a,#0d1014)!important;background-repeat:no-repeat!important;background-position:center 48%,center!important;background-size:90% auto,cover!important}
/* Keep the entire hero photograph visible; intentional dark framing prevents cropping. */
.hero-v3.hero-e08 .hero-visual>img:not(.hero-signature-seal){object-fit:contain!important;object-position:center center!important;transform:none!important;filter:saturate(.87) contrast(1.06) brightness(.91)!important}
.hero-v3.hero-e08 .hero-visual>img.photo-fallback{width:86%!important;height:88%!important;inset:6% 7%!important;object-fit:contain!important;filter:none!important}
.hero-v3.hero-e08 .hero-visual:after{background:linear-gradient(180deg,rgba(10,14,18,.34),rgba(10,14,18,.04) 24%,rgba(10,14,18,.12) 55%,rgba(9,12,17,.94) 100%)!important}
.hero-v3.hero-e08 .hero-issue-box{z-index:6}
.hero-v3.hero-e08 .hero-signature-seal{z-index:7}
/* Each category has its own local editorial fallback, so slow remote photos never produce empty cards. */
.category-grid>.category{background-color:#171c20!important;background-repeat:no-repeat!important;background-position:73% 45%,center!important;background-size:auto 78%,cover!important}
.category-grid>.category:nth-child(1){background-image:url('assets/category-protein.svg'),radial-gradient(circle at 72% 39%,#39413e 0%,#20272a 36%,#11171c 85%)!important}
.category-grid>.category:nth-child(2){background-image:url('assets/category-creatine.svg'),radial-gradient(circle at 72% 39%,#3d3a31 0%,#212325 36%,#11171c 85%)!important}
.category-grid>.category:nth-child(3){background-image:url('assets/category-bars-shakes.svg'),radial-gradient(circle at 72% 39%,#3f3932 0%,#222526 36%,#11171c 85%)!important}
.category-grid>.category:nth-child(4){background-image:url('assets/category-preworkout.svg'),radial-gradient(circle at 72% 39%,#363940 0%,#212427 36%,#11171c 85%)!important}
.category-grid>.category:nth-child(5){background-image:url('assets/category-vitamins.svg'),radial-gradient(circle at 72% 39%,#404337 0%,#212725 36%,#11171c 85%)!important}
.category-grid>.category:after{background:linear-gradient(180deg,rgba(6,10,14,.38),rgba(7,11,15,.02) 28%,rgba(7,11,15,.15) 52%,rgba(5,9,13,.94) 100%)!important}
.category-grid>.category img,.category-grid>.category:nth-child(n) img{inset:6% 5% auto 5%!important;width:90%!important;height:76%!important;object-fit:contain!important;object-position:center center!important;opacity:.83!important;transform:none!important;filter:saturate(.86) contrast(1.04)!important;transition:opacity .3s ease, transform .45s ease!important}
.category-grid>.category:hover img{transform:translateY(-3px) scale(1.025)!important;opacity:.95!important}
.category-grid>.category img.photo-fallback,.category-grid>.category:nth-child(n) img.photo-fallback{inset:8% 0 8% 30%!important;width:69%!important;height:74%!important;object-fit:contain!important;transform:none!important;filter:none!important;opacity:1!important}
.category-grid .e11-category-bottom{min-width:0}
.category-grid .category-name{max-width:100%;overflow-wrap:normal;hyphens:none}
.category-grid .e11-category-description{max-width:90%}
/* Product visuals stay whole, with a warm gallery mount rather than hard cropping. */
.premium-product-card .premium-product-media.product-media{background:radial-gradient(circle at 50% 24%,#fbf6ec 0%,#ece1cf 60%,#d4c6b2 100%)!important}
.premium-product-card .premium-product-media>img,.premium-product-card .premium-product-media>img.photo-fallback{width:88%!important;height:76%!important;object-fit:contain!important;object-position:center center!important;transform:none!important;mix-blend-mode:normal!important;filter:saturate(.86) contrast(1.02)!important}
.premium-product-card:hover .premium-product-media>img{transform:scale(1.03)!important}
.premium-product-card .premium-product-media:after{border-color:rgba(207,173,119,.35)!important}
.premium-product-card .premium-card-meta{text-shadow:0 1px 3px rgba(0,0,0,.45)}
.product-gallery-frame,.product-gallery-frame.actual-photo,.product-gallery-frame.lifestyle-photo{background:radial-gradient(circle at 50% 40%,#f9f2e6,#e9dcc7 74%,#d6c5aa)!important}
.product-gallery-frame img,.product-gallery-frame.lifestyle-photo img,.product-gallery-frame.actual-photo img{position:relative!important;inset:auto!important;display:block!important;width:88%!important;height:70%!important;max-height:410px!important;object-fit:contain!important;filter:saturate(.90) contrast(1.04)!important;z-index:1}
.product-gallery-frame.lifestyle-photo .photo-top,.product-gallery-frame.lifestyle-photo .product-gallery-status{color:#463b30!important;text-shadow:none!important}
.related-visual img,.related-visual img.photo-fallback{width:85%!important;height:86%!important;object-fit:contain!important;filter:saturate(.9)!important}
.detail-image img,.detail-image img.photo-fallback{width:90%!important;height:85%!important;object-fit:contain!important}
.cart-item>img{object-fit:contain!important}
/* Health support visuals: intentional framing rather than losing the subjects. */
.glp1-home-visual,.glp1-hero-visual{background-color:#181c1e!important;background-image:url('assets/category-vitamins.svg'),radial-gradient(circle at 62% 38%,rgba(216,182,123,.30),transparent 45%)!important;background-repeat:no-repeat!important;background-size:auto 83%,cover!important;background-position:center 32%,center!important}
.glp1-home-visual>img,.glp1-hero-visual img{object-fit:contain!important;object-position:center center!important;filter:saturate(.88) brightness(.95)!important;transform:none!important}
/* Lower-section typography and spacing. */
.categories-section .section-top,.shop-section .section-top{border-bottom:1px solid rgba(136,110,75,.18);padding-bottom:22px}
.shop-section .section-top h2,.categories-section .section-top h2{letter-spacing:-.055em}
.shop-signature-bar{box-shadow:0 16px 30px rgba(17,20,24,.08)}
.shop-section .results{font-weight:750;letter-spacing:.025em}
.premium-card-links a,.premium-product-card button.premium-save{transition:background .2s ease,border-color .2s ease,transform .2s ease}
.footer-brand-wordmark img{max-width:100%!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
/* Tablet typography and consistent cards. */
@media(max-width:950px){
 .hero-e08 .hero-grid{column-gap:28px!important}
 .hero-e08 .hero-visual{min-height:0!important}
 .category-grid>.category{background-size:auto 73%,cover!important}
 .categories-section .section-top,.shop-section .section-top{gap:15px}
}
/* Mobile: breathable spacing, unclipped headline, deliberate image ratios. */
@media(max-width:650px){
 .site-header .header-inner{padding-block:0!important;gap:9px!important}
 .site-header .logo-wordmark{flex:1 1 auto!important;max-width:min(48vw,184px)!important;min-width:0!important}
 .site-header .logo-wordmark img{max-height:48px!important}
 .header-acts{margin-left:auto!important;gap:6px!important}
 .site-header .menu-btn{flex:0 0 42px!important}
 .hero-e08 .hero-grid{gap:24px!important}
 .hero-e08 .hero-content{padding:4px 0 0!important}
 .hero-e08 h1{font-size:clamp(44px,11.7vw,70px)!important;margin:14px 0 16px!important;overflow-wrap:normal!important}
 .hero-e08 .hero-content>p:not(.hero-fineprint){line-height:1.68!important}
 .hero-e08 .hero-visual{height:360px!important;min-height:360px!important;border-radius:72px 72px 18px 18px!important}
 .hero-e08 .hero-visual:before{border-radius:64px 64px 12px 12px!important}
 .hero-e08 .hero-visual-top{top:19px!important}
 .hero-e08 .hero-issue-box{left:24px!important;right:17px!important;bottom:52px!important}
 .hero-e08 .hero-issue-box strong{font-size:clamp(31px,9vw,44px)!important}
 .hero-e08 .hero-signature-seal{top:58px!important;right:12px!important;width:71px!important;height:71px!important}
 .hero-e08 .hero-lower-meta{font-size:8px!important;white-space:normal!important;display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:10px!important}
 .categories-section{padding:54px 0 63px!important}
 .categories-section .section-top{margin-bottom:22px!important}
 .category-grid{gap:12px!important}
 .category-grid>.category{min-height:222px!important;padding:15px!important;background-size:auto 73%,cover!important}
 .category-grid>.category:nth-child(1){min-height:286px!important}
 .category-grid>.category:nth-child(2){min-height:222px!important}
 .category-grid .category-name{font-size:clamp(23px,5.45vw,32px)!important;line-height:.98!important}
 .category-grid>.category:nth-child(1) .category-name{font-size:clamp(33px,8vw,42px)!important}
 .category-grid .e11-category-bottom>b{flex-shrink:0!important}
 .category-grid .e11-category-description{font-size:9px!important;line-height:1.4!important}
 .category-grid>.category img{height:70%!important;top:8%!important}
 .shop-section{padding-top:53px!important}
 .shop-section .products-grid{gap:12px!important}
 .premium-product-card .premium-product-media.product-media{height:188px!important}
 .premium-product-card .premium-product-media>img{height:73%!important}
 .premium-product-card .premium-product-info{padding:15px 12px!important}
 .premium-product-info h3.product-name{line-height:1.04!important}
 .product-gallery-frame img,.product-gallery-frame.lifestyle-photo img{max-height:260px!important;height:66%!important}
 .glp1-home-grid{gap:16px}
 .glp1-home-copy{padding:26px 20px!important}
 .glp1-home-visual{min-height:310px!important}
 .footer{padding-top:41px!important}
}
@media(max-width:385px){
 .site-header .logo-wordmark{max-width:44vw!important}
 .hero-e08 h1{font-size:clamp(41px,11.5vw,46px)!important}
 .hero-e08 .hero-buttons .button{flex-basis:100%!important}
 .category-grid .e11-category-bottom{align-items:start!important;flex-direction:column!important;gap:8px!important}
 .category-grid .category-name{font-size:clamp(22px,6vw,27px)!important}
 .category-grid>.category:nth-child(1) .e11-category-bottom{flex-direction:row!important;align-items:end!important}
 .category-grid>.category:nth-child(1) .category-name{font-size:32px!important}
 .category-grid .e11-category-bottom>b{min-height:27px!important}
 .category-grid>.category{min-height:232px!important}
 .category-grid>.category:nth-child(1){min-height:273px!important}
 .premium-product-card .premium-product-media.product-media{height:170px!important}
 .premium-product-card .premium-product-info{padding:12px 10px!important}
 .e11-product-introband{padding:17px 15px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.premium-product-card .premium-product-media>img,.category-grid>.category img{transition:none!important}}

/* Photo fallback framing: maintain clear negative space for the editorial headline. */
.hero-v3.hero-e08 .hero-visual>img.photo-fallback{inset:5% 7% auto 7%!important;width:86%!important;height:63%!important;max-height:63%!important;object-fit:contain!important;object-position:center 15%!important}
@media(max-width:650px){.hero-v3.hero-e08 .hero-visual>img.photo-fallback{inset:5% 4% auto 4%!important;width:92%!important;height:66%!important}}

/* Product gallery/card canvas: visible category illustration beneath any loading external photo. */
.premium-product-card .premium-product-media.product-media{background-repeat:no-repeat!important;background-position:center 49%,center!important;background-size:auto 64%,cover!important}
.premium-product-media[data-category="protein"],.product-gallery-frame.product-type-protein{background-image:url('assets/category-protein.svg'),radial-gradient(circle at 50% 40%,#f9f2e6,#e9dcc7 74%,#d6c5aa)!important}
.premium-product-media[data-category="creatine"],.product-gallery-frame.product-type-creatine{background-image:url('assets/category-creatine.svg'),radial-gradient(circle at 50% 40%,#f9f2e6,#e9dcc7 74%,#d6c5aa)!important}
.premium-product-media[data-category="bars-shakes"],.product-gallery-frame.product-type-bars-shakes{background-image:url('assets/category-bars-shakes.svg'),radial-gradient(circle at 50% 40%,#f9f2e6,#e9dcc7 74%,#d6c5aa)!important}
.premium-product-media[data-category="preworkout"],.product-gallery-frame.product-type-preworkout{background-image:url('assets/category-preworkout.svg'),radial-gradient(circle at 50% 40%,#f9f2e6,#e9dcc7 74%,#d6c5aa)!important}
.premium-product-media[data-category="vitamins"],.product-gallery-frame.product-type-vitamins{background-image:url('assets/category-vitamins.svg'),radial-gradient(circle at 50% 40%,#f9f2e6,#e9dcc7 74%,#d6c5aa)!important}
.product-gallery-frame[class*="product-type-"]{background-size:auto 60%,cover!important;background-position:center,center!important;background-repeat:no-repeat!important}
.premium-product-card .premium-product-media>img:not(.photo-fallback){position:relative;z-index:2}


/* Edition 15 · Simplified labels and balanced spacing. */
.hero-e08 .hero-edition{display:none!important}
.hero-e08 .eyebrow{margin-bottom:15px}
.hero-e08 h1{margin-top:15px!important}
.hero-e08 .hero-visual-top{gap:6px;justify-content:flex-start}
.hero-e08 .hero-lower-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;letter-spacing:.025em!important;color:#d5c6ac!important;text-transform:none!important;font-weight:650}
.hero-e08 .hero-lower-meta span{display:flex;gap:6px;align-items:center;min-width:0}
.hero-e08 .hero-lower-meta span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#d8b67b;flex:none}
.category-grid>.category:before{content:none!important;display:none!important}
.category-grid>.category .category-num{font-size:10px;letter-spacing:.12em;font-weight:800;color:#f3deb7}
.finder-panel-top{letter-spacing:.12em}
.comparison-edition-row{letter-spacing:.10em}
.premium-product-card .premium-card-meta{justify-content:flex-start}
.premium-product-card .premium-card-meta>span:first-child{display:inline-flex;align-items:center;gap:6px}
@media(max-width:650px){
  .hero-e08 .hero-content{padding-top:2px!important}
  .hero-e08 h1{margin-top:11px!important}
  .hero-e08 .hero-lower-meta{justify-content:flex-start;gap:12px 18px!important;padding-top:12px!important}
  .hero-e08 .hero-lower-meta span{width:auto!important;flex:0 1 auto!important;white-space:normal!important;line-height:1.5}
  .category-grid>.category .category-num{font-size:8px;letter-spacing:.07em}
}
@media(max-width:360px){
  .hero-e08 .hero-lower-meta{gap:8px 12px!important}
  .hero-e08 .hero-lower-meta span{font-size:8px}
}

/* Simplified choice buttons: remove redundant decorative option counters. */
.finder-option>span:first-child{display:none!important}
.trust-row>div{align-items:center}
.trust-row strong{letter-spacing:.01em}