.elementor-712 .elementor-element.elementor-element-37164cb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-712 .elementor-element.elementor-element-cd7c2d6:not(.elementor-motion-effects-element-type-background), .elementor-712 .elementor-element.elementor-element-cd7c2d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8F0;}.elementor-712 .elementor-element.elementor-element-cd7c2d6 > .elementor-background-overlay{background-image:url("https://littlewonders.lk/wp-content/plugins/elementor/assets/images/placeholder.png");background-position:0px -33px;background-repeat:repeat;background-size:cover;opacity:0.18;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-712 .elementor-element.elementor-element-cd7c2d6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-712 .elementor-element.elementor-element-5193cf96 > .elementor-element-populated{padding:2px 0px 2px 0px;}.elementor-bc-flex-widget .elementor-712 .elementor-element.elementor-element-2e50861.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-712 .elementor-element.elementor-element-2e50861.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-712 .elementor-element.elementor-element-2e50861.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-712 .elementor-element.elementor-element-0e071fa .elementor-menu-toggle{margin:0 auto;}.elementor-712 .elementor-element.elementor-element-0e071fa .elementor-nav-menu .elementor-item{font-size:20px;}.elementor-712 .elementor-element.elementor-element-0e071fa .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-712 .elementor-element.elementor-element-0e071fa .elementor-nav-menu--main .elementor-item:hover,
					.elementor-712 .elementor-element.elementor-element-0e071fa .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-712 .elementor-element.elementor-element-0e071fa .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-712 .elementor-element.elementor-element-0e071fa .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-712 .elementor-element.elementor-element-3459f9e{--main-alignment:center;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:var( --e-global-color-primary );--toggle-button-icon-color:var( --e-global-color-primary );--toggle-icon-size:25px;--items-indicator-background-color:var( --e-global-color-secondary );--cart-border-style:none;--cart-close-button-color:var( --e-global-color-bcbec79 );--remove-item-button-color:var( --e-global-color-primary );--menu-cart-subtotal-color:var( --e-global-color-bcbec79 );--product-price-color:var( --e-global-color-text );--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--view-cart-button-background-color:var( --e-global-color-text );--view-cart-button-hover-background-color:var( --e-global-color-secondary );--checkout-button-background-color:var( --e-global-color-text );--checkout-button-hover-background-color:var( --e-global-color-secondary );}.elementor-712 .elementor-element.elementor-element-3459f9e .elementor-menu-cart__toggle .elementor-button{font-size:14px;}.elementor-712 .elementor-element.elementor-element-3459f9e .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-712 .elementor-element.elementor-element-3459f9e .elementor-menu-cart__product-name a{color:var( --e-global-color-primary );}.elementor-bc-flex-widget .elementor-712 .elementor-element.elementor-element-88e62f5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-712 .elementor-element.elementor-element-88e62f5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-712 .elementor-element.elementor-element-88e62f5.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-712 .elementor-element.elementor-element-f912e4c{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--main-alignment:center;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:var( --e-global-color-primary );--toggle-button-icon-color:var( --e-global-color-primary );--toggle-icon-size:25px;--items-indicator-background-color:var( --e-global-color-secondary );--cart-border-style:none;--cart-close-button-color:var( --e-global-color-bcbec79 );--remove-item-button-color:var( --e-global-color-primary );--menu-cart-subtotal-color:var( --e-global-color-bcbec79 );--product-price-color:var( --e-global-color-text );--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--view-cart-button-background-color:var( --e-global-color-text );--view-cart-button-hover-background-color:var( --e-global-color-secondary );--checkout-button-background-color:var( --e-global-color-text );--checkout-button-hover-background-color:var( --e-global-color-secondary );}.elementor-712 .elementor-element.elementor-element-f912e4c .elementor-menu-cart__toggle .elementor-button{font-size:14px;}.elementor-712 .elementor-element.elementor-element-f912e4c .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-712 .elementor-element.elementor-element-f912e4c .elementor-menu-cart__product-name a{color:var( --e-global-color-primary );}.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-menu-toggle{margin-left:auto;background-color:#FFF8F0;}.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu .elementor-item{font-size:20px;}.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--dropdown a, .elementor-712 .elementor-element.elementor-element-885aa85 .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-1f8a7df );}.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--dropdown a:hover,
					.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--dropdown a:focus,
					.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-menu-toggle:hover,
					.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-menu-toggle:focus{color:var( --e-global-color-01ca894 );}.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--dropdown a:hover,
					.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--dropdown a:focus,
					.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-text );}.elementor-712 .elementor-element.elementor-element-885aa85 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-712 .elementor-element.elementor-element-885aa85 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:642px){.elementor-712 .elementor-element.elementor-element-5193cf96{width:20%;}.elementor-712 .elementor-element.elementor-element-2e50861{width:60.332%;}.elementor-712 .elementor-element.elementor-element-88e62f5{width:19%;}}@media(max-width:1080px){.elementor-712 .elementor-element.elementor-element-cd7c2d6 > .elementor-background-overlay{background-position:0px 0px;}}@media(max-width:641px){.elementor-712 .elementor-element.elementor-element-37164cb{--z-index:9999;}.elementor-712 .elementor-element.elementor-element-4652f97{z-index:0.9999;}.elementor-712 .elementor-element.elementor-element-8cf92c2{z-index:0.9999;}.elementor-712 .elementor-element.elementor-element-cd7c2d6 > .elementor-background-overlay{background-position:0px 0px;}.elementor-712 .elementor-element.elementor-element-5193cf96{width:44%;}.elementor-712 .elementor-element.elementor-element-46f93c7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -25px;text-align:start;}.elementor-712 .elementor-element.elementor-element-2e50861{width:30%;}.elementor-712 .elementor-element.elementor-element-3459f9e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -42px;padding:0px 0px 0px 0px;--toggle-icon-padding:10px 10px 10px 10px;}.elementor-712 .elementor-element.elementor-element-88e62f5{width:23%;}.elementor-712 .elementor-element.elementor-element-88e62f5 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-712 .elementor-element.elementor-element-885aa85{padding:0px 0px 0px 0px;--nav-menu-icon-size:28px;}.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--dropdown .elementor-item, .elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:17px;}.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--dropdown a{padding-left:19px;padding-right:19px;padding-top:11px;padding-bottom:11px;}.elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-712 .elementor-element.elementor-element-885aa85 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:1px !important;}}/* Start custom CSS for html, class: .elementor-element-4652f97 *//* =====================================
   LITTLE WONDERS HEADER V2
   Desktop + Mobile Separate Search
===================================== */

.lw2-header {
  width: 100%;
  font-family: "Poppins", Arial, sans-serif;
  position: relative;
  z-index: 999999;
}

.lw2-header * {
  box-sizing: border-box;
}

.lw2-container {
  max-width: 1350px;
  margin: 0 auto;
  padding: 0 7%;
}

/* TOP BAR */

.lw2-topbar {
  background: #efe2d4;
  border-bottom: 1px solid #dcc8b4;
}

