/* Desktop layout only: mobile styles, content and commerce behavior are preserved. */
.desktop-nav{display:none}
@media(min-width:769px){
 html{scroll-padding-top:0;overflow-x:clip!important}
 body{overflow:visible!important}
 #page>section[id]{scroll-margin-top:110px}
 .topnav{height:88px!important;gap:24px!important;padding-inline:max(32px,calc((100vw - 1240px)/2))!important;border-bottom:1px solid #dce5f4!important}
 .topnav .bc-logo{font-size:25px!important;letter-spacing:1.7px!important;flex-shrink:0}
 .topnav .logo-signature{margin-top:4px;font-size:8px!important;letter-spacing:2.5px!important}
 .topnav .nav-actions{gap:20px!important;margin-left:auto}
 .topnav .language-picker{transform:none}
 .topnav .language-picker button{min-height:36px;font-size:12px!important}
 .nav-ico{width:44px!important;height:44px!important;display:grid;place-items:center}
 .trust-marquee{height:46px!important;display:flex;align-items:center;justify-content:center}
 .trust-marquee-track{animation:none!important;transform:none!important;width:auto!important;justify-content:center!important}
 .trust-marquee-group{width:auto!important;gap:0!important}
 .trust-marquee-group[aria-hidden=true]{display:none!important}
 .trust-marquee-item{font-size:12px!important;padding:0 28px!important;min-height:22px;gap:12px!important;white-space:nowrap}
 .trust-marquee-item:last-child{border-right:0!important}
 .hero{min-height:0!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto auto 1fr auto!important;padding:56px max(40px,calc((100vw - 1200px)/2)) 38px!important;column-gap:46px!important;align-items:start!important}
 .hero .reviewline{font-size:11px!important;margin:20px 0 24px!important;padding:12px 18px!important;max-width:100%;white-space:normal}
 .hero h1{font-size:clamp(52px,5.4vw,78px)!important;line-height:1.04!important;max-width:100%!important;margin:0 0 20px!important;overflow-wrap:normal;text-wrap:balance}
 .hero h1 span{white-space:normal!important}
 .hero .hero-sub.hero-sub-short{max-width:460px!important;font-size:20px!important;line-height:1.55!important;margin:0 0 26px!important;font-weight:500!important}
 .hero>.btn-blue{width:240px!important;min-height:54px!important;font-size:14px!important;margin:0!important}
 .hero .hero-abstract.sahara-products-hero{width:100%!important;height:430px!important;min-height:0!important;align-self:center!important;margin:0!important;overflow:hidden!important}
 .hero-abstract.sahara-products-hero .sahara-wrapper-on-blue{width:88%!important;max-height:none!important;height:auto!important;left:1%!important;top:7%!important;object-fit:contain!important}
 .hero-abstract.sahara-products-hero .sahara-candy-on-blue{width:25%!important;height:auto!important;right:4%!important;bottom:4%!important;max-width:155px!important}
 .hero .features{grid-column:1/-1!important;grid-row:5!important;max-width:none!important;margin:28px auto 0!important;padding:24px 0 0!important;border-top:1px solid #cddbf0;gap:20px!important}
 .hero .features .feature{display:flex!important;flex-direction:row!important;gap:13px!important;min-height:42px!important;justify-content:center!important}
 .hero .feature svg{width:28px!important;height:28px!important;flex-shrink:0}
 .hero .feature strong{font-size:12px!important;text-align:left!important;line-height:1.4!important}
 .gold-section{padding:72px 32px 68px!important}
 .gold-section .super-candy-word{font-size:58px!important;line-height:1.1!important}
 .gold-section .smallsub{font-size:17px!important;line-height:1.6!important;margin:18px auto 0!important}
 .gold-section .gold-display.candy-science-scene{width:min(100%,720px)!important;height:550px!important;margin:28px auto!important}
 .candy-science-scene .candy-science-note b{font-size:17px!important;line-height:1.4!important}
 .candy-science-scene .candy-science-note span{font-size:12px!important;line-height:1.5!important}
 #gold .results.results-refined{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:1000px!important;gap:20px!important;margin:32px auto!important}
 #gold .results.results-refined>.result-card,#gold .results.results-refined>.result-card.result-card--lasting{display:block!important;grid-column:auto!important;width:100%!important;justify-self:stretch!important;min-height:118px!important;padding:24px!important}
 #gold .results.results-refined .result-word{font-size:24px!important}
 #gold .results.results-refined small{font-size:14px!important;max-width:none!important;line-height:1.5!important}
 .gold-section .btn-blue{width:270px!important;min-height:54px!important;font-size:14px!important}
 .compare-section{padding:68px max(40px,calc((100vw - 1000px)/2))!important}
 .compare-title{font-size:44px!important;line-height:1.2!important;margin:0 auto 32px!important;max-width:900px}
 .compare-head,.compare-table,.compare-row{gap:16px!important}
 .compare-brand,.compare-brand.right{min-height:48px!important;font-size:16px!important;line-height:1.4!important;white-space:normal!important}
 .compare-section .compare-cell{min-height:80px!important;padding:18px 26px!important;column-gap:16px!important}
 .compare-section .compare-value{font-size:18px!important;line-height:1.4!important}
 .compare-note{font-size:12px!important;margin-top:22px!important}
 #ingredients{padding:72px max(40px,calc((100vw - 1200px)/2))!important}
 #ingredients .formula-header,#ingredients .formula-footer{padding:0!important;max-width:none!important}
 #ingredients h2{font-size:48px!important;line-height:1.15!important}
 #ingredients .formula-intro{font-size:17px!important;line-height:1.6!important;max-width:620px!important;margin:16px 0 12px!important}
 #ingredients .story-secondary{font-size:14px!important;margin-top:8px!important}
 #ingredients .formula-gallery{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-padding-inline:0!important;gap:24px!important;padding:8px 0 12px!important;margin:30px 0 0!important;max-width:none!important}
 #ingredients .formula-card{flex:0 0 calc((100% - 72px)/4)!important;width:auto!important;min-width:0!important;max-width:none!important;scroll-snap-align:start!important;margin:0!important}
 #ingredients .formula-photo{height:auto!important;aspect-ratio:4/5!important;width:100%!important;overflow:hidden!important}
 #ingredients .formula-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
 #ingredients .formula-card figcaption{min-height:64px!important;padding:18px 0!important}
 #ingredients .formula-card h3{font-size:21px!important;line-height:1.3!important;overflow-wrap:anywhere}
 #ingredients .formula-controls{display:flex!important;margin-top:10px!important}
 #ingredients .formula-swipe{display:none!important}
 #ingredients .ingredient-disclaimer{font-size:12px!important;line-height:1.6!important;margin-top:18px!important}
 .reviews{padding:72px max(40px,calc((100vw - 1200px)/2))!important}
 .reviews .section-title,.people .section-title{font-size:46px!important;line-height:1.16!important;letter-spacing:-1.5px!important;max-width:900px;margin-inline:auto!important}
 .review-scroll{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;gap:24px!important;padding:10px 2px 22px!important;max-width:none!important;margin:26px auto 0!important;align-items:stretch!important}
 .review-scroll .review-card{flex:0 0 calc((100% - 48px)/3)!important;width:auto!important;min-width:0!important;min-height:340px!important;height:auto!important;padding:28px!important;scroll-snap-align:start!important;gap:20px!important}
 .review-card p{font-size:19px!important;line-height:1.65!important;margin:0!important;padding:10px 0!important;overflow-wrap:anywhere}
 .review-card .quote-symbol{font-size:48px!important}
 .review-meta{font-size:12px!important;line-height:1.6!important}
 .review-arrows{display:flex!important;margin:14px auto 25px!important}
 .reviews>.btn-blue{min-height:54px!important;width:270px!important;font-size:14px!important}
 .people{padding:72px max(40px,calc((100vw - 1200px)/2))!important}
 .people .subtext{font-size:17px!important;line-height:1.6!important;margin:18px auto 28px!important;max-width:700px;padding:0!important}
 .faces-scroll{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:none!important;padding:0!important;gap:20px!important;margin:0!important;overflow:visible!important}
 .faces-scroll .face-card{width:100%!important;height:auto!important;aspect-ratio:3/4!important;min-width:0!important;background-size:cover!important;background-position:center!important;border-radius:24px!important}
 .people .people-playback{display:none!important}
 .blue-banner{padding:76px 32px!important}
 .blue-banner .section-title{font-size:62px!important;line-height:1.12!important;max-width:900px;margin:18px auto!important}
 .blue-banner p{max-width:700px!important;margin:20px auto 28px!important;font-size:17px!important;line-height:1.6!important}
 .blue-banner .btn-white{min-height:54px!important;padding:16px 28px!important;font-size:14px!important}
 .process{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px;padding:72px max(40px,calc((100vw - 1100px)/2))!important}
 .process>h2,.process>h3,.process>.btn-blue{grid-column:1/-1!important}
 .process>h2{font-size:24px!important;margin:0!important}
 .process>h3{font-size:46px!important;line-height:1.2!important;margin:0 0 12px!important}
 .process .step{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:20px!important;align-items:start!important;border:1px solid #dce5f2!important;border-radius:20px;padding:26px!important;margin:0!important;min-width:0;background:#fff9}
 .process .step-num{font-size:42px!important;line-height:1.2!important}
 .process .step h4{font-size:20px!important;line-height:1.4!important;margin:0 0 9px!important}
 .process .step p{font-size:15px!important;line-height:1.7!important;margin:0!important}
 .process>.btn-blue{justify-self:center!important;width:270px!important;min-height:54px!important;font-size:14px!important;margin:12px 0 0!important}
 .faq{padding:68px max(40px,calc((100vw - 940px)/2))!important}
 .faq .section-title{font-size:46px!important;line-height:1.2!important;margin-bottom:30px!important}
 .faq summary{font-size:18px!important;line-height:1.5!important;padding-block:22px!important}
 .faq details p{font-size:16px!important;line-height:1.8!important;padding-bottom:20px!important}
 .faq .faq-link{font-size:14px!important;margin-top:24px!important;display:inline-block}
 .bundle-section{padding:72px max(40px,calc((100vw - 1200px)/2))!important}
 .bundle-head{max-width:none!important;margin:0 0 32px!important;padding:0!important}
 .bundle-title{font-size:48px!important;line-height:1.2!important}
 .bundle-sub{font-size:16px!important;line-height:1.5!important;margin-top:14px!important}
 .bundle-track{gap:24px!important;max-width:none!important;align-items:stretch!important}
 .bundle-card{padding:22px!important;display:flex!important;flex-direction:column!important;gap:0!important}
 .bundle-media{height:260px!important;min-height:0!important;flex:none!important;overflow:hidden!important;border-radius:18px!important}
 .bundle-pack-scene{width:100%!important;height:100%!important}
 .bundle-info{padding:24px 0 20px!important;flex:1!important}
 .bundle-name{font-size:26px!important;line-height:1.3!important;margin:0 0 8px!important}
 .bundle-packline{font-size:14px!important;line-height:1.5!important}
 .bundle-prices{gap:10px!important;flex-wrap:wrap!important;align-items:center!important;margin:18px 0 0!important}
 .bundle-current{font-size:34px!important;line-height:1.2!important;white-space:nowrap}
 .bundle-current small{font-size:14px!important}
 .bundle-original{font-size:13px!important;white-space:nowrap}
 .bundle-discount{font-size:11px!important;white-space:nowrap;padding:6px 8px!important}
 .bundle-cta{font-size:14px!important;min-height:54px!important;width:100%!important;margin:0!important;flex:none!important}
 .floating-best-seller{display:none!important}
 .site-shell .footer{display:grid!important;grid-template-columns:1fr 1.3fr!important;gap:30px 70px!important;padding:64px max(40px,calc((100vw - 1200px)/2)) 36px!important}
 .site-shell .footer>.bc-logo{font-size:28px!important;letter-spacing:2px!important;align-self:start!important}
 .footer-cols{margin:0!important;gap:40px!important;max-width:none!important}
 .footer-cols b{font-size:13px!important;margin-bottom:20px!important}
 .footer-cols a{font-size:14px!important;line-height:1.6!important;margin:12px 0!important}
 .footer-legal{grid-column:1/-1!important;text-align:left!important;font-size:12px!important;padding-top:24px!important;line-height:2!important}
 .overlay.open{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:200!important}
 .sidepanel{max-width:420px!important}
 /* Product stories, information and checkout use the same desktop spacing. */
 .editorial .topbar{padding-inline:max(32px,calc((100vw - 1200px)/2));min-height:88px}
 .editorial .brand{font-size:20px}.editorial .brand small{font-size:8px}
 .ed-wrap{max-width:1280px;padding:68px 40px}
 .ed-hero .ed-wrap{min-height:570px;gap:52px;padding-top:60px;padding-bottom:60px}
 .ed-kicker{font-size:11px;line-height:1.6}.ed-intro{font-size:17px;line-height:1.85;max-width:510px}
 .ed-visual{min-height:390px}.ed-heading p,.ed-note p,.ed-detail-rows p,.ed-product-details .ed-heading p{font-size:16px;line-height:1.85}
 .ed-detail-rows h2{font-size:21px}.ed-strip{font-size:11px;padding:22px 40px}
 .ed-button{font-size:14px;min-height:52px;padding:15px 28px;border-radius:8px}
 .ed-ingredient h3{font-size:20px}.ed-ingredient img{height:180px}.ed-footnote{font-size:12px}
 .info-shell{max-width:920px;margin-top:44px}.info-paper{padding:48px 56px}.info-paper h1{font-size:36px}.info-paper h2{font-size:20px}.info-paper p,.info-paper address{font-size:16px;line-height:1.9}
 .layout{max-width:1200px;grid-template-columns:minmax(0,1fr) 390px;gap:40px;margin-top:44px}
 .layout .field{font-size:14px}.layout .hint{font-size:12px}.layout .panel{padding:30px}.layout .summary{top:24px}
 .layout .step{font-size:13px}.layout .pay-option small{font-size:13px}.layout .check{font-size:14px}
}
@media(min-width:1100px){
 .desktop-nav{display:flex;gap:24px;align-items:center;margin-left:auto}
 .desktop-nav button{border:0;background:transparent;color:#29416d;font:600 14px/1.4 Arial,Tahoma,sans-serif;padding:13px 0;white-space:nowrap;cursor:pointer}
 .desktop-nav button:hover{color:#304bd0}.desktop-nav button:focus-visible{outline:2px solid #304bd0;outline-offset:5px;border-radius:3px}
 .topnav .nav-actions{margin-left:12px!important}
}
@media(min-width:769px) and (max-width:1099px){
 .hero{padding:40px 32px 30px!important;column-gap:24px!important}
 .hero h1{font-size:54px!important}.hero .hero-sub.hero-sub-short{font-size:18px!important}
 .hero .hero-abstract.sahara-products-hero{height:370px!important}
 .trust-marquee-item{padding-inline:18px!important;font-size:11px!important}
 #gold .results.results-refined{gap:14px!important}#gold .results.results-refined>.result-card{padding:20px!important}
 #ingredients .formula-card{flex-basis:calc((100% - 48px)/3)!important}
 .review-scroll .review-card{flex-basis:calc((100% - 24px)/2)!important}
 .faces-scroll{gap:14px!important}.faces-scroll .face-card{border-radius:18px!important}
 .bundle-track{gap:16px!important}.bundle-card{padding:16px!important}.bundle-media{height:200px!important}.bundle-name{font-size:23px!important}.bundle-current{font-size:29px!important}
 .site-shell .footer{gap:30px}.footer>.bc-logo{font-size:23px!important}
 .ed-hero .ed-wrap{gap:30px}.ed-hero h1{font-size:52px}.ed-intro{font-size:16px}
 .layout{grid-template-columns:minmax(0,1fr) 310px;gap:22px;padding-inline:24px}.layout .grid{grid-template-columns:1fr}.layout .panel{padding:22px}.layout .pay-option{flex-wrap:wrap}
}