/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Make sold-out text red on product cards in shop loops. */
.wd-product.product-grid-item .wd-product-stock.out-of-stock,
.wd-product.product-grid-item .product-label.out-of-stock {
	color: #d10000 !important;
}

/* Keep the mobile-login country code Select2 chevron vertically centered. */
.xoo-ml-phone-cc + .select2.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 0;
	height: 100%;
	transform: none;
}

/* Align the OTP login form generated inside Woodmart's account side panel. */
.login-form-side .xoo-lwo-form {
	padding: 20px 15px 15px;
	border-bottom: 1px solid var(--brdcolor-gray-300);
}

.login-form-side .xoo-lwo-form .xoo-ml-phinput-cont {
	margin: 0 0 16px;
}

.login-form-side .xoo-lwo-form .xoo-ml-has-cc {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	gap: 15px;
}

.login-form-side .xoo-lwo-form .xoo-ml-has-cc select.xoo-ml-phone-cc,
.login-form-side .xoo-lwo-form .xoo-ml-has-cc input.xoo-ml-phone-cc,
.login-form-side .xoo-lwo-form .xoo-ml-phone-cc + .select2 {
	flex: 0 0 clamp(126px, 34%, 160px);
	width: clamp(126px, 34%, 160px) !important;
	max-width: 160px;
	margin: 0;
}

.login-form-side .xoo-lwo-form .xoo-ml-regphin {
	flex: 1 1 auto;
	min-width: 0;
}

.login-form-side .xoo-lwo-form .xoo-ml-regphin input.xoo-ml-phone-input {
	width: 100%;
	min-width: 0;
}

.login-form-side .xoo-lwo-form .xoo-ml-login-otp-btn,
.login-form-side .xoo-lwo-form .xoo-ml-low-back {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-inline: 0;
}

.login-form-side .xoo-lwo-form .xoo-ml-login-otp-btn {
	margin-top: 0;
}

.login-form-side .xoo-lwo-form .xoo-ml-low-back {
	margin-top: 12px;
}

/* Keep the side-panel country dropdown search interactive on mobile. */
.login-form-side .select2-container--open .select2-dropdown {
	z-index: 100000;
}

.login-form-side .select2-container--open .select2-search--dropdown {
	display: block !important;
}

.login-form-side .select2-container--open .select2-search__field {
	width: 100% !important;
	pointer-events: auto;
}

.wd-button-wrapper.wd-mobile-back-button-wrap {
	width: 100%;
	text-align: left !important;
	display: flex;
	align-items: center;
	align-self: center;
	min-height: 100%;
}

.wd-button-wrapper.wd-mobile-back-button-wrap a {
	display: inline-flex;
	align-items: center;
}

