@charset "utf-8";

.m-menu { --main-link-px: 16px; --main-link-py: 20px; font-size: calc(var(--font-base-size, 16)*1px); font-weight: 500; white-space: nowrap; list-style: none; display: flex; flex-wrap: wrap; }

.m-menu__arrow, .m-menu__sub-arrow { margin-left: 8px; }

.m-menu__arrow svg, .m-menu__sub-arrow svg { width: 8px; height: 8px; }

.m-menu__arrow { transition: var(--m-duration-default, .25s) transform; }

.m-menu__sub-arrow svg { transform: rotate(-90deg); }

.m-menu__link--main { display: flex; align-items: center; position: relative; padding: var(--main-link-py) var(--main-link-px); }

.m-menu__link--main::after { position: absolute; content: ""; width: 0px; height: 2px; background-color: currentcolor; left: var(--main-link-px); bottom: calc(var(--main-link-py) - 5px); transition: width var(--m-duration-default, .25s) ease-in-out; }

.m-menu::-webkit-scrollbar { display: none; }

.m-menu__item--dropdown { position: relative; }

.m-menu__item--dropdown .m-mega-menu { right: auto; box-shadow: rgba(0, 0, 0, 0.07) 0px 5px 15px; transition: all var(--m-duration-default, .25s); transform: translate3d(0px, 20px, 0px); transform-origin: center center; }

.m-menu__item--dropdown .m-mega-menu__inner { padding: 16px; }

.m-menu__item--dropdown .m-mega-menu__column { position: absolute; top: -16px; left: calc(100% + 16px); opacity: 0; visibility: hidden; box-shadow: rgba(0, 0, 0, 0.07) 0px 5px 15px; transition: all var(--m-duration-default, .25s); transform: translate3d(20px, 0px, 0px); transform-origin: center center; min-width: 250px; pointer-events: none; padding: 16px; background-color: rgb(var(--color-background)); }

.m-menu__item--dropdown .m-mega-menu__column::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: -35px; z-index: -1; }

.m-menu__item--dropdown .m-sub-menu__item--level-1 { position: relative; width: 100%; }

.m-menu__item--dropdown .m-sub-menu__item--level-1:hover .m-mega-menu__column, .m-menu__item--dropdown:hover .m-mega-menu { transform: translateZ(0px); pointer-events: auto; opacity: 1; visibility: visible; }

.m-menu__item--mega .m-mega-menu { left: 0px; right: 0px; overflow: hidden auto; max-height: calc(100vh - var(--m-header-height, 0px)); border-top: 1px solid rgba(0, 0, 0, 0); transition: all var(--m-duration-default, .25s) ease-in; }

.m-menu__item--mega .m-mega-menu__inner { padding-top: 40px; padding-bottom: 40px; }

.m-menu__item--mega .m-mega-menu::-webkit-scrollbar { display: none; }

.m-menu__item--mega .m-sub-menu__item--level-1 > .m-menu__link { font-weight: 500; padding-left: 12px; padding-right: 12px; }

.m-menu__item--mega .m-sub-menu__item--level-1 > .m-menu__link:hover { background: rgba(0, 0, 0, 0); }

.m-menu__item--mega .m-mega-menu__column { margin-top: 16px; }

.m-menu__item--has-submenu .m-mega-menu__inner { display: flex; }

.m-menu__item--active .m-mega-menu { visibility: visible; opacity: 1; transition: none; pointer-events: auto; }

.m-menu__item--active .m-mega-menu.m-show-menu-column-divider { border-top-color: rgb(var(--color-border)); }

.m-menu__item--active .m-mega-menu__container { animation: menu_slide_in var(--m-slide-trans-duration) both; }

.m-menu__item:hover > a::after { width: calc(100% - var(--main-link-px)*2); }

.m-menu__item:hover .m-menu__arrow { transform: rotateX(-180deg); }

.m-mega-menu { position: absolute; z-index: 50; width: 100%; min-width: 250px; white-space: normal; visibility: hidden; pointer-events: none; opacity: 0; transition-property: transform, opacity, visibility; transition-duration: var(--m-duration-default, .25s); }

.m-mega-menu__container { margin-left: auto; margin-right: auto; }

