/** Shopify CDN: Minification failed

Line 325:10 Expected identifier but found whitespace
Line 325:11 Unexpected "0"

**/
@media screen and (min-width: 990px) {
    .header:not(.drawer-menu).page-width {
        padding-left: rem !important;
        padding-right: rem !important;
    }
}
@media screen and (min-width: 750px) {
    .header.page-width, .utility-bar__grid.page-width {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
    .header {
    padding: 0px 3rem 0px 3rem;
}
}
@media screen and (min-width: 990px) {
    .header {
        padding-top: 5PX !important;
        padding-bottom: 5PX !important;
    }
}
.header {
padding: 0px 0rem 0px 0rem ; 
}
#HeaderMenu-MenuList-3 {
    column-count: 2 !important;
    width: max-content;
margin-left: -231px; 
    width:875px;
}
ul#HeaderMenu-MenuList-9 {
    column-count: 3 !important;
    width: max-content;
margin-left: -751px; 
    width:1072px;
}
ul#HeaderMenu-MenuList-7 {
    width: 442px;
    height:200px;
}
/* #HeaderMenu-MenuList-10{
      column-count: 3 !important;
    width: max-content;
margin-left: -751px; 
    width:875px;
} */
 ul#HeaderMenu-MenuList-1 {
    height: 200px;
    width: 394px;
}
ul#HeaderMenu-MenuList-6 {
    width: 500px;
}
ul#HeaderMenu-MenuList-8 {
    width: 460px;
}
ul#HeaderMenu-MenuList-2 {
    width: 455px;
    /* height: 200px; */
}
ul#HeaderMenu-MenuList-4 {
    width: 487px;
}
#HeaderMenu-MenuList-3 li {
  break-inside: avoid;
  margin-bottom: 8px;
}
/* Hover dropdown for Dawn */

.header__inline-menu details > .header__submenu{
opacity:0;
visibility:hidden;
transform:translateY(10px);
transition:all .25s ease;
display:block;
position:absolute;
background:#fff;
}

.header__inline-menu details:hover > .header__submenu{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.menu-item-with-image{
display:flex;
align-items:center;
gap:10px;
}

.menu-image{
width:35px;
height:35px;
object-fit:cover;
border-radius:6px;
}
.header__submenu{
display:flex;
gap:30px;
}

.dropdown-menu-image img{
width:200px;
height:auto;
border-radius:8px;
}
.header__submenu{
display:flex;
gap:40px;
align-items:flex-start;
}

.mega-menu-image img{
width:220px;
height:auto;
border-radius:6px;
}

.mega-menu-image{
flex-shrink:0;
}
.mega-menu-image{
    position: absolute;
    left: 250px;
    top: 2px;
}
#more-menu-image img{
   left: 10px !important;
   width: 193px;
}
#more-menu-image{
position: absolute !important;
    left: 877px !important;
    top: 2px !important;
}

.mega-menu-image img{
width:190px;
border-radius:6px;
}


.header__submenu{
position:relative;
}

.pc_s_form{
position:relative;
max-width:420px;
width:100%;
}

.form-search{
position:relative;
display:flex;
align-items:center;
}

.pc_s{
width:100%;
height:42px;
padding:0 50px 0 16px;
border:1px solid #ddd;
border-radius:30px;
font-size:14px;
outline:none;
background:#fff;
transition:all .3s ease;
}

.pc_s:focus{
border-color:#000;
box-shadow:0 0 0 1px #000;
}

