/* Desktop navigation in the left sidebar; mobile keeps Shoptet's original menu. */
@media screen and (min-width: 768px) {
    body.paxio-sidebar-navigation .sidebar-left { display: block; position: relative; overflow: visible; z-index: 11; }
    body.paxio-sidebar-navigation .sidebar-left .sidebar-inner { overflow: visible; }
    body.paxio-sidebar-navigation .menu-helper { display: none !important; }
    /* Shoptet's full-page overlay would cover the relocated navigation. */
    body.paxio-sidebar-navigation.submenu-visible::before { display: none; }
    #navigation.paxio-navigation { display: block; position: relative; inset: auto; width: 100%; height: auto; margin: 0 0 32px; padding: 0; overflow: visible; border: 1px solid #e4e4e4; background: #fff; z-index: 1000; transition: none; }
    #navigation.paxio-navigation .navigation-in { position: static; width: 100%; height: auto; overflow: visible; background: transparent; }
    #navigation.paxio-navigation .menu-level-1 { display: flex; flex-direction: column; align-items: stretch; width: 100%; }
    /* Ignore horizontal menu fitting (the hidden items under "More"). */
    #navigation.paxio-navigation .menu-level-1 > li { display: block; position: static; float: none; width: 100%; visibility: visible; border: 0; border-bottom: 1px solid #e4e4e4; }
    #navigation.paxio-navigation .menu-level-1 > li:last-child { border-bottom: 0; }
    #navigation.paxio-navigation .menu-level-1 > li > a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 54px; padding: 16px 20px; color: #24242e; font-size: 16px; line-height: 1.4; letter-spacing: normal; white-space: normal; }
    #navigation.paxio-navigation .menu-level-1 > li:hover > a, #navigation.paxio-navigation .menu-level-1 > li.exp > a { color: #fff; background: var(--color-primary, #365fff); }
    #navigation.paxio-navigation .menu-level-1 > li > a::after { display: none; }
    #navigation.paxio-navigation .menu-level-1 > li > a > .submenu-arrow { position: static; flex: 0 0 auto; width: auto; height: auto; padding: 0; line-height: 1; }
    #navigation.paxio-navigation .menu-level-1 > li > a > .submenu-arrow::after { top: 0; color: inherit; transform: rotate(-90deg); }
    /* Shoptet still controls opening through .exp and .submenu-visible. */
    #navigation.paxio-navigation .menu-level-1 > li > .menu-level-2 { display: none; position: absolute; top: var(--paxio-flyout-top, 0px); right: auto; bottom: auto; left: 100%; width: min(1000px, var(--paxio-flyout-width, 65vw)); height: auto; max-height: var(--paxio-flyout-height, calc(100vh - 32px)); margin: 0; padding: 28px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); align-items: start; gap: 28px; border: 1px solid #e4e4e4; border-radius: 0 8px 8px 8px; background: #fff; box-shadow: 6px 8px 24px rgb(0 0 0 / 12%); z-index: 1001; transition: none; }
    body.submenu-visible #navigation.paxio-navigation .menu-level-1 > li.ext.exp > .menu-level-2 { display: grid; }
    #navigation.paxio-navigation .menu-level-2::before { content: attr(aria-label); display: block; position: static; grid-column: 1 / -1; width: auto; height: auto; color: #24242e; background: transparent; font-size: 24px; font-weight: 700; line-height: 1.3; z-index: auto; }
    #navigation.paxio-navigation .menu-level-2 > li { display: flex; flex-direction: row; align-items: flex-start; gap: 14px; width: auto; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; }
    #navigation.paxio-navigation .menu-level-2 > li > a.menu-image { display: flex; flex: 0 0 80px; align-items: center; justify-content: center; width: 80px; height: 64px; margin: 0; padding: 0; }
    #navigation.paxio-navigation .menu-level-2 > li > a.menu-image img { width: auto; height: auto; max-width: 80px; max-height: 64px; object-fit: contain; }
    #navigation.paxio-navigation .menu-level-2 > li > div { display: block; flex: 1 1 0; width: auto; min-width: 0; min-height: 0; padding: 0; }
    #navigation.paxio-navigation .menu-level-2 > li > div > a { padding: 0 0 10px; font-size: 17px; line-height: 1.4; overflow-wrap: anywhere; }
    #navigation.paxio-navigation .menu-level-3 { display: block; height: auto; overflow: visible; line-height: 1.5; }
    /* Commas between Shoptet's inline links are text nodes inside these li. */
    #navigation.paxio-navigation .menu-level-3 > li { display: block; margin: 0 0 6px; font-size: 0; }
    #navigation.paxio-navigation .menu-level-3 > li > a { display: inline; padding: 0; font-size: 15px; line-height: 1.5; }
    #navigation.paxio-navigation .more-items-trigger { display: none; }
    #header::after{display: none;}
    #header{box-shadow: 0px 2px 2px rgba(0,0,0,0.05);border-bottom: 1px solid #E4E4E4;}
    body:not(.ordering-process) .popup-widget.login-widget, body:not(.ordering-process) .empty-cart-hover{margin-top: -48px;}
    body:not(.ordering-process) .popup-widget.cart-widget{margin-top: -30px;}
    body:not(.ordering-process) #header #navigation{display: none !important;}
}
#filters h4{color: #24242E !important;}