/** Shopify CDN: Minification failed

Line 400:229 Expected ":"

**/
.f-section-header {
  position: relative;
  z-index: 99999;
  width: 100%;
}
.yotpo-background-scroll-prevent .modal-backdrop {
    z-index: 9999999999;
}

@media (min-width: 1023px){
  body.prevent-scroll .f-section-header{ z-index: 99999;}
}
@media (max-width: 1023px){
  body.searched .yotpo-floater-widget-layout{ z-index: 1;}
  body.menu-open drawer-component.f-drawer-mobile-nav{z-index: 999999;}
  body.menu-open #shopify-section-sticky-atc-bar{z-index: 1;}
}


html[style*="--f-header-height"] .site-header__placeholder {
  height: var(--f-header-height);
}
html[style*="--f-header-height"] sticky-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.site-header {
  --header-transition-duration: .3s;
  display: block;
  position: relative;
  padding: var(--section-padding-top, 10px) 0 var(--section-padding-bottom, 10px);
  background: var(--color-header-bg);
  color: var(--color-header-text);
  border-bottom: 1px solid var(--color-border);
  width: 100%;
  z-index: 98;
  will-change: transform;
  transition: all var(--header-transition-duration), color 0s;
}
.site-header .site-logo__text {
  color: var(--color-header-text);
  margin: 0;
  transition: all var(--header-transition-duration);
}
.site-header {
  border-bottom: none;
}
.site-header--transparent {
  background: none;
  color: var(--color-header-transparent-text);
}
.site-header--transparent .mobile-nav-toggle .btn {
  color: var(--color-header-transparent-text);
}
.site-header--transparent .f-site-nav__item:not(:hover),
.site-header--transparent .f-site-nav {
  color: var(--color-header-transparent-text);
}
.site-header--transparent .f-site-nav__item:focus-within,
.site-header--transparent .f-site-nav__item:hover,
.site-header--transparent .f-site-nav__item--current {
  color: var(--color-header-transparent-text);
}
.site-header--transparent .site-header__link:hover,
.site-header--transparent .site-header__link.site-header__search-toggle-mobile:hover {
  color: var(--color-header-transparent-text);
}

.site-header__right .f-icon-svg path{fill: currentColor;}

.site-header--transparent .mobile-nav-toggle .btn:hover,
.site-header--transparent .site-header__search-toggle:hover {
  color: var(--color-header-transparent-text) !important;
}
.site-header--transparent .site-header__bot {
  background: none;
}
.site-header--transparent .with-transparent .site-logo--default, .site-header--transparent .with-transparent .site-logo--mobile {
  display: none !important;
}
.site-header--transparent .site-logo--transparent {
  display: block !important;
}
.site-header--transparent .site-logo__text {
  color: var(--color-header-transparent-text);
}
.site-header--sticky .site-header__wrapper {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}
.site-header--sticky .site-header {
  background: var(--color-header-bg);
  /* box-shadow: 0 4px 18px rgba(0, 0, 0, 0.07); */
  border-bottom: 1px solid var(--color-border);
}
.site-header--sticky .site-logo--transparent {
  display: none !important;
}
.site-header--sticky .with-transparent .site-logo--default {
  display: block !important;
}
@media (max-width: 767.98px) {
  .site-header--sticky .with-transparent .site-logo--mobile {
    display: block !important;
  }
  .f-section-header .site-header__wrapper site-header {
    border-bottom: 0;
  }
}
.site-header--sticky .site-header--transparent {
  color: var(--color-menu-text);
}
.site-header--sticky .site-header--transparent .mobile-nav-toggle .btn {
  color: var(--color-menu-text);
}
.site-header--sticky .site-header--transparent .f-site-nav__item:not(:hover),
.site-header--sticky .site-header--transparent .f-site-nav {
  color: var(--color-menu-text);
}
.site-header--sticky .site-header--transparent .f-site-nav__item:focus-within,
.site-header--sticky .site-header--transparent .f-site-nav__item:hover,
.site-header--sticky .site-header--transparent .f-site-nav__item--current {
  color: var(--color-menu-text) !important;
}
.site-header--sticky .site-header--transparent .site-header__link:hover,
.site-header--sticky .site-header--transparent .site-header__link.site-header__search-toggle-mobile:hover {
  color: var(--color-menu-text-hover);
}
.site-header--sticky .site-header--transparent .mobile-nav-toggle .btn:hover,
.site-header--sticky .site-header--transparent .site-header__search-toggle:hover {
  color: var(--color-menu-text-hover) !important;
}
.site-header--sticky .site-header--transparent .site-logo__text {
  color: currentColor;
}
.site-header--hidden {
  box-shadow: none;
  pointer-events: none;
}
.site-header--hidden .site-header {
  transform: translate3d(0, -100%, 0);
  transition: none;
}
.site-header--animate .site-header {
  transition: transform 0.15s ease-out;
}
.site-header--design-2 .site-header__left, .site-header--design-3 .site-header__left, .site-header--design-2 .site-header__right, .site-header--design-3 .site-header__right {
  width: calc((100% - var(--logo-width)) / 2);
}
.site-header__left {
  flex: 2;
}
.site-header__right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 1024px) {
  .site-header__right {
    flex: 2;
  }
}
.site-header__center {
  flex: 2;
}
@media (min-width: 1024px) {
  .site-header__center--max {
    flex: 1;
    width: var(--logo-width);
  }
  .site-header__center--max .site-logo {
    text-align: center;
  }
  .site-header__center--max .site-logo .site-logo--image img{height: auto;}
}
.site-header__link.site-header__search-toggle {
  color: currentColor;
}
.site-header__link.site-header__search-toggle:hover {
  color: var(--color-menu-text-hover);
}
.site-header__link, .site-header__link.site-header__search-toggle-mobile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  color: currentColor;
  position: relative;
  pointer-events: auto;
}
.site-header__link:hover, .site-header__link.site-header__search-toggle-mobile:hover {
  color: var(--color-menu-text-hover);
}
.site-header__link .f-icon-svg + span:not(.tooltip), .site-header__link.site-header__search-toggle-mobile .f-icon-svg + span:not(.tooltip) {
  margin-left: 6px;
}
@media (max-width: 639.98px) {
  .site-header__link, .site-header__link.site-header__search-toggle-mobile {
    padding: 5px 10px !important;
  }
}
.site-header .f-disclosure {
  padding: 0 1.2rem;
}
.site-header .f-disclosure-list {
  background: var(--color-header-bg);
}
.site-header .f-disclosure-list__item {
  color: var(--color-header-text);
}
.site-header__addons {
  margin: 0 -12px;
}
.site-header__search .search-form {
  margin-right: 0.75rem;
}
.site-header__search .search-form input {
  height: 44px;
}
.site-header--design-1 .site-header__addons, .site-header--design-2 .site-header__addons {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .site-header--design-1 .site-header__left,
  .site-header--design-1 .site-header__right {
    flex: 1;
  }
  .site-header--design-1 .site-header__center {
    flex: 3;
    justify-content: center;
  }
}
.site-header--design-3 .site-header__left .f-site-nav {
  justify-content: flex-end;
}
.site-header--design-3 .site-header__center {
  margin: 0 30px;
}
@media (min-width: 1024px) {
  .site-header--design-3 .f-site-nav {
    flex: 1;
    display: flex;
  }
}
.site-header--design-4 .site-header__addons {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .site-header--design-4 .site-header__left,
  .site-header--design-4 .site-header__right {
    flex: 0 0 auto;
  }
  .site-header--design-4 .site-header__left {
    padding-right: 30px;
  }
}