.lw2-topbar-inner {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.lw2-top-left,
.lw2-top-right {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.lw2-top-left a,
.lw2-top-right a {
  color: #6f4b35 !important;
  text-decoration: none !important;
  font-size: 12.5px;
  font-weight: 700;
}

/* MAIN HEADER */

.lw2-main-header {
  background: #f7efe6;
  border-bottom: 1px solid #dcc8b4;
  position: relative;
  z-index: 999999;
}

.lw2-main-inner {
  height: 98px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  position: relative;
}

/* LOGO */

.lw2-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none !important;
}

.lw2-logo img {
  width: 250px;
  height: auto;
  display: block;
}

/* NAVIGATION */

.lw2-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lw2-nav > ul {
  display: flex;
  align-items: center;
  gap: 28px;
}

.lw2-nav li {
  position: relative;
}

.lw2-nav a {
  color: #6f4b35 !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.lw2-nav a:hover {
  color: #b1845b !important;
}

/* DESKTOP DROPDOWN */

.lw2-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 250px;
  background: #f8f1e8;
  border: 1px solid #dcc8b4;
  border-radius: 0 0 14px 14px;
  padding: 12px 0 !important;
  opacity: 0;
  visibility: hidden;
  transform: translateY(14px);
  transition: 0.25s ease;
  box-shadow: 0 18px 45px rgba(91, 58, 37, 0.12);
  z-index: 999999;
}

.lw2-has-menu:hover > .lw2-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.lw2-dropdown li a {
  padding: 14px 22px;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  justify-content: space-between;
}

.lw2-dropdown li a:hover {
  background: #f0e2d4;
}

/* DESKTOP SUB DROPDOWN */

.lw2-sub-dropdown {
  position: absolute;
  top: 0;
  left: 100%;
  width: 230px;
  background: #f8f1e8;
  border: 1px solid #dcc8b4;
  border-radius: 0 14px 14px 14px;
  padding: 12px 0 !important;
  opacity: 0;
  visibility: hidden;
  transform: translateX(12px);
  transition: 0.25s ease;
  box-shadow: 0 18px 45px rgba(91, 58, 37, 0.12);
  z-index: 999999;
}

.lw2-has-submenu:hover > .lw2-sub-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* DESKTOP ACTIONS */

.lw2-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}

.lw2-login {
  color: #6f4b35 !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  white-space: nowrap;
}

.lw2-cart {
  color: #6f4b35 !important;
  text-decoration: none !important;
  font-size: 24px;
  line-height: 1;
}

/* DESKTOP SEARCH */

.lw2-search {
  width: 250px;
  height: 42px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  background: #fffaf5;
  border: 1px solid #b89d87;
  border-radius: 50px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  box-shadow: none;
}

.lw2-search input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  height: 100%;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  padding: 0 14px 0 18px !important;
  margin: 0 !important;
  color: #6f4b35 !important;
  font-size: 14px !important;
  font-weight: 500;
  box-shadow: none !important;
}

.lw2-search input[type="search"]::placeholder {
  color: #9b7a64;
  opacity: 1;
}

.lw2-search button {
  flex: 0 0 52px;
  width: 52px;
  height: 42px;
  min-width: 52px;
  border: none !important;
  outline: none !important;
  background: #6f4b35 !important;
  color: #ffffff !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 50px 50px 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: none !important;
}

.lw2-search button:hover {
  background: #b1845b !important;
}

.lw2-search button svg {
  width: 18px;
  height: 18px;
  stroke: #ffffff;
  stroke-width: 2.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: block;
}

/* MOBILE DEFAULT HIDE */

.lw2-menu-toggle,
.lw2-mobile-menu-btn,
.lw2-mobile-cart,
.lw2-mobile-search-line {
  display: none;
}

/* HIDE BLOG ITEM */

.lw2-nav a[href="/blog"] {
  display: none !important;
}

/* TABLET FIX */

@media (min-width: 768px) and (max-width: 1200px) {

  .lw2-container {
    padding: 0 4%;
  }

  .lw2-logo img {
    width: 165px;
  }

  .lw2-nav > ul {
    gap: 16px;
  }

  .lw2-nav a {
    font-size: 13px;
  }

  .lw2-search {
    width: 175px;
  }

  .lw2-login {
    font-size: 12px;
  }

  .lw2-actions {
    gap: 10px;
  }
}

/* DESKTOP DROPDOWN OVERFLOW FIX */

@media (min-width: 768px) {

  .lw2-header,
  .lw2-main-header,
  .lw2-main-inner,
  .lw2-nav,
  .lw2-nav ul,
  .lw2-nav li,
  .elementor-location-header,
  .elementor-section,
  .elementor-container,
  .elementor-widget-wrap {
    overflow: visible !important;
  }

  .lw2-header,
  .elementor-location-header {
    position: relative !important;
    z-index: 999999 !important;
  }
}

/* MOBILE */

