/* Avada 컬럼 슬라이더 */
.col-slider .cs-wrap{width:100%;flex:0 0 100%;min-width:0}
.col-slider .cs-viewport{position:relative}
.col-slider .fusion-builder-row.cs-track{
  display:flex !important;flex-wrap:nowrap !important;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  overscroll-behavior-x:contain;
  padding-top:8px !important;padding-bottom:16px !important;
  width:auto !important;max-width:none !important; /* Avada 음수 마진 양쪽 모두 반영 → 우측 공백 제거 */
}
.col-slider .cs-track::-webkit-scrollbar{display:none}
.col-slider .cs-track.cs-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
.col-slider .cs-track.cs-dragging a{pointer-events:none}
.col-slider .cs-track > .fusion-layout-column{
  flex:0 0 calc(100% / var(--cs-view,3)) !important;
  width:calc(100% / var(--cs-view,3)) !important;
  max-width:none !important;
  scroll-snap-align:start;
  margin-bottom:0 !important;
}
@media (max-width:768px){
  .col-slider .cs-track > .fusion-layout-column{
    flex-basis:calc(100% / var(--cs-view-m,1)) !important;
    width:calc(100% / var(--cs-view-m,1)) !important;
  }
}

/* 화살표 */
.col-slider .cs-arrow{
  position:absolute;top:50%;z-index:5;transform:translateY(-50%);
  width:44px;height:44px;border-radius:50%;border:0;padding:0;margin:0;
  background:var(--cs-arrow-bg,#fff);color:var(--cs-arrow-color,#222);
  box-shadow:0 4px 14px rgba(0,0,0,.15);cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .2s;
}
.col-slider .cs-arrow:hover{transform:translateY(-50%) scale(1.06)}
.col-slider .cs-arrow[disabled]{opacity:0;pointer-events:none}
.col-slider .cs-prev{left:-22px}
.col-slider .cs-next{right:-22px}
.col-slider .cs-arrow svg{width:18px;height:18px}
@media (max-width:768px){
  .col-slider .cs-prev{left:4px}
  .col-slider .cs-next{right:4px}
  .col-slider .cs-arrow{width:36px;height:36px}
}
.col-slider.cs-noarrow .cs-arrow{display:none}

/* 점 */
.col-slider .cs-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}
.col-slider .cs-dots button{
  width:8px;height:8px;border-radius:8px;border:0;padding:0;margin:0;
  background:var(--cs-dot,#cfcfcf);cursor:pointer;transition:width .25s,background .25s;
}
.col-slider .cs-dots button.on{width:24px;background:var(--cs-dot-on,#222)}
.col-slider.cs-nodots .cs-dots{display:none}

/* 어두운 배경용 */
.col-slider.cs-dark{--cs-arrow-bg:rgba(255,255,255,.12);--cs-arrow-color:#fff;--cs-dot:rgba(255,255,255,.35);--cs-dot-on:#fff}