@media (min-width: 768px) and (max-width: 1100px){
  .toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .toolbar .field:first-child{grid-column:1 / -1}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-layout{grid-template-columns:1fr}
  .profile-layout{grid-template-columns:1fr}
  .profile-card{position:static}
  .contact-wrap{grid-template-columns:1fr}
  .chat-shell{grid-template-columns:240px minmax(0,1fr)}
}

@media (min-width: 1440px){
  .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}