@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.cat-grid{grid-template-columns:repeat(3,1fr)}.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:768px){
  .burger{display:grid}.acct span{display:none}.header-in{gap:.5rem;height:60px}.logo{margin-right:auto}.logo img{height:38px}
  .nav{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:.5rem 1rem;border-bottom:1px solid var(--line);display:none}
  .nav.open{display:flex}.nav a{padding:.8rem 0;border:0}
  .hero{min-height:0;background:linear-gradient(180deg,rgba(16,27,34,.9) 40%,rgba(16,27,34,.55)),var(--hero) center/cover}
  .hero-in{padding-block:2.2rem}.section{padding:2rem 0}
  .grid-4,.grid-3{grid-template-columns:repeat(2,1fr);gap:.8rem}.card-body{padding:.7rem}
  .promo{flex-direction:column;align-items:flex-start}
}
@media (max-width:420px){.cat-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr}.card-body h3{font-size:.85rem}}
@media (max-width:340px){.grid-4,.grid-3{grid-template-columns:1fr}}
@media (max-width:1024px){.grid-5{grid-template-columns:repeat(3,1fr)}.menu-layout{grid-template-columns:190px 1fr}}
@media (max-width:768px){
  .menu-layout{grid-template-columns:1fr;gap:1rem}.side{position:static;display:flex;gap:.4rem;overflow-x:auto;padding:.6rem}.side h2{display:none}.side-link{white-space:nowrap;gap:.5rem;flex:none}
  .pd{grid-template-columns:1fr;gap:1.2rem}.grid-5{grid-template-columns:repeat(2,1fr)}.buy{flex-direction:row}
  .cart-head{display:none}.cart-row{grid-template-columns:1fr auto;gap:.6rem}.ci{grid-column:1/-1}
  .cart-row>[data-l]::before{content:attr(data-l) ": ";color:var(--muted);font-size:.8rem}.cart-bottom{grid-template-columns:1fr}
  .filters{width:100%}.filters input{flex:1;min-width:0}
}
@media (max-width:340px){.grid-5{grid-template-columns:1fr}}
@media (max-width:768px){.auth{grid-template-columns:1fr}.auth-form{clip-path:none}.auth-img{display:none}.acct-layout{grid-template-columns:1fr}}
@media (max-width:900px){.co{grid-template-columns:1fr}.co-side{position:static;order:-1}}
@media (max-width:420px){.two{grid-template-columns:1fr}}
@media (max-width:900px){.split,.why{grid-template-columns:1fr;gap:1.5rem}.why-grid{grid-template-columns:repeat(2,1fr)}.photo-frame{transform:none}}
@media (max-width:420px){.vals{grid-template-columns:1fr}.contact .two{grid-template-columns:1fr}}