.m-mega-menu__container.w-full { padding-left: 20px; padding-right: 20px; }

.m-mega-menu__inner { --column-width: 200px; --items-width: calc(var(--total-columns) * var(--column-width, 200px)); }

@media (min-width: 1680px) {
  .m-mega-menu__inner { --column-width: 250px; }
}

@media (min-width: 1920px) {
  .m-mega-menu__inner { --column-width: 270px; }
}

.m-mega-menu__inner--stretch-width .m-mega-menu__content { width: calc(100% - var(--items-width)); flex: 1 1 0%; }

.m-mega-menu__content { width: 33.333%; padding-left: 20px; flex: 1 1 auto; }

.m-mega-menu .m-header:hover { transition: none; }

.m-sub-menu { list-style: none; }

.m-sub-menu--level-1 { display: flex; }

.m-menu__item--mega .m-sub-menu--level-1 { width: 66.667%; margin-left: -12px; margin-right: -12px; }

.m-menu__item--mega .m-sub-menu--level-1.m\:w-full { width: 100%; }

.m-menu__item--dropdown .m-sub-menu--level-1 { flex-direction: column; width: 100%; }

.m-menu__item--mega .m-mega-menu__inner--stretch-width .m-sub-menu--level-1 { width: var(--items-width); }

.m-sub-menu__item > a { color: rgba(var(--color-foreground),.6); font-weight: 400; display: block; overflow: hidden; white-space: normal; padding: 0.5rem 0.75rem; transition: all var(--m-duration-default, .25s); }

.m-sub-menu__item > a:hover { color: rgb(var(--color-foreground)); background: rgba(var(--color-foreground),.07); }

.m-sub-menu__item--level-1 > a { display: flex; align-items: center; justify-content: space-between; }

.m-mega-menu__inner--stretch-width .m-sub-menu__item--level-1 { min-width: 200px; padding-right: 8px; }

.m-menu__item--mega .m-sub-menu__item--level-1 { width: 50%; margin-bottom: 16px; }

.m-menu__item--mega .m-sub-menu__item--level-1 > a { color: rgb(var(--color-foreground)); }

@media screen and (min-width: 1536px) {
  .m-menu__item--mega .m-sub-menu__item--level-1 { width: 25%; }
}

@media screen and (min-width: 1280px) {
  .m-menu__item--mega .m-sub-menu__item--level-1 { width: 33.333%; }
}

.m-show-menu-column-divider .m-sub-menu__item--level-1 { padding: 0px 18px; border-left: 1px solid rgb(var(--color-border)); }

.m-show-menu-column-divider .m-sub-menu__item--level-1:first-child { padding-left: 0px; border-left: none; }

.logo-left__2l .m-menu { --main-link-px: 32px; --main-link-py: 16px; margin-left: calc(-1*var(--main-link-px)); margin-right: calc(-1*var(--main-link-px)); }

.both-center .m-header__menu:first-child .m-menu { justify-content: flex-end; }

.logo-center__2l .m-menu { --main-link-px: 32px; justify-content: center; }

@media (max-width: 1440px) {
  .m-menu { --main-link-px: 12px; }
}

.m-mega-banner { height: 100%; position: relative; }

.m-mega-banner__image { overflow: hidden; }

.m-mega-banner .m-image { transition: all var(--m-duration-image, .65s); }

.m-mega-banner__title { font-size: 24px; font-weight: 400; color: currentcolor; }

.m-mega-banner__description { color: rgba(var(--color-foreground),.6); font-size: calc(var(--font-base-size, 16)*1px); margin-top: 8px; }

.m-mega-banner__button { margin-top: 8px; }

.m-mega-banner--outside .m-mega-banner__inner { margin-top: 16px; }

.m-mega-banner--inside .m-mega-banner__inner { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 24px; }

.m-mega-banner--inside .m-mega-banner__button { bottom: 24px; left: 24px; position: absolute !important; }

.m-mega-banner--no-content .m-mega-banner__inner { display: none; padding: 0px; margin: 0px; }

.m-mega-banner:hover .m-image { transform: scale(1.06); }

