.slider-container {
      position: relative;
      overflow: hidden;
    }

    .slider-wrapper {
      overflow-x: scroll;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .slider-wrapper::-webkit-scrollbar {
      display: none;
    }

    .slider-track {
      display: flex;
      gap: 1rem;
      padding: 1rem 0;
      animation: scroll 30s linear infinite;
      width: max-content;
    }

    .slider-container:hover .slider-track {
      animation-play-state: paused;
    }

    @keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    .slider-card {
      flex: 0 0 auto;
      min-width: 280px;
      max-width: 320px;
    }

    .slider-card .card {
      height: 100%;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s;
    }

    .slider-card .card:hover {
      transform: scale(1.02);
    }

    .nav-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: #ffffff;
      border: none;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      z-index: 2;
      cursor: pointer;
      box-shadow: 0 2px 6px rgba(0,0,0,0.3);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .nav-btn.left { left: 0.5rem; }
    .nav-btn.right { right: 0.5rem; }

    @media (max-width: 768px) {
      .slider-card { min-width: 240px; }
    }