:root {
	--wd-text-font: "Satoshi", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 18px;
	--wd-title-font: "Satoshi", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Satoshi", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Satoshi", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Satoshi", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 20px;
	--wd-header-el-font: "Satoshi", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 18px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(235,0,139);
	--wd-alternative-color: rgb(235,0,139);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(235,0,139);
	--btn-accented-bgcolor-hover: rgb(221,0,0);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.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;
}
: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: rgb(13,13,13);
	background-image: none;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a, html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a {
	text-transform: none;
}
html .wd-checkout-steps {
	font-size: 28px;
	text-transform: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-size: 44px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(13,13,13);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(13,13,13);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(13,13,13);
	background-image: none;
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-gap: 10px;
	--wd-arrow-size: 42px;
	--wd-arrow-offset-h: 0px;
	--wd-arrow-offset-v: 30px;
	--wd-arrow-bg: rgb(249,249,249);
	--wd-arrow-radius: 24px;
	--wd-arrow-brd-color: rgba(0,0,0,0.1);
	--wd-arrow-brd: 1px solid;
}
.wd-nav-scroll {
	--wd-nscroll-width: 100%;
	--wd-nscroll-drag-bg: rgb(41,39,36);
	--wd-nscroll-drag-bg-hover: rgb(41,39,36);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 50px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 36px;
	}
	.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
		--wd-arrow-offset-v: 20px;
	}
	.wd-nav-scroll {
		--wd-nscroll-width: 50%;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 16px;
	--wd-widget-title-font-size: 18px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 28px;
	}
	.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
		--wd-arrow-size: 35px;
	--wd-arrow-icon-size: 14px;
	}
	.wd-nav-scroll {
		--wd-nscroll-width: 70%;
	}

}
:root{
--wd-container-w: 1800px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1800px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(255,255,255);
}

