:root {
	--wd-cat-brd-radius: 50%;
	--wd-text-font: "Sora", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #333333;
	--wd-text-font-size: 15px;
	--wd-title-font: "Sora", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #181615;
	--wd-entities-title-font: "Sora", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #181615;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Sora", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #181615;
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: "Sora", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #C85A7C;
	--wd-alternative-color: #181615;
	--btn-default-bgcolor: #f2ece2;
	--btn-default-bgcolor-hover: #e8dfd0;
	--btn-accented-bgcolor: #181615;
	--btn-accented-bgcolor-hover: #2b2a27;
	--wd-form-brd-width: 0px;
	--notices-success-bg: #5d6b4f;
	--notices-success-color: #fff;
	--notices-warning-bg: #a88442;
	--notices-warning-color: #fff;
	--wd-link-color: #2b2a27;
	--wd-link-color-hover: #a88442;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(248,248,248);
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .wd-nav.wd-nav-secondary > li > a {
	font-family: "Mulish", Arial, Helvetica, sans-serif;
	font-weight: 800;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-size: 18px;
	text-transform: none;
}
html .wd-nav-mobile > li > a {
	text-transform: none;
}
.whb-general-header .wd-nav.wd-nav-secondary > li > a {
	font-weight: 400;
	color: rgb(119,119,119);
}
.whb-general-header .wd-nav.wd-nav-secondary > li:hover > a, .whb-general-header .wd-nav.wd-nav-secondary > li.current-menu-item > a {
	color: rgb(36,36,36);
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .wd-sticky-add-to-cart, html .wd-sticky-btn.wd-quantity-overlap div.quantity :is(input[type],.btn) {
	color: #ffffff;
	background: #C85A7C;
}
html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover, html .wd-sticky-btn-cart .single_add_to_cart_button:hover, html .wd-sticky-btn-cart .wd-sticky-add-to-cart:hover, html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity :is(input[type],.btn), html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity+.button {
	color: #ffffff;
	background: #AD4464;
}
html .btn.wd-buy-now-btn {
	color: #ffffff;
	background: #181615;
}
html .btn.wd-buy-now-btn:hover {
	color: #ffffff;
	background: #C85A7C;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgba(15,15,15,0.04);
}
.wd .product-label.onsale {
	background-color: #a88442;
	color: #ffffff;
}
.wd .product-label.new {
	background-color: #2b2a27;
	color: #ffffff;
}
.wd .product-label.featured {
	background-color: #5d6b4f;
	color: #ffffff;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 15px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}
	html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
		font-size: 16px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 10px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
		font-size: 16px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 4px;
	}

}
:root{
--wd-container-w: 1390px;
--wd-form-brd-radius: 30px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}



.wd-page-title {
background-color: #f4efe6;
}

:root {
  color-scheme: light !important;
}
/* 1. Dark Luxury Header Bar & 100% Visible Logo */
.whb-main-header,
.whb-general-header,
.whb-top-bar,
.whb-header-bottom { 
  background-color: #181615 !important; 
}
.whb-general-header.whb-without-bg {
  background-color: #181615 !important;
}
.site-logo img {
  filter: brightness(1) drop-shadow(0 2px 8px rgba(0,0,0,0.3));
}

/* 2. Top-Level Header Navigation Vector SVG Icons */
.whb-header-bottom .menu-item-5492 > a .nav-link-text::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'%3E%3C/rect%3E%3Crect x='14' y='3' width='7' height='7'%3E%3C/rect%3E%3Crect x='14' y='14' width='7' height='7'%3E%3C/rect%3E%3Crect x='3' y='14' width='7' height='7'%3E%3C/rect%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'%3E%3C/rect%3E%3Crect x='14' y='3' width='7' height='7'%3E%3C/rect%3E%3Crect x='14' y='14' width='7' height='7'%3E%3C/rect%3E%3Crect x='3' y='14' width='7' height='7'%3E%3C/rect%3E%3C/svg%3E") no-repeat center / contain;
  vertical-align: -2px;
  opacity: 0.85;
}

.whb-header-bottom .menu-item-6770 > a .nav-link-text::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'%3E%3C/circle%3E%3Cpath d='M15.477 12.89 17 22l-5-3-5 3 1.523-9.11'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'%3E%3C/circle%3E%3Cpath d='M15.477 12.89 17 22l-5-3-5 3 1.523-9.11'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  vertical-align: -2px;
  opacity: 0.85;
}

.whb-header-bottom .menu-item-6771 > a .nav-link-text::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  vertical-align: -2px;
  opacity: 0.85;
}

.whb-header-bottom .menu-item-6772 > a .nav-link-text::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'%3E%3C/path%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'%3E%3C/path%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  vertical-align: -2px;
  opacity: 0.85;
}

.whb-header-bottom .menu-item-6486 > a .nav-link-text::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'%3E%3C/polyline%3E%3Crect x='2' y='7' width='20' height='5'%3E%3C/rect%3E%3Cline x1='12' y1='22' x2='12' y2='7'%3E%3C/line%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'%3E%3C/path%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'%3E%3C/polyline%3E%3Crect x='2' y='7' width='20' height='5'%3E%3C/rect%3E%3Cline x1='12' y1='22' x2='12' y2='7'%3E%3C/line%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'%3E%3C/path%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  vertical-align: -2px;
  opacity: 0.85;
}

.whb-header-bottom .menu-item-6773 > a .nav-link-text::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'%3E%3C/path%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'%3E%3C/path%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  vertical-align: -2px;
  opacity: 0.85;
}

/* ==========================================================================
   3. Sub-Menu Dropdown Items Vector SVG Icons & Luxury Polish
   ========================================================================== */

/* Outer Dropdown Container - Clean Single Luxury White Flyout Card */
.whb-header-bottom .wd-dropdown-menu.wd-dropdown,
.whb-row .wd-dropdown-menu.wd-dropdown,
.wd-dropdown-menu.wd-dropdown,
div.color-scheme-dark.wd-dropdown-menu.wd-dropdown,
div.color-scheme-dark.wd-dropdown-menu,
.wd-dropdown-menu.wd-design-default,
.wd-dropdown-menu {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #1E293B !important;
  color-scheme: light !important;
  forced-color-adjust: none !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.03) !important;
  border: 1px solid #ECE7E1 !important;
  min-width: 230px !important;
  width: auto !important;
  padding: 8px 6px !important;
  overflow: hidden !important;
}

/* Ensure intermediate container is completely transparent and has zero padding */
.whb-header-bottom .wd-dropdown-menu .container.wd-entry-content,
.wd-dropdown-menu .container.wd-entry-content,
div.color-scheme-dark.wd-dropdown-menu .container.wd-entry-content,
.wd-dropdown-menu .container {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: 100% !important;
}

/* Inner UL list - Completely transparent, eliminates double background and ghost borders */
.whb-header-bottom ul.wd-sub-menu,
.color-scheme-dark.wd-sub-menu,
.color-scheme-dark .wd-sub-menu,
ul.wd-sub-menu.color-scheme-dark,
div.color-scheme-dark ul.wd-sub-menu,
.wd-dropdown-menu ul.wd-sub-menu,
ul.wd-sub-menu {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
}

