.gad-mh,
.gad-mm {
    --gad-mm-bg: #f2f5fa;
    --gad-mm-ink: #222222;
    --gad-mm-sub-ink: #fbfafa;
    --gad-mm-white: #ffffff;
    display: none;
}

@media screen and (max-width: 1024px) {
    body {
        overflow-x: clip;
        overflow-y: visible;
    }

    #header,
    #header.fixed {
        position: sticky;
        top: 0;
        left: auto;
        z-index: 97;
        width: 100%;
        background-color: #f2f5fa;
    }

    body.admin-bar #header {
        top: 32px;
    }

    #header > .container,
    #access,
    #access.active {
        display: none !important;
    }

    html.gad-mm-open,
    html.gad-mm-open body {
        overflow: hidden;
    }

    body .basket-wrapper {
        top: 54px;
        bottom: 0;
        height: auto;
    }

    body.admin-bar .basket-wrapper {
        top: 86px;
    }
}

@media screen and (max-width: 782px) {
    body.admin-bar #header {
        top: 46px;
    }

    body.admin-bar .basket-wrapper {
        top: 100px;
    }
}

@media screen and (max-width: 600px) {
    body.admin-bar #header {
        top: 0;
    }

    body.admin-bar .basket-wrapper {
        top: 54px;
    }
}

@media screen and (max-width: 1024px) {
    .gad-mh,
    .gad-mm {
        color: var(--gad-mm-ink);
        font-family: 'Barlow', 'Roboto Condensed', sans-serif;
        text-align: left;
    }

    .gad-mh *,
    .gad-mh *::before,
    .gad-mh *::after,
    .gad-mm *,
    .gad-mm *::before,
    .gad-mm *::after {
        box-sizing: border-box;
    }

    .gad-mh svg,
    .gad-mm svg {
        display: block;
    }

    .gad-mh a,
    .gad-mm a {
        color: inherit;
        text-decoration: none;
    }

    .gad-mh {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 54px;
        padding: 8px 20px;
        background-color: var(--gad-mm-bg);
    }

    .gad-mh__logo svg {
        width: 108px;
        height: 38px;
    }

    .gad-mh__actions {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .gad-mh__icon svg {
        width: 24px;
        height: 24px;
    }

    .gad-mh__button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        padding: 4px;
        border: 0;
        border-radius: 6px;
        background-color: var(--gad-mm-ink);
        color: var(--gad-mm-white);
        cursor: pointer;
    }

    .gad-mh__button svg {
        width: 24px;
        height: 24px;
    }

    .gad-mm[hidden] {
        display: none;
    }

    .gad-mm:not([hidden]) {
        position: fixed;
        inset: 0;
        z-index: 1000;
        display: flex;
        flex-direction: column;
        gap: 20px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        background-color: var(--gad-mm-bg);
    }

    .admin-bar .gad-mm:not([hidden]) {
        top: 46px;
    }

    .gad-mm .gad-mh {
        position: sticky;
        top: 0;
        z-index: 1;
        flex-shrink: 0;
    }

    .gad-mm p,
    .gad-mm ul,
    .gad-mm li {
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .gad-mm .gad-mm__nav {
        display: block;
        flex-shrink: 0;
    }

    .gad-mm .gad-mm__sub[hidden] {
        display: none;
    }

    .gad-mm__row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 58px;
        margin: 0;
        padding: 6px 20px;
        border: 0;
        background: none;
        color: var(--gad-mm-ink);
        font: 500 18px/28px 'Barlow', 'Roboto Condensed', sans-serif;
        text-align: left;
        text-transform: none;
        cursor: pointer;
    }

    .gad-mm__chevron {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 32px;
        height: 32px;
        padding: 4px;
        border-radius: 6px;
        background-color: var(--gad-mm-white);
    }

    .gad-mm__chevron svg {
        width: 24px;
        height: 24px;
        transition: transform .2s ease;
    }

    .gad-mm__toggle[aria-expanded="true"] .gad-mm__chevron svg {
        transform: rotate(180deg);
    }

    .gad-mm__sub {
        padding: 0 20px;
    }

    .gad-mm .gad-mm__sublist {
        overflow: hidden;
        border-radius: 10px;
        background-color: var(--gad-mm-ink);
    }

    .gad-mm__sublink {
        display: block;
        padding: 14px 12px 14px 20px;
        color: var(--gad-mm-sub-ink) !important;
        font: 400 18px/28px 'Barlow', 'Roboto Condensed', sans-serif;
    }

    .gad-mm__footer {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        gap: 40px;
        padding: 20px;
    }

    .gad-mm__contact {
        display: flex;
        flex-direction: column;
        gap: 12px;
        font: 400 16px/26px 'Barlow', 'Roboto Condensed', sans-serif;
    }

    .gad-mm__group {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .gad-mm .gad-mm__name {
        font-size: 20px;
        font-weight: 500;
    }

    .gad-mm__strong {
        font-weight: 500;
    }

    .gad-mm__social {
        display: flex;
        gap: 30px;
    }

    .gad-mm__social svg {
        width: 30px;
        height: 30px;
    }

    .gad-mh a:focus-visible,
    .gad-mh button:focus-visible,
    .gad-mm a:focus-visible,
    .gad-mm button:focus-visible {
        outline: 2px solid var(--gad-mm-ink);
        outline-offset: 2px;
    }

    .gad-mm__sublink:focus-visible {
        outline-color: var(--gad-mm-sub-ink);
        outline-offset: -2px;
    }
}