@media (max-width: 767px) {

  .lw2-topbar {
    display: none !important;
  }

  .lw2-container {
    padding: 0 14px;
  }

  .lw2-main-header {
    background: #f7efe6 !important;
    border-bottom: 1px solid #dcc8b4 !important;
  }

  /* Hide desktop actions on mobile */
  .lw2-actions,
  .lw2-search,
  .lw2-login,
  .lw2-cart {
    display: none !important;
  }

  /* Main mobile row */
  .lw2-main-inner {
    height: 66px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
  }

  /* Mobile menu button */
  .lw2-mobile-menu-btn {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    color: #6f4b35 !important;
    z-index: 5;
  }

  .lw2-mobile-menu-btn span {
    font-size: 25px;
    line-height: 1;
  }

  .lw2-mobile-menu-btn strong {
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.4px;
  }

  /* Mobile logo center */
  .lw2-logo {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 4;
  }

  .lw2-logo img {
    width: 92px !important;
    max-height: 58px !important;
    object-fit: contain !important;
  }

  /* Mobile cart right */
  .lw2-mobile-cart {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #6f4b35 !important;
    font-size: 24px;
    line-height: 1;
    text-decoration: none !important;
    z-index: 5;
  }

  /* Mobile search separate line */
  .lw2-mobile-search-line {
    width: calc(100% - 28px);
    height: 44px;
    margin: 0 auto 12px auto;
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
    background: #fffaf5;
    border: 1px solid #dcc8b4;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(91, 58, 37, 0.08);
  }

  .lw2-mobile-search-line input[type="search"] {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    height: 100%;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    padding: 0 14px 0 18px !important;
    margin: 0 !important;
    color: #6f4b35 !important;
    font-size: 14px !important;
    font-weight: 500;
    box-shadow: none !important;
  }

  .lw2-mobile-search-line input[type="search"]::placeholder {
    color: #9b7a64;
    opacity: 1;
  }

  .lw2-mobile-search-line button {
    flex: 0 0 52px;
    width: 52px;
    height: 44px;
    min-width: 52px;
    border: none !important;
    outline: none !important;
    background: #6f4b35 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 50px 50px 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
    cursor: pointer;
  }

  .lw2-mobile-search-line button svg {
    width: 18px;
    height: 18px;
    stroke: #ffffff;
    stroke-width: 2.5;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    display: block;
  }

  /* Mobile nav hidden */
  .lw2-nav {
    position: fixed !important;
    top: 122px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: calc(100vh - 122px) !important;
    overflow-y: auto !important;
    background: #ffffff !important;
    display: none;
    padding: 22px 24px 28px !important;
    box-shadow: 0 20px 45px rgba(80, 45, 25, 0.22) !important;
    border-top: 1px solid #dcc8b4;
    z-index: 999999 !important;
  }

  .lw2-menu-toggle:checked ~ .lw2-nav {
    display: block !important;
  }

  .lw2-nav > ul {
    display: block;
    background: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .lw2-nav > ul > li {
    border-bottom: 1px solid #eeeeee;
    background: #ffffff !important;
  }

  .lw2-nav a {
    color: #111111 !important;
    font-size: 14px;
    font-weight: 900;
    padding: 14px 0;
    justify-content: space-between;
  }

  .lw2-nav a:hover {
    color: #6f4b35 !important;
  }

  /* Mobile dropdown always visible */
  .lw2-dropdown,
  .lw2-sub-dropdown {
    position: static !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    background: #ffffff !important;
    padding: 0 !important;
    margin: 0 0 10px !important;
  }

  .lw2-dropdown li a,
  .lw2-sub-dropdown li a {
    background: #f7efe6 !important;
    color: #111111 !important;
    border-radius: 10px;
    padding: 12px 16px !important;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700;
    text-transform: capitalize;
  }

  .lw2-sub-dropdown li a {
    background: #ead7c4 !important;
    padding-left: 24px !important;
  }
}






/* =====================================
   FORCE DROPDOWN ABOVE ALL SECTIONS
===================================== */

@media (min-width: 768px) {

  .lw2-header,
  .lw2-main-header,
  .lw2-main-inner,
  .lw2-container,
  .lw2-nav,
  .lw2-nav ul,
  .lw2-nav li,
  .elementor-location-header,
  .elementor-location-header *,
  .elementor-widget-html,
  .elementor-widget-html *,
  .elementor-widget-container {
    overflow: visible !important;
  }

  .lw2-header,
  .lw2-main-header,
  .elementor-location-header {
    position: relative !important;
    z-index: 2147483647 !important;
  }

  .lw2-dropdown,
  .lw2-sub-dropdown {
    z-index: 2147483647 !important;
  }

  /* Main dropdown default */
  .lw2-dropdown {
    width: 270px !important;
    background: #f8f1e8 !important;
    border: 1px solid #dcc8b4 !important;
    border-radius: 0 0 14px 14px !important;
    padding: 12px 0 !important;
    box-shadow: 0 18px 45px rgba(91, 58, 37, 0.18) !important;
  }

  .lw2-dropdown li {
    width: 100% !important;
    display: block !important;
  }

  .lw2-dropdown li a {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 22px !important;
    color: #6f4b35 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    background: transparent !important;
  }

  .lw2-dropdown li a:hover {
    background: #f0e2d4 !important;
    color: #b1845b !important;
  }

  /* Sub dropdown */
  .lw2-sub-dropdown {
    width: 240px !important;
    background: #f8f1e8 !important;
    border: 1px solid #dcc8b4 !important;
    border-radius: 0 14px 14px 14px !important;
    padding: 12px 0 !important;
    box-shadow: 0 18px 45px rgba(91, 58, 37, 0.18) !important;
  }

  /* JS active state */
  .lw2-dropdown.lw2-fixed-open,
  .lw2-sub-dropdown.lw2-fixed-open {
    position: fixed !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }
}







/* =====================================
   BALANCE DESKTOP HEADER ALIGNMENT
   Little Wonders Header
===================================== */

@media (min-width: 1025px) {

  /* Make header container better balanced */
  .lw2-container {
    max-width: 1500px !important;
    padding-left: 4% !important;
    padding-right: 4% !important;
  }

  /* Main header row balance */
  .lw2-main-inner {
    height: 105px !important;
    display: grid !important;
    grid-template-columns: 210px 1fr 540px !important;
    align-items: center !important;
    gap: 28px !important;
  }

  /* Logo left but not too far */
  .lw2-logo {
    justify-self: start !important;
  }

  .lw2-logo img {
    width: 165px !important;
    max-height: 105px !important;
    object-fit: contain !important;
  }

  /* Menu centered */
  .lw2-nav {
    justify-self: center !important;
  }

  .lw2-nav > ul {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 30px !important;
  }

  .lw2-nav a {
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px !important;
  }

  /* Right actions balanced */
  .lw2-actions {
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 16px !important;
  }

  /* Search box slightly smaller */
  .lw2-search {
    width: 285px !important;
    height: 50px !important;
  }

  .lw2-search input[type="search"] {
    font-size: 15px !important;
    padding-left: 22px !important;
  }

  .lw2-search button {
    width: 60px !important;
    min-width: 60px !important;
    height: 50px !important;
  }

  .lw2-login {
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  .lw2-cart {
    font-size: 25px !important;
  }
}

/* Medium desktop / laptop fix */
@media (min-width: 768px) and (max-width: 1400px) {

  .lw2-container {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }

  .lw2-main-inner {
    display: grid !important;
    grid-template-columns: 160px 1fr 440px !important;
    gap: 20px !important;
  }

  .lw2-logo img {
    width: 135px !important;
  }

  .lw2-nav > ul {
    gap: 22px !important;
  }

  .lw2-nav a {
    font-size: 14px !important;
  }

  .lw2-search {
    width: 230px !important;
    height: 46px !important;
  }

  .lw2-search button {
    width: 56px !important;
    min-width: 56px !important;
    height: 46px !important;
  }

  .lw2-login {
    font-size: 13px !important;
  }
}





/* =====================================
   FINAL DESKTOP HEADER BALANCE FIX
   Little Wonders Header
===================================== */

@media (min-width: 1025px) {

  /* Full balanced container */
  .lw2-header .lw2-container {
    max-width: 1680px !important;
    width: 100% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
    margin: 0 auto !important;
  }

  /* Main header row */
  .lw2-main-inner {
    height: 115px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 34px !important;
  }

  /* Logo area */
  .lw2-logo {
    flex: 0 0 150px !important;
    display: flex !important;
    justify-content: flex-start !important;
  }

  .lw2-logo img {
    width: 115px !important;
    max-height: 95px !important;
    object-fit: contain !important;
  }

  /* Navigation center */
  .lw2-nav {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  .lw2-nav > ul {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 32px !important;
    flex-wrap: nowrap !important;
  }

  .lw2-nav a {
    font-size: 15px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  /* Right side actions */
  .lw2-actions {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    min-width: 0 !important;
  }

  /* Search box */
  .lw2-search {
    width: 320px !important;
    height: 58px !important;
    flex: 0 0 320px !important;
  }

  .lw2-search input[type="search"] {
    font-size: 16px !important;
    padding-left: 24px !important;
  }

  .lw2-search button {
    width: 64px !important;
    min-width: 64px !important;
    height: 58px !important;
  }

  .lw2-search button svg {
    width: 21px !important;
    height: 21px !important;
  }

  /* Login */
  .lw2-login {
    font-size: 14px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  /* Cart */
  .lw2-cart {
    font-size: 25px !important;
    flex-shrink: 0 !important;
  }
}

/* Laptop / smaller desktop balance */
@media (min-width: 768px) and (max-width: 1400px) {

  .lw2-header .lw2-container {
    max-width: 100% !important;
    padding-left: 3% !important;
    padding-right: 3% !important;
  }

  .lw2-main-inner {
    height: 105px !important;
    gap: 22px !important;
  }

  .lw2-logo {
    flex: 0 0 115px !important;
  }

  .lw2-logo img {
    width: 100px !important;
  }

  .lw2-nav > ul {
    gap: 22px !important;
  }

  .lw2-nav a {
    font-size: 14px !important;
  }

  .lw2-search {
    width: 250px !important;
    height: 52px !important;
    flex: 0 0 250px !important;
  }

  .lw2-search button {
    width: 58px !important;
    min-width: 58px !important;
    height: 52px !important;
  }

  .lw2-login {
    font-size: 13px !important;
  }

  .lw2-actions {
    gap: 14px !important;
  }
}

/* Medium tablet landscape */
@media (min-width: 768px) and (max-width: 1150px) {

  .lw2-nav > ul {
    gap: 16px !important;
  }

  .lw2-nav a {
    font-size: 13px !important;
  }

  .lw2-search {
    width: 210px !important;
    flex-basis: 210px !important;
  }

  .lw2-login {
    font-size: 12px !important;
  }
}






/* =====================================
   HEADER FONT SIZE + SPACING FIX
   Little Wonders Header
===================================== */

@media (min-width: 1025px) {

  .lw2-header .lw2-container {
    max-width: 1600px !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
  }

  .lw2-main-inner {
    height: 105px !important;
    gap: 22px !important;
  }

  /* Logo */
  .lw2-logo {
    flex: 0 0 95px !important;
  }

  .lw2-logo img {
    width: 78px !important;
    max-height: 78px !important;
    object-fit: contain !important;
  }

  /* Menu reduce font size */
  .lw2-nav > ul {
    gap: 26px !important;
  }

  .lw2-nav a {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1px !important;
    white-space: nowrap !important;
  }

  /* Right actions */
  .lw2-actions {
    gap: 14px !important;
  }

  /* Search box smaller */
  .lw2-search {
    width: 290px !important;
    height: 50px !important;
    flex: 0 0 290px !important;
  }

  .lw2-search input[type="search"] {
    font-size: 14px !important;
    padding-left: 20px !important;
  }

  .lw2-search button {
    width: 58px !important;
    min-width: 58px !important;
    height: 50px !important;
  }

  .lw2-search button svg {
    width: 19px !important;
    height: 19px !important;
  }

  /* Login text reduce */
  .lw2-login {
    font-size: 13px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  .lw2-cart {
    font-size: 23px !important;
  }
}

/* Laptop / medium screen fix */
@media (min-width: 768px) and (max-width: 1400px) {

  .lw2-header .lw2-container {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }

  .lw2-main-inner {
    height: 95px !important;
    gap: 16px !important;
  }

  .lw2-logo {
    flex: 0 0 80px !important;
  }

  .lw2-logo img {
    width: 70px !important;
  }

  .lw2-nav > ul {
    gap: 18px !important;
  }

  .lw2-nav a {
    font-size: 12.5px !important;
    letter-spacing: 0 !important;
  }

  .lw2-search {
    width: 240px !important;
    height: 46px !important;
    flex: 0 0 240px !important;
  }

  .lw2-search input[type="search"] {
    font-size: 13px !important;
    padding-left: 18px !important;
  }

  .lw2-search button {
    width: 54px !important;
    min-width: 54px !important;
    height: 46px !important;
  }

  .lw2-login {
    font-size: 12px !important;
  }

  .lw2-cart {
    font-size: 21px !important;
  }
}

/* Smaller tablet / narrow desktop */
@media (min-width: 768px) and (max-width: 1150px) {

  .lw2-nav > ul {
    gap: 13px !important;
  }

  .lw2-nav a {
    font-size: 11.5px !important;
  }

  .lw2-search {
    width: 190px !important;
    flex-basis: 190px !important;
  }

  .lw2-login {
    font-size: 11px !important;
  }
}




/* =====================================
   INCREASE HEADER LOGO SIZE
   Little Wonders Header
===================================== */

@media (min-width: 1025px) {

  .lw2-logo {
    flex: 0 0 195px !important;
  }

  .lw2-logo img {
    width: 250px !important;
    max-height: 240px !important;
    object-fit: contain !important;
  }

  .lw2-main-inner {
    height: 95px !important;
  }
}

/* Laptop size */
@media (min-width: 768px) and (max-width: 1400px) {

  .lw2-logo {
    flex: 0 0 195px !important;
  }

  .lw2-logo img {
    width: 250px !important;
    max-height: 195px !important;
    object-fit: contain !important;
  }

  .lw2-main-inner {
    height: 90px !important;
  }
}

/* Mobile logo size */
@media (max-width: 767px) {

  .lw2-logo img {
    width: 155px !important;
    max-height: 102px !important;
    object-fit: contain !important;
  }

  .lw2-main-inner {
    height: 70px !important;
  }
}





/* =====================================================
   LITTLE WONDERS
   FINAL WORKING MOBILE MENU FIX
   Brand Colors:
   #4E2C1A
   #987256
===================================================== */

@media (max-width: 767px) {

  /* =================================================
     MAKE HEADER CLICKABLE ABOVE PAGE CONTENT
  ================================================= */

  .lw2-header {
    position: relative !important;
    z-index: 2147483000 !important;
    pointer-events: auto !important;
  }

  .lw2-main-header {
    position: relative !important;
    z-index: 2147483001 !important;
    pointer-events: auto !important;
  }

  .lw2-main-inner {
    position: relative !important;
    z-index: 2147483002 !important;
    pointer-events: auto !important;
  }


  /* =================================================
     MOBILE MENU BUTTON
     Works with LABEL or BUTTON
  ================================================= */

  .lw2-mobile-menu-btn,
  #lw2-mobile-menu-btn {

    position: absolute !important;

    left: 14px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    display: flex !important;

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

    gap: 7px !important;

    width: auto !important;
    min-width: 80px !important;

    height: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 5px 2px !important;

    color: #4E2C1A !important;

    background: transparent !important;

    border: 0 !important;
    outline: none !important;

    box-shadow: none !important;

    cursor: pointer !important;

    pointer-events: auto !important;

    touch-action: manipulation !important;

    user-select: none !important;
    -webkit-user-select: none !important;

    z-index: 2147483646 !important;
  }


  /* Let parent button receive the click */
  .lw2-mobile-menu-btn *,
  #lw2-mobile-menu-btn * {
    pointer-events: none !important;
  }


  .lw2-mobile-menu-btn span,
  #lw2-mobile-menu-btn span {

    color: #4E2C1A !important;

    font-size: 27px !important;

    line-height: 1 !important;
  }


  .lw2-mobile-menu-btn strong,
  #lw2-mobile-menu-btn strong {

    color: #4E2C1A !important;

    font-size: 13px !important;

    font-weight: 800 !important;

    line-height: 1 !important;
  }


  /* Remove pseudo-element click blocking */
  .lw2-mobile-menu-btn::before,
  .lw2-mobile-menu-btn::after,
  #lw2-mobile-menu-btn::before,
  #lw2-mobile-menu-btn::after {

    pointer-events: none !important;
  }


  /* =================================================
     HIDE ORIGINAL NAV ONLY ON MOBILE

     JS clones this menu into the new drawer.
  ================================================= */

  .lw2-header .lw2-nav {
    display: none !important;
  }


  /* =================================================
     LOCK PAGE WHEN MENU OPEN
  ================================================= */

  html.lw2-menu-lock,
  body.lw2-menu-lock {

    overflow: hidden !important;

    height: 100% !important;
  }


  /* =================================================
     MOBILE DRAWER
     DIRECT CHILD OF BODY
  ================================================= */

  body > #lw2-final-mobile-menu {

    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100vw !important;
    max-width: 100vw !important;

    height: 100vh !important;
    height: 100dvh !important;

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

    background: #fffaf6 !important;

    border: 0 !important;
    border-radius: 0 !important;

    overflow: hidden !important;

    /* Above Elementor + hero */
    z-index: 2147483647 !important;

    /* CLOSED */
    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform: translateX(-100%) !important;

    transition:
      transform 0.34s ease,
      opacity 0.24s ease,
      visibility 0.24s ease !important;
  }


  /* =================================================
     OPEN STATE
  ================================================= */

  body > #lw2-final-mobile-menu.lw2-menu-open {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform: translateX(0) !important;
  }


  /* =================================================
     DRAWER TOP AREA
  ================================================= */

  #lw2-final-mobile-menu .lw2-final-menu-header {

    display: grid !important;

    grid-template-columns:
      52px
      1fr
      52px !important;

    align-items: center !important;

    width: 100% !important;

    min-height: 78px !important;

    padding:
      8px
      14px !important;

    background: #f7efe6 !important;

    border-bottom:
      1px solid rgba(152, 114, 86, 0.25) !important;

    box-shadow:
      0 7px 20px rgba(78, 44, 26, 0.08) !important;
  }


  /* =================================================
     DRAWER LOGO
  ================================================= */

  #lw2-final-mobile-menu .lw2-final-menu-logo {

    grid-column: 2 !important;

    display: flex !important;

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

    text-decoration: none !important;
  }


  #lw2-final-mobile-menu .lw2-final-menu-logo img {

    display: block !important;

    width: 120px !important;
    max-width: 120px !important;

    height: 62px !important;
    max-height: 62px !important;

    object-fit: contain !important;

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

    border: 0 !important;

    box-shadow: none !important;
  }


  /* =================================================
     CLOSE BUTTON
  ================================================= */

  #lw2-final-mobile-menu .lw2-final-menu-close {

    grid-column: 3 !important;

    justify-self: end !important;

    display: flex !important;

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

    width: 42px !important;
    height: 42px !important;

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

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

    color: #ffffff !important;

    background: #4E2C1A !important;

    border: 0 !important;

    border-radius: 50% !important;

    outline: none !important;

    box-shadow:
      0 8px 18px rgba(78, 44, 26, 0.20) !important;

    font-size: 25px !important;

    line-height: 1 !important;

    cursor: pointer !important;

    pointer-events: auto !important;
  }


  #lw2-final-mobile-menu .lw2-final-menu-close:hover {

    background: #987256 !important;
  }


  /* =================================================
     SCROLLABLE MENU CONTENT
  ================================================= */

  #lw2-final-mobile-menu .lw2-final-menu-content {

    width: 100% !important;

    height: calc(100dvh - 78px) !important;

    padding:
      20px
      18px
      45px !important;

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

    -webkit-overflow-scrolling: touch !important;

    background:
      linear-gradient(
        180deg,
        #fffaf6 0%,
        #ffffff 100%
      ) !important;
  }


  /* =================================================
     SEARCH INSIDE MOBILE MENU
  ================================================= */

  #lw2-final-mobile-menu .lw2-final-menu-search {

    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    height: 48px !important;

    margin:
      0
      0
      20px !important;

    padding: 0 !important;

    background: #ffffff !important;

    border:
      1px solid rgba(152, 114, 86, 0.38) !important;

    border-radius: 999px !important;

    overflow: hidden !important;

    box-shadow:
      0 8px 22px rgba(78, 44, 26, 0.08) !important;
  }


  #lw2-final-mobile-menu
  .lw2-final-menu-search
  input[type="search"] {

    flex: 1 1 auto !important;

    min-width: 0 !important;

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

    margin: 0 !important;

    padding:
      0
      18px !important;

    color: #4E2C1A !important;

    background: transparent !important;

    border: 0 !important;

    outline: none !important;

    box-shadow: none !important;

    font-size: 14px !important;
  }


  #lw2-final-mobile-menu
  .lw2-final-menu-search
  button {

    flex: 0 0 56px !important;

    display: flex !important;

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

    width: 56px !important;
    height: 48px !important;

    min-width: 56px !important;

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

    color: #ffffff !important;

    background: #4E2C1A !important;

    border: 0 !important;

    border-radius: 0 !important;

    cursor: pointer !important;
  }


  #lw2-final-mobile-menu
  .lw2-final-menu-search
  button:hover {

    background: #987256 !important;
  }


  #lw2-final-mobile-menu
  .lw2-final-menu-search
  svg {

    width: 19px !important;
    height: 19px !important;

    stroke: #ffffff !important;

    stroke-width: 2.5 !important;

    fill: none !important;
  }


  /* =================================================
     MAIN MENU
  ================================================= */

  #lw2-final-mobile-menu .lw2-final-menu-list {

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 0 !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
  }


  #lw2-final-mobile-menu
  .lw2-final-menu-list
  > li {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;

    border-bottom:
      1px solid rgba(152, 114, 86, 0.17) !important;
  }


  /* =================================================
     MAIN LINKS
  ================================================= */

  #lw2-final-mobile-menu
  .lw2-final-menu-list
  > li
  > a {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    width: 100% !important;

    min-height: 58px !important;

    margin: 0 !important;

    padding:
      16px
      11px !important;

    color: #4E2C1A !important;

    background: transparent !important;

    font-family:
      "Poppins",
      Arial,
      sans-serif !important;

    font-size: 15px !important;

    font-weight: 800 !important;

    line-height: 1.3 !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    white-space: normal !important;
  }


  #lw2-final-mobile-menu
  .lw2-final-menu-list
  > li
  > a:hover {

    color: #987256 !important;

    background:
      rgba(152, 114, 86, 0.07) !important;
  }


  /* =================================================
     BABY DIAPERS DROPDOWN
     ALWAYS VISIBLE ON MOBILE
  ================================================= */

  #lw2-final-mobile-menu .lw2-dropdown {

    position: static !important;

    display: block !important;

    width: 100% !important;

    margin:
      0
      0
      12px !important;

    padding:
      4px
      0
      8px !important;

    opacity: 1 !important;

    visibility: visible !important;

    transform: none !important;

    pointer-events: auto !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    list-style: none !important;
  }


  #lw2-final-mobile-menu
  .lw2-dropdown
  li {

    display: block !important;

    width: 100% !important;

    margin:
      0
      0
      7px !important;

    padding: 0 !important;

    list-style: none !important;
  }


  #lw2-final-mobile-menu
  .lw2-dropdown
  li
  a {

    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    min-height: 47px !important;

    margin: 0 !important;

    padding:
      12px
      16px !important;

    color: #4E2C1A !important;

    background:
      rgba(235, 223, 212, 0.68) !important;

    border:
      1px solid rgba(152, 114, 86, 0.18) !important;

    border-radius: 11px !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;

    text-transform: none !important;

    text-decoration: none !important;
  }


  #lw2-final-mobile-menu
  .lw2-dropdown
  li
  a:hover {

    color: #ffffff !important;

    background: #987256 !important;
  }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

  #lw2-final-mobile-menu {

    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8cf92c2 *//* =====================================================
   LITTLE WONDERS HEADER V5
   COMPLETE FIXED CSS
