/** Shopify CDN: Minification failed

Line 619:0 Unexpected "}"

**/
body{
  overflow-x:hidden !important;
}


.header-wrapper {
  position: relative;
  overflow: visible;
  background: #FCD94D !important;
  box-shadow: 0 4px 16px rgba(107,79,58,.06);
  isolation: isolate;
  margin:2px !important;
  padding:6px !important;
  box-sizing:border-box;
  border-radius:20px !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.35),
    0 8px 30px rgba(107,79,58,.12);
  animation:kidzleyFloat 5s ease-in-out infinite;
}

@keyframes kidzleyFloat{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-2px);
  }
}
.header-wrapper::before {
  content: "";
  border-radius: 20px;
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image:
    radial-gradient(circle at 10% 50%, rgba(255,255,255,.28) 0 22px, transparent 23px),
    radial-gradient(circle at 25% 20%, rgba(233,124,155,.40) 0 18px, transparent 19px),
    radial-gradient(circle at 50% 70%, rgba(168,216,255,.45) 0 20px, transparent 21px),
    radial-gradient(circle at 75% 30%, rgba(155,231,164,.40) 0 18px, transparent 19px),
    radial-gradient(circle at 90% 60%, rgba(255,255,255,.25) 0 22px, transparent 23px);
  opacity: 1;
  pointer-events: none;
}
/* Premium shine */
.header-wrapper::after{
  left:0;
  transform:translateX(-150%) skewX(-25deg);
  animation:kidzleyHeaderShine 6s linear infinite;
}

@keyframes kidzleyHeaderShine{
  0%{
    transform:translateX(-150%) skewX(-25deg);
  }
  25%{
    transform:translateX(500%) skewX(-25deg);
  }
  100%{
    transform:translateX(500%) skewX(-25deg);
  }
}
@media screen and (max-width:989px){

  .header.page-width{
    padding-left:16px !important;
    padding-right:16px !important;
    max-width:100% !important;
  }

  .header-wrapper{
    margin:1px !important;
  }

}
@media screen and (min-width: 990px){

  .header.page-width{
    max-width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

}
/* keep content above effects */

.header {

  position: relative;

  z-index: 10;

}
.section-header,
sticky-header {
  overflow: visible !important;
}
/* Hide Account Login*/
.header__icon--account{
  display:none !important;
}
.menu-drawer__account{
  display:none !important;
}
/*---------*/
@media screen and (min-width:990px){

  .header__menu-item{
    background: #FFF4C6;
    border:2px solid #F7D97B;
    margin: 0 !important;
    border-radius:16px;
    width: 100%;
    min-width:220px;
    min-height:40px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    text-align:center;
    box-sizing:border-box;
    padding:10px 18px !important;
    font-size:17px !important;
    font-weight:700 !important;
    box-shadow:0 3px 8px rgba(0,0,0,.04);
      white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;
  }
  .header__menu-item:has(.icon-caret){
    padding-right:32px !important;
    border-style:dashed;
  }
  .header__menu-item:hover{
    border-color:#E97C9B;
    background:#ffffff;
    transform:translateY(-2px);
    box-shadow:
      0 8px 20px rgba(233,124,155,.15);
  }
  .list-menu--inline{
    display:flex !important;
    gap:6px !important;
  }
  .list-menu--inline > li{
    flex:1 1 0;
  }
  .header__menu-item .icon-caret{
    width:18px !important;
    height:18px !important;
    right:10px !important;
    opacity:1 !important;
    stroke-width:3px !important;
    color:#6B4F3A !important;
    transition:.25s ease;
  }
  .header__menu-item,
  .header__menu-item:hover
  .header__menu-item span,
  .header__menu-item:hover span,
  details[open] > .header__menu-item{
    text-decoration:none !important;
  }

  .header__menu-item:hover .icon-caret,
  details[open] .header__menu-item .icon-caret{
    color:#E97C9B !important;
    transform:rotate(180deg);
  }
  .header__menu-item:has(.header__active-menu-item),
  details[open] > .header__menu-item{
    background:#ffffff !important;
    border-color:#E97C9B !important;
    box-shadow:
      0 6px 18px rgba(0,0,0,.08);
  }
}
.header__active-menu-item {
  text-decoration: none !important;
  position: relative;
}

.header__active-menu-item::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  background:#E97C9B;
  height:5px;
  width:75%;
  border-radius:999px;
}
.header__submenu {
  background: #FFF8EE;
  z-index: 9999 !important;
  border: 2px solid #F7D97B;
  border-radius: 16px;
  padding: 10px;
  box-shadow: 0 12px 32px rgba(107,79,58,.10);
  display:block !important;
  min-width:360px !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(10px);
  transition:
    opacity .18s ease,
    transform .18s ease;
  }

  header-menu details:hover > .header__submenu,

  .header__inline-menu details:hover > .header__submenu{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

    transform:translateY(0);

  }
