/* Compact navigation in the brand navy palette. */
@media screen and (max-width: 767px) {
    html {
        overflow-x: hidden;
        overflow-x: clip;
    }
    body {
        margin: 0;
        width: 100%;
        min-width: 0;
        overflow-x: hidden;
        overflow-x: clip;
        padding-bottom: calc(52px + env(safe-area-inset-bottom, 0px));
    }
    .sticky-footer {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        position: fixed;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        box-sizing: border-box;
        overflow: hidden;
        padding: 3px;
        padding-bottom: calc(3px + env(safe-area-inset-bottom, 0px));
        background: #26375c;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 14px 14px 0 0;
        box-shadow: 0 4px 18px rgba(20, 33, 61, .18);
        z-index: 3;
    }
    .sticky-footer .one-fourth {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        float: none;
        width: auto;
        max-width: 100%;
        min-width: 0;
        height: 44px;
        box-sizing: border-box;
        margin: 0;
        padding: 4px 2px;
        border: 0;
        border-radius: 12px;
        background: transparent;
        color: #fff;
        text-align: center;
        text-decoration: none;
        line-height: 1;
        -webkit-tap-highlight-color: transparent;
        transition: background-color .15s ease;
    }
    .sticky-footer .one-fourth:last-child {
        background: rgba(255, 255, 255, .09);
    }
    .sticky-footer .one-fourth .fa {
        display: block;
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        background: center / contain no-repeat;
    }
    .sticky-footer .one-fourth .fa::before {
        content: none;
    }
    .sticky-footer .one-fourth p {
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
        font-size: 10px;
        font-weight: 500;
        line-height: 12px;
        letter-spacing: .1px;
        color: inherit;
        white-space: nowrap;
    }
    .sticky-footer .one-fourth:hover,
    .sticky-footer .one-fourth:active {
        color: #fff;
        background-color: rgba(255, 255, 255, .16);
    }
    .sticky-footer .one-fourth:focus-visible {
        outline: 2px solid #fff;
        outline-offset: -3px;
    }
    .sticky-footer .one-fourth .fa-heart-o {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.8%204.6a5.5%205.5%200%200%200-7.8%200L12%205.7l-1.1-1.1a5.5%205.5%200%200%200-7.8%207.8L12%2021l8.8-8.6a5.5%205.5%200%200%200%200-7.8Z%22%2F%3E%3C%2Fsvg%3E");
    }
    .sticky-footer .one-fourth .fa-user-o {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E");
    }
    .sticky-footer .one-fourth .fa-truck {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h11v12H3zM14%209h4l3%204v4h-7%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
    }
    .sticky-footer .one-fourth .fa-shopping-bag {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%207h14l1%2014H4L5%207Z%22%2F%3E%3Cpath%20d%3D%22M9%208V6a3%203%200%200%201%206%200v2%22%2F%3E%3C%2Fsvg%3E");
    }
}