/** Shopify CDN: Minification failed

Line 592:0 Unexpected "}"

**/
header{
  opacity: 1;
}
.shopify-section-header-sticky:not(.shopify-section-first-hide){
  background: var(--color-body-background);
}
.header__secondary-menu{
  background:#111111;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.secondary-menu-wrapper{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

/* LEFT + RIGHT MENUS */
.secondary-menu-left .list-menu--inline,
.secondary-menu-right .list-menu--inline{
  display:flex;
  gap:0;

  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;

  overflow:hidden;

  background:#181818;
}


.header__icons{
  justify-content: flex-end;
  gap: 10px 20px;
}
.header__icons__customer{
  display: flex;
  align-items: center;
}
.header__button{
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.header__icons__customer>*+*{
  margin-left: 24px;
}
.header__icons__customer{
  display:flex;
  align-items:center;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}

.header__icons__customer > *{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
}

.header__icons__customer > * + *{
  margin-left:20px;
}

.header__icons__customer > * + *::before{
  content:"";
  position:absolute;
  left:-10px;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:24px;
  background:rgba(20,44,115,.25);
}
.header__button:after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.header__button svg{
  width: 20px;
  height: 20px;
  
}
.header__heading-link{
  display: flex;
  --scale-image: 1.05;
  transition: transform var(--duration-medium) var(--zoom-animation-bezier);
  transform: scale(1);
}
.header__heading-logo--svg{
  display: flex;
}
.header__heading-logo--svg svg{
  width: var(--max-width);
  height: var(--max-height);
}
.header__icons__svg{
  position:relative;
}
.header__icons__svg .header__icons__svg__main{
  display:flex;
  opacity:0;
  visibility:hidden;
}
.header__icons__svg .header__icons__svg__animated{
  pointer-events:none;
  position:absolute;
  top:0;
  left:0;
}
@media (min-width: 1025px){
  .header__heading-link:hover{
    
    transform: scale(var(--scale-image));
  }
  .header__desktop{
    position: relative;
    z-index: 1;
  }
  header-menu-tiles{
    display: block;
  }
  .header__button .header__icons__svg .header__icons__svg__animated svg{
    display:block;
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:100%;
    backface-visibility: hidden;
  }
}
.header__heading,
*:not(.header__heading)>.header__heading-link{
  text-align: center;
  justify-self: center;
  grid-column: 2;
}
.logo-to-left .header__heading{
  grid-column: unset;
}
.logo-to-left nav{
  grid-column: unset;
}
.logo-to-left.menu-to-right nav{
  justify-self: flex-end;
}
.logo-to-left.menu-to-right nav .list-menu--inline{
  justify-content: flex-end;
}
.js .vertical-menu[data-menu-opened] vertical-menu[hide-before-load]{
  opacity: 0;
}
.section-header{
  z-index: 11;
}
.shopify-section-header-sticky,
.overflow-hidden-tablet .section-header{
  position: sticky;
}
@media (max-width:1024px){
  .fixed-position{
    position: fixed!important;
    top: 0;
    width: 100%;
  }
}
.shopify-section-header-sticky:not(.shopify-section-first-hide){
  top: 0;
}
.shopify-section-header-sticky:not(.shopify-section-header-hidden){
  box-shadow:var(--shadow);
}
.shopify-section-header-hidden{
  transform:translateY(-100%);
}
.shopify-section-header-hidden.menu-open {
  transform: translateY(0);
}
.section-header.animate {
  transition: top 0.15s ease-out;
}
.shopify-section-header-sticky vertical-menu{
  height: auto!important;
  min-height: unset!important;
}
@media (max-width: 1024px){
  .header__button:hover:after{
    background: var(--mobile-focus-color);
  }
}
.logo-to-left--mobile header-drawer{
  order:3;
}
.logo-to-left--mobile .drawer__icon-menu {
  margin-left: 0;
  padding: 12px 0px 12px 10px;
}
.header.logo-to-left--mobile{
  grid-template-columns: 1fr auto auto;
}
.header.logo-to-left--mobile.logo-to-left--catalog{
  grid-template-columns: 1fr auto;
}
.logo-to-left--mobile .header__heading,
.logo-to-left--mobile *:not(.header__heading)>.header__heading-link {
  text-align: left;
  justify-self: flex-start;
}
.logo-to-left--mobile .menu-drawer {
  transform: translate(100%);
  left: unset;
  right: 0;
}
.logo-to-left--mobile .menu-drawer__close-button{
  justify-content: flex-end;
}
.logo-to-left--mobile .menu-drawer__close-button:hover:before{
  left: unset;
  right: -12px;
}
.logo-to-left--mobile .menu-drawer__close-button.link:not(.link-only-svg) svg:first-child{
  margin-right: 0;
}
.logo-to-left--mobile .main-menu-button .drawer__icon-menu{
  position:relative;
}
.logo-to-left--mobile .main-menu-button .drawer__icon-menu:hover{
  background: unset;
}
.logo-to-left--mobile .main-menu-button .drawer__icon-menu:hover:before{
  content:"";
  position:absolute;
  top: 0;
  left: -2px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--mobile-focus-color);
}
.opened-search{
  padding-top: 2px;
  padding-bottom: 30px;
}
.shopify-section-header-sticky:not(.shopify-section-header-hidden) .opened-search{
  padding-bottom: 20px;
}


.header-phone-number__desktop{
  text-align:right;
}
.header-phone-number__desktop svg{
  width:20px;
  height:20px;
  flex: 0 0 auto;
}
.header-phone-number__mobile svg{
  width:20px;
  height:20px;
}
.header-phone-number__desktop+*{
  margin-left:20px;
}
.header-phone-number__icon{
  display:flex;
  align-items:center;
  gap:10px;
}
.header-phone-number__desktop .header-phone-number__icon{
  justify-content:flex-end;
}
.phone_area__icon__container{
  position:relative;
}
.phone_area__icon__container .phone_area__icon{
  display: flex;
  opacity:0;
  visibility:hidden;
}
.phone_area__icon__container .phone_area__icon__animated{
  display: flex;
  position:absolute;
  top:0;
  left:0;
}
@media (min-width:1025px){
  .phone_area__icon__container .phone_area__icon__animated svg{
    display:block;
    top:0px;
    left:0px;
    position: relative;
    backface-visibility: hidden;
    width:100%;
    height:100%;
  }
}



.header-phone-number__mobile__top-line{
  height:1px;
  border-top: 1px solid var(--color-base);
  opacity: .3;
  padding-bottom:15px;
}
.header-phone-number__mobile{
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: 
    "a b"
    "c d"
    ". e";
  column-gap: 10px;
}
.header-phone-number__mobile>*{
  display:flex;
  align-items:center;
}
.header-phone-number__mobile .phone_area1{
  grid-area: a;
}
.header-phone-number__mobile .phone_area2{
  grid-area: b;
}
.header-phone-number__mobile .phone_area3{
  grid-area: c;
}
.header-phone-number__mobile .phone_area4{
  grid-area: d;
}
.header-phone-number__mobile .phone_area5{
  grid-area: e;
}
@media (min-width: 577px) and (max-width: 1024px){
  .header-phone-number__mobile__box{
    padding:0 30px 20px;
  }
}
@media (max-width: 576px){
  .header-phone-number__mobile__box{
    padding:0 20px 20px;
  }
}




.header-customer-accounts{
  position: relative;
}
.header-customer-accounts__modal{
  --top-offset: 15px;
  min-width: 320px;
  position: absolute;
  top: calc(100% + var(--top-offset) + 0px);
  right: -20px;
  border-radius: var(--radius);
  background: var(--color-simple-dropdown);
  box-shadow: var(--shadow);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--duration-medium) ease, top var(--duration-medium) ease, left var(--duration-medium) ease, visibility var(--duration-medium) ease;
  padding: 20px;
}
.header-customer-accounts__modal:after {
  content: "";
  display: block;
  width: 100%;
  height: calc(var(--top-offset) * 2);
  position: absolute;
  top: calc(var(--top-offset) * -1);
  left: 0;
}
.header-customer-accounts:hover .header-customer-accounts__modal{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  top: calc(100% + var(--top-offset));
}
.account-actions__shop-login{
  --buttons-radius:var(--radius-button);
  --font-paragraph--size: calc(16px * var(--font-body-scale));
  --font-paragraph--line-height:130%;
  --button-padding-block:15px;
  --button-padding-inline:20px;
}
.account-actions__sign-ins {
  margin-top:10px;
  display: flex;
  flex-direction: column;
  gap:10px;
}
.header-customer-accounts__nav{
  margin-top:10px;
  display:flex;
  flex-direction: column;
  gap:10px;
}
.header-customer-accounts__nav .btn{
  font-size: calc(16px * var(--font-body-scale));
}
.account-actions__sign-ins:not(:has(shop-login-button)){
  gap: 0;
}
.account-actions__fallback-text{
  display: none;
}
.account-actions__sign-in-text{
  display:flex;
}
.account-actions__sign-ins:not(:has(shop-login-button)) .account-actions__sign-in-text{
  display: none;
}
.account-actions__sign-ins:not(:has(shop-login-button)) .account-actions__fallback-text{
  display: flex;
}
.menu-drawer__account-icons:not(:has(shop-login-button)) .account-actions__sign-in-text{
  display: none;
}
.menu-drawer__account-icons:not(:has(shop-login-button)) .account-actions__fallback-text{
  display: flex;
}
.btn [class*="account-actions__"]{
  flex-direction:row;
  align-items:center;
}
@media (max-width: 1024px){

  .opened-search predictive-search form,
  .header__mobile predictive-search form{
    border: 1px solid rgba(83, 0, 198, 1);
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
  }

  .opened-search predictive-search input,
  .header__mobile predictive-search input{
    border: none !important;
    box-shadow: none !important;
    background: transparent;
  }

}
.secondary-menu-wrapper{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.secondary-menu-left,
.secondary-menu-right{
  display:flex;
  align-items:center;
}

.secondary-menu-right .list-menu--inline{
  justify-content:flex-end;
}


/* MOBILE MENU FONT SIZE + WEIGHT */

@media (max-width:1024px){

  .menu-drawer__menu-item{

    font-size:16px !important;

    font-weight:600 !important;

    line-height:1.35;
  }

}

/* ── Z-index fix: mobile drawer above all sections ── */
.menu-drawer {
  z-index: 100;
}
.drawer__outer-background {
  z-index: 99;
}
.section-header {
  z-index: 50;
}
.mm-logo {
  isolation: isolate;
}
.mm-logo{
  display:block;
}
/* MOBILE DRAWER BOTTOM INFO AREA */

@media (max-width:1024px){

  .header-phone-number__mobile__box{
    background:#f1ece3;

    padding:0px 9px 9px;

    border-top:1px solid rgba(228, 5, 5, 0.03);
  }

  .header-phone-number__mobile__box .h4,
  .header-phone-number__mobile__box a,
  .header-phone-number__mobile__box p{
    font-weight:700 !important;
  }

}


/* COLLAPSED SEARCH */

.header__icons__customer predictive-search{
  width:44px;
  overflow:hidden;
  transition:width .3s ease;
}

.header__icons__customer predictive-search.is-open{
  width:320px;
   overflow: visible;
}

.header__icons__customer predictive-search form{
  width:320px !important;
}

/* Hide text input initially */
.header__icons__customer .field__input{
  opacity:0;
  pointer-events:none;
}

.header__icons__customer .field__label{
  opacity:0;
  pointer-events:none;
}

/* Show when expanded */
.header__icons__customer predictive-search.is-open .field__input,
.header__icons__customer predictive-search.is-open .field__label{
  opacity:1;
  pointer-events:auto;
}

@media (min-width:1025px){
  .header-layout-classic.page-width{
    padding-right:10px !important;
  }
}
/* BEFORE - causes stacking context */
@media (min-width:1025px) {
  .header__icons {
    transform: translateY(-35px) !important;
    z-index: 20;
  }
}

/* AFTER - use margin instead of transform */
@media (min-width:1025px) {
  .header__icons {
    margin-top: -35px !important;
    z-index: 20;
  }
}

}
.mm-desktop-banner{
  width:100%;
  line-height:0;
}