.header__submenu .list-menu__item {
  border-radius: 10px;
  font-weight: 600;
}

.header__submenu .list-menu__item:hover {
  background: #FCD94D;
}
.header__icon {
  color: #6B4F3A;
  transition: .25s ease;
}
.header__icons{
  gap: 12px;
}

.header__icon:hover {
  color: #E97C9B;
  transform: translateY(-1px);
}
@media screen and (max-width: 989px){

  .header__icon--search,
  details-modal.header__search{
    display:none !important;
  }

}
/* =================================
   KIDZLEY CART ICON
================================= */
/* Cart icon all devices */

#cart-icon-bubble {
  width: 5rem !important;
  height: 5rem !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
}

#cart-icon-bubble .svg-wrapper {
  transform: scale(1.25);
  transform-origin: center;
}

#cart-icon-bubble svg {
  width: 38px !important;
  height: 38px !important;
}

#cart-icon-bubble .cart-count-bubble {
  min-width: 16px !important;
  min-height: 16px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  background: #E97C9B !important;
  border: 1px solid #fff !important;
}
@media screen and (min-width:990px){
  #cart-icon-bubble svg{
    width:50px !important;
    height:50px !important;
  }
  #cart-icon-bubble .svg-wrapper{
    transform:scale(1.35);
  }
}

/* =================================
   BIGGER SEARCH ICON (DESKTOP)
================================= */

@media screen and (min-width: 990px) {

  .header__icon--search {
    width: 5rem !important;
    height: 5rem !important;

    display: flex;
    align-items: center;
    justify-content: center;
  }

  .header__icon--search .svg-wrapper {
    transform: scale(1.25);
    transform-origin: center;
  }

  .header__icon--search svg {
    width: 28px !important;
    height: 28px !important;
  }
  .header__icon--search .svg-wrapper,
  #cart-icon-bubble .svg-wrapper {
    transform: scale(1.3);
  }
  .header__icon--search:hover,
  #cart-icon-bubble:hover {
    transform: translateY(-2px);
  }
}
/* PREMIUM KIDZLEY DROPDOWN */

.header__submenu{

  min-width:320px !important;

  padding:6px !important;

  background: #FFFDF8 !important;

  border:2px solid #F7D97B !important;

  border-radius:24px !important;

  box-shadow:
    0 20px 50px rgba(0,0,0,.12);

  margin-top: 0px !important;
}

/* menu items */

.header__submenu .list-menu__item{

  display:flex !important;

  align-items:center;

  background:#FFF4C6;

  border:2px solid transparent;

  border-radius:16px;

  padding:16px 18px !important;

  margin-bottom:10px !important;

  font-size:18px;

  font-weight:700;

  color:#6B4F3A;

  transition:.25s ease;
}

.header__submenu .list-menu__item:last-child{
  margin-bottom:0 !important;
}
.header__submenu li{
  margin-bottom:6px !important;
}

.header__submenu li:last-child{
  margin-bottom:0 !important;
}

.header__submenu .list-menu__item:hover{
  background:#ffffff;
  border-color:#E97C9B;
  transform:none;
  box-shadow:
    0 8px 20px rgba(0,0,0,.08);
}


