@media (max-width: 1480px) {
.ar-page .ar-page-body.mobile-menu-open .columns { transform: translateX(350px); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.ar-page .mobile-menu-overlay { left: 0px !important; width: 220px !important; position: fixed !important; top: 0px !important; height: 100% !important; z-index: 999999 !important; transform: none !important; }
}
@media (max-width: 1480px) {
.ar-page #mobile-menu-dark-overlay { display: none; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 99998; transition: opacity 0.3s; opacity: 0; }
.ar-page .ar-page-body.mobile-menu-open #mobile-menu-dark-overlay { display: block; opacity: 1; }
}
@media (max-width: 1480px) {
.ar-page .expand-iconTwo { position: absolute !important; right: 41px !important; }
.ar-page .expand-iconOne { position: absolute !important; right: 11px !important; }
.ar-page .ar-page-body.mobile-menu-open .columns { transform: translateX(220px); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.ar-page .mobile-menu-overlay { left: 0px !important; width: 220px !important; position: fixed !important; top: 0px !important; height: 100% !important; z-index: 999999 !important; transform: none !important; }
}
.ar-page .navigation .level0 .submenu > ul::after { display: none !important; }
@media (max-width: 1480px) {
.ar-page .mobile-cat-level-2 .mobile-category-header a, .ar-page .mobile-cat-level-3 .mobile-category-header a { margin-left: 5%; padding-top: 0px !important; padding-bottom: 0px !important; width: 76% !important; line-height: 50px !important; }
.ar-page .mobile-cat-level-2 .mobile-category-header a:first-of-type, .ar-page .mobile-cat-level-3 .mobile-category-header a:first-of-type { margin-top: 2% !important; }
.ar-page .header.content .navigation-wrapper #mobile-nav-toggle.mobile-nav-toggle[aria-label="Toggle menu"] { display: flex !important; visibility: visible !important; opacity: 1 !important; position: relative !important; z-index: 9999 !important; }
.ar-page .kw-extended-menu, .ar-page .navigation ul { display: none !important; }
.ar-page #mobile-categories-list { position: relative; transition: transform 0.3s ease-in-out; transform: translateX(0px); overflow: hidden; width: 100%; }
.ar-page .mobile-category-header a { line-height: 45px !important; }
.ar-page .mobile-back-item { position: absolute; top: 48%; left: -3%; width: auto; z-index: 100001; background: rgba(0, 0, 0, 0.8); border-radius: 4px; }
.ar-page .mobile-back-item .mobile-category-header button { width: auto; text-align: center; justify-content: center; border-radius: 4px; transition: 0.2s; padding: 10px !important; }
.ar-page .mobile-back-item .mobile-category-header button:hover { background: rgba(255, 255, 255, 0.1) !important; }
.ar-page .shop-info { display: flex !important; align-items: center !important; gap: 10px !important; margin-right: 20px !important; }
.ar-page .page-header .header.content .shop-info { margin-right: 20px !important; }
.ar-page .action.nav-toggle:not(#mobile-nav-toggle):not(.mobile-nav-toggle), .ar-page .nav-toggle:not(#mobile-nav-toggle):not(.mobile-nav-toggle), .ar-page [data-action="toggle-nav"]:not(#mobile-nav-toggle):not(.mobile-nav-toggle) { display: none !important; }
.ar-page .action.nav-toggle:not(#mobile-nav-toggle):not(.mobile-nav-toggle)::before, .ar-page .nav-toggle:not(#mobile-nav-toggle):not(.mobile-nav-toggle)::before, .ar-page [data-action="toggle-nav"]:not(#mobile-nav-toggle):not(.mobile-nav-toggle)::before { display: none !important; }
.ar-page .navigation-wrapper { display: flex !important; align-items: center !important; justify-content: flex-start !important; padding: 17px 5px !important; flex-wrap: nowrap !important; }
.ar-page #mobile-nav-toggle { order: -1 !important; margin-right: 15px !important; flex-shrink: 0 !important; }
.ar-page .logo { order: 0 !important; flex-shrink: 0 !important; text-align: left !important; margin-right: 15px !important; }
.ar-page .shop-info { order: 1 !important; margin-left: auto !important; margin-right: 20px !important; justify-content: flex-end !important; }
.ar-page .logo img { max-height: 40px !important; }
.ar-page .shop-info .minicart-wrapper { display: inline-block !important; }
.ar-page .shop-info .block-search { display: inline-block !important; }
.ar-page .shop-info .block-search { position: relative !important; }
.ar-page .shop-info .block-search .control { display: block !important; position: absolute !important; top: 100% !important; right: 0px !important; z-index: 1000 !important; padding: 15px !important; }
.ar-page .shop-info .block-search .control input::placeholder { color: rgb(204, 204, 204) !important; opacity: 1 !important; }
.ar-page .shop-info .block-search .control #search_autocomplete, .ar-page .shop-info .block-search .control .search-autocomplete { position: absolute !important; top: 100% !important; left: 0px !important; right: 0px !important; width: 100% !important; background: rgb(255, 255, 255) !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(221, 221, 221) rgb(204, 204, 204) rgb(204, 204, 204) !important; border-image: none !important; z-index: 9999 !important; max-height: 400px !important; overflow-y: auto !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 15px !important; }
@media screen and (max-width: 1480px) {
.ar-page .shop-info .block-search.search-visible .control #search_autocomplete, .ar-page .shop-info .block-search.search-visible .control .search-autocomplete { position: fixed !important; left: 0px !important; right: 0px !important; width: 100vw !important; z-index: 48 !important; margin-top: 0px !important; border-radius: 0px !important; }
}
.ar-page .header.content .navigation-wrapper { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; }
.ar-page .header.content .navigation-wrapper .mobile-nav-toggle#mobile-nav-toggle { display: flex !important; order: 1 !important; flex-direction: column !important; justify-content: space-around !important; visibility: visible !important; opacity: 1 !important; }
.ar-page .navigation-wrapper .logo { order: 2 !important; flex-grow: 1 !important; text-align: center !important; }
.ar-page .navigation-wrapper .shop-info { order: 3 !important; display: flex !important; }
.ar-page .navigation-wrapper .navigation { display: none !important; }
.ar-page .page-header .header.content { background: rgb(0, 0, 0) !important; padding: 0px !important; width: 100% !important; max-width: 100% !important; }
.ar-page .mobile-nav-toggle span { background: white !important; }
.ar-page .header.content .navigation-wrapper { min-height: 60px !important; padding: 0px 15px !important; }
.ar-page .mobile-nav-toggle { background: rgba(0, 0, 0, 0.1) !important; border-radius: 3px !important; }
.ar-page .mobile-nav-toggle:hover { background: rgba(255, 255, 255, 0.1) !important; }
.ar-page .shop-info .action:empty::before { content: "🔍" !important; font-size: 16px !important; }
.ar-page .shop-info .showcart:empty::before { content: "🛒" !important; font-size: 16px !important; }
}
@media (min-width: 768px) and (max-width: 1480px) {
.ar-page .header.content { transform: none !important; filter: none !important; perspective: none !important; will-change: auto !important; }
.ar-page .shop-info { position: static !important; transform: none !important; filter: none !important; perspective: none !important; will-change: auto !important; }
.ar-page .shop-info .block-search { position: static !important; width: auto !important; max-width: none !important; transform: none !important; filter: none !important; }
.ar-page .shop-info .block-search .control { position: static !important; padding: 0px !important; width: auto !important; max-width: none !important; transform: none !important; filter: none !important; }
.ar-page .shop-info .block-search .control input { width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; border: 1px solid rgb(194, 194, 194) !important; background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; font-family: RobotoCondensed-Bolditalic, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 14px !important; height: 32px !important; line-height: 1.42857 !important; padding: 8px 12px !important; vertical-align: baseline !important; box-sizing: border-box !important; position: fixed !important; left: 0px !important; right: 0px !important; margin: 0px !important; z-index: 2147483647 !important; display: none !important; transform: translateX(0px) !important; }
.ar-page .shop-info .block-search.active .control input { display: block !important; }
.ar-page #search_autocomplete, .ar-page .search-autocomplete, .ar-page div[id="search_autocomplete"], .ar-page .shop-info #search_autocomplete, .ar-page .shop-info .search-autocomplete, .ar-page .block-search #search_autocomplete, .ar-page .block-search .search-autocomplete { position: fixed !important; top: 105px !important; left: 0px !important; right: 0px !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; background: rgb(255, 255, 255) !important; border-width: medium 1px 1px !important; border-style: none solid solid !important; border-color: currentcolor rgb(204, 204, 204) rgb(204, 204, 204) !important; border-image: none !important; z-index: 2147483647 !important; max-height: 400px !important; overflow-y: auto !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px !important; margin: 0px !important; padding: 0px !important; }
.ar-page .navigation-wrapper.sticky #search_autocomplete, .ar-page .navigation-wrapper.sticky .search-autocomplete, .ar-page .navigation-wrapper.sticky div[id="search_autocomplete"] { top: 72px !important; }
}
@media (max-width: 767px) {
.ar-page .header.content { transform: none !important; filter: none !important; perspective: none !important; will-change: auto !important; }
.ar-page .shop-info { position: static !important; transform: none !important; filter: none !important; perspective: none !important; will-change: auto !important; }
.ar-page .shop-info .block-search { position: static !important; width: auto !important; max-width: none !important; transform: none !important; filter: none !important; }
.ar-page .shop-info .block-search .control { position: static !important; padding: 0px !important; width: auto !important; max-width: none !important; transform: none !important; filter: none !important; }
.ar-page .shop-info .block-search .control input { width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; border: 1px solid rgb(194, 194, 194) !important; background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; font-family: RobotoCondensed-Bolditalic, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 14px !important; height: 32px !important; line-height: 1.42857 !important; padding: 8px 12px !important; vertical-align: baseline !important; box-sizing: border-box !important; position: fixed !important; left: 0px !important; right: 0px !important; margin: 0px !important; z-index: 2147483647 !important; display: none !important; transform: translateX(0px) !important; }
.ar-page .shop-info .block-search.active .control input { display: block !important; }
.ar-page #search_autocomplete, .ar-page .search-autocomplete, .ar-page div[id="search_autocomplete"], .ar-page .shop-info #search_autocomplete, .ar-page .shop-info .search-autocomplete, .ar-page .block-search #search_autocomplete, .ar-page .block-search .search-autocomplete { position: fixed !important; top: 101px !important; left: 0px !important; right: 0px !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; background: rgb(255, 255, 255) !important; border-width: medium 1px 1px !important; border-style: none solid solid !important; border-color: currentcolor rgb(204, 204, 204) rgb(204, 204, 204) !important; border-image: none !important; z-index: 2147483647 !important; max-height: 400px !important; overflow-y: auto !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px !important; margin: 0px !important; padding: 0px !important; }
.ar-page .navigation-wrapper.sticky #search_autocomplete, .ar-page .navigation-wrapper.sticky .search-autocomplete, .ar-page .navigation-wrapper.sticky div[id="search_autocomplete"] { top: 74px !important; }
}
@media (max-width: 1480px) {
.ar-page .ar-page-body .page-header .header.content .navigation-wrapper button#mobile-nav-toggle.mobile-nav-toggle { display: flex !important; visibility: visible !important; opacity: 1 !important; position: relative !important; }
.ar-page .ar-page-body .page-header .header.content .navigation-wrapper button#mobile-nav-toggle.mobile-nav-toggle[aria-label="Toggle menu"] { display: flex !important; visibility: visible !important; opacity: 1 !important; width: 30px !important; height: 30px !important; background: rgba(0, 0, 0, 0.1) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; cursor: pointer !important; z-index: 9999 !important; }
}
@media (max-width: 1480px) {
.ar-page .ar-page-body .page-wrapper .page-header .header.content .navigation-wrapper #mobile-nav-toggle.mobile-nav-toggle, .ar-page .ar-page-body .page-wrapper .page-header .header.content .navigation-wrapper button#mobile-nav-toggle.mobile-nav-toggle, .ar-page .ar-page-body .page-header .header.content .navigation-wrapper #mobile-nav-toggle.mobile-nav-toggle, .ar-page .ar-page-body .page-header .header.content .navigation-wrapper button#mobile-nav-toggle.mobile-nav-toggle { display: flex !important; visibility: visible !important; opacity: 1 !important; position: relative !important; width: 30px !important; height: 30px !important; background: rgba(0, 0, 0, 0.1) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; cursor: pointer !important; z-index: 9999 !important; order: 1 !important; margin-right: 15px !important; flex-shrink: 0 !important; flex-direction: column !important; justify-content: space-around !important; padding: 5px !important; border-radius: 3px !important; }
.ar-page .ar-page-body .page-header .header.content .navigation-wrapper #mobile-nav-toggle.mobile-nav-toggle span, .ar-page .ar-page-body .page-header .header.content .navigation-wrapper button#mobile-nav-toggle.mobile-nav-toggle span { display: block !important; width: 20px !important; height: 2px !important; background: white !important; border-radius: 1px !important; opacity: 1 !important; visibility: visible !important; }
.ar-page .ar-page-body .page-header .header.content .navigation-wrapper, .ar-page .ar-page-body .page-wrapper .page-header .header.content .navigation-wrapper { display: flex !important; visibility: visible !important; opacity: 1 !important; align-items: center !important; justify-content: flex-start !important; padding: 0px 15px !important; flex-wrap: nowrap !important; min-height: 60px !important; }
}
.ar-page .mobile-cat-level-1-text { text-transform: none !important; }
.ar-page .mobile-menu-overlay { z-index: 99999 !important; pointer-events: auto !important; }
.ar-page .mobile-menu-overlay .mobile-menu-overlay__panel { z-index: 99999 !important; pointer-events: auto !important; }
.ar-page .mobile-menu-overlay .mobile-menu-overlay__panel * { pointer-events: auto !important; z-index: inherit !important; }
.ar-page .mobile-menu-overlay a, .ar-page .mobile-menu-overlay button { pointer-events: auto !important; cursor: pointer !important; z-index: 100000 !important; position: relative !important; }
.ar-page .mobile-menu-overlay ul, .ar-page .mobile-menu-overlay li { pointer-events: auto !important; z-index: inherit !important; }
@media (max-width: 1480px) {
.ar-page .mobile-menu-overlay { z-index: 999999 !important; }
.ar-page .mobile-menu-overlay * { pointer-events: auto !important; }
@media (max-width: 1480px) {
.ar-page .ar-page-body .page-header .header.content .navigation-wrapper #mobile-nav-toggle, .ar-page .ar-page-body .page-header .header.content .navigation-wrapper .mobile-nav-toggle, .ar-page .ar-page-body .page-header .header.content .navigation-wrapper button#mobile-nav-toggle, .ar-page .ar-page-body .page-header .header.content .navigation-wrapper button.mobile-nav-toggle, .ar-page .ar-page-body .page-header .header.content .navigation-wrapper .nav-toggle, .ar-page .ar-page-body .page-header .header.content .navigation-wrapper button.nav-toggle { display: flex !important; visibility: visible !important; opacity: 1 !important; position: relative !important; width: 32px !important; height: 32px !important; background: rgba(0, 0, 0, 0.1) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; cursor: pointer !important; z-index: 99999 !important; order: 1 !important; margin-right: 15px !important; flex-shrink: 0 !important; flex-direction: column !important; justify-content: space-around !important; padding: 5px !important; border-radius: 3px !important; }
.ar-page .ar-page-body .page-header .header.content .navigation-wrapper #mobile-nav-toggle span, .ar-page .ar-page-body .page-header .header.content .navigation-wrapper .mobile-nav-toggle span, .ar-page .ar-page-body .page-header .header.content .navigation-wrapper button#mobile-nav-toggle span, .ar-page .ar-page-body .page-header .header.content .navigation-wrapper button.mobile-nav-toggle span, .ar-page .ar-page-body .page-header .header.content .navigation-wrapper .nav-toggle span, .ar-page .ar-page-body .page-header .header.content .navigation-wrapper button.nav-toggle span { display: block !important; width: 22px !important; height: 3px !important; background: white !important; border-radius: 2px !important; margin: 3px 0px !important; opacity: 1 !important; visibility: visible !important; }
}
.ar-page .arrow-level2 { position: absolute; display: inline-block; width: 20px; height: 20px; top: 46%; }
.ar-page .arrow-level2::before { content: ""; position: absolute; width: 8px; height: 8px; border-left: 2px solid rgb(255, 255, 255); border-bottom: 2px solid rgb(255, 255, 255); transform: translate(-50%, -50%) rotate(45deg); transition: 0.2s; }
.ar-page .arrow-level2:hover::before { border-color: rgb(204, 204, 204); transform: translate(-50%, -50%) rotate(45deg) scale(1.1); }
}
.ar-page .ar-page-body.mobile-menu-open { overflow: hidden !important; position: fixed !important; width: 100% !important; }
.ar-page .ar-page-body.mobile-menu-open * { pointer-events: none !important; }
.ar-page .ar-page-body.mobile-menu-open .mobile-menu-overlay, .ar-page .ar-page-body.mobile-menu-open .mobile-menu-overlay * { pointer-events: auto !important; }
@media (min-width: 1481px) {
.ar-page .mobile-nav-toggle, .ar-page #mobile-nav-toggle, .ar-page button.mobile-nav-toggle { display: none !important; visibility: hidden !important; }
.ar-page .navigation ul { display: block !important; }
.ar-page .shop-info .block-search .control { display: block !important; position: relative !important; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; min-width: auto !important; padding: 0px !important; }
}