/* =============================================================
   redesign-2026.css — mobile bug fixes
   ============================================================= */


.woocommerce ul.products li.product a.btn-outline-primary, .woocommerce ul.products li.product a.btn-outline-primary {
    border: none !important;
}

/* Fix: reduce excess gap between stacked buttons on mobile
   (.prod-btn-row uses Bootstrap gap-5 = 3rem, which is too large
   when flex-direction is column on screens below lg) */
@media (max-width: 991px) {
  .prod-btn-row {
    gap: 1rem !important;
  }
}



/* Center Buy Now button (and View cart link when present) in product card.
   btn-block sets width:100% — override it to auto so the flex centering works. */
/* .add-to-cart-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.add-to-cart-container > .btn {
  width: auto !important;
} */

/* Fix: prevent #next-product section text from being cut off on mobile.
   On desktop the section has a fixed max-height and the text is absolutely
   overlaid on the image — that's fine at desktop widths. On mobile the
   content can be taller than the capped height, clipping the text.
   Solution: lift the height cap, pin the image as a full-cover background,
   and let the text div drive the section height naturally. */
@media (max-width: 767px) {
  #next-product {
    max-height: none !important;
    height: auto !important;
    position: relative !important;
overflow: unset !important;
        margin-top: 100px;
  }

  /* Pin whichever img is visible on mobile as a full-bleed cover */
  #next-product > img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: 0 !important;
  }

  /* Pull text out of absolute stacking so it determines section height */
  /* #next-product .next-product-text {
    position: relative !important;
    z-index: 1 !important;
    padding: 3rem 1.5rem !important;
  } */
}


.woocommerce-shipping-destination{
  font-size:16px !important;
}