.cs-popular-cats{
    background:#0D1217 !important;
    border:0 !important;
    box-shadow:none !important;
}

.cs-popular-cats-carousel{
    position:relative;
}

.cs-popular-cats-track{
    display:flex;
    gap:16px;

    overflow-x:auto;
    overflow-y:hidden;

    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;

    scrollbar-width:none;
}

.cs-popular-cats-track::-webkit-scrollbar{
    display:none;
}

.cs-popular-cat-card{
    flex:0 0 calc((100% - 32px) / 3);
    min-width:calc((100% - 32px) / 3);

    overflow:hidden;

    border-radius:18px;

    background:#080B0F;

    border:1px solid rgba(255,255,255,.06);

    text-decoration:none;

    scroll-snap-align:start;

    transition:
        transform .20s ease,
        box-shadow .20s ease,
        border-color .20s ease;
}

.cs-popular-cat-card:hover{
    transform:translateY(-3px);

    border-color:rgba(255,255,255,.12);

    box-shadow:
        0 16px 38px rgba(0,0,0,.28);
}

.cs-popular-cat-image{
    width:100%;
    aspect-ratio:16 / 10;

    overflow:hidden;

    background:#0B0F14;
}

.cs-popular-cat-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
    object-position:center;

    transition:transform .26s ease;
}

.cs-popular-cat-card:hover img{
    transform:scale(1.025);
}

/* Prvé auto – Polo finom igazítása */
.cs-popular-cat-image img.is-polo{
    object-position:center 43%;
    transform:scale(1.06);
}

.cs-popular-cat-card:hover .cs-popular-cat-image img.is-polo{
    transform:scale(1.085);
}

.cs-popular-cat-content{
    padding:16px 17px 18px;
}

.cs-popular-cat-title{
    color:#F4F6F8;

    font-size:18px;
    line-height:1.2;

    font-weight:800;
}

.cs-popular-cat-chips{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:11px;
}

.cs-popular-cat-chips span{
    display:inline;
    min-height:0;
    padding:0;
    margin:0;

    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;

    color:#A5AFBA;
    font-size:12.5px;
    font-weight:600;
    line-height:1.4;
}


/* arrows */

.cs-popular-cats-arrow{
    position:absolute;

    top:50%;

    z-index:20;

    width:50px;
    height:50px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;

    border:0;
    outline:0;

    border-radius:999px;

    background:#20262C;

    color:#FFFFFF;

    box-shadow:
        0 14px 34px rgba(0,0,0,.58),
        0 5px 12px rgba(0,0,0,.38);

    transform:translateY(-50%);

    cursor:pointer;
}

.cs-popular-cats-arrow:hover{
    background:#2D343B;
}

.cs-popular-cats-arrow svg{
    width:22px;
    height:22px;
}

.cs-popular-cats-prev{
    left:-12px;
}

.cs-popular-cats-next{
    right:-12px;
}

.cs-popular-cats-arrow.is-hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}


/* tablet */

@media(max-width:1050px){

    .cs-popular-cat-card{
        flex:0 0 calc((100% - 16px) / 2);
        min-width:calc((100% - 16px) / 2);
    }

}


/* mobile */

@media(max-width:700px){

    .cs-popular-cats-track{
        gap:12px;
    }

    .cs-popular-cat-card{
        flex:0 0 84%;
        min-width:84%;
    }

    .cs-popular-cats-arrow{
        display:none;
    }

}