@media (max-width: 1180px) {

    .desktop-nav {
        display: none;
    }

    .menu-toggle {
        display: block;
    }

    .header-contact {
        display: none;
    }

    .hero-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(400px, .9fr);
    }

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

    .product-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media (max-width: 780px) {

    body {
        padding-bottom:
            calc(68px + env(safe-area-inset-bottom));
    }

    .shell {
        width:
            min(
                calc(100% - 28px),
                var(--shell)
            );
    }

    .site-header {
        position: sticky;
    }

    .header-inner {
        height: 66px;
    }

    .brand {
        width: auto;

        margin-right: auto;
    }

    .brand img {
        width: 128px;
        height: 54px;
    }

    .header-actions {
        margin-left: 0;
        gap: 6px;
    }

    .lang {
        display: none;
    }

    .search-toggle {
        width: 36px;
    }

    .mobile-nav {
        position: fixed;
        z-index: 95;

        top: 66px;
        left: 0;
        right: 0;

        padding: 15px 20px 24px;

        display: flex;
        flex-direction: column;

        gap: 2px;

        background: #111a13;

        transform: translateY(-140%);

        transition: transform .22s ease;
    }

    body.menu-open .mobile-nav {
        transform: translateY(0);
    }

    .mobile-nav a {
        padding: 15px;

        color: white;

        border-bottom:
            1px solid rgba(255,255,255,.08);

        font-weight: 750;
    }

    .hero-layout {
        min-height: 0;

        display: flex;
        flex-direction: column;
    }

    .hero-media {
        order: 1;

        min-height: 310px;
    }

    .hero-media::before {
        background:
            linear-gradient(
                180deg,
                rgba(20,32,25,.1),
                rgba(12,18,13,.6)
            );
    }

    .hero-media img {
        object-position: 54% center;
    }

    .hero-media-label {
        right: 13px;
        bottom: 13px;
    }

    .hero-media-label strong {
        font-size: 23px;
    }

    .hero-copy {
        order: 2;

        padding: 36px 0 40px;
    }

    .hero-eyebrow {
        margin-bottom: 13px;

        font-size: 10px;
    }

    .hero h1 {
        font-size:
            clamp(38px, 10.6vw, 58px);

        line-height: .93;
    }

    .hero-copy > p {
        margin: 20px 0;

        font-size: 14px;
    }

    .hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .hero-actions .btn {
        width: 100%;
    }

    .hero-trust {
        margin-top: 28px;

        gap: 4px;
    }

    .hero-trust > div {
        display: block;

        padding: 0 6px;

        text-align: center;

        border-right:
            1px solid rgba(255,255,255,.1);
    }

    .trust-icon {
        margin: 0 auto 5px;
    }

    .hero-trust strong {
        font-size: 9px;
    }

    .hero-trust small {
        font-size: 8px;
    }

    .quick-search-inner {
        min-height: 94px;

        grid-template-columns:
            minmax(0, 1fr)
            86px;

        gap: 6px;
    }

    .search-field {
        padding: 0 11px;
    }

    .search-field input {
        font-size: 12px;
    }

    .search-button {
        font-size: 12px;
    }

    .catalog {
        padding-top: 48px;
    }

    .section-head {
        align-items: center;

        gap: 15px;
    }

    .section-head h2 {
        font-size: 27px;
    }

    .section-link {
        font-size: 10px;
    }

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

        gap: 7px;
    }

    .category-media {
        height: 125px;
    }

    .category-copy {
        min-height: 126px;

        padding: 12px;
    }

    .category-copy h3 {
        margin-bottom: 8px;

        font-size: 13px;
    }

    .category-copy p {
        display: none;
    }

    .category-copy span {
        font-size: 9px;
    }

    .products {
        padding-top: 20px;
        padding-bottom: 48px;
    }

    .product-grid {
        display: flex;

        overflow-x: auto;

        gap: 8px;

        margin-inline:
            calc((100vw - 100%) / -2);

        padding:
            0 14px 14px;

        scroll-snap-type: x mandatory;

        scrollbar-width: none;
    }

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

    .product-card {
        flex: 0 0 84%;

        grid-template-columns: 1fr;

        scroll-snap-align: start;
    }

    .product-media {
        height: 205px;
        min-height: 205px;
    }

    .product-copy {
        min-height: 235px;
    }

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

    .trust-grid article {
        min-height: 145px;

        padding: 22px 17px;

        border-bottom:
            1px solid rgba(255,255,255,.08);
    }

    .trust-grid strong {
        font-size: 14px;
    }

    .trust-grid p {
        font-size: 10px;
    }

    .spotlight {
        padding: 45px 0;
    }

    .spotlight-layout {
        display: flex;
        flex-direction: column;
    }

    .spotlight-media {
        order: 1;

        min-height: 260px;
        height: 260px;
    }

    .spotlight-copy {
        order: 2;

        padding: 30px 22px;
    }

    .spotlight-copy h2 {
        font-size: 45px;
    }

    .spotlight-copy h3 {
        font-size: 14px;
    }

    .spotlight-copy p {
        font-size: 13px;
    }

    .spotlight-order {
        width: 100%;
    }

    .consultation {
        padding: 55px 0;
    }

    .consultation-layout {
        grid-template-columns: 1fr;

        gap: 28px;
    }

    .consultation-copy h2 {
        font-size: 38px;
    }

    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .consultation-form {
        padding: 18px;
    }

    .footer-main {
        grid-template-columns: 1fr;

        gap: 28px;
    }

    .footer-column {
        display: none;
    }

    .footer-bottom {
        margin-top: 28px;
    }

    .mobile-sticky {
        position: fixed;
        z-index: 110;

        left: 0;
        right: 0;
        bottom: 0;

        display: grid;
        grid-template-columns: .9fr 1.1fr;

        padding:
            8px 10px
            calc(8px + env(safe-area-inset-bottom));

        gap: 7px;

        background:
            rgba(14, 21, 16, .97);

        border-top:
            1px solid rgba(255,255,255,.12);
    }

    .mobile-sticky a {
        min-height: 48px;

        display: grid;
        place-items: center;

        border-radius: 4px;

        font-size: 12px;
        font-weight: 850;
    }

    .mobile-call {
        color: white;

        border:
            1px solid rgba(255,255,255,.42);
    }

    .mobile-order {
        color: white;
        background: var(--orange);
    }

}