/* Base item link */
.whb-header-bottom ul.wd-sub-menu li,
ul.wd-sub-menu li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.whb-header-bottom ul.wd-sub-menu li > a,
.color-scheme-dark ul.wd-sub-menu li > a,
ul.wd-sub-menu.color-scheme-dark li > a,
.wd-dropdown-menu ul.wd-sub-menu li > a,
ul.wd-sub-menu li > a {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 9px 14px !important;
  border-radius: 8px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  transition: all 0.2s ease !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

.whb-header-bottom ul.wd-sub-menu li:hover > a,
.color-scheme-dark ul.wd-sub-menu li:hover > a,
ul.wd-sub-menu.color-scheme-dark li:hover > a,
.wd-dropdown-menu ul.wd-sub-menu li:hover > a,
ul.wd-sub-menu li:hover > a {
  background-color: #FAF4F6 !important;
  background: #FAF4F6 !important;
  color: #C85A7C !important;
  font-weight: 600 !important;
  transform: translateX(2px) !important;
}

/* Base Vector SVG Icon via CSS Mask */
.whb-header-bottom ul.wd-sub-menu li > a::before,
.color-scheme-dark ul.wd-sub-menu li > a::before,
ul.wd-sub-menu.color-scheme-dark li > a::before,
.wd-dropdown-menu ul.wd-sub-menu li > a::before,
ul.wd-sub-menu li > a::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  background-color: currentColor !important;
  opacity: 0.8 !important;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.whb-header-bottom ul.wd-sub-menu li:hover > a::before,
.color-scheme-dark ul.wd-sub-menu li:hover > a::before,
ul.wd-sub-menu.color-scheme-dark li:hover > a::before,
.wd-dropdown-menu ul.wd-sub-menu li:hover > a::before,
ul.wd-sub-menu li:hover > a::before {
  opacity: 1 !important;
  transform: scale(1.15) !important;
}

/* --- Skincare Dropdown Menu Icons --- */

/* 1. Cleanser & Face Wash (ID: 5447) */
.menu-item-5447 > a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* 2. Toner (ID: 5991) */
.menu-item-5991 > a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='10' height='15' x='7' y='6' rx='2.5'/%3E%3Cpath d='M10 6V3h4v3'/%3E%3Cline x1='10' x2='14' y1='12' y2='12'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='10' height='15' x='7' y='6' rx='2.5'/%3E%3Cpath d='M10 6V3h4v3'/%3E%3Cline x1='10' x2='14' y1='12' y2='12'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* 3. Face Serum (ID: 5999) */
.menu-item-5999 > a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z'/%3E%3Cpath d='m5 2 5 5'/%3E%3Cpath d='m2 5 5 5'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z'/%3E%3Cpath d='m5 2 5 5'/%3E%3Cpath d='m2 5 5 5'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* 4. Moisturizer (ID: 5992) */
.menu-item-5992 > a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='7' rx='9' ry='3'/%3E%3Cpath d='M3 7v8c0 1.66 4 3 9 3s9-1.34 9-3V7'/%3E%3Cpath d='M3 11c0 1.66 4 3 9 3s9-1.34 9-3'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='7' rx='9' ry='3'/%3E%3Cpath d='M3 7v8c0 1.66 4 3 9 3s9-1.34 9-3V7'/%3E%3Cpath d='M3 11c0 1.66 4 3 9 3s9-1.34 9-3'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* 5. Sunscreen (SPF) (ID: 5762) */
.menu-item-5762 > a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* 6. Face Mask & Scrub (ID: 6485) */
.menu-item-6485 > a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3L12 3Z'/%3E%3Cpath d='M5 3v4M3 5h4'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3L12 3Z'/%3E%3Cpath d='M5 3v4M3 5h4'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* --- Hair & Body Dropdown Menu Icons --- */

/* 7. Shampoo (ID: 5453) */
.menu-item-5453 > a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='10' height='15' x='7' y='6' rx='2.5'/%3E%3Cpath d='M10 6V3h4v3'/%3E%3Cpath d='M12 3V1h-3'/%3E%3Ccircle cx='12' cy='13' r='1.5'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='10' height='15' x='7' y='6' rx='2.5'/%3E%3Cpath d='M10 6V3h4v3'/%3E%3Cpath d='M12 3V1h-3'/%3E%3Ccircle cx='12' cy='13' r='1.5'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* 8. Conditioner (ID: 5448) */
.menu-item-5448 > a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z'/%3E%3Cline x1='16' y1='8' x2='2' y2='22'/%3E%3Cpath d='M17.5 15H9'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z'/%3E%3Cline x1='16' y1='8' x2='2' y2='22'/%3E%3Cpath d='M17.5 15H9'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* 9. Hair Serum (ID: 5997) */
.menu-item-5997 > a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z'/%3E%3Cpath d='m12 11 .5 1.5 1.5.5-1.5.5-.5 1.5-.5-1.5-1.5-.5 1.5-.5.5-1.5z'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z'/%3E%3Cpath d='m12 11 .5 1.5 1.5.5-1.5.5-.5 1.5-.5-1.5-1.5-.5 1.5-.5.5-1.5z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* 10. Body Wash (ID: 5996) */
.menu-item-5996 > a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16a1 1 0 0 1 1 1v3a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4v-3a1 1 0 0 1 1-1Z'/%3E%3Cpath d='M6 12V5a2 2 0 0 1 2-2h3'/%3E%3Ccircle cx='10' cy='8' r='1'/%3E%3Ccircle cx='14' cy='9' r='1'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16a1 1 0 0 1 1 1v3a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4v-3a1 1 0 0 1 1-1Z'/%3E%3Cpath d='M6 12V5a2 2 0 0 1 2-2h3'/%3E%3Ccircle cx='10' cy='8' r='1'/%3E%3Ccircle cx='14' cy='9' r='1'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* 11. Deodorant (ID: 5995) */
.menu-item-5995 > a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='8' width='10' height='13' rx='2.5'/%3E%3Cpath d='M9 8V5a3 3 0 0 1 6 0v3'/%3E%3Cline x1='7' x2='17' y1='12' y2='12'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='8' width='10' height='13' rx='2.5'/%3E%3Cpath d='M9 8V5a3 3 0 0 1 6 0v3'/%3E%3Cline x1='7' x2='17' y1='12' y2='12'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* 4. Luxury White Brand Tiles */
.wd-grid-g:has(.wd-brand-item) { gap: 14px !important; clip-path: none !important; }
.wd-grid-g:has(.wd-brand-item) .wd-col { border: none !important; }
.wd-brand-item, .brand-item {
  background-color: #ffffff !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  min-height: 90px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}
.wd-brand-item:hover, .brand-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}
.wd-brand-item a, .brand-item a {
  color: #181615 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-align: center !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}
.wd-brand-item img, .brand-item img {
  max-height: 48px !important;
  max-width: 140px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
}

/* 5. Corporate Luxury White Footer Refinement */
/* Page canvas neutral luxury background */
.main-page-wrapper {
  background-color: #F8F8FA !important;
}

/* Institutional Footer Container - Single Crisp Border, Perfect Spacing */
.wd-footer,
footer.footer-container,
.footer-container {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border-top: 1px solid #ECE7E1 !important;
  border-bottom: none !important;
  color: #181615 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 48px !important;
}
.wd-footer .main-footer,
.footer-container .main-footer {
  background: transparent !important;
  color: #555555 !important;
  padding-top: 52px !important;
  padding-bottom: 36px !important;
  border: none !important;
  border-top: none !important;
}
.wp-block-wd-row.wd-79cb030a {
  border: none !important;
  border-top: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin-top: 0 !important;
}
@media (max-width: 768px) {
  .wd-footer,
  footer.footer-container,
  .footer-container {
    margin-top: 28px !important;
  }
  .wd-footer .main-footer,
  .footer-container .main-footer {
    padding-top: 36px !important;
    padding-bottom: 24px !important;
  }
}
.wd-footer a,
.footer-container a {
  color: #555555 !important;
  transition: all 0.15s ease !important;
}
.wd-footer a:hover,
.footer-container a:hover {
  color: #C85A7C !important;
}
.wd-footer .wp-block-wd-column a:hover,
.footer-container .wp-block-wd-column a:hover {
  color: #C85A7C !important;
}

/* Copyrights Bottom Bar */
.wd-copyrights,
.copyrights-wrapper {
  background-color: #f9f8f6 !important;
  background: #f9f8f6 !important;
  border-top: 1px solid #ebe7e4 !important;
  padding-block: 16px !important;
  font-size: 13px !important;
  color: #777777 !important;
  text-align: center !important;
}
.wd-copyrights a,
.copyrights-wrapper a {
  color: #181615 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}
.wd-copyrights a:hover,
.copyrights-wrapper a:hover {
  color: #C85A7C !important;
}
.wd-copyrights a[href*="cloudhosting"],
.copyrights-wrapper a[href*="cloudhosting"] {
  color: #C85A7C !important;
  font-weight: 700 !important;
}

/* Social icons hover */
.footer-container a[aria-label="Facebook"]:hover,
.wd-footer a[aria-label="Facebook"]:hover {
  background-color: #1877F2 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(24, 119, 242, 0.3) !important;
}
.footer-container a[aria-label="Instagram"]:hover,
.wd-footer a[aria-label="Instagram"]:hover {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(214, 36, 159, 0.3) !important;
}
.footer-container a[aria-label="WhatsApp"]:hover,
.wd-footer a[aria-label="WhatsApp"]:hover {
  background-color: #20ba5a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(37, 211, 102, 0.4) !important;
}
/* WoodMart Scroll to Top - Floated cleanly above Omni-channel Livechat Widget */
.scrollToTop {
  bottom: 112px !important;
  right: 29px !important;
  width: 44px !important;
  height: 44px !important;
  background-color: #1E293B !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 50% !important;
  z-index: 9990 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.scrollToTop:after {
  color: #FFFFFF !important;
  font-size: 15px !important;
}
.scrollToTop:hover {
  background-color: #C85A7C !important;
  color: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 22px rgba(200, 90, 124, 0.35) !important;
  border-color: #C85A7C !important;
}
@media (max-width: 768px) {
  .scrollToTop {
    bottom: 170px !important;
    right: 23px !important;
    width: 40px !important;
    height: 40px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  }
}

/* 6. Single Product Page Clean Buying Intent Styling (Reference Match) */

/* Page background - Soft luxury neutral */
.single-product .main-page-wrapper {
  background-color: #F8F8FA !important;
  padding-top: 15px !important;
  padding-bottom: 60px !important;
}

/* Breadcrumbs bar at top */
.single-product .wd-dd4080b9 {
  border-bottom: 1px solid #ECE7E1 !important;
  padding-bottom: 14px !important;
  margin-bottom: 24px !important;
}

/* Floating White Cards for Gallery and Product Details */
.single-product .wd-8c863711 .wd-2c2ec030 {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 24px !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.03) !important;
  box-sizing: border-box !important;
}
.single-product .wd-8c863711 .wd-a9904e09 {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 32px 36px !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.03) !important;
  box-sizing: border-box !important;
}
@media (max-width: 768px) {
  .single-product .wd-8c863711 .wd-2c2ec030,
  .single-product .wd-8c863711 .wd-a9904e09 {
    padding: 20px 16px !important;
    border-radius: 16px !important;
  }
}

/* Single Product Title & Brand Container */
.single-product .wd-2de8d68a {
  margin-bottom: 10px !important;
}
.single-product .wd-sp-title .product_title,
.single-product h1.product_title {
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #1E293B !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  letter-spacing: -0.01em !important;
}
@media (max-width: 768px) {
  .single-product .wd-sp-title .product_title,
  .single-product h1.product_title {
    font-size: 22px !important;
  }
}

/* Price - Rose Berry #C85A7C - Tightened Elegant Spacing */
.single-product .wd-sp-price {
  margin-top: 4px !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
}
.single-product .wd-sp-price .price,
.single-product p.price {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #C85A7C !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  line-height: 1.2 !important;
}
.single-product .price .woocommerce-Price-amount {
  color: #C85A7C !important;
  font-weight: 700 !important;
}
.single-product .price ins {
  text-decoration: none !important;
}
.single-product .price ins .woocommerce-Price-amount {
  color: #C85A7C !important;
}
.single-product .price del {
  margin-right: 0 !important;
}
.single-product .price del .woocommerce-Price-amount {
  color: #94A3B8 !important;
  font-weight: 400 !important;
  font-size: 18px !important;
}

/* Tighten Short Description spacing above price */
.single-product .wd-sp-description,
.single-product .woocommerce-product-details__short-description {
  margin-bottom: 8px !important;
}
.single-product .woocommerce-product-details__short-description ul,
.single-product .woocommerce-product-details__short-description p {
  margin-bottom: 4px !important;
}

/* Brand badge in Single Product Header */
.single-product .wd-sp-brands {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}
.single-product .wd-sp-brands img {
  max-height: 38px !important;
  max-width: 110px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* Form .cart Layout - Simple Products */
.single-product form.cart:not(.variations_form) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}
@media (max-width: 576px) {
  .single-product form.cart:not(.variations_form) {
    flex-wrap: wrap !important;
  }
}

/* Form .cart Layout - Variable Products */
.single-product form.variations_form {
  display: block !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}
.single-product form.variations_form table.variations {
  width: 100% !important;
  margin-bottom: 14px !important;
  border-collapse: separate !important;
  border: none !important;
}
.single-product form.variations_form table.variations tr {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
  border: none !important;
}
.single-product form.variations_form table.variations th.label {
  padding: 0 !important;
  text-align: left !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.single-product form.variations_form table.variations th.label label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1E293B !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  line-height: 1.3 !important;
}
.single-product .ov-attr-label-title {
  color: #1E293B !important;
  font-weight: 700 !important;
}
.single-product .ov-attr-current-val {
  color: #C85A7C !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  background: #FFF5F7 !important;
  padding: 2px 10px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(200, 90, 124, 0.25) !important;
  display: inline-block !important;
  letter-spacing: 0.01em !important;
}
.single-product form.variations_form table.variations td.value {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: none !important;
  flex-wrap: wrap !important;
  position: relative !important;
}

/* Modern Variation Pills Wrapper */
.single-product .ov-pills-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 2px 0 !important;
}

/* Individual Pill Button */
.single-product .ov-pill-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 10px !important;
  padding: 9px 18px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  color: #1E293B !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
  outline: none !important;
  user-select: none !important;
  line-height: 1.3 !important;
  min-height: 42px !important;
  box-sizing: border-box !important;
}