===================================================== */


/* =====================================================
   RESET
===================================================== */

.lw4-header,
.lw4-header *,
.lw4-drawer,
.lw4-drawer *,
.lw4-drawer-overlay {
  box-sizing: border-box;
}


/* =====================================================
   MAIN HEADER
===================================================== */

.lw4-header {
  position: relative !important;

  width: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  z-index: 999999 !important;

  overflow: visible !important;
}


.lw4-container {
  width: 100% !important;

  max-width: 1600px !important;

  margin: 0 auto !important;

  padding-left: 4% !important;

  padding-right: 4% !important;
}


/* =====================================================
   TOP BAR
===================================================== */

.lw4-topbar {
  position: relative !important;

  background: #efe2d4 !important;

  border-bottom:
    1px solid rgba(152, 114, 86, 0.22) !important;

  z-index: 10 !important;
}


.lw4-topbar-inner {
  min-height: 44px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  gap: 20px !important;
}


.lw4-top-left,
.lw4-top-right {
  display: flex !important;

  align-items: center !important;

  gap: 18px !important;

  flex-wrap: wrap !important;
}


.lw4-topbar a {
  color: #4E2C1A !important;

  text-decoration: none !important;

  font-size: 12.5px !important;

  font-weight: 700 !important;

  line-height: 1.4 !important;
}


