/* NYTE Peptides v5.2 approved layout */
#products .apex-variant-control{margin:8px 0!important}
#products .apex-variant-caption{font-size:10px;font-weight:800;letter-spacing:.14em;color:#aebca9;margin-bottom:9px}
#products .apex-variant-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#products .apex-variant-options:has(>button:only-child){grid-template-columns:1fr}
#products .apex-variant-option{min-width:0;min-height:36px!important;border:1px solid #4a6044;border-radius:9px;background:#121a13;color:#f1f6ed;font-size:10px!important;font-weight:800;cursor:pointer;padding:7px 3px!important;letter-spacing:0!important}
#products .apex-variant-option.selected{border-color:#7546FF;background:#7546FF;color:#0b1108;box-shadow:0 0 0 1px #c6ff0033}
#products .apex-variant-option:focus-visible{outline:2px solid #7546FF;outline-offset:3px}
#products .apex-variant-note{font-size:11px;line-height:1.4;color:#aebba8;margin-top:7px;min-height:16px}
#products .price-row{align-items:baseline}
#products .price-row .price{color:#f6fff0;font-size:clamp(19px,2vw,26px)}
#products .price-row .price-unit{color:#7546FF;font-weight:800;font-size:10px}
#products .add:disabled{opacity:.65;cursor:not-allowed}
#products .apex-coa-block{font-size:11px;color:#b8c7ad}
#products .apex-coa-block button{display:block;border:0;background:none;color:#7546FF;font-size:11px;padding:6px 0;cursor:pointer}
.hero-eyebrow,.hero-actions .apex-mobile-research-cta{display:none!important}
.hero-actions .hero-cta{display:none!important}
.catalog-toolbar{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
@media(max-width:700px){
#products.grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
#products article.product{display:grid!important;grid-template-columns:34% minmax(0,1fr)!important;align-items:stretch;overflow:hidden;width:100%;max-width:100%;min-height:0;border:1px solid #34462a;border-radius:12px;background:#0d130c;transform:none!important;box-shadow:none!important}
#products .product-image-frame{grid-column:1;grid-row:1;min-width:0;min-height:0;background:#f1f2ed;padding:4px!important;display:flex;flex-direction:column;justify-content:center}
#products .product-image-top{display:none!important}
#products .pic{height:100%!important;min-height:160px!important;max-height:210px!important;display:flex;align-items:center;justify-content:center;background:transparent!important}
#products .pic img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
#products .details{grid-column:2;grid-row:1;min-width:0;padding:13px 11px!important;display:flex;flex-direction:column;gap:5px!important}
#products .product-category{font-size:8px;letter-spacing:.7px;min-height:0}
#products .details h3{font-size:16px!important;line-height:1.2;min-height:0!important;margin:0}
#products .stock{font-size:10px;margin:0}
#products .details>.meta{display:none!important}
#products .price-row{display:flex;align-items:flex-start;flex-direction:column;gap:1px;margin:0!important}
#products .price-row .price{font-size:22px!important;line-height:1.1;white-space:nowrap}
#products .price-row .price-unit{font-size:9px!important;letter-spacing:.6px}
#products .apex-variant-caption{display:none}
#products .apex-variant-options{gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}
#products .apex-variant-option{font-size:10px!important;line-height:1.15;min-height:39px!important;padding:7px 3px;border-radius:6px;letter-spacing:0}
#products .apex-variant-note{display:none}
#products .view-info{display:none!important}
#products .add{width:100%;margin-top:2px;min-height:38px!important;padding:7px 4px!important;font-size:11px!important;line-height:1.2;border-radius:6px}
.shell .hero .apex-mobile-trust{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:6px 0 4px!important;padding:0!important;border:0!important}
.shell .hero .apex-mobile-trust>span{display:flex!important;position:relative;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;gap:4px!important;min-width:0;min-height:89px!important;padding:10px!important;border:1px solid #334b2d;border-radius:11px!important;background:linear-gradient(145deg,#192719,#111a12);box-shadow:inset 0 1px 0 #ffffff0b;color:transparent!important;font-size:0!important}
.shell .hero .apex-mobile-trust>span:before{display:flex;align-items:center;justify-content:center;width:24px!important;height:24px!important;border-radius:7px!important;border:1px solid #baff4255;background:#baff4214;color:#7546FF;font-size:14px!important;line-height:1}
.shell .hero .apex-mobile-trust>span:nth-child(1):before{content:"⌂"}
.shell .hero .apex-mobile-trust>span:nth-child(2):before{content:"↗"}
.shell .hero .apex-mobile-trust>span:nth-child(3):before{content:"▤"}
.shell .hero .apex-mobile-trust>span:nth-child(4):before{content:"⚗"}
.shell .hero .apex-mobile-trust>span b{color:#f3f9ee!important;font-size:11px!important;line-height:1.2!important;font-weight:750!important}
.shell .hero .apex-mobile-trust>span:after{color:#adbea8;font-size:9px!important;line-height:1.2!important;display:block}
.shell .hero .apex-mobile-trust>span:nth-child(1):after{content:"Canadian-based service"}
.shell .hero .apex-mobile-trust>span:nth-child(2):after{content:"Canada warehouse fulfillment"}
.shell .hero .apex-mobile-trust>span:nth-child(3):after{content:"Product information available"}
.shell .hero .apex-mobile-trust>span:nth-child(4):after{content:"Resources for researchers"}
body{background:#090c12!important}
header{margin-bottom:0!important}
main.shell{padding-top:0!important;margin-top:0!important}
main.shell>.hero{margin-top:0!important;border-top:0!important;border-radius:0 0 18px 18px!important}
main.shell>.hero .hero-copy{padding-top:0!important}
main.shell>.hero h1#hero-title{margin-top:0!important;max-width:100%!important;text-align:left!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
main.shell>.hero h1#hero-title em{display:block!important}
main.shell>.hero .hero-art{background-position:center center!important}
main.shell>.hero .hero-copy{transform:translateY(44px)!important}
}
@media(max-width:370px){#products article.product{grid-template-columns:32% minmax(0,1fr)!important}#products .details{padding:10px 8px!important}#products .details h3{font-size:14px!important}#products .apex-variant-option{font-size:9px!important}}
/* White mobile lower-homepage theme; preserve approved hero and catalog */
@media(max-width:700px){
body{background:#fff!important}
main.shell{background:#fff!important;padding-bottom:110px!important}
main.shell>.hero{background-color:#101810!important}
main.shell>.apex-v52-trust{background:#fff!important;color:#162418!important;margin:22px 0!important;padding:18px 15px!important;border:1px solid #e1e8dd!important;border-radius:14px!important;box-shadow:0 2px 12px #1527150a!important}
main.shell>.apex-v52-trust .apex-v52-kicker{color:#487d20!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important}
main.shell>.apex-v52-trust h2{color:#142518!important;font-size:23px!important;line-height:1.2!important;margin:7px 0 14px!important}
main.shell>.apex-v52-trust .apex-v52-pillrow{margin:0 0 15px!important;gap:6px!important}
main.shell>.apex-v52-trust .apex-v52-pill{color:#24462b!important;background:#f0f7eb!important;border-color:#bcd6ae!important;font-size:10px!important;line-height:1.35!important;padding:6px 9px!important;max-width:100%!important}
main.shell>.apex-v52-trust .apex-v52-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
main.shell>.apex-v52-trust .apex-v52-card{min-width:0!important;background:#f5f9f2!important;border:1px solid #dce8d5!important;border-radius:10px!important;padding:12px 10px!important}
main.shell>.apex-v52-trust .apex-v52-card h3{color:#1b3220!important;font-size:13px!important;line-height:1.25!important;margin:0 0 7px!important}
main.shell>.apex-v52-trust .apex-v52-card p{color:#526450!important;font-size:11px!important;line-height:1.45!important;margin:0!important}
main.shell>.apex-v52-trust .apex-v52-quote{background:#f2f8ee!important;border-left:3px solid #81b945!important;border-radius:0 10px 10px 0!important;padding:14px!important}
main.shell>.apex-v52-trust .apex-v52-quote blockquote{color:#263b29!important;font-size:13px!important;line-height:1.6!important;margin:0 0 12px!important}
main.shell>.apex-v52-trust .apex-v52-quote strong{color:#19311e!important;font-size:13px!important}
main.shell>.apex-v52-trust .apex-v52-quote p{color:#647563!important;font-size:11px!important;margin:5px 0 0!important}
main.shell>.apex-v52-faq details{background:transparent!important;border-bottom:1px solid #dce5d8!important;padding:13px 0!important}
main.shell>.apex-v52-faq summary{color:#243b27!important;font-size:13px!important;line-height:1.45!important}
main.shell>.apex-v52-faq details p{color:#51644f!important;font-size:12px!important;line-height:1.6!important;margin:9px 0 0!important}
main.shell>.apex-v52-faq details:last-child{border-bottom:0!important}
main.shell+footer,body>footer{background:#fff!important;color:#465b45!important;padding-bottom:100px!important}
main.shell+footer *,body>footer *{color:inherit}
}
@media(max-width:370px){main.shell>.apex-v52-trust .apex-v52-grid{grid-template-columns:1fr!important}}

@media(max-width:700px){main.shell footer .footer-brand{color:#17271a!important}main.shell footer .footer-brand span{color:#b9f900!important}}