/* Pill Hover */
.single-product .ov-pill-btn:hover:not(.ov-pill-disabled) {
  border-color: #C85A7C !important;
  color: #C85A7C !important;
  background: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(200, 90, 124, 0.15) !important;
}

/* Pill Active / Selected */
.single-product .ov-pill-btn.ov-pill-active {
  border: 2px solid #C85A7C !important;
  background: #FFF5F7 !important;
  color: #C85A7C !important;
  font-weight: 700 !important;
  box-shadow: 0 0 0 1px #C85A7C, 0 4px 14px rgba(200, 90, 124, 0.18) !important;
}

/* Pill Checkmark Icon */
.single-product .ov-pill-btn .ov-pill-check {
  display: none !important;
  color: #C85A7C !important;
  width: 13px !important;
  height: 13px !important;
  stroke-width: 2.5 !important;
}
.single-product .ov-pill-btn.ov-pill-active .ov-pill-check {
  display: inline-block !important;
}

/* Pill Disabled / Out of Stock */
.single-product .ov-pill-btn.ov-pill-disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  background: #F8FAFC !important;
  border-color: #CBD5E1 !important;
  color: #94A3B8 !important;
  text-decoration: line-through !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Reset / Clear Button */
.single-product form.variations_form .wd-reset-var {
  display: inline-flex !important;
  align-items: center !important;
  margin-top: 2px !important;
}
.single-product form.variations_form .reset_variations {
  font-size: 12.5px !important;
  color: #94A3B8 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  transition: color 0.15s ease !important;
  padding: 2px 4px !important;
}
.single-product form.variations_form .reset_variations:hover {
  color: #C85A7C !important;
}

