/* Keep long SKU galleries and selectors inside responsive product columns. */
.product-gallery,
.product-buy-panel {
  min-width: 0;
}

/*
 * Product banners must always own the full row.  Older cached theme CSS and
 * WordPress block-column rules can otherwise leave the banner at 50% width on
 * iOS while the rest of the product page is already using the mobile layout.
 */
.products-banner,
.product-title-banner {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: 0 0 100%;
  grid-column: 1 / -1;
}

.products-banner > .container {
  min-width: 0;
  max-width: calc(100% - 40px);
}

.sku-thumbnails {
  max-width: 100%;
}

@media (min-width: 761px) {
  .about-section-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

/* Switch to the compact navigation before translated labels start wrapping. */
@media (max-width: 1080px) {
  .site-header {
    height: 68px;
  }

  .brand {
    min-width: 0;
  }

  .menu-toggle {
    display: block;
    margin-left: auto;
  }

  .main-nav {
    display: none;
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
    padding: 14px;
    border-bottom: 1px solid var(--line);
    background: #fff;
  }

  .main-nav.open {
    display: block;
  }

  .site-menu {
    display: block;
  }

  .site-menu a {
    padding: 13px;
  }

  .languages {
    margin: 10px 0;
  }
}

@media (max-width: 900px) {
  .product-detail-layout,
  .product-info-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .product-detail-section > .container,
  .product-detail-layout,
  .product-gallery,
  .detail-main-image,
  .sku-thumbnails,
  .product-buy-panel {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .product-detail-section > .container {
    width: calc(100% - 28px);
    max-width: calc(100% - 28px);
  }

  .detail-main-image {
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .detail-main-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain !important;
  }

  .sku-thumbnails {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .products-banner,
  .product-title-banner {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    grid-column: 1 / -1 !important;
  }

  .products-banner > .container {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-inline: auto !important;
  }

  .product-title-banner .breadcrumb,
  .product-title-banner .title-row {
    max-width: 100%;
  }

  .product-title-banner .breadcrumb {
    flex-wrap: wrap;
  }

  .product-title-banner h1,
  .product-title-banner p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

/* Keep the anti-spam field invisible without creating a 9999px RTL canvas. */
.form-honeypot {
  inset: auto !important;
  left: auto !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.discontinued-purchase-panel{margin-top:20px;padding:22px;border:1px solid #fcd34d;border-radius:14px;background:#fffbeb;color:#78350f}.discontinued-purchase-panel>strong{display:block;font-size:17px;line-height:1.6}.discontinued-purchase-panel>p{margin:8px 0 18px;color:#92400e;line-height:1.75}.discontinued-purchase-panel .phone-button{background:#fff}