/* Carousel Base Styles */
 .carousel-container {
     transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .carousel-card {
     transition: all 0.3s ease;
 }

 .carousel-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
 }

 /* Existing animations */
 @keyframes scrollLeft {
     0% {
         transform: translateX(100%);
     }

     100% {
         transform: translateX(-100%);
     }
 }

 .animate-scroll {
     animation: scrollLeft 40s linear infinite;
     white-space: nowrap;
 }

 @keyframes loop {
     0% {
         transform: translateX(0%);
     }

     100% {
         transform: translateX(-50%);
     }
 }

 .animate-loop {
     animation: loop 20s linear infinite;
 }

 /* New carousel animations */
 .fade-in {
     animation: fadeIn 0.5s ease-in-out;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .pulse-animation {
     animation: pulse 2s infinite;
 }

 @keyframes pulse {

     0%,
     100% {
         opacity: 1;
     }

     50% {
         opacity: 0.7;
     }
 }

 .carousel-container {
     scroll-behavior: smooth;
 }

 .product-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .product-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
 }

 .icon-button {
     transition: all 0.3s ease;
 }

 .icon-button:hover {
     transform: scale(1.1);
 }

 .carousel-scroll {
     scrollbar-width: none;
     -ms-overflow-style: none;
 }

 .carousel-scroll::-webkit-scrollbar {
     display: none;
 }


 /*  */