/* Hidden Native Select */
.single-product .ov-native-select-hidden {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Fallback Select (if JS hasn't transformed) */
.single-product form.variations_form table.variations select:not(.ov-native-select-hidden) {
  height: 44px !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 10px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1E293B !important;
  background-color: #FFFFFF !important;
  cursor: pointer !important;
  max-width: 320px !important;
  flex: 1 1 auto !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}
.single-product form.variations_form table.variations select:not(.ov-native-select-hidden):focus {
  border-color: #C85A7C !important;
  box-shadow: 0 0 0 3px rgba(200, 90, 124, 0.15) !important;
}

/* Variable Products Action Row */
.single-product .woocommerce-variation-add-to-cart {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 10px !important;
}
@media (max-width: 576px) {
  .single-product .woocommerce-variation-add-to-cart {
    flex-wrap: wrap !important;
  }
}

/* Quantity input box */
.single-product form.cart .quantity {
  display: inline-flex !important;
  align-items: center !important;
  height: 44px !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  padding: 0 2px !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
}
.single-product form.cart .quantity .qty {
  width: 38px !important;
  height: 40px !important;
  border: none !important;
  background: transparent !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #1E293B !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
.single-product form.cart .quantity .minus,
.single-product form.cart .quantity .plus {
  width: 28px !important;
  height: 36px !important;
  background: transparent !important;
  border: none !important;
  color: #64748B !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: color 0.15s ease, background-color 0.15s ease !important;
}
.single-product form.cart .quantity .minus:hover,
.single-product form.cart .quantity .plus:hover {
  color: #1E293B !important;
  background: #F1F5F9 !important;
  border-radius: 4px !important;
}

/* Add To Cart Button */
.single-product form.cart .single_add_to_cart_button {
  flex: 1 1 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  padding: 0 14px !important;
  background-color: #C85A7C !important;
  border: 1px solid #C85A7C !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  box-shadow: 0 3px 10px rgba(200, 90, 124, 0.2) !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
.single-product form.cart .single_add_to_cart_button:hover {
  background-color: #B64A6C !important;
  border-color: #B64A6C !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 14px rgba(200, 90, 124, 0.28) !important;
}

/* Buy Now Button - matching Rose Berry */
.single-product form.cart .wd-buy-now-btn {
  flex: 1 1 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  padding: 0 14px !important;
  background-color: #C85A7C !important;
  border: 1px solid #C85A7C !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  box-shadow: 0 3px 10px rgba(200, 90, 124, 0.2) !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
.single-product form.cart .wd-buy-now-btn:hover {
  background-color: #B64A6C !important;
  border-color: #B64A6C !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 14px rgba(200, 90, 124, 0.28) !important;
}

/* Dual High-Intent Action Row: WhatsApp + Call */
.ov-sp-intent-wrapper {
  margin-top: 8px !important;
  width: 100%;
}
.ov-sp-actions-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px !important;
  margin-bottom: 10px !important;
}
.ov-sp-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
.ov-sp-btn-whatsapp {
  background-color: #22C55E !important;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(34, 197, 94, 0.2) !important;
}
.ov-sp-btn-whatsapp:hover {
  background-color: #16A34A !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 14px rgba(34, 197, 94, 0.28) !important;
}
.ov-sp-btn-call {
  background-color: #1B365D !important;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(27, 54, 93, 0.2) !important;
}
.ov-sp-btn-call:hover {
  background-color: #12243F !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 14px rgba(27, 54, 93, 0.28) !important;
}
.ov-sp-btn-icon {
  flex-shrink: 0;
}
@media (max-width: 480px) {
  .ov-sp-actions-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

/* Conversion Trust Card */
.ov-sp-trust-card {
  background: #FAF8F6;
  border: 1px solid #ECE7E1;
  border-radius: 14px;
  padding: 16px 18px !important;
  display: flex;
  flex-direction: column;
  margin-top: 0 !important;
}
.ov-sp-trust-item {
  display: flex;
  align-items: flex-start;
  gap: 12px !important;
}
.ov-sp-trust-icon-box {
  width: 34px !important;
  height: 34px !important;
  border-radius: 7px !important;
  background: #FCECEE;
  color: #C85A7C;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}
.ov-sp-trust-text {
  flex: 1;
}
.ov-sp-trust-title {
  font-size: 14.5px !important;
  font-weight: 700;
  color: #1E293B;
  line-height: 1.35;
  margin-bottom: 2px;
}
.ov-sp-trust-desc {
  font-size: 12.5px !important;
  color: #64748B;
  line-height: 1.45;
}
.ov-sp-trust-divider {
  border-bottom: 1px dashed #E2DCD5;
  margin: 10px 0 !important;
}

/* ==========================================================================
   7. LUXURY BRANDS DIRECTORY & CATALOG DIRECTORY (PAGE 6767)
   ========================================================================== */

/* Page container & background */
.page-id-6767,
.page-id-6767 .main-page-wrapper,
.ov-brands-directory-wrapper,
.ov-brand-card {
  color-scheme: light !important;
  forced-color-adjust: none !important;
}

.page-id-6767 .main-page-wrapper {
  background-color: #FAFAFA !important;
  padding-top: 10px !important;
  padding-bottom: 80px !important;
}

/* Page Title Banner - Hidden for ultra-clean luxury directory above the fold matching reference */
.page-id-6767 .page-title,
.page-id-6767 .wd-page-title {
  display: none !important;
}

.page-id-6767 .main-page-wrapper {
  background-color: #FAFAFA !important;
  padding-top: 36px !important;
  padding-bottom: 80px !important;
}

/* Directory Wrapper */
.ov-brands-directory-wrapper {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

/* Trust Bar Header */
.ov-brands-trust-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  padding: 12px 24px;
  margin: 0 auto 28px auto;
  background: #ffffff;
  border: 1px solid #EFECE9;
  border-radius: 9999px;
  width: fit-content;
  max-width: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}
.ov-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 500;
  color: #524B46;
  letter-spacing: 0.01em;
}
.ov-trust-item svg {
  flex-shrink: 0;
  color: #C85A7C;
}
.ov-trust-sep {
  color: #D6D0CA;
  font-size: 14px;
}

/* Controls (Search & Pills) */
.ov-brands-controls {
  margin-bottom: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Pill Search Bar */
.ov-search-box-wrapper {
  position: relative;
  width: 100%;
  max-width: 580px;
  margin: 0 auto 20px auto;
}
.ov-search-box-wrapper .ov-search-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  stroke: #8E8782;
  transition: stroke 0.2s ease;
}
#ov-brand-search-input {
  width: 100% !important;
  height: 52px !important;
  background: #ffffff !important;
  border: 1.5px solid #E2DED9 !important;
  border-radius: 9999px !important;
  padding: 0 48px 0 52px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  color: #181615 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}
#ov-brand-search-input::placeholder {
  color: #9C958F !important;
  font-weight: 400 !important;
}
#ov-brand-search-input:focus {
  border-color: #C85A7C !important;
  box-shadow: 0 0 0 4px rgba(200, 90, 124, 0.12), 0 4px 16px rgba(0, 0, 0, 0.05) !important;
  outline: none !important;
}
.ov-search-box-wrapper:focus-within .ov-search-icon {
  stroke: #C85A7C;
}
#ov-search-clear-btn {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  background: #ECE7E2;
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #555555;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0;
  line-height: 1;
}
#ov-search-clear-btn:hover {
  background: #181615;
  color: #ffffff;
}

/* Pills Row */
.ov-pills-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 980px;
  margin: 0 auto;
}
.brand-pill-btn {
  background: #ffffff;
  border: 1px solid #DFD9D3;
  color: #2D2825;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 500;
  padding: 8px 18px;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
  white-space: nowrap;
  outline: none;
  line-height: 1.3;
}
.brand-pill-btn:hover {
  border-color: #C85A7C;
  color: #C85A7C;
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(200, 90, 124, 0.12);
}
/* Active Category Pill (Matches reference berry pill) */
.brand-pill-btn.active-category-pill {
  background: #9E2A50 !important;
  border-color: #9E2A50 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(158, 42, 80, 0.3) !important;
  transform: translateY(-1px);
}
/* Active Brand Filter Pill */
.brand-pill-btn.active-brand-pill {
  background: #FDF2F4 !important;
  border-color: #C85A7C !important;
  color: #C85A7C !important;
  font-weight: 600 !important;
  box-shadow: 0 3px 10px rgba(200, 90, 124, 0.15) !important;
}
.ov-pill-divider {
  width: 1px;
  height: 22px;
  background-color: #DED8D2;
  margin: 0 4px;
}

