/** Shopify CDN: Minification failed

Line 3140:8 Unexpected ".11"

**/
/* header css */
body .new_header-wrapper {
  background: transparent !important;
  /* position: fixed; */
  width: 100%;
  border-bottom: none;
  top: 0;
  z-index: 2;
}
#sale-offers a{font-weight:600;}
#flat-50-30-off .lvl-menu-wrapper{background-color:#8a0907;}
#flat-50-30-off .lvl-menu-wrapper a{color:#fff !important;}
#seasons-final-call .lvl-menu-wrapper a{color:#fff !important;}
#seasons-final-call .lvl-menu-wrapper{background-color:#FF0000;}
#clearance-sale .lvl-menu-wrapper a{color:#fff !important;}
#clearance-sale .lvl-menu-wrapper{background-color:#371810;}
#made-of-pakistan-sale .lvl-menu-wrapper{background-color:#03460a;}
#made-of-pakistan-sale .lvl-menu-wrapper a{color:#fff !important;}
#heritage-sale .lvl-menu-wrapper{background-color:#471e1e;}
#heritage-sale .lvl-menu-wrapper a{color:#fff !important;}
.new_submenu_accordian.lvl-1-menu-wrapper {
  position: absolute !important;
  top: 140px !important;     
  left: 40% !important; 
  right: auto !important;
  bottom: auto !important;
  display: block;
  /* min-width: 220px; */
  min-width: 50%;
  z-index: 99999;
}
.level-two-ul .grandchild_li a{font-size:16px !important;padding:2px .5em !important;}

body:has(.utility-bar) .new_header-wrapper {
  /* top: 52px; */
}

body .new_header-wrapper.header_fixed {
  background-color: #000 !important;
}

.new_header-wrapper .header_with_submenu {
  grid-template-areas: "left-icons submenu heading icons";
}
.new_header-wrapper .header {
  align-items: start;
  /* overflow: hidden; */
  .show_mbl {
    display: none;
  }
  .header__icon--cart {
    margin-right: 0;
  }
  #cart-icon-bubble {
    width: unset;
    .show_desktop {
      font-size: 1.2rem;
      i {
        border: 0px solid #000;
        padding: 0;
        font-style: normal;
        margin-left: 0;
        line-height: 16px;
        font-size: .9rem;
        color: #fff;
      }
    }
  }
}
.new-ethnic-svg {
  max-width: 350px;
  max-height: 100px;
  width: 100%;
}
.header__icon--menu[aria-expanded="true"]:before,
.new_header-wrapper .menu-opening #menu-drawer {
  /* height: 100vh; */
  height: calc(100dvh - 0px);
}
.header-logo-menu-wrapper {
  background: #000;
  grid-area: submenu;
  width: 100%;
  /* display: none; */
}
@media screen and (min-width: 990px) {
  .header-drawer-images .drawer-image-item:last-child .drawer-image-title {
  margin-bottom: 50px;
}
    .flex-menu-right {
    display: block;
    overflow-y: auto;     
    overflow-x: hidden;
    scroll-behavior: smooth;
    padding-right: 4px;
    height: auto;       
    z-index:1;
        scrollbar-width: none !important;
    -ms-overflow-style: none !important;   }

  .new_header_drawer_menus,
  .flex-menu-images,
  .flex-menu-left {
    overflow: visible !important;
  }

.header-drawer-images {
  display: flex !important;
  flex-direction: column;
}
.new_drawer_bottom_bar{width:75% !important;}
.drawer-image-item {
  flex: 0 0 auto; 
}


.drawer-image-item img {
  display: block;
}
    .flex-menu-right::-webkit-scrollbar {
 width: 0 !important;
    background: transparent !important; 
  }

.drawer-image-title {
  display: block;
  margin: 5px 0 20PX 0;
  font-size: 14px;
  text-align: left;
  COLOR: #828282;
  text-transform:uppercase;
  font-weight: 600;
}

.flex-menu-right::-webkit-scrollbar {
  width: 0;
  height: 0;
}

#menu-drawer .new_header_drawer_menus{    padding: 5rem !important;}
  .flex-menu-left{width:50%;        padding-top: 40px;
}
.kayseria-logo{width:auto !important;}
  .flex-menu-right{width:20%;}
  .flex-menu-left .main-menu-ul{width:80%;}
  .drawer-image-item img{width:100%;}
  .drawer-image-item a{text-decoration:none;color:#000;font-size:14px;text-align:center;}
  .drawer-image-item{    display: grid;}
  .flex-menu-images{display:flex;justify-content: space-between;}
  .new_header-wrapper .header_with_submenu {
    grid-template-columns: auto 1fr 1fr 1fr;
    grid-template-columns: auto 1fr auto; /* For header elements */
    grid-template-rows: auto auto; /* Two rows */
    grid-template-areas:
      "submenu submenu submenu"
      "left-icons heading icons";
    align-items: center;
  }

    .menu-open .header_fixed{padding-bottom:10px; display: grid;
    align-items: center;}
    .menu-drawer__inner-container .header__heading-logo-wrapper{width:40% !important;}
  #menu-drawer .new_header_drawer_submenu{width:60%;padding: 0 30px 0 40px !important;
        border-bottom: none !important;}
  .header-logo-menu-wrapper {
    grid-area: submenu;
    width: 100%;
  }
  .new_header-wrapper .menu-opening #menu-drawer {
    width:50%;
    padding-top: 1.2rem !important;
    /* left: 9rem; */
  }
  .menu-opening .header__icon--menu .icon {
    z-index: 11;
    top: 20px;
    /* right: 44%; */
    /* stroke:#fff; */
  }
}

.new_header-wrapper .new_header_submenu {
  grid-area: submenu;
  margin-left: 0px;
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
    /* min-height: 44px; */
    display: flex;
    align-items: center;
    justify-content: center;
    li {
      display: flex;
      a {
        display: inline-block;
        text-decoration: none;
        color: #000;
        font-size: 1.2rem;
        font-size: 0;
        text-transform: uppercase;
        padding: 0px 0px;
        position: relative;
        --afterColor: #000;
        text-align: center;
      }
    }
  }
}

body:not(.template-index) .new_header-wrapper .new_header_submenu {
  /* display: none !important; */
}

body.transparent_index .new_header-wrapper .new_header_submenu ul li a.active {
  --afterColor: #fff;
}
.new_header-wrapper .new_header_submenu ul li a.active::after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  background: var(--afterColor);
  background: #000;
  z-index: 1;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}

body.transparent_index .new_header-wrapper .icon.icon-hamburger {
  color: #fff;
}
.new_header-wrapper .header__icons {
  gap: 20px;
  align-items: center;
}
body.transparent_index .new_header-wrapper #cart-icon-bubble,
body.transparent_index .new_header-wrapper .header__icon--account,
body.transparent_index .new_header-wrapper .new_header_search_text,
body.transparent_index
  .new_header-wrapper
  .header__icon--search
  span.svg-wrapper {
  color: #000;
}
.new_header-wrapper #cart-icon-bubble {
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
}

.new_header-wrapper .header__icon--account {
  text-decoration: none;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.new_header-wrapper .new_header_search_text {
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
}
.new_header-wrapper .header__icon--search span.svg-wrapper {
  color: #000;
  font-size: 1.2rem;
}

.new_header-wrapper .header__icon.header__icon--search.header__icon--summary {
  color: #fff;
  text-decoration: none;
  width: 3rem;
}

.new_header-wrapper #menu-drawer {
  top: 0;
  padding-top: 15px;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none;
}
.new_header-wrapper #menu-drawer::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.new_header-wrapper .menu-drawer__navigation,
.new_header-wrapper .menu-drawer__navigation * {
  -ms-overflow-style: none !important; /* Internet Explorer 10+ */
  scrollbar-width: none !important;
}
.new_header-wrapper .menu-drawer__navigation::-webkit-scrollbar,
.new_header-wrapper .menu-drawer__navigation *::-webkit-scrollbar {
  display: none !important; /* Safari and Chrome */
}
.new_header-wrapper .header__icon--menu[aria-expanded="true"]::before {
  top: 0;
  z-index: 2;
}
#new_drawer_logo_close {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 10px 3rem;
  align-items: center;
}