@font-face {
	font-family: "Satoshi";
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Satoshi";
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Satoshi";
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

.whb-top-bar, .whb-header-bottom, .whb-general-header { background-color: #0D0D0D !important; }
.whb-general-header, .whb-general-header a, .whb-general-header .main-nav > li > a { color: #FFFFFF !important; }
.whb-general-header svg, .whb-general-header i { color: #FFFFFF !important; fill: #FFFFFF !important; }

:root { --wd-entities-title-color: #FFFFFF; --wd-entities-title-color-hover: #EB008B; }
.wd-entities-title, .wd-entities-title a { color: #FFFFFF !important; }

.wd-load-more, a.wd-load-more, .wd-products-load-more { color: #FFFFFF !important; border-color: #EB008B !important; background-color: transparent !important; }
.wd-load-more:hover, a.wd-load-more:hover, .wd-products-load-more:hover { background-color: #EB008B !important; color: #FFFFFF !important; }
.wd-nav-link, .wd-tabs-title, .products-tabs-title a { color: #FFFFFF !important; }
.wd-nav-link.wd-active, .wd-tabs-title.wd-active, .products-tabs-title a.wd-active { color: #EB008B !important; }
.wd-title-wrapper .title, .wd-section-title, .liner-continer, .wd-title-wrapper h2, .wd-title-wrapper h3 { color: #FFFFFF !important; }

.elementor-element-675118e .e-con-inner { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 0 !important; }
.elementor-element-675118e .e-con-inner > div { width: 100% !important; }
@media (max-width: 900px) { .elementor-element-675118e .e-con-inner { grid-template-columns: repeat(2, 1fr) !important; } }
.wd-load-more, .wd-products-load-more { color: #FFFFFF !important; border-color: #EB008B !important; background-color: transparent !important; }
.wd-load-more:hover, .wd-products-load-more:hover { background-color: #EB008B !important; color: #FFFFFF !important; border-color: #EB008B !important; }

.title-wrapper .title, h4.woodmart-title-container, .woodmart-title-container.title { color: #FFFFFF !important; }

.whb-top-bar, .whb-header-bottom { background-color: #F5D7E3 !important; }
.whb-general-header { background-color: #FDF1F5 !important; }
.whb-top-bar, .whb-general-header, .whb-header-bottom { color: #241419 !important; }
.whb-top-bar a, .whb-general-header a, .whb-header-bottom a,
.whb-general-header .main-nav > li > a, .whb-header-bottom .main-nav > li > a { color: #241419 !important; }
.whb-general-header svg, .whb-general-header i,
.whb-top-bar svg, .whb-top-bar i,
.whb-header-bottom svg, .whb-header-bottom i { color: #241419 !important; fill: #241419 !important; }
.whb-general-header .main-nav > li > a:hover, .whb-header-bottom .main-nav > li > a:hover,
.whb-general-header .main-nav > li.current-menu-item > a, .whb-general-header a:hover { color: #EB008B !important; }

.whb-top-bar, .whb-general-header, .whb-header-bottom { background-color: #1C1F26 !important; }
.whb-top-bar, .whb-general-header, .whb-header-bottom { color: #FFFFFF !important; }
.whb-top-bar a, .whb-general-header a, .whb-header-bottom a,
.whb-general-header .main-nav > li > a, .whb-header-bottom .main-nav > li > a { color: #FFFFFF !important; }
.whb-general-header svg, .whb-general-header i,
.whb-top-bar svg, .whb-top-bar i,
.whb-header-bottom svg, .whb-header-bottom i { color: #FFFFFF !important; fill: #FFFFFF !important; }
.whb-general-header .main-nav > li > a:hover, .whb-header-bottom .main-nav > li > a:hover,
.whb-general-header .main-nav > li.current-menu-item > a, .whb-general-header a:hover { color: #EB008B !important; }
.whb-header-bottom { border-bottom: 2px solid #EB008B !important; box-shadow: 0 2px 12px rgba(235,0,139,0.25) !important; }
.whb-row { border-color: transparent !important; }

.whb-header-bottom.whb-header-bottom { border-bottom: 2px solid #EB008B !important; box-shadow: 0 2px 12px rgba(235,0,139,0.25) !important; }

.elementor-element-f3f852e { height: 100% !important; }
.elementor-element-f3f852e .swiper, .elementor-element-f3f852e .swiper-wrapper, .elementor-element-f3f852e .swiper-slide { height: 100% !important; }
.elementor-element-f3f852e .swiper-slide img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.elementor-element-be9004a { overflow: hidden !important; }

.elementor-element-be9004a.elementor-element-be9004a { height: 800px !important; }
.elementor-element-f3f852e.elementor-element-f3f852e { height: 800px !important; }
.elementor-element-f3f852e .swiper.swiper, .elementor-element-f3f852e .swiper-wrapper.swiper-wrapper, .elementor-element-f3f852e .swiper-slide.swiper-slide { height: 800px !important; }

.elementor-element-f3f852e .swiper-slide-inner { height: 800px !important; display: block !important; }
.elementor-element-f3f852e .swiper-slide-image { width: 100% !important; height: 800px !important; object-fit: cover !important; display: block !important; }

.elementor-element-f3f852e .swiper-slide { width: 100% !important; }

.whb-general-header .site-logo img, .whb-general-header .woodmart-logo img { max-height: 46px !important; }
.whb-header-bottom a.woodmart-nav-link { padding: 2px 0 !important; }
.whb-header-bottom .whb-flex-row, .whb-general-header .whb-flex-row { min-height: unset !important; }
.whb-top-bar { padding: 4px 0 !important; }

.whb-top-bar.whb-top-bar { padding: 3px 0 !important; min-height: unset !important; }
.whb-general-header.whb-general-header { padding: 6px 0 !important; }
.whb-general-header .whb-general-header-inner.whb-general-header-inner { min-height: 50px !important; height: auto !important; }
.whb-general-header .whb-column { min-height: unset !important; }
.whb-header-bottom.whb-header-bottom { padding: 4px 0 !important; min-height: unset !important; }
.elementor-element-f3f852e .swiper-button-next, .elementor-element-f3f852e .swiper-button-prev,
.elementor-element-f3f852e .elementor-swiper-button-next, .elementor-element-f3f852e .elementor-swiper-button-prev { display: none !important; }

/* Issue 1: reduce top bar padding further */
.whb-top-bar.whb-top-bar { padding: 0 !important; min-height: 32px !important; }
.whb-top-bar .container, .whb-top-bar .whb-flex-row { min-height: 32px !important; }

/* Issue 2: remove pink hairline under header */
.whb-header-bottom.whb-header-bottom { border-bottom: none !important; box-shadow: none !important; }

/* Issue 3: dropdown submenu dark bg, white text, pink underline on hover */
.wd-sub-menu { background-color: #1C1F26 !important; }
.wd-sub-menu a { color: #FFFFFF !important; }
.wd-sub-menu a:hover { color: #EB008B !important; border-bottom: 1px solid #EB008B !important; }

/* Issue 4: carousel dots white */
.elementor-element-f3f852e .swiper-pagination-bullet { background-color: #FFFFFF !important; opacity: 0.5 !important; }
.elementor-element-f3f852e .swiper-pagination-bullet-active { background-color: #FFFFFF !important; opacity: 1 !important; }

/* Issue 5: remove marquee running line */
.elementor-element-be9881d { display: none !important; }

.whb-top-bar .wd-social-icon.wd-social-icon { width: 18px !important; height: 18px !important; line-height: 18px !important; font-size: 11px !important; }
.whb-top-bar.whb-top-bar { min-height: 24px !important; }
.whb-top-bar .container, .whb-top-bar .whb-flex-row { min-height: 24px !important; padding: 3px 0 !important; }

.woodmart-nav-link.woodmart-nav-link { min-height: 22px !important; }
.whb-header-bottom a.woodmart-nav-link.woodmart-nav-link { font-size: 14px !important; line-height: 20px !important; padding: 1px 0 !important; }
.whb-general-header a.woodmart-nav-link.woodmart-nav-link { font-size: 14px !important; line-height: 20px !important; padding: 1px 0 !important; }
.whb-general-header .site-logo img, .whb-general-header .woodmart-logo img { max-height: 36px !important; }
.whb-general-header .whb-general-header-inner.whb-general-header-inner { min-height: 40px !important; }
.whb-header-bottom .whb-flex-row.whb-flex-row { min-height: 32px !important; }

.whb-header-bottom.whb-header-bottom { height: 38px !important; padding: 0 !important; }
.whb-header-bottom .whb-flex-row.whb-flex-row { height: 38px !important; min-height: 38px !important; }
.whb-general-header.whb-general-header { height: 44px !important; padding: 0 !important; }
.whb-general-header .whb-general-header-inner.whb-general-header-inner { height: 44px !important; min-height: 44px !important; }
.whb-general-header .site-logo img, .whb-general-header .woodmart-logo img { max-height: 30px !important; }
.whb-top-bar.whb-top-bar { height: 26px !important; padding: 0 !important; }
.whb-top-bar .whb-flex-row.whb-flex-row { height: 26px !important; min-height: 26px !important; }

/* Remove top social bar entirely */
.whb-top-bar { display: none !important; }

/* Remove default top spacing on homepage content, so carousel sits right under header */
body.home .wd-content-layout { padding-top: 0 !important; }

header.whb-header.whb-header { padding-top: 82px !important; }

.wd-dropdown-menu.wd-dropdown-menu { background-color: #1C1F26 !important; }
.wd-sub-menu a, .wd-dropdown-menu a { font-size: 16px !important; padding: 8px 4px !important; display: block !important; }

.whb-header-bottom .wd-sub-menu a.woodmart-nav-link, .whb-general-header .wd-sub-menu a.woodmart-nav-link { font-size: 16px !important; padding: 8px 4px !important; }

/* Issue 1: hero carousel full viewport height */
.elementor-element-be9004a.elementor-element-be9004a { height: 100vh !important; }
.elementor-element-f3f852e.elementor-element-f3f852e { height: 100vh !important; }
.elementor-element-f3f852e .swiper.swiper, .elementor-element-f3f852e .swiper-wrapper.swiper-wrapper, .elementor-element-f3f852e .swiper-slide.swiper-slide { height: 100vh !important; }
.elementor-element-f3f852e .swiper-slide-inner { height: 100vh !important; }
.elementor-element-f3f852e .swiper-slide-image { height: 100vh !important; }

/* Issue 2: merge header - hide top bar, grow logo into freed space */
.whb-top-bar.whb-top-bar { display: none !important; }
.whb-general-header.whb-general-header { height: 70px !important; }
.whb-general-header .whb-general-header-inner.whb-general-header-inner { height: 70px !important; min-height: 70px !important; }
.whb-general-header .site-logo img, .whb-general-header .woodmart-logo img { max-height: 58px !important; }

/* Revert: restore top bar visibility, hiding it broke category nav row positioning */


/* Fix: remove forced explicit heights that confused sticky-header JS; use natural/auto sizing instead */
.whb-general-header.whb-general-header { height: auto !important; min-height: 70px !important; }
.whb-general-header .whb-general-header-inner.whb-general-header-inner { height: auto !important; min-height: 70px !important; }
.whb-header-bottom.whb-header-bottom { height: auto !important; min-height: 38px !important; }

.whb-top-bar.whb-top-bar { height: 0 !important; min-height: 0 !important; padding: 0 !important; overflow: hidden !important; border: none !important; }

.elementor-element-675118e { gap: 16px !important; }
.elementor-element-aecbefd, .elementor-element-3cc06e0, .elementor-element-b2af0cb { width: calc(25% - 12px) !important; margin-right: 0 !important; }
.elementor-element-6931988 { width: calc(25% - 12px) !important; }

.elementor-element-675118e > .e-con-inner { gap: 16px !important; }
.elementor-element-aecbefd.elementor-element-aecbefd, .elementor-element-3cc06e0.elementor-element-3cc06e0, .elementor-element-b2af0cb.elementor-element-b2af0cb, .elementor-element-6931988.elementor-element-6931988 { width: calc(25% - 12px) !important; margin-right: 0 !important; }

.elementor-element-72d82782 .wd-tabs-header, .elementor-element-72d82782 .title, .elementor-element-72d82782 .tabs-name { text-align: center !important; }
.elementor-element-72d82782 .wd-nav-tabs-wrapper { justify-content: center !important; display: flex !important; }

.elementor-element-72d82782 .wd-tabs-header { flex-direction: column !important; align-items: center !important; justify-content: center !important; }
.elementor-element-72d82782 .wd-nav-tabs-wrapper { justify-content: center !important; }

.elementor-element-72d82782 > .e-con-inner { padding-top: 20px !important; }

.elementor-element-72d82782 > .e-con-inner { padding-bottom: 10px !important; }

.wd-content-layout.content-layout-wrapper { padding-bottom: 0 !important; }

/* Fix: footer link lists were accidentally picking up the header dropdown's slate background */
footer .wd-sub-menu.wd-sub-menu, .footer .wd-sub-menu.wd-sub-menu { background-color: transparent !important; }
footer, .footer { background-color: #000000 !important; }
footer .footer-logo img, .footer img.footer-logo, footer .widget_media_image img { max-width: 140px !important; height: auto !important; }

footer .elementor-element-edfffa1 img, .footer .elementor-element-edfffa1 img { max-width: 180px !important; width: 180px !important; height: auto !important; }


/* Loop Builder cards (Featured/Sales): title/price now flow properly below image (structural fix applied to template). Just ensure readable colors. */
.wd-06832d7b .wd-entities-title { color: #FFFFFF !important; }
.wd-06832d7b .price { color: #EB008B !important; font-weight: 700 !important; }

.wd-loop-builder-on.wd-grid-g { --wd-gap-lg: 30px !important; gap: 30px !important; }

/* Single product page: "From Collection" related products title + spacing */
.wd-carousel-container .wd-el-title.title { color: #FFFFFF !important; }
.wd-carousel-container .wd-carousel-item { margin-right: 20px !important; }
.wd-page-content, .single-product .wd-page-content { background-color: #0D0D0D !important; }

/* Fix white background leaking through page wrapper on single product pages (visible as white gap before footer) */
body, .wd-page-wrapper.website-wrapper { background-color: #0D0D0D !important; }

/* Shop archive page fixes */
.entry-title.title { color: #FFFFFF !important; }
.wd-06832d7b { background-color: #0D0D0D !important; }
.woocommerce-pagination.wd-pagination { margin-bottom: 40px !important; position: relative !important; z-index: 5 !important; }

/* Shop archive: wrapping section had light gray bg showing as white gaps between products */
.elementor-element-9738884 { background-color: #0D0D0D !important; }


/* Remove navigation arrows from the Trending Now product carousel */
.elementor-element-68d08e7c .wd-nav-arrows { display: none !important; }@media (min-width: 768px) and (max-width: 1024px) {
	/* Fix: remove large black gaps between homepage sections (same fix as Mobile, for tablet width too). */
.elementor-element-be9004a, .elementor-element-95edb10, .elementor-element-75ad7d13, .elementor-element-675118e, .elementor-element-38e640d9, .elementor-element-0d6144a, .elementor-element-fde1290, .elementor-element-5e092e39, .elementor-element-72d82782 { margin-bottom: 0 !important; }
}

@media (min-width: 577px) and (max-width: 767px) {
	/* Fix: hero carousel was forced to 100vh/800px in the Global CSS with no scoping, which still applies at tablet-portrait / landscape-phone widths (577-991px). Use natural aspect ratio here too so there's no gap in coverage. */
.elementor-element-be9004a.elementor-element-be9004a { height: auto !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important; }
.elementor-element-f3f852e.elementor-element-f3f852e { height: auto !important; aspect-ratio: 16 / 9 !important; }
.elementor-element-f3f852e .swiper.swiper, .elementor-element-f3f852e .swiper-wrapper.swiper-wrapper, .elementor-element-f3f852e .swiper-slide.swiper-slide { height: 100% !important; }
.elementor-element-f3f852e .swiper-slide-inner { height: 100% !important; }
.elementor-element-f3f852e .swiper-slide-image { height: 100% !important; }

/* Fix: remove large black gaps between homepage sections (same fix as Mobile tab, applied here too so tablet-landscape/phone-landscape widths aren't left with the old 40px gaps). */
.elementor-element-be9004a, .elementor-element-95edb10, .elementor-element-75ad7d13, .elementor-element-675118e, .elementor-element-38e640d9, .elementor-element-0d6144a, .elementor-element-fde1290, .elementor-element-5e092e39, .elementor-element-72d82782 { margin-bottom: 0 !important; }
}

@media (max-width: 576px) {
	/* Fix: hero carousel was forced to 100vh on mobile, crushing 16:9 images into a portrait crop. Use natural aspect ratio instead. */
.elementor-element-be9004a.elementor-element-be9004a { height: auto !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important; }
.elementor-element-f3f852e.elementor-element-f3f852e { height: auto !important; aspect-ratio: 16 / 9 !important; }
.elementor-element-f3f852e .swiper.swiper, .elementor-element-f3f852e .swiper-wrapper.swiper-wrapper, .elementor-element-f3f852e .swiper-slide.swiper-slide { height: 100% !important; }
.elementor-element-f3f852e .swiper-slide-inner { height: 100% !important; }
.elementor-element-f3f852e .swiper-slide-image { height: 100% !important; }

/* Fix: remove large black gaps between homepage sections on mobile (was 40px margin-bottom on every section against a near-black background, reading as big empty gaps). */
.elementor-element-be9004a, .elementor-element-95edb10, .elementor-element-75ad7d13, .elementor-element-675118e, .elementor-element-38e640d9, .elementor-element-0d6144a, .elementor-element-fde1290, .elementor-element-5e092e39, .elementor-element-72d82782 { margin-bottom: 0 !important; }
}