@media screen and (min-width: 768px) {
  .m-menu__item--has-submenu .m-mega-collection-list { padding-left: 1rem; }
}

@media screen and (min-width: 1280px) {
  .m-menu__item--has-submenu .m-mega-collection-list { padding-left: 3rem; }
}

.m-mega-collection-list .m-collection-card__link, .m-mega-collection-list .m-collection-card__title { color: currentcolor; }

.m-mega-product-list__header { display: flex; align-items: center; justify-content: space-between; margin-top: -10px; margin-bottom: 16px; padding: 0px 8px; }

.m-mega-product-list__heading { font-size: 24px; font-weight: 500; white-space: normal; color: currentcolor; }

.m-mega-product-list .m-product-card__name, .m-mega-product-list .m-product-card__title, .m-mega-product-list .m-price__sale .m-price-item--regular, .m-mega-product-list .m-price { color: currentcolor; }

.m-mega-product-list .m-price__sale .m-price-item--regular { opacity: 0.6; }

.m-mega-product-list .m-slider-controls { margin-top: 0px; margin-left: -16px; }

.m-mega-product-list .m-slider-controls button { width: 40px; height: 40px; border-radius: 9999px; cursor: pointer; }

.m-mega-product-list .m-slider-controls button.m-slider-controls__button-next { margin-right: 0px; }

.m-mega-product-list .m-product-card__price { font-size: 14px; }

@media screen and (min-width: 768px) {
  .m-menu__item--has-submenu .m-mega-product-list { padding-left: 15px; }
}

@media screen and (min-width: 1280px) {
  .m-menu__item--has-submenu .m-mega-product-list { padding-left: 50px; }
}

.m-menu__item--has-submenu .m-mega-blog-list { border-left: 1px solid rgb(var(--color-border)); }

@media screen and (min-width: 768px) {
  .m-menu__item--has-submenu .m-mega-blog-list { padding-left: 15px; }
}

@media screen and (min-width: 1280px) {
  .m-menu__item--has-submenu .m-mega-blog-list { padding-left: 60px; }
}

.m-mega-blog-list__item + .m-mega-blog-list__item { margin-top: 32px; }

.m-mega-article-card__content { padding-left: 20px; white-space: normal; }

.m-mega-article-card__title { font-weight: 500; }

.m-mega-article-card__tag { font-size: 0.75rem; text-transform: uppercase; margin-bottom: 4px; display: block; }

.m-menu-drawer { position: absolute; top: 100%; left: 0px; right: 0px; touch-action: none; visibility: hidden; pointer-events: none; z-index: 59; height: var(--menu-drawer-height); }

.m-menu-drawer.open { pointer-events: auto; cursor: pointer; visibility: visible; }

.m-menu-drawer__backdrop { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 19; transition: all var(--m-duration-default, .25s); }

.m-menu-drawer.open .m-menu-drawer__backdrop { background-color: rgba(0, 0, 0, 0.3); transition-delay: 0.15s; }

.m-menu-drawer__wrapper { color: rgb(var(--color-foreground)); background-color: rgb(var(--color-background)); width: 450px; max-width: 100%; height: 100%; transition: all var(--m-duration-default, .25s); transform: translate(-100%); overflow: hidden; cursor: auto; position: absolute; top: 0px; left: 0px; z-index: 29; }

.m-menu-drawer.open .m-menu-drawer__wrapper { transform: translate(0px); }

@media (max-width: 767px) {
  .m-menu-drawer__wrapper { width: calc(100% - 40px); }
}

.m-menu-drawer__content { display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; padding-top: 5px; height: 100%; transition: padding var(--m-duration-default, .25s); overflow-y: scroll; }

.m-menu-drawer__content::-webkit-scrollbar { width: 3px; }

.m-menu-drawer__content::-webkit-scrollbar-thumb { background: rgb(235, 235, 235); }

.m-menu-drawer__content::-webkit-scrollbar-thumb:hover { background: rgb(85, 85, 85); }

.m-header.stuck .m-menu-drawer { height: calc(100vh - var(--m-header-height)); }

.m-menu-mobile { list-style: none; padding: 0px; margin: 0px; }

.m-menu-mobile__item { display: flex; align-items: center; }