.mm-desktop-banner img{
  display:block;
  width:100%;
  height:auto;
}

@media(max-width:1024px){
  .mm-desktop-banner{
    display:none;
  }
}
/* Shift all header elements to the top using negative margin on desktop only (padding cannot be negative) */
@media (min-width: 1025px) {
  .header {
    padding-top: 0 !important;
    margin-top: -20px !important;
  }
  .header-layout-classic .header {
    padding-top: 0 !important;
    margin-top: -20px !important;
  }
  .header-menu-vertical-container {
    margin-top: -15px !important; /* Lifts the SHOP BY button closer to the logo */
  }
}
/* Hide the long search input box next to SHOP BY on desktop */
.header-menu-vertical-container .col-four_fifth predictive-search {
  display: none !important;
}
/* Shift logo towards the left edge */
.logo-to-left .header__heading {
  margin-left: -12px !important; /* Pulls the logo further left */
}

@media (min-width: 1025px) {
  .header-layout-classic.page-width {
    padding-left: 15px !important; /* Reduces the empty space on the left edge of the screen */
  }
}
/* 2. Shift secondary menu links to start after the logo (removes overlap) */
.logo-to-left nav {
  justify-self: flex-start !important;
  margin-left: 75px !important; /* Moves links to the right of the logo */
}
/* Make the SHOP BY button container less wide (shorter) */
.header-menu-vertical-container > .grid > .col-one_fifth {
  width: 180px !important;
  max-width: 180px !important;
  flex: 0 0 180px !important;
}
/* Enlarge the megamenu panel width to accommodate one more column */
.vertical-menu .megamenu-container {
  width: calc(1150 * var(--page-width) / 1300) !important;
}
@media (min-width: 1190px) and (max-width: 1440px) {
  .vertical-menu .megamenu-container {
    width: 1050px !important; /* Increased from 874px */
  }
}
@media (min-width: 1025px) and (max-width: 1189px) {
  .vertical-menu .megamenu-container {
    width: 800px !important; /* Increased from 708px */
  }
}
/* Subtle premium gradient and glassmorphism for the expanded megamenu panel */
.submenu-design__megamenu {
  background: linear-gradient(180deg, var(--color-simple-dropdown, #ffffff) 0%, rgba(255, 243, 225, 0.95) 40%, rgba(253, 228, 228, 0.98) 100%) !important;
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.submenu-design__simple {
  background: linear-gradient(160deg, #fde7e7ff 0%, #d2ffe2ff 100%) !important;
}