.elementor-229 .elementor-element.elementor-element-9a6b3a0{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-229 .elementor-element.elementor-element-44135ec.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-229 .elementor-element.elementor-element-44135ec .elementor-menu-toggle{margin:0 auto;}.elementor-229 .elementor-element.elementor-element-fc6ea20{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-229 .elementor-element.elementor-element-8a40673{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-button{background-color:#FFFFFF00;--s-form-shadow-color:#FFFFFF00;fill:#222;color:#222;border-style:none;}.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-search-form-submit{background-color:#000000;--s-form-shadow-color:#000000;fill:#fff;color:#fff;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-search-form-submit:hover, .elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-search-form-submit:focus{background-color:#3f3f3f;--s-form-shadow-color:#3f3f3f;}.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content{height:auto;animation-duration:0.7s;width:100vw;align-items:center;}.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-overlay{display:block;background-color:rgba(0, 0, 0, 0.3);}.elementor-229 .elementor-element.elementor-element-4b99d8f .button-text:last-child{margin-left:7px;}.elementor-229 .elementor-element.elementor-element-4b99d8f .button-text:first-child{margin-right:7px;}.elementor-229 .elementor-element.elementor-element-4b99d8f{--s-border-style:solid;--s-border-color:#e1e1e1;}.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content-wrapper{align-items:flex-start;justify-content:center;}.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-close{font-size:22px;}.elementor-229 .elementor-element.elementor-element-c083b58 .etheme-elementor-off-canvas__toggle .elementor-button{background-color:#FFFFFF00;fill:#000000;color:#000000;border-style:none;}.elementor-229 .elementor-element.elementor-element-c083b58 .etheme-elementor-off-canvas__toggle .elementor-button:hover, .elementor-229 .elementor-element.elementor-element-c083b58 .etheme-elementor-off-canvas__toggle .elementor-button:hover:focus{color:#555;}.elementor-229 .elementor-element.elementor-element-c083b58 .etheme-elementor-off-canvas__toggle .elementor-button:hover svg, .elementor-229 .elementor-element.elementor-element-c083b58 .etheme-elementor-off-canvas__toggle .elementor-button:hover:focus svg{fill:#555;}.elementor-229 .elementor-element.elementor-element-30983dd .etheme-elementor-off-canvas__toggle .elementor-button{background-color:#FFFFFF00;fill:#000000;color:#000000;border-style:none;}.elementor-229 .elementor-element.elementor-element-30983dd .etheme-elementor-off-canvas__toggle .elementor-button:hover, .elementor-229 .elementor-element.elementor-element-30983dd .etheme-elementor-off-canvas__toggle .elementor-button:hover:focus{color:#555;}.elementor-229 .elementor-element.elementor-element-30983dd .etheme-elementor-off-canvas__toggle .elementor-button:hover svg, .elementor-229 .elementor-element.elementor-element-30983dd .etheme-elementor-off-canvas__toggle .elementor-button:hover:focus svg{fill:#555;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-229 .elementor-element.elementor-element-510caf0 .elementor-menu-cart__close-button, .elementor-229 .elementor-element.elementor-element-510caf0 .elementor-menu-cart__close-button-custom{display:none;}.elementor-229 .elementor-element.elementor-element-510caf0{border-style:none;--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-border-color:#02010100;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-229 .elementor-element.elementor-element-510caf0 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px) and (min-width:768px){.elementor-229 .elementor-element.elementor-element-8a40673{--content-width:48%;}}@media(max-width:1024px){.elementor-229 .elementor-element.elementor-element-9a6b3a0{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-229 .elementor-element.elementor-element-8a40673{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-229 .elementor-element.elementor-element-8a40673.e-con{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}}@media(max-width:767px){.elementor-229 .elementor-element.elementor-element-9a6b3a0{--content-width:33%;--min-height:0px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-229 .elementor-element.elementor-element-44135ec{width:var( --container-widget-width, 100% );max-width:100%;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -62px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-229 .elementor-element.elementor-element-44135ec.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-229 .elementor-element.elementor-element-fc6ea20{--content-width:100%;}.elementor-229 .elementor-element.elementor-element-8a40673{--content-width:48%;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-229 .elementor-element.elementor-element-8a40673.e-con{--align-self:center;}}/* Start custom CSS for theme-etheme_ajax_search_popup, class: .elementor-element-4b99d8f *//* ===== TWILIGHT SEARCH POPUP ===== */

/* Popup ka background aur shape */
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content {
  background: #faf8f3 !important;
  border-radius: 20px !important;
}

/* Headings: What Are You Looking For? / Popular Categories */
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content h1,
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content h2,
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content h3,
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content h4 {
  color: #1f3d2b !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

/* Search form: sirf border/rang, size ko haath nahi lagaya */
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content form {
  background: #ffffff !important;
  border: 1px solid #d8d2c4 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(31, 61, 43, 0.08) !important;
}

.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content form select,
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content form input {
  color: #1f3d2b !important;
}

/* SEARCH button: sirf rang (size same rahega) */
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content form button[type="submit"] {
  background: #2f6b3f !important;
  color: #ffffff !important;
  transition: background 0.3s ease;
}
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content form button[type="submit"] * {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content form button[type="submit"]:hover {
  background: #1f4d2c !important;
}

/* Category names aur product count ka rang */
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content a {
  color: #1f3d2b;
}

/* VIEW ALL CATEGORIES button: green + readable text */
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content a.btn,
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content a.button,
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content .elementor-button,
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content [class*="view-all"] {
  background: #2f6b3f !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  transition: background 0.3s ease, transform 0.3s ease;
}
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content a.btn:hover,
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content a.button:hover,
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content .elementor-button:hover,
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content [class*="view-all"]:hover {
  background: #1f4d2c !important;
  transform: translateY(-2px);
}

/* Close button */
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-close {
  background: #ffffff !important;
  border-radius: 50% !important;
  transition: transform 0.3s ease;
}
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-close:hover {
  transform: rotate(90deg);
}

/* Trending searches hide (sab devices) */
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content [class*="trending"],
.elementor-229 .elementor-element.elementor-element-4b99d8f .etheme-modal-popup-content [class*="Trending"] {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   TWILIGHT COSMETICS – RESPONSIVE STICKY HEADER (SAFE VERSION)
   .header-menu पर सिर्फ़ न्यूनतम layout नियम हैं।
   हैमबर्गर / dropdown / nav को Elementor खुद संभालता है।
   ========================================================= */

/* 1. VARIABLES */
.header-main {
    --tc-green: #39753b;
    --tc-ink: #263229;
    --tc-border: rgba(24, 35, 28, 0.10);

    --hdr-h: 108px;
    --hdr-py: 14px;
    --hdr-px: clamp(12px, 3vw, 48px);

    --logo-w: clamp(90px, 15vw, 210px);
    --logo-h: 76px;

    --icon: 21px;
    --icon-font: 20px;
    --icon-gap: clamp(10px, 1.7vw, 26px);
}

/* 2. RESET */
.header-main,
.header-main *,
.header-main *::before,
.header-main *::after {
    box-sizing: border-box;
}

/* 3. MAIN HEADER */
.header-main {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: var(--hdr-h) !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;

    margin: 0 !important;
    padding: var(--hdr-py) var(--hdr-px) !important;

    background: rgba(255, 255, 255, 0.97) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--tc-border) !important;
    box-shadow: 0 5px 25px rgba(24, 35, 28, 0.055) !important;

    overflow: visible !important;
    isolation: isolate;
}

body.admin-bar .header-main {
    top: 32px !important;
}

@media (max-width: 782px) {
    body.admin-bar .header-main {
        top: 46px !important;
    }
}

/* 4. MENU COLUMN – सिर्फ़ ज़रूरी layout, और कुछ नहीं */
.header-main .header-menu {
    flex: 1 1 0% !important;
    min-width: 0 !important;
}

/* 5. CENTERED LOGO */
.header-main .site-logo {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    width: var(--logo-w) !important;
    max-width: none !important;
    min-width: 0 !important;

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

    margin: 0 !important;
    padding: 0 !important;
    z-index: 5 !important;
}

.header-main .site-logo .elementor-widget-container {
    width: 100% !important;
    padding: 0 !important;
}

.header-main .site-logo a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    line-height: 0 !important;
}

.header-main .site-logo img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: var(--logo-h) !important;
    object-fit: contain !important;
}

/* 6. RIGHT ICONS */
.header-main .header-icons {
    flex: 1 1 0% !important;
    min-width: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--icon-gap) !important;

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

    position: relative !important;
    z-index: 6 !important;
    overflow: visible !important;
}

.header-main .header-icons > .elementor-element {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.header-main .header-icons .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.header-main .header-icons a,
.header-main .header-icons button {
    color: var(--tc-ink) !important;
    text-decoration: none !important;
}

.header-main .header-icons .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;

    color: var(--tc-ink) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transition: color 0.22s ease;
}

.header-main .header-icons .elementor-icon i {
    font-size: var(--icon-font) !important;
    line-height: 1 !important;
    color: currentColor !important;
}

.header-main .header-icons .elementor-icon svg {
    display: block !important;
    width: var(--icon) !important;
    height: var(--icon) !important;
    max-width: 100% !important;
}

@media (hover: hover) {
    .header-main .header-icons a:hover,
    .header-main .header-icons button:hover,
    .header-main .header-icons .elementor-icon:hover {
        color: var(--tc-green) !important;
    }
}

/* 7. ELEMENTOR MENU CART */
.header-main .elementor-menu-cart__toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

.header-main .elementor-menu-cart__toggle_button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;
    min-width: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;

    color: var(--tc-ink) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    cursor: pointer;
}

.header-main .elementor-menu-cart__toggle_button:hover,
.header-main .elementor-menu-cart__toggle_button:focus {
    color: var(--tc-green) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.header-main .elementor-menu-cart__toggle_button .elementor-button-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: currentColor !important;
}

.header-main .elementor-menu-cart__toggle_button svg {
    display: block !important;
    width: var(--icon) !important;
    height: var(--icon) !important;
    max-width: 100% !important;
}

.header-main .elementor-menu-cart__toggle_button .elementor-button-icon-qty {
    position: absolute !important;
    top: -7px !important;
    right: -9px !important;

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

    min-width: 17px !important;
    height: 17px !important;
    padding: 0 4px !important;

    border: 2px solid #fff !important;
    border-radius: 999px !important;
    background: var(--tc-green) !important;
    color: #fff !important;

    font-family: inherit !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    pointer-events: none !important;
    box-shadow: 0 2px 6px rgba(24, 35, 28, 0.12) !important;
}

/* Mini-cart panel hide */
.header-main .elementor-menu-cart__container {
    display: none !important;
}

/* 8. LARGE DESKTOP */
@media (min-width: 1281px) {
    .header-main {
        --hdr-h: 112px;
        --hdr-px: clamp(30px, 3vw, 54px);
        --logo-w: 210px;
        --logo-h: 78px;
    }
}

/* 9. LAPTOP */
@media (min-width: 1025px) and (max-width: 1280px) {
    .header-main {
        --hdr-h: 98px;
        --hdr-px: 24px;
        --logo-w: 175px;
        --logo-h: 66px;
        --icon-gap: 16px;
    }
}

/* 10. TABLET */
@media (max-width: 1024px) {
    .header-main {
        --hdr-h: 84px;
        --hdr-py: 10px;
        --hdr-px: 18px;
        --logo-w: 140px;
        --logo-h: 54px;
        --icon: 19px;
        --icon-font: 18px;
        --icon-gap: 12px;
    }
}

/* 11. MOBILE */
@media (max-width: 767px) {
    .header-main {
        --hdr-h: 70px;
        --hdr-py: 8px;
        --hdr-px: 13px;
        --logo-w: min(112px, 34vw);
        --logo-h: 44px;
        --icon-gap: 10px;
        background: rgba(255, 255, 255, 0.98) !important;
    }

    .header-main .header-icons .elementor-icon {
        min-width: 21px !important;
        min-height: 21px !important;
    }

    .header-main .elementor-menu-cart__toggle_button .elementor-button-icon-qty {
        top: -6px !important;
        right: -7px !important;
        min-width: 16px !important;
        height: 16px !important;
        font-size: 9px !important;
    }
}

/* 12. SMALL MOBILE */
@media (max-width: 480px) {
    .header-main {
        --hdr-h: 64px;
        --hdr-px: 10px;
        --logo-w: min(100px, 31vw);
        --logo-h: 39px;
        --icon: 17px;
        --icon-font: 16px;
        --icon-gap: 8px;
    }

    .header-main .header-icons .elementor-icon {
        min-width: 19px !important;
        min-height: 19px !important;
    }
}

/* 13. VERY NARROW MOBILE */
@media (max-width: 360px) {
    .header-main {
        --hdr-h: 60px;
        --hdr-px: 8px;
        --logo-w: min(86px, 29vw);
        --logo-h: 35px;
        --icon: 16px;
        --icon-font: 15px;
        --icon-gap: 6px;
    }

    .header-main .header-icons .elementor-icon {
        min-width: 18px !important;
        min-height: 18px !important;
    }
}

/* 14. ACCESSIBILITY */
.header-main a:focus-visible,
.header-main button:focus-visible {
    outline: 2px solid var(--tc-green) !important;
    outline-offset: 3px !important;
}

/* 15. REDUCED MOTION */
@media (prefers-reduced-motion: reduce) {
    .header-main *,
    .header-main *::before,
    .header-main *::after {
        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */