/* ==========================================================
   LG SHOWERS — BARRIER-FREE SHOWER PANS
   Page 8885
   Clean hero / help / trust architecture
   ========================================================== */

#lgbfp-page{
    --navy:#0A4A73;
    --blue:#10A5DC;
    --soft:#F3F8FB;
    --line:#D6E4EC;
    --text:#0B3E63;
    --muted:#5F778A;
    width:100%;
    font-family:Arial,Helvetica,sans-serif;
}

#lgbfp-page,
#lgbfp-page *{
    box-sizing:border-box;
}

/* HERO — BASE */

#lgbfp-page .hero{
    display:grid !important;
    grid-template-columns:46% 54% !important;
    width:100% !important;
    height:520px !important;
    min-height:520px !important;
    margin:0 !important;
    padding:0 !important;
    background:var(--navy) !important;
    overflow:hidden !important;
}

#lgbfp-page .hero-copy{
    width:100% !important;
    height:520px !important;
    min-height:520px !important;
    display:flex !important;
    align-items:center !important;
    background:var(--navy) !important;
    color:#fff !important;
}

#lgbfp-page .hero-copy-inner{
    width:100% !important;
    max-width:760px !important;
    margin-left:auto !important;
    margin-right:0 !important;
    padding:44px clamp(40px,4.3vw,76px) !important;
}

#lgbfp-page .hero-kicker{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
    margin:0 0 18px !important;
    color:#d9eef7 !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
}

#lgbfp-page .hero-kicker:before{
    content:"";
    width:48px;
    height:4px;
    border-radius:4px;
    background:var(--blue);
    display:block;
}

#lgbfp-page h1{
    margin:0 0 22px !important;
    color:#fff !important;
    font-size:clamp(40px,3.35vw,56px) !important;
    line-height:1.03 !important;
    letter-spacing:-.03em !important;
    font-weight:800 !important;
}

#lgbfp-page h1 span{
    display:block !important;
    margin-top:8px !important;
    color:var(--blue) !important;
    font-size:.64em !important;
    line-height:1.08 !important;
    letter-spacing:-.02em !important;
}

#lgbfp-page .hero-copy p{
    max-width:650px !important;
    margin:0 !important;
    color:#fff !important;
    font-size:17px !important;
    line-height:1.55 !important;
}

#lgbfp-page .hero-image{
    width:100% !important;
    height:520px !important;
    min-height:520px !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#eef4f7 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#lgbfp-page .hero-image img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    padding:42px 54px !important;
    margin:0 !important;
    transform:none !important;
}

/* FULL BROWSER WIDTH — ALL SCREEN SIZES */

body.page-id-8885{
    overflow-x:hidden !important;
}

body.page-id-8885 .elementor-element-bf10001,
body.page-id-8885 .elementor-element-bf10002{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    overflow:visible !important;
}

body.page-id-8885 #lgbfp-page{
    position:relative !important;
    left:50% !important;
    right:50% !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:-50vw !important;
    margin-right:-50vw !important;
    padding:0 !important;
    transform:none !important;
}

@media (min-width:1101px){

    body.page-id-8885 #lgbfp-page .hero{
        grid-template-columns:minmax(0,46%) minmax(0,54%) !important;
    }
}

/* TABLET HERO */

@media (min-width:761px) and (max-width:1100px){

    #lgbfp-page .hero{
        grid-template-columns:46% 54% !important;
        height:460px !important;
        min-height:460px !important;
    }

    #lgbfp-page .hero-copy{
        height:460px !important;
        min-height:460px !important;
    }

    #lgbfp-page .hero-copy-inner{
        padding:36px 30px !important;
    }

    #lgbfp-page h1{
        font-size:clamp(34px,4.5vw,46px) !important;
    }

    #lgbfp-page .hero-copy p{
        font-size:14px !important;
    }

    #lgbfp-page .hero-image{
        height:460px !important;
        min-height:460px !important;
    }

    #lgbfp-page .hero-image img{
        padding:24px 30px !important;
    }
}

/* MOBILE HERO */

@media (max-width:760px){

    #lgbfp-page .hero{
        grid-template-columns:1fr !important;
        height:auto !important;
        min-height:0 !important;
    }

    #lgbfp-page .hero-copy{
        height:auto !important;
        min-height:0 !important;
    }

    #lgbfp-page .hero-copy-inner{
        max-width:none !important;
        padding:38px 22px !important;
    }

    #lgbfp-page h1{
        font-size:clamp(36px,10vw,48px) !important;
    }

    #lgbfp-page .hero-copy p{
        font-size:16px !important;
    }

    #lgbfp-page .hero-image{
        height:300px !important;
        min-height:0 !important;
    }

    #lgbfp-page .hero-image img{
        padding:24px !important;
    }
}

/* TRUST BAR
   White ADA-style presentation.
   Desktop: 4 across.
   Mobile/Tablet: 2 x 2.
*/

#lgbfp-page .trustbar{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    border-top:1px solid #dce7ed !important;
    border-right:0 !important;
    border-bottom:1px solid #dce7ed !important;
    border-left:1px solid #dce7ed !important;
    box-sizing:border-box !important;
}

#lgbfp-page .trustbar > .wrap{
    width:min(1500px,100%) !important;
    max-width:1500px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:0 !important;
}

#lgbfp-page .trustbar > .wrap > .trustitem{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:78px !important;
    margin:0 !important;
    padding:12px 10px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    box-sizing:border-box !important;
    border:0 !important;
    background:#fff !important;
}

#lgbfp-page .trustbar > .wrap > .trustitem + .trustitem{
    border-left:1px solid #dce7ed !important;
}

#lgbfp-page .trust-copy{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    text-align:center !important;
}

#lgbfp-page .trustitem strong{
    display:block !important;
    margin:0 0 4px !important;
    color:#0A3D6A !important;
    font-size:14px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    text-align:center !important;
}

#lgbfp-page .trustitem strong a{
    color:#0A3D6A !important;
    text-decoration:none !important;
}

#lgbfp-page .trustitem .trust-copy > span{
    display:block !important;
    margin:0 !important;
    color:#58738A !important;
    font-size:12px !important;
    line-height:1.35 !important;
    text-align:center !important;
}

@media (max-width:768px){

    #lgbfp-page .trustbar > .wrap{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    #lgbfp-page .trustbar > .wrap > .trustitem{
        min-height:60px !important;
        padding:7px 6px !important;
        border-left:0 !important;
        border-right:1px solid #dce7ed !important;
        border-bottom:1px solid #dce7ed !important;
    }

    #lgbfp-page .trustbar > .wrap > .trustitem:nth-child(2n){
        border-right:0 !important;
    }

    #lgbfp-page .trustbar > .wrap > .trustitem:nth-child(n+3){
        border-bottom:0 !important;
    }

    #lgbfp-page .trustitem strong{
        font-size:11px !important;
    }

    #lgbfp-page .trustitem .trust-copy > span{
        font-size:9px !important;
    }
}