/* Offline compatibility layer */
html { scroll-behavior: smooth; }
body { min-width: 0; overflow-x: hidden; }
img, picture, video, canvas, svg { max-width: 100%; }
img { height: auto; }
video { height: auto; }
.scroll-trigger,
.animate--slide-in,
.animate--fade-in,
[class*="animate"],
[data-aos] {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}
shopify-accelerated-checkout,
shop-pay-wallet-button,
payment-terms,
product-modal,
.product-media-modal,
iframe[src*="shop"],
iframe[src*="checkout"],
iframe[src*="facebook"],
iframe[src*="google"],
iframe[src*="tiktok"],
.shopify-challenge__container {
  display: none !important;
}
button, a, summary, label { touch-action: manipulation; }
form[action="#"] button[type="submit"],
.product-form__submit,
.shopify-payment-button__button,
.button { cursor: pointer; }
@media (max-width: 749px) {
  html, body { width: 100%; max-width: 100%; }
  .page-width,
  .container,
  .shopify-section,
  section { max-width: 100vw; }
  .grid,
  [class*="grid"],
  [class*="row"],
  [class*="columns"] { min-width: 0; }
  table { display: block; max-width: 100%; overflow-x: auto; }
}
@media (max-width: 900px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  body > *,
  main,
  header,
  footer,
  .shopify-section,
  .page-width,
  .container,
  .header-wrapper,
  .announcement-bar,
  .gradient { max-width: 100vw; }
}
