@media (max-width: 1024px){
  .h2{font-size:34px}
  .hero__title{font-size:46px}
  .productGrid{grid-template-columns:repeat(2, 1fr)}
  .catGrid{grid-template-columns:repeat(2, 1fr)}
  .whyGrid{grid-template-columns:repeat(2, 1fr)}
  .footer__grid{grid-template-columns:1.4fr 1fr; row-gap:26px}
  .contactGrid{grid-template-columns:1fr}
  .coGrid{grid-template-columns:1fr}
  .qv{grid-template-columns:1fr}
}

@media (max-width: 820px){
  .container{padding:0 14px}
  .nav{padding:10px 0}
  .nav__inner{gap:10px}
  .brand{flex:1; min-width:0}
  .brand__tag{display:none}
  .brand__name{font-size:16px}
  .nav__actions{gap:8px}
  .iconBtn{width:42px; height:42px; border-radius:12px}
  .nav__toggle{display:inline-grid; place-items:center; width:44px; height:44px; border-radius:14px; border:1px solid rgba(44,62,80,.12); background:rgba(255,255,255,.60); box-shadow:var(--shadow-sm); cursor:pointer}
  .nav__links{
    position:fixed;
    top:72px;
    left:18px;
    right:18px;
    padding:14px;
    border-radius:22px;
    border:1px solid rgba(44,62,80,.12);
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(18px);
    box-shadow:var(--shadow-xl);
    display:none;
    flex-direction:column;
    gap:6px;
    z-index:85;
  }
  .nav__links.is-open{display:flex}
  .nav__link{padding:12px 12px; border-radius:16px}
  .nav__link:hover{background:rgba(45,80,22,.06)}
  .search__panel{right:-44px}
  .hero{min-height:calc(92vh - 86px)}
  .hero__inner{padding:72px 0 40px}
  .hero__title{font-size:42px}
  .metaItem{min-width:132px}
  .trust__grid{grid-template-columns:repeat(2, 1fr)}
  .igGrid{grid-template-columns:repeat(3, 1fr)}
  .footer__grid{grid-template-columns:1fr; gap:20px}
  .footerBottom__inner{justify-content:center}
}

@media (max-width: 520px){
  .container{padding:0 12px}
  .h2{font-size:30px}
  .hero__title{font-size:34px; line-height:1.08}
  .hero__headlineTop{font-size:13px}
  .hero__subtitle{font-size:15px}
  .hero__inner{padding:62px 0 34px}
  .hero__content{max-width:680px; text-align:center}
  .hero__kicker{justify-content:center}
  .hero__cta{justify-content:center}
  .hero__meta{justify-content:center}
  .metaItem{min-width:0; width:100%; text-align:left}
  .hero__controls{justify-content:center}
  .heroDots{gap:8px; padding:7px 9px}
  .pill{font-size:13px}
  .productToolbar{padding:12px}
  .toolbarRow--meta{margin-top:8px}
  .toolbarMeta{font-size:14px}
  .field__withBtn{flex-direction:column}
  .field__withBtn .btn{width:100%}
  .card__body{padding:12px}
  .prices{align-items:center}
  .priceNow{font-size:28px}
  .qv{padding:0 12px 14px}
  .modal{padding:10px}
  .modal__panel{border-radius:18px}
  .coGrid{gap:12px}
  .panel{padding:12px}
  .formGrid{grid-template-columns:1fr}
  .span2{grid-column:1}
  .cartDrawer{width:100vw}
  .cartDrawer__body{padding:12px}
  .cartDrawer__footer{padding:12px}
  .newsletter{padding-bottom:42px}
  .productGrid{grid-template-columns:1fr}
  .catGrid{grid-template-columns:1fr}
  .trust__grid{grid-template-columns:1fr}
  .whyGrid{grid-template-columns:1fr}
  .igGrid{grid-template-columns:repeat(2, 1fr)}
  .newsletterCard{flex-direction:column; align-items:stretch}
  .newsletterCard__form{flex-direction:column}
  .newsletterCard__form .btn{width:100%}
  .cartActions{grid-template-columns:1fr}
  .toolbarRow{align-items:stretch}
  .field{min-width:0; width:100%}
  .tNav{display:none}
}