/* Results status count */
.ov-results-status {
  margin-top: 16px;
  font-size: 13px;
  color: #7A726B;
}
.ov-results-status strong {
  color: #181615;
  font-weight: 600;
}

/* Brands 3-Column Grid */
.ov-brands-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: stretch;
}
@media (max-width: 992px) {
  .ov-brands-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
}
@media (max-width: 620px) {
  .ov-brands-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .page-id-6767 .ov-brand-card {
    border-radius: 14px !important;
  }
  .page-id-6767 .ov-brand-logo-box {
    height: 64px !important;
    padding: 8px 10px !important;
  }
  .page-id-6767 .brand-card-logo-img {
    max-height: 38px !important;
  }
  .page-id-6767 .ov-brand-body {
    padding: 12px 10px !important;
  }
  .page-id-6767 .ov-brand-title {
    font-size: 13.5px !important;
    margin-bottom: 4px !important;
  }
  .page-id-6767 .ov-brand-tagline {
    display: none !important;
  }
  .page-id-6767 .ov-brand-meta {
    font-size: 11px !important;
    gap: 4px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .page-id-6767 .ov-brand-cta {
    font-size: 11.5px !important;
    margin-top: 8px !important;
  }
  .ov-brands-trust-bar {
    border-radius: 16px;
    padding: 10px 14px;
    gap: 10px;
  }
  .ov-trust-sep { display: none; }
  .ov-trust-item { font-size: 12px; }
  .ov-pill-divider { display: none; }
}

/* Transparent Brand Card Tiles (Zero heavy extra white box) */
.page-id-6767 .ov-brand-card {
  background: transparent !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex;
  flex-direction: column !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
}
.page-id-6767 .ov-brand-card.ov-card-hidden,
.ov-brand-card.ov-card-hidden {
  display: none !important;
}
.page-id-6767 .ov-brand-card:hover {
  background: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(200, 90, 124, 0.45) !important;
}
.page-id-6767 .ov-brand-card-link-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* Logo Box - Seamless Transparent Floating Logo */
.page-id-6767 .ov-brand-logo-box {
  height: 84px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 20px !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
}
.page-id-6767 .ov-brand-card:hover .ov-brand-logo-box {
  background: transparent !important;
}
.page-id-6767 .brand-card-logo-img {
  max-height: 48px !important;
  max-width: 145px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: none !important;
  transition: transform 0.25s ease !important;
  display: block !important;
  margin: 0 auto !important;
}
.page-id-6767 .ov-brand-card:hover .brand-card-logo-img {
  transform: scale(1.04) !important;
}
.page-id-6767 .brand-card-text-logo {
  font-family: var(--wd-entities-title-font, 'Sora', sans-serif) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #181615 !important;
  text-align: center !important;
}

/* Card Body */
.page-id-6767 .ov-brand-body {
  padding: 18px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  box-sizing: border-box !important;
  background: transparent !important;
}
.page-id-6767 .ov-brand-title {
  font-family: var(--wd-entities-title-font, 'Sora', sans-serif) !important;
  font-size: 17.5px !important;
  font-weight: 700 !important;
  color: #181615 !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
}
.page-id-6767 .ov-brand-tagline {
  font-size: 13.5px !important;
  color: #615A54 !important;
  line-height: 1.45 !important;
  margin: 0 0 16px 0 !important;
  min-height: 38px !important;
}

/* Meta: Origin & Product Count */
.page-id-6767 .ov-brand-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px dashed rgba(0, 0, 0, 0.08) !important;
  font-size: 12.5px !important;
  color: #555555 !important;
}
.page-id-6767 .ov-brand-origin {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #555555 !important;
  font-weight: 500 !important;
}
.page-id-6767 .ov-brand-origin svg {
  flex-shrink: 0 !important;
}
.page-id-6767 .ov-brand-count-badge,
.page-id-6767 .ov-brand-stock-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-weight: 600 !important;
  color: #181615 !important;
  font-size: 12.5px !important;
}
.page-id-6767 .ov-count-dot,
.page-id-6767 .ov-stock-dot {
  width: 6px !important;
  height: 6px !important;
  background-color: #C85A7C !important;
  border-radius: 50% !important;
  display: inline-block !important;
}

/* CTA Link */
.page-id-6767 .ov-brand-cta {
  margin-top: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #C85A7C !important;
  transition: all 0.2s ease !important;
}
.page-id-6767 .ov-brand-card:hover .ov-brand-cta {
  gap: 10px !important;
}
.page-id-6767 .ov-arrow-icon {
  stroke: #C85A7C !important;
  transition: transform 0.2s ease !important;
}
.page-id-6767 .ov-brand-card:hover .ov-arrow-icon {
  transform: translateX(3px) !important;
}

/* Empty State */
.page-id-6767 .ov-no-results-state {
  grid-column: 1 / -1 !important;
  background: #ffffff !important;
  border-radius: 20px !important;
  border: 1px dashed #DDD7D0 !important;
  padding: 56px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  margin: 20px 0 !important;
}
.page-id-6767 .ov-no-results-state svg {
  margin-bottom: 14px !important;
  stroke: #A8A19B !important;
}
.page-id-6767 .ov-no-results-state h4 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #181615 !important;
  margin: 0 0 8px 0 !important;
}
.page-id-6767 .ov-no-results-state p {
  font-size: 14px !important;
  color: #77706A !important;
  margin: 0 0 20px 0 !important;
  max-width: 380px !important;
}
.page-id-6767 .ov-reset-btn {
  background: #181615 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 9999px !important;
  padding: 10px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}
.page-id-6767 .ov-reset-btn:hover {
  background: #C85A7C !important;
}

/* ==========================================================================
   8. LUXURY HOMEPAGE REDESIGN (CATEGORIES, BRANDS, PRODUCT SHOWCASE)
   ========================================================================== */

/* Overall Page Canvas */
.home .main-page-wrapper {
  background-color: #F8F8FA !important;
  padding-top: 15px !important;
  padding-bottom: 70px !important;
}

/* Hero Banner Card */
.home .wp-block-wd-container.wd-afe9ae9f {
  margin-bottom: 24px !important;
}
.home .wp-block-image.aligncenter img {
  border-radius: 20px !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04) !important;
  display: block;
  width: 100% !important;
  height: auto !important;
}