.lw4-topbar a:hover {
  color: #987256 !important;
}


/* =====================================================
   MAIN HEADER ROW
===================================================== */

.lw4-main-header {
  position: relative !important;

  overflow: visible !important;

  background: #f7efe6 !important;

  border-bottom:
    1px solid rgba(152, 114, 86, 0.24) !important;

  z-index: 999999 !important;
}


.lw4-main-inner {
  position: relative !important;

  min-height: 96px !important;

  display: grid !important;

  grid-template-columns:
    190px
    minmax(0, 1fr)
    auto !important;

  align-items: center !important;

  gap: 25px !important;

  overflow: visible !important;
}


/* =====================================================
   LOGO
===================================================== */

.lw4-logo {
  position: relative !important;

  display: flex !important;

  align-items: center !important;

  justify-content: flex-start !important;

  text-decoration: none !important;

  z-index: 5 !important;
}


.lw4-logo img {
  display: block !important;

  width: 190px !important;

  max-width: 100% !important;

  max-height: 92px !important;

  object-fit: contain !important;

  margin: 0 !important;
}


/* =====================================================
   DESKTOP NAVIGATION
===================================================== */

.lw4-desktop-nav {
  position: relative !important;

  display: flex !important;

  justify-content: center !important;

  min-width: 0 !important;

  overflow: visible !important;

  z-index: 9999999 !important;
}