.m-menu-mobile__item > a { display: flex; align-items: center; justify-content: space-between; flex-grow: 1; padding: 12px 16px; position: relative; }

.m-menu-mobile__item--no-submenu .m-menu-mobile__back-button { margin-bottom: 30px; }

.m-menu-mobile__toggle-button { display: flex; align-items: center; justify-content: center; flex: 0 0 48px; height: 100%; min-height: 48px; cursor: pointer; }

.m-menu-mobile__toggle-button svg { width: 16px; height: 16px; }

.m-menu-mobile__back-button { font-weight: 500; display: flex; align-items: center; padding: 16px 0px; margin: 0px 16px 10px; text-align: left; border-bottom: 1px solid rgb(var(--color-border)); }

.m-menu-mobile__back-button * { pointer-events: none; }

.m-menu-mobile__back-button svg { width: 16px; height: 16px; }

.m-menu-mobile__back-button span { margin-left: 12px; }

.m-menu-mobile .m-mega-banner--inside .m-mega-banner__inner { padding: 20px; }

.m-menu-mobile .m-mega-banner--inside .m-mega-banner__button { bottom: 20px; left: 20px; }

.m-menu-mobile .m-mega-article-card__content { padding-left: 0px; padding-top: 12px; }

.m-megamenu-mobile { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; display: flex; flex-direction: column; background-color: rgb(var(--color-background)); transform: translate(100%); z-index: 9; visibility: hidden; }

.m-megamenu-mobile.open { transform: translate(0px); }

.m-menu-drawer.open .m-megamenu-mobile { visibility: visible; transition: all var(--m-duration-default, .25s); }

.m-megamenu-mobile__wrapper { overflow: hidden scroll; display: flex; flex-direction: column; }

.m-megamenu-mobile__wrapper.open-submenu, .m-submenu-open--level-2 .m-megamenu-mobile--level-1 { overflow: hidden; }

.m-submenu-mobile { margin-bottom: 16px; }

.m-megamenu-mobile__block { padding-left: 15px; padding-right: 15px; padding-bottom: 20px; }

.m-menu-customer { margin-top: 40px; }

.m-menu-customer__wrapper { margin-bottom: 15px; padding: 16px; display: block; }

@media (min-width: 1280px) {
  .m-menu-customer__wrapper { display: none; }
}

.m-menu-customer__label { font-size: 20px; font-weight: 500; margin-bottom: 24px; }

.m-menu-customer__name { width: 100%; display: flex; align-items: center; padding-top: 12px; padding-bottom: 12px; margin-bottom: 12px; }

.m-menu-customer__name svg { width: 24px; height: 24px; }

.m-menu-customer__name span { margin-left: 8px; }

.m-menu-customer .m-signin-button { margin-bottom: 12px; }

.m-menu-customer a.m-button { width: 100%; }

.m-menu-customer__language-currency { display: flex; flex-wrap: wrap; }

.m-menu-customer__language-currency .m-switcher-dropdown { padding-top: 10px; padding-bottom: 10px; display: block; }

@media (min-width: 1280px) {
  .m-menu-customer__language-currency .m-switcher-dropdown { display: none; }
}

.m-logo { font-size: 1rem; line-height: unset; padding-left: 16px; padding-right: 16px; display: flex; align-items: center; justify-content: center; position: relative; color: inherit; }

.m-logo-mobile::before { padding-top: calc(100%/(.0001 + var(--aspect-ratio-mobile, --aspect-ratio))) !important; }

.m-logo__image { position: relative; padding-top: 10px; padding-bottom: 10px; }

.m-logo__image-transparent { display: none; }

.m-logo a { width: var(--logo-width-desktop, 150px); }

.m-logo .m-image { transition: all var(--m-duration-default, .25s); line-height: 1; }

.m-logo img { margin: auto; }

.m-menu-bar { position: relative; z-index: 1; }

.m-header { --m-slide-trans-duration: .3s; --m-slide-from-val: -65px; --m-slide-to-val: 65px; min-height: calc(var(--m-topbar-height, 0px) + var(--m-header-height, 40px)); position: relative; }

.m-header.slide-from-right { --m-slide-from-val: 65px; --m-slide-to-val: -65px; }