#new_drawer_close {
  position: absolute;
  z-index: 111;
  top: 13px;
  width: 20px;
  height: 20px;
  right: 40px;
  cursor: pointer;
}

body .new_header-wrapper #cart-icon-bubble span {
  padding-bottom: 1px;
  height: auto;
  position: relative;
}
.new_header-wrapper .cart-count-bubble {
  top: 5px;
}

#menu-drawer {
  .menu-drawer__navigation-container {
    display: inline-block;
    width: 100%;
  }
  .new_header_drawer_submenu {
    padding: 0rem 3rem 2rem;
    border-bottom: 1px solid #000;
    .submenu-ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      gap:30px;
    }

    li {
      a {
        text-decoration: none;
        color: #000;
        font-size: 18px;
        text-transform: uppercase;
        padding: 0.5rem 0;
        position: relative;
            &.active {
          /* position: absolute;
          content: "";
          width: 5px;
          height: 5px;
          background: #000;
          z-index: 1;
          bottom: -5px;
          left: 50%;
          transform: translateX(-50%); */
              text-decoration: underline;
              font-weight:600;
    text-underline-offset: 5px;
        }
      }
    }
  }

  .new_header_drawer_menus {
    padding: 7rem 3rem 3rem;
    height: calc(100% - 190px);
    overflow: hidden;
    ul {
      list-style: none;
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden;
      overflow-y: scroll;
      scrollbar-width: none;
      li {
        display: block;
        font-weight:400;
        padding: 4px 0;
        a {
          color: #000;
          display: block;
          text-decoration: none;
          padding: 1rem;
          font-size: 1.4rem;
          line-height: 1.2;
          text-transform: uppercase;
          &.active {
            font-weight: 600;
            text-decoration:underline;
            text-underline-offset:5px;
          }
          &.has_submenu {
            position: relative;
            &:after {
              position: absolute;
              content: "+";
              right: 10px;
              width: 10px;
              height: 10px;
              display:none;
            }
            &.active:after {
              content: "-";
              display:none;
            }
          }
        }
      }
    }

    .new_submenu_accordian {
      margin-top: 10px;
      margin-left: 2rem;
      margin-bottom: 0rem;
      li {
        a {
          font-size: 1.4rem;
          padding: 5px 0.8rem;
        }
      }
    }
  }
}
.mbl_draw_lgo {
  display: none;
}
.new_drawer_fixed_nav {
  /* padding-top: 6rem;
  padding-bottom: 8rem; */
  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    li {
      display: block;
      a {
        display: block;
        padding: 1rem 3rem;
        color: #000;
        border-top: 1px solid #000;
        text-decoration: none;
        font-size: 1.2rem;
        line-height: 1.2;
        text-transform: uppercase;
      }
      &:last-child {
        a {
          border-bottom: 1px solid #000;
        }
      }
    }
  }
}

body:not(.transparent_index) {
  /* padding-top:115px; */
  .new_header-wrapper
    .header
    .header__icon--account
    .icon.header-menu-icon
    path,
  .new_header-wrapper .header .header__icon--cart .icon.header-menu-icon path {
    fill: #000 !important;
  }
  .cart-count-bubble {
    color: #000 !important;
  }
}

.new-header-second {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  z-index: 5;
  ul {
    list-style: none;
    margin: 0;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    li {
      a {
        text-decoration: none;
        color: #000;
        position: relative;
        &.active::after {
          position: absolute;
          content: "";
          width: 5px;
          height: 5px;
          background: #000;
          z-index: 1;
          bottom: -10px;
          left: 50%;
          transform: translateX(-50%);
        }
      }
    }
  }
}

.show_bottom_menu {
  .drawer_icon_search {
    display: none !important;
  }
}

@media screen and (max-width: 990px) {
.kayseria-logo{width:auto !important;}
  .new_header_drawer_menus{ -webkit-overflow-scrolling: auto;    overflow: auto !important;
}
  .new_drawer_bottom_bar{background:#fff;}
   .menu-opening .header__icon--menu .icon {
    top: 25px;
    right: 30px;
    /* stroke:#fff; */
  }
  .menu-drawer__inner-container .header__heading-logo-wrapper{padding-left:30px !important;}
  .flex-menu-images{    display: flex;
    flex-direction: column-reverse;gap:20px;}
        #menu-drawer .new_header_drawer_submenu .submenu-ul {
        justify-content: flex-start !important;}
    .flex-menu-right {
    -webkit-overflow-scrolling: touch;
  }

  .header-drawer-images {
          display: flex;
        flex-direction: row;

        justify-content: space-between;
  }

  .drawer-image-item {
    display: flex;             
    flex-direction: column;   
    align-items: center;
    height: auto;              
    width: auto;               
  }

  .drawer-image-item img {
    width: 100%;
    padding:0 3px;
    object-fit: contain;
  }
.drawer-image-link{text-decoration:none;}
  .drawer-image-title {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.3;
    text-align: left;
    text-decoration:none;
    white-space: normal;
    display: block;
    COLOR: #828282;
    text-transform:uppercase;
    font-weight: 500;
    padding-right:15px;
  }

  /* Hide scrollbar */
  .flex-menu-right::-webkit-scrollbar {
    height: 0;
  }
  body:not(.transparent_index) {
    /* padding-top: 13rem; */
    &.template_product {
      padding-top: 0;
    }
  }
  .show_bottom_menu {
    svg.icon.icon-hamburger,
    .new_header_submenu,
    .header__icon--account,
    .header__icon .icon.icon-search,
    .cart_icon,
    .cart-count-bubble {
      display: none !important;
    }
    #cart-icon-bubble span {
      display: block !important;
      margin-right: 12px;
      height: 17px;
    }
    svg.icon.icon-close {
      z-index: 2;
    }
  }
  .new-header-second.hidden {
    display: block !important;
  }
  .new_header-wrapper .header {
    padding: 0px 0rem;
    grid-template-columns: unset;
    .header__heading-link {
      padding: 0;
    }
    .new-drawer-logo {
      max-width: 100%;
      height: 65px;
    }
    .show_desktop {
      /* display: none !important; */
    }
    .show_mbl {
      /* display: block; */
    }
    .header__icon .svg-wrapper,
    .header__icon.header__icon--search.header__icon--summary {
      height: unset;
      width: 25px;
    }
    .header__icon .icon {
      height: 18px;
      width: 18px;
      vertical-align: unset;
      z-index: 2;
      &.icon-search {
        position: relative;
        top: 2px;
      }
    }
    .cart_icon {
      width: 20px;
      height: 20px;
      svg {
        width: 15px;
        height: 15px;
        path {
          fill: #fff;
        }
      }
    }
    .header__icon--account {
      width: 28px !important;
    }
  }
  .new_header-wrapper .header_with_submenu {
    grid-template-areas:
      "left-icons icon    icons  "
      "heading    heading heading"
      "submenu    submenu submenu";
    gap: 0px !important;
    padding-top: 0px;
    padding-bottom: 0;
    grid-template-columns: auto 1fr auto; /* For header elements */
    grid-template-rows: auto auto; /* Two rows */
    grid-template-areas:
      "submenu submenu submenu"
"left-icons heading icons";
    align-items: center;
  }
  .new_header-wrapper .new_header_submenu {
    display: flex;
    /* justify-content: center; */
    margin-left: 0px;
    overflow: hidden;
    /* overflow-x: scroll;
    scrollbar-width: none; */
  }
  .new_header-wrapper .header__icon.header__icon--search.header__icon--summary {
    min-width: auto;
    border-bottom: none !important;
  }
  /* .menu-drawer__inner-container .new-drawer-logo{
      display:none;
    } */
  .drawer_icon_search,
  .mbl_draw_lgo {
    display: none;
  }
  .menu-open {
    .mbl_draw_lgo {
      display: block;
      position: absolute;
      z-index: 3;
      top: 0;
      left: 45px;
      svg {
        max-width: 200px !important;
        height: 50px !important;
      }
    }
    #cart-icon-bubble {
      i {
        border: 1px solid #000 !important;
      }
    }

    .cart-count-bubble,
    #cart-icon-bubble span {
      color: #000 !important;
    }
    .new_header-wrapper {
      #menu-drawer {
        top: 0px;
        padding-top: 10px;
      }
      .header__icons {
        /* position:relative;
        z-index: 2; */
        svg path {
          fill: #000 !important;
        }
      }
      .header .header__icon .icon {
        color: #000 !important;
      }
    }
    .header__icon--menu[aria-expanded="true"]::before {
      background: #fff;
    }
    .drawer_icon_search {
      display: block;
      svg {
        height: 16px;
        width: 15px;
        position: relative;
        top: 4px;
        left: 8px;
      }
    }
  }
}

