/* AL Shop All Homepage Banners Runtime Fix V1.5.9.5 */

:root{
    --alshop-hero-height-v1595:420px;
}

/*
 * The clipping was not only inside the slide. Slick's list/track/carousel-box
 * kept the older, shorter height, so descriptions and CTA buttons were cut.
 * Every wrapper now receives the same controlled height.
 */
.agm-home-v4 .agm-verified-hero-card,
.agm-home-v4 .agm-verified-hero-slider,
.agm-home-v4 .agm-verified-hero-slider .slick-list,
.agm-home-v4 .agm-verified-hero-slider .slick-track,
.agm-home-v4 .agm-verified-hero-slider .carousel-box{
    height:var(--alshop-hero-height-v1595)!important;
    min-height:var(--alshop-hero-height-v1595)!important;
    max-height:var(--alshop-hero-height-v1595)!important
}

.agm-home-v4 .agm-verified-hero-slider .slick-list{
    overflow:hidden!important
}

.agm-home-v4 .agm-verified-hero-slider .slick-track{
    display:flex!important;
    align-items:stretch!important
}

.agm-home-v4 .agm-verified-hero-slider .slick-slide{
    height:var(--alshop-hero-height-v1595)!important;
    min-height:var(--alshop-hero-height-v1595)!important
}

.agm-home-v4 .agm-verified-hero-slider .slick-slide>div,
.agm-home-v4 .agm-verified-hero-slider .carousel-box{
    width:100%!important;
    height:100%!important
}

/* Universal layout for every homepage hero banner. */
.agm-home-v4 .agm-verified-slide{
    display:grid!important;
    grid-template-columns:minmax(340px,.66fr) minmax(620px,1.34fr)!important;
    align-items:center!important;
    align-content:center!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    padding:32px 44px!important;
    overflow:hidden!important
}

.agm-home-v4 .agm-verified-slide-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    align-self:stretch!important;
    min-width:0!important;
    max-width:455px!important;
    height:100%!important;
    min-height:0!important;
    padding:14px 18px 14px 0!important;
    margin:0!important;
    overflow:visible!important;
    transform:none!important;
    position:relative!important;
    inset:auto!important;
    z-index:20!important
}

.agm-home-v4 .agm-verified-slide-badge{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
    align-items:center!important;
    align-self:flex-start!important;
    margin:0 0 10px!important;
    position:static!important;
    transform:none!important
}

.agm-home-v4 .agm-verified-slide-copy h1{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:445px!important;
    margin:0 0 10px!important;
    color:#172033!important;
    font-size:clamp(34px,2.7vw,52px)!important;
    line-height:1.02!important;
    letter-spacing:-.032em!important;
    text-wrap:balance!important;
    white-space:normal!important;
    overflow:visible!important;
    transform:none!important;
    position:static!important
}

.agm-home-v4 .agm-verified-slide-copy h1::after{
    margin-top:10px!important
}

.agm-home-v4 .agm-verified-slide-copy p{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:425px!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    color:#616b7a!important;
    font-size:14.5px!important;
    line-height:1.52!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    transform:none!important;
    position:static!important
}

.agm-home-v4 .agm-verified-slide-actions{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    width:100%!important;
    min-height:44px!important;
    margin:15px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
    position:relative!important;
    inset:auto!important;
    z-index:25!important
}

.agm-home-v4 .agm-verified-slide-cta{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:150px!important;
    min-height:42px!important;
    padding:0 17px!important;
    margin:0!important;
    border-radius:10px!important;
    color:#fff!important;
    background:var(--agm-accent-dark,#d84a1b)!important;
    font-size:12.5px!important;
    font-weight:850!important;
    line-height:1!important;
    text-decoration:none!important;
    transform:none!important;
    position:relative!important;
    inset:auto!important;
    z-index:30!important
}

.agm-home-v4 .agm-verified-slide-note{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
    align-items:center!important;
    min-height:34px!important;
    margin:0!important;
    color:#687386!important;
    font-size:11px!important;
    line-height:1.3!important;
    transform:none!important;
    position:static!important
}

/* Four products, one row, all inside the banner. */
.agm-home-v4 .agm-verified-products{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    align-content:center!important;
    justify-items:center!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    gap:16px!important;
    padding:0 0 0 16px!important;
    margin:0!important;
    overflow:hidden!important;
    transform:none!important;
    position:relative!important
}

.agm-home-v4 .agm-verified-product{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
    align-self:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:220px!important;
    height:auto!important;
    max-height:330px!important;
    margin:0!important;
    transform:none!important;
    overflow:visible!important
}

.agm-home-v4 .agm-verified-product:nth-child(n+5){
    display:none!important
}

.agm-home-v4 .agm-verified-product-image-wrap{
    display:block!important;
    width:100%!important;
    height:225px!important;
    min-height:225px!important;
    max-height:225px!important;
    padding:10px!important;
    margin:0!important;
    overflow:hidden!important;
    background:#fff!important
}

.agm-home-v4 .agm-verified-product-image,
.agm-home-v4 .agm-verified-product-image-wrap img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important
}