.lw4-desktop-nav ul {
  list-style: none !important;

  margin: 0 !important;

  padding: 0 !important;
}


.lw4-main-menu {
  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 26px !important;

  overflow: visible !important;
}


.lw4-main-menu > li {
  position: relative !important;

  display: block !important;

  margin: 0 !important;

  padding: 0 !important;

  overflow: visible !important;
}


.lw4-desktop-nav a {
  color: #4E2C1A !important;

  text-decoration: none !important;

  font-size: 13px !important;

  font-weight: 800 !important;

  text-transform: uppercase !important;

  white-space: nowrap !important;
}


.lw4-main-menu > li > a {
  position: relative !important;

  display: flex !important;

  align-items: center !important;

  gap: 5px !important;

  padding:
    12px
    0 !important;

  cursor: pointer !important;

  pointer-events: auto !important;

  z-index: 2 !important;
}


.lw4-desktop-nav a:hover {
  color: #987256 !important;
}


/* =====================================================
   BABY DIAPERS DROPDOWN PARENT
===================================================== */

.lw4-has-dropdown {
  position: relative !important;

  overflow: visible !important;
}


.lw4-parent-link {
  position: relative !important;

  cursor: pointer !important;

  pointer-events: auto !important;
}


.lw4-dropdown-arrow {
  display: inline-block !important;

  margin-left: 2px !important;

  font-size: 10px !important;

  line-height: 1 !important;

  transition:
    transform 0.25s ease !important;
}


.lw4-has-dropdown:hover
.lw4-dropdown-arrow {
  transform:
    rotate(180deg) !important;
}


/* =====================================================
   CRITICAL FIX:
   INVISIBLE HOVER BRIDGE
===================================================== */

.lw4-dropdown-bridge {
  position: absolute !important;

  left: 0 !important;

  top: 100% !important;

  display: block !important;

  width: 250px !important;

  height: 22px !important;

  background: transparent !important;

  pointer-events: auto !important;

  z-index: 99999990 !important;
}


/* =====================================================
   DESKTOP DROPDOWN
===================================================== */

.lw4-dropdown {
  position: absolute !important;

  top: calc(100% + 16px) !important;

  left: 0 !important;

  display: block !important;

  width: 235px !important;

  min-width: 235px !important;

  margin: 0 !important;

  padding: 10px !important;

  background: #fffaf6 !important;

  border:
    1px solid rgba(152, 114, 86, 0.25) !important;

  border-radius: 14px !important;

  box-shadow:
    0 20px 45px rgba(78, 44, 26, 0.15) !important;

  opacity: 0 !important;

  visibility: hidden !important;

  pointer-events: none !important;

  transform:
    translateY(8px) !important;

  transition:
    opacity 0.22s ease,
    visibility 0.22s ease,
    transform 0.22s ease !important;

  overflow: visible !important;

  z-index: 99999999 !important;
}


/* =====================================================
   SHOW DROPDOWN
===================================================== */

.lw4-has-dropdown:hover > .lw4-dropdown,
.lw4-has-dropdown:focus-within > .lw4-dropdown,
.lw4-has-dropdown.lw4-dropdown-open > .lw4-dropdown {
  opacity: 1 !important;

  visibility: visible !important;

  pointer-events: auto !important;

  transform:
    translateY(0) !important;
}


/* =====================================================
   DROPDOWN LIST ITEMS
===================================================== */

.lw4-dropdown > li {
  position: relative !important;

  display: block !important;

  width: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  pointer-events: auto !important;

  z-index: 1 !important;
}


.lw4-dropdown > li + li {
  margin-top: 5px !important;
}


/* =====================================================
   ACTUAL CLICKABLE SUBMENU LINKS
===================================================== */

.lw4-dropdown > li > a {
  position: relative !important;

  display: block !important;

  width: 100% !important;

  min-height: 44px !important;

  margin: 0 !important;

  padding:
    12px
    14px !important;

  color: #4E2C1A !important;

  background: transparent !important;

  border: 0 !important;

  border-radius: 9px !important;

  text-decoration: none !important;

  font-size: 14px !important;

  font-weight: 700 !important;

  text-transform: none !important;

  line-height: 1.4 !important;

  cursor: pointer !important;

  pointer-events: auto !important;

  touch-action: manipulation !important;

  z-index: 999999999 !important;
}


.lw4-dropdown > li > a:hover,
.lw4-dropdown > li > a:focus {
  color: #ffffff !important;

  background: #987256 !important;

  outline: none !important;
}


/* =====================================================
   DESKTOP ACTIONS
===================================================== */

.lw4-actions {
  position: relative !important;

  display: flex !important;

  align-items: center !important;

  justify-content: flex-end !important;

  gap: 14px !important;

  z-index: 5 !important;
}


/* =====================================================
   DESKTOP SEARCH
===================================================== */

.lw4-desktop-search {
  display: flex !important;

  align-items: center !important;

  width: 275px !important;

  height: 48px !important;

  margin: 0 !important;

  padding: 0 !important;

  background: #fffaf6 !important;

  border:
    1px solid rgba(152, 114, 86, 0.42) !important;

  border-radius: 999px !important;

  overflow: hidden !important;
}


.lw4-desktop-search input[type="search"] {
  flex: 1 1 auto !important;

  min-width: 0 !important;

  width: auto !important;

  height: 100% !important;

  margin: 0 !important;

  padding:
    0
    14px
    0
    20px !important;

  color: #4E2C1A !important;

  background: transparent !important;

  border: 0 !important;

  outline: 0 !important;

  box-shadow: none !important;
}


.lw4-desktop-search input::placeholder {
  color: #987256 !important;
}


.lw4-desktop-search button {
  flex: 0 0 56px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 56px !important;

  height: 48px !important;

  margin: 0 !important;

  padding: 0 !important;

  background: #4E2C1A !important;

  border: 0 !important;

  border-radius:
    0
    999px
    999px
    0 !important;

  cursor: pointer !important;
}


