/* ==========================================================
   ZYARA.ID — responsive.css
   Breakpoint overrides. Component files hold their own single-purpose
   @media rules (e.g. nav-cta visibility in components.css); this file
   holds cross-cutting layout collapses.
   Tested against: 320 / 375 / 390 / 430 / 768 / 1024 / 1280 / 1440 / 1920
   ========================================================== */

@media (max-width:900px){
  .foot-grid{grid-template-columns:1fr 1fr}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .story-grid{grid-template-columns:1fr}
}

@media (max-width:600px){
  .foot-grid{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:1fr}
  .svc-row{grid-template-columns:40px 1fr auto}
  .fab{width:50px;height:50px;inset-block-end:18px;inset-inline-end:18px}
  .concierge{inset-block-end:80px;inset-inline-end:18px;width:calc(100vw - 36px)}
  .jp{padding:18px}
  .jp-options{grid-template-columns:1fr 1fr}
}

@media (max-width:380px){
  .jp-options{grid-template-columns:1fr}
}