/* ==========================================================
   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:700px !important;
    margin-left:auto !important;
    margin-right:auto !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 14px !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 !important;
    color:#fff !important;
    font-size:clamp(40px,3.35vw,56px) !important;
    line-height:1.03 !important;
    letter-spacing:-1.8px !important;
    font-weight:850 !important;
}

#lgbfp-page h1 span{
    display:block !important;
    margin-top:5px !important;
    color:var(--blue) !important;
    font-size:inherit !important;
    line-height:inherit !important;
    letter-spacing:inherit !important;
}

#lgbfp-page .hero-copy p{
    max-width:650px !important;
    margin:20px 0 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:#fff !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:cover !important;
    object-position:center center !important;
    padding:0 !important;
    margin:0 !important;
    transform:none !important;
}

/* NATIVE PAGE WIDTH OWNERSHIP */

#lgsnp-barrier-free-shower-pans-page{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    font-family:Arial,Helvetica,sans-serif;
}

#lgbfp-page{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}

/* HERO ACTIONS */

#lgbfp-page .hero-actions{
    display:flex;
    gap:10px;
    margin-top:16px;
    flex-wrap:nowrap;
}

#lgbfp-page .hero-btn{
    min-height:54px;
    padding:0 24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    border:2px solid transparent;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    line-height:1;
    font-weight:850;
    text-transform:uppercase;
    text-decoration:none;
    cursor:pointer;
}

#lgbfp-page .read-btn{
    background:var(--blue);
    color:#fff;
}

#lgbfp-page .quote-btn{
    background:transparent;
    color:#fff;
    border-color:rgba(255,255,255,.7);
}

@media (max-width:760px){
    #lgbfp-page .hero-actions{
        flex-direction:column;
        align-items:stretch;
    }

    #lgbfp-page .hero-btn{
        width:100%;
    }
}

/* TABLET HERO */

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

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

    #lgbfp-page .hero-copy{
        height:auto !important;
        min-height:auto !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:17px !important;
    }

    #lgbfp-page .hero-image{
        height:380px !important;
        min-height:380px !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:38px !important;
    }

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

    #lgbfp-page .hero-image{
        height:300px !important;
        min-height:280px !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;
    }
}