.slider-viewport {
    position: relative;
    overflow: hidden;      /* ★ 필수: 트랙이 넘쳐도 안 보이게 */
    width: 100%;
  }
   
  .slider {
    display: flex;         /* ★ 필수: 슬라이드들을 가로로 나열 */
    will-change: transform;
    transform: translateX(0);
  }
  
  .slide {
    flex: 0 0 100%;        /* ★ 필수: 한 화면 = 100% */
    user-select: none;
  }
  
  .dot.active { background: #333; }
  
  /* 뷰포트: 넘치는 트랙 가리기 */
  .single-product-slider.as-viewport {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  
  /* 트랙: 가로 배치 + 이동 애니메이션 */
  .single-product-slider .single-slider.as-track {
    display: flex;
    will-change: transform;
    transform: translateX(0);
  }
  
  /* 슬라이드: 한 화면 = 100% */
  .single-product-slider .single-card.as-slide {
    flex: 0 0 100%;
  }
  
  /* 도트(자동 생성) */
  .single-product-slider .dots {
    display: flex; gap: 8px; justify-content: center; margin-top: 8px;
  }
  .single-product-slider .dot {
    width: 8px; height: 8px; border-radius: 50%;
    border: none; background: #ccc;
  }
  .single-product-slider .dot.active { background: #333; }