.menu-open {
  .menu-drawer__inner-container {
    overflow: hidden;
    /* overflow-y: scroll; */
  }
  .header_fixed {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 2;
        padding: 20px 20px 0 20px;
  }
  .new_header_drawer_submenu {
    background: #fff;
  }
  .menu-drawer__navigation-container {
    padding-top: 62px;
    overflow: auto;
    /* padding-bottom: 180px; */
  }
}
@media screen and (max-width: 768px) {

  #mobile-submenu-overlay .level-one-ul:has(a[href*="jashan-sale26"]),
  #mobile-submenu-overlay .level-one-ul:has(a[href*="jashan-sale26"]) .lvl-2-menu-wrapper{
    background: #8a0907 !important;
  }

  #mobile-submenu-overlay .level-one-ul:has(a[href*="jashan-sale26"]){
    margin-left:34px !important;
    width:90%;
  }
#mobile-submenu-overlay .level-two-ul:has(a[href*="jashan-sale26"]) > li > a,
  #mobile-submenu-overlay .level-one-ul:has(a[href*="jashan-sale26"]) > li > a{
    color:#fff !important;
    background:transparent !important;
    margin-top:0 !important;
    
  }

  

  #mobile-submenu-overlay
  .level-one-ul:has(a[href*="made-of-pakistan-sale26"]) {
    background-color: #03460a !important;
            margin-left: 34px !important;
        width: 90%;
  }

  #mobile-submenu-overlay
  .level-one-ul:has(a[href*="made-of-pakistan-sale26"]) > li,
  #mobile-submenu-overlay
  .level-one-ul:has(a[href*="made-of-pakistan-sale26"]) > li > a {
    background-color: transparent !important;
    color: #fff !important;
  }

    #mobile-submenu-overlay
  .level-one-ul:has(a[href*="azadi-sale26"]) {
    background-color: #471e1e !important;
            margin-left: 34px !important;
        width: 90%;
  }

  #mobile-submenu-overlay
  .level-one-ul:has(a[href*="azadi-sale26"]) > li,
  #mobile-submenu-overlay
  .level-one-ul:has(a[href*="azadi-sale26"]) > li > a {
    background-color: transparent !important;
    color: #fff !important;
  }


  .menu-open .new_header-wrapper .header__icons {
    position: relative;
  }
  .menu-open .header_fixed{padding: 10px 0 !important;}
  #menu-drawer .new_header_drawer_submenu{border:none !important;margin-top:-10px;}
  #menu-drawer .new_header_drawer_submenu .submenu-ul {
    justify-content: center;
    gap: 2rem;
  }
  .template_product.overflow-hidden-desktop
    section.new-main-product
    .new-main-inner
    .new-fixed-btn-mbl-main,
  .template_product.overflow-hidden-desktop
    section.new-main-product
    .new-main-inner
    .new-info-main {
    z-index: 1;
  }

  .menu-open {
    .menu-drawer__navigation-container {
      margin-top: 50px;
    }
  }
}
/* header css ends here */

body:not(.transparent_index) .new_header-wrapper {
  position: relative;
  top: unset;
}

@media screen and (max-width: 749px) {
  #menu-drawer .new_header_drawer_menus {
    padding: 0 2rem 70px;
  }
}

/*  */

@media screen and (max-width: 990px) {
  summary.header__icon.header__icon--menu.header__icon--summary.link.focus-inset {
    /* position: absolute; */
    z-index: 13;
  }
  details.menu-drawer-container[open] summary {
    position: absolute;
    right: 0;
  }
  .menu-open .header__icon--menu[aria-expanded="true"]:before {
    background: transparent;
    height: auto;
  }
}

.new_drawer_bottom_bar {
  display: flex;
  width: 100%;
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 30px;
  /* margin: 10px 0; */
  position: fixed;
  left: 0;
  bottom: 60px;
   background: #fff;
  flex-direction: column;
  align-items: flex-start;
}

.new_drawer_bottom_bar .drawer_bottom_item {
  width: 100%;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  padding: 0 10px;
  line-height:12px;
  /* border: 1px solid; */
}

.new_drawer_bottom_bar .drawer_bottom_item a.drawer_bottom_item_link:hover {
    font-weight: 800;
}

.new_drawer_bottom_bar .drawer_bottom_item a.drawer_bottom_item_link {
    line-height: 12px;
    font-size: 12px;
    text-decoration: none;
    color: #000;
}

.new_drawer_bottom_bar .drawer_bottom_item .drawer_bottom_bar_icon {
  width: 45px;
  height: 45px;
}

.menu-open .menu-drawer__inner-container::-webkit-scrollbar {
  width: 2px;
}

.menu-open .menu-drawer__inner-container::-webkit-scrollbar-thumb {
  background: #888;
}

.menu-open .menu-drawer__inner-container::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.menu-open .menu-drawer__inner-container::-webkit-scrollbar-track {
  background: #f1f1f1;
}



@media (max-width: 549px) {
  .new_header-wrapper .new_header_submenu {
    /* position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 10%); */
    width:100%;
  }
  .new_header-wrapper .new_header_submenu ul li a {
    font-size: 1rem;
    line-height: 1.5rem;
    font-size: 0rem;
    line-height: 0rem;
  }

  .header__icons {
    padding-right: 20px;
  }
  .new_header-wrapper .header__icons {
    gap: 20px;
  }
  .new_header-wrapper
    .header
    .header__icon.header__icon--search.header__icon--summary {
    width: 20px;
    margin-top: -1px;
  }
}

.template-index .header-logo-menu-wrapper {
  display: block;
}

@media (min-width: 750px) {
.lvl-2-menu{margin:10px 0 0 0;}
.child_li a{font-size:16px !important;padding: 2px .8rem !important;}
#menu-drawer .new_header_drawer_menus ul li a{font-size:18px;padding: 1rem;}
.child_li .lvl-2-menu{font-size:18px !important;font-weight:600;pointer-events:none;}
.lvl-2-menu-wrapper{margin: 0 0 10px 0 !important;}
  .new_header-wrapper .show_desktop {
    font-size: 1.4rem !important;
  }
}

/*  */
a.has_submenu.active + .hidden {
  display: block !important;
}
li.main_li.jashan-sale25 * {
    color: #fff !important;
}




/* .new_drawer_bottom_bar .drawer_bottom_item.drawer_bottom_item_store_locator:first-child,
.new_drawer_bottom_bar .drawer_bottom_item.drawer_bottom_item_store_locator:nth-child(5) {
    display: block;
} */

.drawer_bottom_item.drawer_bottom_item_store_locator {
    display: none;
}

.lc-template .new_submenu_btn[data-slide="slide_kids"], 
.lc-template .new_submenu_btn[data-slide="slide_kids"] .new_submenu_brand {
    font-weight: 800;
    letter-spacing: 1px;
}

.shahnameh-template .new_submenu_btn[data-slide="slide_men"], 
.shahnameh-template .new_submenu_btn[data-slide="slide_men"] .new_submenu_brand {
    font-weight: 800;
    letter-spacing: 1px;
}

.all-other-pages .new_submenu_btn[data-slide="slide_brands"],
.all-other-pages  .new_submenu_btn[data-slide="slide_brands"] .new_submenu_brand {
    font-weight: 800;
    letter-spacing: 1px;
}
@media (max-width:749px){
/* .child_li + .child_li {
  margin-top: 10px;
} */
  .level-one-ul{margin-top:-47px !important;margin-left:20px !important;}
    
  .level-two-ul .grandchild_li a{font-size:13px !important;padding: 5px 0 0 30px !important;}
  #menu-drawer .new_header_drawer_submenu li a{font-size:14px;}
  .new_header_drawer_submenu li a.active {font-weight:600;}
  .lvl-2-menu{font-weight:600;font-size:15px !important;margin-top:10px;}
  .new_header-wrapper .new_header_submenu ul{
    width:100%;
    justify-content: space-between;
    padding: 0px 15px;
  }
  .new_header-wrapper .new_header_submenu ul li {
    justify-content: center;
  }
  .new_header-wrapper .new_header_submenu ul li a{
    width:100%;
  }
}