/* 1. Value Proposition / Trust Strip */
.ov-home-trust-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  background: #ffffff;
  border: 1px solid #ECE7E1;
  border-radius: 16px;
  padding: 16px 20px;
  margin: 0 auto 36px auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
  box-sizing: border-box;
}
.ov-home-trust-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ov-home-trust-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #FCECEE;
  color: #C85A7C;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ov-home-trust-content {
  display: flex;
  flex-direction: column;
}
.ov-home-trust-title {
  font-size: 13.5px;
  font-weight: 700;
  color: #1E293B;
  line-height: 1.3;
}
.ov-home-trust-desc {
  font-size: 11.5px;
  color: #64748B;
  line-height: 1.35;
  margin-top: 1px;
}
@media (max-width: 992px) {
  .ov-home-trust-bar {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    padding: 14px 16px;
  }
}
@media (max-width: 576px) {
  .ov-home-trust-bar {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* Section Headers - Clean, Modern, Institutional */
.ov-section-header {
  text-align: center;
  margin: 0 auto 28px auto;
  max-width: 720px;
}
.ov-section-title {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #1E293B !important;
  line-height: 1.3 !important;
  margin: 0 0 6px 0 !important;
  letter-spacing: -0.01em !important;
}
.ov-section-subtitle {
  font-size: 13.5px !important;
  color: #64748B !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}
@media (max-width: 768px) {
  .ov-section-title {
    font-size: 20px !important;
  }
}

/* 2. Visual Categories Strip */
.ov-categories-section {
  margin-bottom: 44px;
}
.ov-categories-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 14px;
  box-sizing: border-box;
}
.ov-category-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #ECE7E1;
  border-radius: 14px;
  padding: 16px 10px 14px 10px;
  text-align: center;
  transition: all 0.22s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}
.ov-category-card:hover {
  transform: translateY(-3px);
  border-color: #D6D0CA;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
}
.ov-category-thumb-wrap {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  padding: 3px;
  background: linear-gradient(135deg, #FCECEE 0%, #FFFFFF 100%);
  border: 1.5px solid #EFECE9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  transition: all 0.25s ease;
  overflow: hidden;
}
.ov-category-card:hover .ov-category-thumb-wrap {
  border-color: #C85A7C;
  transform: scale(1.05);
}
.ov-category-thumb {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.ov-category-name {
  font-size: 13.5px;
  font-weight: 700;
  color: #1E293B;
  line-height: 1.3;
  margin-bottom: 4px;
  transition: color 0.15s ease;
}
.ov-category-card:hover .ov-category-name {
  color: #C85A7C;
}
.ov-category-count {
  font-size: 11px;
  font-weight: 600;
  color: #64748B;
  background: #F1F5F9;
  padding: 2px 8px;
  border-radius: 9999px;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .ov-categories-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 600px) {
  .ov-categories-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .ov-category-thumb-wrap {
    width: 64px;
    height: 64px;
  }
  .ov-category-card {
    padding: 12px 8px;
  }
}

/* 3. Featured Authentic Brands (Seamless luxury flow, no double background) */
.ov-brands-section {
  margin-bottom: 48px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.ov-brands-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 24px;
}
.ov-home-brand-card {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 18px !important;
  background: #ffffff !important;
  border: 1px solid #ECE7E1 !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  transition: all 0.22s ease !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
  box-sizing: border-box !important;
}
.ov-home-brand-card:hover {
  background: #ffffff !important;
  border-color: #D6D0CA !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06) !important;
}
.ov-home-brand-logo-wrap {
  width: 68px !important;
  height: 48px !important;
  background: #FAF8F6 !important;
  border: 1px solid #EFECE9 !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 8px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}
.ov-home-brand-logo-img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}
.ov-home-brand-info {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-width: 0 !important;
}
.ov-home-brand-name {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #1E293B !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.ov-home-brand-origin {
  font-size: 11.5px !important;
  color: #64748B !important;
  line-height: 1.3 !important;
  margin-top: 2px !important;
}
.ov-home-brand-count-pill {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #C85A7C !important;
  margin-top: 4px !important;
}
.ov-brands-footer-btn-wrap {
  text-align: center;
}
.ov-brands-view-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  color: #1E293B;
  border: 1px solid #ECE7E1;
  padding: 10px 24px;
  border-radius: 9999px;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}
.ov-brands-view-all-btn:hover {
  background: #C85A7C;
  color: #ffffff;
  border-color: #C85A7C;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(200, 90, 124, 0.2);
}
@media (max-width: 992px) {
  .ov-brands-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}
@media (max-width: 600px) {
  .ov-brands-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .ov-home-brand-card {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 14px 10px 12px 10px !important;
    gap: 8px !important;
  }
  .ov-home-brand-logo-wrap {
    width: 100% !important;
    max-width: 80px !important;
    height: 44px !important;
    margin: 0 auto !important;
    padding: 4px 6px !important;
  }
  .ov-home-brand-info {
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .ov-home-brand-name {
    font-size: 13.5px !important;
    text-align: center !important;
    width: 100% !important;
  }
  .ov-home-brand-origin {
    font-size: 10.5px !important;
    text-align: center !important;
    width: 100% !important;
  }
  .ov-home-brand-count-pill {
    font-size: 10.5px !important;
    margin-top: 3px !important;
  }
}

/* 4. Optimized Product Grid Showcasing */
.home .products[class*="elements-grid"],
.home .wd-products-element {
  margin-bottom: 40px !important;
}

/* Product Card Shell - Clean, Smooth Luxury Hover with Perfect 16px Rounded Corners */
.product-grid-item,
.home .product-grid-item {
  border: none !important;
  background: transparent !important;
  border-radius: 16px !important;
}

.product-grid-item .product-wrapper,
.home .product-grid-item .product-wrapper,
.product-grid-item .wd-product-wrapper {
  background: #ffffff !important;
  border: 1px solid #ECE7E1 !important;
  border-radius: 16px !important;
  padding: 14px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.product-grid-item:hover,
.home .product-grid-item:hover,
.product-grid-item.hover-ready:hover,
.product-grid-item.wd-hover-fw-button:hover {
  border: none !important;
  border-radius: 16px !important;
}

.product-grid-item:hover .product-wrapper,
.home .product-grid-item:hover .product-wrapper,
.product-grid-item:hover .wd-product-wrapper,
.home .product-grid-item .product-wrapper:hover,
.product-grid-item .product-wrapper:hover,
.product-grid-item.hover-ready:hover .wd-product-wrapper {
  transform: translateY(-4px) !important;
  border: 1px solid #D6D0CA !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
  overflow: hidden !important;
}

/* Eliminate WoodMart's square pseudo-background that breaks rounded corners on hover */
.product-grid-item .content-product-imagin,
.product-grid-item .wd-product-card-bg {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  box-shadow: none !important;
  border-radius: 16px !important;
}

/* Completely eliminate weight and dimensions from product card hover */
.product-grid-item .hover-content,
.product-grid-item .wd-more-desc,
.product-grid-item .shop_attributes,
.product-grid-item [class*="weight"],
.product-grid-item [class*="dimension"] {
  display: none !important;
}

/* Product Image Box */
.home .product-grid-item .product-element-top {
  background: #FAF8F6 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  aspect-ratio: 1 / 1 !important;
}
.home .product-grid-item .product-element-top img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.35s ease !important;
}
.home .product-grid-item .product-wrapper:hover .product-element-top img {
  transform: scale(1.05) !important;
}

/* Badges */
.home .product-grid-item .onsale {
  background: #C85A7C !important;
  color: #ffffff !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  line-height: 1.2 !important;
  top: 10px !important;
  left: 10px !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 2px 8px rgba(200, 90, 124, 0.25) !important;
}

/* Title */
.home .product-grid-item .wd-entities-title,
.home .product-grid-item .product-title {
  margin-bottom: 6px !important;
  padding: 0 !important;
}
.home .product-grid-item .wd-entities-title a,
.home .product-grid-item .product-title a {
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #1E293B !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  height: 38px !important;
  transition: color 0.15s ease !important;
}
.home .product-grid-item .product-wrapper:hover .product-title a,
.home .product-grid-item .product-wrapper:hover .wd-entities-title a {
  color: #C85A7C !important;
}

/* Stock status */
.home .product-grid-item .wd-stock-status,
.home .product-grid-item .stock.in-stock {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #16A34A !important;
  margin-bottom: 6px !important;
}

/* Price */
.home .product-grid-item .price {
  font-size: 16.5px !important;
  font-weight: 700 !important;
  color: #C85A7C !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
}
.home .product-grid-item .price .woocommerce-Price-amount {
  color: #C85A7C !important;
  font-weight: 700 !important;
}
.home .product-grid-item .price del .woocommerce-Price-amount {
  color: #94A3B8 !important;
  font-weight: 400 !important;
  font-size: 13.5px !important;
}

/* Add to cart / Action Button */
.home .product-grid-item .wd-add-btn,
.home .product-grid-item .add-to-cart-loop {
  margin-top: auto !important;
}
.home .product-grid-item .wd-add-btn > a,
.home .product-grid-item .button.add_to_cart_button,
.home .product-grid-item .button.product_type_simple,
.home .product-grid-item .button.product_type_variable {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  line-height: 40px !important;
  background-color: #C85A7C !important;
  border: 1px solid #C85A7C !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  box-shadow: 0 3px 8px rgba(200, 90, 124, 0.2) !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}
.home .product-grid-item .wd-add-btn > a:hover,
.home .product-grid-item .button.add_to_cart_button:hover {
  background-color: #B64A6C !important;
  border-color: #B64A6C !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 12px rgba(200, 90, 124, 0.28) !important;
}

/* 5. Why Choose Ovilas Section */
.ov-why-choose-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 36px 0;
}
.ov-why-choose-card {
  background: #ffffff;
  border: 1px solid #ECE7E1;
  border-radius: 16px;
  padding: 24px 20px;
  text-align: center;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);
  transition: all 0.22s ease;
}
.ov-why-choose-card:hover {
  transform: translateY(-3px);
  border-color: #C85A7C;
  box-shadow: 0 8px 24px rgba(200, 90, 124, 0.1);
}
.ov-why-icon-box {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #FCECEE;
  color: #C85A7C;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px auto;
}
.ov-why-title {
  font-size: 15.5px;
  font-weight: 700;
  color: #1E293B;
  margin-bottom: 6px;
}
.ov-why-desc {
  font-size: 13px;
  color: #64748B;
  line-height: 1.5;
  margin: 0;
}
@media (max-width: 768px) {
  .ov-why-choose-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* ==========================================================================
   Floating Card Mobile Navigation Modal (Target Reference Design)
   ========================================================================== */

/* 1. Backdrop Overlay with Glassmorphic Blur */
.wd-close-side {
  transition: opacity 0.28s ease, visibility 0.28s ease !important;
}
.wd-close-side.wd-close-side-opened {
  background-color: rgba(15, 23, 42, 0.45) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 99998 !important;
}

/* Ensure Side Cart & Off-canvas Drawers sit cleanly in front of backdrop */
.cart-widget-side,
.cart-widget-side.wd-side-hidden,
.cart-widget-side.wd-opened,
.woodmart-woocommerce-sidebar.wd-sidebar-hidden,
.wd-side-hidden {
  z-index: 999999 !important;
  background-color: #FFFFFF !important;
}


/* 2. Floating Card Modal Container - Pure Crisp White */
.mobile-nav,
.mobile-nav.wd-side-hidden-nav,
.mobile-nav.color-scheme-dark,
.mobile-nav.color-scheme-light {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  bottom: auto !important;
  right: auto !important;
  width: calc(100% - 32px) !important;
  max-width: 380px !important;
  max-height: calc(100vh - 48px) !important;
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  color: #1E293B !important;
  color-scheme: light !important;
  forced-color-adjust: none !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22), 0 8px 24px rgba(15, 23, 42, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  padding: 18px 20px 20px 20px !important;
  box-sizing: border-box !important;
  z-index: 999999 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  display: flex !important;
  flex-direction: column !important;
  
  /* Initial hidden state with subtle scale effect */
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(-50%, -46%) scale(0.96) !important;
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s !important;
  scrollbar-width: thin !important;
  scrollbar-color: #E2E8F0 transparent !important;
}

.mobile-nav.wd-side-hidden-nav::-webkit-scrollbar {
  width: 4px;
}
.mobile-nav.wd-side-hidden-nav::-webkit-scrollbar-thumb {
  background: #E2E8F0;
  border-radius: 4px;
}

/* Opened State: fully centered modal card */
.mobile-nav.wd-side-hidden-nav.wd-opened {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate(-50%, -50%) scale(1) !important;
}

/* 3. Header & Minimal Close Button */
.mobile-nav .wd-heading {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
  border: none !important;
  background: transparent !important;
}
.mobile-nav .wd-heading .title {
  display: none !important;
}
.mobile-nav .close-side-widget {
  margin: 0 !important;
  padding: 0 !important;
}
.mobile-nav .close-side-widget a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: inherit !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
  line-height: 1 !important;
}
.mobile-nav .close-side-widget a:hover {
  color: #0F172A !important;
}
.mobile-nav .close-side-widget .wd-action-icon {
  display: none !important;
}
.mobile-nav .close-side-widget .wd-action-text {
  display: inline-flex !important;
  align-items: center !important;
  color: #475569 !important;
}
.mobile-nav .close-side-widget .wd-action-text::before {
  content: "✕" !important;
  margin-right: 5px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* 4. Rounded Pill Search Bar */
.ov-menu-search {
  position: relative !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}
.ov-menu-search-form {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
}
.ov-menu-search-input {
  width: 100% !important;
  height: 42px !important;
  background-color: #F3F4F6 !important;
  background: #F3F4F6 !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 12px !important;
  padding: 0 42px 0 16px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  color: #1F2937 !important;
  color-scheme: light !important;
  forced-color-adjust: none !important;
  box-sizing: border-box !important;
  outline: none !important;
  transition: all 0.2s ease !important;
}
.ov-menu-search-input:focus {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border-color: #C85A7C !important;
  box-shadow: 0 0 0 3px rgba(200, 90, 124, 0.12) !important;
}
.ov-menu-search-input::placeholder {
  color: #9CA3AF !important;
  font-size: 14px !important;
}
.ov-menu-search-btn {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: none !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #9CA3AF !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: color 0.15s ease !important;
}
.ov-menu-search-btn:hover {
  color: #1F2937 !important;
}

/* 5. Clean Typography Navigation List matching Desktop Menu */
.mobile-nav ul.mobile-pages-menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 14px 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.mobile-nav ul.mobile-pages-menu > li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: 1px solid #F1F5F9 !important;
  list-style: none !important;
  position: relative !important;
}
.mobile-nav ul.mobile-pages-menu > li:last-child {
  border-bottom: none !important;
}
.mobile-nav ul.mobile-pages-menu > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 11px 4px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1E293B !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: -0.2px !important;
  transition: color 0.15s ease !important;
}
.mobile-nav ul.mobile-pages-menu > li > a:hover,
.mobile-nav ul.mobile-pages-menu > li.current-menu-item > a {
  color: #C85A7C !important;
}

/* Dropdown Parent Item & Clean Opener Arrow */
.mobile-nav ul.mobile-pages-menu > li.menu-item-has-children {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.mobile-nav ul.mobile-pages-menu > li.menu-item-has-children > a {
  flex: 1 1 auto !important;
}
.mobile-nav .wd-nav-opener {
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #64748B !important;
}
.mobile-nav .wd-nav-opener:after {
  content: "" !important;
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 2px solid #64748B !important;
  border-bottom: 2px solid #64748B !important;
  transform: rotate(45deg) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease !important;
}
.mobile-nav .wd-nav-opener.wd-active:after,
.mobile-nav li.opener-page > .wd-nav-opener:after {
  transform: rotate(-135deg) !important;
  border-color: #C85A7C !important;
}
.mobile-nav .wd-nav-opener.wd-active,
.mobile-nav .wd-nav-opener:hover {
  background: transparent !important;
}

/* Sub-Menu List in Floating Card */
.mobile-nav ul.mobile-pages-menu > li.menu-item-has-children > ul.wd-sub-menu {
  flex: 1 1 100% !important;
  width: 100% !important;
  background: #F8FAFC !important;
  border: 1px solid #F1F5F9 !important;
  border-radius: 12px !important;
  padding: 6px 12px !important;
  margin: 2px 0 10px 0 !important;
  list-style: none !important;
}
.mobile-nav ul.wd-sub-menu > li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: 1px solid #EDF2F7 !important;
  list-style: none !important;
}
.mobile-nav ul.wd-sub-menu > li:last-child {
  border-bottom: none !important;
}
.mobile-nav ul.wd-sub-menu > li > a {
  display: flex !important;
  align-items: center !important;
  padding: 9px 4px !important;
  font-family: inherit !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: -0.1px !important;
  transition: color 0.15s ease, transform 0.15s ease !important;
}
.mobile-nav ul.wd-sub-menu > li > a:hover {
  color: #C85A7C !important;
  transform: translateX(2px) !important;
}

/* Completely remove any pseudo-element icons on mobile navigation */
.mobile-nav ul.mobile-pages-menu li > a .nav-link-text::before,
.mobile-nav ul.mobile-pages-menu li > a::before,
.mobile-nav ul.mobile-pages-menu li > a .nav-link-text::after,
.mobile-nav ul.mobile-pages-menu li > a::after {
  display: none !important;
  content: none !important;
}
/* Hide duplicate compare, login, or wishlist buttons injected by WoodMart outside menu */
.mobile-nav .menu-item-compare,
.mobile-nav .menu-item-wishlist,
.mobile-nav .menu-item-account,
.mobile-nav .wd-nav-mob-tab {
  display: none !important;
}

/* 6. Brand Logos Horizontal Scrollable Row */
.ov-menu-footer {
  margin-top: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding-top: 6px !important;
}

.ov-menu-brands-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 2px !important;
}
.ov-mbh-title {
  font-family: inherit !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #64748B !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
}
.ov-mbh-scroll-hint {
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #94A3B8 !important;
}

