.products-related-container {
  width: 100%;
}

.products-related-container .row {
  width: 100%;
  margin: auto;
  display: inline-flex;
}
.products-related-container .type-col{
  width: 80%;
}

.productItem .type-col {
  width: 100%;
}
.content.product-transaction.product-action {
  height: 50px;
  display: flex;
  gap: 8px; /* Optional: spacing between children */
}

.content.product-transaction.product-action > *, .content.product-transaction.product-action fieldset, .content.product-transaction.product-action fieldset > * {
  height: 100%;
}

.form-group.m-productlist-amount {
  clip-path: inset(0 round 10px);
}


.product-transaction a, .product-transaction a.login-button {
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 10px;              /* Add this for vertical centering */
  justify-content: center;    /* Center text horizontally */
  color: white;
  text-decoration: none;
  padding: 7px 14px;
}
.product-transaction a.login-button {
  margin: unset;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  align-items: center;
  background-color: #143D6A;
}
.relatedProductsSwiper {
width: 90%;
height: 100%;
margin: auto;
overflow-x: hidden;
}

.swiper-slide.related-products {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.swiper-wrapper.related-products {
  padding: 2%;
  margin: auto;
}
.swiper-slide.related-products img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}


.related-next,
.related-prev {
  display: block;
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}