/* Valeo Creatine landing — page-wide mobile containment */
html {
  overflow-x: clip;
  max-width: 100%;
}

body {
  overflow-x: clip;
  max-width: 100%;
  width: 100%;
  position: relative;
}

.gem-container,
.shopify-section[class*="valeo-"] {
  max-width: 100%;
  overflow-x: clip;
  min-width: 0;
}

[class^="valeo-"],
[class*=" valeo-"] {
  max-width: 100%;
  box-sizing: border-box;
}

[class^="valeo-"] img,
[class*=" valeo-"] img,
[class^="valeo-"] svg,
[class*=" valeo-"] svg {
  max-width: 100%;
}

/* Off-canvas Halo sidebars expand document scrollWidth via transform.
   Reposition with left/right instead so the page cannot scroll sideways. */
.halo-sidebar.halo-sidebar-right {
  transform: none !important;
  right: -110vw !important;
  left: auto !important;
  transition: right 0.45s ease, visibility 0.45s ease, opacity 0.45s ease !important;
}

.halo-sidebar.halo-sidebar-left {
  transform: none !important;
  left: -110vw !important;
  right: auto !important;
  transition: left 0.45s ease, visibility 0.45s ease, opacity 0.45s ease !important;
}

body.cart-sidebar-show .halo-cart-sidebar,
body.auth-sidebar-show .halo-auth-sidebar,
body.lang-currency-sidebar-show .halo-language-currency-sidebar {
  right: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Shared ATC form from snippets/valeo-atc-button.liquid */
.valeo-atc-form {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  margin: 0;
  max-width: 100%;
}

.valeo-atc-form__error {
  margin: 8px 0 0;
  font-size: 12px;
  color: #c24a3a;
}

.valeo-atc-form .valeo-btn,
.valeo-atc-form .valeo-mini-banner__btn {
  width: 100%;
}

/* Keep sticky ATC under the drawer while it is open */
body.cart-sidebar-show .valeo-sticky-cart {
  pointer-events: none !important;
  opacity: 0 !important;
}

body.menu_open .halo-sidebar-left,
body.open_search_mobile .halo-sidebar-left {
  left: 0 !important;
}

@media (max-width: 899px) {
  .valeo-btn {
    max-width: 100%;
    box-sizing: border-box;
  }

  .valeo-hero__stat-card--1 {
    top: 9% !important;
    left: -1% !important;
    right: auto !important;
  }

  .valeo-hero__stat-card--2 {
    bottom: 11% !important;
    right: -2% !important;
    left: auto !important;
  }

  .valeo-hero__image-wrap {
    width: min(88%, 300px) !important;
    max-width: 300px !important;
  }

  .valeo-trust-badges {
    overflow: hidden;
  }

  .valeo-trust-badges__viewport {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .valeo-trust-badges__row {
    display: inline-flex;
    width: max-content;
    max-width: none;
  }

  .valeo-testimonials {
    overflow: hidden;
  }

  .valeo-testimonials__inner {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .valeo-testimonials__grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overscroll-behavior-x: contain;
  }

  .valeo-comparison-table,
  .valeo-comparison-table__inner,
  .valeo-comparison-table__card,
  .valeo-comparison-table__scroll {
    max-width: 100%;
    min-width: 0;
  }

  .valeo-comparison-table__scroll {
    overscroll-behavior-x: contain;
  }

  .valeo-sticky-cart__inner {
    min-width: 0;
    width: 100%;
  }

  .valeo-sticky-cart__btn {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 12px;
  }

  .valeo-worth-knowing__card,
  .valeo-scoop-compare__cards,
  .valeo-difference__inner,
  .valeo-product-card__inner,
  .valeo-benefits__grid,
  .valeo-how-to-use__steps {
    min-width: 0;
    max-width: 100%;
  }
}