/* Remaining eight local English pages only. The accepted first four are separate. */
body.gato-eight-banner-local { --gato-eight-height: max(360px, 26.3889vw); }

/* The existing MK200 shortcode widget shrink-wraps to 0px, allowing its submit
 * button to spill out at 320px. Restore only this native widget's layout width. */
body.gato-eight-banner-local.page-id-4389 .elementor-element.elementor-element-9789a8a {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

body.gato-eight-banner-local .gato-eight-banner-features {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 40px 24px;
    background: #f7fafc;
}
body.gato-eight-banner-local .gato-eight-banner-features > .e-con-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-inline: auto;
    max-width: 1200px;
    padding: 0;
    gap: 22px;
}
body.gato-eight-banner-local :is(.gato-eight-banner-features, .gato-eight-product-features) h2 {
    margin: 0;
    color: #17202b;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
}
body.gato-eight-banner-local .gato-eight-banner-features .elementor-widget-icon-list { width: 100%; }
body.gato-eight-banner-local .gato-eight-banner-features .elementor-icon-list-items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 40px;
}
body.gato-eight-banner-local .gato-eight-banner-features .elementor-icon-list-item {
    margin: 0;
    padding: 0;
    align-items: baseline;
}

/* V7 uses the same native product summary arrangement approved for G5p. */
body.gato-eight-banner-local.postid-1615 .ast-woocommerce-container > #product-1615 {
    display: block; width: 100%; max-width: none; margin: 0; padding: 70px 0 0;
}
body.gato-eight-banner-local.postid-1615 #product-1615 > :is(.woocommerce-tabs,.related,.gato-pdr-inquiry,.gato-eight-product-features) {
    width: min(1320px, calc(100% - 64px)); max-width: 1320px; margin-inline: auto;
}
body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero {
    display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);
    align-items: center; gap: 40px; box-sizing: border-box;
    padding: 24px max(24px, calc((100% - 1200px)/2)); background: #f5f8fa;
}
body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero > .summary {
    grid-column: 1; grid-row: 1; padding: 0;
}
body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero > .woocommerce-product-gallery {
    grid-column: 2; grid-row: 1; display: block; min-height: 0; padding: 0; background: transparent;
}
body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero .woocommerce-product-gallery__image > a {
    display: flex; align-items: center; justify-content: center;
}
body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero .woocommerce-product-gallery__image img {
    width: auto; max-width: 100%; height: auto; object-fit: contain;
}
body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero .gato-pdr-kicker { margin: 0 0 12px; font-size: 14px; }
body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero .product_title {
    padding: 0; margin: 0 0 18px; border: 0; font-size: clamp(32px,2.8vw,42px); line-height: 1.2; font-weight: 600;
}
body.gato-eight-banner-local.postid-1615 .gato-eight-product-brief {
    max-width: 580px; margin: 0; color: #56616b; font-size: 16px; line-height: 1.6;
}
body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero .gato-pdr-inquiry-button {
    min-height: 48px; margin-top: 20px; padding: 14px 26px; font-size: 15px; line-height: 20px;
}
body.gato-eight-banner-local.postid-1615 .gato-eight-product-features { box-sizing: border-box; padding: 48px 0 0; }
body.gato-eight-banner-local.postid-1615 .gato-eight-product-features h2 { margin-bottom: 24px; }
body.gato-eight-banner-local.postid-1615 .gato-eight-product-features ul {
    display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 48px; padding-left: 20px; margin: 0;
}
body.gato-eight-banner-local.postid-1615 .gato-eight-product-features li { padding: 0; }
body.gato-eight-banner-local.postid-1615 .gato-eight-product-features li::marker { color: #0094da; font-size: 16px; }

@media (min-width:1025px) {
    body.gato-eight-banner-local .gato-eight-hero {
        height: var(--gato-eight-height) !important; min-height: 0 !important;
        margin-top: 70px !important; padding: 24px !important;
        background-repeat: no-repeat;
    }
    body.gato-eight-banner-local .gato-eight-hero > .e-con-inner {
        height: 100% !important; min-height: 0 !important; max-width: 1200px !important;
        padding: 0 !important; justify-content: center; align-items: flex-start;
    }
    body.gato-eight-banner-local .gato-eight-hero-copy {
        width: 52% !important; max-width: 650px !important; padding: 0 !important; gap: 14px !important;
    }
    body.gato-eight-banner-local .gato-eight-hero :is(h1,h2) {
        margin: 0; font-size: clamp(32px,2.8vw,42px) !important; line-height: 1.2 !important; letter-spacing: -.8px;
    }
    body.gato-eight-banner-local .gato-eight-hero .elementor-widget-text-editor,
    body.gato-eight-banner-local .gato-eight-hero .elementor-widget-text-editor p {
        margin: 0; font-size: 16px !important; line-height: 1.55 !important;
    }
    body.gato-eight-banner-local .gato-eight-actions {
        padding: 0 !important; gap: 12px !important; flex-wrap: nowrap !important;
    }
    body.gato-eight-banner-local .gato-eight-hero .elementor-button {
        min-height: 48px; padding: 13px 22px; font-size: 15px !important;
    }
    body.gato-eight-banner-local.page-id-12738 .gato-eight-hero {
        background-size: auto 160% !important; background-position: 65% 75% !important;
    }
    body.gato-eight-banner-local.page-id-12126 .gato-eight-hero {
        background-size: auto 160% !important; background-position: 65% 65% !important;
    }
    body.gato-eight-banner-local.page-id-12245 .gato-eight-hero {
        background-size: auto 160% !important; background-position: 65% 65% !important;
    }
    body.gato-eight-banner-local.page-id-12290 .gato-eight-hero {
        background-size: auto 160% !important; background-position: 65% 58% !important;
    }
    body.gato-eight-banner-local.page-id-11772 .gato-eight-hero > .e-con-inner {
        flex-direction: row !important; gap: 40px; align-items: center;
    }
    body.gato-eight-banner-local.page-id-11772 .gato-e3-v3-hero-image { width: 48%; }
    body.gato-eight-banner-local.page-id-11772 .gato-e3-v3-hero-image img {
        max-height: calc(var(--gato-eight-height) - 48px); width: 100%; height: auto; object-fit: contain;
    }
    /* A7 and MK200 retain the original scene artwork beneath the text layer. */
    body.gato-eight-banner-local:is(.page-id-4259,.page-id-4389) .gato-eight-hero {
        position: relative; padding: 0 !important; overflow: hidden;
    }
    body.gato-eight-banner-local .gato-eight-scene {
        position: absolute; inset: 0; width: 100%; height: 100%; transform: none !important; margin: 0;
    }
    body.gato-eight-banner-local .gato-eight-scene > .elementor-widget-container { height: 100%; }
    body.gato-eight-banner-local .gato-eight-scene img {
        position: absolute; top: -25%; left: 0; width: 100%; height: 150%; max-width: none;
        object-fit: contain; object-position: 65% center;
    }
    body.gato-eight-banner-local.page-id-4389 .gato-eight-scene { inset: 24px 0; height: auto; }
    body.gato-eight-banner-local.page-id-4389 .gato-eight-scene img { top: 0; height: 100%; }
    body.gato-eight-banner-local .gato-eight-overlay {
        position: relative !important; inset: auto !important; width: 100%; height: 100%; min-height: 0; padding: 24px;
    }
    body.gato-eight-banner-local .gato-eight-overlay > .e-con-inner {
        max-width: 1200px; height: 100%; padding: 0; align-items: center;
    }
    body.gato-eight-banner-local .gato-eight-product-hero { height: var(--gato-eight-height); min-height: 0; }
    body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero .woocommerce-product-gallery__image img {
        max-height: calc(var(--gato-eight-height) - 48px);
    }
}

@media (max-width:1024px) {
    /* The infrared lists now follow the banner, preserving the native widget
       IDs and all text. Reserve image space using width, not a screen height. */
    body.gato-eight-banner-local:is(.page-id-12245,.page-id-12290) .gato-eight-hero {
        height: auto !important; min-height: 0 !important; margin-top: 60px;
        padding: 28px 24px max(300px,60vw) !important; background-position: bottom center !important;
    }
    body.gato-eight-banner-local:is(.page-id-12245,.page-id-12290) .gato-eight-hero > .e-con-inner {
        height: auto; min-height: 0 !important; padding: 0 !important;
    }
    body.gato-eight-banner-local:is(.page-id-12245,.page-id-12290) .gato-eight-hero-copy {
        width: 100% !important; padding: 0 !important; gap: 16px;
    }
    body.gato-eight-banner-local.postid-1615 .ast-woocommerce-container > #product-1615 { padding-top: 60px; }
    body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero {
        grid-template-columns: minmax(0,1fr); height: auto; min-height: 0; padding: 28px 24px 32px; gap: 24px;
    }
    body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero > .woocommerce-product-gallery { grid-column: 1; grid-row: 1; }
    body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero > .summary { grid-column: 1; grid-row: 2; }
    body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero .woocommerce-product-gallery__image img { max-height: 280px; }
}
@media (max-width:767px) {
    body.gato-eight-banner-local .gato-eight-banner-features { padding: 32px 20px; }
    body.gato-eight-banner-local .gato-eight-banner-features .elementor-icon-list-items { grid-template-columns: minmax(0,1fr); }
    body.gato-eight-banner-local :is(.gato-eight-banner-features,.gato-eight-product-features) h2 { font-size: 26px; }
    body.gato-eight-banner-local:is(.page-id-12245,.page-id-12290) .gato-eight-hero { padding-inline: 20px !important; }
    body.gato-eight-banner-local.postid-1615 #product-1615 > :is(.woocommerce-tabs,.related,.gato-pdr-inquiry,.gato-eight-product-features) { width: calc(100% - 40px); }
    body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero { padding-inline: 20px; }
    body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero .woocommerce-product-gallery__image img { max-height: 220px; }
    body.gato-eight-banner-local.postid-1615 .gato-eight-product-hero .product_title { font-size: 28px; }
    body.gato-eight-banner-local.postid-1615 .gato-eight-product-features ul { grid-template-columns: minmax(0,1fr); gap: 12px; }
}

/* L7 still uses its landscape scene at this tablet breakpoint. Keep the copy
 * beside the host instead of stretching text across the device photograph. */
@media (min-width:881px) and (max-width:1024px) {
    body.gato-eight-banner-local.page-id-12126 .gato-eight-hero {
        height: auto !important;
        min-height: 500px !important;
        margin-top: 60px;
        padding: 48px 24px !important;
        background-image: url('/wp-content/uploads/2026/06/Buried-Intrusion-Detection-System.webp') !important;
        background-size: auto 140% !important;
        background-position: 65% 65% !important;
    }
    body.gato-eight-banner-local.page-id-12126 .gato-eight-hero > .e-con-inner {
        min-height: 0 !important;
        height: auto;
        padding: 0 !important;
        justify-content: center;
    }
    body.gato-eight-banner-local.page-id-12126 .gato-eight-hero-copy {
        width: 52% !important;
        padding: 0 !important;
        gap: 16px;
    }
    body.gato-eight-banner-local.page-id-12126 .gato-eight-hero h1 {
        font-size: 30px !important;
        line-height: 1.25 !important;
    }
    body.gato-eight-banner-local.page-id-12126 .gato-eight-hero p {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }
    body.gato-eight-banner-local.page-id-12126 .gato-eight-actions {
        flex-direction: row !important;
        flex-wrap: wrap;
        gap: 12px;
    }
    body.gato-eight-banner-local.page-id-12126 .gato-eight-actions .elementor-widget-button { width: auto !important; }
    body.gato-eight-banner-local.page-id-12126 .gato-eight-actions .elementor-button {
        font-size: 14px;
        padding: 12px 16px;
    }
}