/* Window Makers - phone & small tablet layout */
.wm-burger{display:none}
@media (max-width:760px){
  html,body{overflow-x:hidden}
  .wrap{padding-left:20px!important;padding-right:20px!important}
  /* Header + tap-to-open menu */
  header.site .wrap{height:68px}
  .brand-logo{height:44px}
  .wm-burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-8px;background:none;border:0;color:var(--ironbark);cursor:pointer}
  .wm-burger svg{width:26px;height:26px}
  .wm-burger .x{display:none}
  header.site.open .wm-burger .x{display:block}
  header.site.open .wm-burger .bars{display:none}
  nav.main{display:none!important;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bone);border-bottom:1px solid var(--hair);box-shadow:0 14px 24px rgba(41,38,31,.12);padding:4px 20px 22px}
  header.site.open nav.main{display:flex!important}
  nav.main a{padding:15px 2px;border-bottom:1px solid var(--hair);font-size:17px}
  nav.main a.quote{margin-top:16px;text-align:center;border-bottom:0;padding:15px 20px}
  /* Two-column bands stack */
  .statement,.showroom{grid-template-columns:1fr}
  .statement .img{min-height:280px}
  .showroom .img{min-height:240px}
  .statement .panel,.showroom .panel{padding:44px 24px}
  .sec-head{flex-direction:column;align-items:flex-start;gap:16px}
  /* Card and feature grids go single column */
  .whygrid,.awsgrid,.fgrid,.steps,.sysgrid,.threes{grid-template-columns:1fr!important;gap:22px}
  .steps{gap:1px}
  /* Hero photo arrows: move below the text so they don't cover it */
  .hnav{top:auto!important;bottom:14px!important;transform:none!important;width:40px!important;height:40px!important}
  .hero .dots,.dhero .dots{bottom:26px}
  .dhero .inner,.hero .inner{padding-bottom:72px}
  /* Info strip: drop the | dividers when it wraps */
  .trust .sep{display:none}
  .trust .wrap{gap:8px 18px!important;padding-top:16px!important;padding-bottom:16px!important}
}