/** Shopify CDN: Minification failed

Line 78:2 Unexpected "{"
Line 78:3 Expected identifier but found "%"
Line 78:42 Expected identifier but found "%"
Line 302:4 "grid-templates-Column" is not a known CSS property

**/
.header__active-menu-item, .header__menu-item:hover{
    text-decoration:none !important;
}
.header__icon--cart{
  display:none !important;
}
.header__icon--search{
  width:25rem !important;
      display: flex;
      align-items:center;
      justify-content:space-between !important;
}
.menu-drawer-container {
    display: flex;
  }
  span.caretIcon svg {
    width: 14px;
    height: 14px;
    display: flex;
    align-content: center;
}
span.caretIcon {
    margin-left: 6px;
}
.active-menu span.caretIcon svg {
    transform: rotate(180deg);
    transition: 0.3s all;
}
.mega-menu__thirditem, .mega-menu__subitem{
list-style:none;
}
.mega-menu__sublist{
padding:0;
}
.mega-menu__thirdlist{
padding-left:10px;
}
  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  summary.list-menu__item {
    padding-right: 2.7rem;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }
  .anc-prd {
    text-decoration: none !important;
  }

  
  {%- comment -%} mega-menu-images-style {%- endcomment -%}
  .mega_menu_img img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-right: auto;
    margin-left: auto;
    object-fit: cover;
    text-decoration: none;
    transition: transform var(--duration-long) ease;
  }
  .mega_menu_img {
    padding-bottom: 20px;
  }
  .mega_menu_img .mega-menu__link {
    padding-top: 0;
  }
  .mega_menu_img div {
    text-align: center;
    overflow: hidden;
    padding: 0;
    margin: 0;
  }
  .mega_menu_img .title {
    padding-top: 0.8rem;
    font-size: 1.5rem;
  }
  .mega_menu_img img {
    transition: transform 0.5s ease;
  }
  .mega_menu_img:hover img {
    transform: scale(1.03);
  }
  .mega-menu__list {
    gap: 0;
    display: block; /* Changed from flex to block for nested items */
    padding: 0;
    margin: 0;
  }

  .mega-menu__item {
    padding: 5px 0;
  }

  .mega-menu__link {
    text-decoration: none;
    color: #333;
    font-size: 14px;
  }

  .mega-menu__link:hover {
    color: #000;
    text-decoration: underline;
  }

 
  .mega_menu_img.slide {
    flex: 0 0 260px;
    max-width: 100%;
    margin: 0;
    padding-right: 15px;
    scroll-snap-align: start;
  }
  .mega_menu_img.slide:first-child {
    padding-left: 0;
  }
  .js .menu-drawer__submenu {
    z-index: 2;
  }
  .swiper {
    margin-top: 15px;
    padding: 0 3rem;
  }
  .swiper .mega-menu__link .title {
    text-align: start;
  }
  @media screen and (min-width: 992px) {
    #MegaMenu-Content-1 .menus-outer {
      max-width: 100%;
      width: 100%;
    }
    .header--top-center{
      padding-bottom:0 !important;
    }
    #MegaMenu-Content-7 .menus-outer {
      max-width: 15% !important;
      width: 100% !important;
    }
    #MegaMenu-Content-5 .menus-outer {
      max-width: 55% !important;
      width: 100%;
      margin-right: 20px !important;
    }
    #MegaMenu-Content-6 .menus-outer {
      max-width: 29% !important;
      width: 100%;
      margin-right: 25px;
    }
    .product-outer {
      margin-right: 10px !important;
    }
    .img-block {
      gap: 0 !important;
    }
 .mega-mn-clt-list{
        display: grid !important
;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 15px !important;
    }
    .mega-menu__list a{
    color:#333333 !important;
    text-decoration: none;
    font-size:14px !important;
  }




  
  .mega-menu__sublink {
  position: relative;
  display: inline-block;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
}

.mega-menu__sublink::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  height: 1px;
  width: 0%;
  background-color: #000;
  transition: width 0.3s ease;
  
}

.mega-menu__sublink:hover::after {
  width: 100% !important;
}









  .mega-menu__thirdlink {
  position: relative;
  display: inline-block;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
}

.mega-menu__thirdlink::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  height: 1px;
  width: 0%;
  background-color: #000;
  transition: width 0.3s ease;
}

