#featured_products_container{
    
background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(29,23,37,1) 33%,rgba(23,26,37,1) 66%,rgba(125,185,232,0) 100%);

}

/* Card flip for featured products */
#featured_loop {
  perspective: 1000px;
  /* display: grid; */
  /* grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem; */
}

.product-loop-card {
  position: relative;
 /* min-width: 280px;
 max-width: 350px;
 width: 100%; */
  aspect-ratio: 11 / 19;
  transform-style: preserve-3d;
  transition: transform 1s ease;
  transform: rotateY(180deg); /* Start face-down */
}

.product-loop-card.flipped {
  transform: rotateY(0deg); /* Flip to face-up */
}

.loop-card-front,
.loop-card-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.loop-card-back {
  transform: rotateY(180deg); /* So it's visible on initial flip */
}
.cls-1{
  fill:none !important;
}