/* Look AD This — Mobile Tweaks v7.5.3 */
@media (max-width: 1024px){
  .container{width:min(100%, 92vw)}
}
@media (max-width: 768px){
  /* Global spacing & type */
  body{font-size:16px;line-height:1.6}
  h1{font-size:clamp(28px,7vw,36px)}
  h2{font-size:clamp(22px,5.8vw,30px)}
  h3{font-size:clamp(18px,4.6vw,24px)}
  .section{padding:40px 0}
  .card{border-radius:18px}
  /* Header/nav */
  .site-header, header[role="banner"]{position:sticky;top:0;z-index:60}
  .site-nav .menu, nav .menu{gap:.5rem}
  .site-nav a, nav a{padding:.75rem 1rem;display:inline-block}
  /* Grids stack */
  .grid, .grid-2, .grid-3, .grid-4, .columns, .row{
    display:grid !important; grid-template-columns:1fr !important; gap:1rem;
  }
  /* Tables → horizontal scroll wrapper */
  .table-wrap{overflow:auto; -webkit-overflow-scrolling:touch}
  table{min-width:640px}
  th,td{padding:.85rem .9rem}
  /* Buttons tap targets */
  .btn, .button, button, input[type=submit]{min-height:44px;padding:.9rem 1.1rem;border-radius:14px}
  /* Forms */
  form .form-row, .wpcf7-form .form-row{display:grid;grid-template-columns:1fr;gap:.75rem}
  input[type=text],input[type=email],input[type=tel],select,textarea{width:100%}
  /* Calculator block */
  .calc-card, .instant-calculator, .pricing-calc{
    padding:1rem;
  }
  .calc-card .controls, .instant-calculator .controls{
    display:grid;grid-template-columns:1fr;gap:.75rem;
  }
  .calc-card .total, .instant-calculator .total{
    margin-top:.5rem;font-weight:700
  }
  /* Cards and lists spacing */
  .feature-list li{padding:.6rem 0}
  /* Footer */
  footer .cols{display:grid;grid-template-columns:1fr;gap:1rem}
}
/* Mini-fix for very narrow screens */
@media (max-width: 360px){
  .btn, .button{font-size:14px}
}