@media (max-width:640px){.hero__title{font-size:2.2rem}.hero__subtitle{font-size:var(--fs-base)}.main-nav{display:none}.btn--lg{width:100%;padding:1rem 1.5rem}.cart-drawer{width:100%}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm)}.about__card{padding:var(--space-md)}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}