.ov-menu-brands {
  display: flex !important;
  flex-direction: row !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding: 2px 2px 4px 2px !important;
  box-sizing: border-box !important;
}
.ov-menu-brands::-webkit-scrollbar {
  display: none !important;
}

.ov-menu-brand-card {
  flex: 0 0 100px !important;
  width: 100px !important;
  height: 44px !important;
  scroll-snap-align: start !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 10px !important;
  padding: 6px 10px !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  color-scheme: light !important;
  forced-color-adjust: none !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}
.ov-menu-brand-card:hover {
  border-color: #C85A7C !important;
  box-shadow: 0 2px 8px rgba(200, 90, 124, 0.1) !important;
  transform: translateY(-1px) !important;
}
.ov-menu-brand-card img {
  max-height: 22px !important;
  max-width: 90% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: contrast(1.05) !important;
  background: transparent !important;
  pointer-events: none !important;
}

/* 7. WhatsApp Call-to-Action Button */
.ov-menu-whatsapp {
  width: 100% !important;
}
.ov-menu-whatsapp-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  height: 46px !important;
  background: #25D366 !important;
  background-image: linear-gradient(135deg, #25D366 0%, #20BD5A 100%) !important;
  border-radius: 12px !important;
  color: #FFFFFF !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.28) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
}
.ov-menu-whatsapp-btn:hover {
  filter: brightness(1.04) !important;
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.36) !important;
  color: #FFFFFF !important;
}
.ov-menu-whatsapp-btn svg {
  width: 20px !important;
  height: 20px !important;
  fill: #FFFFFF !important;
  flex-shrink: 0 !important;
}

