/* Product Scroller */
.product-scroller {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
}

.product-scroller__track {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex: 1;
  min-width: 0;
  display: flex;
  width: auto;
}

.product-scroller__track::-webkit-scrollbar {
  display: none;
}

.product-scroller__list {
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 30px 0 50px;
  gap: 16px;
}
section.related-products-section {
    margin-top: 30px;
}
.product-scroller__item {
  flex: 0 0 auto;
}

/* ── Slider Navigation Arrows ── */
.product-scroller__btn {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #d1d5db;
  background: #ffffff;
  color: #374151;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  z-index: 2;
}

.product-scroller__btn:hover {
  background: #0079C0;
  border-color: #0079C0;
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(0, 121, 192, 0.3);
}

.product-scroller__btn--hidden {
  opacity: 0.35;
  pointer-events: none;
}

.product-scroller__btn svg {
  width: 20px;
  height: 20px;
}

/* Optional sizing for slide cards rendered inside */
.product-scroller__item .product-slide-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 280px;
  border-radius: 18px;
  background: #fff;
  padding: 24px 18px 0;
  box-shadow: 0 10px 24px rgba(0,0,0,0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.product-scroller__item .product-slide-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(0,0,0,0.10);
}

/* --- Card internals to match homepage look --- */
.product-slide-image {
  width: 100%;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

.product-slide-image img {
  max-width: 100%;
  max-height: 140px;
  object-fit: contain;
}

 

 
 

/* Responsive tweaks */
@media (max-width: 992px) {
  .product-scroller__list { gap: 14px; }
  .product-scroller__item .product-slide-card { width: 240px; }
  .product-slide-image { height: 140px; }
  .product-slide-image img { max-height: 120px; }
}

@media (max-width: 576px) {
  .product-scroller__list { gap: 12px; }
  .product-scroller__item .product-slide-card { width: 210px; }
  .product-slide-image { height: 120px; }
  .product-slide-image img { max-height: 100px; }
}


.related-products-section .product-slide-card{

    position:relative;

    display:flex;

    flex-direction:column;

    overflow:hidden;

    background:#fff;

    border-radius: 10px;

    text-decoration:none;

    border:1px solid rgba(255,255,255,.2);

    box-shadow:0 12px 40px rgba(0,0,0,.08);

    transition:.55s cubic-bezier(.22,.61,.36,1);

    isolation:isolate;

    overflow: hidden;

}
.related-products-section .product-slide-card::before{

    content:"";

    position:absolute;

    inset:0;

    opacity:0;

    transition:.5s;

    z-index:-2;

}
.related-products-section .product-slide-card::after{

    content:"";

    position:absolute;

    inset:2px;

    background:#fff;

    border-radius:26px;

    z-index:-1;

}
.related-products-section .product-slide-card:hover{
 

    box-shadow:0 5px 5px rgba(79,87,255,.25)

}
.related-products-section .product-slide-card:hover::before{

    opacity:1;

}
 
.related-products-section .product-slide-image{

    position:relative;

    overflow:hidden;

    padding: 0;

    background:linear-gradient(180deg,#f8fbff,#eef3ff);

}
 
 
.related-products-section .product-slide-image:before{

    width:180px;

    height:180px;

    top:-70px;

    right:-70px;

}
 
.related-products-section .product-slide-image:after{

    width:120px;

    height:120px;

    bottom:-40px;

    left:-40px;

    background: rgb(188 20 46 / 5%);

}
 
.related-products-section .product-slide-image img{

    position:relative;

    z-index: 2;

    width:100%;

    height:230px;

    object-fit:contain;

    transition:.6s;

    background: transparent;

    mix-blend-mode: multiply; /* Best for white backgrounds */

    transition: transform .6s ease;

}
 
.related-products-section .product-slide-card:hover img{

    transform:scale(1.12) rotate(-3deg);

}
.related-products-section .product-slide-content{

    padding: 15px;

    height: 70px;

    display: flex;

    align-items: center;
    background: none !important;

}
 
.related-products-section .product-slide-content h4, .related-products-section .product-slide-content h4{

    margin:0;

    font-size: 16px;

    font-weight:700;

    color: #000000;

    line-height:1.4;

    transition:.3s;

}
 
.related-products-section .product-slide-card:hover h4{

    color:#196469;

}
 
 .field.field--name-field-image.field--type-image.field--label-hidden.field__item {
    height: 100%;
    width: 100%;
    background: transparent;
    mix-blend-mode: multiply;
}