/*
============================================================
P005A/B — EXACT APPROVED MOCKUP REFINEMENT
Footer structure untouched.
Only footer logo positioning is adjusted.
============================================================
*/


/* ========================================================
   DESKTOP
   ======================================================== */

@media (min-width: 1101px) {

    /* ---------- HERO ---------- */

    .am-hero,
    .am-hero-inner {
        min-height: 430px !important;
        height: 430px !important;
    }

    .am-hero-copy {
        width: 45% !important;
        padding: 34px 0 26px !important;
    }

    .am-hero h1 {
        font-size: clamp(42px, 3.5vw, 59px) !important;
        line-height: .94 !important;
    }

    .am-hero-description {
        margin: 14px 0 16px !important;

        max-width: 510px !important;

        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    .am-hero-actions .am-btn {
        min-height: 40px !important;
        padding: 0 20px !important;
    }

    .am-hero-badges {
        margin-top: 20px !important;
    }


    /* ---------- CATEGORY STRIP ---------- */

    .am-catalog {
        padding: 10px 0 8px !important;
    }

    /*
    In approved mockup categories start directly after hero.
    Hide "Основні напрямки".
    */
    .am-catalog > .shell > .am-section-head {
        display: none !important;
    }

    .am-category-grid {
        margin-top: 0 !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap: 8px !important;
    }

    .am-category-card {
        min-height: 112px !important;
        height: 112px !important;

        grid-template-columns:
            38px minmax(0, 1fr) 112px !important;

        gap: 8px !important;

        padding: 9px 11px !important;

        border-radius: 5px !important;
    }

    .am-category-icon {
        width: 32px !important;
        height: 32px !important;

        font-size: 15px !important;
    }

    .am-category-copy h3 {
        margin-bottom: 5px !important;

        font-size: 12px !important;
        line-height: 1.12 !important;
    }

    .am-category-copy p {
        font-size: 9px !important;
        line-height: 1.27 !important;
    }

    .am-category-card img {
        width: 112px !important;
        height: 88px !important;

        padding: 3px !important;

        object-fit: contain !important;
    }


    /* ---------- PRODUCTS ---------- */

    .am-products {
        padding: 5px 0 12px !important;
    }

    .am-products .am-section-head {
        min-height: 36px !important;
    }

    .am-products .am-section-head h2 {
        font-size: 24px !important;
    }

    /*
    Search must not occupy its own row.
    It opens only after pressing the header search button.
    */
    .am-search-wrap {
        display: none !important;

        width: min(420px, 100%) !important;

        margin:
            3px 0 8px auto !important;
    }

    .am-search-wrap.is-open {
        display: block !important;
    }

    .am-search-wrap input {
        height: 34px !important;
    }


    /*
    5 compact horizontal cards in one row.
    */
    .am-product-grid {
        display: grid !important;

        grid-template-columns:
            repeat(5, minmax(0, 1fr)) !important;

        gap: 7px !important;

        overflow: visible !important;

        padding: 0 !important;
    }

    .am-product-card {
        min-width: 0 !important;

        height: 128px !important;
        min-height: 128px !important;

        display: grid !important;

        grid-template-columns:
            43% 57% !important;

        border-radius: 4px !important;
    }

    .am-product-media {
        width: 100% !important;
        height: 128px !important;

        padding: 7px !important;

        background: #f2f0e9 !important;
    }

    .am-product-media img {
        width: 100% !important;
        height: 100% !important;

        padding: 0 !important;

        object-fit: contain !important;
    }

    .am-product-copy {
        min-height: 0 !important;
        height: 128px !important;

        padding: 9px 8px !important;
    }

    .am-product-copy small {
        font-size: 7.5px !important;
        line-height: 1.1 !important;
    }

    .am-product-copy h3 {
        margin: 4px 0 !important;

        font-size: 12px !important;
        line-height: 1.08 !important;
    }

    .am-tags {
        gap: 3px !important;
    }

    .am-tags span {
        padding: 3px 4px !important;

        font-size: 6.8px !important;
    }

    .am-product-copy > p {
        display: none !important;
    }

    .am-product-actions {
        margin-top: auto !important;

        grid-template-columns: 1fr !important;

        gap: 3px !important;
    }

    .am-product-actions button {
        min-height: 27px !important;

        font-size: 7.5px !important;
    }

    /*
    In compact home row we only need primary action.
    */
    .am-product-actions button:not(.primary) {
        display: none !important;
    }


    /* ---------- TRUST STRIP ---------- */

    .am-trust article {
        min-height: 80px !important;

        padding: 12px 18px !important;
    }

    .am-trust article > b {
        font-size: 25px !important;
    }

    .am-trust strong {
        font-size: 11px !important;
    }

    .am-trust span {
        font-size: 8px !important;
    }


    /* ---------- H170R + FORM ---------- */

    .am-lower {
        padding: 12px 0 !important;
    }

    .am-feature,
    .am-contact {
        min-height: 245px !important;
    }

    .am-feature-copy {
        padding: 20px !important;
    }

    .am-feature-copy h2 {
        font-size: 28px !important;
    }

    .am-feature > img {
        padding: 12px !important;
    }

    .am-contact {
        padding: 16px !important;
    }

}


/* ========================================================
   TABLET
   ======================================================== */

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

    .am-category-grid {
        grid-template-columns:
            repeat(2, 1fr) !important;
    }

    .am-product-grid {
        grid-template-columns:
            repeat(3, 1fr) !important;
    }

}


/* ========================================================
   MOBILE
   ======================================================== */

@media (max-width: 780px) {

    /* ---------- HERO ---------- */

    .am-hero,
    .am-hero-inner {
        min-height: 510px !important;
        height: 510px !important;
    }

    .am-hero-copy {
        width: 71% !important;

        padding-top: 28px !important;
    }

    .am-hero h1 {
        font-size: clamp(
            29px,
            8.4vw,
            40px
        ) !important;
    }

    .am-hero-description {
        font-size: 9.5px !important;
    }

    .am-hero-mark {
        top: 275px !important;
    }


    /* ---------- CATEGORIES ---------- */

    .am-catalog {
        padding: 8px 0 !important;
    }

    .am-catalog > .shell > .am-section-head {
        display: none !important;
    }

    .am-category-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 6px !important;

        margin: 0 !important;
    }

    .am-category-card {
        height: 98px !important;
        min-height: 98px !important;

        padding: 7px !important;
    }

    .am-category-copy h3 {
        font-size: 9.5px !important;
    }

    .am-category-card img {
        width: 46% !important;
        height: 57px !important;

        object-fit: contain !important;
    }


    /* ---------- POPULAR PRODUCTS ---------- */

    .am-products {
        padding: 7px 0 10px !important;
    }

    .am-products .am-section-head h2 {
        font-size: 19px !important;
    }

    .am-search-wrap {
        display: none !important;

        width: 100% !important;

        margin: 6px 0 !important;
    }

    .am-search-wrap.is-open {
        display: block !important;
    }

    .am-product-grid {
        display: flex !important;

        gap: 6px !important;

        overflow-x: auto !important;

        padding-bottom: 5px !important;

        scroll-snap-type: x mandatory;
    }

    .am-product-card {
        flex:
            0 0 min(
                310px,
                82vw
            ) !important;

        min-height: 132px !important;
        height: 132px !important;

        display: grid !important;

        grid-template-columns:
            42% 58% !important;

        scroll-snap-align: start;
    }

    .am-product-media {
        height: 132px !important;

        padding: 7px !important;
    }

    .am-product-copy {
        height: 132px !important;
        min-height: 0 !important;

        padding: 9px !important;
    }

    .am-product-copy small {
        font-size: 7px !important;
    }

    .am-product-copy h3 {
        font-size: 12px !important;

        margin: 4px 0 !important;
    }

    .am-product-copy > p {
        display: none !important;
    }

    .am-tags span {
        font-size: 6.5px !important;
    }

    .am-product-actions {
        margin-top: auto !important;
    }

    .am-product-actions button {
        min-height: 28px !important;

        font-size: 7px !important;
    }

    .am-product-actions button:not(.primary) {
        display: none !important;
    }


    /* ---------- TRUST ---------- */

    .am-trust-grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;
    }

    .am-trust article {
        min-height: 88px !important;

        display: flex !important;
        flex-direction: column !important;

        justify-content: center !important;

        gap: 4px !important;

        padding: 8px 4px !important;

        text-align: center !important;
    }

    .am-trust article > b {
        font-size: 21px !important;
    }

    .am-trust strong {
        font-size: 7.5px !important;
    }

    .am-trust span {
        font-size: 6.5px !important;
    }


    /* ---------- LOWER ---------- */

    .am-lower {
        padding: 8px 0 10px !important;
    }

    .am-feature {
        min-height: 220px !important;
    }

    .am-feature-copy {
        padding: 14px !important;
    }

    .am-feature-copy h2 {
        font-size: 22px !important;
    }

    .am-contact {
        padding: 14px !important;
    }

}


/* ========================================================
   FOOTER LOGO ONLY
   Footer itself is NOT redesigned.
   Restore the slightly protruding logo.
   ======================================================== */

.site-footer .footer-identity {
    overflow: visible !important;
}

.site-footer .footer-identity img {
    position: relative !important;

    top: -18px !important;

    width: 195px !important;
    max-width: 195px !important;

    height: auto !important;
    max-height: none !important;

    margin:
        0 0 -8px 0 !important;

    object-fit: contain !important;
}


@media (max-width: 780px) {

    .site-footer .footer-identity img {
        top: -16px !important;

        width: 158px !important;
        max-width: 158px !important;

        margin-bottom: -7px !important;
    }

}


/* ==========================================================
   P005C — FINAL HOMEPAGE COMPACTNESS
   ========================================================== */


/* ----------------------------------------------------------
   Only 5 products are visible on initial desktop homepage
   ---------------------------------------------------------- */

.am-extra-product {
    display: none !important;
}

.am-extra-product.is-visible {
    display: grid !important;
}


/* ----------------------------------------------------------
   FEATURE + FORM — match approved compact mockup
   ---------------------------------------------------------- */

@media (min-width: 781px) {

    .am-lower {
        padding: 10px 0 !important;
    }

    .am-lower-grid {
        grid-template-columns:
            1.08fr .92fr !important;

        gap: 10px !important;
    }


    .am-feature {
        min-height: 210px !important;
        height: 210px !important;

        grid-template-columns:
            .72fr 1.28fr !important;
    }


    .am-feature-copy {
        padding: 17px 20px !important;
    }


    .am-feature-copy small {
        font-size: 8px !important;
    }


    .am-feature-copy h2 {
        margin-top: 4px !important;

        font-size: 26px !important;
    }


    .am-feature-copy h3 {
        margin: 5px 0 8px !important;

        font-size: 11px !important;
    }


    .am-feature-copy p {
        margin-bottom: 10px !important;

        font-size: 9px !important;
        line-height: 1.35 !important;
    }


    .am-feature-copy .am-btn {
        min-height: 34px !important;

        padding: 0 16px !important;

        font-size: 9px !important;
    }


    .am-feature > img {
        width: 100% !important;
        height: 100% !important;

        padding: 8px 14px !important;

        object-fit: contain !important;
    }


    /* consultation */

    .am-contact {
        min-height: 210px !important;
        height: 210px !important;

        padding: 14px 16px !important;

        overflow: hidden !important;
    }


    .am-contact-title h2 {
        margin: 3px 0 !important;

        font-size: 18px !important;
    }


    .am-contact-title p {
        margin-bottom: 8px !important;

        font-size: 8.5px !important;
    }


    .am-form-row {
        gap: 5px !important;

        margin-bottom: 5px !important;
    }


    .am-contact input {
        height: 31px !important;

        padding: 6px 8px !important;

        font-size: 8.5px !important;
    }


    .am-contact textarea {
        height: 53px !important;
        min-height: 53px !important;

        padding: 7px 8px !important;

        font-size: 8.5px !important;

        resize: none !important;
    }


    .am-contact form > button {
        min-height: 32px !important;

        margin-top: 5px !important;

        font-size: 9px !important;
    }


    .am-form-status {
        margin-top: 3px !important;

        font-size: 7px !important;
    }

}


/* ----------------------------------------------------------
   Mobile still uses horizontal cards
   ---------------------------------------------------------- */

@media (max-width: 780px) {

    .am-extra-product {
        display: none !important;
    }

    .am-extra-product.is-visible {
        display: grid !important;
    }


    .am-feature {
        height: auto !important;
        min-height: 205px !important;
    }


    .am-contact {
        height: auto !important;
        min-height: auto !important;

        overflow: visible !important;
    }

}


/* ==========================================================
   P005D — FINAL TARGET MATCH
   ========================================================== */


/* ----------------------------------------------------------
   HEADER — horizontal ARMOUR MOTORS treatment
   ---------------------------------------------------------- */

.site-header .brand {
    width: 220px !important;
    max-width: 220px !important;

    display: flex !important;
    align-items: center !important;

    gap: 9px !important;

    overflow: visible !important;
}

.site-header .brand img {
    flex: 0 0 58px !important;

    width: 58px !important;
    height: 58px !important;

    object-fit: contain !important;
}

.site-header .brand::after {
    content: "ARMOUR\\A MOTORS";

    white-space: pre;

    color: #eee9c8;

    font-size: 18px;
    line-height: .78;

    font-weight: 950;

    letter-spacing: .06em;
}


/* ----------------------------------------------------------
   POPULAR PRODUCTS
   ---------------------------------------------------------- */

@media (min-width: 1101px) {

    .am-product-grid {
        grid-template-columns:
            repeat(5, minmax(0, 1fr)) !important;
    }

}


/* ----------------------------------------------------------
   TRUST STRIP — 5 items
   ---------------------------------------------------------- */

.am-trust-grid {
    grid-template-columns:
        repeat(5, minmax(0, 1fr)) !important;
}

.am-trust article {
    min-width: 0 !important;
}


/* ----------------------------------------------------------
   FEATURE H170R — exactly 3 areas like target
   ---------------------------------------------------------- */