.agm-home-v4 .agm-verified-product-name{
    display:-webkit-box!important;
    visibility:visible!important;
    opacity:1!important;
    min-height:32px!important;
    max-height:34px!important;
    margin:7px 0 0!important;
    overflow:hidden!important;
    color:#172033!important;
    font-size:11.5px!important;
    font-weight:800!important;
    line-height:1.35!important;
    text-align:center!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important
}

/* Keep carousel dots inside the bottom of the real banner. */
.agm-home-v4 .agm-verified-hero-slider .slick-dots{
    position:absolute!important;
    left:50%!important;
    bottom:8px!important;
    z-index:40!important;
    transform:translateX(-50%)!important
}

@media(min-width:1440px){
    :root{
        --alshop-hero-height-v1595:440px;
    }

    .agm-home-v4 .agm-verified-slide{
        grid-template-columns:minmax(390px,.68fr) minmax(720px,1.32fr)!important;
        padding:34px 50px!important
    }

    .agm-home-v4 .agm-verified-slide-copy{
        max-width:470px!important
    }

    .agm-home-v4 .agm-verified-slide-copy h1{
        max-width:455px!important;
        font-size:clamp(38px,2.85vw,56px)!important
    }

    .agm-home-v4 .agm-verified-products{
        gap:18px!important;
        padding-left:20px!important
    }

    .agm-home-v4 .agm-verified-product{
        max-width:230px!important
    }

    .agm-home-v4 .agm-verified-product-image-wrap{
        height:240px!important;
        min-height:240px!important;
        max-height:240px!important
    }
}

@media(min-width:1800px){
    :root{
        --alshop-hero-height-v1595:465px;
    }

    .agm-home-v4 .agm-verified-slide{
        grid-template-columns:minmax(430px,.7fr) minmax(820px,1.3fr)!important;
        padding:38px 58px!important
    }

    .agm-home-v4 .agm-verified-slide-copy{
        max-width:500px!important
    }

    .agm-home-v4 .agm-verified-slide-copy h1{
        max-width:480px!important;
        font-size:clamp(42px,2.75vw,61px)!important
    }

    .agm-home-v4 .agm-verified-slide-copy p{
        max-width:460px!important;
        font-size:15.5px!important
    }

    .agm-home-v4 .agm-verified-products{
        gap:22px!important;
        padding-left:24px!important
    }

    .agm-home-v4 .agm-verified-product{
        max-width:245px!important
    }

    .agm-home-v4 .agm-verified-product-image-wrap{
        height:255px!important;
        min-height:255px!important;
        max-height:255px!important
    }
}

@media(max-width:1199.98px){
    :root{
        --alshop-hero-height-v1595:auto;
    }

    .agm-home-v4 .agm-verified-hero-card,
    .agm-home-v4 .agm-verified-hero-slider,
    .agm-home-v4 .agm-verified-hero-slider .slick-list,
    .agm-home-v4 .agm-verified-hero-slider .slick-track,
    .agm-home-v4 .agm-verified-hero-slider .slick-slide,
    .agm-home-v4 .agm-verified-hero-slider .carousel-box{
        height:auto!important;
        min-height:0!important;
        max-height:none!important
    }

    .agm-home-v4 .agm-verified-slide{
        grid-template-columns:1fr!important;
        height:auto!important;
        min-height:0!important;
        padding:28px 26px 38px!important
    }

    .agm-home-v4 .agm-verified-slide-copy{
        align-self:auto!important;
        height:auto!important;
        min-height:0!important;
        max-width:none!important;
        padding:8px 0 0!important
    }

    .agm-home-v4 .agm-verified-slide-copy h1,
    .agm-home-v4 .agm-verified-slide-copy p{
        max-width:680px!important
    }

    .agm-home-v4 .agm-verified-products{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        height:auto!important;
        max-height:none!important;
        margin-top:22px!important;
        padding-left:0!important
    }

    .agm-home-v4 .agm-verified-product:nth-child(n+4){
        display:none!important
    }

    .agm-home-v4 .agm-verified-product-image-wrap{
        height:205px!important;
        min-height:205px!important;
        max-height:205px!important
    }
}

@media(max-width:767.98px){
    .agm-home-v4 .agm-verified-slide{
        padding:23px 17px 32px!important
    }

    .agm-home-v4 .agm-verified-slide-copy h1{
        font-size:clamp(29px,9vw,41px)!important
    }

    .agm-home-v4 .agm-verified-products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:11px!important
    }

    .agm-home-v4 .agm-verified-product:nth-child(n+3){
        display:none!important
    }

    .agm-home-v4 .agm-verified-product-image-wrap{
        height:175px!important;
        min-height:175px!important;
        max-height:175px!important
    }
}