.mobile-menu{--mobile-menu-align: calc(16px + 1rem) ;--mobile-menu-align-right: calc(16px + 1rem) }.mobile-menu .sticky{--mobile-menu-top-bg: rgb(255 255 255);--mobile-menu-top-text: rgb(0 0 0);--mobile-menu-top-padding-block: 8px 8px;--mobile-menu-top-padding-right: 20px;--mobile-menu-top-row-gap: 18px;--mobile-menu-top-logo-gap: 20px;--mobile-menu-top-logo-width: 95px;--mobile-menu-top-icon-size: 20px;--mobile-menu-top-icon-gap: 12px;--mobile-menu-top-tab-size: 20px;--mobile-menu-top-badge-bg: rgb(0 0 0);--mobile-menu-top-badge-text: rgb(255 255 255);position:sticky;top:0;z-index:9;display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"close logo icons" "tabs  tabs tabs";align-items:center;column-gap:var(--mobile-menu-top-logo-gap);row-gap:var(--mobile-menu-top-row-gap);padding-block:var(--mobile-menu-top-padding-block);padding-left:var(--mobile-menu-align);padding-right:var(--mobile-menu-top-padding-right);background:var(--mobile-menu-top-bg);color:var(--mobile-menu-top-text)}.mobile-menu .sticky .close.close{grid-area:close;justify-self:start;display:flex;width:auto;min-width:0;margin:0 0 0 calc(-28px * 4.45 / 24);padding:0!important;cursor:pointer}.mobile-menu .sticky .close svg{width:28px;height:28px;fill:currentColor}.mobile-menu .sticky .menu-open-logo{grid-area:logo;justify-self:start;position:static;width:var(--mobile-menu-top-logo-width);margin-right:auto}.mobile-menu .sticky .menu-open-logo img{display:block;width:100%;height:auto}.mobile-menu .mobile-menu-top__icons{grid-area:icons;justify-self:end;display:flex;align-items:center;gap:var(--mobile-menu-top-icon-gap)}.mobile-menu .mobile-menu-top__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none}.mobile-menu .mobile-menu-top__icon svg{width:var(--mobile-menu-top-icon-size);height:var(--mobile-menu-top-icon-size);stroke-width:1.5}.mobile-menu .mobile-menu-top__icons .icon--stroke-only{fill:none;stroke:currentColor}.mobile-menu .mobile-menu-top__icons xb-wishlist-header,.mobile-menu .mobile-menu-top__icons .xb-wishlist-header__btn{color:currentColor}.mobile-menu .mobile-menu-top__icons .xb-wishlist-header__btn{display:contents}.mobile-menu .mobile-menu-top__icons .xb-wishlist__header{width:auto;min-width:0;margin:0;padding:0}.mobile-menu .mobile-menu-top__icons .xb-wishlist-header__icon svg{fill:currentColor;fill-opacity:1}.mobile-menu .mobile-menu-top__icon:focus-visible{outline:1px solid currentColor;outline-offset:3px}.mobile-menu .mobile-menu-top__count{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--mobile-menu-top-badge-bg);color:var(--mobile-menu-top-badge-text);font-size:11px;font-weight:500;line-height:18px;text-align:center}.mobile-menu .sticky .menu-headings{grid-area:tabs;min-width:0;margin-left:calc(var(--mobile-menu-top-padding-right) - var(--mobile-menu-align))}.mobile-menu .sticky .menu-headings .slick-list{width:100%;margin:0}.mobile-menu .sticky .menu-headings .slick-track{display:flex;justify-content:space-between;width:100%!important;margin:0;transform:none!important}.mobile-menu .sticky .menu-headings .slick-track:before,.mobile-menu .sticky .menu-headings .slick-track:after{display:none}.mobile-menu .sticky .menu-heading{float:none;margin:0;padding:0;font-size:var(--mobile-menu-top-tab-size);font-weight:400;line-height:1.2;text-align:center;white-space:nowrap;cursor:pointer}.mobile-menu .sticky .menu-heading.slick-current{font-weight:600}.mobile-menu .sticky .menu-heading:focus-visible{outline:1px solid currentColor;outline-offset:2px}@media(min-width:768px){.mobile-menu .mobile-menu-top__icons{display:none}.mobile-menu .sticky{grid-template-areas:"close logo ." "tabs  tabs tabs"}}@media(min-width:990px){.header-navigation #mobileMenu{width:max(560px,52vw)}.mobile-menu .sticky{--mobile-menu-top-padding-block: 8px;--mobile-menu-top-padding-right: 25px;--mobile-menu-top-logo-gap: 24px;--mobile-menu-top-tab-size: 16px;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"close logo tabs";column-gap:0}.mobile-menu .sticky .menu-open-logo{margin:0 0 0 var(--mobile-menu-top-logo-gap)}.mobile-menu .sticky .menu-headings{margin-left:clamp(32px,4.7vw,68px)}.mobile-menu .sticky .menu-headings .slick-track{justify-content:flex-start;gap:clamp(28px,3.5vw,50px)}.mobile-menu .sticky .menu-heading{text-transform:uppercase}}.header-navigation .mobile-menu{--mobile-menu-duration: .2s;visibility:hidden;opacity:1;transition:transform var(--mobile-menu-duration) ease,visibility var(--mobile-menu-duration) ease}.header-navigation--open .mobile-menu{visibility:visible;pointer-events:auto}.header-navigation .mobile-menu-overlay{--mobile-menu-overlay-color: rgb(0 0 0 / .5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:var(--mobile-menu-overlay-color);opacity:0;visibility:hidden;pointer-events:none;cursor:pointer;transition:opacity .2s ease,visibility .2s ease}.header-navigation--open .mobile-menu-overlay{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu .sticky .close{-webkit-appearance:none;appearance:none;border:0;background:none;color:inherit}.mobile-menu .sticky .close:focus-visible{outline:1px solid currentColor;outline-offset:2px}@media(prefers-reduced-motion:reduce){.header-navigation .mobile-menu,.header-navigation .mobile-menu-overlay{transition:none}}.mobile-menu .menu-links{box-shadow:none}.mobile-menu .menu-links{--mobile-menu-scrollbar-size: 2px;--mobile-menu-scrollbar-thumb: rgb(136 136 136);--mobile-menu-scrollbar-track: rgb(241 241 241);scrollbar-width:auto;scrollbar-color:auto;border-radius:0}@supports not selector(::-webkit-scrollbar){.mobile-menu .menu-links{scrollbar-width:thin;scrollbar-color:var(--mobile-menu-scrollbar-thumb) var(--mobile-menu-scrollbar-track)}}.mobile-menu .menu-links::-webkit-scrollbar{width:var(--mobile-menu-scrollbar-size);height:var(--mobile-menu-scrollbar-size)}.mobile-menu .menu-links::-webkit-scrollbar-track{background:var(--mobile-menu-scrollbar-track);border-radius:0;box-shadow:none}.mobile-menu .menu-links::-webkit-scrollbar-thumb,.mobile-menu .menu-links::-webkit-scrollbar-thumb:hover{background:var(--mobile-menu-scrollbar-thumb);border:0;border-radius:0}@media(min-width:990px){body.mobile-menu-open .site-header .header-content{--mobile-menu-header-text: rgb(0 0 0);background-color:var(--mobile-menu-top-bg, rgb(255 255 255))!important;color:var(--mobile-menu-header-text);transition:background-color .2s ease}body.mobile-menu-open .site-header .header-content .icon--stroke-only{fill:none;stroke:currentColor}body.mobile-menu-open .site-header .header-content .burger-icon svg path,body.mobile-menu-open .site-header .header-content .xb-wishlist-header__icon svg{fill:currentColor;color:inherit}body.mobile-menu-open .site-header .header-content xb-wishlist-header,body.mobile-menu-open .site-header .header-content .header-category-tabs{color:currentColor}.header-navigation .mobile-menu-overlay{top:var(--mobile-menu-header-bottom, 0px)}.mobile-menu .sticky{grid-template-rows:var(--mobile-menu-row-height, auto);padding-top:var(--mobile-menu-row-top, 22px);padding-left:var(--mobile-menu-close-left, var(--mobile-menu-align))}.mobile-menu .sticky .close.close{margin-left:0}.mobile-menu .sticky .menu-open-logo{width:var(--mobile-menu-logo-width, var(--mobile-menu-top-logo-width));margin-left:var(--mobile-menu-logo-gap, var(--mobile-menu-top-logo-gap))}}@media(max-width:767px){.mobile-menu{--mobile-menu-inset: 48px;--mobile-menu-close-size: 20px}.mobile-menu .sticky{--mobile-menu-top-padding-right: 17px;padding-left:18px;column-gap:0}.mobile-menu .sticky .close.close{margin-left:calc(var(--mobile-menu-close-size) * -4.45 / 24)}.mobile-menu .sticky .close svg{width:var(--mobile-menu-close-size);height:var(--mobile-menu-close-size)}.mobile-menu .sticky .menu-open-logo{margin-left:calc(var(--mobile-menu-inset) - 18px - var(--mobile-menu-close-size) + var(--mobile-menu-close-size) * 4.45 / 24)}.mobile-menu .sticky .menu-headings{margin-left:calc(var(--mobile-menu-inset) - 18px);margin-right:calc(var(--mobile-menu-inset) - var(--mobile-menu-top-padding-right))}.header-navigation .mobile-menu .menu-links{padding-left:calc(var(--mobile-menu-inset) - 1rem)!important;padding-right:var(--mobile-menu-inset)!important}.mobile-menu .menu-links .slick-track{margin:0}}.mobile-menu .mobile-menu-top__icons .xb-wishlist__header{height:auto}.mobile-menu .mobile-menu-top__icons .xb-wishlist-header__icon svg{width:var(--mobile-menu-top-icon-size, 22px);height:var(--mobile-menu-top-icon-size, 22px)}.mobile-menu .mobile-menu-top__icon--wishlist .xb-product-quantity.show{position:absolute;top:-8px;right:-8px;bottom:auto;left:auto;width:auto;min-width:18px;height:18px;margin:0;padding:0 4px;border-radius:999px;background:var(--mobile-menu-top-badge-bg, rgb(0 0 0));color:var(--mobile-menu-top-badge-text, rgb(255 255 255));font-size:11px;font-weight:500;line-height:18px;text-align:center}@media(min-width:990px){.mobile-menu .sticky{box-sizing:border-box;align-content:start;min-height:var(--mobile-menu-header-bottom, auto);padding-bottom:0}.mobile-menu .sticky .close svg{width:22px;height:22px}.header-navigation .mobile-menu .menu-links{padding-top:15px!important;padding-left:calc(var(--mobile-menu-logo-left, 84px) - 1rem)!important;padding-right:25px!important}.mobile-menu .menu-links .slick-track{margin:0}}
/*# sourceMappingURL=/cdn/shop/t/190/assets/component-mobile-menu-top.css.map */