@media(max-width:1024px){
.header-inner{grid-template-columns:1fr auto;grid-template-areas:"logo actions" "nav nav"}
.site-logo{grid-area:logo}
.header-actions{grid-area:actions}
.main-navigation{grid-area:nav;justify-content:flex-start;overflow-x:auto;padding-bottom:.25rem}
.trust-grid{grid-template-columns:repeat(3,1fr)}
.goal-grid,.product-grid,.ingredient-grid{grid-template-columns:repeat(2,1fr)}
.blog-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}
.lifestyle-grid{grid-template-columns:repeat(3,1fr)}
.footer-grid{grid-template-columns:repeat(2,1fr)}
.hero-grid,.two-col-grid,.starter-kit-grid,.product-hero-grid{grid-template-columns:1fr}
.product-detail-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}
.main-navigation .menu,#primary-menu{display:none!important}
.menu-toggle{display:block;grid-area:nav}
.header-cta{display:none}
.trust-grid{grid-template-columns:1fr 1fr}
.goal-grid,.product-grid,.blog-grid,.testimonial-grid,.subscription-grid,.lifestyle-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
.section{padding:3rem 0}
.hero h1{font-size:2rem}
.header-inner{flex-wrap:wrap}
.site-logo-text{font-size:.62rem;letter-spacing:.08em}
}