@media (min-width: 781px) {

    .am-feature-target {
        height: 210px !important;
        min-height: 210px !important;

        display: grid !important;

        grid-template-columns:
            .82fr
            1.08fr
            .72fr !important;

        align-items: center !important;

        overflow: hidden !important;
    }

    .am-feature-target .am-feature-copy {
        padding: 18px 0 18px 20px !important;
    }

    .am-feature-engine {
        height: 100%;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .am-feature-engine img {
        width: 100%;
        height: 100%;

        max-height: 195px;

        padding: 7px;

        object-fit: contain;
    }

    .am-feature-specs {
        padding: 16px 17px 16px 4px;

        display: flex;
        flex-direction: column;

        gap: 11px;
    }

    .am-feature-specs > div {
        display: grid;

        grid-template-columns:
            22px 1fr;

        align-items: center;

        gap: 7px;

        font-size: 8px;
        line-height: 1.25;

        color: #30362e;
    }

    .am-feature-specs b {
        color: #1f3220;

        font-size: 16px;
    }

}


/* ----------------------------------------------------------
   TARGET FOOTER
   ---------------------------------------------------------- */

.target-footer {
    position: relative;

    overflow: visible !important;

    margin-top: 0 !important;

    padding: 0 !important;

    color: #e3e6de;

    background: #08140d;
}

.target-footer-row {
    min-height: 88px;

    display: grid;

    grid-template-columns:
        200px
        1.22fr
        .9fr
        1fr
        .55fr
        1.05fr;

    align-items: center;

    gap: 18px;
}

.target-footer-brand {
    position: relative;

    height: 88px;

    display: flex;
    align-items: center;

    gap: 6px;

    color: #e8e3be;

    text-decoration: none;

    overflow: visible;
}

.target-footer-brand img {
    position: relative !important;

    top: -10px !important;

    width: 72px !important;
    max-width: 72px !important;

    height: 82px !important;
    max-height: 82px !important;

    margin: 0 !important;

    object-fit: contain !important;
}

.target-footer-brand span {
    font-size: 15px;
    line-height: .78;

    font-weight: 950;

    letter-spacing: .04em;
}

.target-footer-address,
.target-footer-contact,
.target-footer-slogan {
    color: #cbd2c8;

    font-size: 9px;
    line-height: 1.4;
}

.target-footer-contact {
    text-decoration: none;
}

.target-footer-socials {
    display: flex;

    gap: 8px;
}

.target-footer-socials span {
    width: 24px;
    height: 24px;

    display: grid;
    place-items: center;

    border-radius: 2px;

    color: #08140d;

    background: #f4f4ed;

    font-size: 10px;
    font-weight: 900;
}

.target-footer-slogan {
    padding-left: 14px;

    border-left: 2px solid #ee5c19;

    font-weight: 750;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 780px) {

    .site-header .brand {
        width: 162px !important;
        max-width: 162px !important;

        gap: 5px !important;
    }

    .site-header .brand img {
        width: 48px !important;
        height: 48px !important;

        flex-basis: 48px !important;
    }

    .site-header .brand::after {
        font-size: 13px;
    }


    .am-trust-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    .am-tech-support {
        grid-column: 1 / -1;
    }


    .am-feature-target {
        display: grid !important;

        grid-template-columns: 1fr !important;

        height: auto !important;

        min-height: 0 !important;
    }

    .am-feature-engine {
        min-height: 170px;
    }

    .am-feature-engine img {
        width: 100%;
        height: 170px;

        object-fit: contain;
    }

    .am-feature-specs {
        display: grid;

        grid-template-columns:
            1fr 1fr;

        gap: 8px;

        padding: 12px 16px 18px;
    }

    .am-feature-specs > div {
        display: flex;

        align-items: center;

        gap: 6px;

        font-size: 8px;
    }


    .target-footer {
        padding-top: 20px !important;
    }

    .target-footer-row {
        min-height: 0;

        grid-template-columns:
            1fr 1fr;

        gap: 13px 14px;

        padding-top: 0;
        padding-bottom: 20px;
    }

    .target-footer-brand {
        grid-column: 1 / -1;

        height: 72px;
    }

    .target-footer-brand img {
        top: -16px !important;

        width: 65px !important;
        max-width: 65px !important;

        height: 82px !important;
    }

    .target-footer-brand span {
        font-size: 14px;
    }

    .target-footer-address {
        grid-column: 1 / -1;
    }

    .target-footer-contact {
        font-size: 9px;
    }

    .target-footer-socials {
        align-items: center;
    }

    .target-footer-slogan {
        grid-column: 1 / -1;

        margin-top: 4px;
    }

}


/* ==========================================================
   P005E — HEADER USES SAME FULL LOGO AS FOOTER
   ========================================================== */

/*
Remove artificial text that was added beside the logo.
The image itself already contains ARMOUR MOTORS.
*/
.site-header .brand::after {
    content: none !important;
    display: none !important;
}


/* desktop */
.site-header .brand {
    width: 125px !important;
    max-width: 125px !important;

    height: 74px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    overflow: visible !important;
}

.site-header .brand img {
    display: block !important;

    width: 105px !important;
    max-width: 105px !important;

    height: 82px !important;
    max-height: 82px !important;

    object-fit: contain !important;

    position: relative !important;
    top: 3px !important;

    margin: 0 !important;
}


/* mobile */
@media (max-width: 780px) {

    .site-header .brand {
        width: 95px !important;
        max-width: 95px !important;

        height: 66px !important;
    }

    .site-header .brand img {
        width: 88px !important;
        max-width: 88px !important;

        height: 76px !important;
        max-height: 76px !important;

        top: 5px !important;
    }

}


/* ==========================================================
   P005F — SWAP HEADER / FOOTER LOGO VISUAL STYLES
   header <- footer style
   footer <- header style
   fully responsive
   ========================================================== */

/* прибираємо будь-які штучні підписи біля лого */
.site-header .brand::after,
.site-footer .brand::after,
footer .brand::after,
.footer-brand::after,
.footer-logo::after {
    content: none !important;
    display: none !important;
}

/* універсально для картинок логотипа */
.site-header .brand img,
.site-footer .brand img,
footer .brand img,
.footer-brand img,
.footer-logo img,
.site-header .brand picture img,
.site-footer .brand picture img,
footer .brand picture img,
.footer-brand picture img,
.footer-logo picture img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}


/* ==========================================================
   HEADER = style that was in footer
   велике shield-logo, але контрольоване і адаптивне
   ========================================================== */

.site-header .brand,
header .brand,
.header-brand,
.navbar-brand {
    width: 130px !important;
    max-width: 130px !important;
    min-width: 130px !important;
    height: 82px !important;

    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    overflow: visible !important;
    position: relative !important;
    z-index: 5 !important;
}

.site-header .brand img,
header .brand img,
.header-brand img,
.navbar-brand img,
.site-header .brand picture img,
header .brand picture img,
.header-brand picture img,
.navbar-brand picture img {
    width: 106px !important;
    max-width: 106px !important;
    height: 92px !important;
    max-height: 92px !important;

    position: relative !important;
    top: 2px !important;
    left: 0 !important;
    margin: 0 !important;
}


/* ==========================================================
   FOOTER = style that was in header
   компактне лого, без розвалу футера
   ========================================================== */

.site-footer .brand,
footer .brand,
.footer-brand,
.footer-logo {
    width: 150px !important;
    max-width: 150px !important;
    min-width: 150px !important;
    height: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    overflow: hidden !important;
    position: relative !important;
    z-index: 2 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.site-footer .brand img,
footer .brand img,
.footer-brand img,
.footer-logo img,
.site-footer .brand picture img,
footer .brand picture img,
.footer-brand picture img,
.footer-logo picture img {
    width: 115px !important;
    max-width: 115px !important;
    height: auto !important;
    max-height: 72px !important;

    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;

    margin: 0 !important;
}

/* щоб футер не ламався від лого */
.site-footer .footer-top,
.site-footer .footer-main,
footer .footer-top,
footer .footer-main,
footer .footer-row {
    align-items: center !important;
}

.site-footer .footer-brand-wrap,
footer .footer-brand-wrap,
.footer-brand-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    overflow: visible !important;
}


/* ==========================================================
   TABLET
   ========================================================== */
