.mobile-navigation {
    display: none;
}

@media (width < 1085px) {
    body { padding-bottom: 72px; }

    #container {
        zoom: var(--catalog-scale, 1);
        text-size-adjust: none;
        -webkit-text-size-adjust: none;
    }

    #container[style*="--catalog-scale"] .top-menu-link {
        visibility: hidden;
    }

    .mobile-navigation {
        display: block;
        text-align: left;
        font: 15px/1.4 Tahoma, Arial, sans-serif;
        background: #fff;
    }

    .mobile-navigation-links {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        background: #a3261b;
    }

    .mobile-navigation a {
        display: flex;
        align-items: center;
        min-height: 44px;
        padding: 8px 14px;
        box-sizing: border-box;
    }

    .mobile-navigation-links a {
        justify-content: center;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .mobile-navigation-links a[aria-current="page"] {
        background: #791b14;
    }

    .contact-button--phone {
        min-width: 78px;
        min-height: 48px;
        font-size: 16px;
    }

    .contact-button--phone span { font-size: 20px; }
    .contact-button--whatsapp img { width: 52px; height: auto; }
}

@media (min-width: 600px) and (width < 1085px) {
    .mobile-navigation-links {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    body {
        --mobile-contact-height: 54px;
        padding-bottom: calc(var(--mobile-contact-height) + env(safe-area-inset-bottom, 0px));
    }

    .contact-button {
        bottom: 0;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 50%;
        min-height: calc(var(--mobile-contact-height) + env(safe-area-inset-bottom, 0px));
        padding: 0 8px env(safe-area-inset-bottom, 0px);
        border-radius: 0;
        box-shadow: none;
        font: bold 15px Arial, sans-serif;
    }

    .contact-button--phone {
        left: 0;
        padding-left: max(8px, env(safe-area-inset-left, 0px));
    }

    .contact-button--whatsapp {
        right: 0;
        padding-right: max(8px, env(safe-area-inset-right, 0px));
        border-left: 1px solid #fff;
        background: #25d366;
        color: #092b17;
        text-decoration: none;
    }

    .contact-button--whatsapp img {
        flex: none;
        width: 56px;
        height: 56px;
        margin: -12px -15px -25px;
        filter: grayscale(1) brightness(.7) contrast(6);
        mix-blend-mode: screen;
        clip-path: inset(9px 15px 22px 15px);
    }

    .contact-button--whatsapp::after { content: "WhatsApp"; }

    .contact-button:focus-visible { outline-offset: -3px; }

    .mobile-navigation {
        position: relative;
        z-index: 80;
    }

    .mobile-navigation-links {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 4px;
        padding: 4px max(4px, env(safe-area-inset-right, 0px)) 4px max(4px, env(safe-area-inset-left, 0px));
        background: #741b15;
    }

    .mobile-navigation-links a {
        padding: 4px 2px;
        border-radius: 6px;
        font-size: clamp(10px, 3.2vw, 14px);
        text-align: center;
    }

    .mobile-navigation-links a[aria-current="page"] {
        color: #8e2118;
        background: #fff0eb;
    }

    .mobile-navigation-links a:focus-visible {
        outline: 2px solid #fff;
        outline-offset: 1px;
    }

    .product-menu,
    .product-menu-decoration,
    .mobile-hide-manufacturing,
    .mobile-hide-shipping { display: none; }
}