.m-header.slide-reveal { --m-slide-from-val: 0; --m-slide-to-val: 0; }

.m-header header { transition: all var(--m-duration-default, .25s); }

.m-header__wrapper { width: 100%; transition: transform var(--m-duration-long, .5s); will-change: transform; z-index: 82; position: relative; }

.header-sticky-always .m-header__wrapper { position: fixed; top: 0px; }

.m-header__desktop { position: relative; display: none; }

@media screen and (min-width: 1024px) {
  .m-header__desktop { display: block; }
}

.m-header__mobile .m-logo a { text-align: center; width: var(--logo-width-mobile, 100px); white-space: nowrap; }

.m-header__mobile m-search-popup { padding: 10px; }

@media screen and (min-width: 1024px) {
  .m-header__mobile { display: none; }
}

@media (max-width: 480px) {
  .m-header__mobile > :last-child { padding-right: 0px; }
}

.m-header__bg { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0; pointer-events: none; transition: all var(--m-duration-default, .25s); }

.m-mega-active .m-header__bg { opacity: 1; }

.m-header__dropdown-bg { width: 100vw; height: calc(var(--sf-dropdown-height, 0px)*1px); position: absolute; left: 0px; right: 0px; top: 100%; opacity: 0; pointer-events: none; transform-origin: left top; transition: all var(--m-duration-default, .25s); }

.m-mega-active .m-header__dropdown-bg { opacity: 1; }

.m-header__overlay { background-color: rgba(0, 0, 0, 0.6); position: fixed; top: calc(var(--m-topbar-height, 0px) + var(--m-announcement-height, 0px)); right: 0px; bottom: 0px; left: 0px; opacity: 0; visibility: hidden; pointer-events: none; z-index: -1; display: none; transition: all var(--m-duration-default, .25s); }

.m-mega-active .m-header__overlay { z-index: 29; opacity: 1; visibility: visible; }

@media screen and (min-width: 768px) {
  .m-header__overlay { display: block; }
}

.m-header__container { z-index: 1; }

.m-header__inner { display: flex; align-items: center; margin-left: -16px; margin-right: -16px; }

.m-header__left, .m-header__center, .m-header__right { display: flex; align-items: center; }

.m-header__left { justify-content: flex-start; }

.m-header__center { justify-content: center; }

.m-header__right { justify-content: flex-end; }