@media (max-width: 1024px) {

    .site-header .brand,
    header .brand,
    .header-brand,
    .navbar-brand {
        width: 110px !important;
        max-width: 110px !important;
        min-width: 110px !important;
        height: 74px !important;
    }

    .site-header .brand img,
    header .brand img,
    .header-brand img,
    .navbar-brand img,
    .site-header .brand picture img,
    header .brand picture img,
    .header-brand picture img,
    .navbar-brand picture img {
        width: 92px !important;
        max-width: 92px !important;
        height: 82px !important;
        max-height: 82px !important;
    }

    .site-footer .brand,
    footer .brand,
    .footer-brand,
    .footer-logo {
        width: 128px !important;
        max-width: 128px !important;
        min-width: 128px !important;
    }

    .site-footer .brand img,
    footer .brand img,
    .footer-brand img,
    .footer-logo img,
    .site-footer .brand picture img,
    footer .brand picture img,
    .footer-brand picture img,
    .footer-logo picture img {
        width: 98px !important;
        max-width: 98px !important;
        max-height: 64px !important;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */
@media (max-width: 780px) {

    /* header */
    .site-header .brand,
    header .brand,
    .header-brand,
    .navbar-brand {
        width: 92px !important;
        max-width: 92px !important;
        min-width: 92px !important;
        height: 64px !important;
    }

    .site-header .brand img,
    header .brand img,
    .header-brand img,
    .navbar-brand img,
    .site-header .brand picture img,
    header .brand picture img,
    .header-brand picture img,
    .navbar-brand picture img {
        width: 78px !important;
        max-width: 78px !important;
        height: 72px !important;
        max-height: 72px !important;
        top: 1px !important;
    }

    /* footer */
    .site-footer .brand,
    footer .brand,
    .footer-brand,
    .footer-logo {
        width: 108px !important;
        max-width: 108px !important;
        min-width: 108px !important;
        justify-content: flex-start !important;
    }

    .site-footer .brand img,
    footer .brand img,
    .footer-brand img,
    .footer-logo img,
    .site-footer .brand picture img,
    footer .brand picture img,
    .footer-brand picture img,
    .footer-logo picture img {
        width: 86px !important;
        max-width: 86px !important;
        max-height: 58px !important;
    }
}



/* ==========================================================
   P005G
   Fix:
   - footer MUST NOT overlap section above
   - consultation form must be completely visible
   - H170R section must not be clipped
   - footer logo compact
   - company address fully visible
   ========================================================== */


/* ----------------------------------------------------------
   LOWER SECTION
   Undo old fixed 210px clipping
   ---------------------------------------------------------- */

.am-lower {
    position: relative !important;
    z-index: 1 !important;

    height: auto !important;
    min-height: 0 !important;

    overflow: visible !important;

    padding: 12px 0 16px !important;
}

.am-lower-grid {
    height: auto !important;

    align-items: stretch !important;
}

.am-feature,
.am-feature-target,
.am-contact {
    height: auto !important;
    min-height: 255px !important;

    overflow: visible !important;
}


/* H170R */

.am-feature-target {
    position: relative !important;
}

.am-feature-target .am-feature-copy {
    min-width: 0 !important;
}

.am-feature-engine {
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.am-feature-engine img {
    display: block !important;

    width: 100% !important;
    max-width: 370px !important;

    height: auto !important;
    max-height: 220px !important;

    object-fit: contain !important;
}


/* consultation */

.am-contact {
    display: block !important;

    padding: 18px 20px 20px !important;
}

.am-contact form {
    display: block !important;

    height: auto !important;

    overflow: visible !important;
}

.am-contact textarea {
    height: 66px !important;
    min-height: 66px !important;

    resize: vertical !important;
}

.am-contact form > button {
    display: flex !important;

    width: 100% !important;
    min-height: 38px !important;

    margin-top: 8px !important;

    align-items: center !important;
    justify-content: center !important;
}


/* ----------------------------------------------------------
   FOOTER
   Footer participates normally in document flow
   ---------------------------------------------------------- */

.site-footer.target-footer {
    position: relative !important;

    clear: both !important;

    width: 100% !important;

    height: auto !important;
    min-height: 112px !important;

    margin: 0 !important;

    padding: 13px 0 !important;

    overflow: visible !important;

    z-index: 1 !important;

    background: #07150d !important;
}


/* footer grid */

.site-footer.target-footer .target-footer-row {
    position: relative !important;

    width: 100% !important;

    min-height: 86px !important;
    height: auto !important;

    display: grid !important;

    grid-template-columns:
        170px
        minmax(210px, 1.25fr)
        minmax(165px, .8fr)
        minmax(185px, .95fr)
        120px
        minmax(190px, .95fr) !important;

    align-items: center !important;

    gap: 20px !important;

    overflow: visible !important;
}


/* ----------------------------------------------------------
   FOOTER LOGO
   Full shield, but compact and contained
   ---------------------------------------------------------- */

.site-footer.target-footer .target-footer-brand {
    position: relative !important;

    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;

    height: 90px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: visible !important;

    text-decoration: none !important;
}


/* hide duplicated ARMOUR MOTORS text;
   it is already inside the logo image */
.site-footer.target-footer .target-footer-brand > span {
    display: none !important;
}


.site-footer.target-footer .target-footer-brand img {
    position: static !important;

    display: block !important;

    width: 122px !important;
    min-width: 0 !important;
    max-width: 122px !important;

    height: 90px !important;
    min-height: 0 !important;
    max-height: 90px !important;

    margin: 0 !important;

    transform: none !important;

    object-fit: contain !important;
}


/* ----------------------------------------------------------
   FOOTER DATA
   ---------------------------------------------------------- */

.site-footer.target-footer .target-footer-address {
    position: static !important;

    display: block !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #d7ddd4 !important;

    font-size: 11px !important;
    line-height: 1.48 !important;

    white-space: normal !important;

    overflow: visible !important;
}


.site-footer.target-footer .target-footer-contact {
    position: static !important;

    display: block !important;

    min-width: 0 !important;

    color: #eef1e9 !important;

    font-size: 11px !important;
    line-height: 1.35 !important;

    text-decoration: none !important;

    white-space: nowrap !important;
}


.site-footer.target-footer .target-footer-socials {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 9px !important;

    min-width: 0 !important;
}


.site-footer.target-footer .target-footer-slogan {
    display: block !important;

    min-width: 0 !important;

    padding-left: 15px !important;

    border-left: 2px solid #ef5b16 !important;

    color: #e6e8de !important;

    font-size: 10px !important;
    line-height: 1.35 !important;

    white-space: normal !important;
}


/* ----------------------------------------------------------
   MEDIUM DESKTOP / TABLET
   ---------------------------------------------------------- */

@media (max-width: 1250px) {

    .site-footer.target-footer .target-footer-row {
        grid-template-columns:
            135px
            1.15fr
            .85fr
            1fr
            105px
            1fr !important;

        gap: 12px !important;
    }

    .site-footer.target-footer .target-footer-brand {
        width: 125px !important;
        min-width: 125px !important;
        max-width: 125px !important;
    }

    .site-footer.target-footer .target-footer-brand img {
        width: 105px !important;
        max-width: 105px !important;

        height: 82px !important;
        max-height: 82px !important;
    }

    .site-footer.target-footer .target-footer-address,
    .site-footer.target-footer .target-footer-contact {
        font-size: 9px !important;
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 780px) {

    .am-lower {
        padding-bottom: 18px !important;
    }

    .am-lower-grid {
        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 10px !important;
    }

    .am-feature,
    .am-feature-target,
    .am-contact {
        height: auto !important;
        min-height: 0 !important;

        overflow: visible !important;
    }

    .am-feature-engine img {
        max-width: 310px !important;
        max-height: 190px !important;
    }

    .am-contact textarea {
        height: 86px !important;
        min-height: 86px !important;
    }


    /* Footer becomes clean vertical mobile block */

    .site-footer.target-footer {
        min-height: 0 !important;

        padding:
            22px
            0
            92px !important;
    }

    .site-footer.target-footer .target-footer-row {
        min-height: 0 !important;

        display: grid !important;

        grid-template-columns:
            1fr 1fr !important;

        gap:
            18px
            16px !important;

        align-items: start !important;
    }

    .site-footer.target-footer .target-footer-brand {
        grid-column:
            1 / -1 !important;

        width: 125px !important;
        min-width: 0 !important;
        max-width: 125px !important;

        height: 102px !important;
    }

    .site-footer.target-footer .target-footer-brand img {
        width: 120px !important;
        max-width: 120px !important;

        height: 100px !important;
        max-height: 100px !important;
    }

    .site-footer.target-footer .target-footer-address {
        grid-column:
            1 / -1 !important;

        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .site-footer.target-footer .target-footer-contact {
        white-space: normal !important;

        font-size: 12px !important;
    }

    .site-footer.target-footer .target-footer-socials {
        justify-content: flex-start !important;
    }

    .site-footer.target-footer .target-footer-slogan {
        grid-column:
            1 / -1 !important;

        font-size: 11px !important;
    }

}



/* ==========================================================
   P006 — COMPANY FOOTER
   Company has no public social networks
   ========================================================== */

.target-footer-socials,
.footer-socials,
.site-footer .socials,
.site-footer [class*="social"] {
    display: none !important;
}



/* ==========================================================
   P006B — FOOTER WITHOUT SOCIAL NETWORKS
   ========================================================== */

.target-footer-socials,
.footer-socials,
.site-footer .socials,
.site-footer [class*="social"] {
    display: none !important;
}


/* 5 columns now:
   logo | address | phone | email | slogan
*/
.site-footer.target-footer .target-footer-row {
    grid-template-columns:
        170px
        minmax(220px, 1.3fr)
        minmax(170px, .8fr)
        minmax(190px, .95fr)
        minmax(220px, 1fr) !important;

    gap: 24px !important;
}


@media (max-width: 1250px) {

    .site-footer.target-footer .target-footer-row {
        grid-template-columns:
            135px
            1.2fr
            .85fr
            1fr
            1fr !important;

        gap: 14px !important;
    }

}


@media (max-width: 780px) {

    .site-footer.target-footer .target-footer-row {
        grid-template-columns:
            1fr !important;
    }

    .site-footer.target-footer .target-footer-brand,
    .site-footer.target-footer .target-footer-address,
    .site-footer.target-footer .target-footer-contact,
    .site-footer.target-footer .target-footer-slogan {
        grid-column:
            1 / -1 !important;
    }

}


/* ==========================================================
   P007 — REAL FORM STATUS
   ========================================================== */

.am-real-form-status {
    min-height: 18px;

    margin-top: 9px;

    font-size: 11px;
    line-height: 1.35;

    font-weight: 700;
}

.am-real-form-status[data-state="success"] {
    color: #576d31;
}

.am-real-form-status[data-state="error"] {
    color: #a3261b;
}

.am-contact button[disabled] {
    opacity: .7;
    cursor: wait;
}



/* ==========================================================
   P008 — PRODUCT PAGE LINKS
   ========================================================== */

.am-product-title-link {
    color: inherit !important;

    text-decoration: none !important;
}

.am-product-title-link:hover {
    text-decoration: underline !important;

    text-underline-offset: 3px;
}



/* ==========================================================
   P006A — MOBILE HOMEPAGE REFERENCE MATCH
   IMPORTANT: HEADER IS NOT TOUCHED
   ========================================================== */

@media (max-width: 780px) {


    /* ======================================================
       0. GLOBAL MOBILE
       ====================================================== */

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    body {
        /*
        Space for fixed bottom Consultation / Order bar.
        It must never cover footer content.
        */
        padding-bottom: 88px !important;
    }


    /* ======================================================
       1. HERO
       compact composition like approved reference
       ====================================================== */

    .am-hero {
        position: relative !important;

        width: 100% !important;

        height: 520px !important;
        min-height: 520px !important;
        max-height: 520px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        background: #07120d !important;
    }


    /*
    Existing mobile HMMWV image.
    Do NOT replace the asset.
    Make the vehicle visible instead of hiding it.
    */
    .am-hero picture {
        position: absolute !important;
        inset: 0 !important;

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        z-index: 0 !important;
    }

    .am-hero picture img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;
        max-height: none !important;

        object-fit: cover !important;

        /*
        Slight move to the right:
        vehicle remains visible beside copy.
        */
        object-position: 61% center !important;
    }


    /*
    Dark left overlay for readable text,
    but keep right side with HMMWV visible.
    */
    .am-hero::after {
        content: "" !important;

        position: absolute !important;
        inset: 0 !important;

        z-index: 1 !important;

        pointer-events: none !important;

        background:
            linear-gradient(
                90deg,
                rgba(3, 12, 8, .96) 0%,
                rgba(3, 12, 8, .87) 34%,
                rgba(3, 12, 8, .49) 59%,
                rgba(3, 12, 8, .08) 100%
            ) !important;
    }


    .am-hero > .shell,
    .am-hero .shell {
        position: relative !important;

        z-index: 2 !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 auto !important;

        padding:
            26px
            18px
            15px !important;
    }


    /* small top line */

    .am-hero .eyebrow,
    .am-hero [class*="eyebrow"],
    .am-hero small {
        display: block !important;

        max-width: 270px !important;

        margin: 0 0 14px !important;

        color: #c6cc7d !important;

        font-size: 11px !important;
        line-height: 1.18 !important;

        font-weight: 900 !important;

        letter-spacing: .08em !important;
    }


    /* main title */

    .am-hero h1 {
        width: 78% !important;
        max-width: 305px !important;

        margin:
            0
            0
            14px !important;

        font-size: 34px !important;
        line-height: .93 !important;

        letter-spacing: -.035em !important;

        font-weight: 950 !important;
    }


    /* description */

    .am-hero p {
        width: 70% !important;
        max-width: 285px !important;

        margin:
            0
            0
            15px !important;

        font-size: 11px !important;
        line-height: 1.36 !important;
    }


    /* hero buttons */

    .am-hero-actions {
        display: flex !important;

        width: 100% !important;

        gap: 8px !important;

        margin-top: 11px !important;
    }

    .am-hero-actions a,
    .am-hero-actions button {
        min-height: 42px !important;

        padding:
            0
            14px !important;

        font-size: 11px !important;

        white-space: nowrap !important;
    }


    /*
    Bottom hero benefits.
    Make them like reference:
    one compact horizontal strip.
    */

    .am-hero .hero-benefits,
    .am-hero [class*="hero-benefit"] {
        font-size: 8px !important;
    }



    /* ======================================================
       2. CATEGORY CARDS — 2 × 2
       ====================================================== */

    .am-catalog {
        padding:
            14px
            12px
            12px !important;
    }


    .am-category-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;
    }


    .am-category-card {
        position: relative !important;

        min-width: 0 !important;

        height: 115px !important;
        min-height: 115px !important;

        padding:
            13px
            8px
            10px
            13px !important;

        overflow: hidden !important;
    }


    .am-category-card h3 {
        position: relative !important;

        z-index: 2 !important;

        width: 61% !important;

        margin: 0 !important;

        font-size: 11px !important;
        line-height: 1.03 !important;

        font-weight: 900 !important;
    }


    /*
    Descriptions disappear on mobile reference.
    Keep cards clean.
    */

    .am-category-card p {
        display: none !important;
    }


    .am-category-card img {
        position: absolute !important;

        z-index: 1 !important;

        right: 5px !important;
        bottom: 5px !important;

        width: 49% !important;
        height: 88% !important;

        object-fit: contain !important;

        margin: 0 !important;
    }


    /*
    SECOND CATEGORY = protected control station / Winmate.
    Make existing image especially visible.
    */

    .am-category-card:nth-child(2) img {
        width: 56% !important;
        height: 94% !important;

        right: 0 !important;
        bottom: 2px !important;

        object-fit: contain !important;
    }



    /* ======================================================
       3. POPULAR PRODUCTS
       compact horizontal row, two cards visible
       ====================================================== */

    .am-products {
        padding:
            15px
            12px
            17px !important;
    }


    .am-products .am-section-head {
        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 8px !important;

        margin-bottom: 10px !important;
    }


    .am-products .am-section-head h2 {
        margin: 0 !important;

        font-size: 23px !important;
        line-height: 1 !important;

        letter-spacing: -.035em !important;
    }


    .am-products .am-section-head button,
    .am-products .am-section-head a {
        flex: 0 0 auto !important;

        font-size: 10px !important;

        white-space: nowrap !important;
    }


    .am-product-grid {
        display: flex !important;

        width: calc(100% + 12px) !important;

        grid-template-columns: none !important;

        gap: 8px !important;

        margin-right: -12px !important;
        padding-right: 12px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-snap-type: x mandatory !important;

        -webkit-overflow-scrolling: touch !important;

        scrollbar-width: none !important;
    }


    .am-product-grid::-webkit-scrollbar {
        display: none !important;
    }


    .am-product-card {
        flex:
            0
            0
            calc(50vw - 18px) !important;

        width: calc(50vw - 18px) !important;
        min-width: calc(50vw - 18px) !important;

        height: 154px !important;
        min-height: 154px !important;

        display: grid !important;

        grid-template-columns:
            45%
            55% !important;

        scroll-snap-align: start !important;

        overflow: hidden !important;
    }


    .am-product-card img {
        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
    }


    .am-product-card h3 {
        margin:
            3px
            0
            4px !important;

        font-size: 10px !important;
        line-height: 1.1 !important;
    }


    .am-product-card small,
    .am-product-card span {
        font-size: 6px !important;
    }


    .am-product-card button {
        min-height: 30px !important;

        padding:
            0
            6px !important;

        font-size: 7px !important;
    }


    /*
    Winmate — second popular product.
    Make the station image large and readable.
    */

    .am-product-card:nth-child(2) img {
        transform: scale(1.09) !important;
        transform-origin: center !important;
    }



    /* ======================================================
       4. TRUST STRIP
       approved mobile composition = 2×2
       ====================================================== */

    .am-trust {
        padding: 0 !important;
    }


    .am-trust-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 0 !important;
    }


    .am-trust article {
        min-height: 94px !important;

        padding:
            13px
            9px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 8px !important;

        text-align: center !important;
    }


    .am-trust article b {
        font-size: 24px !important;
    }


    .am-trust article strong {
        font-size: 9px !important;
        line-height: 1.1 !important;
    }


    .am-trust article span {
        display: block !important;

        margin-top: 3px !important;

        font-size: 6px !important;
        line-height: 1.2 !important;
    }


    /*
    Reference has four cells.
    Fifth technical-support item stays available on desktop,
    but is hidden in this compact mobile strip.
    */

    .am-trust article:nth-child(n+5) {
        display: none !important;
    }



    /* ======================================================
       5. H170R FEATURE
       horizontal mini-card like reference
       ====================================================== */

    .am-lower {
        padding:
            10px
            12px
            14px !important;
    }


    .am-lower-grid {
        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 9px !important;
    }


    .am-feature-target {
        width: 100% !important;

        height: 195px !important;
        min-height: 195px !important;

        display: grid !important;

        grid-template-columns:
            30%
            39%
            31% !important;

        align-items: center !important;

        padding: 0 !important;

        overflow: hidden !important;
    }


    .am-feature-target .am-feature-copy {
        min-width: 0 !important;

        padding:
            12px
            0
            12px
            11px !important;
    }


    .am-feature-target .am-feature-copy small {
        font-size: 6px !important;
    }


    .am-feature-target .am-feature-copy h2 {
        margin:
            4px
            0
            2px !important;

        font-size: 17px !important;
        line-height: .92 !important;
    }


    .am-feature-target .am-feature-copy h3 {
        margin:
            0
            0
            6px !important;

        font-size: 7px !important;
        line-height: 1.1 !important;
    }


    .am-feature-target .am-feature-copy p {
        display: none !important;
    }


    .am-feature-target .am-feature-copy button {
        min-height: 28px !important;

        padding:
            0
            8px !important;

        margin-top: 8px !important;

        font-size: 7px !important;
    }


    .am-feature-engine {
        width: 100% !important;
        height: 100% !important;

        min-height: 0 !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        overflow: visible !important;
    }


    .am-feature-engine img {
        width: 115% !important;
        max-width: 115% !important;

        height: 175px !important;
        max-height: 175px !important;

        object-fit: contain !important;
    }


    .am-feature-specs {
        display: flex !important;

        flex-direction: column !important;

        gap: 8px !important;

        padding:
            10px
            8px
            10px
            0 !important;
    }


    .am-feature-specs > div {
        display: grid !important;

        grid-template-columns:
            17px
            1fr !important;

        align-items: center !important;

        gap: 4px !important;

        font-size: 6px !important;
        line-height: 1.15 !important;
    }


    .am-feature-specs b {
        font-size: 12px !important;
    }



    /* ======================================================
       6. CONSULTATION
       compact, but keep functional form
       ====================================================== */

    .am-contact {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        padding:
            15px
            14px
            16px !important;

        overflow: visible !important;
    }


    .am-contact h2 {
        margin-bottom: 4px !important;

        font-size: 20px !important;
        line-height: 1 !important;
    }


    .am-contact > p {
        margin-bottom: 10px !important;

        font-size: 8px !important;
    }


    .am-contact form {
        display: grid !important;

        grid-template-columns:
            1fr !important;

        gap: 6px !important;
    }


    .am-contact input,
    .am-contact textarea {
        width: 100% !important;

        font-size: 10px !important;
    }


    .am-contact input {
        height: 38px !important;
    }


    .am-contact textarea {
        height: 66px !important;
        min-height: 66px !important;
    }


    .am-contact button {
        min-height: 40px !important;
    }



    /* ======================================================
       7. FOOTER
       remove nonexistent social networks
       and protect it from sticky mobile bar
       ====================================================== */

    .target-footer-socials,
    .site-footer .footer-socials,
    .site-footer .socials {
        display: none !important;
    }


    .site-footer.target-footer {
        position: relative !important;

        height: auto !important;
        min-height: 0 !important;

        padding:
            20px
            18px
            105px !important;

        overflow: visible !important;
    }


    .site-footer.target-footer .target-footer-row {
        display: grid !important;

        grid-template-columns:
            1fr !important;

        gap: 13px !important;

        min-height: 0 !important;
    }


    .site-footer.target-footer .target-footer-brand {
        grid-column: auto !important;

        width: 125px !important;
        max-width: 125px !important;

        height: 94px !important;

        margin: 0 !important;
    }


    .site-footer.target-footer .target-footer-brand img {
        width: 118px !important;
        max-width: 118px !important;

        height: 92px !important;
        max-height: 92px !important;

        object-fit: contain !important;
    }


    .site-footer.target-footer .target-footer-address {
        font-size: 12px !important;
        line-height: 1.45 !important;
    }


    .site-footer.target-footer .target-footer-contact {
        font-size: 12px !important;
    }


    .site-footer.target-footer .target-footer-slogan {
        width: 100% !important;

        margin-top: 4px !important;

        padding-left: 12px !important;

        font-size: 10px !important;
        line-height: 1.3 !important;
    }

}


/* ==========================================================
   EXTRA SMALL PHONES
   ========================================================== */

@media (max-width: 390px) {

    .am-hero {
        height: 500px !important;
        min-height: 500px !important;
        max-height: 500px !important;
    }


    .am-hero h1 {
        width: 80% !important;

        font-size: 31px !important;
    }


    .am-category-card {
        height: 108px !important;
        min-height: 108px !important;
    }


    .am-category-card h3 {
        font-size: 10px !important;
    }


    .am-product-card {
        flex-basis:
            calc(50vw - 17px) !important;

        width:
            calc(50vw - 17px) !important;

        min-width:
            calc(50vw - 17px) !important;
    }

}



/* ==========================================================
   P005H — RESPONSIVE CLEANUP
   Header intentionally untouched.
   ========================================================== */


/* ----------------------------------------------------------
   REAL VECTOR ICONS
   ---------------------------------------------------------- */

.ui-svg-icon,
.footer-svg-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 22px !important;
    height: 22px !important;

    color: #c3cc74 !important;

    vertical-align: middle !important;
}

.ui-svg-icon svg,
.footer-svg-icon svg {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
}

.footer-svg-icon {
    width: 20px !important;
    height: 20px !important;

    color: #d7ddc8 !important;
}


/* Emoji containers must no longer distort layout */

.am-trust article > b,
.am-feature-specs b {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 26px !important;

    margin: 0 !important;

    line-height: 1 !important;
}


/* ----------------------------------------------------------
   UNIVERSAL OVERFLOW PROTECTION
   ---------------------------------------------------------- */

.am-category-card,
.am-product-card,
.am-feature,
.am-feature-target,
.am-contact,
.am-trust article {
    min-width: 0 !important;

    box-sizing: border-box !important;
}

.am-category-card *,
.am-product-card *,
.am-feature *,
.am-contact *,
.am-trust * {
    box-sizing: border-box !important;
}

.am-category-card h2,
.am-category-card h3,
.am-category-card h4,
.am-product-card h2,
.am-product-card h3,
.am-product-card h4,
.am-feature h2,
.am-feature h3 {
    min-width: 0 !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;

    hyphens: auto;
}


/* ----------------------------------------------------------
   CATEGORY CARDS
   Stop text/image collisions
   ---------------------------------------------------------- */

.am-category-card {
    overflow: hidden !important;
}

.am-category-card img {
    display: block !important;

    max-width: 100% !important;

    object-fit: contain !important;

    pointer-events: none;
}


/* ----------------------------------------------------------
   PRODUCT CARDS
   ---------------------------------------------------------- */

.am-product-card {
    position: relative !important;

    overflow: hidden !important;
}

.am-product-card img {
    display: block !important;

    max-width: 100% !important;

    object-fit: contain !important;

    pointer-events: none;
}

.am-product-card button,
.am-product-card .am-btn {
    max-width: 100% !important;
}


/* ----------------------------------------------------------
   H170R
   ---------------------------------------------------------- */

.am-feature-engine,
.am-feature-specs,
.am-feature-copy {
    min-width: 0 !important;
}

.am-feature-engine {
    overflow: hidden !important;
}

.am-feature-engine img {
    display: block !important;

    max-width: 100% !important;

    object-fit: contain !important;
}

.am-feature-specs > div {
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;

    gap: 9px !important;
}

.am-feature-specs span {
    min-width: 0 !important;

    overflow-wrap: anywhere !important;
}


/* ----------------------------------------------------------
   FOOTER DESKTOP
   ---------------------------------------------------------- */

.target-footer-contact {
    display: inline-flex !important;

    align-items: center !important;

    gap: 8px !important;
}


/* social networks do not exist */
.target-footer-socials,
.site-footer .footer-socials,
.site-footer .socials {
    display: none !important;
}


/* redistribute free social column */

@media (min-width: 1101px) {

    .site-footer.target-footer .target-footer-row {
        grid-template-columns:
            165px
            minmax(220px, 1.25fr)
            minmax(175px, .8fr)
            minmax(200px, .95fr)
            minmax(210px, 1fr) !important;

        justify-content: center !important;

        gap: 24px !important;
    }

}


/* ==========================================================
   TABLET + PHONE
   ========================================================== */

@media (max-width: 780px) {


    /* ------------------------------------------------------
       CATEGORIES
       ------------------------------------------------------ */

    .am-category-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }


    .am-category-card {
        position: relative !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 7px !important;

        width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 172px !important;

        padding: 13px !important;

        overflow: hidden !important;
    }


    .am-category-card > * {
        position: static !important;

        min-width: 0 !important;

        transform: none !important;
    }


    .am-category-card img {
        position: static !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 72px !important;
        max-height: 72px !important;

        margin: auto 0 0 !important;

        object-fit: contain !important;
    }


    .am-category-card h2,
    .am-category-card h3,
    .am-category-card h4,
    .am-category-card strong {
        position: static !important;

        max-width: 100% !important;

        margin: 0 !important;

        font-size: clamp(12px, 3.5vw, 16px) !important;
        line-height: 1.03 !important;
    }


    .am-category-card p {
        display: none !important;
    }



    /* ------------------------------------------------------
       PRODUCTS — two clean cards per row
       ------------------------------------------------------ */

    .am-products {
        overflow: hidden !important;
    }


    .am-product-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;

        overflow: visible !important;
    }


    .am-product-card {
        display: flex !important;
        flex-direction: column !important;

        align-items: stretch !important;

        width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 265px !important;

        padding: 0 !important;

        overflow: hidden !important;
    }


    /* cancel old absolute/floating mobile positions */

    .am-product-card > * {
        position: static !important;

        min-width: 0 !important;

        float: none !important;
        transform: none !important;
    }


    .am-product-card img {
        position: static !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 118px !important;
        max-height: 118px !important;

        padding: 8px !important;

        margin: 0 !important;

        object-fit: contain !important;

        background: #f4f2eb;
    }


    .am-product-card h2,
    .am-product-card h3,
    .am-product-card h4,
    .am-product-card strong {
        position: static !important;

        display: block !important;

        width: auto !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        font-size: clamp(14px, 3.6vw, 18px) !important;
        line-height: 1.1 !important;

        overflow-wrap: anywhere !important;
    }


    .am-product-card p,
    .am-product-card span {
        max-width: 100% !important;

        overflow-wrap: anywhere !important;
    }


    .am-product-card button,
    .am-product-card .am-btn {
        position: static !important;

        width: calc(100% - 18px) !important;

        min-height: 42px !important;

        margin: auto 9px 9px !important;

        transform: none !important;
    }



    /* ------------------------------------------------------
       H170R — no specs over turbine
       ------------------------------------------------------ */

    .am-feature-target {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 18px !important;

        overflow: hidden !important;
    }


    .am-feature-target .am-feature-copy {
        order: 1 !important;

        width: 100% !important;

        padding: 0 !important;
    }


    .am-feature-engine {
        order: 2 !important;

        width: 100% !important;

        min-height: 180px !important;

        margin-top: 8px !important;

        overflow: hidden !important;
    }


    .am-feature-engine img {
        position: static !important;

        width: 100% !important;
        max-width: 390px !important;

        height: 190px !important;
        max-height: 190px !important;

        margin: 0 auto !important;

        transform: none !important;

        object-fit: contain !important;
    }


    .am-feature-specs {
        order: 3 !important;

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        width: 100% !important;

        gap: 9px !important;

        padding: 13px 0 0 !important;
    }


    .am-feature-specs > div {
        position: static !important;

        min-width: 0 !important;

        padding: 8px !important;

        border: 1px solid rgba(40, 68, 40, .12);

        font-size: 11px !important;
        line-height: 1.25 !important;
    }


    .am-feature-specs .ui-svg-icon {
        width: 18px !important;
        height: 18px !important;
    }



    /* ------------------------------------------------------
       TRUST STRIP
       icon and text separated cleanly
       ------------------------------------------------------ */

    .am-trust-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 0 !important;
    }


    .am-trust article {
        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;
        justify-content: center !important;

        text-align: center !important;

        min-height: 145px !important;

        padding: 16px 10px !important;

        gap: 8px !important;

        overflow: hidden !important;
    }


    .am-trust article > b {
        width: 36px !important;
        min-width: 36px !important;

        height: 36px !important;

        margin: 0 auto !important;
    }


    .am-trust .ui-svg-icon {
        width: 32px !important;
        height: 32px !important;
    }


    .am-trust article > div {
        min-width: 0 !important;

        width: 100% !important;
    }


    .am-trust strong {
        display: block !important;

        max-width: 100% !important;

        font-size: 13px !important;
        line-height: 1.1 !important;

        overflow-wrap: anywhere !important;
    }


    .am-trust span:not(.ui-svg-icon) {
        display: block !important;

        margin-top: 4px !important;

        font-size: 9px !important;
        line-height: 1.25 !important;

        overflow-wrap: anywhere !important;
    }



    /* ------------------------------------------------------
       FOOTER MOBILE — centered
       ------------------------------------------------------ */

    .site-footer.target-footer {
        width: 100% !important;

        padding:
            28px
            18px
            calc(112px + env(safe-area-inset-bottom))
            !important;

        overflow: visible !important;
    }


    .site-footer.target-footer .target-footer-row {
        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;

        gap: 20px !important;

        text-align: center !important;
    }


    .site-footer.target-footer .target-footer-brand {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 145px !important;
        max-width: 145px !important;

        height: auto !important;

        margin: 0 auto !important;
    }


    .site-footer.target-footer .target-footer-brand img {
        position: static !important;

        width: 138px !important;
        max-width: 138px !important;

        height: auto !important;
        max-height: 120px !important;

        margin: 0 auto !important;

        transform: none !important;
    }


    .site-footer.target-footer .target-footer-address {
        width: 100% !important;
        max-width: 330px !important;

        margin: 0 auto !important;

        text-align: center !important;

        font-size: 14px !important;
        line-height: 1.55 !important;
    }


    .site-footer.target-footer .target-footer-contact {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        max-width: 100% !important;

        margin: 0 auto !important;

        gap: 9px !important;

        text-align: center !important;

        font-size: 14px !important;

        white-space: normal !important;
    }


    .site-footer.target-footer .target-footer-slogan {
        width: auto !important;
        max-width: 330px !important;

        margin: 4px auto 0 !important;

        padding:
            13px
            12px
            0 !important;

        border-left: 0 !important;
        border-top: 2px solid #ef5b16 !important;

        text-align: center !important;

        font-size: 13px !important;
        line-height: 1.35 !important;
    }


    .target-footer-socials {
        display: none !important;
    }

}


