.nav-toggle, .nav-burger { display: none; }
@media (max-width: 720px) {
  .hd { height: auto !important; padding: 10px 16px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; position: relative !important; }
  .hd img { height: 30px !important; }
  .nav-burger { display: flex !important; flex-direction: column; justify-content: center; gap: 5px; padding: 10px 6px; cursor: pointer; }
  .nav-burger span { display: block; width: 24px; height: 2.5px; background: #23262F; border-radius: 2px; transition: transform .25s ease, opacity .2s ease; }
  .nav-toggle:checked ~ .nav-burger span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
  .nav-toggle:checked ~ .nav-burger span:nth-child(2) { opacity: 0; }
  .nav-toggle:checked ~ .nav-burger span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }
  .nv { display: none !important; position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; background: #FFFFFF !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; padding: 6px 20px 18px !important; border-bottom: 1px solid #F0EEE9 !important; box-shadow: 0 18px 30px rgba(35,38,47,.08) !important; font-size: 15px !important; }
  .nav-toggle:checked ~ .nv { display: flex !important; }
  .nv a { padding: 14px 2px !important; border-bottom: 1px solid #F7F5F0; }
  .nv a[href^="contact"] { margin-top: 12px !important; justify-content: center !important; padding: 14px !important; border-bottom: none !important; color: #FFFFFF !important; }
  main section { padding: 52px 20px !important; }
  footer { padding: 48px 20px 24px !important; }
  footer nav { flex-wrap: wrap !important; gap: 14px 20px !important; }
  .hero-h { font-size: 40px !important; }
  .g1 { grid-template-columns: 1fr !important; gap: 24px !important; }
  .g1 > * { min-width: 0; }
  .band { padding: 44px 24px !important; border-radius: 24px !important; }
  .nrow { grid-template-columns: 92px auto 1fr !important; row-gap: 10px !important; padding: 18px 2px !important; }
  .nrow > :nth-child(3) { grid-column: 1 / -1 !important; grid-row: 2 !important; }
  .nrow > :nth-child(4) { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; }
  .nbody { padding: 0 2px 26px !important; }
  .prow { grid-template-columns: 48px 1fr !important; column-gap: 14px !important; }
  .prow > :nth-child(1) { width: 44px !important; height: 44px !important; font-size: 13px !important; }
  .prow > :nth-child(3) { grid-column: 2 !important; }
  .crow { grid-template-columns: 1fr !important; gap: 2px !important; padding: 14px 4px !important; }
  .vrow { grid-template-columns: 52px 1fr !important; gap: 16px !important; padding: 28px 22px !important; }
  .vrow > p:first-child { font-size: 30px !important; }
  .fc { padding: 30px 22px !important; }
  .mn { padding: 44px 18px 72px !important; }
}