/* Simple horizontal carousel — drag/swipe + snap. Replaces slick/owl for
   simple card-row cases. */

.cc{
    position:relative;
    overflow:hidden;
}
.cc__track{
    display:flex;
    gap:12px;
    overflow-x:auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding-bottom:4px;
    scroll-behavior:smooth;
}
.cc__track::-webkit-scrollbar{ display:none; }
.cc__slide{
    flex:0 0 auto;
    scroll-snap-align: start;
    width: calc( (100% - 36px) / 4 );
    min-width:200px;
}
@media (max-width: 992px){ .cc__slide{ width: calc( (100% - 24px) / 3 ); } }
@media (max-width: 768px){ .cc__slide{ width: calc( (100% - 12px) / 2 ); } }
@media (max-width: 480px){ .cc__slide{ width: 85%; } }

.cc__btn{
    position:absolute;
    top:50%; transform:translateY(-50%);
    width:36px; height:36px;
    border:0; border-radius:50%;
    background:rgba(0,0,0,.55);
    color:#fff;
    cursor:pointer;
    font-size:16px;
    z-index:2;
    display:flex; align-items:center; justify-content:center;
    transition: background .2s;
}
.cc__btn:hover{ background:rgba(0,0,0,.8); }
.cc__btn--prev{ left:4px; }
.cc__btn--next{ right:4px; }
.cc__btn[disabled]{ opacity:.3; cursor:default; }