/* ==========================================================
   VERY SMALL PHONE
   320–359px
   ========================================================== */

@media (max-width: 359px) {

    .am-category-grid {
        grid-template-columns:
            1fr !important;
    }

    .am-category-card {
        min-height: 145px !important;
    }


    .am-product-grid {
        grid-template-columns:
            1fr !important;
    }


    .am-product-card {
        min-height: 255px !important;
    }


    .am-product-card img {
        height: 135px !important;
        max-height: 135px !important;
    }


    .am-feature-specs {
        grid-template-columns:
            1fr !important;
    }


    .am-trust-grid {
        grid-template-columns:
            1fr !important;
    }

}


/* ==========================================================
   MEDIUM MOBILE 500–780
   ========================================================== */

@media (min-width: 500px) and (max-width: 780px) {

    .am-category-card {
        min-height: 190px !important;
    }

    .am-category-card img {
        height: 88px !important;
        max-height: 88px !important;
    }


    .am-product-card {
        min-height: 285px !important;
    }


    .am-product-card img {
        height: 135px !important;
        max-height: 135px !important;
    }

}


/* ==========================================================
   TABLET 781–1100
   ========================================================== */

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

    .am-category-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }


    .am-product-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }


    .am-product-card {
        min-width: 0 !important;

        overflow: hidden !important;
    }


    .am-product-card img {
        max-width: 100% !important;

        object-fit: contain !important;
    }


    .am-feature-target {
        grid-template-columns:
            minmax(0, .85fr)
            minmax(0, 1fr) !important;

        height: auto !important;

        min-height: 300px !important;
    }


    .am-feature-specs {
        grid-column:
            1 / -1 !important;

        display: grid !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;
    }

}


