.elementor-11 .elementor-element.elementor-element-59a0401:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-59a0401 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://littlewonders.lk/wp-content/uploads/2026/06/ChatGPT-Image-Jun-20-2026-12_58_52-PM.png");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-59a0401 > .elementor-container{max-width:1140px;min-height:500px;}.elementor-11 .elementor-element.elementor-element-59a0401 > .elementor-background-overlay{opacity:0.18;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11 .elementor-element.elementor-element-59a0401{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-11 .elementor-element.elementor-element-11edce3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-11 .elementor-element.elementor-element-11edce3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-11 .elementor-element.elementor-element-11edce3.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-11 .elementor-element.elementor-element-11edce3 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-11 .elementor-element.elementor-element-3e0270a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-1e8dff2 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:var( --e-global-color-8ac896c );}.elementor-11 .elementor-element.elementor-element-1e8dff2{--links-normal-color:var( --e-global-color-text );--forms-buttons-border-color:var( --e-global-color-8ac896c );}:root{--page-title-display:none;}@media(min-width:1651px){.elementor-11 .elementor-element.elementor-element-59a0401:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-59a0401 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:641px){.elementor-11 .elementor-element.elementor-element-59a0401 > .elementor-container{min-height:187px;}.elementor-11 .elementor-element.elementor-element-3e0270a{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for section, class: .elementor-element-59a0401 *//* ================================
   Little Wonders Contact Hero
   Premium Elegant Look
   Class: lw-contact-hero
================================ */

.lw-contact-hero {
  position: relative;
  overflow: hidden;
  min-height: 540px;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* Soft premium overlay */
.lw-contact-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(circle at center, rgba(255, 247, 237, 0.62) 0%, rgba(255, 240, 228, 0.36) 38%, rgba(211, 145, 126, 0.18) 100%),
    linear-gradient(90deg, rgba(92, 52, 38, 0.18), rgba(255, 244, 232, 0.1), rgba(92, 52, 38, 0.12));
}

/* Premium inner frame */
.lw-contact-hero::after {
  content: "";
  position: absolute;
  inset: 35px;
  z-index: 2;
  border: 1px solid rgba(142, 91, 75, 0.22);
  border-radius: 2px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.28),
    0 20px 70px rgba(112, 67, 50, 0.12);
  pointer-events: none;
}

/* Keep content above overlay */
.lw-contact-hero .elementor-container,
.lw-contact-hero .e-con-inner,
.lw-contact-hero .elementor-widget-wrap {
  position: relative;
  z-index: 3;
}

/* Center content card */
.lw-contact-hero .elementor-widget-heading,
.lw-contact-hero .elementor-widget-text-editor {
  text-align: center;
}

/* Main title */
.lw-contact-hero h1,
.lw-contact-hero h2,
.lw-contact-hero .elementor-heading-title {
  color: #7b4a3f !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(24px, 6vw, 46px) !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  line-height: 1.05 !important;
  text-shadow: 0 8px 28px rgba(94, 53, 42, 0.16);
  margin-bottom: 22px !important;
}

/* Decorative line above title */
.lw-contact-hero .elementor-widget-heading::before {
  content: "✦";
  display: block;
  width: 220px;
  margin: 0 auto 18px;
  color: #b78378;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  background:
    linear-gradient(to right, transparent, rgba(167, 108, 94, 0.65), transparent);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: center;
}

/* Subtitle */
.lw-contact-hero .elementor-widget-text-editor,
.lw-contact-hero .elementor-widget-text-editor p {
  color: #8b5e53 !important;
  font-family: Georgia, serif !important;
  font-size: clamp(18px, 1.6vw, 25px) !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.2px;
  text-shadow: 0 5px 18px rgba(255, 255, 255, 0.65);
}

/* Decorative line between title and subtitle */
.lw-contact-hero .elementor-widget-text-editor::before {
  content: "♥";
  display: block;
  width: 230px;
  margin: 0 auto 18px;
  color: #c58c82;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  background:
    linear-gradient(to right, transparent, rgba(183, 124, 111, 0.55), transparent);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: center;
}

/* Optional: remove too bright white text */
.lw-contact-hero * {
  text-shadow: none;
}

/* ================================
   Premium Header / Menu
================================ */

.site-header,
header,
.elementor-location-header {
  background: rgba(255, 250, 245, 0.94) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(151, 101, 83, 0.18);
  box-shadow: 0 12px 35px rgba(98, 58, 42, 0.08);
}

.elementor-nav-menu > li > a,
.elementor-nav-menu a {
  color: #4f2f25 !important;
  font-family: Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px;
  transition: all 0.3s ease;
}

.elementor-nav-menu > li > a:hover,
.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .elementor-item-active {
  color: #b87771 !important;
}

.elementor-nav-menu .current-menu-item > a::after,
.elementor-nav-menu .elementor-item-active::after {
  background: #b87771 !important;
  height: 2px !important;
  border-radius: 10px;
}

/* Cart box premium look */
.elementor-menu-cart__toggle_button,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button {
  background: rgba(255, 247, 241, 0.8) !important;
  border: 1px solid rgba(130, 80, 65, 0.32) !important;
  border-radius: 10px !important;
  color: #4e2d21 !important;
  box-shadow: 0 12px 30px rgba(96, 54, 39, 0.08);
  transition: all 0.3s ease;
}

.elementor-menu-cart__toggle_button:hover,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(96, 54, 39, 0.14);
}

/* ================================
   Mobile Responsive
================================ */

@media (max-width: 767px) {
  .lw-contact-hero {
    min-height: 250px;
    background-position: center center !important;
  }

  .lw-contact-hero::after {
    inset: 18px;
  }

  .lw-contact-hero h1,
  .lw-contact-hero h2,
  .lw-contact-hero .elementor-heading-title {
    font-size: 26px !important;
    line-height: 1.08 !important;
    margin-bottom: 5px !important;
  }

  .lw-contact-hero .elementor-widget-heading::before,
  .lw-contact-hero .elementor-widget-text-editor::before {
    width: 160px;
  }

  .lw-contact-hero .elementor-widget-text-editor,
  .lw-contact-hero .elementor-widget-text-editor p {
    font-size: 17px !important;
    line-height: 1.5 !important;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }

  .elementor-nav-menu a {
    font-size: 18px !important;
  }
}/* End custom CSS */