.site-logo {
  margin: 0;
  padding: 5px 0;
  display: inline-flex;
}
.site-logo__img {
  display: block;
  margin: 0 auto;
  width: var(--logo-mobile-width);
}
@media (min-width: 1024px) {
  .site-logo__img {
    width: var(--logo-width);
  }
  .site-header .site-logo__img .site-logo--image svg{width: 100%; height: auto;}
}
.site-logo--transparent {
  display: none;
}
.site-logo > a {
  transition: none;
}
.site-logo--image {
  font-size: 0;
}

.site-header .critical-hidden, .announcement-bar .critical-hidden, .topbar .critical-hidden {
  display: inherit;
}

@media (max-width: 1279.98px) {
  .site-header {
    padding: 12px 0;
  }
  .site-header--design-4 .site-header__center, .site-header--design-3 .site-header__center {
    margin: 0;
  }
  .site-header--design-4 .site-header__right, .site-header--design-3 .site-header__right {
    justify-content: flex-end;
  }
  .site-header__addons {
    margin: 0;
  }
}
@media (max-width: 1023.98px) {
  .site-logo.with-mobile .site-logo--default {
    display: none !important;
  }
  .site-header__mobile-logo--center .site-header__center {
    justify-content: center;
  }
  .site-header__mobile-logo--center .mobile-nav-toggle {
    margin-right: 0;
    flex: 1;
  }
  .site-header--design-1 .site-header__mobile-logo--center .site-header__left, .site-header--design-4 .site-header__mobile-logo--center .site-header__left {
    justify-content: center;
  }
  .site-header__mobile-logo--right .mobile-nav-toggle {
    margin-right: 0;
  }
  .site-header__mobile-logo--right .site-header__center {
    justify-content: flex-end;
    order: 1;
  }
  .site-header__mobile-logo--right .site-header__right {
    justify-content: flex-start;
  }
  .site-header--design-1 .site-header__mobile-logo--right .site-header__left, .site-header--design-4 .site-header__mobile-logo--right .site-header__left {
    justify-content: flex-end;
    order: 1;
  }
}
@media (max-width: 1023.98px) {
  .f-tablet-hidden {
    display: none;
  }
}
@media (max-width: 640.02px) {
  .f-mobile-hidden {
    display: none;
  }
  .site-header__open-search {
    display: block;
  }
  .site-header {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    display: flex;
    align-items: center;
    min-height: 6rem;
  }
}


.site-header__right .site-header__addons .wishlist{display: none;}

/* new header css */

