/* ============================================================
   mobile.css — aturan responsif website bamms
   Halaman memakai inline style, jadi override di sini perlu !important.
   Breakpoint: 1080px (tablet) dan 760px (ponsel).
   ============================================================ */

[data-mobile-only]{display:none !important}

@media (max-width:1080px){
  [style*="grid-template-columns"]{grid-template-columns:1fr !important}
  [style*="max-width:1280px"],[style*="max-width: 1280px"]{padding-left:24px !important;padding-right:24px !important}
}

@media (max-width:900px){
  /* logo tetap berukuran tetap */
  nav img{height:30px !important;width:auto !important;max-width:none !important}
  [data-desktop-only]{display:none !important}
  [data-mobile-only]{display:flex !important}
  nav [style*="height:80px"],nav [style*="height: 80px"]{height:64px !important}
}

@media (max-width:760px){
  h1{font-size:clamp(30px,8vw,40px) !important;letter-spacing:-.8px !important;line-height:1.12 !important}
  h2{font-size:clamp(24px,6.4vw,32px) !important;letter-spacing:-.6px !important;line-height:1.18 !important}
  h3{font-size:clamp(18px,4.8vw,22px) !important}
  p,li{font-size:16px !important;line-height:1.62 !important}
  [style*="max-width:1280px"],[style*="max-width: 1280px"]{padding-left:18px !important;padding-right:18px !important}
  section,header,footer{padding-top:44px !important;padding-bottom:44px !important}
  a[style*="height:56px"],a[style*="height: 56px"]{width:100% !important;justify-content:center !important}
  /* gambar isi konten tidak melebihi layar (logo & ikon nav dikecualikan) */
  section img, article img, main img, header img:not([alt="bamms"]){max-width:100% !important;height:auto !important}
}

@media (max-width:480px){
  [style*="max-width:1280px"],[style*="max-width: 1280px"]{padding-left:16px !important;padding-right:16px !important}
}

html,body{max-width:100%;overflow-x:hidden}