.mega-menu__thirdlink:hover::after {
  width: 100% !important;
}






 .clc-ttl {
  position: relative;
  display: inline-block;
  color: #000;
  text-decoration: none;
  /* white-space: nowrap; */
}

.clc-ttl::after {
  content: "";
  position: absolute;
  left: 0;
  
  height: 1px;
  width: 0%;
  bottom: 4px;
  background-color: #000;
  transition: width 0.3s ease;
}

.clc-ttl:hover::after {
  width: 100% !important;
}



    /* .mega-menu__list a:hover{
    
    text-decoration: underline;
  } */
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
    .mega-menu__content {
      padding: 20px !important;
      display: flex;
      justify-content: space-between;
    }
    .product-outer h3 {
      font-size: 15px !important;
    }
    .mega-mn-clt-list{
    display:grid !important;
    grid-templates-Column:1fr 1fr 1fr 1fr 1fr 1fr !important;
    }
    .mega-menu__list li {
      max-width: 100%;
      width: fit-content;
    }

    .menus-outer {
      width: 100%;
    }
    .header--top-center .mega-menu__list > li {
      width: 100% !important;
    }
    .header--top-center .mega-menu__list > li {
      padding-right: 0rem !important;
      /* border-right: 1px solid #d3d3d3; */
      margin-right: 10px;
    }
    .product-outer img {
      width: 100%;
      max-height: 220px;
      object-fit: contain;
    }
    #MegaMenu-Content-3 .mega-menu__list > li {
      border-right: none !important;
    }
    #MegaMenu-Content-5 .mega-menu__list > li {
      border-right: none !important;
    }


#MegaMenu-Content-3 .header--top-center .mega-menu__list > li {
      margin-right: 20px !important;
    }
    #MegaMenu-Content-3 .mega-menu__list > li {
      list-style: none;
      display: block !important;
      flex: 0 0 18% !important;
    }
    #MegaMenu-Content-4 .menus-outer {
      max-width: 11%;
      width: 100%;
    }
    .mega-menu__list > li {
      padding-right: 15px;
      max-width: 100%;
    }
    .mega-menu__content {
      width: 100% !important;
    }
    .mega-menu__content h3 {
      font-size: 14px !important;
      line-height: 25.02px;
      font-weight:700;
      color:#333333;
      letter-spacing: 0.6px;
      margin-bottom: 5px;
    }

  }

 


  /* Mobile-specific styles for products in the drawer */
  @media screen and (max-width: 991px) {
    .menu-drawer__submenu .product-outer {
      margin-bottom: 20px;
    }
    .menu-drawer__submenu .product-outer img {
      width: 100%;
      max-height: 220px;
      object-fit: contain;
    }
    .menu-drawer__submenu .product-outer h3 {
      font-size: 1.2rem;
      margin-top: 0.5rem;
      text-align: center !important;
    }
    .product-outer h3 {
      text-align: center;
    }
    .menu-drawer__submenu a {
      font-size: 14px !important;
      padding-left: 0;
        font-weight: 700;
    }

    .mega-menu__list_mob{
  justify-content:flex-start !important;
}
.header--top-center .mega-menu__list_mob>li{
  width:100% !important;
}
.mega-menu__list a {
        color: #333333 !important;
        text-decoration: none ! IMPORTANT;
      }
      .src-txt{
        display:none !important;
      }
      .header__icon--search{
  width:2rem !important;}
  .mob-hdng-clm{
    font-size:14px !important;
  }
  .menu-drawer__menu-item{
    font-size:14px !important;
    color:#333333 !important;
  }
  .menu-drawer__close-button{
   color:#333333 !important;
  }
.menu-drawer__menu-item--active, .menu-drawer__menu-item, .menu-drawer__close-button{
  background:transparent !important;
}

  }

  /* Collection Block Styles */
  .collection-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    
    border-radius: 10px;
    gap:5px;
  }
  .collection-block img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-right: 15px;
  }
  .collection-block .collection-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
  }
  .collection-block .collection-description {
    font-size: 1rem;
    color: #666;
    margin-top: 5px;
  }
  .collectionLogoWrapper {
    display: flex;
    align-items: center;
}

.collectionLogoWrapper .collectionLogo img {display: block;width: 140px;height: 140px;}

.header__menu-item span{
  color:#333333 !important;
}