/* Skeleton shimmer effect */
    .skeleton {
      position: relative;
      overflow: hidden;
      background-color: #e2e8f0; /* Tailwind slate-300 */
    }
    .skeleton::after {
      content: "";
      position: absolute;
      top: 0;
      left: -150px;
      height: 100%;
      width: 150px;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
      );
      animation: loading 1.5s infinite;
    }
    @keyframes loading {
      0% {
        left: -150px;
      }
      100% {
        left: 100%;
      }
    }

    /* Hide scrollbar but keep scrolling */
  #featuredSlider {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  #featuredSlider::-webkit-scrollbar {
    display: none;  /* Chrome, Safari, Opera */
  }

  /* Skeleton card styles */
  .featuredSlider .skeleton-card {
    min-width: 260px;
    border-radius: 0.75rem; /* rounded-xl */
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
    background-size: 400% 100%;
    animation: shimmer 1.4s ease infinite;
    height: 450px; /* approx image + text space */
    position: relative;
  }

  /* Apply min-width 300px at small screens and above (640px) */
  @media (min-width: 640px) {
    .featuredSlider .skeleton-card {
      min-width: 300px;
    }
  }

  /* @keyframes shimmer {
    0% {
      background-position: 200% 0
    }
    100% {
      background-position: -200% 0
    }
  } */

  .featuredSlider .skeleton-img {
    width: 100%;
    height: 400px;
    border-radius: 0.75rem;
    background: #ddd;
    margin-bottom: 0.75rem;
  }

  .featuredSlider .skeleton-text {
    height: 20px;
    width: 70%;
    background: #ddd;
    border-radius: 4px;
    margin: 0.25rem 0;
  }

  /* Offer Section */
    @keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
  }

  .offer_section .skeleton-card {
    border-radius: 1.5rem; /* rounded-3xl */
    background: linear-gradient(
          90deg,
    rgb(255, 131, 36) 25%,
    rgb(255, 238, 7) 37%,
    rgb(254, 65, 3) 63%
    );
    background-size: 400% 100%;
    animation: shimmer 1.5s infinite;
    height: 288px; /* image + text approx */
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  .offer_section .skeleton-text {
    height: 1.2rem;
    margin-top: 0.75rem;
    border-radius: 0.375rem;
    background: rgba(255 255 255 / 0.15);
    width: 60%;
    animation: shimmer 1.5s infinite;
  }

  .offer_section .skeleton-text.short {
    width: 40%;
  }

  .offer_section .skeleton-text.small {
    width: 30%;
    margin-top: 0.5rem;
  }

  /* home product card */

  .Ex-products .skeleton-card {
    position: relative;
    overflow: hidden;
    border-radius: 1.5rem; /* rounded-3xl */
    background: linear-gradient(90deg,rgb(255, 148, 102) 25%,rgb(255, 201, 108) 37%,rgb(255, 150, 13) 63%);
    background-size: 400% 100%;
    animation: shimmer 1.5s infinite;
    height: 350px; /* image + text approx */
  }
  .Ex-products .skeleton-text {
    height: 1.2rem;
    margin-top: 0.75rem;
    border-radius: 0.375rem;
    background: rgba(255 255 255 / 0.15);
    width: 60%;
    animation: shimmer 1.5s infinite;
  }
  .Ex-products .skeleton-text.short {
    width: 40%;
  }
  .Ex-products .skeleton-text.small {
    width: 30%;
    margin-top: 0.5rem;
  }

  /* end home product card */