.lw4-desktop-search button:hover {
  background: #987256 !important;
}


/* =====================================================
   SEARCH ICONS
===================================================== */

.lw4-desktop-search svg,
.lw4-mobile-search svg,
.lw4-drawer-search svg {
  width: 19px !important;

  height: 19px !important;

  stroke: #ffffff !important;

  stroke-width: 2.5 !important;

  fill: none !important;

  stroke-linecap: round !important;

  stroke-linejoin: round !important;
}


/* =====================================================
   LOGIN
===================================================== */

.lw4-login {
  color: #4E2C1A !important;

  text-decoration: none !important;

  font-size: 12px !important;

  font-weight: 800 !important;

  text-transform: uppercase !important;

  white-space: nowrap !important;
}


.lw4-login:hover {
  color: #987256 !important;
}


/* =====================================================
   CART
===================================================== */

.lw4-cart {
  color: #4E2C1A !important;

  text-decoration: none !important;

  font-size: 23px !important;
}


/* =====================================================
   MOBILE ITEMS DEFAULT HIDDEN
===================================================== */

.lw4-menu-btn,
.lw4-mobile-cart,
.lw4-mobile-search {
  display: none !important;
}


/* =====================================================
   LAPTOP
===================================================== */

@media
(min-width: 768px)
and
(max-width: 1350px) {

  .lw4-container {
    padding-left: 2.5% !important;

    padding-right: 2.5% !important;
  }


  .lw4-main-inner {
    grid-template-columns:
      145px
      minmax(0, 1fr)
      auto !important;

    gap: 16px !important;
  }


  .lw4-logo img {
    width: 145px !important;
  }


  .lw4-main-menu {
    gap: 16px !important;
  }


  .lw4-desktop-nav a {
    font-size: 11.5px !important;
  }


  .lw4-desktop-search {
    width: 195px !important;
  }


  .lw4-login {
    font-size: 10.5px !important;
  }

}


/* =====================================================
   MOBILE HEADER
===================================================== */

@media (max-width: 767px) {

  .lw4-topbar {
    display: none !important;
  }


  .lw4-header {
    position: relative !important;

    z-index: 999999 !important;

    pointer-events: auto !important;
  }


  .lw4-main-header {
    position: relative !important;

    background: #f7efe6 !important;

    z-index: 999999 !important;

    pointer-events: auto !important;
  }


  .lw4-container {
    padding-left: 16px !important;

    padding-right: 16px !important;
  }


  .lw4-main-inner {
    position: relative !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 76px !important;

    gap: 0 !important;

    pointer-events: auto !important;
  }


  /* HIDE DESKTOP */
  .lw4-desktop-nav,
  .lw4-actions {
    display: none !important;
  }


  /* =================================================
     MOBILE MENU BUTTON
  ================================================= */

  .lw4-menu-btn {
    position: absolute !important;

    left: 16px !important;

    top: 50% !important;

    transform:
      translateY(-50%) !important;

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    gap: 8px !important;

    width: 90px !important;

    height: 48px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #4E2C1A !important;

    background: transparent !important;

    border: 0 !important;

    outline: 0 !important;

    box-shadow: none !important;

    cursor: pointer !important;

    pointer-events: auto !important;

    touch-action: manipulation !important;

    appearance: none !important;

    -webkit-appearance: none !important;

    z-index: 9999999 !important;
  }


  .lw4-menu-btn * {
    pointer-events: none !important;
  }


  .lw4-hamburger {
    display: flex !important;

    flex-direction: column !important;

    gap: 5px !important;

    width: 23px !important;
  }


  .lw4-hamburger i {
    display: block !important;

    width: 23px !important;

    height: 2px !important;

    background: #4E2C1A !important;

    border-radius: 30px !important;
  }


  .lw4-menu-btn strong {
    color: #4E2C1A !important;

    font-size: 13px !important;

    font-weight: 800 !important;
  }


  /* =================================================
     MOBILE LOGO
  ================================================= */

  .lw4-logo {
    position: absolute !important;

    left: 50% !important;

    top: 50% !important;

    transform:
      translate(-50%, -50%) !important;
  }


  .lw4-logo img {
    width: 125px !important;

    max-width: 125px !important;

    max-height: 70px !important;

    object-fit: contain !important;
  }


  /* =================================================
     MOBILE CART
  ================================================= */

  .lw4-mobile-cart {
    position: absolute !important;

    right: 16px !important;

    top: 50% !important;

    transform:
      translateY(-50%) !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 44px !important;

    height: 44px !important;

    color: #4E2C1A !important;

    text-decoration: none !important;

    font-size: 23px !important;
  }


  /* =================================================
     MOBILE SEARCH
  ================================================= */

  .lw4-mobile-search {
    display: flex !important;

    align-items: center !important;

    width:
      calc(100% - 32px) !important;

    height: 48px !important;

    margin:
      0
      auto
      14px !important;

    padding: 0 !important;

    background: #fffaf6 !important;

    border:
      1px solid rgba(152, 114, 86, 0.42) !important;

    border-radius: 999px !important;

    overflow: hidden !important;

    box-shadow:
      0 8px 22px rgba(78, 44, 26, 0.07) !important;
  }


  .lw4-mobile-search input[type="search"] {
    flex: 1 1 auto !important;

    min-width: 0 !important;

    height: 100% !important;

    margin: 0 !important;

    padding:
      0
      18px !important;

    color: #4E2C1A !important;

    background: transparent !important;

    border: 0 !important;

    outline: 0 !important;

    box-shadow: none !important;

    font-size: 14px !important;
  }


  .lw4-mobile-search input::placeholder {
    color: #987256 !important;
  }


  .lw4-mobile-search button {
    flex: 0 0 58px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 58px !important;

    height: 48px !important;

    margin: 0 !important;

    padding: 0 !important;

    background: #4E2C1A !important;

    border: 0 !important;

    border-radius:
      0
      999px
      999px
      0 !important;

    cursor: pointer !important;
  }

}


/* =====================================================
   MOBILE DRAWER OVERLAY
===================================================== */

.lw4-drawer-overlay {
  position: fixed !important;

  inset: 0 !important;

  display: block !important;

  width: 100vw !important;

  height: 100vh !important;

  height: 100dvh !important;

  background:
    rgba(35, 20, 12, 0.58) !important;

  backdrop-filter:
    blur(3px) !important;

  -webkit-backdrop-filter:
    blur(3px) !important;

  opacity: 0 !important;

  visibility: hidden !important;

  pointer-events: none !important;

  transition:
    opacity 0.28s ease,
    visibility 0.28s ease !important;

  z-index: 2147483645 !important;
}


.lw4-drawer-overlay.lw4-overlay-open {
  opacity: 1 !important;

  visibility: visible !important;

  pointer-events: auto !important;
}


/* =====================================================
   MOBILE SIDE DRAWER
===================================================== */

.lw4-drawer {
  position: fixed !important;

  top: 0 !important;

  left: 0 !important;

  bottom: 0 !important;

  display: flex !important;

  flex-direction: column !important;

  width: 88vw !important;

  max-width: 390px !important;

  height: 100vh !important;

  height: 100dvh !important;

  margin: 0 !important;

  padding: 0 !important;

  background: #fffaf6 !important;

  border: 0 !important;

  border-radius: 0 !important;

  box-shadow:
    20px 0 55px rgba(78, 44, 26, 0.24) !important;

  overflow: hidden !important;

  transform:
    translateX(-105%) !important;

  visibility: hidden !important;

  pointer-events: none !important;

  transition:
    transform 0.34s ease,
    visibility 0.34s ease !important;

  z-index: 2147483647 !important;
}


