.header-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


.img-fluid-eq__wrap {
  overflow: hidden; /* Prevents the zoomed image from overflowing */
}

.img-fluid-eq__wrap img {
  transition: transform 0.6s ease; /* Smooth zoom over 0.6s */
}

.img-fluid-eq__wrap img:hover {
  transform: scale(1.1); /* Zooms in the image by 10% */
}


.slick-slides-carousel .slick-track {
    display: flex !important;
    flex-wrap: nowrap !important;
}
.slick-slides-carousel .slick-slide {
    float: none !important;
    height: auto;
}


/* Container for the new vertical images */
.bb-product-additional-images {
  display: flex;
  flex-direction: column;
  gap: 1rem;           /* space between images */
  margin-top: 2rem;    /* space above the stack */
}

/* Each “additional” image fills the width */
.bb-product-additional-images .additional-image-item img {
  width: 90% !important;
  height: auto !important;
  object-fit: contain;
  display: block;
}

.bb-product-additional-images .additional-image-item img {
  width: 90% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;

  /* new */
  margin-left: auto !important;
  margin-right: 0 !important;
}






/* ensure the .row is using flex (it already is in Bootstrap but this guarantees it) */
.product-detail-container .row {
  display: flex;
  align-items: flex-start;
}

/* pin the right-hand info column */
.product-detail-container .product-details-content {
  position: sticky;
  top: 20px;            /* adjust if you have a taller header */
  align-self: flex-start;
  /* optional: prevent it from growing too tall */
  max-height: calc(100vh - 40px);
  overflow-y: auto;
}

.product-detail-container .product-details-content {
  position: sticky;
  top: 20px;
  align-self: flex-start;

  /* remove the previous caps and scrollbar */
  max-height: none !important;
  overflow: visible !important;
}



.footer-payments img {
    width: 100%;
    height: auto;
    display: block;
}


.header--product .ps-product--header-sticky {
    align-items: center;
    display: none;
    flex-flow: row nowrap;
    justify-content: space-between;
}