@media (max-width: 420px) {

    .category-media {
        height: 110px;
    }

    .category-copy {
        min-height: 115px;
    }

    .product-card {
        flex-basis: 88%;
    }

}


/* ==========================================================
   P004F — FULL MOBILE FOOTER
   ========================================================== */

@media (max-width: 780px) {

    .site-footer {
        padding-top: 38px;
    }


    .footer-main {
        display: grid !important;
        grid-template-columns: 1fr !important;

        gap: 0 !important;
    }


    .footer-identity {
        padding-bottom: 26px;
    }


    .footer-identity p {
        max-width: 100%;

        font-size: 13px;
        line-height: 1.6;
    }


    .footer-column {
        display: flex !important;

        padding: 20px 0;

        border-top:
            1px solid rgba(255,255,255,.08);
    }


    .footer-column strong {
        margin-bottom: 10px;

        color: #ffffff;

        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: .08em;
    }


    .footer-column a,
    .footer-column span {
        font-size: 13px;
        line-height: 1.55;
    }


    .footer-bottom {
        min-height: auto;

        margin-top: 8px;

        padding: 22px 0 24px;

        display: flex;

        flex-direction: column;
        align-items: flex-start;

        gap: 7px;
    }

}

/* ==========================================================
   P004G — MOBILE HMMWV HERO
   ========================================================== */

@media (max-width: 780px) {

    .hero-media {
        height: clamp(340px, 88vw, 540px);
        min-height: 0 !important;
    }

    .hero-picture {
        display: block;
        width: 100%;
        height: 100%;
    }

    .hero-picture img {
        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center center !important;
    }
}