.lw4-drawer.lw4-drawer-open {
  transform:
    translateX(0) !important;

  visibility: visible !important;

  pointer-events: auto !important;
}


/* =====================================================
   DRAWER HEAD
===================================================== */

.lw4-drawer-head {
  flex: 0 0 82px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  width: 100% !important;

  min-height: 82px !important;

  padding:
    8px
    16px !important;

  background: #f7efe6 !important;

  border-bottom:
    1px solid rgba(152, 114, 86, 0.25) !important;
}


.lw4-drawer-logo {
  display: flex !important;

  align-items: center !important;

  text-decoration: none !important;
}


.lw4-drawer-logo img {
  display: block !important;

  width: 135px !important;

  max-width: 135px !important;

  height: 68px !important;

  object-fit: contain !important;
}


.lw4-drawer-close {
  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 42px !important;

  height: 42px !important;

  min-width: 42px !important;

  margin: 0 !important;

  padding: 0 !important;

  color: #ffffff !important;

  background: #4E2C1A !important;

  border: 0 !important;

  border-radius: 50% !important;

  outline: 0 !important;

  box-shadow:
    0 8px 18px rgba(78, 44, 26, 0.18) !important;

  font-size: 26px !important;

  line-height: 1 !important;

  cursor: pointer !important;
}


.lw4-drawer-close:hover {
  background: #987256 !important;
}


/* =====================================================
   DRAWER BODY
===================================================== */

.lw4-drawer-body {
  flex: 1 1 auto !important;

  min-height: 0 !important;

  width: 100% !important;

  padding:
    20px
    18px
    40px !important;

  overflow-x: hidden !important;

  overflow-y: auto !important;

  -webkit-overflow-scrolling:
    touch !important;

  background:
    linear-gradient(
      180deg,
      #fffaf6 0%,
      #ffffff 100%
    ) !important;
}


/* =====================================================
   DRAWER SEARCH
===================================================== */

.lw4-drawer-search {
  display: flex !important;

  align-items: center !important;

  width: 100% !important;

  height: 50px !important;

  margin:
    0
    0
    20px !important;

  padding: 0 !important;

  background: #ffffff !important;

  border:
    1px solid rgba(152, 114, 86, 0.38) !important;

  border-radius: 999px !important;

  overflow: hidden !important;

  box-shadow:
    0 8px 22px rgba(78, 44, 26, 0.08) !important;
}


.lw4-drawer-search input[type="search"] {
  flex: 1 1 auto !important;

  min-width: 0 !important;

  height: 100% !important;

  margin: 0 !important;

  padding:
    0
    17px !important;

  color: #4E2C1A !important;

  background: transparent !important;

  border: 0 !important;

  outline: 0 !important;

  box-shadow: none !important;

  font-size: 14px !important;
}


.lw4-drawer-search input::placeholder {
  color: #987256 !important;
}


.lw4-drawer-search button {
  flex: 0 0 56px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 56px !important;

  height: 50px !important;

  margin: 0 !important;

  padding: 0 !important;

  background: #4E2C1A !important;

  border: 0 !important;

  border-radius: 0 !important;

  cursor: pointer !important;
}


.lw4-drawer-search button:hover {
  background: #987256 !important;
}


/* =====================================================
   MOBILE NAVIGATION
===================================================== */

.lw4-mobile-nav ul {
  list-style: none !important;

  margin: 0 !important;

  padding: 0 !important;
}


.lw4-mobile-nav > ul > li {
  width: 100% !important;

  border-bottom:
    1px solid rgba(152, 114, 86, 0.17) !important;
}


.lw4-mobile-nav > ul > li > a {
  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  width: 100% !important;

  min-height: 58px !important;

  padding:
    15px
    10px !important;

  color: #4E2C1A !important;

  background: transparent !important;

  text-decoration: none !important;

  font-size: 15px !important;

  font-weight: 800 !important;

  text-transform: uppercase !important;
}


.lw4-mobile-nav > ul > li > a:hover {
  color: #987256 !important;

  background:
    rgba(152, 114, 86, 0.06) !important;
}


/* =====================================================
   MOBILE DETAILS ACCORDION
===================================================== */

.lw4-mobile-parent details {
  width: 100% !important;
}


.lw4-mobile-parent summary {
  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  min-height: 58px !important;

  padding:
    15px
    10px !important;

  color: #4E2C1A !important;

  cursor: pointer !important;

  list-style: none !important;

  font-size: 15px !important;

  font-weight: 800 !important;

  text-transform: uppercase !important;
}


.lw4-mobile-parent summary::-webkit-details-marker {
  display: none !important;
}


.lw4-details-arrow {
  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 28px !important;

  height: 28px !important;

  color: #ffffff !important;

  background: #4E2C1A !important;

  border-radius: 50% !important;

  font-size: 18px !important;

  transition:
    transform 0.25s ease !important;
}


.lw4-mobile-parent
details[open]
.lw4-details-arrow {
  transform:
    rotate(45deg) !important;

  background: #987256 !important;
}


/* =====================================================
   MOBILE SUBMENU
===================================================== */

.lw4-mobile-submenu {
  padding:
    0
    0
    12px !important;
}


.lw4-mobile-submenu a {
  display: block !important;

  width: 100% !important;

  margin:
    0
    0
    7px !important;

  padding:
    12px
    15px !important;

  color: #4E2C1A !important;

  background:
    rgba(235, 223, 212, 0.68) !important;

  border:
    1px solid rgba(152, 114, 86, 0.18) !important;

  border-radius: 10px !important;

  text-decoration: none !important;

  font-size: 14px !important;

  font-weight: 700 !important;

  cursor: pointer !important;

  pointer-events: auto !important;
}


.lw4-mobile-submenu a:hover {
  color: #ffffff !important;

  background: #987256 !important;
}


/* =====================================================
   DRAWER CONTACT BOX
===================================================== */

.lw4-drawer-contact {
  display: flex !important;

  flex-direction: column !important;

  gap: 9px !important;

  margin-top: 24px !important;

  padding: 17px !important;

  background:
    rgba(235, 223, 212, 0.55) !important;

  border:
    1px solid rgba(152, 114, 86, 0.18) !important;

  border-radius: 14px !important;
}


.lw4-drawer-contact-label {
  color: #987256 !important;

  font-size: 12px !important;

  font-weight: 800 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.7px !important;
}


.lw4-drawer-contact a {
  color: #4E2C1A !important;

  text-decoration: none !important;

  font-size: 14px !important;

  font-weight: 700 !important;
}


/* =====================================================
   PAGE LOCK
===================================================== */

html.lw4-menu-lock,
body.lw4-menu-lock {
  overflow: hidden !important;
}


/* =====================================================
   HIDE MOBILE DRAWER ON DESKTOP
===================================================== */

@media (min-width: 768px) {

  .lw4-drawer,
  .lw4-drawer-overlay {
    display: none !important;
  }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 420px) {

  .lw4-logo img {
    width: 105px !important;
  }


  .lw4-menu-btn {
    width: 78px !important;
  }


  .lw4-menu-btn strong {
    font-size: 12px !important;
  }


  .lw4-drawer {
    width: 91vw !important;
  }

}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

  .lw4-drawer,
  .lw4-drawer-overlay,
  .lw4-dropdown,
  .lw4-details-arrow,
  .lw4-dropdown-arrow {
    transition: none !important;
  }

}/* End custom CSS */