@media (min-width: 1025px) {
	.woodmart-main-categories-slot {
		display: none;
		grid-column: 1 / -1;
		position: relative;
		z-index: 41;
		padding-top:10px;
		padding-bottom:10px;
		margin-top: 50px;
		margin-bottom: 50px;
		background-color: color-mix(in srgb, var(--wd-primary-color) 68%, #fff);
	}

	.woodmart-main-categories-slot--active {
		display: block;
	}

	.woodmart-main-categories-slot .wd-header-cats {
		margin-inline: 0;
		inline-size: 269px;
		max-width: 100%;
	}

	.woodmart-main-categories-slot .wd-header-cats .menu-opener {
		width: 100%;
		min-width: 0;
		max-width: none;
		background-color: transparent !important;
		color: #3f3f3f !important;
	}

	.woodmart-main-categories-slot .wd-header-cats .menu-opener .menu-open-label,
	.woodmart-main-categories-slot .wd-header-cats .menu-opener:after,
	.woodmart-main-categories-slot .wd-header-cats .menu-opener-icon,
	.woodmart-main-categories-slot .wd-header-cats .menu-opener-icon:after {
		color: #3f3f3f !important;
	}

	.woodmart-main-categories-slot .wd-header-cats .menu-opener:after {
		margin-inline-start: 8px !important;
	}

	.woodmart-main-categories-slot .wd-header-cats .menu-opener-icon svg,
	.woodmart-main-categories-slot .wd-header-cats .menu-opener-icon svg path {
		fill: currentColor !important;
		stroke: currentColor !important;
	}

	.woodmart-main-categories-slot .wd-header-cats .wd-dropdown-cats {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}

	.woodmart-main-categories-slot .wd-header-cats .wd-nav {
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.woodmart-main-categories-slot {
		display: none !important;
		margin-bottom: 0;
	}
}

body.tax-product_cat .wd-cats.wd-carousel-container {
	--wd-child-cat-thumb-w: min(136px, 42vw);
	--wd-cat-img-width: 136px;
	max-width: 100%;
	margin-bottom: 30px;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-carousel {
	--wd-col-lg: 6 !important;
	--wd-col-md: 4 !important;
	--wd-col-sm: 2 !important;
	--wd-col-xs: 2 !important;
	--wd-gap-lg: 30px !important;
	--wd-gap-md: 20px !important;
	--wd-gap-sm: 20px !important;
	--wd-gap-xs: 20px !important;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-carousel-wrap {
	align-items: flex-start;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-carousel-item {
	display: flex;
	justify-content: center;
	min-width: 0;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat,
body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat-wrap,
body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat-inner {
	border: 0;
	background: transparent !important;
	box-shadow: none !important;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat {
	width: 100%;
	min-width: 0;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat-wrap,
body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat-inner {
	padding: 0 !important;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	overflow: visible;
	text-align: center;
	transform: none;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat-thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--wd-child-cat-thumb-w);
	height: 76px;
	max-width: none;
	margin: 0 auto;
	overflow: hidden;
	border: 0 !important;
	border-radius: 999px !important;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .13);
	transform: none;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	padding: 8px 14px;
	transform: none !important;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat-image img,
body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat-thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat-content {
	position: static !important;
	inset: auto !important;
	display: block;
	width: 100%;
	margin-top: 18px;
	padding: 0 !important;
	text-align: center;
	transform: none !important;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-entities-title {
	position: static !important;
	inset: auto !important;
	max-width: 280px;
	margin: 0 auto;
	color: var(--wd-title-color);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
	text-transform: capitalize;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat-count {
	display: none !important;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-nav-arrows,
body.tax-product_cat .wd-cats.wd-carousel-container .wd-nav-pagin-wrap {
	display: none !important;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-nav-scroll {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 8px;
	margin-top: 40px;
	border-radius: 999px;
	background: #e7e7e4;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-nav-scroll.wd-lock {
	display: block !important;
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-nav-scroll .swiper-scrollbar-drag,
body.tax-product_cat .wd-cats.wd-carousel-container .wd-nav-scroll .wd-nav-scroll-drag:before {
	border-radius: inherit;
	background: var(--wd-primary-color);
}

body.tax-product_cat .wd-cats.wd-carousel-container .wd-nav-scroll .wd-nav-scroll-drag:before {
	height: 8px;
}

@media (max-width: 768.98px) {
	body.tax-product_cat .wd-cats.wd-carousel-container {
		--wd-child-cat-thumb-w: min(136px, calc(50vw - 24px));
		box-sizing: border-box;
		width: 100vw !important;
		max-width: 100vw !important;
		margin-right: calc(50% - 50vw) !important;
		margin-left: calc(50% - 50vw) !important;
		margin-bottom: 20px;
		padding-inline: 16px;
		overflow: hidden;
	}

	body.tax-product_cat .wd-cats.wd-carousel-container .wd-carousel {
		--wd-col: 2 !important;
		--wd-col-sm: 2 !important;
		--wd-col-xs: 2 !important;
		--wd-gap: 16px !important;
		--wd-gap-sm: 16px !important;
	}

	body.tax-product_cat .wd-cats.wd-carousel-container .wd-carousel-inner,
	body.tax-product_cat .wd-cats.wd-carousel-container .wd-carousel,
	body.tax-product_cat .wd-cats.wd-carousel-container .wd-carousel-wrap {
		width: 100%;
		min-width: 100%;
	}

	body.tax-product_cat .wd-cats.wd-carousel-container .wd-carousel-item {
		box-sizing: border-box;
		width: calc((100vw - 48px) / 2) !important;
		min-width: calc((100vw - 48px) / 2) !important;
		max-width: calc((100vw - 48px) / 2) !important;
		flex: 0 0 calc((100vw - 48px) / 2) !important;
	}

	body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat-thumb {
		height: 68px;
	}

	body.tax-product_cat .wd-cats.wd-carousel-container .wd-cat-content {
		margin-top: 16px;
	}

	body.tax-product_cat .wd-cats.wd-carousel-container .wd-entities-title {
		width: 100%;
		max-width: 100%;
		font-size: 12px;
		overflow-wrap: break-word;
		word-break: normal;
		white-space: normal;
	}
}

/* Keep the category carousel pill layout before Woodmart's JS/CSS finishes loading. */
body.tax-product_cat .wd-cats.wd-cats-element {
	--wd-child-cat-thumb-w: min(136px, 42vw) !important;
	--wd-cat-img-width: 136px !important;
	max-width: 100% !important;
	margin-bottom: 30px !important;
}

body.tax-product_cat .wd-cats.wd-cats-element .wd-carousel {
	--wd-col: 6 !important;
	--wd-col-lg: 6 !important;
	--wd-col-md: 4 !important;
	--wd-col-sm: 2 !important;
	--wd-col-xs: 2 !important;
	--wd-gap-lg: 30px !important;
	--wd-gap-md: 20px !important;
	--wd-gap-sm: 20px !important;
	--wd-gap-xs: 20px !important;
}

body.tax-product_cat .wd-cats.wd-cats-element .wd-carousel-wrap {
	align-items: flex-start !important;
}

body.tax-product_cat .wd-cats.wd-cats-element .wd-carousel-item {
	display: flex !important;
	justify-content: center !important;
	min-width: 0 !important;
}

body.tax-product_cat .wd-cats.wd-cats-element .wd-cat,
body.tax-product_cat .wd-cats.wd-cats-element .wd-cat-wrap,
body.tax-product_cat .wd-cats.wd-cats-element .wd-cat-inner {
	width: 100% !important;
	min-width: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.tax-product_cat .wd-cats.wd-cats-element .wd-cat-inner {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	overflow: visible !important;
	text-align: center !important;
	transform: none !important;
}

body.tax-product_cat .wd-cats.wd-cats-element .wd-cat-thumb {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: var(--wd-child-cat-thumb-w) !important;
	height: 76px !important;
	max-width: none !important;
	margin: 0 auto !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #fff !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .13) !important;
	transform: none !important;
}

body.tax-product_cat .wd-cats.wd-cats-element .wd-cat-image {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 8px 14px !important;
	transform: none !important;
}

body.tax-product_cat .wd-cats.wd-cats-element .wd-cat-image img,
body.tax-product_cat .wd-cats.wd-cats-element .wd-cat-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
}

body.tax-product_cat .wd-cats.wd-cats-element .wd-cat-content {
	position: static !important;
	inset: auto !important;
	display: block !important;
	width: 100% !important;
	margin-top: 18px !important;
	padding: 0 !important;
	text-align: center !important;
	transform: none !important;
}

body.tax-product_cat .wd-cats.wd-cats-element .wd-entities-title {
	position: static !important;
	inset: auto !important;
	max-width: 280px !important;
	margin: 0 auto !important;
	color: var(--wd-title-color) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	text-align: center !important;
	text-transform: capitalize !important;
}

body.tax-product_cat .wd-cats.wd-cats-element .wd-cat-count,
body.tax-product_cat .wd-cats.wd-cats-element .wd-nav-arrows,
body.tax-product_cat .wd-cats.wd-cats-element .wd-nav-pagin-wrap {
	display: none !important;
}

body.tax-product_cat .wd-cats.wd-cats-element .wd-nav-scroll {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 8px !important;
	margin-top: 40px !important;
	border-radius: 999px !important;
	background: #e7e7e4 !important;
}

body.tax-product_cat .wd-cats.wd-cats-element .wd-nav-scroll.wd-lock {
	display: block !important;
}

body.tax-product_cat .wd-cats.wd-cats-element .wd-nav-scroll .swiper-scrollbar-drag,
body.tax-product_cat .wd-cats.wd-cats-element .wd-nav-scroll .wd-nav-scroll-drag:before {
	height: 8px !important;
	border-radius: inherit !important;
	background: var(--wd-primary-color) !important;
}

/* Hide duplicate subcategory cards rendered inside the main shop loop. */
body.tax-product_cat .wd-products-element > .products > .product-category {
	display: none !important;
}

body.tax-product_cat .wd-products-element .products[data-source="main_loop"] > .product-category {
	display: none !important;
}

	@media (max-width: 1024.98px) and (min-width: 768.99px) {
		body.tax-product_cat .wd-cats.wd-cats-element .wd-carousel {
			--wd-col: 4 !important;
		}
	}

@media (max-width: 768.98px) {
	body.tax-product_cat .wd-cats.wd-cats-element {
		--wd-child-cat-thumb-w: min(136px, calc(50vw - 24px)) !important;
		box-sizing: border-box !important;
		width: 100vw !important;
		max-width: 100vw !important;
		margin-right: calc(50% - 50vw) !important;
		margin-left: calc(50% - 50vw) !important;
		margin-bottom: 20px !important;
		padding-inline: 16px !important;
		overflow: hidden !important;
	}

	body.tax-product_cat .wd-cats.wd-cats-element .wd-carousel {
		--wd-col: 2 !important;
		--wd-col-sm: 2 !important;
		--wd-col-xs: 2 !important;
		--wd-gap: 16px !important;
		--wd-gap-sm: 16px !important;
	}

	body.tax-product_cat .wd-cats.wd-cats-element .wd-carousel-inner,
	body.tax-product_cat .wd-cats.wd-cats-element .wd-carousel,
	body.tax-product_cat .wd-cats.wd-cats-element .wd-carousel-wrap {
		width: 100% !important;
		min-width: 100% !important;
	}

	body.tax-product_cat .wd-cats.wd-cats-element .wd-carousel-item {
		box-sizing: border-box !important;
		width: calc((100vw - 48px) / 2) !important;
		min-width: calc((100vw - 48px) / 2) !important;
		max-width: calc((100vw - 48px) / 2) !important;
		flex: 0 0 calc((100vw - 48px) / 2) !important;
	}

	body.tax-product_cat .wd-cats.wd-cats-element .wd-cat-thumb {
		height: 68px !important;
	}

	body.tax-product_cat .wd-cats.wd-cats-element .wd-cat-content {
		margin-top: 16px !important;
	}

	body.tax-product_cat .wd-cats.wd-cats-element .wd-entities-title {
		width: 100% !important;
		max-width: 100% !important;
		font-size: 12px !important;
		overflow-wrap: break-word !important;
		word-break: normal !important;
		white-space: normal !important;
	}
}

body.tax-product_cat .wd-nav-product-cat-wrap:not(.wd-nav-accordion-mb-on) .wd-nav-product-cat {
	--nav-gap: 20px;
	justify-content: center;
	width: 100%;
}

body.tax-product_cat .wd-nav-product-cat-wrap:not(.wd-nav-accordion-mb-on) .wd-nav-product-cat > li {
	min-width: 0;
}

body.tax-product_cat .wd-nav-product-cat-wrap:not(.wd-nav-accordion-mb-on) .wd-nav-product-cat > li > a.category-nav-link {
	flex-direction: column;
	align-items: center;
	gap: 16px;
	min-height: 0;
	padding: 0;
	text-align: center;
}

body.tax-product_cat .wd-nav-product-cat-wrap:not(.wd-nav-accordion-mb-on) .wd-nav-product-cat .wd-nav-img {
	width: var(--wd-child-cat-thumb-w, min(136px, 42vw)) !important;
	height: 68px !important;
	margin: 0 !important;
	padding: 8px 14px;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .13);
	object-fit: contain;
}

body.tax-product_cat .wd-nav-product-cat-wrap:not(.wd-nav-accordion-mb-on) .wd-nav-product-cat .nav-link-summary {
	display: block;
}

body.tax-product_cat .wd-nav-product-cat-wrap:not(.wd-nav-accordion-mb-on) .wd-nav-product-cat .nav-link-text {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
	text-transform: none;
}

body.tax-product_cat .wd-nav-product-cat-wrap:not(.wd-nav-accordion-mb-on) .wd-nav-product-cat .nav-link-count {
	display: none;
}

@media (max-width: 768.98px) {
	body.tax-product_cat .wd-nav-product-cat-wrap:not(.wd-nav-accordion-mb-on) .wd-nav-product-cat {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}
}

.woodmart-child-subcat-carousel {
	position: relative;
	width: 100%;
	margin: 0 0 32px;
}

.woodmart-child-subcat-carousel__header {
	display: flex;
	align-items: center;
	margin-bottom: 14px;
}

.woodmart-child-subcat-carousel__title {
	margin: 0;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 600;
	color: var(--wd-title-color);
}

.woodmart-child-subcat-carousel__track {
	display: flex;
	gap: 18px;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 2px;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.woodmart-child-subcat-carousel__track::-webkit-scrollbar {
	display: none;
}

.woodmart-child-subcat-carousel__item {
	display: flex;
	flex: 0 0 calc(16.6667% - 15px);
	flex-direction: column;
	gap: 8px;
	scroll-snap-align: start;
	color: var(--wd-title-color);
	text-decoration: none;
}

.woodmart-child-subcat-carousel__image {
	display: block;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 8px;
	background: #f7f7f7;
}

.woodmart-child-subcat-carousel__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .25s ease;
}

.woodmart-child-subcat-carousel__item:hover .woodmart-child-subcat-carousel__image img {
	transform: scale(1.04);
}

.woodmart-child-subcat-carousel__name {
	font-size: 14px;
	line-height: 1.25;
	font-weight: 600;
	color: var(--wd-title-color);
}

.woodmart-child-subcat-carousel__count {
	margin-top: -4px;
	font-size: 12px;
	line-height: 1.25;
	color: var(--wd-text-color);
	opacity: .75;
}

.woodmart-child-subcat-carousel__progress {
	position: relative;
	display: none;
	width: min(210px, 48%);
	height: 8px;
	margin: 18px auto 0;
	overflow: hidden;
	border-radius: 999px;
	background: #e7e7e4;
}

.woodmart-child-subcat-carousel.is-scrollable .woodmart-child-subcat-carousel__progress {
	display: block;
}

.woodmart-child-subcat-carousel__progress span {
	position: absolute;
	top: 0;
	left: var(--subcat-progress-left, 0%);
	display: block;
	width: var(--subcat-progress-width, 100%);
	height: 100%;
	border-radius: inherit;
	background: var(--wd-primary-color);
	transition: left .12s ease, width .12s ease;
}

@media (max-width: 1199px) {
	.woodmart-child-subcat-carousel__item {
		flex-basis: calc(20% - 12.8px);
	}
}

@media (max-width: 1024px) {
	.woodmart-child-subcat-carousel__track {
		gap: 16px;
	}

	.woodmart-child-subcat-carousel__item {
		flex-basis: calc(25% - 12px);
	}
}

@media (max-width: 767px) {
	.woodmart-child-subcat-carousel {
		margin-bottom: 26px;
	}

	.woodmart-child-subcat-carousel__header {
		margin-bottom: 12px;
	}

	.woodmart-child-subcat-carousel__title {
		font-size: 16px;
	}

	.woodmart-child-subcat-carousel__track {
		gap: 12px;
		margin-inline: -15px;
		padding-inline: 15px;
	}

	.woodmart-child-subcat-carousel__item {
		flex-basis: calc(50% - 6px);
	}

	.woodmart-child-subcat-carousel__progress {
		width: min(200px, 42%);
		margin-top: 16px;
	}
}


/* =====================================================================
   Product Category Carousel - layout override
   Moved from wp_head so it loads via stylesheet and survives PJAX.
   body.tax-product_cat removed: .wd-cats.wd-carousel-container scopes it.
   ===================================================================== */

.wd-cats.wd-carousel-container {
	--wd-child-cat-thumb-w: min(136px, 42vw);
	--wd-cat-img-width: 136px;
	max-width: 100% !important;
	margin-bottom: 30px;
}

.wd-cats.wd-carousel-container .wd-carousel {
	--wd-col: 6 !important;
	--wd-col-lg: 6 !important;
	--wd-col-md: 4 !important;
	--wd-col-sm: 2 !important;
	--wd-col-xs: 2 !important;
	--wd-gap-lg: 30px !important;
	--wd-gap-md: 20px !important;
	--wd-gap-sm: 20px !important;
	--wd-gap-xs: 20px !important;
}

.wd-cats.wd-carousel-container .wd-carousel-wrap {
	display: flex !important;
	align-items: flex-start !important;
}

.wd-cats.wd-carousel-container .wd-carousel-item {
	display: flex !important;
	justify-content: center !important;
	flex: 0 0 calc(100% / var(--wd-col)) !important;
	max-width: calc(100% / var(--wd-col)) !important;
}

.wd-cats.wd-carousel-container .wd-cat,
.wd-cats.wd-carousel-container .wd-cat-wrap,
.wd-cats.wd-carousel-container .wd-cat-inner {
	width: 100% !important;
	min-width: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.wd-cats.wd-carousel-container .wd-cat-inner {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	overflow: visible !important;
	text-align: center !important;
	transform: none !important;
}

.wd-cats.wd-carousel-container .wd-cat-thumb {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: var(--wd-child-cat-thumb-w) !important;
	height: 76px !important;
	max-width: none !important;
	margin: 0 auto !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #fff !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .13) !important;
	transform: none !important;
}

.wd-cats.wd-carousel-container .wd-cat-image {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 8px 14px !important;
	transform: none !important;
}

.wd-cats.wd-carousel-container .wd-cat-image img,
.wd-cats.wd-carousel-container .wd-cat-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
}

.wd-cats.wd-carousel-container .wd-cat-content {
	position: static !important;
	inset: auto !important;
	display: block !important;
	width: 100% !important;
	margin-top: 18px !important;
	padding: 0 !important;
	text-align: center !important;
	transform: none !important;
}

.wd-cats.wd-carousel-container .wd-entities-title {
	position: static !important;
	inset: auto !important;
	max-width: 280px !important;
	margin: 0 auto !important;
	color: var(--wd-title-color) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	text-align: center !important;
	text-transform: capitalize !important;
}

.wd-cats.wd-carousel-container .wd-cat-count,
.wd-cats.wd-carousel-container .wd-nav-arrows,
.wd-cats.wd-carousel-container .wd-nav-pagin-wrap {
	display: none !important;
}

.wd-cats.wd-carousel-container .wd-nav-scroll {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 8px !important;
	margin-top: 40px !important;
	border-radius: 999px !important;
	background: #e7e7e4 !important;
}

.wd-cats.wd-carousel-container .wd-nav-scroll.wd-lock {
	display: block !important;
}

.wd-cats.wd-carousel-container .wd-nav-scroll .swiper-scrollbar-drag,
.wd-cats.wd-carousel-container .wd-nav-scroll .wd-nav-scroll-drag:before {
	height: 8px !important;
	border-radius: inherit !important;
	background: var(--wd-primary-color) !important;
}

@media (max-width: 768.98px) {
	.wd-cats.wd-carousel-container {
		--wd-child-cat-thumb-w: min(136px, calc(50vw - 24px));
		box-sizing: border-box !important;
		width: 100vw !important;
		max-width: 100vw !important;
		margin-right: calc(50% - 50vw) !important;
		margin-left: calc(50% - 50vw) !important;
		margin-bottom: 20px !important;
		padding-inline: 16px !important;
		overflow: hidden !important;
	}

	.wd-cats.wd-carousel-container .wd-carousel {
		--wd-col: 2 !important;
		--wd-col-sm: 2 !important;
		--wd-col-xs: 2 !important;
		--wd-gap: 16px !important;
		--wd-gap-sm: 16px !important;
	}

	.wd-cats.wd-carousel-container .wd-carousel-inner,
	.wd-cats.wd-carousel-container .wd-carousel,
	.wd-cats.wd-carousel-container .wd-carousel-wrap {
		width: 100% !important;
		min-width: 100% !important;
	}

	.wd-cats.wd-carousel-container .wd-carousel-item {
		box-sizing: border-box !important;
		width: calc((100vw - 48px) / 2) !important;
		min-width: calc((100vw - 48px) / 2) !important;
		max-width: calc((100vw - 48px) / 2) !important;
		flex: 0 0 calc((100vw - 48px) / 2) !important;
	}

	.wd-cats.wd-carousel-container .wd-cat-thumb {
		height: 68px !important;
	}

	.wd-cats.wd-carousel-container .wd-cat-content {
		margin-top: 16px !important;
	}

	.wd-cats.wd-carousel-container .wd-entities-title {
		width: 100% !important;
		max-width: 100% !important;
		font-size: 12px !important;
		overflow-wrap: break-word !important;
		word-break: normal !important;
		white-space: normal !important;
	}
}

/* "Be Right Back" message on single product page for unavailable products */
.woodmart-child-be-right-back-message {
	margin: 16px 0;
	padding: 14px 18px;
	font-weight: 600;
	font-size: 16px;
	color: #7b7a7a;
	background-color: #f7f7f7;
	border-left: 4px solid var(--wd-primary-color, #83b735);
	border-radius: 4px;
}