li.main_li.winter25, li.main_li.the-winter-edit25 {
    font-weight: 800;
}
.header__icon--cart .show_desktop:hover,
span.svg-wrapper.show_desktop.text:hover {
    transform: scale(1.15);
}



/* 
#new-arrivals .lvl-1-menu{color:#9e6e4d !important;}
#flat-30-flat-20-off .lvl-1-menu{color:#ba4432 !important;}
#further-reduction .lvl-1-menu{color:#9e1c20 !important;}
#flat-30-off .lvl-1-menu{color:#ff5700 !important;}
#special-offers .lvl-1-menu{color:#9e1c20 !important;}
#tab_kids #new-arrivals > a{
  color:#9e6e4d !important;
}
#tab_men #new-arrivals > a{
  color:#9e6e4d !important;
} */
.level-one-ul a[href="/collections/eid-ii-ready-to-wear"]::after,
.level-one-ul a[href="/collections/eid-ii-unstitched"]::after,
.main-menu-ul a[href="https://sefam.com/collections/eid-ii"]::after {
  content: " NEW";
  color: #df0050;
  font-size: 10px;
  font-weight: 700;
  margin-left: 6px;
  animation: blinkNew 1s infinite;
  position: relative;
  top: -6px;
}

@keyframes blinkNew {
  50% {
    opacity: 0;
  }
}
.master-template .header__heading-link.link,
.template-suffix-master .header__heading-link.link,
.template-suffix-master-2 .header__heading-link.link {
    margin-right: 0;
}

a.kayseria-link img {
    display: block;
    width: 100%;
}
.hdr-whatsapp{
  line-height:1;
}
.hdr-float{
  width:25px;
  height:25px;
}


@media (max-width:749px){
  .hdr-float{
    width:22px;
    height:22px;
  }

  /* .template-index .section-header.menu-open details-modal.header__search.small-hide {
    margin-top:-35px;
  }
  .section-header.menu-open details-modal.header__search.small-hide {
      display: block !important;
      margin-top: 25px;
      margin-right:-3rem;
      z-index: 9;
  }
  .kayseria-template .section-header.menu-open details-modal.header__search.small-hide {
    margin-top:25px;
  } */

  .search-modal.modal__content{
      position: fixed;
      left: 0;
      top: 80px !important;
      z-index: 11;
      height: -webkit-fill-available !important;
      align-content: flex-start;
      row-gap: 2rem;
      top:0px !important;
      height:max-content !important;
      opacity:1;
  }
   a.master-link img {
    max-width: 80%;
    margin: auto;
  }
}

/* =========================================================
   CLEAN DRAWER OVERRIDES
   Built on the ORIGINAL CSS.
   - Desktop: 3 columns, click-only L1 submenu, NO back button
   - Mobile: 3 layers, one layer visible at a time
   - Drawer logos hidden
   - Existing menu colors are not overridden
   ========================================================= */

/* Hide drawer logos only. Header/site logo outside the drawer is untouched. */
#menu-drawer .header__heading-logo-wrapper-drawer,
#menu-drawer .kayseria-logo,
#menu-drawer .lc-logo,
#menu-drawer .men-logo,
#menu-drawer .site-logo,
#menu-drawer .mbl_draw_lgo {
  display: none !important;
}

/* Remove logo/header space inside drawer. */
#menu-drawer .header_fixed {
  padding: 0 !important;
  margin: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  position: static !important;
  background: transparent !important;
}

/* ---------------- DESKTOP ---------------- */
@media screen and (min-width: 990px) {
  .new_header-wrapper .menu-opening #menu-drawer {
    width: min(92vw, 1100px) !important;
    height: 100dvh !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  #menu-drawer .menu-drawer__inner-container {
    position: relative !important;
    height: 100% !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  /* No mobile/back UI on desktop. */
  #menu-drawer .drawer-mobile-back,
  #menu-drawer .mobile-back-btn,
  #menu-drawer #mobile-submenu-overlay {
    display: none !important;
  }

  /* Column 1: WOMEN / MEN / KIDS / BRANDS */
  #menu-drawer .new_header_drawer_submenu {
    position: absolute !important;
    top: 80px !important;
    left: 34px !important;
    width: 130px !important;
    height: calc(100dvh - 70px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
  }

  #menu-drawer .new_header_drawer_submenu .submenu-ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 26px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu-drawer .new_header_drawer_submenu .submenu-ul-li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Same font size/style as original desktop Level 1 links.
     NO color declaration here. */
  #menu-drawer .new_header_drawer_submenu li a {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
  }

  #menu-drawer .new_header_drawer_submenu li a.active,
  #menu-drawer .new_header_drawer_submenu li a.drawer-dept-active {
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 5px !important;
  }

  /* Desired order */
  #menu-drawer .new_header_drawer_submenu a[data-tab="tab_women"] { order: 1; }
  #menu-drawer .new_header_drawer_submenu a[data-tab="tab_men"] { order: 2; }
  #menu-drawer .new_header_drawer_submenu a[data-tab="tab_kids"] { order: 3; }
  #menu-drawer .new_header_drawer_submenu a[data-tab="tab_brands"] { order: 4; }

  #menu-drawer .new_header_drawer_submenu li:has(a[data-tab="tab_women"]) { order: 1; }
  #menu-drawer .new_header_drawer_submenu li:has(a[data-tab="tab_men"]) { order: 2; }
  #menu-drawer .new_header_drawer_submenu li:has(a[data-tab="tab_kids"]) { order: 3; }
  #menu-drawer .new_header_drawer_submenu li:has(a[data-tab="tab_brands"]) { order: 4; }

  /* Column 2 + 3 area */
  #menu-drawer .menu-drawer__navigation-container {
    position: absolute !important;
    top: 80px !important;
    left: 195px !important;
    right: 34px !important;
    height: calc(100dvh - 70px) !important;
    margin: 0 !important;
    padding: 0 0 70px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
  }

  #menu-drawer .new_header_drawer_menus {
    position: relative !important;
    width: 100% !important;
    min-height: 520px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #menu-drawer .flex-menu-images,
  #menu-drawer .flex-menu-left {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #menu-drawer .flex-menu-right {
    display: none !important;
  }

  /* Column 2: Level 1 */
  #menu-drawer .main-menu-ul {
    position: relative !important;
    width: 80% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #menu-drawer .main-menu-ul > .main_li {
    position: static !important;
    width: 270px !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
  }

  #menu-drawer .main-menu-ul > .main_li > a {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    /* font-weight: 400 !important; */
  }

  /* Column 3 is click-only. Never open on hover. */
  #menu-drawer .main-menu-ul > .main_li > .lvl-1-menu-wrapper,
  #menu-drawer .main-menu-ul > .main_li:hover > .lvl-1-menu-wrapper,
  #menu-drawer .main-menu-ul > .main_li:focus-within > .lvl-1-menu-wrapper,
  #menu-drawer .main-menu-ul > .main_li > a.active + .lvl-1-menu-wrapper {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  #menu-drawer .main-menu-ul > .main_li.desktop-l1-open > .lvl-1-menu-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 0 !important;
    left: 300px !important;
    right: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 40px 24px !important;
    box-sizing: border-box !important;
  }

  #menu-drawer .main_li.desktop-l1-open > .lvl-1-menu {
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 5px !important;
  }

  #menu-drawer .lvl-1-menu-wrapper .level-one-ul {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #menu-drawer .lvl-1-menu-wrapper .child_li {
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
  }

  #menu-drawer .lvl-1-menu-wrapper .lvl-2-menu-wrapper {
    display: block !important;
    position: static !important;
    width: 100% !important;
    margin: 5px 0 16px !important;
    padding: 0 0 0 16px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Keep original utility/nav areas from overlapping the 3 columns. */
  #menu-drawer .new_drawer_fixed_nav,
  #menu-drawer .new_drawer_bottom_bar {
    display: none !important;
  }
}