/* ==========================================================
   STICKY MOBILE ACTION BAR
   iPhone safe area
   ========================================================== */

@media (max-width: 780px) {

    .mobile-actions,
    .mobile-sticky-actions,
    [class*="sticky"][class*="action"] {
        padding-bottom:
            max(10px, env(safe-area-inset-bottom)) !important;
    }

}


/* ==========================================================
   P005H — RESPONSIVE CLEANUP
   Header intentionally untouched.
   ========================================================== */


/* ----------------------------------------------------------
   REAL VECTOR ICONS
   ---------------------------------------------------------- */

.ui-svg-icon,
.footer-svg-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 22px !important;
    height: 22px !important;

    color: #c3cc74 !important;

    vertical-align: middle !important;
}

.ui-svg-icon svg,
.footer-svg-icon svg {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
}

.footer-svg-icon {
    width: 20px !important;
    height: 20px !important;

    color: #d7ddc8 !important;
}


/* Emoji containers must no longer distort layout */

.am-trust article > b,
.am-feature-specs b {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 26px !important;

    margin: 0 !important;

    line-height: 1 !important;
}


/* ----------------------------------------------------------
   UNIVERSAL OVERFLOW PROTECTION
   ---------------------------------------------------------- */

.am-category-card,
.am-product-card,
.am-feature,
.am-feature-target,
.am-contact,
.am-trust article {
    min-width: 0 !important;

    box-sizing: border-box !important;
}

.am-category-card *,
.am-product-card *,
.am-feature *,
.am-contact *,
.am-trust * {
    box-sizing: border-box !important;
}

.am-category-card h2,
.am-category-card h3,
.am-category-card h4,
.am-product-card h2,
.am-product-card h3,
.am-product-card h4,
.am-feature h2,
.am-feature h3 {
    min-width: 0 !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;

    hyphens: auto;
}


/* ----------------------------------------------------------
   CATEGORY CARDS
   Stop text/image collisions
   ---------------------------------------------------------- */

.am-category-card {
    overflow: hidden !important;
}

.am-category-card img {
    display: block !important;

    max-width: 100% !important;

    object-fit: contain !important;

    pointer-events: none;
}


/* ----------------------------------------------------------
   PRODUCT CARDS
   ---------------------------------------------------------- */

.am-product-card {
    position: relative !important;

    overflow: hidden !important;
}

.am-product-card img {
    display: block !important;

    max-width: 100% !important;

    object-fit: contain !important;

    pointer-events: none;
}

.am-product-card button,
.am-product-card .am-btn {
    max-width: 100% !important;
}


/* ----------------------------------------------------------
   H170R
   ---------------------------------------------------------- */

.am-feature-engine,
.am-feature-specs,
.am-feature-copy {
    min-width: 0 !important;
}

.am-feature-engine {
    overflow: hidden !important;
}

.am-feature-engine img {
    display: block !important;

    max-width: 100% !important;

    object-fit: contain !important;
}

.am-feature-specs > div {
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;

    gap: 9px !important;
}

.am-feature-specs span {
    min-width: 0 !important;

    overflow-wrap: anywhere !important;
}


/* ----------------------------------------------------------
   FOOTER DESKTOP
   ---------------------------------------------------------- */

.target-footer-contact {
    display: inline-flex !important;

    align-items: center !important;

    gap: 8px !important;
}


/* social networks do not exist */
.target-footer-socials,
.site-footer .footer-socials,
.site-footer .socials {
    display: none !important;
}


/* redistribute free social column */

@media (min-width: 1101px) {

    .site-footer.target-footer .target-footer-row {
        grid-template-columns:
            165px
            minmax(220px, 1.25fr)
            minmax(175px, .8fr)
            minmax(200px, .95fr)
            minmax(210px, 1fr) !important;

        justify-content: center !important;

        gap: 24px !important;
    }

}


/* ==========================================================
   TABLET + PHONE
   ========================================================== */

@media (max-width: 780px) {


    /* ------------------------------------------------------
       CATEGORIES
       ------------------------------------------------------ */

    .am-category-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }


    .am-category-card {
        position: relative !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 7px !important;

        width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 172px !important;

        padding: 13px !important;

        overflow: hidden !important;
    }


    .am-category-card > * {
        position: static !important;

        min-width: 0 !important;

        transform: none !important;
    }


    .am-category-card img {
        position: static !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 72px !important;
        max-height: 72px !important;

        margin: auto 0 0 !important;

        object-fit: contain !important;
    }


    .am-category-card h2,
    .am-category-card h3,
    .am-category-card h4,
    .am-category-card strong {
        position: static !important;

        max-width: 100% !important;

        margin: 0 !important;

        font-size: clamp(12px, 3.5vw, 16px) !important;
        line-height: 1.03 !important;
    }


    .am-category-card p {
        display: none !important;
    }



    /* ------------------------------------------------------
       PRODUCTS — two clean cards per row
       ------------------------------------------------------ */

    .am-products {
        overflow: hidden !important;
    }


    .am-product-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;

        overflow: visible !important;
    }


    .am-product-card {
        display: flex !important;
        flex-direction: column !important;

        align-items: stretch !important;

        width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 265px !important;

        padding: 0 !important;

        overflow: hidden !important;
    }


    /* cancel old absolute/floating mobile positions */

    .am-product-card > * {
        position: static !important;

        min-width: 0 !important;

        float: none !important;
        transform: none !important;
    }


    .am-product-card img {
        position: static !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 118px !important;
        max-height: 118px !important;

        padding: 8px !important;

        margin: 0 !important;

        object-fit: contain !important;

        background: #f4f2eb;
    }


    .am-product-card h2,
    .am-product-card h3,
    .am-product-card h4,
    .am-product-card strong {
        position: static !important;

        display: block !important;

        width: auto !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        font-size: clamp(14px, 3.6vw, 18px) !important;
        line-height: 1.1 !important;

        overflow-wrap: anywhere !important;
    }


    .am-product-card p,
    .am-product-card span {
        max-width: 100% !important;

        overflow-wrap: anywhere !important;
    }


    .am-product-card button,
    .am-product-card .am-btn {
        position: static !important;

        width: calc(100% - 18px) !important;

        min-height: 42px !important;

        margin: auto 9px 9px !important;

        transform: none !important;
    }



    /* ------------------------------------------------------
       H170R — no specs over turbine
       ------------------------------------------------------ */

    .am-feature-target {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 18px !important;

        overflow: hidden !important;
    }


    .am-feature-target .am-feature-copy {
        order: 1 !important;

        width: 100% !important;

        padding: 0 !important;
    }


    .am-feature-engine {
        order: 2 !important;

        width: 100% !important;

        min-height: 180px !important;

        margin-top: 8px !important;

        overflow: hidden !important;
    }


    .am-feature-engine img {
        position: static !important;

        width: 100% !important;
        max-width: 390px !important;

        height: 190px !important;
        max-height: 190px !important;

        margin: 0 auto !important;

        transform: none !important;

        object-fit: contain !important;
    }


    .am-feature-specs {
        order: 3 !important;

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        width: 100% !important;

        gap: 9px !important;

        padding: 13px 0 0 !important;
    }


    .am-feature-specs > div {
        position: static !important;

        min-width: 0 !important;

        padding: 8px !important;

        border: 1px solid rgba(40, 68, 40, .12);

        font-size: 11px !important;
        line-height: 1.25 !important;
    }


    .am-feature-specs .ui-svg-icon {
        width: 18px !important;
        height: 18px !important;
    }



    /* ------------------------------------------------------
       TRUST STRIP
       icon and text separated cleanly
       ------------------------------------------------------ */

    .am-trust-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 0 !important;
    }


    .am-trust article {
        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;
        justify-content: center !important;

        text-align: center !important;

        min-height: 145px !important;

        padding: 16px 10px !important;

        gap: 8px !important;

        overflow: hidden !important;
    }


    .am-trust article > b {
        width: 36px !important;
        min-width: 36px !important;

        height: 36px !important;

        margin: 0 auto !important;
    }


    .am-trust .ui-svg-icon {
        width: 32px !important;
        height: 32px !important;
    }


    .am-trust article > div {
        min-width: 0 !important;

        width: 100% !important;
    }


    .am-trust strong {
        display: block !important;

        max-width: 100% !important;

        font-size: 13px !important;
        line-height: 1.1 !important;

        overflow-wrap: anywhere !important;
    }


    .am-trust span:not(.ui-svg-icon) {
        display: block !important;

        margin-top: 4px !important;

        font-size: 9px !important;
        line-height: 1.25 !important;

        overflow-wrap: anywhere !important;
    }



    /* ------------------------------------------------------
       FOOTER MOBILE — centered
       ------------------------------------------------------ */

    .site-footer.target-footer {
        width: 100% !important;

        padding:
            28px
            18px
            calc(112px + env(safe-area-inset-bottom))
            !important;

        overflow: visible !important;
    }


    .site-footer.target-footer .target-footer-row {
        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;

        gap: 20px !important;

        text-align: center !important;
    }


    .site-footer.target-footer .target-footer-brand {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 145px !important;
        max-width: 145px !important;

        height: auto !important;

        margin: 0 auto !important;
    }


    .site-footer.target-footer .target-footer-brand img {
        position: static !important;

        width: 138px !important;
        max-width: 138px !important;

        height: auto !important;
        max-height: 120px !important;

        margin: 0 auto !important;

        transform: none !important;
    }


    .site-footer.target-footer .target-footer-address {
        width: 100% !important;
        max-width: 330px !important;

        margin: 0 auto !important;

        text-align: center !important;

        font-size: 14px !important;
        line-height: 1.55 !important;
    }


    .site-footer.target-footer .target-footer-contact {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        max-width: 100% !important;

        margin: 0 auto !important;

        gap: 9px !important;

        text-align: center !important;

        font-size: 14px !important;

        white-space: normal !important;
    }


    .site-footer.target-footer .target-footer-slogan {
        width: auto !important;
        max-width: 330px !important;

        margin: 4px auto 0 !important;

        padding:
            13px
            12px
            0 !important;

        border-left: 0 !important;
        border-top: 2px solid #ef5b16 !important;

        text-align: center !important;

        font-size: 13px !important;
        line-height: 1.35 !important;
    }


    .target-footer-socials {
        display: none !important;
    }

}


/* ==========================================================
   VERY SMALL PHONE
   320–359px
   ========================================================== */

@media (max-width: 359px) {

    .am-category-grid {
        grid-template-columns:
            1fr !important;
    }

    .am-category-card {
        min-height: 145px !important;
    }


    .am-product-grid {
        grid-template-columns:
            1fr !important;
    }


    .am-product-card {
        min-height: 255px !important;
    }


    .am-product-card img {
        height: 135px !important;
        max-height: 135px !important;
    }


    .am-feature-specs {
        grid-template-columns:
            1fr !important;
    }


    .am-trust-grid {
        grid-template-columns:
            1fr !important;
    }

}


/* ==========================================================
   MEDIUM MOBILE 500–780
   ========================================================== */

@media (min-width: 500px) and (max-width: 780px) {

    .am-category-card {
        min-height: 190px !important;
    }

    .am-category-card img {
        height: 88px !important;
        max-height: 88px !important;
    }


    .am-product-card {
        min-height: 285px !important;
    }


    .am-product-card img {
        height: 135px !important;
        max-height: 135px !important;
    }

}


/* ==========================================================
   TABLET 781–1100
   ========================================================== */

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

    .am-category-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }


    .am-product-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }


    .am-product-card {
        min-width: 0 !important;

        overflow: hidden !important;
    }


    .am-product-card img {
        max-width: 100% !important;

        object-fit: contain !important;
    }


    .am-feature-target {
        grid-template-columns:
            minmax(0, .85fr)
            minmax(0, 1fr) !important;

        height: auto !important;

        min-height: 300px !important;
    }


    .am-feature-specs {
        grid-column:
            1 / -1 !important;

        display: grid !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;
    }

}


/* ==========================================================
   STICKY MOBILE ACTION BAR
   iPhone safe area
   ========================================================== */

@media (max-width: 780px) {

    .mobile-actions,
    .mobile-sticky-actions,
    [class*="sticky"][class*="action"] {
        padding-bottom:
            max(10px, env(safe-area-inset-bottom)) !important;
    }

}


/* ==========================================================
   P005I — REAL MOBILE FIX
   HEADER IS NOT TOUCHED
   ========================================================== */


/* ==========================================================
   1. HERO BOTTOM FEATURES
   reliability / support / professional tasks
   ========================================================== */

@media (max-width: 780px) {

    /*
       Finds the 3 hero feature items by the SVG icon we added.
       This avoids depending on the old class names.
    */

    .am-hero :is(div, li, span):has(> b > .ui-svg-icon) {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 6px !important;

        min-width: 0 !important;

        padding: 4px 3px !important;

        text-align: center !important;
    }


    .am-hero :is(div, li, span):has(> b > .ui-svg-icon) > b {
        display: flex !important;

        flex: 0 0 24px !important;

        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
    }


    .am-hero :is(div, li, span):has(> b > .ui-svg-icon) .ui-svg-icon {
        width: 22px !important;
        height: 22px !important;
    }


    .am-hero :is(div, li, span):has(> b > .ui-svg-icon) {
        font-size: clamp(8px, 2.55vw, 12px) !important;
        line-height: 1.08 !important;

        white-space: normal !important;

        overflow-wrap: normal !important;
        word-break: normal !important;
    }


    /*
       Parent of the three items
    */

    .am-hero :is(div, ul):has(
        > :is(div, li, span):has(> b > .ui-svg-icon)
    ) {
        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        align-items: center !important;

        width: 100% !important;

        gap: 2px !important;
    }

}



/* ==========================================================
   2. MOBILE CATEGORY CARDS
   ========================================================== */

