/* APOLL mobile header — loaded only for screens <= 767px (see media attribute). */
@media (max-width: 767px) {
    html:has(.apoll-mobile[data-apoll-mobile]) #header .header-banner,
    html:has(.apoll-mobile[data-apoll-mobile]) #header .header-nav,
    html:has(.apoll-mobile[data-apoll-mobile]) #header .header-top,
    html:has(.apoll-mobile[data-apoll-mobile]) #header .rwd_menu_open { display: none !important; }
}
@media (max-width: 767px) {

    html.apoll-mobile-ready #header .header-banner,
    html.apoll-mobile-ready #header .header-nav,
    html.apoll-mobile-ready #header .header-top,
    html.apoll-mobile-ready #header .rwd_menu_open { display: none !important; }

    .apoll-mobile {
        display: block !important;
        --am-accent: #e94e36;
        --am-dark: #15161a;
        --am-line: rgba(255, 255, 255, .14);
        position: sticky; top: 0; z-index: 1000;
        width: 100%;
        font-family: 'Fixel', Arial, Helvetica, sans-serif;
        box-sizing: border-box;
    }
    .apoll-mobile *, .apoll-mobile *::before, .apoll-mobile *::after { box-sizing: border-box; }

    .apoll-mobile__bar {
        display: flex; align-items: center; gap: 8px;
        height: 64px; padding: 0 12px;
        background: #fff;
        border-bottom: 1px solid #e6e6e6;
    }
    .apoll-mobile__logo { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; height: 100%; text-decoration: none; color: var(--am-dark); font-weight: 800; }
    .apoll-mobile__logo img { display: block; height: 30px; width: auto; max-width: 100%; }

    .apoll-mobile__cta {
        display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto;
        height: 40px; padding: 0 14px;
        background: var(--am-accent); color: #fff !important;
        font-size: 14px; font-weight: 700; text-decoration: none !important;
        clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
    }
    .apoll-mobile__cta svg { width: 16px; height: 16px; }

    .apoll-mobile__icon {
        position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
        width: 42px; height: 42px; padding: 0; margin: 0;
        background: #fff; color: var(--am-dark) !important;
        border: 1.5px solid var(--am-dark); border-radius: 50%;
        -webkit-appearance: none; appearance: none; cursor: pointer; text-decoration: none;
    }
    .apoll-mobile__icon svg { width: 22px; height: 22px; }
    .apoll-mobile__count {
        position: absolute; top: -5px; right: -5px;
        min-width: 18px; height: 18px; padding: 0 4px;
        background: var(--am-accent); color: #fff; border-radius: 9px;
        font: 700 11px/18px 'Fixel', Arial, sans-serif; text-align: center;
    }
    .apoll-mobile__count.is-empty { display: none; }

    .apoll-mobile__burger-lines { position: relative; display: block; width: 18px; height: 14px; }
    .apoll-mobile__burger-lines i { position: absolute; left: 0; width: 100%; height: 2px; background: currentColor; transition: transform .2s ease, opacity .2s ease, top .2s ease; }
    .apoll-mobile__burger-lines i:nth-child(1) { top: 0; }
    .apoll-mobile__burger-lines i:nth-child(2) { top: 6px; }
    .apoll-mobile__burger-lines i:nth-child(3) { top: 12px; }
    .apoll-mobile.is-open .apoll-mobile__burger { background: var(--am-dark); color: #fff !important; }
    .apoll-mobile.is-open .apoll-mobile__burger-lines i:nth-child(1) { top: 6px; transform: rotate(45deg); }
    .apoll-mobile.is-open .apoll-mobile__burger-lines i:nth-child(2) { opacity: 0; }
    .apoll-mobile.is-open .apoll-mobile__burger-lines i:nth-child(3) { top: 6px; transform: rotate(-45deg); }

    .apoll-mobile__panel {
        position: absolute; top: 100%; left: 0; right: 0;
        height: calc(100vh - 64px); height: calc(100dvh - 64px);
        overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
        padding: 18px 20px 28px;
        background: var(--am-dark); color: #fff;
    }
    .apoll-mobile__panel[hidden] { display: none; }

    .apoll-mobile__search { position: relative; margin: 0 0 8px; }
    .apoll-mobile__search input {
        width: 100%; height: 48px; padding: 0 52px 0 16px; margin: 0;
        background: rgba(255, 255, 255, .08); color: #fff;
        border: 1px solid var(--am-line); border-radius: 0;
        font: 500 16px 'Fixel', Arial, sans-serif; -webkit-appearance: none; appearance: none;
    }
    .apoll-mobile__search input::placeholder { color: rgba(255, 255, 255, .55); }
    .apoll-mobile__search button {
        position: absolute; top: 0; right: 0; width: 48px; height: 48px; padding: 0;
        background: transparent; border: 0; color: #fff; cursor: pointer;
    }
    .apoll-mobile__search button svg { width: 22px; height: 22px; }

    .apoll-mobile__nav ul { list-style: none; margin: 0; padding: 0; }
    .apoll-mobile__nav > ul > li { border-bottom: 1px solid var(--am-line); }
    .apoll-mobile__link {
        display: flex; align-items: center; justify-content: space-between; width: 100%;
        min-height: 56px; padding: 0; margin: 0;
        background: transparent; border: 0; color: #fff !important;
        font: 600 18px 'Fixel', Arial, sans-serif; text-align: left; text-decoration: none !important;
        -webkit-appearance: none; appearance: none; cursor: pointer;
    }
    .apoll-mobile__link svg { width: 14px; height: 10px; flex: 0 0 auto; transition: transform .2s ease; }
    .apoll-mobile__group.is-open .apoll-mobile__link svg { transform: rotate(180deg); }
    .apoll-mobile__group.is-open > .apoll-mobile__link { color: var(--am-accent) !important; }
    .apoll-mobile__sub { padding: 0 0 12px 14px !important; border-left: 2px solid var(--am-accent); margin: 0 0 12px !important; }
    .apoll-mobile__sub[hidden] { display: none; }
    .apoll-mobile__sub a {
        display: block; padding: 10px 0; color: rgba(255, 255, 255, .86) !important;
        font: 500 16px/1.35 'Fixel', Arial, sans-serif; text-decoration: none !important;
    }

    .apoll-mobile__buttons { display: flex; gap: 12px; margin-top: 24px; }
    .apoll-mobile__btn {
        flex: 1 1 0; display: flex; align-items: center; justify-content: center;
        height: 52px; padding: 0 12px; text-align: center;
        border: 1.5px solid #fff; color: #fff !important;
        font: 700 15px 'Fixel', Arial, sans-serif; text-decoration: none !important;
        clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    }
    .apoll-mobile__btn--primary { background: var(--am-accent); border-color: var(--am-accent); }

    body.apoll-mobile-open { overflow: hidden; }
}
@media (max-width: 767px) and (max-width: 359px) {
    .apoll-mobile__cta span { display: none; }
    .apoll-mobile__cta { padding: 0 11px; }
}