.search-icon-button{
position:absolute;
right:4px;
top:50%;
transform:translateY(-50%);
border:none;
background:#e60060;
width:36px;
height:36px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

.search-icon-button svg{
width:18px;
height:18px;
color:#000000;
}

.search_dropdown{
position:absolute;
top:100%;
left:0;
width:100%;
background:#fff;
border:1px solid #eee;
border-radius:8px;
box-shadow:0 10px 20px rgba(0,0,0,0.08);
margin-top:6px;
z-index:20;
}

.search_dropdown a{
display:block;
padding:10px 14px;
font-size:14px;
color:#333;
text-decoration:none;
}

.search_dropdown a:hover{
background:#f5f5f5;
}

.footer-blog-posts{
margin-top:10px;
}

.footer-blog-card{
margin-bottom:20px;
}

.footer-blog-card img{
width:100%;
border-radius:6px;
margin-bottom:8px;
}

.footer-blog-title{
font-size:16px;
margin:5px 0;

}

.footer-blog-title a{
text-decoration:none;
color:#ffffff;
}

.footer-blog-title a:hover{
text-decoration:underline;
}

.footer-blog-excerpt{
font-size:13px;
color:#666;
line-height:1.5;
}
.footer-blog-text{
font-size:13px;
color:#ffffff;
line-height:1.5;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
a.link.link--text.list-menu__item.list-menu__item--link.list-menu__item--active {
    text-decoration: none;
}

.footer-subscribe-block{
margin-top:15px;
}

.subscribe-box{
display:flex;
gap:8px;
}

.subscribe-input{
flex:1;
padding:10px;
border:1px solid #ddd;
border-radius:4px;
font-size:14px;
}

.subscribe-btn{
padding:10px 16px;
background:#000;
color:#fff;
border:none;
border-radius:4px;
cursor:pointer;
}

.subscribe-btn:hover{
background:#333;
}

@media screen and (max-width: 749px) {
  .desktop-search {
    display: none;
  }
}
@media screen and (min-width: 750px) {
  .mobile-search {
    display: none;
  }
}
/* nav.header__inline-menu {
        margin: 0 -75px;
    background: #e91e63;
    margin-bottom: -6px;
} */
 /* .header-menu-wrapper {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: #e91e63; /* apna color */
  padding: 0 40px;
  
} */

/* ===== Sirf Homepage par Transparent Header ===== */
.header-home {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s ease;
  z-index: 99;
}

/* ===== WHITE menu (homepage top pe) ===== */
.header-home .header__menu-item,
.header-home .header__icon,
.header-home .header__heading-link,
.header-home .header__icon svg {
  color: #ffffff;
  fill: #ffffff;
  transition: all 0.3s ease;
}

/* ===== Scroll ke baad ===== */
.header-home.scrolled {
  position: fixed;
  background: #000;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* ===== Scroll pe BLACK menu ===== */
.header-home.scrolled .header__menu-item,
.header-home.scrolled .header__icon,
.header-home.scrolled .header__heading-link,
.header-home.scrolled .header__icon svg {
  color: #000000;
  fill: #000000;
}
/* Homepage transparent */
.header-transparent {
  position: absolute;
  top: 0;
  width: 100%;
  background: transparent !important;
  z-index: 99;
  transition: all 0.3s ease;
}

/* Scroll ke baad background */
.header-transparent.scrolled {
  position: fixed;
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Default (top pe white text) */
.header-transparent .header__menu-item,
.header-transparent .header__icon,
.header-transparent .header__heading-link,
.header-transparent .header__icon svg {
  color: #000;
  fill: #fff;
}

/* Scroll ke baad black text */
.header-transparent.scrolled .header__menu-item,
.header-transparent.scrolled .header__heading-link {
  color: #000 !important;
  fill: #000 !important;
}
.transparent .header__icon svg {
    color: #e37474 !important;
    fill: #fff;
}
/* ===== Social Icons - Default (Transparent pe WHITE) ===== */
.header-transparent .list-social__link,
.header-transparent .list-social__link svg {
  color: #fff !important;
  fill: #fff !important;
  transition: all 0.3s ease;
}

/* ===== Scroll ke baad BLACK ===== */
.header-transparent.scrolled .list-social__link,
.header-transparent.scrolled .list-social__link svg {
  color: #000 !important;
  fill: #000 !important;
}

/* ===== Homepage header version ===== */
.header-home .list-social__link,
.header-home .list-social__link svg {
  color: #fff !important;
  fill: #fff !important;
}

.header-home.scrolled .list-social__link,
.header-home.scrolled .list-social__link svg {
  color: #000 !important;
  fill: #000 !important;
}
.header-wrapper.scrolled .list-social__link svg {
  fill: #000 !important;
}

/* ===== Scroll pe dropdown / submenu fix ===== */
.header-home.scrolled .menu-drawer,
.header-home.scrolled .header__submenu,
.header-home.scrolled .mega-menu,
.header-home.scrolled .mega-menu__content {
  background: #fff !important;
}
.header-transparent .header__icon,
.header-transparent .header__icon svg {
  color: #fff !important;
  fill: #fff !important; /* FIX */
}

/* Scroll hone ke baad */
.header-transparent.scrolled .header__icon,
.header-transparent.scrolled .header__icon svg {
  color: #000 !important;
  fill: #fff !important;
}
/* Dropdown links color */
.header-home.scrolled .header__submenu a,
.header-home.scrolled .mega-menu__link,
.header-home.scrolled .menu-drawer__menu-item {
  color: #000 !important;
}

/* Hover effect */
.header-home.scrolled .header__submenu a:hover,
.header-home.scrolled .mega-menu__link:hover,
.header-home.scrolled .menu-drawer__menu-item:hover {
  color: #555 !important;
}
.header-home.scrolled * {
  color: #000 !important;
}
/* Default (top pe white text) */
.header-transparent .header__menu-item span {
  color: #fff;
  transition: all 0.3s ease;
}

/* Scroll hone ke baad black text */
.header-wrapper.scrolled .header__menu-item span {
  color: #000  !important;
}
.header-wrapper.scrolled {
  background: #fff;
}
/* Sirf non-homepage par apply ho */
.header-wrapper:not(.header-transparent) .header__menu-item span {
  transition: text-decoration var(--duration-short) ease;
  font-size: 18px;
  color: #000 !important;
}

 /* ================================
   TRANSPARENT HEADER (TOP)
================================ */
.header-transparent {
  position: absolute;
  top: 0;
  width: 100%;
  background: transparent;
  z-index: 99;
  transition: all 0.3s ease;
}

/* ===== Icons (Transparent / Light White) ===== */
.header-transparent .header__icon,
.header-transparent .header__icon svg,
.header-transparent .header__icon svg path {
  color: rgba(255,255,255,0.6) !important;
  fill: rgba(255,255,255,0.6) !important;
  stroke: rgba(255,255,255,0.6) !important;
}

/* Hover → Full White */
.header-transparent .header__icon:hover svg {
  fill: #fff !important;
  stroke: #fff !important;
}

/* ===== Search Input (Transparent) ===== */
.header-transparent .search__input {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.4);
  backdrop-filter: blur(6px);
}

.header-transparent .search__input::placeholder {
  color: rgba(255,255,255,0.7) !important;
}

.header-transparent .field__label {
  color: #fff !important;
}

/* Search Icon */
.header-transparent .search__button svg,
.header-transparent .search__button svg path {
  fill: rgba(255,255,255,0.6) !important;
  stroke: rgba(255,255,255,0.6) !important;
}

.header-transparent .search__button:hover svg {
  fill: #fff !important;
  stroke: #fff !important;
}

/* ================================
   SCROLL STATE
================================ */
.header-transparent.scrolled {
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Icons → Black */
.header-transparent.scrolled .header__icon,
.header-transparent.scrolled .header__icon svg,
.header-transparent.scrolled .header__icon svg path {
  color: #000 !important;
  fill: #000 !important;
  stroke: #000 !important;
}

/* Search Field → White BG */
.header-transparent.scrolled .search__input {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #fff;
}

.header-transparent.scrolled .search__input::placeholder {
  color: #555 !important;
}

.header-transparent.scrolled .field__label {
  color: #000 !important;
}

/* Search Icon → Black */
.header-transparent.scrolled .search__button svg,
.header-transparent.scrolled .search__button svg path {
  fill: #000 !important;
  stroke: #000 !important;
}