/* ---------------- MOBILE / TABLET ---------------- */
@media screen and (max-width: 989px) {
  .new_header-wrapper .menu-opening #menu-drawer {
    width: 100% !important;
    height: 100dvh !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  #menu-drawer .menu-drawer__inner-container {
    position: relative !important;
    height: 85% !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  /* Layer 1: only WOMEN / MEN / KIDS / BRANDS */
  #menu-drawer .new_header_drawer_submenu {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 72px 16px 60px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    overflow-y: auto !important;
    background: #fff !important;
  }

  #menu-drawer .new_header_drawer_submenu .submenu-ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu-drawer .new_header_drawer_submenu .submenu-ul-li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu-drawer .new_header_drawer_submenu li a {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  #menu-drawer .new_header_drawer_submenu li:has(a[data-tab="tab_women"]) { order: 1; }
  #menu-drawer .new_header_drawer_submenu li:has(a[data-tab="tab_men"]) { order: 2; }
  #menu-drawer .new_header_drawer_submenu li:has(a[data-tab="tab_kids"]) { order: 3; }
  #menu-drawer .new_header_drawer_submenu li:has(a[data-tab="tab_brands"]) { order: 4; }

  /* Navigation area is hidden on Layer 1. */
  #menu-drawer .menu-drawer__navigation-container {
    display: none !important;
  }

  /* #menu-drawer.mobile-layer-2 .new_header_drawer_submenu, */
  #menu-drawer.mobile-layer-2 .new_header_drawer_submenu ul,
  #menu-drawer.mobile-layer-3 .new_header_drawer_submenu {
    display: none !important;
  }

  #menu-drawer.mobile-layer-2 .menu-drawer__navigation-container,
  #menu-drawer.mobile-layer-3 .menu-drawer__navigation-container {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 26px 70px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
  }

  /* Back exists ONLY on mobile/tablet. */
  #menu-drawer .drawer-mobile-back {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 64px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
    color: inherit !important;
    font: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: left !important;
    cursor: pointer !important;
  }

  #menu-drawer .drawer-mobile-back svg {
    flex: 0 0 auto !important;
  }

  #menu-drawer .new_header_drawer_menus {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #menu-drawer .flex-menu-images,
  #menu-drawer .flex-menu-left,
  #menu-drawer .main-menu-ul {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #menu-drawer .flex-menu-right,
  #menu-drawer .new_drawer_fixed_nav,
  #menu-drawer .new_drawer_bottom_bar {
    display: none !important;
  }

  /* Layer 2: only department Level 1 menu */
  #menu-drawer.mobile-layer-2 .main-menu-ul > .main_li {
    display: block !important;
    width: 100% !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
  }

  #menu-drawer.mobile-layer-2 .main-menu-ul > .main_li > a {
    display: inline-block !important;
    width: auto !important;
    padding: 4px 0 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  #menu-drawer.mobile-layer-2 .main-menu-ul > .main_li > .lvl-1-menu-wrapper {
    display: none !important;
  }

  /* Layer 3: only submenu belonging to clicked Level 1 */
  #menu-drawer.mobile-layer-3 .main-menu-ul > .main_li {
    display: none !important;
  }

  #menu-drawer.mobile-layer-3 .main-menu-ul > .main_li.mobile-l3-open {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu-drawer.mobile-layer-3 .main_li.mobile-l3-open > .lvl-1-menu {
    display: none !important;
  }

  #menu-drawer.mobile-layer-3 .main_li.mobile-l3-open > .lvl-1-menu-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  #menu-drawer.mobile-layer-3 .level-one-ul {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu-drawer.mobile-layer-3 .level-one-ul > .child_li {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  #menu-drawer.mobile-layer-3 .level-one-ul > .child_li > a {
    display: inline-block !important;
    width: auto !important;
    padding: 4px 0 !important;
    line-height: 1.3 !important;
  }

  #menu-drawer.mobile-layer-3 .lvl-2-menu-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: 100% !important;
    margin: 5px 0 16px !important;
    padding: 0 0 0 16px !important;
  }

  #menu-drawer.mobile-layer-3 .level-two-ul {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* =========================================================
   DESKTOP VISIBILITY FIX
   Ensure active department Level 1 and clicked submenu show.
   ========================================================= */
@media screen and (min-width: 990px) {

  /* Original Liquid has inline display:none on department panels.
     The active JS state must always win over that inline value. */
  #menu-drawer .new_header_drawer_menus {
    display: none !important;
  }

  #menu-drawer .new_header_drawer_menus.drawer-panel-active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Level 1 list must be visible inside the active department. */
  #menu-drawer .new_header_drawer_menus.drawer-panel-active .flex-menu-images,
  #menu-drawer .new_header_drawer_menus.drawer-panel-active .flex-menu-left,
  #menu-drawer .new_header_drawer_menus.drawer-panel-active .main-menu-ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #menu-drawer .new_header_drawer_menus.drawer-panel-active .main-menu-ul > .main_li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Clicked Level 1 opens its submenu in column 3. */
  #menu-drawer
    .new_header_drawer_menus.drawer-panel-active
    .main-menu-ul
    > .main_li.desktop-l1-open
    > .lvl-1-menu-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* =========================================================
   DESKTOP 3-STAGE EXPANDING DRAWER
   Reference behavior:
   1. Narrow drawer: brand list only
   2. Brand click: brand Level-1 menu appears
   3. Level-1 click: all direct child groups show together
   Mobile / tablet is untouched.
   ========================================================= */