@media (max-width: 780px) {

    .am-category-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }


    .am-category-card {
        position: relative !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 245px !important;

        padding: 14px 12px 16px !important;

        text-align: center !important;

        overflow: hidden !important;
    }


    .am-category-card > * {
        min-width: 0 !important;
    }


    /*
       icon
    */

    .am-category-card > :first-child {
        align-self: flex-start !important;
    }


    /*
       title
    */

    .am-category-card h2,
    .am-category-card h3,
    .am-category-card h4,
    .am-category-card strong {
        width: 100% !important;
        max-width: 100% !important;

        margin:
            8px
            0
            10px !important;

        text-align: center !important;

        font-size: clamp(14px, 4vw, 18px) !important;
        line-height: 1.03 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;

        hyphens: none !important;
    }


    /*
       picture / image area
    */

    .am-category-card picture,
    .am-category-card figure,
    .am-category-card [class*="image"],
    .am-category-card [class*="media"] {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;

        margin: auto 0 0 !important;

        background: #fff !important;
    }


    .am-category-card img {
        position: static !important;

        display: block !important;

        width: 100% !important;
        max-width: 155px !important;

        height: 105px !important;
        max-height: 105px !important;

        margin: auto !important;

        object-fit: contain !important;

        background: transparent !important;

        transform: none !important;
    }


    /*
       HMMWV dark image:
       fade edges into the white card.
    */

    .am-category-card img[src*="hmmwv"],
    .am-product-card img[src*="hmmwv"] {
        background: transparent !important;

        -webkit-mask-image:
            radial-gradient(
                ellipse 86% 82% at center,
                #000 58%,
                rgba(0,0,0,.96) 70%,
                rgba(0,0,0,.55) 84%,
                transparent 100%
            ) !important;

        mask-image:
            radial-gradient(
                ellipse 86% 82% at center,
                #000 58%,
                rgba(0,0,0,.96) 70%,
                rgba(0,0,0,.55) 84%,
                transparent 100%
            ) !important;
    }

}



/* ==========================================================
   3. PRODUCT CARD
   Remove beige background + giant empty space
   ========================================================== */

@media (max-width: 780px) {

    .am-product-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        align-items: start !important;

        gap: 10px !important;
    }


    .am-product-card {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr) !important;

        grid-template-rows:
            auto
            auto !important;

        align-self: start !important;

        align-items: start !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    /*
       Kill old horizontal desktop layout.
    */

    .am-product-card > * {
        position: static !important;

        width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        transform: none !important;

        float: none !important;
    }


    /*
       Product image section MUST be white.
    */

    .am-product-card > :first-child,
    .am-product-card picture,
    .am-product-card figure,
    .am-product-card [class*="image"],
    .am-product-card [class*="media"] {
        background: #fff !important;
    }


    .am-product-card > :first-child {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        height: 135px !important;
        min-height: 135px !important;
        max-height: 135px !important;

        overflow: hidden !important;
    }


    .am-product-card img {
        position: static !important;

        display: block !important;

        width: calc(100% - 16px) !important;
        max-width: 175px !important;

        height: 120px !important;
        max-height: 120px !important;

        margin: 0 auto !important;
        padding: 6px !important;

        object-fit: contain !important;

        background: #fff !important;

        transform: none !important;
    }


    /*
       Text half
    */

    .am-product-card > :nth-child(2),
    .am-product-card [class*="content"],
    .am-product-card [class*="info"] {
        height: auto !important;
        min-height: 0 !important;

        padding: 11px !important;

        background: #fff !important;
    }


    .am-product-card h2,
    .am-product-card h3,
    .am-product-card h4 {
        margin:
            3px
            0
            7px !important;

        font-size: clamp(15px, 4vw, 19px) !important;
        line-height: 1.08 !important;

        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }


    .am-product-card p {
        margin:
            3px
            0
            7px !important;
    }


    /*
       IMPORTANT:
       old margin:auto pushes button to bottom,
       causing huge empty area.
    */

    .am-product-card button,
    .am-product-card .am-btn {
        position: static !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;

        height: 44px !important;
        min-height: 44px !important;

        margin:
            10px
            0
            0 !important;

        padding:
            8px
            10px !important;

        transform: none !important;
    }

}



/* ==========================================================
   4. WINMATE
   Completely remove different image-area background
   ========================================================== */

@media (max-width: 780px) {

    .am-product-card img[src*="winmate"],
    .am-product-card:has(img[src*="winmate"]) > *,
    .am-product-card:has(img[src*="winmate"]) picture,
    .am-product-card:has(img[src*="winmate"]) figure,
    .am-product-card:has(img[src*="winmate"]) [class*="image"],
    .am-product-card:has(img[src*="winmate"]) [class*="media"] {
        background:
            #fff !important;
    }

}



/* ==========================================================
   5. VERY SMALL PHONES
   ========================================================== */

@media (max-width: 359px) {

    .am-category-grid,
    .am-product-grid {
        grid-template-columns:
            1fr !important;
    }


    .am-category-card {
        min-height: 220px !important;
    }


    .am-product-card > :first-child {
        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;
    }


    .am-product-card img {
        height: 138px !important;
        max-height: 138px !important;
    }

}



/* ==========================================================
   6. 360–499px
   ========================================================== */

@media (min-width: 360px) and (max-width: 499px) {

    .am-category-card {
        min-height: 230px !important;

        padding:
            12px
            9px
            14px !important;
    }


    .am-category-card img {
        height: 95px !important;
        max-height: 95px !important;
    }


    .am-product-card > :first-child {
        height: 120px !important;
        min-height: 120px !important;
        max-height: 120px !important;
    }


    .am-product-card img {
        height: 108px !important;
        max-height: 108px !important;
    }


    .am-product-card > :nth-child(2),
    .am-product-card [class*="content"],
    .am-product-card [class*="info"] {
        padding: 9px !important;
    }

}



/* ==========================================================
   7. TABLET
   ========================================================== */

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

    .am-product-card {
        height: auto !important;
        min-height: 0 !important;

        align-self: start !important;
    }


    .am-product-card img {
        background: #fff !important;
    }

}


/* ==========================================================
   P005H — RESPONSIVE CLEANUP
   Header intentionally untouched.
   ========================================================== */


/* ----------------------------------------------------------
   REAL VECTOR ICONS
   ---------------------------------------------------------- */

.ui-svg-icon,
.footer-svg-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 22px !important;
    height: 22px !important;

    color: #c3cc74 !important;

    vertical-align: middle !important;
}

.ui-svg-icon svg,
.footer-svg-icon svg {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
}

.footer-svg-icon {
    width: 20px !important;
    height: 20px !important;

    color: #d7ddc8 !important;
}


/* Emoji containers must no longer distort layout */

.am-trust article > b,
.am-feature-specs b {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 26px !important;

    margin: 0 !important;

    line-height: 1 !important;
}


/* ----------------------------------------------------------
   UNIVERSAL OVERFLOW PROTECTION
   ---------------------------------------------------------- */

.am-category-card,
.am-product-card,
.am-feature,
.am-feature-target,
.am-contact,
.am-trust article {
    min-width: 0 !important;

    box-sizing: border-box !important;
}

.am-category-card *,
.am-product-card *,
.am-feature *,
.am-contact *,
.am-trust * {
    box-sizing: border-box !important;
}

.am-category-card h2,
.am-category-card h3,
.am-category-card h4,
.am-product-card h2,
.am-product-card h3,
.am-product-card h4,
.am-feature h2,
.am-feature h3 {
    min-width: 0 !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;

    hyphens: auto;
}


/* ----------------------------------------------------------
   CATEGORY CARDS
   Stop text/image collisions
   ---------------------------------------------------------- */

.am-category-card {
    overflow: hidden !important;
}

.am-category-card img {
    display: block !important;

    max-width: 100% !important;

    object-fit: contain !important;

    pointer-events: none;
}


/* ----------------------------------------------------------
   PRODUCT CARDS
   ---------------------------------------------------------- */

.am-product-card {
    position: relative !important;

    overflow: hidden !important;
}

.am-product-card img {
    display: block !important;

    max-width: 100% !important;

    object-fit: contain !important;

    pointer-events: none;
}

.am-product-card button,
.am-product-card .am-btn {
    max-width: 100% !important;
}


/* ----------------------------------------------------------
   H170R
   ---------------------------------------------------------- */

.am-feature-engine,
.am-feature-specs,
.am-feature-copy {
    min-width: 0 !important;
}

.am-feature-engine {
    overflow: hidden !important;
}

.am-feature-engine img {
    display: block !important;

    max-width: 100% !important;

    object-fit: contain !important;
}

.am-feature-specs > div {
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;

    gap: 9px !important;
}

.am-feature-specs span {
    min-width: 0 !important;

    overflow-wrap: anywhere !important;
}


/* ----------------------------------------------------------
   FOOTER DESKTOP
   ---------------------------------------------------------- */

.target-footer-contact {
    display: inline-flex !important;

    align-items: center !important;

    gap: 8px !important;
}


/* social networks do not exist */
.target-footer-socials,
.site-footer .footer-socials,
.site-footer .socials {
    display: none !important;
}


/* redistribute free social column */

@media (min-width: 1101px) {

    .site-footer.target-footer .target-footer-row {
        grid-template-columns:
            165px
            minmax(220px, 1.25fr)
            minmax(175px, .8fr)
            minmax(200px, .95fr)
            minmax(210px, 1fr) !important;

        justify-content: center !important;

        gap: 24px !important;
    }

}


/* ==========================================================
   TABLET + PHONE
   ========================================================== */

@media (max-width: 780px) {


    /* ------------------------------------------------------
       CATEGORIES
       ------------------------------------------------------ */

    .am-category-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }


    .am-category-card {
        position: relative !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 7px !important;

        width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 172px !important;

        padding: 13px !important;

        overflow: hidden !important;
    }


    .am-category-card > * {
        position: static !important;

        min-width: 0 !important;

        transform: none !important;
    }


    .am-category-card img {
        position: static !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 72px !important;
        max-height: 72px !important;

        margin: auto 0 0 !important;

        object-fit: contain !important;
    }


    .am-category-card h2,
    .am-category-card h3,
    .am-category-card h4,
    .am-category-card strong {
        position: static !important;

        max-width: 100% !important;

        margin: 0 !important;

        font-size: clamp(12px, 3.5vw, 16px) !important;
        line-height: 1.03 !important;
    }


    .am-category-card p {
        display: none !important;
    }



    /* ------------------------------------------------------
       PRODUCTS — two clean cards per row
       ------------------------------------------------------ */

    .am-products {
        overflow: hidden !important;
    }


    .am-product-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;

        overflow: visible !important;
    }


    .am-product-card {
        display: flex !important;
        flex-direction: column !important;

        align-items: stretch !important;

        width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 265px !important;

        padding: 0 !important;

        overflow: hidden !important;
    }


    /* cancel old absolute/floating mobile positions */

    .am-product-card > * {
        position: static !important;

        min-width: 0 !important;

        float: none !important;
        transform: none !important;
    }


    .am-product-card img {
        position: static !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 118px !important;
        max-height: 118px !important;

        padding: 8px !important;

        margin: 0 !important;

        object-fit: contain !important;

        background: #f4f2eb;
    }


    .am-product-card h2,
    .am-product-card h3,
    .am-product-card h4,
    .am-product-card strong {
        position: static !important;

        display: block !important;

        width: auto !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        font-size: clamp(14px, 3.6vw, 18px) !important;
        line-height: 1.1 !important;

        overflow-wrap: anywhere !important;
    }


    .am-product-card p,
    .am-product-card span {
        max-width: 100% !important;

        overflow-wrap: anywhere !important;
    }


    .am-product-card button,
    .am-product-card .am-btn {
        position: static !important;

        width: calc(100% - 18px) !important;

        min-height: 42px !important;

        margin: auto 9px 9px !important;

        transform: none !important;
    }



    /* ------------------------------------------------------
       H170R — no specs over turbine
       ------------------------------------------------------ */

    .am-feature-target {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 18px !important;

        overflow: hidden !important;
    }


    .am-feature-target .am-feature-copy {
        order: 1 !important;

        width: 100% !important;

        padding: 0 !important;
    }


    .am-feature-engine {
        order: 2 !important;

        width: 100% !important;

        min-height: 180px !important;

        margin-top: 8px !important;

        overflow: hidden !important;
    }


    .am-feature-engine img {
        position: static !important;

        width: 100% !important;
        max-width: 390px !important;

        height: 190px !important;
        max-height: 190px !important;

        margin: 0 auto !important;

        transform: none !important;

        object-fit: contain !important;
    }


    .am-feature-specs {
        order: 3 !important;

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        width: 100% !important;

        gap: 9px !important;

        padding: 13px 0 0 !important;
    }


    .am-feature-specs > div {
        position: static !important;

        min-width: 0 !important;

        padding: 8px !important;

        border: 1px solid rgba(40, 68, 40, .12);

        font-size: 11px !important;
        line-height: 1.25 !important;
    }


    .am-feature-specs .ui-svg-icon {
        width: 18px !important;
        height: 18px !important;
    }



    /* ------------------------------------------------------
       TRUST STRIP
       icon and text separated cleanly
       ------------------------------------------------------ */

    .am-trust-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 0 !important;
    }


    .am-trust article {
        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;
        justify-content: center !important;

        text-align: center !important;

        min-height: 145px !important;

        padding: 16px 10px !important;

        gap: 8px !important;

        overflow: hidden !important;
    }


    .am-trust article > b {
        width: 36px !important;
        min-width: 36px !important;

        height: 36px !important;

        margin: 0 auto !important;
    }


    .am-trust .ui-svg-icon {
        width: 32px !important;
        height: 32px !important;
    }


    .am-trust article > div {
        min-width: 0 !important;

        width: 100% !important;
    }


    .am-trust strong {
        display: block !important;

        max-width: 100% !important;

        font-size: 13px !important;
        line-height: 1.1 !important;

        overflow-wrap: anywhere !important;
    }


    .am-trust span:not(.ui-svg-icon) {
        display: block !important;

        margin-top: 4px !important;

        font-size: 9px !important;
        line-height: 1.25 !important;

        overflow-wrap: anywhere !important;
    }



    /* ------------------------------------------------------
       FOOTER MOBILE — centered
       ------------------------------------------------------ */

    .site-footer.target-footer {
        width: 100% !important;

        padding:
            28px
            18px
            calc(112px + env(safe-area-inset-bottom))
            !important;

        overflow: visible !important;
    }


    .site-footer.target-footer .target-footer-row {
        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;

        gap: 20px !important;

        text-align: center !important;
    }


    .site-footer.target-footer .target-footer-brand {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 145px !important;
        max-width: 145px !important;

        height: auto !important;

        margin: 0 auto !important;
    }


    .site-footer.target-footer .target-footer-brand img {
        position: static !important;

        width: 138px !important;
        max-width: 138px !important;

        height: auto !important;
        max-height: 120px !important;

        margin: 0 auto !important;

        transform: none !important;
    }


    .site-footer.target-footer .target-footer-address {
        width: 100% !important;
        max-width: 330px !important;

        margin: 0 auto !important;

        text-align: center !important;

        font-size: 14px !important;
        line-height: 1.55 !important;
    }


    .site-footer.target-footer .target-footer-contact {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        max-width: 100% !important;

        margin: 0 auto !important;

        gap: 9px !important;

        text-align: center !important;

        font-size: 14px !important;

        white-space: normal !important;
    }


    .site-footer.target-footer .target-footer-slogan {
        width: auto !important;
        max-width: 330px !important;

        margin: 4px auto 0 !important;

        padding:
            13px
            12px
            0 !important;

        border-left: 0 !important;
        border-top: 2px solid #ef5b16 !important;

        text-align: center !important;

        font-size: 13px !important;
        line-height: 1.35 !important;
    }


    .target-footer-socials {
        display: none !important;
    }

}


