/* Product-card responsive corrections. Loaded after the existing gallery CSS. */
body[class*="product-product-"] .product-nav-benefits-vA {
  position: relative !important;
  z-index: 2 !important;
  clear: both !important;
  height: auto !important;
  min-height: 0 !important;
  margin-bottom: clamp(16px, 2vw, 28px) !important;
  overflow: visible !important;
}

body[class*="product-product-"] .product-nav-benefits-vA + .row.relative {
  position: relative !important;
  z-index: 1 !important;
  clear: both !important;
  margin-top: 0 !important;
}

body[class*="product-product-"] .mbg-main {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 23 / 20 !important;
}

body[class*="product-product-"] .mbg-main-media,
body[class*="product-product-"] .mbg-main-media > picture,
body[class*="product-product-"] .mbg-main-media > picture > img,
body[class*="product-product-"] .mbg-main-media > img {
  width: 100% !important;
  height: 100% !important;
}

body[class*="product-product-"] .mbg-main-media > picture > img,
body[class*="product-product-"] .mbg-main-media > img {
  object-fit: contain !important;
}

body[class*="product-product-"] .product-wishlist-btn,
body[class*="product-product-"] .mbg-nav,
body[class*="product-product-"] .mbg-prev,
body[class*="product-product-"] .mbg-next {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
}

body[class*="product-product-"] .product-wishlist-btn svg {
  width: 22px !important;
  height: 22px !important;
}

body[class*="product-product-"] .mbg-nav::before {
  width: 9px !important;
  height: 9px !important;
}

@media (max-width: 1199px) and (min-width: 768px) {
  body[class*="product-product-"] .product-nav-benefits-vA .product-model-nav-pills a {
    min-height: 44px !important;
    padding-inline: 9px !important;
    font-size: 14px !important;
    line-height: 1.12 !important;
    gap: 6px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  body[class*="product-product-"] .product-nav-benefits-vA .product-model-nav-pills a {
    min-height: 44px !important;
    padding: 5px 7px !important;
    font-size: 12px !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: center !important;
  }

  body[class*="product-product-"] .product-nav-benefits-vA .product-benefit-chips {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  body[class*="product-product-"] .product-nav-benefits-vA .product-benefit-chips > .ban1,
  body[class*="product-product-"] .product-nav-benefits-vA .product-benefit-chips > .ban2,
  body[class*="product-product-"] .product-nav-benefits-vA .product-benefit-chips > .ban3 {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 54px !important;
    overflow: visible !important;
  }

  body[class*="product-product-"] .mbg-gallery {
    margin-top: 0 !important;
  }
}