@media screen and (min-width: 990px) {

  /* ---------- Common drawer ---------- */
  .new_header-wrapper .menu-opening #menu-drawer,
  .new_header-wrapper #menu-drawer {
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    height: 100dvh !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
    border: 0 !important;
    box-shadow: none !important;
    transition: width .28s ease !important;
  }

  #menu-drawer .menu-drawer__inner-container {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  /* Drawer logos stay hidden */
  #menu-drawer .header__heading-logo-wrapper-drawer,
  #menu-drawer .kayseria-logo,
  #menu-drawer .lc-logo,
  #menu-drawer .men-logo,
  #menu-drawer .site-logo,
  #menu-drawer .mbl_draw_lgo {
    display: none !important;
  }

  #menu-drawer .header_fixed {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* No back UI on desktop */
  #menu-drawer .drawer-mobile-back,
  #menu-drawer .mobile-back-btn,
  #menu-drawer #mobile-submenu-overlay {
    display: none !important;
  }

  /* ---------- Width by state ---------- */

  /* State 1 — reference narrow drawer */
  #menu-drawer.desktop-root {
    width: 500px !important;
    max-width: 500px !important;
    min-width: 500px !important;
  }

  /* State 2 — brand + Level-1 */
  #menu-drawer.desktop-brand-open {
    width: min(900px, 78vw) !important;
    max-width: min(900px, 78vw) !important;
    min-width: min(760px, 78vw) !important;
  }

  /* State 3 — brand + Level-1 + child group columns */
  #menu-drawer.desktop-child-open {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
  }

  /* ---------- Column 1: brand list ---------- */
  #menu-drawer .new_header_drawer_submenu {
    position: absolute !important;
    top: 90px !important;
    left: 38px !important;
    width: 190px !important;
    height: calc(100dvh - 125px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 5 !important;
  }

  #menu-drawer .new_header_drawer_submenu .submenu-ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 28px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu-drawer .new_header_drawer_submenu .submenu-ul-li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu-drawer .new_header_drawer_submenu li a {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  #menu-drawer .new_header_drawer_submenu li a.active,
  #menu-drawer .new_header_drawer_submenu li a.drawer-dept-active {
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 5px !important;
  }

  /* State 1 uses full narrow drawer width for the brand list */
  #menu-drawer.desktop-root .new_header_drawer_submenu {
    width: calc(100% - 76px) !important;
  }

  /* ---------- Main navigation container ---------- */
  #menu-drawer .menu-drawer__navigation-container {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 90px 36px 70px !important;
    background: #fff !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
  }

  #menu-drawer .menu-drawer__navigation-container::-webkit-scrollbar {
    display: none !important;
  }

  /* State 1: hide everything except brand list */
  #menu-drawer.desktop-root .menu-drawer__navigation-container {
    display: none !important;
  }

  /* State 2/3: nav starts after brand rail */
  #menu-drawer.desktop-brand-open .menu-drawer__navigation-container,
  #menu-drawer.desktop-child-open .menu-drawer__navigation-container {
    display: block !important;
    left: 250px !important;
    right: 0 !important;
    width: auto !important;
  }

  /* Fine divider like reference */
  #menu-drawer.desktop-brand-open .menu-drawer__navigation-container,
  #menu-drawer.desktop-child-open .menu-drawer__navigation-container {
    border-left: 1px solid rgba(0,0,0,.14) !important;
  }

  /* ---------- Active brand panel ---------- */
  #menu-drawer .new_header_drawer_menus {
    position: relative !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 100% !important;
    min-height: calc(100dvh - 160px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #menu-drawer .new_header_drawer_menus.drawer-panel-active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #menu-drawer .flex-menu-images,
  #menu-drawer .flex-menu-left {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #menu-drawer .flex-menu-right {
    display: none !important;
  }

  /* ---------- State 2: Level-1 list ---------- */
  #menu-drawer .main-menu-ul {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #menu-drawer .main-menu-ul > .main_li {
    position: static !important;
    display: block !important;
    width: 300px !important;
    margin: 0 0 25px !important;
    padding: 0 !important;
  }

  #menu-drawer .main-menu-ul > .main_li > a {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    /* font-weight: 400 !important; */
    text-decoration: none !important;
    text-transform: uppercase !important;
  }

  #menu-drawer .main_li.desktop-l1-open > .lvl-1-menu {
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 5px !important;
  }

  /* No hover opening */
  #menu-drawer .main-menu-ul > .main_li > .lvl-1-menu-wrapper,
  #menu-drawer .main-menu-ul > .main_li:hover > .lvl-1-menu-wrapper,
  #menu-drawer .main-menu-ul > .main_li:focus-within > .lvl-1-menu-wrapper,
  #menu-drawer .main-menu-ul > .main_li > a.active + .lvl-1-menu-wrapper {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  li.main_li.new-arrivals a {
    font-weight: 500 ;
  }
  /* ---------- State 3: child groups ---------- */
  #menu-drawer.desktop-child-open
    .new_header_drawer_menus.drawer-panel-active
    .main-menu-ul
    > .main_li.desktop-l1-open
    > .lvl-1-menu-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: -90px !important;
    left: 340px !important;
    right: -36px !important;
    width: auto !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 90px 38px 70px !important;
    box-sizing: border-box !important;
    border-left: 1px solid rgba(0,0,0,.14) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 10 !important;
  }

  /* Every direct child_li becomes its own visible column.
     If there are 2 child groups, both show in one click. */
  #menu-drawer.desktop-child-open
    .main_li.desktop-l1-open
    > .lvl-1-menu-wrapper
    > .level-one-ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    align-items: start !important;
    gap: 0 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #menu-drawer.desktop-child-open
    .main_li.desktop-l1-open
    > .lvl-1-menu-wrapper
    > .level-one-ul
    > .child_li {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 36px 40px !important;
    box-sizing: border-box !important;
    background: transparent;
  }

  #menu-drawer.desktop-child-open
    .main_li.desktop-l1-open
    > .lvl-1-menu-wrapper
    > .level-one-ul
    > .child_li + .child_li {
    border-left: 1px solid rgba(0,0,0,.14) !important;
  }

  /* Child group title */
  #menu-drawer.desktop-child-open
    .level-one-ul
    > .child_li
    > a {
    display: inline-block !important;
    width: auto !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
  }

  /* Show the complete child group's grandchildren immediately */
  #menu-drawer.desktop-child-open
    .level-one-ul
    > .child_li
    > .lvl-2-menu-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu-drawer.desktop-child-open .level-two-ul {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu-drawer.desktop-child-open .level-two-ul > .grandchild_li {
    display: block !important;
    width: 100% !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
  }

  #menu-drawer.desktop-child-open .level-two-ul > .grandchild_li > a {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
  }

  /* Hide old utility areas on desktop */
  #menu-drawer .new_drawer_fixed_nav,
  #menu-drawer .new_drawer_bottom_bar {
    display: none !important;
  }
}

/* =========================================================
   DESKTOP STAGE 3 REFINEMENT
   - Do NOT expand to full screen
   - Stack child groups vertically in one right column
   ========================================================= */
@media screen and (min-width: 990px) {

  /* Keep Stage 3 at a controlled drawer width */
  #menu-drawer.desktop-child-open {
    width: min(1100px, 86vw) !important;
    max-width: min(1100px, 86vw) !important;
    min-width: min(900px, 86vw) !important;
  }

  /* Right-side child area stays inside the drawer */
  #menu-drawer.desktop-child-open
    .new_header_drawer_menus.drawer-panel-active
    .main-menu-ul
    > .main_li.desktop-l1-open
    > .lvl-1-menu-wrapper {
    top: -90px !important;
    left: 340px !important;
    right: 0 !important;
    width: auto !important;
    min-height: calc(100dvh - 0px) !important;

    margin: 0 !important;
    padding: 90px 40px 70px !important;

    border-left: 1px solid rgba(0,0,0,.14) !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  /* IMPORTANT:
     Child groups are now stacked vertically,
     not shown as separate horizontal columns. */
  #menu-drawer.desktop-child-open
    .main_li.desktop-l1-open
    > .lvl-1-menu-wrapper
    > .level-one-ul {
    display: block !important;
    width: 100% !important;
    max-width: 360px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }

  #menu-drawer.desktop-child-open
    .main_li.desktop-l1-open
    > .lvl-1-menu-wrapper
    > .level-one-ul
    > .child_li {
    display: block !important;
    width: 100% !important;

    /* margin: 0 0 34px !important; */
    padding: 0 !important;

    border-left: 0 !important;
    border-right: 0 !important;

    background: transparent;
  }

  /* Space between groups like:
     COLLECTIONS ... then NEW ARRIVALS ... */
  #menu-drawer.desktop-child-open
    .main_li.desktop-l1-open
    > .lvl-1-menu-wrapper
    > .level-one-ul
    > .child_li + .child_li {
    /* margin-top: 34px !important; */
    border-left: 0 !important;
  }

  /* Group heading */
  #menu-drawer.desktop-child-open
    .level-one-ul
    > .child_li
    > a {
    display: inline-block !important;

    width: auto !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
  }

  /* Items below each group heading */
  #menu-drawer.desktop-child-open
    .level-one-ul
    > .child_li
    > .lvl-2-menu-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: static !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  #menu-drawer.desktop-child-open .level-two-ul {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  #menu-drawer.desktop-child-open .level-two-ul > .grandchild_li {
    display: block !important;

    width: 100% !important;

    margin: 0 0 14px !important;
    padding: 0 !important;
  }

  #menu-drawer.desktop-child-open .level-two-ul > .grandchild_li > a {
    display: inline-block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
  }
}


/* DESKTOP COMPACT WIDTH */
@media screen and (min-width: 990px) {
  #menu-drawer.desktop-root { width:500px!important;max-width:500px!important;min-width:500px!important; }
  #menu-drawer.desktop-brand-open { width:650px!important;max-width:650px!important;min-width:650px!important; }
  #menu-drawer.desktop-brand-open .new_header_drawer_submenu { left:34px!important;width:185px!important; }
  #menu-drawer.desktop-brand-open .menu-drawer__navigation-container { left:245px!important;right:0!important;width:auto!important;padding-left:35px!important;padding-right:25px!important;border-left:1px solid rgba(0,0,0,.14)!important; }
  #menu-drawer.desktop-brand-open .main-menu-ul > .main_li { width:100%!important;max-width:330px!important; }
  #menu-drawer.desktop-child-open { width:min(900px,86vw)!important;max-width:min(900px,86vw)!important;min-width:min(820px,86vw)!important; }
  #menu-drawer.desktop-child-open .new_header_drawer_submenu { left:34px!important;width:185px!important; }
  #menu-drawer.desktop-child-open .menu-drawer__navigation-container { left:245px!important;right:0!important;width:auto!important;padding-left:35px!important;padding-right:0!important; }
  #menu-drawer.desktop-child-open .main-menu-ul > .main_li { width:275px!important; }
  #menu-drawer.desktop-child-open .new_header_drawer_menus.drawer-panel-active .main-menu-ul > .main_li.desktop-l1-open > .lvl-1-menu-wrapper { left:305px!important;right:0!important;width:auto!important;padding-left:34px!important;padding-right:30px!important; }
  #menu-drawer.desktop-child-open .main_li.desktop-l1-open > .lvl-1-menu-wrapper > .level-one-ul { display:block!important;width:100%!important;max-width:320px!important;margin:0!important;padding:0!important; }
}

