@media (max-width: 768px){
  body{margin:0;padding:0;font-size:14px;overflow-x:hidden}
  header,.navbar,nav{display:block!important;width:100%!important}
  nav a,.nav a,header a{display:inline-block;margin:4px;font-size:12px}
  .container,.box,.card,main,section{width:100%!important;max-width:100%!important;padding:12px!important;box-sizing:border-box}
  table{display:block;width:100%!important;overflow-x:auto;font-size:11px}
  th,td{font-size:11px;padding:6px!important;white-space:normal}
  input,select,textarea,button{width:100%!important;box-sizing:border-box;margin:6px 0!important}
  img{max-width:100%;height:auto}
  .grid,.products,.product-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .product-card{width:auto!important}
  h1{font-size:24px!important}
  h2{font-size:20px!important}
}