@media(min-width:1500px){.hero-grid{min-height:680px}
.hero-visual>img{height:660px}
}
@media(max-width:1100px){:root{--gutter:28px}
.header-inner{height:74px}
.hero-grid{min-height:540px}
.hero-visual>img{height:530px}
.hero h1{font-size:clamp(43px,5.4vw,60px)}
.hero-description{font-size:18px}
.hero-visual figcaption{font-size:16px;right:0;max-width:135px}
.hero .buy-row,.kit-copy .buy-row{gap:15px}
.button{font-size:13px;padding:15px 19px}
.cg-price{font-size:27px}
.kit-grid{gap:28px}
.kit-photo img{aspect-ratio:.97}
.compatibility-grid{gap:24px}
.steps{padding:24px 18px}
.steps-grid{gap:12px}
.universes{gap:7px}
.universes figcaption{font-size:10px}
.trust-row{gap:8px}
.trust-row svg{width:22px}
.reassurance-grid{gap:16px}
.reassurance-grid>div{font-size:10px;gap:9px}
.reassurance svg{width:28px}
.footer-top{align-items:flex-start}
.footer-top nav{max-width:60%}
.faq-grid{gap:45px}
}
@media(max-width:800px){:root{--gutter:20px}
.header-inner{gap:18px;height:68px}
.brand>span{font-size:29px}
.brand small{font-size:6px}
#main-nav{gap:22px;font-size:12px}
.hero h1{font-size:clamp(38px,5.4vw,49px)}
.hero-description{font-size:16px}
.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:490px}
.hero-visual>img{height:490px}
.hero-visual figcaption{top:5%;font-size:14px}
.hero-benefits{gap:9px}
.hero-benefits>div{font-size:10px}
.hero-benefits svg{height:29px;width:29px}
.hero .button svg:last-child{display:none}
.hero .buy-row{gap:12px}
.hero .cg-price{font-size:23px}
.hero .button{padding:14px}
.reassurance-grid{grid-template-columns:repeat(3,1fr);gap:18px}
.reassurance-grid>div:last-child{grid-column:span 2}
.kit-grid{gap:28px;grid-template-columns:1fr}
.kit-photo{max-width:600px;width:100%;margin:auto}
.kit-photo img{aspect-ratio:1.3}
.kit-copy h2{max-width:none}
.kit-copy .buy-row{gap:25px}
.trust-row{max-width:480px}
.color-gallery figure{flex-basis:calc((100% - 36px)/4)}
.compatibility-grid{grid-template-columns:1fr;gap:35px}
.compatibility-grid>div>h2{max-width:none}
.universes{gap:16px}
.universes img{aspect-ratio:.9}
.universes figcaption{font-size:13px}
.steps{padding:30px}
.steps-grid{gap:25px}
.steps-grid img{aspect-ratio:1}
.steps figcaption{font-size:14px}
.faq-grid{grid-template-columns:1fr;gap:25px}
.final-grid{grid-template-columns:.8fr 1.2fr;gap:20px}
.final-grid h2{font-size:29px}
.final-grid figure img{height:350px}
.footer-top{flex-direction:column}
.footer-top nav{max-width:none}
.footer-bottom{gap:25px}
}
@media(min-width:601px) and (max-width:782px){.admin-bar .site-header{top:46px}
}
@media(max-width:600px){html{scroll-padding-top:80px}
:root{--gutter:18px}
.section{padding-block:38px}
.admin-bar .site-header{top:0}
.menu-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto;border-radius:8px}
.menu-toggle span{display:block;width:21px;height:2px;background:white}
.header-inner{gap:8px}
.brand>span{font-size:27px}
.brand small{font-size:5.5px}
.cart-toggle{width:44px}
#main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#10111c;border-top:1px solid #ffffff15;padding:15px var(--gutter);max-height:calc(100dvh - 68px);overflow-y:auto;box-shadow:0 20px 30px #0004}
#main-nav.is-open{display:flex;flex-direction:column;gap:0}
#main-nav a{font-size:16px;padding:15px}
.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;position:relative;padding-block:16px 24px}
.hero-copy{display:contents}
.hero-copy>.eyebrow{font-size:8px;margin-bottom:8px}
.hero h1{font-size:clamp(32px,9vw,44px);line-height:1.01;max-width:430px}
.hero-description{font-size:14px;margin-top:8px;max-width:410px}
.hero-benefits{order:4;width:100%;margin:20px 0 0;gap:10px;max-width:400px}
.hero-benefits>div{font-size:10px}
.hero-benefits svg{height:28px;width:28px}
.hero .buy-row{order:2;gap:16px;justify-content:center}
.hero .button{font-size:12px;gap:8px;padding:14px 17px}
.hero .button svg{width:18px}
.hero .cg-price{font-size:25px}
.hero-note{order:3;font-size:9px;margin-top:8px;text-align:center}
.hero .purchase-trust{order:5;width:100%}
.hero-visual{order:1;width:100%;height:clamp(180px,calc(45svh - 80px),340px);margin-block:8px;justify-content:center}
.hero-visual>img{height:100%;width:100%;object-fit:contain}
.hero-visual figcaption{font-size:11px;max-width:94px;right:0;top:12px}
.hero-visual figcaption span{font-size:37px;margin-right:45px}
.reassurance-grid{grid-template-columns:repeat(2,1fr);gap:19px 12px;padding-block:22px}
.reassurance-grid>div{font-size:10px}
.reassurance-grid>div:last-child{grid-column:span 2;justify-content:center}
.reassurance svg{width:26px;height:26px}
.kit-grid{gap:25px}
.kit-photo img{aspect-ratio:1.05}
.kit-photo figcaption{bottom:15px;font-size:11px;right:12px;max-width:165px}
h2{font-size:30px}
.eyebrow{font-size:8px;margin-bottom:13px}
.intro{font-size:15px}
.check-list li{font-size:14px}
.kit-copy .buy-row{gap:16px}
.kit-copy .button{font-size:12px;padding:14px 16px;gap:7px}
.kit-copy .button svg:last-child{display:none}
.kit-copy .cg-price{font-size:25px}
.trust-row{gap:8px}
.trust-row span{font-size:9px;gap:6px;align-items:flex-start}
.trust-row svg{height:23px;width:23px}
.purchase-trust{grid-template-columns:1fr;gap:12px;margin-top:20px;margin-inline:auto}
.purchase-trust span{flex-direction:row;font-size:12px;gap:10px;align-items:center}
.section-heading h2{font-size:28px}
.section-heading p:not(.eyebrow){font-size:14px}
.color-gallery{gap:10px}
.color-gallery figure{flex-basis:calc((100% - 10px)/2)}
.gallery-wrap{padding-inline:0;padding-bottom:54px}
.gallery-prev,.gallery-next{top:auto;bottom:0;transform:none}
.gallery-prev{left:calc(50% - 50px)}
.gallery-next{right:calc(50% - 50px)}
.universes{gap:18px 12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.universes img{aspect-ratio:.9;border-radius:8px}
.universes figcaption{font-size:12px}
.steps{padding:25px 20px}
.steps h2{font-size:25px}
.steps-grid{grid-template-columns:1fr;gap:24px}
.steps-grid figure{display:grid;grid-template-columns:minmax(0,110px) minmax(0,1fr);align-items:center;gap:18px}
.step-image>span{width:27px;height:27px;font-size:15px;left:-5px}
.steps figcaption{font-size:14px;text-align:left;margin-top:0}
.steps-grid img{aspect-ratio:1}
.comparison{gap:12px}
.comparison img{aspect-ratio:.8;object-fit:contain}
.comparison figcaption{position:static;font-size:12px;line-height:1.4;padding:0 12px 14px;min-height:48px}
.comparison-vs{width:32px;height:32px;font-size:9px}
.center-buy .buy-row{gap:16px;justify-content:center}
.center-buy .button svg:last-child{display:none}
.center-buy .button{font-size:12px;padding:14px}
.center-buy .cg-price{font-size:24px}
.faq-grid h2{font-size:32px}
.faq-list summary{font-size:14px;padding-block:19px}
.final-grid{display:flex;flex-direction:column;gap:20px;padding-block:24px 38px;text-align:center}
.final-grid>div{width:100%}
.final-grid h2{font-size:clamp(28px,7.6vw,33px);margin-inline:auto}
.final-grid .buy-row{gap:15px;justify-content:center}
.final-grid .button{font-size:12px;padding:15px 18px;gap:8px}
.final-grid .button svg:last-child{display:none}
.final-grid .cg-price{font-size:26px}
.final-grid figure{width:100%}
.final-grid figure img{height:280px}
.footer-top{gap:25px}
.footer-top nav,.footer-top ul{gap:15px 20px;line-height:1.8}
.footer-bottom{flex-direction:column;gap:12px}
.home .site-footer{padding-bottom:calc(105px + env(safe-area-inset-bottom))}
.mobile-buy{display:block;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#080b12f5;backdrop-filter:blur(16px);padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));border-top:1px solid #ffffff20;color:white}
.mobile-buy .buy-row{justify-content:space-between;gap:12px;flex-wrap:nowrap}
.mobile-buy .cg-add{flex:1}
.mobile-buy .button{width:100%;min-height:46px;padding:11px 20px;font-size:13px}
.mobile-buy .cg-price{font-size:24px}
.mobile-buy .cg-price del{font-size:11px}
.page-content{padding-block:35px}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{padding:10px}
.toast{bottom:88px}
#cart-drawer{padding:20px max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
.cart-item{grid-template-columns:70px minmax(0,1fr);gap:14px}
.cart-item img{width:70px}
.footer-contact{font-size:11px}
}
@media(max-width:360px){:root{--gutter:16px}
.hero .button,.kit-copy .button{padding:13px 12px;font-size:11px}
.hero .cg-price,.kit-copy .cg-price{font-size:23px}
.hero .buy-row,.kit-copy .buy-row{gap:10px}
.hero-visual figcaption{max-width:94px;font-size:11px}
.center-buy .button{font-size:11px}
.final-grid .button{font-size:11px;padding:13px}
.final-grid .cg-price{font-size:23px}
.trust-row:not(.purchase-trust) span{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}