/* =========================================================
   DESKTOP THIRD COLUMN TYPOGRAPHY FIX
   Rule:
   - A child heading WITH its own submenu -> bold
   - A child item WITHOUT a submenu -> normal weight
   - Grandchild/submenu items -> normal weight
   ========================================================= */
@media screen and (min-width: 990px) {

  /* Default every direct third-column child item to normal */
  #menu-drawer.desktop-child-open
    .level-one-ul
    > .child_li
    > a {
    font-weight: 400 !important;
  }

  /* Only headings that actually contain a submenu are bold */
  #menu-drawer.desktop-child-open
    .level-one-ul
    > .child_li:has(> .lvl-2-menu-wrapper)
    > a {
    font-weight: 600 !important;
  }

  /* Safety: if wrapper exists but is empty, don't treat it as a heading */
  #menu-drawer.desktop-child-open
    .level-one-ul
    > .child_li:has(> .lvl-2-menu-wrapper:empty)
    > a {
    font-weight: 400 !important;
  }

  /* All submenu items under the heading remain normal */
  #menu-drawer.desktop-child-open
    .level-one-ul
    > .child_li
    > .lvl-2-menu-wrapper
    .grandchild_li
    > a {
    font-weight: 400 !important;
  }
}

/* =========================================================
   THIRD COLUMN FONT WEIGHT — FINAL FIX
   ========================================================= */
@media screen and (min-width: 990px) {

  /* Every direct third-column item is NORMAL by default */
  #menu-drawer.desktop-child-open
  .level-one-ul
  > .child_li
  > a {
    font-weight: 400 !important;
  }

  /* BOLD only when the child item contains actual submenu items */
  #menu-drawer.desktop-child-open
  .level-one-ul
  > .child_li:has(
    > .lvl-2-menu-wrapper .grandchild_li
  )
  > a {
    font-weight: 600 !important;
  }

  /* All submenu items remain NORMAL */
  #menu-drawer.desktop-child-open
  .level-one-ul
  > .child_li
  > .lvl-2-menu-wrapper
  .grandchild_li
  > a {
    font-weight: 400 !important;
  }
}

/* =========================================================
   MOBILE MENU — NISHAT-STYLE INLINE ACCORDION
   Desktop >= 990px is untouched.
   ========================================================= */
@media screen and (max-width: 989px) {

  /* Never use the old third-screen state on mobile */
  #menu-drawer.mobile-layer-3 {
    /* JS no longer adds this state; safety only */
  }

  /* Selected brand screen */
  #menu-drawer.mobile-layer-2 .menu-drawer__navigation-container {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 22px 70px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Top row = arrow + selected menu name, NOT "Back" */
  #menu-drawer .drawer-mobile-back.drawer-mobile-heading {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    width: 100% !important;
    height: 62px !important;
    min-height: 62px !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,.14) !important;

    background: #fff !important;
    color: inherit !important;

    text-align: left !important;
    cursor: pointer !important;
    width:100% !important;
  }

  #menu-drawer .drawer-mobile-back.drawer-mobile-heading svg {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
    opacity: .65 !important;
  }

  #menu-drawer .drawer-mobile-title {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }

  /* Main selected department menu */
  #menu-drawer.mobile-layer-2 .new_header_drawer_menus.drawer-panel-active,
  #menu-drawer.mobile-layer-2 .flex-menu-images,
  #menu-drawer.mobile-layer-2 .flex-menu-left,
  #menu-drawer.mobile-layer-2 .main-menu-ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #menu-drawer.mobile-layer-2 .main-menu-ul > .main_li {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* Level-1 row */
  #menu-drawer.mobile-layer-2 .main-menu-ul > .main_li > a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    /* justify-content: space-between !important; */
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 28px 10px 0 !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    gap:1rem;
  }


  #menu-drawer.mobile-layer-2
    .main-menu-ul
    > .main_li
    > a.has_submenu.lvl-1-menu::after {
    content: "+" !important;
    position: absolute !important;
    top: 50% !important;
    right: 2px !important;
    transform: translateY(-50%) !important;

    font-size: 21px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    letter-spacing: 0 !important;
  }


  #menu-drawer.mobile-layer-2
    .main-menu-ul
    > .main_li.mobile-accordion-open
    > a.has_submenu.lvl-1-menu::after {
    content: "−" !important;
  }

  #menu-drawer.mobile-layer-2
    .main-menu-ul
    > .main_li.mobile-accordion-open
    > a.lvl-1-menu {
    font-weight: 500 !important;
  }

  #menu-drawer.mobile-layer-2
    .main-menu-ul
    > .main_li
    > .lvl-1-menu-wrapper {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  #menu-drawer.mobile-layer-2
    .main-menu-ul
    > .main_li.mobile-accordion-open
    > .lvl-1-menu-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: static !important;

    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 16px !important;
    padding: 0 0 6px 10px !important;

    box-sizing: border-box !important;

    transform: none !important;
    overflow: visible !important;
  }


  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    > .lvl-1-menu-wrapper
    > .level-one-ul {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    > .lvl-1-menu-wrapper
    > .level-one-ul
    > .child_li {
    display: block !important;
    width: 100% !important;
    margin: 0 0 15px !important;
    padding: 0 0 0 14px !important;
    box-sizing: border-box !important;
    border-left: 1px solid rgba(0,0,0,.14) !important;
  }


  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    .level-one-ul
    > .child_li
    > a {
    display: block !important;
    width: 100% !important;
    margin: 0 0 9px !important;
    padding: 2px 0 !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    .level-one-ul
    > .child_li:has(> .lvl-2-menu-wrapper .grandchild_li)
    > a {
    font-weight: 600 !important;
  }


  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    .lvl-2-menu-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: static !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 0 0 14px !important;

    transform: none !important;
  }

  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    .level-two-ul {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    .level-two-ul
    > .grandchild_li {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
  }

  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    .level-two-ul
    > .grandchild_li
    > a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 2px 0 !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  /* Disable any old layer-3-only display rules */
  #menu-drawer.mobile-layer-2 .main_li.mobile-accordion-open > .lvl-1-menu {
    display: flex !important;
  }

  #menu-drawer .new_drawer_fixed_nav,
  #menu-drawer .new_drawer_bottom_bar,
  #menu-drawer .flex-menu-right {
    display: none !important;
  }
}