.f-section-header .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__link .important{ color: #c0392b !important;}
.f-section-header .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__link{ padding: 0 5px 35px !important; top: 18px;position: relative; font-weight: 400;letter-spacing: normal;color: #111 !important;font-size: 16px;}
.f-section-header .site-header__inner .site-header__menu:hover .f-site-nav>.f-site-nav__list>li>.f-site-nav__link{color: #767676 !important;}
.f-section-header .site-header__inner .site-header__menu:hover .f-site-nav>.f-site-nav__list>li>.f-site-nav__link:hover,
.f-section-header .site-header__inner .site-header__menu .f-site-nav>.f-site-nav__list > li.f-menu__item-active >.f-site-nav__link{color: #111 !important;}
.f-section-header .site-header__inner .site-header__menu:hover .f-site-nav>.f-site-nav__list>li>.f-site-nav__link .important{color: #e8b0aa !important;}
.f-section-header .site-header__inner .site-header__menu:hover .f-site-nav>.f-site-nav__list>li>.f-site-nav__link .important:hover,
.f-section-header .site-header__inner .site-header__menu .f-site-nav>.f-site-nav__list>li.f-menu__item-active .f-site-nav__link .important{color: #c0392b !important;}
/* body .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list{gap: 30px;} */
body .site-header__wrapper site-header .f-site-nav__list>.f-site-nav__item.menu-socks .f-site-nav__dropdown-inner>.f-site-nav__mega-addon>.f-site-nav__mega-addon--wrapper{justify-content: flex-end; height: 100%;}
body .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__dropdown{padding-right: 0;}
body .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__dropdown .f-site-nav__dropdown-inner{justify-content: flex-start;  /*padding-inline: 15px 0; max-width: var(--site-max-width);gap: 30px;*/ max-width: 100%; margin-inline: auto; display: grid; grid-template-columns: 1fr clamp(300px, 32vw, 460px);}
body .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li:not(.f-site-nav__item--mega) .f-site-nav__dropdown .f-site-nav__dropdown-inner{grid-template-columns: initial; display: flex;}
body .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li:not(.f-site-nav__item--mega) .f-site-nav__dropdown .menu-wrap{padding: 10px 28px 18px 28px; flex: initial; background: #fff; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);  min-width: 200px;box-shadow: 0 8px 15px rgba(0, 0, 0, 0.12); clip-path: inset(2px -32px -20px -32px);}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap{flex: 1;padding-left: 25px; /*padding-block: 35px 20px;*/padding: 36px clamp(24px, 3vw, 48px) 20px clamp(32px, 4vw, 64px); display: flex;flex-direction: column;}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap > ul.f-grid-4-cols{max-width: 1000px;}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap > ul.f-grid-2-cols{ gap: 14px;}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap > ul > li{width: auto;}
body .f-section-header .site-header__wrapper .f-site-nav__list .f-custom-card .f-custom-card__image{aspect-ratio: 460 / 320; display: block; position: relative; }
body .f-section-header .site-header__wrapper .f-site-nav__list .f-custom-card .f-custom-card__image img{height: 100%; width: 100%; object-fit: cover;}
/* body .f-section-header .site-header__wrapper .f-site-nav__list .unique-font  .f-custom-card__image{aspect-ratio: 460 / 413;} */

/* body .f-section-header .site-header__wrapper .f-site-nav__list .f-custom-card .f-custom-card__image img{object-fit: cover;} */
.f-section-header .site-header__wrapper .f-site-nav__list .f-custom-card .f-custom-card__image:before { content: ""; /*background: linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.6) 22%, rgba(0, 0, 0, 0.42) 44%, rgba(0, 0, 0, 0.24) 64%, rgba(0, 0, 0, 0.1) 82%, rgba(0, 0, 0, 0) 100%); opacity: .2;height: 100%;*/ z-index: 1; position: absolute; width: 100%; left: 0; bottom: 0; height: 200px; background-image: linear-gradient( to top, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0.4) 22%, rgba(0, 0, 0, 0.31) 44%, rgba(0, 0, 0, 0.22) 64%, rgba(0, 0, 0, 0.15) 82%, rgba(0, 0, 0, 0) 100% );}
body .f-section-header .site-header__wrapper .f-site-nav__list .f-custom-card .f-custom-card__info{ z-index: 2; padding: 20px; gap: 14px;}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li.highlight-first>.f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap > ul > .f-site-nav__sub-item:first-child .f-site-nav__sub-link{ font-size: 17px !important;line-height: 1.2 !important; font-weight: 400 !important; color: #111111 !important; margin-bottom: 0;}
/* .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap > ul > .f-site-nav__sub-item:first-child .f-site-nav__dropdown{margin-top: 0;} */
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap > ul > .f-site-nav__sub-item > .f-site-nav__sub-link{font-size: 17px; font-weight: 500; color: #111 !important; margin-bottom: 6px;}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap > ul > .f-site-nav__sub-item > .f-site-nav__dropdown > ul > li > .f-site-nav__sub-link{font-size: 15px; font-weight: 400;color: #4B4B4B !important;padding-block: 10px 0;line-height: 1.2 !important;}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap > ul > .f-site-nav__sub-item > .f-site-nav__dropdown > ul > li::first-child > .f-site-nav__sub-link{padding-block: 0px 0;}
.f-section-header .site-header__wrapper .f-site-nav__list .f-custom-card .f-custom-card__info .f-custom-card__heading { font-size: clamp(20px, 2.5vw, 32px); font-weight: 500; color: #fff; letter-spacing: .01em; line-height: 1.15;}
.site-header__wrapper site-header .f-site-nav__list .f-site-nav__dropdown-inner .f-column .f-custom-card__info .f-custom-card__heading { font-weight: 500;}
.site-header__wrapper site-header .f-site-nav__list .f-site-nav__dropdown-inner .f-column .f-custom-card__info button.btn {margin-top: 0px; font-size: 12px;font-weight: 500; text-transform: initial; line-height: 1; letter-spacing 0.06em;padding: 13px 24px; height: auto; letter-spacing: .06em; border-radius: 4px;}
.site-header__wrapper site-header .f-site-nav__list .f-site-nav__dropdown-inner .f-column .f-custom-card__info button.btn:before{display: none;}
.f-section-header .site-header__inner .site-header__menu .f-site-nav .f-site-nav__item>.f-site-nav__dropdown { padding: 0; border-top: none;}
/* .f-section-header .site-header__inner .site-header__menu .f-site-nav__dropdown-inner { padding-inline: 15px 0;} */
.site-header__wrapper .btn.btn--white-outline:hover{border-color: transparent !important; text-decoration: none !important;}
.site-header__wrapper site-header .f-site-nav__list .f-site-nav__dropdown-inner .f-site-nav__mega-addon--wrapper{justify-content: flex-end; height: 100%;}
.f-section-header .site-header__inner .site-header__menu .f-site-nav .f-site-nav__item>.f-site-nav__dropdown:not(.f-site-nav__dropdown--mega){background: transparent; box-shadow: initial;}
.f-section-header .site-header__inner .site-header__menu .f-site-nav .f-site-nav__item>.f-site-nav__dropdown:not(.f-site-nav__dropdown--mega) .menu-wrap ul li .f-site-nav__sub-link{font-size: 15px; font-weight: 400; padding-block: 3px 1px; margin-bottom: 8px; line-height: 1.2 !important; color: #111; letter-spacing: normal; line-height: normal;}
.f-section-header .site-header__inner .site-header__menu .f-site-nav .f-site-nav__item>.f-site-nav__dropdown:not(.f-site-nav__dropdown--mega) .menu-wrap ul li .f-site-nav__sub-link:hover{color: #555;}
.f-section-header .site-header__inner .site-header__menu .f-site-nav .f-site-nav__item>.f-site-nav__dropdown:not(.f-site-nav__dropdown--mega) .menu-wrap ul li:last-child .f-site-nav__sub-link{margin-bottom: 0;}
.f-section-header .site-header__inner .site-header__menu{align-items: center;}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li.f-menu__item-active .f-site-nav__link,
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li.f-site-nav__item:hover .f-site-nav__link {text-decoration: none !important; }

.site-header__wrapper .site-header__inner .f-site-nav .f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap .mm-activity-wrap{margin-inline: -20px;}
.site-header__wrapper .site-header__inner .f-site-nav .f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap .mm-activity-wrap .mm-activity { border: 1px solid #DDDDDD; background-color: #F4F3F3; padding: 14px 20px; border-radius: 4px;margin-top: 56px; display: flex; flex-wrap: wrap; gap: 10px 24px; align-items: center; line-height: normal;}
.site-header__wrapper .site-header__inner .f-site-nav .f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap .mm-activity-wrap .mm-activity .mm-activity-label{font-size: 17px; line-height: 1.2; font-weight: 500; color: #000; line-height: normal;}
.site-header__wrapper .site-header__inner .f-site-nav .f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap .mm-activity-wrap .mm-activity a{font-size: 15px; line-height: 1.2; font-weight: 400; color: #000; letter-spacing: normal;}
.site-header__wrapper .site-header__inner .f-site-nav .f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap .mm-activity-wrap .mm-activity a:hover{text-decoration: underline; color: #111;}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li.unique-font .menu-wrap > ul > .f-site-nav__sub-item > a{font-size: 18px !important; font-weight: 400 !important;position: relative; text-transform: initial; transition: .15s all; color: #111 !important; letter-spacing:  normal; line-height: normal;}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li.unique-font .menu-wrap > ul > .f-site-nav__sub-item > a:hover{color: #555 !important;}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li.unique-font .menu-wrap > ul {flex: initial;}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li.unique-font .f-site-nav__dropdown .f-site-nav__dropdown-inner{ grid-template-columns: 1fr calc(clamp(300px, 32vw, 460px) * 2 + 3px); display: grid;}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li.unique-font .f-site-nav__dropdown .f-site-nav__mega-addon .f-site-nav__mega-addon--wrapper{display: grid; grid-template-columns: 1fr 1fr;}
.site-header__wrapper .f-site-nav .f-site-nav__dropdown-inner .menu-wrap>ul>.f-site-nav__sub-item .f-site-nav__sub-link{display: inline-block;}
.site-header__wrapper .f-site-nav .f-site-nav__dropdown-inner .menu-wrap>ul>.f-site-nav__sub-item .f-site-nav__sub-link:before{display: none;}
.site-header__wrapper .f-site-nav .f-site-nav__dropdown-inner .menu-wrap>ul>.f-site-nav__sub-item .f-site-nav__sub-link:hover{text-decoration: none !important;}
.site-header__wrapper .site-header__inner .f-site-nav .menu-wrap .mm-activity-wrap .mm-activity a{position: relative;}
.f-section-header .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__link > span{position: relative; line-height: 1;}
.site-header__wrapper .f-site-nav .f-site-nav__dropdown-inner .menu-wrap>ul>.f-site-nav__sub-item .f-site-nav__sub-link:after,
.site-header__wrapper .site-header__inner .f-site-nav .menu-wrap .mm-activity-wrap .mm-activity a:after,
.f-section-header .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__link > span:after{content: '' ;  position: absolute; bottom: 0px; left: 0; right: 0; height: 1px; background: #111; transform: scaleX(0); transform-origin: left; transition: .5s all; display: block; }
.site-header__wrapper .f-site-nav .f-site-nav__dropdown-inner .menu-wrap>ul>.f-site-nav__sub-item .f-site-nav__sub-link:hover:after,
.site-header__wrapper .site-header__inner .f-site-nav .menu-wrap .mm-activity-wrap .mm-activity a:hover:after,
.f-section-header .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__link > span:hover:after,
.f-section-header .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li.f-menu__item-active >.f-site-nav__link > span:after{transform: scaleX(1); /*transition: transform 0.2s ease;*/}
.site-header__wrapper .site-header__inner .f-site-nav .menu-wrap .mm-activity-wrap .mm-activity a:hover{text-decoration: none !important;}
.site-header__wrapper site-header .f-site-nav__list>.f-site-nav__item .f-site-nav__dropdown .f-site-nav__sub-item>.f-site-nav__dropdown{margin-top: 0;}

.f-section-header sticky-header site-header .site-header__inner .site-header__right .site-header__link svg{fill: #111;}
.f-section-header sticky-header site-header .site-header__inner .site-header__right .site-header__link:hover svg{fill: #555;}

.site-header__wrapper site-header .f-menu__item-active .f-site-nav__dropdown--level2{border: 0;}

  .f-section-header .site-header__right .site-header__element .cart-link .cart-link__count{ min-width: 15px; height: 15px;font-size: 9px; font-weight: 500; position: absolute; top: -1px; margin-left: -2px !important;}

.announcement-bar .announcement-bar__message p{font-size: 1.4rem; line-height: 17px;} 

/* body .f-site-nav__dropdown{transform: initial !important;} */
/* .f-site-nav__dropdown .f-site-nav__dropdown-inner { margin-top: 15px; transition: .3s;}
.f-menu__item-active .f-site-nav__dropdown .f-site-nav__dropdown-inner { margin-top: 0;} */
/* body .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li .f-site-nav__dropdown{transform: initial !important; margin-top: 15px !important; transition: .3s all !important;} 
body .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li:hover .f-site-nav__dropdown{margin-top: 0 !important;} */

/* .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li.menu-discover .menu-wrap > ul > .f-site-nav__sub-item > a:after{ content: '';position: absolute; bottom: 1px; left: 0; width: 100%;height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform 0.2s ease;}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li.menu-discover .menu-wrap > ul > .f-site-nav__sub-item > a:hover{ color: #555;}
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li.menu-discover .menu-wrap > ul > .f-site-nav__sub-item > a:hover:after{ transform: scaleX(1);} */


/* .f-section-header sticky-header site-header .site-header__inner .site-header__search-toggle[aria-label="Search"]{display: block;} */

/* app css */

body .site-header__wrapper .site-header__inner .f-site-nav .f-site-nav__dropdown .f-site-nav__dropdown-inner div[data-acsb-now-navigable="true"]{display: none !important; height: 0 !important; opacity: 0 !important; visibility: hidden !important;}
.f-section-header .site-header__inner .site-header__menu .f-site-nav .f-site-nav__item>.f-site-nav__dropdown[data-acsb-hidden="true"],
.f-section-header .site-header__inner .site-header__menu .f-site-nav .f-site-nav__item>.f-site-nav__dropdown[data-acsb-overflower="true"]{background-color: #fff !important;}

/* app css */

@media (min-width: 1500px){
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap > ul.f-grid-4-cols{max-width: 1200px;}
}
@media (min-width: 1024px){
  .f-section-header sticky-header site-header .site-header__inner .mobile-search[aria-label="Search"]{display: none;}
  body .site-header__wrapper .site-header .f-header-site-header-inner-wrapper{max-width: 100%;}
  body .f-section-header sticky-header site-header .site-header__inner{ padding: 0 clamp(24px, 4vw, 40px);}
  /* body .site-header__wrapper .site-header .f-header-site-header-inner-wrapper{padding: 0 clamp(24px, 4vw, 64px);max-width: 100%;margin-inline: auto;} */
}
/* @media (max-width: 1365px){
body .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list{gap: 28px;}
} */
@media (max-width: 1240px){
.f-section-header .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li>.f-site-nav__link{ padding: 0 5px 35px !important; top: 16px;}
/* body .site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list{gap: 10px;} */
.site-header__wrapper .site-header__inner .f-site-nav>.f-site-nav__list>li.unique-font .menu-wrap > ul > .f-site-nav__sub-item > a{ font-size: 15px !important; }
.site-header__wrapper .site-header__inner .f-site-nav .f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap .mm-activity-wrap .mm-activity{ gap: 10px 20px;}
/* .site-header__wrapper .site-header__inner .f-site-nav .f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap .mm-activity-wrap .mm-activity .mm-activity-label{font-size: 13px;}
.site-header__wrapper .site-header__inner .f-site-nav .f-site-nav__dropdown .f-site-nav__dropdown-inner .menu-wrap .mm-activity-wrap .mm-activity a{font-size: 12px;} */
}
@media (max-width: 1023px){
body .site-header__wrapper site-header .site-header__inner .site-header__search{padding-inline: 5px !important;}
.site-header__wrapper site-header .site-header__inner .mobile-nav-toggle{flex: initial;}
drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner > ul > .f-mobile-nav__item:not(.f-mobile-nav__item--has-child) a{font-size: 18px !important; font-weight: 500 !important; padding-block: 14px; color: #000 !important;}
drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner > ul > .f-mobile-nav__item > .has_menu_link > .f-mobile-nav__link{color: #000;font-size: 18px; font-weight: 500; padding-block: 14px;}
drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner > ul > .f-mobile-nav__item .has_menu_link > .f-mobile-nav__link.important{ color: #c0392b;}
drawer-component.f-drawer-mobile-nav .f-mobile-nav__item.f-mobile-nav__item--has-child .f-mobile-nav__dropdown > ul > li.f-mobile-nav__subitem > .has_menu_link > .f-mobile-nav__sub-link{font-size: 16px; font-weight: 500; color: #111;}
.site-header__wrapper site-header .site-header__inner .mobile-nav-toggle > .btn{ width: auto; padding-inline: 15px 5px;}
.f-section-header sticky-header site-header .site-header__inner .mobile-search[aria-label=Search]{display: flex; align-items: center; width: 35px;}
/* .f-section-header sticky-header site-header .site-header__inner .mobile-search[aria-label=Search] svg path{fill: currentColor;} */
drawer-component .f-mobile-nav .f-drawer-search{ position: initial; transform: initial; background-color: transparent; width: auto; max-height: initial; max-width: initial; height: auto; min-height: auto;}
.f-section-header sticky-header site-header .site-header__inner .mobile-search .f-search-drawer{height: auto;}
drawer-component .f-mobile-nav .site-logo{border-bottom: 0; justify-content: center;}
drawer-component .f-search-drawer .f-search-drawer__form .f-search-drawer__field .f-search-drawer__input{ height: 44px; font-size: 16px; background: #f4f4f4; border: 1px solid #f4f4f4; border-radius: 4px; display: flex; align-items: center; gap: 10px;}
drawer-component .f-search-drawer .f-search-drawer__form .f-search-drawer__field .f-search-drawer__input:focus,
drawer-component .f-search-drawer .f-search-drawer__form .f-search-drawer__field .f-search-drawer__input:focus-visible,
drawer-component .f-search-drawer .f-search-drawer__form .f-search-drawer__field .f-search-drawer__input.focus{border-color: #000;}
drawer-component .f-mobile-nav mobile-predictive-search .f-drawer__close{ top: 50%; height: auto !important;transform: translate(0px, -50%); opacity: 0; transition: .4s all;}
.searched .f-mobile-nav mobile-predictive-search .f-drawer__close{opacity: 1;}
.site-header__wrapper site-header .site-header__inner .mobile-nav-toggle .icon-hamburger{width: 1.6rem; height: 1.6rem;}
.f-section-header sticky-header site-header .site-header__inner .left-wrap{display: flex; flex: 1;}
.f-section-header .site-header__wrapper > .f-drawer-search{display: none;}
drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner{padding-top: 10px;padding-inline: 10px;}
drawer-component .f-search-drawer .f-search-drawer__form .f-drawer__header{ padding: 0 1.6rem;}
body.menu-open drawer-component.f-drawer-mobile-nav[aria-label=Menu]{overflow: hidden;}
body drawer-component .f-mobile-nav__inner ul>.f-mobile-nav__item .f-mobile-nav__dropdown > ul > .f-mobile-nav__subitem > collapsible-tab{height: initial !important; position: initial !important;}
drawer-component .f-mobile-nav .f-mobile-nav__inner .root-quickshop { display: flex;flex-wrap: wrap; gap: 6px; padding: 15px 10px 15px 18px; margin-inline: -10px;}
drawer-component .f-mobile-nav .f-mobile-nav__inner .root-quickshop > .root-qs-tile{ width: calc(50% - 5px);}
drawer-component .f-mobile-nav .f-mobile-nav__inner .root-quickshop > .root-qs-tile .root-qs-tile-img img{aspect-ratio: 13/16;height: auto; border-radius: 4px; object-fit: cover;}
drawer-component .f-mobile-nav .f-mobile-nav__inner .root-quickshop .root-qs-tile-label{font-size: 14px; margin-top: 6px; display: block; color: #111;letter-spacing: 0.01em;}
drawer-component .f-mobile-nav .nav-list-footer {margin-top: 40px;padding-inline: 15px; display: flex; flex-direction: column; gap: 10px;}
drawer-component .f-mobile-nav .nav-list-footer a{font-size: 13px; color: #888888;}
drawer-component .f-mobile-nav__inner ul>.f-mobile-nav__item .f-mobile-nav__dropdown > ul > .f-mobile-nav__subitem > .has_menu_link > .f-mobile-nav__sub-link,
drawer-component .f-mobile-nav__inner ul>.f-mobile-nav__item .f-mobile-nav__dropdown > ul > .f-mobile-nav__subitem.active-sub-list{border-bottom: 1px solid #eee;}
drawer-component .f-mobile-nav__inner ul>.f-mobile-nav__item .f-mobile-nav__dropdown > ul > .f-mobile-nav__subitem.active-sub-list > .has_menu_link > .f-mobile-nav__sub-link{border: 0; text-decoration: none;}
drawer-component .f-mobile-nav__inner ul>.f-mobile-nav__item .f-mobile-nav__dropdown > ul > .f-mobile-nav__subitem.active-sub-list .has_menu_link .f-mobile-nav__arrow svg{transform: rotate(90deg);}
drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner > ul > .f-mobile-nav__item > collapsible-tab{top: 0 !important;}
drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner > ul > .f-mobile-nav__item > collapsible-tab .menu-top-wrap{display: flex; align-items: center;justify-content: space-between;}
drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner > ul > .f-mobile-nav__item > collapsible-tab .menu-top-wrap .f-drawer__close{position: relative !important;}
drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner > ul > .f-mobile-nav__item > collapsible-tab .menu-top-wrap .back-menu{padding-top: 0;}
drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner>ul>.f-mobile-nav__item>collapsible-tab .menu-top-wrap > span{font-size: 16px;font-weight: 500;}
.f-mobile-nav__item.f-mobile-nav__item--has-child .sub-discover{ padding: 12px 20px 5px 20px; flex-shrink: 0; position: relative; -webkit-mask-image: linear-gradient(to right, black 85%, transparent 100%); mask-image: linear-gradient(to right, #000 85%, transparent 100%);}
.f-mobile-nav__item.f-mobile-nav__item--has-child .sub-discover .sub-discover-scroll{ display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;}
.f-mobile-nav__item.f-mobile-nav__item--has-child .sub-discover .sub-discover-pill{ border: .6px solid rgb(200 200 200 / 60%);white-space: nowrap; font-size: 14px; font-weight: 400; color: #111; text-decoration: none; padding: 10px 14px; background: #f4f4f4; border-radius: 4px; transition: background 0.15s;}
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-mobile-nav__dropdown{height: auto !important;}
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-site-nav__mega-addon .collection-card__wrapper{height: 240px; overflow: hidden;border-radius: 6px;position: relative;}
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-site-nav__mega-addon .collection-card__wrapper:before{ content: ''; /*background: linear-gradient(to top, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.28) 40%, rgba(0, 0, 0, 0.08) 70%, transparent 100%);*/ position: absolute;width: 100%; height: 100%; left: 0; z-index: 1; top: 0;background-image: linear-gradient( to top, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0.4) 22%, rgba(0, 0, 0, 0.31) 44%, rgba(0, 0, 0, 0.22) 64%, rgba(0, 0, 0, 0.15) 82%, rgba(0, 0, 0, 0) 100% );}
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-site-nav__mega-addon img{height: 100%; object-fit: cover; width: 100%;border-radius: 6px;}
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-site-nav__mega-addon{width: calc(100% - 32px); max-width: 100%; margin:16px auto 24px;}
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-site-nav__mega-addon .desktop-only{display: none;}
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-site-nav__mega-addon .mobile-only{display: block;}
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-site-nav__mega-addon .f-custom-card__info{padding: 18px 14px;}
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-site-nav__mega-addon .f-custom-card__info .f-custom-card__heading{ font-size: 20px; font-weight: 500; color: #fff; letter-spacing: 0.01em; margin-bottom: 10px;}
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-site-nav__mega-addon .f-custom-card__info .btn{margin-top: 0; display: inline-block; font-size: 11px; font-weight: 500; letter-spacing: 0.08em; color: #fff; text-decoration: none; text-transform: initial; padding: 10px 16px; height: auto; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 3px; width: fit-content; line-height: 1;}
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-site-nav__mega-addon .f-custom-card__info .btn::before,
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-site-nav__mega-addon .f-custom-card__info .btn::after{display: none;}
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-site-nav__mega-addon .f-site-nav__mega-addon--wrapper{ gap: 6px !important; display: flex;}
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-site-nav__mega-addon .f-custom-card__image,
.f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-site-nav__mega-addon .f-image {height: 100%;}
body:not(.menu-open) .f-mobile-nav__inner .f-mobile-nav__item collapsible-tab{display: none !important;}
  .f-section-header .site-header__right .site-header__element .cart-link svg{width: 22px; height: 22px;}
 drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner > ul > .menu-discover .f-mobile-nav__dropdown .f-mobile-nav__subitem.active-sub-list,
 drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner > ul > .menu-sale-important .f-mobile-nav__dropdown .f-mobile-nav__subitem.active-sub-list{border-bottom: none;}
 drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner > ul > .menu-sale-important .f-mobile-nav__dropdown .f-mobile-nav__subitem .f-mobile-nav__sub-link{ padding: 8px 18px 8px 24px; font-size: 16px; color: #111;}
 drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner > ul > .menu-discover .f-mobile-nav__dropdown .f-mobile-nav__subitem .f-mobile-nav__sub-link{font-size: 18px; padding: 14px 18px 14px 24px;color: #111;}
 drawer-component .f-mobile-nav .f-mobile-nav__inner>ul>li.f-mobile-nav__item>.has_menu_link>.f-mobile-nav__arrow svg,
drawer-component .f-mobile-nav .f-mobile-nav__inner>ul>li.f-mobile-nav__item>collapsible-tab .f-mobile-nav__arrow .f-mobile-nav__arrow-icon svg,
drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner > ul > .f-mobile-nav__item > collapsible-tab .menu-top-wrap .back-menu svg{width: 18px;}
drawer-component .f-mobile-nav .f-mobile-nav__inner>ul>li.f-mobile-nav__item>.has_menu_link>.f-mobile-nav__arrow svg path,
drawer-component .f-mobile-nav .f-mobile-nav__inner>ul>li.f-mobile-nav__item>collapsible-tab .f-mobile-nav__arrow .f-mobile-nav__arrow-icon svg path,
drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner > ul > .f-mobile-nav__item > collapsible-tab .menu-top-wrap .back-menu svg path{fill: #555;}
body drawer-component .f-mobile-nav .f-mobile-nav__inner>ul>li.menu-discover .f-site-nav__mega-addon .f-custom-card .f-custom-card__heading{font-size: 18px;}
.f-section-header sticky-header site-header .site-header__inner .site-header__right .site-header__addons .site-header__link{width: var(--btn-icon-width, 4rem); height: var(--btn-icon-width, 4rem);}

drawer-component.f-drawer-mobile-nav .root-quickshop,
drawer-component.f-drawer-mobile-nav .f-mobile-nav__inner>.list-none,
drawer-component.f-drawer-mobile-nav .mobile-search-drawer,
drawer-component.f-drawer-mobile-nav .site-logo.with-mobile,
drawer-component .f-mobile-nav .nav-list-footer {
    transition: 0.28s all !important;
    left: 0 !important;
    position: relative;
}
drawer-component.f-drawer-mobile-nav:has(.f-mobile-nav__inner>.list-none>.need-child.active-list) .root-quickshop,
drawer-component.f-drawer-mobile-nav:has(.f-mobile-nav__inner>.list-none>.need-child.active-list) .f-mobile-nav__inner>.list-none,
drawer-component.f-drawer-mobile-nav:has(.f-mobile-nav__inner>.list-none>.need-child.active-list) .mobile-search-drawer,
drawer-component.f-drawer-mobile-nav:has(.f-mobile-nav__inner>.list-none>.need-child.active-list) .site-logo.with-mobile,
drawer-component.f-drawer-mobile-nav:has(.f-mobile-nav__inner>.list-none>.need-child.active-list) .nav-list-footer{
    /* transform: translateX(-100%); */
    left: -100% !important;
}

}

@media (max-width: 767px){
  body .site-header__wrapper site-header .site-header__inner .site-header__search{padding-inline: 0 !important;}
  .f-section-header .site-header__wrapper .site-header{padding-block: 0;border-bottom: 1px solid transparent;}
  drawer-component .f-mobile-nav .f-mobile-nav__inner .root-quickshop{flex-wrap: nowrap;overflow-x: scroll;
  /* -webkit-mask-image: linear-gradient(
    to right,
    black 82%,
    rgba(0, 0, 0, 0.4) 100% );
  mask-image: linear-gradient(
    to right,
    black 82%,
    rgba(0, 0, 0, 0.4) 100% ); */
  }
  /* drawer-component .f-mobile-nav .f-mobile-nav__inner .root-quickshop>.root-qs-tile .root-qs-tile-img img{aspect-ratio: 13 / 16;} */
  drawer-component .f-mobile-nav .f-mobile-nav__inner .root-quickshop > .root-qs-tile{min-width: 36%; width: 100%;}
  .f-mobile-nav__item.f-mobile-nav__item--has-child > collapsible-tab > .f-mobile-nav__dropdown{height: 100%;}
  drawer-component.f-drawer-mobile-nav .f-mobile-nav__item.f-mobile-nav__item--has-child .f-mobile-nav__dropdown > ul > li.f-mobile-nav__subitem > .has_menu_link > .f-mobile-nav__sub-link{font-size: 18px; padding-left: 20px;}
  drawer-component .f-mobile-nav__inner ul>.f-mobile-nav__item .f-mobile-nav__dropdown>ul>.f-mobile-nav__subitem collapsible-tab .f-mobile-nav__dropdown--level3 .f-mobile-nav__sub-link{font-size: 16px; padding-left: 17px;}
  .f-section-header sticky-header site-header .site-header__inner .mobile-search[aria-label=Search]{width: 44px; padding-left: 2px !important;}
  .site-header__wrapper site-header .site-header__inner .mobile-nav-toggle > .btn{padding-inline: 15px 2px;}
  .f-section-header .site-header__wrapper .site-header .site-logo.with-mobile .site-logo--image img{height: auto; width: 100%;}
  .f-section-header .site-header__right .site-header__element svg{width: 24px; height: 24px;}
  .f-section-header .site-header__right .site-header__element .cart-link svg{width: 24px; height: 24px;}
  /* .f-section-header .site-header__right .site-header__element .cart-link svg{width: 22px; height: 22px;}
  .f-section-header .site-header__right .site-header__element .cart-link .cart-link__count{ min-width: 15px; height: 15px;font-size: 9px; font-weight: 500; position: absolute; top: -1px; margin-left: -4px !important;} */
  body drawer-component.f-drawer-mobile-nav{transition: .28s all;}
  drawer-component .f-search-drawer .f-search-drawer__form .f-search-drawer__field .f-search-drawer__input{padding: 12px 14px 12px 38px;font-weight: 400; color: #111;}
  drawer-component .f-search-drawer .f-search-drawer__form .f-search-drawer__field .f-search-drawer__input::placeholder{color: #767676 !important; opacity: 1;}
  .f-section-header sticky-header site-header .site-header__inner .site-header__right .site-header__addons .site-header__link{padding-right: 0 !important;}
  .f-section-header sticky-header site-header .site-header__inner .site-header__right .site-header__addons .site-header__link[aria-label="Cart"]{ padding-left: 0 !important;}
}


/* new header css */