:root {
	--wd-hb-opt-h: 40px;
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 600;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: var(--wd-text-font);
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,86,179);
	--wd-alternative-color: rgb(108,117,125);
	--btn-default-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-font-size: 14px;
	--btn-default-bgcolor: #F6F9FF;
	--btn-default-bgcolor-hover: #E9EFFD;
	--btn-default-color: rgb(68,114,232);
	--btn-default-color-hover: rgb(9,63,149);
	--btn-default-padding: 10px 20px 10px 20px;
	--btn-accented-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 500;
	--btn-accented-font-size: 14px;
	--btn-accented-bgcolor: rgb(68,114,232);
	--btn-accented-bgcolor-hover: rgb(9,63,149);
	--btn-accented-padding: 10px 20px 10px 20px;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #00695C;
	--notices-success-color: #FFFFFF;
	--notices-warning-bg: rgb(255,248,225);
	--notices-warning-color: rgb(255,111,0);
	--wd-link-color: rgb(10,110,189);
	--wd-link-color-hover: rgb(0,68,148);
	--wd-link-decor-style-hover: solid;
	--wd-link-decor-color-hover: rgb(0,61,128);
}
.wd-popup.wd-age-verify {
	background-color: rgb(248,249,250);
	background-image: none;
}
.wd-age-verify-wrap {
	--wd-popup-width: 600px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.wd-hb {
	background-color: rgb(10,110,189);
	background-image: none;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(246,249,255);
	--wd-bordered-bg:rgb(246,249,255);
}
: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: #F8F9FA;
	background-image: none;
}
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(34,34,34);
	--wd-form-placeholder-color: rgb(153,153,153);
	--wd-form-brd-color: rgb(229,229,229);
	--wd-form-brd-color-focus: rgb(0,86,179);
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 15px;
	--wd-arrow-offset-h: -8px;
	--wd-arrow-offset-v: 0px;
	--wd-arrow-color: rgb(108,117,125);
	--wd-arrow-color-hover: rgb(0,86,179);
	--wd-arrow-color-dis: rgb(204,204,204);
	--wd-arrow-bg: rgb(255,255,255);
	--wd-arrow-bg-hover: rgb(240,248,255);
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-size: 8px;
	--wd-pagin-bg: rgb(209,213,219);
	--wd-pagin-bg-hover: rgb(156,163,175);
	--wd-pagin-bg-act: rgb(26,26,26);
}
.wd-nav-scroll {
	--wd-nscroll-height: 2px;
	--wd-nscroll-width: 0%;
	--wd-nscroll-bg: rgb(243,244,246);
	--wd-nscroll-drag-bg: rgb(0,86,179);
	--wd-nscroll-drag-bg-hover: rgb(51,51,51);
}
.wd .product-label.onsale {
	background-color: rgb(230,57,70);
}
.wd .product-label.new {
	background-color: rgb(10,110,189);
}
.wd .product-label.featured {
	background-color: rgb(74,85,104);
}
.wd .product-label.out-of-stock {
	background-color: rgb(45,55,72);
}
.wd .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(237,242,247);
	color: rgb(26,32,44);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 15px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 40px;
	}

}
:root{
--wd-form-brd-radius: 5px;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}



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

/* =========================================
   1. PREMIUM "CLINICAL" BUTTON HOVER EFFECTS
   Makes the Add to Cart and Checkout buttons feel weighty and precise.
========================================= */
.button.alt, 
.single_add_to_cart_button, 
.wd-add-btn, 
.woocommerce a.button.checkout-button {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    letter-spacing: 0.5px;
}

.button.alt:hover, 
.single_add_to_cart_button:hover, 
.woocommerce a.button.checkout-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 86, 179, 0.2); /* Subtle clinical blue shadow */
}

/* =========================================
   2. HIDE DEFAULT WOOCOMMERCE "SALE!" BADGE
   We are using WoodMart's custom badges. This hides the ugly default WooCommerce one.
========================================= */
.onsale {
    display: none !important;
}

/* =========================================
   3. CLEAN PRODUCT CARD HOVER (NO BOUNCE)
   Replaces the default bouncy animation with a smooth, professional lift.
========================================= */
.product-grid-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.product-grid-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important;
}

/* =========================================
   4. SECURE PORTAL OVERLAY (AGE GATE / LOGIN WALL)
   Adds a heavy, dark blur to the background when the Age Verification or Login popup is active,
   making it feel like a secure, gated laboratory environment.
========================================= */
.mfp-bg, .wd-popup-overlay {
    background-color: #0f172a !important; /* Deep slate blue/black */
    opacity: 0.85 !important;
    backdrop-filter: blur(4px);
}