/* APacup responsive guard — layout only. No effect on pricing, content or live state. */
/* Apply clipping to the page root, not to interactive carousels or modal contents. */
html { max-width:100%; overflow-x:clip; }
body { max-width:100%; overflow-x:clip; }
img,video,canvas,svg { max-width:100%; }
@media (max-width:699px) {
  html, body { width:100%; min-width:0; }
  /* Prevent a wide shell from expanding the viewport while keeping desktop widths. */
  body > .shell, body > main#top, body > .page, body > .site-wrap,
  .shell, .page-wrap, .site-container, .main-container {
    max-width:100%; min-width:0;
  }
  /* A nested grid/flex column can otherwise force its parent wider than the phone. */
  .shell > *, main#top > *, .page-wrap > *, .site-container > * {
    min-width:0;
  }
  /* Browser sizing should not make forms exceed their parent. */
  input,select,textarea,button { max-width:100%; }
  /* Do NOT disable touch gestures or horizontal scrolling within product carousels. */
}