/* v14.2.7.4: slider ONLY below hero */

/* kill accidental slider/arrows inside black hero */
.fgh-hero .fgh-category-slider-wrap,
.fgh-marketplace-hero .fgh-category-slider-wrap,
.fgh-home-hero .fgh-category-slider-wrap,
.fgh-hero .fgh-home-only-cat-slider-wrap,
.fgh-marketplace-hero .fgh-home-only-cat-slider-wrap,
.fgh-home-hero .fgh-home-only-cat-slider-wrap,
.fgh-hero .fgh-cat-arrow,
.fgh-marketplace-hero .fgh-cat-arrow,
.fgh-home-hero .fgh-cat-arrow,
.fgh-hero .fgh-home-cat-arrow,
.fgh-marketplace-hero .fgh-home-cat-arrow,
.fgh-home-hero .fgh-home-cat-arrow,
.fgh-hero .fgh-home-only-cat-arrow,
.fgh-marketplace-hero .fgh-home-only-cat-arrow,
.fgh-home-hero .fgh-home-only-cat-arrow {
    display: none !important;
}

/* remove slider styling from anything inside black hero */
.fgh-hero .fgh-all-cat-horizontal,
.fgh-marketplace-hero .fgh-all-cat-horizontal,
.fgh-home-hero .fgh-all-cat-horizontal,
.fgh-hero .fgh-home-cat-slider,
.fgh-marketplace-hero .fgh-home-cat-slider,
.fgh-home-hero .fgh-home-cat-slider,
.fgh-hero .fgh-home-only-cat-slider,
.fgh-marketplace-hero .fgh-home-only-cat-slider,
.fgh-home-hero .fgh-home-only-cat-slider {
    display: revert !important;
    overflow: visible !important;
    white-space: normal !important;
    flex-wrap: revert !important;
}

/* actual slider below hero */
.fgh-below-hero-cat-wrap{
    position:relative!important;
    width:min(1180px,calc(100vw - 96px))!important;
    max-width:min(1180px,calc(100vw - 96px))!important;
    margin:34px auto 34px!important;
    padding:0 52px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    display:block!important;
    z-index:5!important;
}

.fgh-below-hero-cat-slider{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    width:100%!important;
    max-width:100%!important;
    padding:8px 2px 14px!important;
    margin:0!important;
    white-space:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
}
.fgh-below-hero-cat-slider::-webkit-scrollbar{display:none!important;}

.fgh-below-hero-cat-slider > *{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:max-content!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 20px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid #e8e8e8!important;
    box-shadow:0 8px 24px rgba(0,0,0,.055)!important;
    position:static!important;
    transform:none!important;
    float:none!important;
    clear:none!important;
}

.fgh-below-hero-cat-slider > * a,
.fgh-below-hero-cat-slider > * span,
.fgh-below-hero-cat-slider > * strong{
    white-space:nowrap!important;
    text-decoration:none!important;
    color:#222325!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:10px!important;
}

.fgh-below-hero-cat-slider > * > span:first-child,
.fgh-below-hero-cat-slider .fgh-category-icon,
.fgh-below-hero-cat-slider .fgh-cat-icon,
.fgh-below-hero-cat-slider .fgh-category-initial{
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    border-radius:13px!important;
    background:#eafff3!important;
    color:#00964b!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:14px!important;
    font-weight:900!important;
    padding:0!important;
}

.fgh-below-hero-cat-arrow{
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:999px!important;
    border:1px solid #e4e5e7!important;
    background:#fff!important;
    color:#222325!important;
    box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
    z-index:20!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:24px!important;
    font-weight:900!important;
    cursor:pointer!important;
    line-height:1!important;
    padding:0!important;
}
.fgh-below-hero-cat-arrow-left{left:0!important;}
.fgh-below-hero-cat-arrow-right{right:0!important;}
.fgh-below-hero-cat-arrow:disabled{opacity:.35!important;cursor:default!important;}

@media(max-width:768px){
    .fgh-below-hero-cat-wrap{
        width:calc(100vw - 68px)!important;
        max-width:calc(100vw - 68px)!important;
        margin:14px 0 22px!important;
        padding:0 38px!important;
    }
    .fgh-below-hero-cat-slider{gap:10px!important;padding:6px 2px 12px!important;}
    .fgh-below-hero-cat-slider > *{
        height:46px!important;
        min-height:46px!important;
        padding:0 16px!important;
    }
    .fgh-below-hero-cat-slider > * a,
    .fgh-below-hero-cat-slider > * span,
    .fgh-below-hero-cat-slider > * strong{font-size:14px!important;gap:8px!important;}
    .fgh-below-hero-cat-slider > * > span:first-child,
    .fgh-below-hero-cat-slider .fgh-category-icon,
    .fgh-below-hero-cat-slider .fgh-cat-icon,
    .fgh-below-hero-cat-slider .fgh-category-initial{
        width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;border-radius:11px!important;font-size:13px!important;
    }
    .fgh-below-hero-cat-arrow{width:34px!important;height:34px!important;min-width:34px!important;font-size:22px!important;}
}