
/* v14.5.9 homepage category slider only */
.fgh-home-cat-slider-section{
    position:relative;
    width:min(1180px,calc(100vw - 90px));
    max-width:min(1180px,calc(100vw - 90px));
    margin:8px auto 6px;
    padding:0;
    box-sizing:border-box;
    overflow:visible;
}
.fgh-home-cat-slider-track{
    display:flex;
    flex-wrap:nowrap;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:0;align-items:center;
    margin:0;
    white-space:nowrap;
}
.fgh-home-cat-slider-track::-webkit-scrollbar{display:none}
.fgh-home-cat-pill{
    flex:0 0 auto;
    height:58px;
    min-width:max-content;
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:0 24px;
    border-radius:18px;
    background:#fff;
    border:1px solid #e8e8e8;
    box-shadow:0 8px 24px rgba(0,0,0,.045);
    text-decoration:none!important;
    color:#111!important;
    box-sizing:border-box;
}
.fgh-home-cat-pill span{
    width:40px;
    height:40px;
    min-width:40px;
    border-radius:13px;
    background:#eafff3;
    color:#00964b;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:900;
}
.fgh-home-cat-pill strong{
    font-size:16px;
    line-height:1;
    font-weight:900;
    color:#111;
    white-space:nowrap;
}
.fgh-home-cat-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border-radius:999px;
    border:1px solid #e4e5e7;
    background:#fff;
    color:#222325;
    box-shadow:0 12px 30px rgba(0,0,0,.14);
    z-index:5;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    font-weight:900;
    cursor:pointer;
    line-height:1;
    padding:0;
}
.fgh-home-cat-prev{display:none}
.fgh-home-cat-next{display:none}
.fgh-home-cat-arrow:disabled{opacity:.35;cursor:default}

@media(max-width:768px){
    .fgh-home-cat-slider-section{
        width:calc(100vw - 68px);
        max-width:calc(100vw - 68px);
        margin:18px 0 24px;
        padding:0 38px;
    }
    .fgh-home-cat-slider-track{
        gap:10px;
        padding:6px 2px 12px;
    }
    .fgh-home-cat-pill{
        height:46px;
        padding:0 16px;
        gap:8px;
        border-radius:16px;
    }
    .fgh-home-cat-pill span{
        width:32px;
        height:32px;
        min-width:32px;
        border-radius:11px;
        font-size:13px;
    }
    .fgh-home-cat-pill strong{
        font-size:14px;
    }
    .fgh-home-cat-arrow{
        width:34px;
        height:34px;
        font-size:23px;
    }
}
