/*
 * LG SHOWERS — GLOBAL NATIVE TABLET DESIGN SYSTEM
 *
 * Shared by all native menu pages.
 * Tablet range: 768px–1024px.
 */

@media (min-width: 768px) and (max-width: 1024px) {

    /*
     * Global tablet system:
     *
     * - header / navigation
     * - page width
     * - breadcrumbs
     * - hero layout
     * - typography
     * - CTA buttons
     * - image sizing
     * - trust bars
     * - section spacing
     * - finder / filters
     * - product cards
     * - forms
     * - tables
     */

}

/* ==========================================================
   GLOBAL FINDER SECTION SPACING — TABLET
   ========================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    body.lgsnp-native .lg-bf-finder {
        padding-top: 44px !important;
    }

    body.lgsnp-native .lg-bf-intro {
        margin-top: 0 !important;
    }

}

/* ==========================================================
   GLOBAL HELP + TRUST — TABLET
   ========================================================== */

@media (min-width:768px) and (max-width:1024px){

    body.lgsnp-native .lgsnp-help{
        grid-template-columns:1fr;
        gap:16px;
        padding:22px 28px;
    }

    body.lgsnp-native .lgsnp-help-btn{
        width:100%;
        min-width:0;
    }

    body.lgsnp-native .lgsnp-trust{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    body.lgsnp-native .lgsnp-trust > div:nth-child(3){
        border-left:0;
        border-top:1px solid #d9e6ee;
    }

    body.lgsnp-native .lgsnp-trust > div:nth-child(4){
        border-top:1px solid #d9e6ee;
    }

    body.lgsnp-native .lgsnp-trust + [id$="-finder"]{
        margin-top:44px;
    }

}