@media screen and (max-width: 390px) {
  #menu-drawer.mobile-layer-2 .menu-drawer__navigation-container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


@media screen and (max-width: 989px) {

  #menu-drawer.mobile-layer-1 .new_header_drawer_submenu li a,
  #menu-drawer:not(.mobile-layer-2):not(.mobile-layer-3) .new_header_drawer_submenu li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 8px 0 !important;
    box-sizing: border-box !important;
  }

  #menu-drawer .drawer-department-label {
    display: block !important;
    min-width: 0 !important;
  }

  #menu-drawer .drawer-department-chevron {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    color: currentColor !important;
  }

  #menu-drawer .drawer-department-chevron svg {
    
    display: block !important;
    width: 24px !important;
    height: 24px !important;
  }

  #menu-drawer.mobile-layer-2
    .main-menu-ul
    > .main_li
    > a.has_submenu.lvl-1-menu {
    padding-right: 34px !important;
  }

  #menu-drawer.mobile-layer-2
    .main-menu-ul
    > .main_li
    > a.has_submenu.lvl-1-menu::after {
    content: "+" !important;
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    display: block !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    letter-spacing: 0 !important;
  }

  #menu-drawer.mobile-layer-2
    .main-menu-ul
    > .main_li.mobile-accordion-open
    > a.has_submenu.lvl-1-menu::after {
    content: "−" !important;
  }

  
  #menu-drawer.mobile-layer-2
    .main-menu-ul
    > .main_li
    > a:not(.has_submenu)::after {
    content: none !important;
  }


  #menu-drawer.mobile-layer-2
    .main-menu-ul
    > .main_li.mobile-accordion-open
    > .lvl-1-menu-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #menu-drawer.mobile-layer-2
    .main-menu-ul
    > .main_li.mobile-accordion-open
    > .lvl-1-menu-wrapper
    > .level-one-ul {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 0 24px !important;
  }

  #menu-drawer.mobile-layer-2
    .main-menu-ul
    > .main_li.mobile-accordion-open
    > .lvl-1-menu-wrapper
    > .level-one-ul::before {
    content: "" !important;
    position: absolute !important;
    top: 3px !important;
    bottom: 3px !important;
    left: 8px !important;
    width: 1px !important;
    background: rgba(0, 0, 0, .16) !important;
  }


  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    > .lvl-1-menu-wrapper
    > .level-one-ul
    > .child_li {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 0 !important;
  }

  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    .level-one-ul
    > .child_li
    > a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    .level-one-ul
    > .child_li:has(> .lvl-2-menu-wrapper .grandchild_li)
    > a {
    font-weight: 600 !important;
  }

  
  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    .lvl-2-menu-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: 100% !important;
    margin: 0 0 6px !important;
    padding: 0 0 0 12px !important;
  }

  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    .level-two-ul {
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    .level-two-ul
    > .grandchild_li {
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu-drawer.mobile-layer-2
    .main_li.mobile-accordion-open
    .level-two-ul
    > .grandchild_li
    > a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }
}

@media screen and (max-width: 390px) {
  #menu-drawer .drawer-department-chevron,
  #menu-drawer .drawer-department-chevron svg {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
  }
}


@media screen and (max-width: 989px) {
  #menu-drawer .drawer-department-chevron {
    display: none !important;
  }
}


@media screen and (min-width: 990px) {
  #menu-drawer .new_header_drawer_submenu li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  #menu-drawer .drawer-department-label {
    display: block !important;
    min-width: 0 !important;
  }

  #menu-drawer .drawer-department-chevron {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    color: currentColor !important;
  }

  #menu-drawer .drawer-department-chevron svg {

    display: none !important;
    width: 20px !important;
    height: 20px !important;
  }
}


@media screen and (max-width: 989px) {

  #menu-drawer .new_header_drawer_submenu li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #menu-drawer .drawer-department-label {
    display: block !important;
    min-width: 0 !important;
  }

  #menu-drawer .drawer-department-chevron {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;

    margin-left: auto !important;
    color: currentColor !important;
  }

  #menu-drawer .drawer-department-chevron svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
  }
}


@media screen and (max-width: 989px) {


  #menu-drawer .drawer-mobile-back.drawer-mobile-heading {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;

    width: calc(100% - 0px) !important;
    min-width: 0 !important;
    height: 64px !important;
    min-height: 64px !important;

    margin: 0 0 16px !important;
    padding: 0 !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .14) !important;

    background: #fff !important;
    color: inherit !important;

    text-align: left !important;
    box-sizing: border-box !important;
  }

  #menu-drawer .drawer-mobile-back.drawer-mobile-heading > svg {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    flex: 0 0 12px !important;
    margin: 0 !important;
  }

  #menu-drawer .drawer-mobile-title {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
  }



  .section-header.menu-open details-modal.header__search.small-hide {
    /* display: block !important; */
    position: fixed !important;
    top: 18px !important;
    right: 58px !important;
    z-index: 99999 !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .section-header.menu-open
  details-modal.header__search.small-hide
  summary.header__icon--search,
  .section-header.menu-open
  details-modal.header__search.small-hide
  .header__icon--search {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    transform: none !important;
  }

  .section-header.menu-open
  details-modal.header__search.small-hide
  .icon-search,
  .section-header.menu-open
  details-modal.header__search.small-hide
  svg {
    position: static !important;

    display: block !important;
    width: 20px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
  }



  .section-header.menu-open
  summary.header__icon--menu.header__icon--summary
  .icon-close,
  .section-header.menu-open
  .menu-opening
  .header__icon--menu
  .icon-close {
    position: fixed !important;

    top: 22px !important;
    right: 20px !important;
    left: auto !important;

    z-index: 100000 !important;

    display: block !important;

    width: 22px !important;
    height: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
  }


  .template-index
  .section-header.menu-open
  details-modal.header__search.small-hide,
  .kayseria-template
  .section-header.menu-open
  details-modal.header__search.small-hide {
    top: 18px !important;
    right: 58px !important;

    margin: 0 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
  }


  #menu-drawer.mobile-layer-2 .menu-drawer__navigation-container {
    padding-top: 65px !important;
  }
}


/* Small phones */
@media screen and (max-width: 390px) {

  #menu-drawer .drawer-mobile-back.drawer-mobile-heading {
    width: calc(100% - 86px) !important;
  }

  #menu-drawer .drawer-mobile-title {
    font-size: 14px !important;
    letter-spacing: .08em !important;
  }

  .section-header.menu-open details-modal.header__search.small-hide {
    right: 54px !important;
  }

  .section-header.menu-open
  summary.header__icon--menu.header__icon--summary
  .icon-close,
  .section-header.menu-open
  .menu-opening
  .header__icon--menu
  .icon-close {
    right: 18px !important;
  }
}

@media screen and (max-width: 989px) {

  /* Remove the short border from the heading itself */
  #menu-drawer .drawer-mobile-back.drawer-mobile-heading {
    border-bottom: 0 !important;
    margin-bottom: 16px !important;
  }

  /* Full-width divider across heading + search + close */
  #menu-drawer.mobile-layer-2::after,
  #menu-drawer.mobile-layer-3::after {
    content: "" !important;
    position: absolute !important;
    top: 63px !important;
    left: 18px !important;
    right: 18px !important;
    height: 1px !important;
    background: rgba(0, 0, 0, .14) !important;
    z-index: 25 !important;
    pointer-events: none !important;
  }

  /* Smaller search button/icon */
  .section-header.menu-open details-modal.header__search.small-hide {
    top: 20px !important;
    right: 57px !important;
    width: 22px !important;
    height: 22px !important;
  }

  .section-header.menu-open
  details-modal.header__search.small-hide
  summary.header__icon--search,
  .section-header.menu-open
  details-modal.header__search.small-hide
  .header__icon--search {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
  }

  .section-header.menu-open
  details-modal.header__search.small-hide
  .icon-search,
  .section-header.menu-open
  details-modal.header__search.small-hide
  svg {
    width: 17px !important;
    height: 17px !important;
  }


  .section-header.menu-open
  summary.header__icon--menu.header__icon--summary
  .icon-close,
  .section-header.menu-open
  .menu-opening
  .header__icon--menu
  .icon-close {
    top: 22px !important;
    right: 20px !important;
    width: 18px !important;
    height: 18px !important;
  }


  #menu-drawer .drawer-mobile-back.drawer-mobile-heading > svg {
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    flex-basis: 10px !important;
  }
}

@media screen and (min-width: 990px) {
  #menu-drawer .new_header_drawer_submenu {
    width: 210px !important;
  }

  #menu-drawer .new_header_drawer_submenu li a,
  #menu-drawer .new_header_drawer_submenu .drawer-department-label {
    white-space: nowrap !important;
  }
}


/* a.new__drawer_submenu_tab.index-6 span {
    color: #a0190a;
} */
a.new__drawer_submenu_tab.index-1 span {
    color: #a0190a;
}



/* 11.11 SALE Text */
.main_li.11-11-sale > a {
  color: #a0190a !important;
}

/* Third Level Background */
.main_li[id="11-11-sale"] > .new_submenu_accordian,
.main_li[id="11-11-sale"] > .new_submenu_accordian > ul {
  background: #a0190a !important;
}

/* Third Level Text */
.main_li[id="11-11-sale"] .child_li a,
.main_li[id="11-11-sale"] .child_li a sup {
  color: #fff !important;
}