/* AL BADI FEATURED COLLECTIONS V1 */

.ab-collections{
    width:100%;
    margin:72px 0 88px;
}

.ab-collection{
    width:100%;
    margin:0 0 78px;
}

.ab-collection:last-child{
    margin-bottom:24px;
}

.ab-collection__head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:32px;
    margin:0 0 25px;
}

.ab-collection__heading{
    max-width:760px;
}

.ab-collection__heading .section-label{
    display:block;
    margin-bottom:10px;
}

.ab-collection__heading h2{
    margin:0;
    font-size:clamp(34px,4vw,56px);
    line-height:.98;
    letter-spacing:-.045em;
}

.ab-collection__heading p{
    max-width:680px;
    margin:15px 0 0;
    color:var(--muted,#667085);
    font-size:15px;
    line-height:1.7;
}

.ab-collection__controls{
    display:flex;
    align-items:center;
    gap:9px;
    flex:0 0 auto;
}

.ab-collection__controls button{
    width:48px;
    height:48px;
    border:1px solid rgba(16,24,40,.14);
    border-radius:50%;
    background:#fff;
    color:#101828;
    font:inherit;
    font-size:20px;
    cursor:pointer;
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.ab-collection__controls button:hover{
    transform:translateY(-2px);
    border-color:rgba(16,24,40,.32);
    box-shadow:0 10px 25px rgba(16,24,40,.08);
}

.ab-collection__rail{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(280px,calc((100% - 72px)/4));
    gap:24px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    padding:4px 2px 20px;
}

.ab-collection__rail::-webkit-scrollbar{
    display:none;
}

.ab-collection-card{
    min-width:0;
    scroll-snap-align:start;
}

.ab-collection-card .abx11-card__image{
    aspect-ratio:4/3;
}

.ab-collection-card .abx11-card__category{
    max-width:calc(100% - 72px);
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

@media (max-width:1100px){
    .ab-collection__rail{
        grid-auto-columns:minmax(285px,calc((100% - 40px)/3));
        gap:20px;
    }
}

@media (max-width:760px){
    .ab-collections{
        margin:52px 0 64px;
    }

    .ab-collection{
        margin-bottom:58px;
    }

    .ab-collection__head{
        align-items:flex-start;
        gap:18px;
        margin-bottom:20px;
    }

    .ab-collection__heading h2{
        font-size:clamp(30px,9vw,42px);
    }

    .ab-collection__heading p{
        font-size:14px;
        line-height:1.65;
    }

    .ab-collection__controls{
        display:none;
    }

    .ab-collection__rail{
        grid-auto-columns:min(82vw,330px);
        gap:16px;
        margin-right:-18px;
        padding-right:18px;
    }
}