/* ==========================================================================
   Contact Page Clean Centered Hero
   ========================================================================== */
/* Hide duplicate generic page title banner */
.page-id-66 .page-title,
.page-id-66 .wd-page-title {
  display: none !important;
}

.page-id-66 .wd-cnt-hero,
.page-id-66 .wp-block-wd-container.wd-cnt-hero,
.wp-block-wd-container.wd-cnt-hero {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 auto 36px auto !important;
  padding-top: 48px !important;
  padding-bottom: 10px !important;
  max-width: 800px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.page-id-66 .wd-cnt-hero > *,
.wp-block-wd-container.wd-cnt-hero > * {
  width: 100% !important;
  max-width: 100% !important;
}
.page-id-66 .wd-cnt-title,
.wp-block-wd-title.wd-cnt-title,
.wd-cnt-hero h1 {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #181615 !important;
  margin: 0 0 14px 0 !important;
  white-space: normal !important;
}
.page-id-66 .wd-cnt-hero .wp-block-wd-paragraph,
.wp-block-wd-container.wd-cnt-hero .wp-block-wd-paragraph {
  display: block !important;
  text-align: center !important;
  max-width: 620px !important;
  width: 100% !important;
  margin: 0 auto !important;
  color: #64748B !important;
  font-size: 15.5px !important;
  line-height: 1.6 !important;
}
@media (max-width: 768px) {
  .page-id-66 .wd-cnt-title,
  .wp-block-wd-title.wd-cnt-title,
  .wd-cnt-hero h1 {
    font-size: 26px !important;
    margin-bottom: 10px !important;
  }
  .page-id-66 .wd-cnt-hero,
  .wp-block-wd-container.wd-cnt-hero {
    padding-top: 32px !important;
    margin-bottom: 24px !important;
  }
}



/* ==========================================================================
   Dropdown Hover Bridge: Spans the 29px air gap between nav link & flyout card
   ========================================================================== */
/* Dropdown Hover Bridge: Spans the 29px air gap */
.whb-header-bottom .menu-item-has-children,
.whb-row .menu-item-has-children {
  position: relative !important;
}

/* Hover Bridge: Hidden and non-blocking by default; only active when parent is hovered */
.whb-header-bottom .menu-item-has-children::after,
.whb-row .menu-item-has-children::after {
  content: '' !important;
  position: absolute !important;
  top: 100% !important;
  left: -20px !important;
  width: calc(100% + 40px) !important;
  height: 42px !important;
  background: transparent !important;
  display: none !important;
  pointer-events: none !important;
  z-index: 370 !important;
}

.whb-header-bottom .menu-item-has-children:hover::after,
.whb-row .menu-item-has-children:hover::after,
.whb-header-bottom .menu-item-has-children.ov-hover-active::after,
.whb-row .menu-item-has-children.ov-hover-active::after {
  display: block !important;
  pointer-events: auto !important;
}

.whb-header-bottom .menu-item-has-children:hover > .wd-dropdown-menu,
.whb-row .menu-item-has-children:hover > .wd-dropdown-menu,
.wd-dropdown-menu:hover,
.whb-header-bottom .menu-item-has-children.ov-hover-active > .wd-dropdown-menu,
.whb-row .menu-item-has-children.ov-hover-active > .wd-dropdown-menu {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
/* End Dropdown Hover Bridge */

/* ==========================================================================
   Performance, CLS Prevention & Accessibility Contrast Tokens
   ========================================================================== */
/* 1. Eliminate Cumulative Layout Shift (CLS) on Hero & Media */
.ov-hero-banner-figure,
figure.wp-block-image:has(img.wp-image-6872),
figure.wp-block-image:has(img.wp-image-6799),
.wp-block-image img.wp-image-6872,
.wp-block-image img.wp-image-6799 {
  aspect-ratio: 1376 / 768 !important;
  width: 100% !important;
  max-width: 1376px !important;
  height: auto !important;
  display: block !important;
  contain-intrinsic-size: 1320px 737px;
}

/* 2. Web Font Loading & FOUT Stabilization */
body, h1, h2, h3, h4, h5, h6, .woodmart-nav-link, .title, p, span, a, input, button {
  font-display: swap !important;
}

/* 3. Accessibility WCAG AA Contrast Ratios (Minimum 4.5:1) */
.ov-section-subtitle {
  color: #94A3B8 !important;
}
.ov-category-count {
  color: #A1A1AA !important;
}
.s, input[name="s"], .ov-menu-search-input {
  color: #1E293B !important;
}
.s::placeholder, input[name="s"]::placeholder, .ov-menu-search-input::placeholder {
  color: #64748B !important;
}

/* 4. Smooth Hardware-Accelerated 60/120 FPS Scrolling & Compositor Isolation */
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* GPU Hardware Layer Promotion for Fixed/Sticky Navigation Elements (Zero Repaints) */
.whb-sticky-header,
.whb-row.whb-sticky-row,
.wd-toolbar,
.scrollToTop,
.cart-widget-side {
  will-change: transform;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Momentum Touch Scrolling & Overscroll Containment on Mobile Drawers & Carousels */
.ov-menu-brands,
.mobile-nav,
.cart-widget-side,
.wd-dropdown-menu,
.wd-carousel-wrap,
.wd-products-element {
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: contain !important;
}

/* 5. Rendering Concurrency & Thread Offloading (Chrome Content Visibility) */
.ov-home-trust-bar,
.ov-home-categories,
.ov-home-combos,
.ov-home-brands-sec,
.woodmart-woocommerce-tabs,
.related-and-upsells,
.footer-container {
  content-visibility: auto;
  contain-intrinsic-size: 1px 420px;
}
/* End Performance Tokens */
@keyframes ov-spin { to { transform: rotate(360deg); } }