/* ==========================================================
   VERY SMALL PHONE
   320–359px
   ========================================================== */

@media (max-width: 359px) {

    .am-category-grid {
        grid-template-columns:
            1fr !important;
    }

    .am-category-card {
        min-height: 145px !important;
    }


    .am-product-grid {
        grid-template-columns:
            1fr !important;
    }


    .am-product-card {
        min-height: 255px !important;
    }


    .am-product-card img {
        height: 135px !important;
        max-height: 135px !important;
    }


    .am-feature-specs {
        grid-template-columns:
            1fr !important;
    }


    .am-trust-grid {
        grid-template-columns:
            1fr !important;
    }

}


/* ==========================================================
   MEDIUM MOBILE 500–780
   ========================================================== */

@media (min-width: 500px) and (max-width: 780px) {

    .am-category-card {
        min-height: 190px !important;
    }

    .am-category-card img {
        height: 88px !important;
        max-height: 88px !important;
    }


    .am-product-card {
        min-height: 285px !important;
    }


    .am-product-card img {
        height: 135px !important;
        max-height: 135px !important;
    }

}


/* ==========================================================
   TABLET 781–1100
   ========================================================== */

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

    .am-category-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }


    .am-product-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }


    .am-product-card {
        min-width: 0 !important;

        overflow: hidden !important;
    }


    .am-product-card img {
        max-width: 100% !important;

        object-fit: contain !important;
    }


    .am-feature-target {
        grid-template-columns:
            minmax(0, .85fr)
            minmax(0, 1fr) !important;

        height: auto !important;

        min-height: 300px !important;
    }


    .am-feature-specs {
        grid-column:
            1 / -1 !important;

        display: grid !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;
    }

}


/* ==========================================================
   STICKY MOBILE ACTION BAR
   iPhone safe area
   ========================================================== */

@media (max-width: 780px) {

    .mobile-actions,
    .mobile-sticky-actions,
    [class*="sticky"][class*="action"] {
        padding-bottom:
            max(10px, env(safe-area-inset-bottom)) !important;
    }

}


/* ==========================================================
   P005K — EXACT HERO MOBILE FIX
   Uses real HTML classes from current home.html.
   HEADER IS NOT TOUCHED.
   ========================================================== */

@media (max-width: 780px) {

    /*
     * Buttons remain their own row.
     * Nothing may float/position over them.
     */
    .am-hero .am-hero-actions {
        position: relative !important;

        display: flex !important;
        flex-wrap: wrap !important;

        align-items: center !important;

        gap: 10px !important;

        width: 100% !important;

        margin: 0 0 24px 0 !important;

        z-index: 10 !important;
    }


    .am-hero .am-hero-actions .am-btn {
        position: relative !important;

        margin: 0 !important;

        transform: none !important;

        z-index: 10 !important;
    }


    /*
     * This is the REAL badge element:
     *
     * <div class="am-hero-badges">
     *
     * Force it back into normal document flow.
     */
    .am-hero .am-hero-badges {
        position: static !important;

        inset: auto !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        clear: both !important;

        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        align-items: start !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        gap: 8px !important;

        margin: 0 !important;

        padding: 8px 0 4px !important;

        z-index: 1 !important;
    }


    .am-hero .am-hero-badges > div {
        position: static !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: center !important;
        justify-content: flex-start !important;

        min-width: 0 !important;

        height: auto !important;

        gap: 6px !important;

        margin: 0 !important;
        padding: 0 3px !important;

        transform: none !important;

        text-align: center !important;
    }


    .am-hero .am-hero-badges > div > b {
        position: static !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 28px !important;

        width: 28px !important;
        min-width: 28px !important;

        height: 28px !important;

        margin: 0 !important;

        transform: none !important;
    }


    .am-hero .am-hero-badges .ui-svg-icon {
        display: block !important;

        width: 25px !important;
        height: 25px !important;

        margin: 0 !important;
    }


    .am-hero .am-hero-badges > div > span:last-child {
        position: static !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        font-size: clamp(9px, 2.8vw, 12px) !important;
        line-height: 1.12 !important;

        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: normal !important;

        transform: none !important;
    }

}


/*
 * Extra-small phone:
 * still 3 badges, just smaller.
 */
@media (max-width: 359px) {

    .am-hero .am-hero-badges {
        gap: 4px !important;
    }

    .am-hero .am-hero-badges > div > b {
        width: 23px !important;
        min-width: 23px !important;
        height: 23px !important;
    }

    .am-hero .am-hero-badges .ui-svg-icon {
        width: 21px !important;
        height: 21px !important;
    }

    .am-hero .am-hero-badges > div > span:last-child {
        font-size: 8px !important;
    }

}


/* ==========================================================
   P005L — PRODUCT CARD FINAL ALIGNMENT
   ========================================================== */

.am-product-grid {
    align-items: stretch !important;
}


.am-product-card {
    min-width: 0 !important;

    box-sizing: border-box !important;
}


.am-product-card-clickable {
    cursor: pointer !important;
}


.am-product-card-clickable:hover {
    border-color: rgba(89, 108, 58, .7) !important;

    box-shadow:
        0 6px 18px
        rgba(13, 28, 17, .09) !important;
}


.am-product-card-clickable:focus-visible {
    outline:
        3px solid
        rgba(241, 87, 17, .45) !important;

    outline-offset: 2px !important;
}


/* transparent HMMWV */

.am-product-card img[src*="hmmwv-cutout"],
.am-category-card img[src*="hmmwv-cutout"] {
    background: transparent !important;

    -webkit-mask-image: none !important;
    mask-image: none !important;

    object-fit: contain !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 780px) {

    .am-product-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        align-items: stretch !important;

        gap: 12px !important;
    }


    .am-product-card {
        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        align-self: stretch !important;

        width: 100% !important;

        height: 100% !important;

        min-height: 0 !important;

        margin: 0 !important;

        padding: 0 !important;

        overflow: hidden !important;
    }


    /*
       Забираємо старі фіксовані величезні висоти.
    */

    .am-product-card > * {
        min-width: 0 !important;

        transform: none !important;
    }


    /*
       Фото кожного товару має однакову зону.
    */

    .am-product-card img {
        display: block !important;

        width: 100% !important;
        max-width: 190px !important;

        height: 145px !important;
        max-height: 145px !important;

        margin: 0 auto !important;

        padding: 8px !important;

        object-fit: contain !important;

        background: transparent !important;
    }


    .am-product-card img[src*="hmmwv-cutout"] {
        padding: 0 !important;

        max-width: 200px !important;

        height: 150px !important;
        max-height: 150px !important;

        background: transparent !important;
    }


    /*
       Заголовки.
    */

    .am-product-card h2,
    .am-product-card h3,
    .am-product-card h4 {
        width: 100% !important;

        max-width: 100% !important;

        margin:
            4px
            0
            8px !important;

        font-size:
            clamp(
                17px,
                4.4vw,
                23px
            ) !important;

        line-height: 1.08 !important;

        overflow-wrap: anywhere !important;

        word-break: normal !important;
    }


    /*
       Теги.
    */

    .am-product-card [class*="tag"],
    .am-product-card [class*="badge"] {
        max-width: 100% !important;

        white-space: normal !important;
    }


    /*
       КНОПКА:
       - завжди внизу
       - однакова
       - на всю картку
    */

    .am-product-card > .am-product-order-full {
        position: static !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        flex:
            0
            0
            56px !important;

        align-self: stretch !important;

        width: 100% !important;
        max-width: none !important;

        height: 56px !important;
        min-height: 56px !important;

        margin:
            auto
            0
            0 !important;

        padding:
            10px
            8px !important;

        border-radius: 0 !important;

        font-size: 14px !important;

        font-weight: 800 !important;

        transform: none !important;
    }

}



/* ==========================================================
   VERY SMALL PHONE
   ========================================================== */

@media (max-width: 359px) {

    .am-product-grid {
        grid-template-columns:
            1fr !important;
    }


    .am-product-card img {
        height: 165px !important;

        max-height: 165px !important;

        max-width: 230px !important;
    }

}



/* ==========================================================
   TABLET
   ========================================================== */

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

    .am-product-card {
        display: flex !important;

        flex-direction: column !important;

        height: 100% !important;
    }


    .am-product-card > .am-product-order-full {
        width: 100% !important;

        min-height: 46px !important;

        margin-top: auto !important;
    }

}



/* ==========================================================
   DESKTOP
   ========================================================== */

@media (min-width: 1101px) {

    .am-product-card {
        height: 100% !important;
    }


    .am-product-card > .am-product-order-full {
        width: 100% !important;

        min-height: 40px !important;

        margin-top: auto !important;
    }

}



/* ==========================================================
   P005M — FINAL PRODUCT CARD STRUCTURE
   ========================================================== */


/*
   The card is one vertical layout.
   Nothing is absolutely positioned.
*/
.am-product-card {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: stretch !important;

    min-width: 0 !important;

    overflow: hidden !important;
}


/*
   Cancel old positioning patches.
*/
.am-product-card > * {
    position: static !important;

    min-width: 0 !important;

    transform: none !important;
}


/*
   The order button is now the LAST DIRECT CHILD.
   It can therefore never overlap the product name/tags.
*/
.am-product-card > .am-product-order-full {
    position: static !important;

    flex:
        0
        0
        auto !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    align-self: stretch !important;

    width: 100% !important;
    max-width: none !important;

    height: 50px !important;
    min-height: 50px !important;

    margin:
        auto
        0
        0 !important;

    padding:
        10px
        12px !important;

    border-radius:
        0 !important;

    box-sizing:
        border-box !important;

    z-index: 2 !important;
}


/*
   Remove any styling left from old grey
   "Уточнити" CTA, even before JS executes.
*/
.am-product-card a:is(
    [class*="details"],
    [class*="clarify"]
) {
    position: static !important;
}



/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 780px) {

    .am-product-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        align-items: stretch !important;

        gap: 12px !important;
    }


    .am-product-card {
        height: 100% !important;

        min-height: 0 !important;

        padding: 0 !important;
    }


    /*
       Image gets its own predictable zone.
    */
    .am-product-card > :first-child:not(
        .am-product-order-full
    ) {
        flex:
            0
            0
            155px !important;

        height:
            155px !important;

        min-height:
            155px !important;

        max-height:
            155px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        overflow: hidden !important;

        background:
            #fff !important;
    }


    .am-product-card img {
        position: static !important;

        display: block !important;

        width: 100% !important;
        max-width: 180px !important;

        height: 140px !important;
        max-height: 140px !important;

        margin:
            0
            auto !important;

        padding: 6px !important;

        object-fit: contain !important;

        background:
            transparent !important;
    }


    /*
       Product text gets normal document flow.
    */
    .am-product-card h2,
    .am-product-card h3,
    .am-product-card h4 {
        position: static !important;

        width: auto !important;
        max-width: 100% !important;

        margin:
            4px
            0
            8px !important;

        line-height:
            1.08 !important;

        overflow-wrap:
            anywhere !important;
    }


    /*
       Tags must stay ABOVE the button.
    */
    .am-product-card [class*="tag"],
    .am-product-card [class*="badge"] {
        position: static !important;

        display: inline-flex !important;

        max-width: 100% !important;

        margin-bottom:
            5px !important;
    }


    /*
       Give textual content room before CTA.
       Avoid button touching product tags.
    */
    .am-product-card > :not(
        :first-child
    ):not(
        .am-product-order-full
    ) {
        position: static !important;

        min-height: 0 !important;
    }


    /*
       CTA always exactly at card bottom.
    */
    .am-product-card > .am-product-order-full {
        width:
            100% !important;

        height:
            54px !important;

        min-height:
            54px !important;

        margin:
            auto
            0
            0 !important;

        padding:
            11px
            8px !important;

        font-size:
            14px !important;

        line-height:
            1 !important;

        font-weight:
            800 !important;
    }

}



/* ==========================================================
   VERY SMALL PHONE
   ========================================================== */

@media (max-width: 359px) {

    .am-product-grid {
        grid-template-columns:
            1fr !important;
    }


    .am-product-card > :first-child:not(
        .am-product-order-full
    ) {
        height:
            175px !important;

        min-height:
            175px !important;

        max-height:
            175px !important;

        flex-basis:
            175px !important;
    }


    .am-product-card img {
        height:
            160px !important;

        max-height:
            160px !important;
    }

}



/* ==========================================================
   TABLET / DESKTOP
   ========================================================== */

@media (min-width: 781px) {

    .am-product-grid {
        align-items:
            stretch !important;
    }


    .am-product-card {
        height:
            100% !important;
    }


    .am-product-card > .am-product-order-full {
        margin-top:
            auto !important;

        width:
            100% !important;
    }

}



/* ==========================================================
   P006A — HOMEPAGE FEATURED PRODUCTS
   Only first 5 products are shown on homepage.
   Catalog/detail pages remain untouched.
   ========================================================== */

.am-products-home
.am-product-grid
> .am-product-card:nth-child(n+6) {
    display: none !important;
}


/* desktop — exactly one row of 5 */
@media (min-width: 1101px) {

    .am-products-home .am-product-grid {
        display: grid !important;

        grid-template-columns:
            repeat(5, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }

}


/* tablet */
@media (min-width: 781px) and (max-width: 1100px) {

    .am-products-home .am-product-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

}


/* phone */
@media (max-width: 780px) {

    .am-products-home .am-product-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }

}


/* very narrow phone */
@media (max-width: 359px) {

    .am-products-home .am-product-grid {
        grid-template-columns:
            1fr !important;
    }

}



