.elementor-kit-6{--e-global-color-primary:#12352A;--e-global-color-secondary:#9E2B25;--e-global-color-text:#34433B;--e-global-color-accent:#C19A43;--e-global-color-5cb81d0:#0E2A21;--e-global-color-b24d253:#2E5240;--e-global-color-25ec802:#E6C766;--e-global-color-b47b548:#EFC85A;--e-global-color-cd94b08:#F8E6AE;--e-global-color-968112f:#F4EFE3;--e-global-color-2c692f4:#F3EEE2;--e-global-color-090500c:#5A6A60;--e-global-typography-primary-font-family:"Marcellus";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Hanken Grotesk";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Hanken Grotesk";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Mukta";--e-global-typography-accent-font-weight:500;font-family:"Hanken Grotesk", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Marcellus", Sans-serif;font-size:40px;font-weight:400;line-height:1.15px;letter-spacing:0.4px;}.elementor-kit-6 h2{font-family:"Marcellus", Sans-serif;font-size:30px;font-weight:400;line-height:1.2px;letter-spacing:0.3px;}.elementor-kit-6 h3{font-family:"Marcellus", Sans-serif;font-size:22px;font-weight:400;line-height:1.3px;letter-spacing:0.3px;}.elementor-kit-6 h4{font-family:"Hanken Grotesk", Sans-serif;font-size:13px;font-weight:600;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Hanken Grotesk", Sans-serif;font-weight:600;color:#F4EFE3;border-radius:40px 40px 40px 40px;padding:14px 14px 14px 14px;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{background-color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}Page BG=Page BG#f3eee2{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:28px;}.elementor-kit-6 h2{font-size:24px;}.elementor-kit-6 h3{font-size:20px;}.elementor-kit-6 h4{font-size:12px;line-height:1.4em;letter-spacing:2px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:15px;letter-spacing:0.3px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Buranshvalley — chrome background safety net.
   Paste into: Elementor → Site Settings → Custom CSS  (or Appearance → Customize → Additional CSS)
   Guarantees the dark header/footer even if Elementor strips container backgrounds on import. */
#bv-header{background-color:#12352A !important;}
#bv-ann{background-color:#2E5240 !important;}
#bv-footer{background-color:#0E2A21 !important;}

/* Legal/policy pages — protect the green title band, white card, and readable width */
#bv-legalhead{background-color:#12352A !important;}
.bv-legalcard{background-color:#ffffff !important;}
.bv-legalwrap{max-width:820px !important;margin-left:auto !important;margin-right:auto !important;}

/* ---- Footer layout fix: cap width so columns don't spread on wide screens ---- */
#bv-footer .e-con-inner{max-width:1140px !important;margin-left:auto !important;margin-right:auto !important;}
#bv-footer h4{white-space:nowrap;}            /* stop "Reach us" wrapping to 2 lines */

/* keep all four footer columns on ONE row (desktop) so "Reach us" doesn't drop down */
@media (min-width:1025px){
  #bv-footer .e-con-boxed > .e-con-inner{flex-wrap:nowrap !important;}
}

/* ---- WooCommerce "Add to Cart" button — force brand buransh (was defaulting to purple) ---- */
.single-product button.single_add_to_cart_button,
.elementor-widget-woocommerce-product-add-to-cart button.single_add_to_cart_button,
.woocommerce .single_add_to_cart_button.button{
  background-color:#9E2B25 !important; color:#F4EFE3 !important;
  border:none !important; border-radius:40px !important;
}
.single-product button.single_add_to_cart_button:hover,
.woocommerce .single_add_to_cart_button.button:hover{ background-color:#6E1714 !important; }

/* ---- Product page: red eyebrow labels were overlapping section headings — force clear spacing ---- */
.single-product .elementor-widget-heading .elementor-heading-title{ line-height:1.3; }
.single-product .elementor-widget-heading h4.elementor-heading-title{
  display:block; margin-bottom:10px !important; line-height:1.5 !important;
}
/* ===== Buranshvalley — Cart & Checkout brand colours (classic shortcode) =====
   Paste in: Elementor → Site Settings → Custom CSS (append to existing). Layout untouched. */

/* Primary buttons → buransh (Proceed to checkout, Place order, Update cart, Apply coupon) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .cart .button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout #place_order{
  background-color:#9E2B25 !important; color:#F4EFE3 !important;
  border:none !important; border-radius:40px !important;
  padding:13px 26px !important; font-weight:600 !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout #place_order:hover{ background-color:#6E1714 !important; }

/* Secondary buttons (Return to shop / Continue shopping) → forest outline */
.woocommerce .return-to-shop .button,
.woocommerce .wc-backward,
.woocommerce a.button.wc-backward{
  background-color:transparent !important; color:#12352A !important;
  border:2px solid #C19A43 !important; border-radius:40px !important;
}
.woocommerce a.button.wc-backward:hover{ background-color:#FCF7E9 !important; }

/* Links + totals → brand */
.woocommerce-cart a, .woocommerce-checkout a{ color:#9E2B25 !important; }
.woocommerce .cart_totals h2,
.woocommerce-checkout h3,
.order-total .amount{ color:#12352A !important; }

/* Mobile: cart table stack neatly, no cut text */
@media(max-width:600px){
  .woocommerce-cart table.cart, .woocommerce table.shop_table{ font-size:14px !important; }
  .woocommerce .wc-proceed-to-checkout a.checkout-button{ width:100% !important; text-align:center !important; }
}
/* Buranshvalley — chrome background safety net.
   Paste into: Elementor → Site Settings → Custom CSS  (or Appearance → Customize → Additional CSS)
   Guarantees the dark header/footer even if Elementor strips container backgrounds on import. */
#bv-header{background-color:#12352A !important;}
#bv-ann{background-color:#2E5240 !important;}
#bv-footer{background-color:#0E2A21 !important;}

/* Legal/policy pages — protect the green title band, white card, and readable width */
#bv-legalhead{background-color:#12352A !important;}
.bv-legalcard{background-color:#ffffff !important;}
.bv-legalwrap{max-width:820px !important;margin-left:auto !important;margin-right:auto !important;}

/* ---- Footer layout fix: cap width so columns don't spread on wide screens ---- */
#bv-footer .e-con-inner{max-width:1140px !important;margin-left:auto !important;margin-right:auto !important;}
#bv-footer h4{white-space:nowrap;}            /* stop "Reach us" wrapping to 2 lines */

/* keep all four footer columns on ONE row (desktop) so "Reach us" doesn't drop down */
@media (min-width:1025px){
  #bv-footer .e-con-boxed > .e-con-inner{flex-wrap:nowrap !important;}
}

/* ---- WooCommerce "Add to Cart" button — force brand buransh (was defaulting to purple) ---- */
.single-product button.single_add_to_cart_button,
.elementor-widget-woocommerce-product-add-to-cart button.single_add_to_cart_button,
.woocommerce .single_add_to_cart_button.button{
  background-color:#9E2B25 !important; color:#F4EFE3 !important;
  border:none !important; border-radius:40px !important;
}
.single-product button.single_add_to_cart_button:hover,
.woocommerce .single_add_to_cart_button.button:hover{ background-color:#6E1714 !important; }

/* ---- Product page: red eyebrow labels were overlapping section headings — force clear spacing ---- */
.single-product .elementor-widget-heading .elementor-heading-title{ line-height:1.3; }
.single-product .elementor-widget-heading h4.elementor-heading-title{
  display:block; margin-bottom:10px !important; line-height:1.5 !important;
}

/* ---- Variation dropdown: kill the default blue link colour on selected option (use brand forest) ---- */
.single-product .variations select,
.single-product .variations td.value select,
.single-product table.variations select{
  color:#12352A !important;
}
.single-product .variations select option{ color:#12352A !important; }
/* "Clear" link to brand buransh instead of default */
.single-product .reset_variations{ color:#9E2B25 !important; }

/* ---- Legal pages: heading lines overlapping on mobile — force line-height + spacing ---- */
.bv-legalcard .elementor-heading-title,
.bv-legalwrap .elementor-heading-title{ line-height:1.3 !important; }
.bv-legalcard .elementor-widget-heading,
.bv-legalwrap .elementor-widget-heading{ margin-bottom:6px !important; }
.bv-legalcard h2.elementor-heading-title,
.bv-legalcard h3.elementor-heading-title{ line-height:1.3 !important; margin:14px 0 6px !important; }
/* Buranshvalley — chrome background safety net.
   Paste into: Elementor → Site Settings → Custom CSS  (or Appearance → Customize → Additional CSS)
   Guarantees the dark header/footer even if Elementor strips container backgrounds on import. */
#bv-header{background-color:#12352A !important;}
#bv-ann{background-color:#2E5240 !important;}
#bv-footer{background-color:#0E2A21 !important;}

/* Legal/policy pages — protect the green title band, white card, and readable width */
#bv-legalhead{background-color:#12352A !important;}
.bv-legalcard{background-color:#ffffff !important;}
.bv-legalwrap{max-width:820px !important;margin-left:auto !important;margin-right:auto !important;}

/* ---- Footer layout fix: cap width so columns don't spread on wide screens ---- */
#bv-footer .e-con-inner{max-width:1140px !important;margin-left:auto !important;margin-right:auto !important;}
#bv-footer h4{white-space:nowrap;}            /* stop "Reach us" wrapping to 2 lines */

/* keep all four footer columns on ONE row (desktop) so "Reach us" doesn't drop down */
@media (min-width:1025px){
  #bv-footer .e-con-boxed > .e-con-inner{flex-wrap:nowrap !important;}
}

/* ---- WooCommerce "Add to Cart" button — force brand buransh (was defaulting to purple) ---- */
.single-product button.single_add_to_cart_button,
.elementor-widget-woocommerce-product-add-to-cart button.single_add_to_cart_button,
.woocommerce .single_add_to_cart_button.button{
  background-color:#9E2B25 !important; color:#F4EFE3 !important;
  border:none !important; border-radius:40px !important;
}
.single-product button.single_add_to_cart_button:hover,
.woocommerce .single_add_to_cart_button.button:hover{ background-color:#6E1714 !important; }

/* ---- Product page: red eyebrow labels were overlapping section headings — force clear spacing ---- */
.single-product .elementor-widget-heading .elementor-heading-title{ line-height:1.3; }
.single-product .elementor-widget-heading h4.elementor-heading-title{
  display:block; margin-bottom:10px !important; line-height:1.5 !important;
}

/* ---- Variation dropdown: kill the default blue link colour on selected option (use brand forest) ---- */
.single-product .variations select,
.single-product .variations td.value select,
.single-product table.variations select{
  color:#12352A !important;
}
.single-product .variations select option{ color:#12352A !important; }
/* "Clear" link to brand buransh instead of default */
.single-product .reset_variations{ color:#9E2B25 !important; }

/* ---- Legal pages: heading lines overlapping on mobile — force line-height + spacing ---- */
.bv-legalcard .elementor-heading-title,
.bv-legalwrap .elementor-heading-title{ line-height:1.3 !important; }
.bv-legalcard .elementor-widget-heading,
.bv-legalwrap .elementor-widget-heading{ margin-bottom:6px !important; }
.bv-legalcard h2.elementor-heading-title,
.bv-legalcard h3.elementor-heading-title{ line-height:1.3 !important; margin:14px 0 6px !important; }
/* ============================================================
   HEADER — SAFE fixes (colours, overflow, full-width mobile panel)
   Key rule: NOTHING (padding/border/bg) on the <nav> itself, so the
   closed state stays empty and the toggle never breaks. All visual
   styling goes on the inner <ul>, which is hidden until opened.
   ============================================================ */

html, body { overflow-x: hidden !important; }

/* cart: icon + count only */
.elementor-menu-cart__subtotal { display: none !important; }
.elementor-menu-cart__toggle .elementor-button{
  background: transparent !important; border: 0 !important;
  padding-left: 0 !important; padding-right: 0 !important; min-width: 0 !important;
}

/* desktop: one line */
@media (min-width: 1025px){
  #bv-header .elementor-nav-menu{ flex-wrap: nowrap !important; }
  #bv-header .elementor-nav-menu > li > a{ white-space: nowrap !important; }
}

/* ---- MOBILE dropdown: full-width dark panel, out of flow ---- */
@media (max-width: 1024px){
  /* the <nav>: make it full viewport width & absolute, but keep it
     visually empty (no bg/border/padding) so closed state = invisible */
  #bv-header nav.elementor-nav-menu--dropdown{
    position: absolute !important;
    top: 100% !important;
    left: 50% !important; right: auto !important;
    margin-left: -50vw !important;
    width: 100vw !important; max-width: 100vw !important;
    background: transparent !important;
    border: 0 !important; padding: 0 !important; box-shadow: none !important;
  }
  /* the <ul> (only visible when open) carries the dark panel look */
  #bv-header .elementor-nav-menu--dropdown .elementor-nav-menu{
    background-color: #0E2A21 !important;
    width: 100% !important;
    padding: 6px 0 16px !important;
    box-shadow: 0 22px 48px rgba(0,0,0,.45) !important;
    border-top: 1px solid rgba(193,154,67,.28) !important;
  }
  /* items: cream text, gold hover, comfy spacing, dividers */
  #bv-header .elementor-nav-menu--dropdown li.menu-item{
    border-bottom: 1px solid rgba(193,154,67,.12) !important;
  }
  #bv-header .elementor-nav-menu--dropdown li.menu-item:last-child{ border-bottom: 0 !important; }
  #bv-header .elementor-nav-menu--dropdown a.elementor-item{
    color: #F4EFE3 !important;
    background-color: transparent !important;
    font-size: 16px !important; letter-spacing: .3px !important;
    line-height: 1.4 !important; padding: 15px 26px !important;
    white-space: normal !important; text-align: left !important;
  }
  #bv-header .elementor-nav-menu--dropdown a.elementor-item:hover,
  #bv-header .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active,
  #bv-header .elementor-nav-menu--dropdown a.elementor-item:focus{
    color: #E6C766 !important;
    background-color: rgba(193,154,67,.12) !important;
  }
  #bv-header .elementor-menu-toggle{ color: #F4EFE3 !important; }
}
/* Buranshvalley — chrome background safety net.
   Paste into: Elementor → Site Settings → Custom CSS  (or Appearance → Customize → Additional CSS)
   Guarantees the dark header/footer even if Elementor strips container backgrounds on import. */
#bv-header{background-color:#12352A !important;}
#bv-ann{background-color:#2E5240 !important;}
#bv-footer{background-color:#0E2A21 !important;}

/* Legal/policy pages — protect the green title band, white card, and readable width */
#bv-legalhead{background-color:#12352A !important;}
.bv-legalcard{background-color:#ffffff !important;}
.bv-legalwrap{max-width:820px !important;margin-left:auto !important;margin-right:auto !important;}

/* ---- Footer layout fix: cap width so columns don't spread on wide screens ---- */
#bv-footer .e-con-inner{max-width:1140px !important;margin-left:auto !important;margin-right:auto !important;}
#bv-footer h4{white-space:nowrap;}            /* stop "Reach us" wrapping to 2 lines */

/* keep all four footer columns on ONE row (desktop) so "Reach us" doesn't drop down */
@media (min-width:1025px){
  #bv-footer .e-con-boxed > .e-con-inner{flex-wrap:nowrap !important;}
}

/* ---- WooCommerce "Add to Cart" button — force brand buransh (was defaulting to purple) ---- */
.single-product button.single_add_to_cart_button,
.elementor-widget-woocommerce-product-add-to-cart button.single_add_to_cart_button,
.woocommerce .single_add_to_cart_button.button{
  background-color:#9E2B25 !important; color:#F4EFE3 !important;
  border:none !important; border-radius:40px !important;
}
.single-product button.single_add_to_cart_button:hover,
.woocommerce .single_add_to_cart_button.button:hover{ background-color:#6E1714 !important; }

/* ---- Product page: red eyebrow labels were overlapping section headings — force clear spacing ---- */
.single-product .elementor-widget-heading .elementor-heading-title{ line-height:1.3; }
.single-product .elementor-widget-heading h4.elementor-heading-title{
  display:block; margin-bottom:10px !important; line-height:1.5 !important;
}

/* ---- Variation dropdown: kill the default blue link colour on selected option (use brand forest) ---- */
.single-product .variations select,
.single-product .variations td.value select,
.single-product table.variations select{
  color:#12352A !important;
}
.single-product .variations select option{ color:#12352A !important; }
/* "Clear" link to brand buransh instead of default */
.single-product .reset_variations{ color:#9E2B25 !important; }

/* ---- Legal pages: heading lines overlapping on mobile — force line-height + spacing ---- */
.bv-legalcard .elementor-heading-title,
.bv-legalwrap .elementor-heading-title{ line-height:1.3 !important; }
.bv-legalcard .elementor-widget-heading,
.bv-legalwrap .elementor-widget-heading{ margin-bottom:6px !important; }
.bv-legalcard h2.elementor-heading-title,
.bv-legalcard h3.elementor-heading-title{ line-height:1.3 !important; margin:14px 0 6px !important; }
/* ============================================================
   HEADER — SAFE fixes (colours, overflow, full-width mobile panel)
   Key rule: NOTHING (padding/border/bg) on the <nav> itself, so the
   closed state stays empty and the toggle never breaks. All visual
   styling goes on the inner <ul>, which is hidden until opened.
   ============================================================ */

html, body { overflow-x: hidden !important; }

/* cart: icon + count only */
.elementor-menu-cart__subtotal { display: none !important; }
.elementor-menu-cart__toggle .elementor-button{
  background: transparent !important; border: 0 !important;
  padding-left: 0 !important; padding-right: 0 !important; min-width: 0 !important;
}

/* desktop: one line */
@media (min-width: 1025px){
  #bv-header .elementor-nav-menu{ flex-wrap: nowrap !important; }
  #bv-header .elementor-nav-menu > li > a{ white-space: nowrap !important; }
}

/* ---- MOBILE dropdown: full-width dark panel, out of flow ---- */
@media (max-width: 1024px){
  /* the <nav>: make it full viewport width & absolute, but keep it
     visually empty (no bg/border/padding) so closed state = invisible */
  #bv-header nav.elementor-nav-menu--dropdown{
    position: absolute !important;
    top: 100% !important;
    left: 50% !important; right: auto !important;
    margin-left: -50vw !important;
    width: 100vw !important; max-width: 100vw !important;
    background: transparent !important;
    border: 0 !important; padding: 0 !important; box-shadow: none !important;
  }
  /* the <ul> (only visible when open) carries the dark panel look */
  #bv-header .elementor-nav-menu--dropdown .elementor-nav-menu{
    background-color: #0E2A21 !important;
    width: 100% !important;
    padding: 6px 0 16px !important;
    box-shadow: 0 22px 48px rgba(0,0,0,.45) !important;
    border-top: 1px solid rgba(193,154,67,.28) !important;
  }
  /* items: cream text, gold hover, comfy spacing, dividers */
  #bv-header .elementor-nav-menu--dropdown li.menu-item{
    border-bottom: 1px solid rgba(193,154,67,.12) !important;
  }
  #bv-header .elementor-nav-menu--dropdown li.menu-item:last-child{ border-bottom: 0 !important; }
  #bv-header .elementor-nav-menu--dropdown a.elementor-item{
    color: #F4EFE3 !important;
    background-color: transparent !important;
    font-size: 16px !important; letter-spacing: .3px !important;
    line-height: 1.4 !important; padding: 15px 26px !important;
    white-space: normal !important; text-align: left !important;
  }
  #bv-header .elementor-nav-menu--dropdown a.elementor-item:hover,
  #bv-header .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active,
  #bv-header .elementor-nav-menu--dropdown a.elementor-item:focus{
    color: #E6C766 !important;
    background-color: rgba(193,154,67,.12) !important;
  }
  #bv-header .elementor-menu-toggle{ color: #F4EFE3 !important; }
}

/* ============================================================
   SHOP / CATEGORY ARCHIVE — product card cleanup (mobile-first)
   Fixes: red title -> forest, overlapping lines -> proper line-height
   ============================================================ */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3{
  color:#12352A !important;
  font-family:"Marcellus", serif !important;
  font-weight:400 !important;
  line-height:1.3 !important;
  font-size:19px !important;
  letter-spacing:.2px !important;
  margin:12px 0 4px !important;
  padding:0 !important;
  display:block !important;
  text-transform:none !important;
}
.woocommerce ul.products li.product a{ text-decoration:none !important; }
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title{ color:#9E2B25 !important; }
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount{
  color:#7d7a2e !important;
  font-family:"Marcellus", serif !important;
  font-size:18px !important;
}
.woocommerce ul.products li.product{ text-align:left !important; }
/* Select options / add to cart on archive -> buransh pill */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.button{
  background:#9E2B25 !important; color:#F4EFE3 !important;
  border-radius:40px !important; padding:12px 26px !important;
  font-weight:600 !important; margin-top:8px !important;
}
.woocommerce ul.products li.product .button:hover{ background:#6E1714 !important; }
/* archive page title ("Ghee") -> forest, clean */
.woocommerce-products-header__title,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering{ color:#12352A; }/* End custom CSS */