#bm-native-desktop-menu,
#bm-native-panels {
    display: none;
}

@media (min-width: 1025px) {
    .bm-native-replaced-jet {
        display: none !important;
    }

    #bm-native-desktop-menu {
        display: block;
        width: 100%;
        height: 56px;
        font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
    }

    .bm-native-nav-list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        width: 100%;
        height: 56px;
        margin: 0;
        padding: 0;
        gap: 0;
        list-style: none;
    }

    /*
     * A termékkategóriákat és a szolgáltatási menüpontokat elválasztó,
     * korábban bm-menu-divider néven használt finom függőleges vonal.
     */
    .bm-native-nav-item.bm-menu-divider {
        position: relative;
        padding-left: 28px;
    }

    .bm-native-nav-item.bm-menu-divider::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 24px;
        background: rgba(29, 29, 31, .22);
        content: "";
        transform: translateY(-50%);
    }

    .bm-native-trigger {
        display: flex;
        align-items: center;
        height: 56px;
        padding: 0;
        border: 0;
        background: transparent;
        color: #1d1d1f;
        appearance: none;
        -webkit-appearance: none;
        font: inherit;
        font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
        font-size: 15px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-variation-settings: normal !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-decoration: none;
        white-space: nowrap;
        cursor: pointer;
    }

    /*
     * A JetMenu a natív menü csatlakozása előtti néhány képkockában még
     * látható lehet. Ugyanazt a tipográfiát kapja, így nincs fontméret-ugrás.
     */
    .jet-mega-menu--layout-horizontal
        .jet-mega-menu-item--top-level
        > .jet-mega-menu-item__inner
        > .jet-mega-menu-item__link,
    .jet-mega-menu--layout-horizontal
        .jet-mega-menu-item--top-level
        > .jet-mega-menu-item__link {
        font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .bm-native-trigger::after {
        position: absolute;
        right: 0;
        bottom: 7px;
        left: 0;
        height: 2px;
        border-radius: 2px;
        background: currentColor;
        content: "";
        opacity: 0;
        transform: scaleX(.35);
        transition: opacity 160ms ease, transform 180ms ease;
    }

    .bm-native-trigger {
        position: relative;
    }

    .bm-native-trigger:hover::after,
    .bm-native-trigger[aria-expanded="true"]::after {
        opacity: .85;
        transform: scaleX(1);
    }

    #bm-native-panels {
        display: block;
    }

    .bm-native-panel {
        position: fixed;
        top: var(--bm-native-top, 126px);
        right: 0;
        left: 0;
        height: min(396px, calc(100vh - var(--bm-native-top, 126px)));
        z-index: 2147482999;
        visibility: hidden;
        border: 0;
        border-bottom: 1px solid rgba(0,0,0,.06);
        background: rgba(250,250,252,.975);
        clip-path: inset(0 0 100% 0);
        opacity: 0;
        pointer-events: none;
        -webkit-backdrop-filter: blur(22px) saturate(1.35);
        backdrop-filter: blur(22px) saturate(1.35);
        box-shadow: 0 1px 0 rgba(255,255,255,.85);
        transition:
            clip-path 300ms cubic-bezier(.22,1,.36,1),
            opacity 160ms ease,
            visibility 300ms step-end;
    }

    .bm-native-panel.is-open {
        visibility: visible;
        clip-path: inset(0 0 0 0);
        opacity: 1;
        pointer-events: auto;
        transition:
            clip-path 300ms cubic-bezier(.22,1,.36,1),
            opacity 160ms ease,
            visibility 0ms step-start;
    }

    .bm-native-panel[data-count="1"],
    .bm-native-panel[data-count="2"],
    .bm-native-panel[data-count="3"],
    .bm-native-panel[data-count="4"],
    .bm-native-panel[data-count="5"],
    .bm-native-panel[data-count="6"] {
        height: min(286px, calc(100vh - var(--bm-native-top, 126px)));
    }

    .bm-native-panel-inner {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        width: min(1120px, calc(100vw - 64px));
        align-content: center;
        height: 100%;
        max-height: 100%;
        margin: 0 auto;
        padding: 22px 0 26px;
        gap: 18px 22px;
        overflow: auto;
    }

    .bm-native-panel[data-count="1"] .bm-native-panel-inner {
        grid-template-columns: minmax(0, 176px);
        width: min(176px, calc(100vw - 64px));
    }

    .bm-native-panel[data-count="2"] .bm-native-panel-inner {
        grid-template-columns: repeat(2, minmax(0, 176px));
        width: min(374px, calc(100vw - 64px));
    }

    .bm-native-panel[data-count="3"] .bm-native-panel-inner {
        grid-template-columns: repeat(3, minmax(0, 176px));
        width: min(572px, calc(100vw - 64px));
    }

    .bm-native-panel[data-count="4"] .bm-native-panel-inner {
        grid-template-columns: repeat(4, minmax(0, 176px));
        width: min(770px, calc(100vw - 64px));
    }

    .bm-native-panel[data-count="5"] .bm-native-panel-inner {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        width: min(968px, calc(100vw - 64px));
    }

    .bm-native-product {
        display: flex;
        min-width: 0;
        align-items: center;
        flex-direction: column;
        color: #1d1d1f;
        text-align: center;
    }

    .bm-native-product-main {
        display: flex;
        align-items: center;
        flex-direction: column;
        color: inherit;
        text-align: center;
        text-decoration: none;
    }

    .bm-native-product img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 132px;
        transform: scale(1);
        transform-origin: center;
        transition: transform 300ms cubic-bezier(0, 0, .5, 1);
        will-change: transform;
    }

    .bm-native-product-title {
        display: -webkit-box;
        margin-top: 12px;
        overflow: hidden;
        color: #1d1d1f;
        font-size: 17px;
        font-weight: 500;
        line-height: 1.2;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .bm-native-product-main:hover img,
    .bm-native-product-main:focus-visible img {
        transform: scale(1.0161);
    }

    .bm-native-product-text {
        margin-top: 5px;
        color: #6e6e73;
        font-size: 13px;
    }

    .bm-native-product:focus-visible {
        outline: 2px solid #2997ff;
        outline-offset: 6px;
    }

    .bm-native-panel.is-open .bm-native-product {
        animation: bm-native-card-in 440ms cubic-bezier(.22,1,.36,1) both !important;
    }

    .bm-native-panel.is-open .bm-native-product:nth-child(2) { animation-delay: 48ms !important; }
    .bm-native-panel.is-open .bm-native-product:nth-child(3) { animation-delay: 96ms !important; }
    .bm-native-panel.is-open .bm-native-product:nth-child(4) { animation-delay: 144ms !important; }
    .bm-native-panel.is-open .bm-native-product:nth-child(5) { animation-delay: 192ms !important; }
    .bm-native-panel.is-open .bm-native-product:nth-child(6) { animation-delay: 240ms !important; }
    .bm-native-panel.is-open .bm-native-product:nth-child(7) { animation-delay: 288ms !important; }
    .bm-native-panel.is-open .bm-native-product:nth-child(8) { animation-delay: 336ms !important; }
    .bm-native-panel.is-open .bm-native-product:nth-child(n + 9) { animation-delay: 384ms !important; }

    body.bm-native-menu-open .bm-header-backdrop {
        background: rgba(245,245,247,.48);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        -webkit-backdrop-filter: blur(20px) saturate(.82);
        backdrop-filter: blur(20px) saturate(.82);
    }
}

@keyframes bm-native-card-in {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .bm-native-panel,
    .bm-native-panel.is-open,
    .bm-native-panel.is-open .bm-native-product {
        animation: none !important;
        transition: none !important;
    }
}