/* ==========================================================
   P005O
   ========================================================== */


/* ----------------------------------------------------------
   ALL PRODUCT CTA BUTTONS
   ---------------------------------------------------------- */

.am-product-card
> .am-product-order-full {

    position:
        static !important;

    display:
        flex !important;

    flex:
        0
        0
        auto !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    align-self:
        stretch !important;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        54px !important;

    min-height:
        54px !important;

    margin:
        auto
        0
        0 !important;

    padding:
        10px
        8px !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    color:
        #ffffff !important;

    background:
        #f45a12 !important;

    font-weight:
        800 !important;

    font-size:
        14px !important;

    line-height:
        1 !important;

    text-decoration:
        none !important;

    cursor:
        pointer !important;

    box-sizing:
        border-box !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;
}


.am-product-card
> .am-product-order-full:hover,
.am-product-card
> .am-product-order-full:active,
.am-product-card
> .am-product-order-full:focus {

    color:
        #fff !important;

    background:
        #db4908 !important;
}



/* ----------------------------------------------------------
   MOBILE PRODUCT CARDS
   ---------------------------------------------------------- */

@media (max-width: 780px) {

    .am-product-card {

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            stretch !important;

        height:
            100% !important;

        min-height:
            0 !important;

        overflow:
            hidden !important;
    }


    /*
     * Enough room between tags and CTA.
     */
    .am-product-card
    > :not(.am-product-order-full) {

        flex-shrink:
            0;
    }


    .am-product-card
    > .am-product-order-full {

        margin-top:
            auto !important;

        width:
            100% !important;

        min-height:
            56px !important;

        height:
            56px !important;
    }

}



/* ==========================================================
   MOBILE HMMWV BADGE
   We create a dedicated badge instead of fighting
   old positioning from earlier versions.
   ========================================================== */

.am-mobile-hmmwv-badge {
    display:
        none;
}


@media (max-width: 780px) {

    .am-hero {
        position:
            relative !important;
    }


    /*
     * Hide only the old little HMMWV label.
     */
    .am-hero
    .am-old-hmmwv-label {

        display:
            none !important;
    }


    .am-mobile-hmmwv-badge {

        position:
            absolute !important;

        display:
            grid !important;

        grid-template-columns:
            auto
            4px !important;

        grid-template-areas:
            "title line"
            "sub   line";

        column-gap:
            10px !important;

        top:
            118px !important;

        right:
            18px !important;

        bottom:
            auto !important;

        left:
            auto !important;

        z-index:
            8 !important;

        width:
            auto !important;

        max-width:
            185px !important;

        padding:
            0 !important;

        margin:
            0 !important;

        pointer-events:
            none !important;

        text-align:
            left !important;
    }


    .am-mobile-hmmwv-badge
    strong {

        grid-area:
            title;

        display:
            block !important;

        margin:
            0
            0
            7px !important;

        color:
            #c6cc78 !important;

        font-size:
            clamp(
                25px,
                7vw,
                36px
            ) !important;

        font-weight:
            900 !important;

        line-height:
            .95 !important;

        letter-spacing:
            -.02em !important;

        white-space:
            nowrap !important;
    }


    .am-mobile-hmmwv-badge
    span {

        grid-area:
            sub;

        display:
            block !important;

        color:
            #ffffff !important;

        font-size:
            clamp(
                10px,
                3vw,
                13px
            ) !important;

        line-height:
            1.1 !important;

        white-space:
            nowrap !important;
    }


    .am-mobile-hmmwv-badge
    i {

        grid-area:
            line;

        display:
            block !important;

        width:
            4px !important;

        height:
            100% !important;

        min-height:
            65px !important;

        background:
            #c6cc78 !important;
    }

}



/* ----------------------------------------------------------
   Narrow phone
   ---------------------------------------------------------- */

@media (max-width: 390px) {

    .am-mobile-hmmwv-badge {

        top:
            105px !important;

        right:
            12px !important;

        transform:
            scale(.9);

        transform-origin:
            top right;
    }

}



/* ==========================================================
   P005Q
   MOBILE REFERENCE COMPOSITION
   Header and desktop intentionally untouched.
   ========================================================== */


.am-mobile-consult-banner {
    display: none;
}



/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 780px) {


    /* ------------------------------------------------------
       HERO BENEFITS

       [icon] Надійність
       [icon] Професійна підтримка
       [icon] Для професійних задач

       exactly below the hero buttons
       ------------------------------------------------------ */

    .am-hero .am-mobile-hero-benefits {

        position: relative !important;

        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        align-items: center !important;

        width: 100% !important;

        min-height: 54px !important;

        margin:
            18px
            0
            0 !important;

        padding:
            7px
            10px !important;

        gap:
            4px !important;

        z-index:
            10 !important;

        clear:
            both !important;
    }


    .am-hero .am-mobile-hero-benefit {

        position:
            static !important;

        display:
            flex !important;

        flex-direction:
            row !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        min-width:
            0 !important;

        width:
            auto !important;

        gap:
            5px !important;

        margin:
            0 !important;

        padding:
            4px
            2px !important;

        font-size:
            clamp(
                7px,
                2.25vw,
                10px
            ) !important;

        line-height:
            1.06 !important;

        font-weight:
            800 !important;

        text-align:
            left !important;

        white-space:
            normal !important;

        transform:
            none !important;
    }


    .am-hero
    .am-mobile-hero-benefit
    > b {

        flex:
            0
            0
            19px !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            19px !important;

        min-width:
            19px !important;

        height:
            19px !important;

        margin:
            0 !important;
    }


    .am-hero
    .am-mobile-hero-benefit
    .ui-svg-icon {

        width:
            18px !important;

        height:
            18px !important;
    }



    /* ======================================================
       H170R MOBILE CARD
       compact horizontal card like reference
       ====================================================== */

    .am-feature-target {

        display:
            grid !important;

        grid-template-columns:
            minmax(0, .78fr)
            minmax(0, 1fr)
            minmax(0, .82fr)
            !important;

        grid-template-areas:
            "copy engine specs";

        align-items:
            center !important;

        gap:
            4px !important;

        width:
            100% !important;

        min-height:
            155px !important;

        height:
            auto !important;

        padding:
            12px !important;

        overflow:
            hidden !important;

        background:
            #f8f6ef !important;
    }


    .am-feature-target
    .am-feature-copy {

        grid-area:
            copy;

        width:
            auto !important;

        min-width:
            0 !important;

        padding:
            0 !important;

        margin:
            0 !important;
    }


    .am-feature-target
    .am-feature-copy
    small {

        font-size:
            7px !important;

        letter-spacing:
            .14em !important;
    }


    .am-feature-target
    .am-feature-copy
    h2 {

        margin:
            4px
            0
            1px !important;

        font-size:
            clamp(
                17px,
                4.4vw,
                23px
            ) !important;

        line-height:
            .9 !important;
    }


    .am-feature-target
    .am-feature-copy
    h3 {

        margin:
            5px
            0 !important;

        font-size:
            8px !important;

        line-height:
            1.05 !important;
    }


    .am-feature-target
    .am-feature-copy
    p {

        display:
            -webkit-box !important;

        margin:
            5px
            0
            7px !important;

        overflow:
            hidden !important;

        -webkit-box-orient:
            vertical;

        -webkit-line-clamp:
            4;

        font-size:
            7px !important;

        line-height:
            1.25 !important;
    }


    .am-feature-target
    .am-feature-copy
    .am-btn {

        min-height:
            28px !important;

        height:
            28px !important;

        width:
            auto !important;

        padding:
            5px
            9px !important;

        font-size:
            7px !important;

        white-space:
            nowrap !important;
    }


    .am-feature-engine {

        grid-area:
            engine;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            0 !important;

        height:
            auto !important;

        margin:
            0 !important;

        overflow:
            visible !important;
    }


    .am-feature-engine img {

        position:
            static !important;

        width:
            100% !important;

        max-width:
            170px !important;

        height:
            125px !important;

        max-height:
            125px !important;

        margin:
            0
            auto !important;

        padding:
            0 !important;

        object-fit:
            contain !important;

        transform:
            none !important;
    }


    .am-feature-specs {

        grid-area:
            specs;

        display:
            flex !important;

        flex-direction:
            column !important;

        width:
            auto !important;

        min-width:
            0 !important;

        gap:
            7px !important;

        padding:
            0 !important;

        margin:
            0 !important;
    }


    .am-feature-specs
    > div {

        display:
            grid !important;

        grid-template-columns:
            17px
            minmax(0, 1fr)
            !important;

        align-items:
            center !important;

        min-width:
            0 !important;

        gap:
            4px !important;

        padding:
            0 !important;

        border:
            0 !important;

        font-size:
            7px !important;

        line-height:
            1.12 !important;
    }


    .am-feature-specs
    .ui-svg-icon {

        width:
            15px !important;

        height:
            15px !important;
    }



    /* ======================================================
       CONSULTATION
       compact banner until user asks to open the form
       ====================================================== */

    .am-contact {

        position:
            relative !important;

        width:
            100% !important;

        min-height:
            0 !important;

        height:
            auto !important;

        padding:
            0 !important;

        margin:
            10px
            0
            0 !important;

        overflow:
            visible !important;
    }


    .am-mobile-consult-banner {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;

        gap:
            14px !important;

        width:
            100% !important;

        min-height:
            105px !important;

        padding:
            15px !important;

        color:
            #ffffff !important;

        background:
            linear-gradient(
                90deg,
                rgba(3, 13, 8, .97),
                rgba(10, 24, 15, .72)
            ),
            url(
                "/static/images/hmmwv/hmmwv-hero-desktop.webp"
            )
            center 63% / cover
            no-repeat !important;

        box-sizing:
            border-box !important;
    }


    .am-mobile-consult-copy {

        min-width:
            0 !important;

        border-left:
            3px solid
            #ef5b17;

        padding-left:
            10px !important;
    }


    .am-mobile-consult-copy
    strong {

        display:
            block !important;

        max-width:
            175px !important;

        font-size:
            clamp(
                15px,
                4vw,
                20px
            ) !important;

        line-height:
            .95 !important;

        font-weight:
            900 !important;
    }


    .am-mobile-consult-copy
    span {

        display:
            block !important;

        margin-top:
            7px !important;

        font-size:
            7px !important;

        line-height:
            1.18 !important;
    }


    .am-mobile-consult-button {

        flex:
            0
            0
            auto !important;

        min-width:
            118px !important;

        min-height:
            42px !important;

        padding:
            9px
            12px !important;

        border:
            0 !important;

        border-radius:
            3px !important;

        color:
            #ffffff !important;

        background:
            #ef5b17 !important;

        font-size:
            10px !important;

        font-weight:
            800 !important;

        cursor:
            pointer !important;
    }


    /*
       Hide the large form initially.
    */

    .am-contact
    > form {

        display:
            none !important;

        width:
            100% !important;

        padding:
            18px !important;

        background:
            #f8f6ef !important;
    }


    /*
       Click "Написати запит" -> show form.
    */

    .am-contact.am-mobile-form-open
    > form {

        display:
            block !important;
    }


    .am-contact.am-mobile-form-open
    .am-mobile-consult-banner {

        margin-bottom:
            0 !important;
    }



    /* ======================================================
       FOOTER — like reference, WITHOUT SOCIAL NETWORKS
       ====================================================== */

    .site-footer.target-footer {

        min-height:
            0 !important;

        padding:
            15px
            15px
            calc(
                100px +
                env(safe-area-inset-bottom)
            ) !important;

        overflow:
            visible !important;
    }


    .site-footer.target-footer
    .target-footer-row {

        display:
            grid !important;

        grid-template-columns:
            105px
            minmax(0, 1fr)
            !important;

        grid-template-areas:
            "brand phone"
            "brand email"
            "brand address"
            "brand slogan";

        align-items:
            center !important;

        width:
            100% !important;

        gap:
            5px
            13px !important;

        min-height:
            0 !important;

        text-align:
            left !important;
    }


    .site-footer.target-footer
    .target-footer-brand {

        grid-area:
            brand;

        align-self:
            start !important;

        display:
            flex !important;

        align-items:
            flex-start !important;

        justify-content:
            center !important;

        width:
            105px !important;

        min-width:
            0 !important;

        max-width:
            105px !important;

        height:
            auto !important;

        margin:
            0 !important;
    }


    .site-footer.target-footer
    .target-footer-brand
    img {

        width:
            100px !important;

        max-width:
            100px !important;

        height:
            82px !important;

        max-height:
            82px !important;

        margin:
            0 !important;

        object-fit:
            contain !important;
    }


    .site-footer.target-footer
    .target-footer-contact {

        justify-content:
            flex-start !important;

        width:
            100% !important;

        margin:
            0 !important;

        font-size:
            9px !important;

        line-height:
            1.2 !important;

        text-align:
            left !important;
    }


    .site-footer.target-footer
    .target-footer-contact:nth-of-type(1) {

        grid-area:
            phone;
    }


    .site-footer.target-footer
    .target-footer-contact:nth-of-type(2) {

        grid-area:
            email;
    }


    .site-footer.target-footer
    .target-footer-address {

        grid-area:
            address;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            1px
            0
            0 !important;

        font-size:
            8px !important;

        line-height:
            1.27 !important;

        text-align:
            left !important;
    }


    .site-footer.target-footer
    .target-footer-slogan {

        grid-area:
            slogan;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            4px
            0
            0 !important;

        padding:
            4px
            0
            4px
            8px !important;

        border:
            0 !important;

        border-left:
            2px solid
            #ef5b17 !important;

        font-size:
            8px !important;

        line-height:
            1.25 !important;

        text-align:
            left !important;
    }


    /*
       Absolutely no social networks.
    */

    .target-footer-socials,
    .site-footer
    .footer-socials,
    .site-footer
    .socials {

        display:
            none !important;
    }

}



/* ==========================================================
   SMALL PHONE
   ========================================================== */

@media (max-width: 359px) {

    .am-feature-target {

        grid-template-columns:
            .9fr
            1.1fr
            !important;

        grid-template-areas:
            "copy engine"
            "specs specs";
    }


    .am-feature-specs {

        display:
            grid !important;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;

        margin-top:
            7px !important;
    }


    .am-mobile-consult-banner {

        min-height:
            115px !important;
    }


    .am-mobile-consult-button {

        min-width:
            100px !important;

        font-size:
            8px !important;
    }

}