/* Menu Drawer*/
.menu-drawer{
  width:75vw !important;
  max-width:75vw !important;
  background: #FCD94D !important;
  border-radius:0 24px 24px 0;
  box-shadow: none !important;

}
.menu-drawer__menu-item{
  background: #FFF4C6;
  border:2px solid #F7D97B;
  border-radius:10px;
  margin:2px 12px;
  padding:6px 18px !important;
  font-size:14px;
  font-weight:600;
  color:#6B4F3A;
  display:flex;
  box-shadow: none !important;
}
.menu-drawer__menu-item:active,
.menu-drawer__menu-item:hover{
  background: #ffffff;
  border-color: #E97C9B;
}
.menu-drawer__menu-item svg{
  width:20px !important;
  height:20px !important;

  stroke-width:3px !important;

  color:#E97C9B !important;
}
.menu-drawer__navigation{
  padding-top:16px !important;
  padding-bottom:16px !important;
}
.menu-drawer__close-button svg,
.menu-drawer__close-button .icon-close{
  width:26px !important;
  height:26px !important;
  color:#E97C9B !important;
}
.menu-drawer .list-menu .list-menu{
  padding-left:14px !important;
}
.menu-drawer__menu-item .icon-arrow,
.menu-drawer__menu-item .icon-caret{
  display:none !important;
}
.menu-drawer details summary{
  list-style:none;
}

.menu-drawer details > .list-menu{
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease;
}

.menu-drawer details[open] > .list-menu{
  max-height:500px;
}
.menu-drawer .list-menu .list-menu .menu-drawer__menu-item{
  background: #FFF4C6;
  border:1px solid #F7D97B;
  min-height:48px;
  font-size:16px;
  margin:6px 0;
}
.menu-drawer summary{
  position:relative;
}

.menu-drawer summary::after{
  content:"+";
  position:absolute;
  right:16px;
  font-size:24px;
  font-weight:700;
  color:#E97C9B;
}

.menu-drawer details[open] summary::after{
  content:"−";
}
/* disable dawn slide panel */

.menu-drawer__submenu{

  position:static !important;

  inset:auto !important;

  transform:none !important;

  visibility:visible !important;

  opacity:1 !important;

  width:100% !important;

  height:auto !important;

  display:block !important;

  background:transparent !important;

  box-shadow:none !important;

  border:none !important;

  padding:0 !important;

  margin-top:8px !important;
}
.mobile-submenu{
  display:none;
  padding-left:16px;
}

details[open] > .mobile-submenu{
  display:block;
}

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

  .menu-drawer__navigation .submenu-open{
    visibility:visible !important;
  }

  .menu-drawer__submenu{
    position:static !important;
    transform:none !important;
    visibility:visible !important;
    height:auto !important;
    overflow:visible !important;
    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
    padding:0 !important;
    margin-top:8px !important;
  }

  .menu-drawer__close-button{
    display:none !important;
  }
    .mobile-submenu .menu-drawer__menu-item{
    background: #FFF4C6;
    border:2px solid #F7D97B;

    border-radius:10px;

    margin:0 0 2px 0 !important;

    min-height:unset !important;

    font-size:14px !important;

    font-weight:600 !important;

    box-shadow:none !important;
    width:calc(100% - 15px);
    position:relative;
    overflow:hidden;

  }

  }
  .mobile-submenu{

    max-height:0;
    padding-left:24px !important;
    overflow:hidden;

    opacity:0;

    transition:max-height .35s ease, opacity .25s ease;

  }

  details[open] > .mobile-submenu{

    max-height:500px;

    opacity:1;

  }

  .menu-drawer summary .icon-caret{

  display:none !important;

}
.menu-drawer details > summary::after{
  content:"+";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:24px;
  font-weight:700;
  color:#E97C9B;
}

.menu-drawer details[open] > summary::after{
  content:"−";
}

  .mobile-submenu .menu-drawer__menu-item:hover,
  .mobile-submenu .menu-drawer__menu-item:active{
  background:#ffffff !important;
  border-color:#E97C9B !important;
  box-shadow: none !important;

  }

}

/* Seasonal first collection menu*/
.rakhi-menu-item{

  color:#D86F93 !important;
  font-weight:900 !important;

}

.rakhi-menu-item::before{

  content:"🎁";
  margin-right:6px;

}

.rakhi-menu-item::after{

  content:" RAKHI";

  background:#E97C9B;

  color:#fff;

  padding:2px 8px;

  border-radius:999px;

  font-size:10px;

  margin-left:8px;

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

  .menu-drawer{
    z-index:9999 !important;
  }

  .menu-drawer__inner-container{
    position:relative;
    z-index:9999 !important;
  }

}