.m-header:not(.m-mega-active, .stuck, .header-sticky-always).transparent-on-top header:not(.header-drawer-open) { color: rgb(var(--header-transparent-text-color, #fff)); }

.m-header:not(.m-mega-active, .stuck, .header-sticky-always).transparent-on-top header:not(.header-drawer-open) .m-hamburger-box { --color-foreground: var(--header-transparent-text-color, #fff); }

.transparent-on-top { position: absolute; left: 0px; right: 0px; z-index: 70; }

.transparent-on-top header:not(.header-drawer-open) { background-color: rgba(0, 0, 0, 0); border-bottom: none; box-shadow: none; }

.transparent-on-top .m-menu-bar { background-color: rgba(0, 0, 0, 0); transition: all var(--m-duration-default, .25s); }

.transparent-on-top .m-logo__image-default { display: none; }

.transparent-on-top .m-logo__image-transparent, .transparent-on-top .header-drawer-open .m-logo__image-default { display: flex; }

.transparent-on-top .header-drawer-open .m-logo__image-transparent { display: none; }

.m-header.stuck .m-header__wrapper { position: fixed; top: 0px; left: 0px; transform: none; box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 20px; }

.m-header.stuck .m-header__wrapper.m-unset-shadow { box-shadow: none; }

.m-header.stuck .m-logo a { width: var(--logo-width-sticky, 100px); }

.m-header.stuck .m-header__mobile .m-logo a { width: var(--logo-width-mobile, 100px); }

.m-header.stuck.transparent-on-top .m-header__mobile, .m-header.stuck.transparent-on-top .m-header__desktop, .m-header.stuck.transparent-on-top .m-menu-bar { background-color: rgb(var(--color-background)); }

.m-header.stuck.transparent-on-top .m-logo__image-default { display: flex; }

.m-header.stuck.transparent-on-top .m-logo__image-transparent { display: none; }

.m-header.scroll-up .m-header__wrapper { transform: none; }

.m-header.scroll-down.stuck .m-header__wrapper { transform: translate3d(0px, -100%, 0px); }

.m-header.header-sticky-always.transparent-on-top .m-header__mobile, .m-header.header-sticky-always.transparent-on-top .m-header__desktop, .m-header.header-sticky-always.transparent-on-top .m-menu-bar { background-color: rgb(var(--color-background)); }

.m-header.header-sticky-always.transparent-on-top .m-logo__image-default { display: flex; }

.m-header.header-sticky-always.transparent-on-top .m-logo__image-transparent { display: none; }

.m-header.header-sticky-always .m-header__wrapper:not(.m-unset-shadow) { box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 20px; }

.m-mega-active header { box-shadow: none; }

.m-mega-active.transparent-on-top .m-logo__image-default { display: flex; }

.m-mega-active.transparent-on-top .m-logo__image-transparent { display: none; }

.both-center .m-header__menu { width: 37.5%; }

.both-center .m-header__logo { width: 25%; }

.logo-left-menu-center .m-header__left, .logo-left-menu-center .m-header__right { flex: 1 1 0%; }

.logo-left-menu-center .m-header__center { flex-shrink: 1; flex-grow: 2; }

.logo-left__2l .m-header__inner { padding-bottom: 8px; padding-top: 8px; }

.logo-center__2l .m-header__inner { margin-left: 0px; margin-right: 0px; }

.m-hamburger-box { display: inline-block; vertical-align: -1px; position: relative; width: 20px; height: 12px; padding: 14px 0px; border: 0px; cursor: pointer; pointer-events: auto; }

.m-hamburger-box__inner { position: absolute; top: 50%; left: 0px; margin-top: -1px; width: 100%; height: 2px; background: rgb(var(--color-foreground)); transition: transform 0.2s; }

.m-hamburger-box__inner::before, .m-hamburger-box__inner::after { content: ""; display: block; position: absolute; width: 100%; height: 2px; background: rgb(var(--color-foreground)); }

.m-hamburger-box__inner::before { top: -7px; transition: top 0.2s 0.22s, opacity 0.2s, width 0.2s; }

.m-hamburger-box__inner::after { bottom: -7px; transition: bottom 0.2s 0.22s, transform 0.2s, width 0.2s; }

.m-hamburger-box.active .m-hamburger-box__inner { transform: rotate(45deg); transition-delay: 0.22s; }

.m-hamburger-box.active .m-hamburger-box__inner::before { top: 0px; opacity: 0; width: 100%; transition: top 0.2s, opacity 0.2s 0.22s, width 0.1s; }

.m-hamburger-box.active .m-hamburger-box__inner::after { bottom: 0px; transform: rotate(-90deg); width: 100%; transition: bottom 0.2s, transform 0.2s 0.22s, width 0.1s; }

.m-menu-button { pointer-events: none; }

.m-header .ssw-link-fave-menu, .m-header__compare, .m-header__account, .m-header__wishlist { position: relative; padding: 14px 8px; }

.m-search-wrapper .m-header .ssw-link-fave-menu, .m-search-wrapper .m-header__compare, .m-search-wrapper .m-header__account, .m-search-wrapper .m-header__wishlist { padding: 0px; margin-left: 8px; margin-right: 8px; }

.m-header__account-text { padding: 20px 16px; }

@media screen and (min-width: 1024px) {
  .m-header .m-cart-icon-bubble { margin-right: 22px; }
}

.m-search-form--icon-left { margin-right: 16px; }

.m-search-form--full { border: 1px solid rgb(var(--color-border)); border-radius: 0.375rem; transition: border 0.3s; height: 42px; }

.m-search-form--full:hover { border-color: rgb(var(--color-foreground)); }

.m-search-form__label { color: rgba(var(--color-foreground),.6); padding-left: 12px; white-space: nowrap; }

.m-search-form__button { padding: 8px 12px; }

@media (min-width: 1280px) {
  .m-search-form--full { min-width: 250px; }
  .m-search-form--full > span { flex: 1 1 0%; }
}