:root {
	--wd-text-font: "Changa", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 15px;
	--wd-title-font: "Changa", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: var(--wd-title-font);
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Bebas Neue", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: var(--wd-title-font);
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(216,168,5);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(216,168,5);
	--btn-accented-bgcolor-hover: rgb(196,164,3);
	--wd-form-brd-width: 2px;
	--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 bottom;
}
.wd-footer {
	background-color: #1f2021;
	background-image: none;
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(212,160,23);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1440px;
--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: 1440px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


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

.joinchat--left .joinchat__button {
	left:0 !important;
}
/* #Progress
================================================== */

.progress-wrap {
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 50px;
	width: 50px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	background: #fff;
}
.progress-wrap::after {
	position: absolute;
	content: "\f115";
	font-family: "woodmart-font";
	text-align: center;
	line-height:50px;
	font-size: 24px;
	color:#000;
	left: 0;
	top: 0;
	height:50px;
	width: 50px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	content: "\f115";
	font-family: "woodmart-font";
	text-align: center;
	line-height:50px;
	font-size: 24px;
	opacity: 0;
	background: black;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height:50px;
	width:50px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke:#000;
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.wd-product-card-bg {
	position: relative!important;
}
.wd-product-card-hover {
	position: relative!important;
	top: 100%;
	inset-inline: 0;
	visibility: visible!important;
	opacity: 1!important;
}
.wd-more-desc{max-height: 100%!important;}
.wd-more-desc .wd-more-desc-btn {
	display: none !important;
}
.wd-page-title{background-attachment: fixed;}
.wd-product{
	box-shadow:0px 3px 7px 1px #ccc;
	border-radius: 20px;
	background: #f3f3f3;
}
.wd-product.wd-hover-base .wrapp-swatches{display:none !important;}
.wd-loop-builder-off .wd-product-wrapper{gap:0;border-radius: 20px;    background: #f3f3f3;}
.wd-product.wd-hover-base .product-element-bottom{gap: 12px;padding: 0 0px var(--wd-prod-gap) 1px;background: #f3f3f3;border-radius: 20px;}
.wd-product .wd-product-thumb{border-radius: 20px;}
.wd-product .wd-entities-title {
	font-size: 1.5em !important;
	font-weight: bold;
	padding-top: 5px;
	margin-bottom: 5px;
	min-height: 42px;
	-webkit-text-stroke: .5px;
}
table.woocommerce-product-attributes.shop_attributes {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: none;
	background: transparent;
}
table.woocommerce-product-attributes tbody {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	direction: rtl; 
	padding-top: 8px;
	padding-bottom: 15px;
}
table.woocommerce-product-attributes tr.woocommerce-product-attributes-item {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: start;
	flex: 1 1 80px;
	max-width: 79px;
	border-radius: 8px;
	padding: 4px;
	box-shadow: 0 0 4px rgb(0 0 0 / 28%);
	border: none;
	text-align: center;
	box-sizing: border-box;
	gap: 0 !important;
}
table.woocommerce-product-attributes th.woocommerce-product-attributes-item__label {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 0;
	border: none;
	background: transparent;
}
table.woocommerce-product-attributes span.wd-attr-label {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0px;
	position: relative;
	width: 100%;
	margin-bottom: 8px;
	padding-bottom: 6px;
	text-align: center;
}
table.woocommerce-product-attributes span.wd-attr-label::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 35px;
	height: 2px;
	background-color: #c89d54;
}
table.woocommerce-product-attributes img.wd-attr-img {
	width:30px;
	height:30px;
	object-fit: contain;
	background: transparent !important;
	padding: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
table.woocommerce-product-attributes span.wd-attr-name {
	font-size: 12px;
	font-weight: 700;
	color: #000000;
	-webkit-text-stroke: .5px;
}
table.woocommerce-product-attributes td.woocommerce-product-attributes-item__value {
	display: block;
	padding: 0;
	border: none;
	background: transparent;
	width: 100%;
	text-align: center;
}
table.woocommerce-product-attributes span.wd-term-name {
	font-size: 12px;
	font-weight: 700;
	color: #222222;
}
.wd-product.wd-hover-base .wd-product-card-hover{padding: 0 !important;}
table.woocommerce-product-attributes tr:nth-child(4),
table.woocommerce-product-attributes tr:nth-child(5){display:none !important;}
table.woocommerce-product-attributes td.woocommerce-product-attributes-item__value,
table.woocommerce-product-attributes span.wd-term,
table.woocommerce-product-attributes span.wd-term-name {
	display: block !important;
	max-height: 1.2em !important;
	line-height: 1.2em !important;
	overflow: hidden !important; 
	text-overflow: ellipsis;
}
/* Container styling to align everything vertically and horizontally */
.wrapp-product-price {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 15px 0;
}
.wrapp-product-price .price bdi {
	display: flex !important;
	flex-direction: row-reverse !important;
	align-items: center;
	gap: 4px;
	font-size: 28px;
	font-weight: 700;
	color: #222222;
	position: relative;
	direction: ltr !important;
}
.wrapp-product-price .price bdi::before,
.wrapp-product-price .price bdi::after {
	content: "";
	display: inline-block;
	width: 60px;
	height: 1px;
	background-color: #c89d54;
}
.wrapp-product-price .price bdi::before {
	margin-right: 15px;
}

.wrapp-product-price .price bdi::after {
	margin-left: 15px;
}
.wd-product.wd-hover-base .wd-bottom-actions{
	display: inline-block !important;
	margin-bottom: 10px !important;
	width: 90%;
	margin: 0 auto;
}
.wd-product.wd-hover-base .wd-bottom-actions .product_type_simple {
	display: block;
	border: var(--wd-form-brd-width) solid #c09652;
	border-radius: 35px !important;
	color: #000000 !important;
	background-color: transparent !important;
	padding: 0;
	box-shadow: 0px -2px 3px 0px #ccc inset !important;
	font-weight: 900 !important;
}
.wd-product.wd-hover-base .wd-bottom-actions:not(.wd-add-small-btn) .add-to-cart-loop span{font-size: 16px!important;}
.wd-product.wd-hover-base .wd-bottom-actions .wd-add-btn-1 .product_type_simple{
	padding: 5px 14px;
	min-height: 36px !important;
	margin-bottom:10px;
	background: linear-gradient(to bottom, #e3c386 0%, #d1a662 45%, #bf8f47 100%);
	border-radius: 9999px !important;
	border: 1px solid #b3833b;
	color: #2b1f10 !important;
	font-weight: bold !important;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4), 0 2px 4px rgba(0, 0, 0, 0.15) !important;
	transition: all 0.2s ease-in-out;
}
.single-product .wd-hover-with-fade.wd-fade-off :is(.wd-product-card-bg,[class*=hover-content]){display: block !important;}
.single-product .wd-buttons.wd-pos-r-t{display:none !important}
.title-wrapper .img-wrapper{margin-top: -10px !important;}
.Categories__home .wd-carousel .category-grid-item {
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.Categories__home .category-grid-item .wrapp-category {
	border-radius: 20px;
}
.home .category-grid-item .hover-mask {
	transform: unset !important;
	top: 69% !important;
}
.GalleryHome .swiper-slide img {
	background: rgba(255, 255, 255, 0.25) !important;
	box-shadow: 0 8px 32px 0 rgb(31 38 135 / 51%) !important;
	backdrop-filter: blur(4px) !important;
	border: 10px solid rgb(255 255 255 / 6%) !important;
}
.home .wd-el-video-play-btn:before {
	font-weight: 900;
}
.home .wd-el-video-play-btn:after {
	border: min(0.04em, 4px) solid currentColor !important;
	opacity: 1 !important;
}
.VideoHome .wd-el-video {
	background: rgba(255, 255, 255, 0.25) !important;
	box-shadow: 0 8px 32px 0 rgb(0 0 0 / 51%) !important;
	backdrop-filter: blur(4px) !important;
	border: 10px solid rgb(255 255 255 / 6%) !important;
}
.formbold-main-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px;
	background: #fff;
}
.formbold-main-wrapper .row{
	margin-inline:0;
	justify-content:center;
	display: flex;
	flex-wrap: wrap;
}
.formbold-form-wrapper {
	margin: 0 auto;
	width: 100%;
}
.formbold-form-wrapper .col-md-4{
	padding: 0;
	margin: 0 auto;
	border: 2px solid #fff;
	position: relative;
}
.formbold-steps {
	margin-bottom: 35px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 37px;
}
.formbold-steps ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	gap:0px;
	justify-content: center;
}
.formbold-steps li {
	display: inline-block;
	border: 1px solid;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	margin-bottom:0px;
	font-weight:900;
	width: 33.1%;
	position:relative;
	box-shadow:rgb(203 203 203) 3px 1px 7px 0px inset, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset;
	padding: 8px;
	background: #f8f8f8;
}
.formbold-steps li span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: center;
}
.formbold-steps li.active {
	color: #fff;
	box-shadow: unset;
	background: linear-gradient(to left, #000000 90%, transparent 10%);
}
.formbold-steps li.active:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 39px solid #000000;
	position: absolute;
	top: 0px;
	left: 0px;
}
.formbold-steps li.active span {
	background: #000;
	color: #FFFFFF;
}

.formbold-input-flex {
	display: flex;
	gap: 20px;
	margin-bottom: 22px;
}
.formbold-confirm-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #FFFFFF;
	border: 0.5px solid #DDE3EC;
	border-radius: 5px;
	font-size: 16px;
	line-height: 24px;
	color: #536387;
	cursor: pointer;
	padding: 10px 20px;
	transition: all .3s ease-in-out;
}
.formbold-confirm-btn {
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
}
.formbold-confirm-btn.active {
	background: #6A64F1;
	color: #FFFFFF;
}

.formbold-form-step-1,
.formbold-form-step-2,
.formbold-form-step-3 {
	display: none;
}
.formbold-form-step-1.active,
.formbold-form-step-2.active,
.formbold-form-step-3.active {
	display: block;
}

.formbold-form-btn-wrapper {
	display: flex;
	align-items: center;
	justify-content:center;
	gap: 25px;
	margin-top: 25px;
}
.formbold-back-btn {
	cursor: pointer;
	background: #FFFFFF;
	border: none;
	color: #07074D;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	display: none;
}
.formbold-back-btn.active {
	display: block;
}
.formbold-btn {
	border: var(--wd-form-brd-width) solid rgb(0 0 0 / 53%);
	border-radius: var(--wd-form-brd-radius) !important;
	border-top: unset;
	font-weight: 900;
	color: #e00 !important;
	background-color: transparent !important;
	box-shadow: 0px -2px 3px 0px #ccc inset !important;
	gap: 0;
	font-size: 16px;
	display: flex;
	cursor: pointer;
	padding: 5px 20px;
}
.formbold-btn:hover {
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
}
.formbold-form-step-1 [type=radio],.formbold-form-step-2 [type=radio] { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
.formbold-form-step-1 [type=radio] + img, .formbold-form-step-2 [type=radio] + img {
	cursor: pointer;
	box-shadow: 0 2px 15px -3px rgb(0 0 0 / 38%), 0 10px 20px -2px rgba(0,0,0, 0.1) !important;
}
.formbold-form-step-1 label p,.formbold-form-step-2 label p {
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
	top: 50%;
	font-weight: 700 !important;
	position: absolute;
	background: rgb(255 255 255 / 64%)!important;
	backdrop-filter: blur( 4px )!important;
	border: 10px solid rgb(0 0 0 / 12%)!important;
	width: 100%;
	z-index:2;
}
.formbold-form-step-1 [type=radio]:checked + img,.formbold-form-step-2 [type=radio]:checked + img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 0.3s ease-in-out;
	position: relative;
	padding: 9px;
	box-shadow: inset 0 0 20px #777777, inset 0 0 20px #e4e4e4, inset 0 0 20px #e4e4e4 !important;
}
.formbold-form-step-3 label{display:inline;cursor: pointer;}
.formbold-form-step-3 .row .col-md-3{gap:10px}
.formbold-form-step-3 .col-md-3 div{
	border: var(--wd-form-brd-width) solid rgb(0 0 0 / 53%);
	border-radius: var(--wd-form-brd-radius) !important;
	border-top: unset;
	color: #e00 !important;
	background-color: transparent !important;
	box-shadow: 0px -2px 3px 0px #ccc inset !important;
	padding: 10px;    margin: 17px;
}
:lang(en-US) .whb-top-bar .wd-nav-secondary>li>a{font-weight: 100 !important;}
:lang(en-US) .formbold-btn,:lang(en-US) .formbold-steps li{font-weight: 700!important;}
:lang(en-US) .formbold-steps li{width: 33.0%;}
:lang(en-US) .formbold-steps li.active{    background: linear-gradient(to right, #000000 90%, transparent 10%);}
:lang(en-US) .formbold-steps li.active:after{
	left: unset;
	right: 0;
	border-left: 39px solid #000000;
	border-right: unset;
}
:lang(en-US) .wd-sticky-social-left{
	left:unset !important;
	right:0 !important;
	transform: translate3d(100%, -50%, 0);
}
.page-id-1707 .wd-content-layout,
.page-id-1758 .wd-content-layout{padding-top:0}
.home .wd-content-layout{padding-top:0;padding-bottom:0;}
.wd-sub-menu li>a{
	color: #000;
	font-size: 1.2em;
	font-weight: 900;
}
footer .elementor-nav-menu--layout-horizontal .elementor-nav-menu{    display: block;}
.footer-container .social-facebook {
	background: #1042bf !important;
}
.footer-container .social-twitter {
	background: #1aa9e1 !important;
}
.footer-container .social-instagram {
	background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
}
.footer-container .wd-size-default .wd-social-icon {
	width: 45px;
	height: 45px;
	box-shadow: 0px -2px 1px 0px #ffffff !important;
}
.footer-container .wd-social-icons.wd-size-default .wd-icon {
	font-size: 22px;
	line-height: 45px;
}
.single-product .whatsapp a {
	color: #fff !important;
	background-color: #25d366 !important;
}
.summary-inner .whatsapp, .summary-inner form.cart {
	display: inline-block;
}
@media(max-width:320px){
	.woocommerce-product-gallery>*{
		flex: 1 1 95%!important;
		max-width: 95%!important;
	}
}
.summary-inner .wd-social-icons .wd-social-icon {
	margin: 4px !important;
	padding: 10px;
	width: 33px !important;
	height: 33px !important;
	color: rgb(0 0 0) !important;
	line-height: 1;
	box-shadow: 0px 2px 10px 1px #b3b3b3 !important;
}
.single-product .woocommerce-Tabs-panel table.woocommerce-product-attributes tr.woocommerce-product-attributes-item{
	margin-bottom:20px;
}
.single-product .woocommerce-Tabs-panel table.woocommerce-product-attributes span.wd-attr-name{
    font-size: 18px;
}
.widget .product-categories li a,.widget_layered_nav ul li a{color:#000}
.cat-design-center .wd-cat-inner:before{opacity: 0 !important;}
.cat-design-center .wd-cat-content .product-category-description{color:#FFF;}

.cat-design-center .wd-cat-content .explore-btn {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
	padding: 8px 16px;
	border-radius: 50px;
	transition: transform 0.2s ease, opacity 0.2s ease;
	direction: rtl;
}
.cat-design-center .wd-cat-content .explore-btn:hover {
	transform: translateX(-4px);
	opacity: 0.95;
}
.cat-design-center .wd-cat-content .arrow-circle {
	width: 30px;
	height:30px;
	border-radius: 50%;
	border: 1.5px solid #E1BF4E;
	background: linear-gradient(145deg, #2a2a2a 0%, #0d0d0d 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1);
	flex-shrink: 0;
}
.cat-design-center .wd-cat-content .arrow-circle svg {
	color: #ffffff;
	stroke: #ffffff;
}
.cat-design-center .wd-cat-content .btn-text {
	letter-spacing: 0.5px;
	line-height: 1;
}
.archive.tax-product_cat .term-description{
	height: 0;
	opacity: 0;
	margin: 0;
}
.whb-general-header .wd-dropdown-menu.wd-design-default{--wd-dropdown-width: 365px;}
.wd-sub-menu li>a img{max-height: 25px;}
.wd-nav-opener{color: #ffffff !important;}
.mobile-nav .wd-nav-opener {
	border-inline-start: 1px solid rgb(255 255 255 / 42%)!important;
	border-bottom: 1px solid var(--brdcolor-gray-300);
}
:lang(en-US) h1, :lang(en-US) h2, :lang(en-US) h3, :lang(en-US) h4, :lang(en-US) h5, :lang(en-US) h6,
:lang(fr) h1, :lang(fr) h2, :lang(fr) h3, :lang(fr) h4, :lang(fr) h5, :lang(fr) h6{
	font-family:"Bebas Neue", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
:lang(en-US) p,
:lang(fr) p,
:lang(en-US) .single-product ul li,
:lang(fr) .single-product ul li{
	font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
	font-weight: 100 !important;
	font-size: 22px;
	letter-spacing: 1px;
}
:lang(en-US) .wd-product .wd-entities-title,
:lang(fr) .wd-product .wd-entities-title{
	font-weight: 100 !important;
	font-size: 1.8em !important;
	letter-spacing: 1px;
}
:lang(en-US) table.woocommerce-product-attributes span.wd-term,
:lang(fr) table.woocommerce-product-attributes span.wd-term,
:lang(en-US) table.woocommerce-product-attributes span.wd-attr-name,
:lang(fr) table.woocommerce-product-attributes span.wd-attr-name,
:lang(en-US) table.woocommerce-product-attributes span.wd-term-name,
:lang(fr) table.woocommerce-product-attributes span.wd-term-name{
	font-weight: 100 !important;
	letter-spacing: 1px;
}
:lang(en-US) table.woocommerce-product-attributes tr.woocommerce-product-attributes-item,
:lang(fr) table.woocommerce-product-attributes tr.woocommerce-product-attributes-item{
	font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
}
:lang(en-US) .wd-product.wd-hover-base .wd-bottom-actions:not(.wd-add-small-btn) .wd-add-btn>a,
:lang(fr) .wd-product.wd-hover-base .wd-bottom-actions:not(.wd-add-small-btn) .wd-add-btn>a,
:lang(en-US) .wd-product.wd-hover-base .wd-bottom-actions:not(.wd-add-small-btn) .add-to-cart-loop span,
:lang(fr) .wd-product.wd-hover-base .wd-bottom-actions:not(.wd-add-small-btn) .add-to-cart-loop span{
	font-family: "Bebas Neue", Arial, Helvetica, sans-serif !important;
	font-weight: 100 !important;
	font-size: 20px !important;
}
:lang(en-US) .wd-creative-v3 .single_add_to_cart_button,
:lang(fr) .wd-creative-v3 .single_add_to_cart_button{
	font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
	font-weight: 100 !important;
	letter-spacing: 1px;
	font-size: 18px;
}
:lang(en-US) .wd-creative-v3 .woocommerce-tabs ul.tabs li a,
:lang(fr) .wd-creative-v3 .woocommerce-tabs ul.tabs li a,
:lang(en-US) .wd-creative-v3 .wd-accordion-title-text span,
:lang(fr) .wd-creative-v3 .wd-accordion-title-text span{
	font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
	font-weight: 100 !important;
	letter-spacing: 1px;
	font-size: 18px;
}
:lang(en-US) .home .aboutCTATXT,
:lang(fr) .home .aboutCTATXT{
	right: unset;
	left: 20px;
}
:lang(en-US) .home .aboutCTA1 img,
:lang(fr) .home .aboutCTA1 img{
	transform: scaleX(-1);
}
:lang(en-US) .home .aboutCTA1 p,
:lang(fr) .home .aboutCTA1 p{
	font-size: 18px;
}
:lang(en-US) .cat-design-center .wd-cat-content .explore-btn,
:lang(fr) .cat-design-center .wd-cat-content .explore-btn{
	direction: ltr;
	font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: 100;
}
:lang(en-US) .cat-design-center .wd-cat-content .explore-btn .arrow-circle,
:lang(fr) .cat-design-center .wd-cat-content .explore-btn .arrow-circle{
	transform: scaleX(-1);
}
:lang(en-US) header p, :lang(fr) header p{font-size: 17px;}
:lang(en-US) .wd-nav-header>li>a,
:lang(fr) .wd-nav-header>li>a,
:lang(en-US) .wd-sub-menu li>a,
:lang(fr) .wd-sub-menu li>a,
:lang(en-US) .mobile-nav.wd-side-hidden.wd-opened .wd-nav>li>a, 
:lang(en-US) .mobile-nav .searchform input[type="text"],
:lang(fr) .mobile-nav.wd-side-hidden.wd-opened .wd-nav>li>a, 
:lang(fr) .mobile-nav .searchform input[type="text"]{
	font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: 100;
	font-size: 24px;
}
:lang(en-US) footer .elementor-widget-nav-menu .elementor-nav-menu .elementor-item,
:lang(fr) footer .elementor-widget-nav-menu .elementor-nav-menu .elementor-item,
:lang(en-US) footer .wd-list li,
:lang(fr) footer .wd-list li{
	font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: 100;
	font-size: 18px;
}
:lang(en-US) .whb-top-bar .wd-sub-menu li>a,
:lang(fr) .whb-top-bar .wd-sub-menu li>a{font-size: 15px !important;}

/* Base Style for Desktop (Concept 3 Grid) */
#alg_currency_selector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  gap: 8px;
  width: 100%;
}

#alg_currency_selector > br {
  display: none;
}

#alg_currency_selector a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: #1f2937;
  text-decoration: none;
  font-size: 13px;
  background: #ffffff;
  white-space: nowrap; /* Prevents awkward line breaks */
  transition: all 0.2s ease;
}

#alg_currency_selector a:hover {
  border-color: #d97706;
  color: #b45309;
  background-color: #fffbe3;
}


/* ==========================================
   MOBILE OPTIMIZATION (Horizontal Scroll Bar)
   ========================================== */
@media (max-width: 768px) {
  #alg_currency_selector {
    display: flex; /* Switch grid to flex row */
    overflow-x: auto; /* Enable horizontal scrolling */
    scroll-snap-type: x mandatory;
    padding-bottom: 6px; /* Room for scrollbar/shadows */
    -webkit-overflow-scrolling: touch; /* Smooth iOS scrolling */
  }

  /* Hide messy scrollbars while keeping scroll functionality */
  #alg_currency_selector::-webkit-scrollbar {
    display: none;
  }
  #alg_currency_selector {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  /* Item behavior inside scroll view */
  #alg_currency_selector a {
    flex: 0 0 auto; /* Stop boxes from shrinking */
    scroll-snap-align: start;
    padding: 10px 14px; /* Touch-friendly padding */
    font-size: 13px;
  }
}
.price .amount{
    font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 1.5em;
}
.wd-loop-builder-off .star-rating{    display: none;}
.wd-product.wd-hover-base.has-stars:is(.purchasable,.product-type-external) .product-rating-price {
    overflow: visible!important;
    height: auto!important;
}
.wd-product.wd-hover-base.has-stars:is(.purchasable,.product-type-external) .wrapp-product-price{
    transform: unset !important;
}
.rtl .wpcf7-form p{font-family: "Changa", Arial, Helvetica, sans-serif !important;}

/* ===================================================
   DESKTOP / WIDE SCREENS (1025px and up)
   =================================================== */
.kc-stage {
    position: relative;
    width: 100%;
    height: 620px;
    margin: 30px auto;
    background: #0d0f12;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    direction: rtl; /* Arabic RTL */
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
    font-family: inherit;
    color: #ffffff;
}

/* Sidebar Branding (Gold Accent) */
.kc-sidebar {
    width: 125px;
    background: #08090b;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
    z-index: 5;
    flex-shrink: 0;
}

.kc-vert-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-weight: 800;
    font-size: 20px;
    letter-spacing: 4px;
    color: #eab308;
    text-transform: uppercase;
}

.kc-pulse-btn {
    width: 48px;
    height: 48px;
    background: #eab308;
    color: #0d0f12;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(234, 179, 8, 0.4);
}

/* Main Display Stage */
.kc-main-viewer {
    flex: 1;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.kc-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease, transform 0.6s ease;
    transform: scale(1.03);
}

.kc-slide.is-active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.kc-image-wrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.kc-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kc-image-overlay {
    position: absolute;
    inset: 0;
    background:linear-gradient(0deg, rgb(13 15 18 / 70%) 0%, rgb(13 15 18 / 10%) 60%);
}

/* Floating Info Card */
.kc-floating-card {
    position: absolute;
    bottom: 35px;
    right: 40px;
    left: 280px;
    background: rgb(18 20 26 / 0%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    padding: 24px 28px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
    z-index: 4;
}

.kc-tag {
    font-size: 12px;
    font-weight: 700;
    color: #eab308;
    margin-bottom: 6px;
    display: inline-block;
}

.kc-card-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px 0;
    line-height: 1.4;
}

.kc-card-title a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s ease;
}

.kc-card-title a:hover {
    color: #eab308;
}

.kc-card-excerpt {
    font-size: 13px;
    color: #d1d5db;
    margin: 0 0 16px 0;
    line-height: 1.6;
}

.kc-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0d0f12;
    background: #eab308;
    padding: 10px 22px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.kc-cta-btn:hover {
    background: #d97706;
    color: #ffffff;
}

/* Thumbnail Dock */
.kc-deck-panel {
    position: absolute;
    left: 20px;
    top: 20px;
    bottom: 20px;
    width: 210px;
    background: rgba(10, 12, 16, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 6;
}

.kc-dock-counter {
    font-size: 13px;
    color: #9ca3af;
}

.kc-dock-counter strong {
    font-size: 22px;
    color: #ffffff;
}

.kc-thumbnails-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 12px 0;
}

.kc-thumb-item {
    position: relative;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.55;
    border: 2px solid transparent;
    transition: all 0.25s ease;
}

.kc-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kc-thumb-item.is-active,
.kc-thumb-item:hover {
    opacity: 1;
    border-color: #eab308;
    transform: scale(1.03);
}

.kc-controls {
    display: flex;
    gap: 8px;
}

.kc-btn {
    flex: 1;
    height: 38px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kc-btn:hover {
    background: #eab308;
    color: #0d0f12;
    border-color: #eab308;
}

/* ===================================================
   MOBILE & TABLET RESPONSIVE FIX (< 1024px)
   Forces Main Large Image + Title + Excerpt to Stay Visible
   =================================================== */
@media (max-width: 1024px) {
    .kc-stage {
        height: auto !important;
        flex-direction: column !important;
        border-radius: 18px !important;
    }

    /* 1. Header Bar */
    .kc-sidebar {
        width: 100% !important;
        height: 54px !important;
        flex-direction: row !important;
        padding: 0 16px !important;
        border-left: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        box-sizing: border-box !important;
    }

    .kc-vert-text {
        writing-mode: horizontal-tb !important;
        transform: none !important;
        font-size: 17px !important;
        letter-spacing: 2px !important;
    }

    .kc-pulse-btn {
        width: 36px !important;
        height: 36px !important;
        font-size: 9px !important;
    }

    /* 2. Main Large Featured Image Area (FIXES 0-HEIGHT COLLAPSE) */
    .kc-main-viewer {
        display: block !important;
        width: 100% !important;
        height: 400px !important; /* Explicit height ensures main viewer renders */
        position: relative !important;
        overflow: hidden !important;
        flex: none !important;
    }

    .kc-slide {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* Title & Excerpt Overlay Box */
    .kc-floating-card {
        position: absolute !important;
        bottom: 14px !important;
        right: 14px !important;
        left: 14px !important;
        top: auto !important;
        padding: 16px !important;
        background: rgb(18 20 26 / 0%) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        border-radius: 14px !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
        z-index: 5 !important;
    }

    .kc-card-title {
        font-size: 17px !important;
        margin: 0 0 6px 0 !important;
        line-height: 1.3 !important;
    }

    .kc-card-excerpt {
        font-size: 12px !important;
        margin: 0 0 12px 0 !important;
        line-height: 1.5 !important;
        color: #d1d5db !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .kc-cta-btn {
        padding: 8px 16px !important;
        font-size: 13px !important;
        display: inline-flex !important;
    }

    /* 3. Bottom Thumbnail Dock & Controls */
    .kc-deck-panel {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        background: #08090b !important;
        border-radius: 0 !important;
        border: none !important;
        border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
        padding: 14px !important;
        box-sizing: border-box !important;
    }

    .kc-dock-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .kc-thumbnails-stack {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        gap: 10px !important;
        padding-bottom: 4px !important;
        margin: 8px 0 !important;
        scrollbar-width: none !important;
    }

    .kc-thumbnails-stack::-webkit-scrollbar {
        display: none !important;
    }

    .kc-thumb-item {
        flex: 0 0 90px !important;
        height: 55px !important;
    }

    .kc-controls {
        margin-top: 8px !important;
    }
}

@media (max-width: 480px) {
    .kc-main-viewer {
        height: 350px !important;
    }
}

/* ===================================================
   DESKTOP / WIDE SCREENS (English LTR Namespaced)
   =================================================== */
.en-kc-stage {
    position: relative;
    width: 100%;
    height: 620px;
    margin: 30px auto;
    background: #0d0f12;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    direction: ltr !important; /* Forces LTR */
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
    font-family: inherit;
    color: #ffffff;
}

/* Sidebar Branding (Left Side Accent) */
.en-kc-sidebar {
    width: 125px;
    background: #08090b;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
    z-index: 5;
    flex-shrink: 0;
}

.en-kc-vert-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-weight: 800;
    font-size: 20px;
    letter-spacing: 4px;
    color: #eab308;
    text-transform: uppercase;
}

.en-kc-pulse-btn {
    width: 48px;
    height: 48px;
    background: #eab308;
    color: #0d0f12;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 800;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(234, 179, 8, 0.4);
}

/* Main Display Stage */
.en-kc-main-viewer {
    flex: 1;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.en-kc-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease, transform 0.6s ease;
    transform: scale(1.03);
}

.en-kc-slide.is-active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.en-kc-image-wrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.en-kc-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.en-kc-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgb(13 15 18 / 70%) 0%, rgb(13 15 18 / 10%) 60%);
}

/* Floating Info Card (Positioned Left) */
.en-kc-floating-card {
    position: absolute;
    bottom: 35px;
    left: 40px;
    right: 280px;
    background: rgb(18 20 26 / 0%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    padding: 24px 28px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
    z-index: 4;
}

.en-kc-tag {
    font-size: 12px;
    font-weight: 700;
    color: #eab308;
    margin-bottom: 6px;
    display: inline-block;
    letter-spacing: 1px;
}

.en-kc-card-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px 0;
    line-height: 1.4;
    text-align: left;
}

.en-kc-card-title a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s ease;
}

.en-kc-card-title a:hover {
    color: #eab308;
}

.en-kc-card-excerpt {
    font-size: 13px;
    color: #d1d5db;
    margin: 0 0 16px 0;
    line-height: 1.6;
    text-align: left;
}

.en-kc-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0d0f12;
    background: #eab308;
    padding: 10px 22px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.en-kc-cta-btn:hover {
    background: #d97706;
    color: #ffffff;
}

/* Thumbnail Dock (Right Side) */
.en-kc-deck-panel {
    position: absolute;
    right: 20px;
    top: 20px;
    bottom: 20px;
    width: 210px;
    background: rgba(10, 12, 16, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 6;
}

.en-kc-dock-counter {
    font-size: 13px;
    color: #9ca3af;
}

.en-kc-dock-counter strong {
    font-size: 22px;
    color: #ffffff;
}

.en-kc-thumbnails-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 12px 0;
}

.en-kc-thumb-item {
    position: relative;
    height:100px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.55;
    border: 2px solid transparent;
    transition: all 0.25s ease;
}

.en-kc-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.en-kc-thumb-item.is-active,
.en-kc-thumb-item:hover {
    opacity: 1;
    border-color: #eab308;
    transform: scale(1.03);
}

.en-kc-controls {
    display: flex;
    gap: 8px;
}

.en-kc-btn {
    flex: 1;
    height: 38px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.en-kc-btn:hover {
    background: #eab308;
    color: #0d0f12;
    border-color: #eab308;
}

/* ===================================================
   MOBILE & TABLET RESPONSIVE (< 1024px)
   =================================================== */
@media (max-width: 1024px) {
    .en-kc-stage {
        height: auto !important;
        flex-direction: column !important;
        border-radius: 18px !important;
    }

    /* 1. Header Bar */
    .en-kc-sidebar {
        width: 100% !important;
        height: 54px !important;
        flex-direction: row !important;
        padding: 0 16px !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        box-sizing: border-box !important;
    }

    .en-kc-vert-text {
        writing-mode: horizontal-tb !important;
        transform: none !important;
        font-size: 17px !important;
        letter-spacing: 2px !important;
    }

    .en-kc-pulse-btn {
        width: 36px !important;
        height: 36px !important;
        font-size: 9px !important;
    }

    /* 2. Main Large Image Area */
    .en-kc-main-viewer {
        display: block !important;
        width: 100% !important;
        height: 400px !important;
        position: relative !important;
        overflow: hidden !important;
        flex: none !important;
    }

    .en-kc-slide {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* Title Overlay Box */
    .en-kc-floating-card {
        position: absolute !important;
        bottom: 14px !important;
        left: 14px !important;
        right: 14px !important;
        top: auto !important;
        padding: 16px !important;
        background: rgb(18 20 26 / 0%) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        border-radius: 14px !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
        z-index: 5 !important;
    }

    .en-kc-card-title {
        font-size: 17px !important;
        margin: 0 0 6px 0 !important;
        line-height: 1.3 !important;
    }

    .en-kc-card-excerpt {
        font-size: 12px !important;
        margin: 0 0 12px 0 !important;
        line-height: 1.5 !important;
        color: #d1d5db !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .en-kc-cta-btn {
        padding: 8px 16px !important;
        font-size: 13px !important;
        display: inline-flex !important;
    }

    /* 3. Bottom Controls & Thumbnails */
    .en-kc-deck-panel {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        background: #08090b !important;
        border-radius: 0 !important;
        border: none !important;
        border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
        padding: 14px !important;
        box-sizing: border-box !important;
    }

    .en-kc-dock-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .en-kc-thumbnails-stack {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        gap: 10px !important;
        padding-bottom: 4px !important;
        margin: 8px 0 !important;
        scrollbar-width: none !important;
    }

    .en-kc-thumbnails-stack::-webkit-scrollbar {
        display: none !important;
    }

    .en-kc-thumb-item {
        flex: 0 0 90px !important;
        height: 55px !important;
    }

    .en-kc-controls {
        margin-top: 8px !important;
    }
}

@media (max-width: 480px) {
    .en-kc-main-viewer {
        height: 350px !important;
    }
}@media (min-width: 1025px) {
	.col-md-4 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
.whb-general-header .whb-column.whb-col-left {
	display: inline-flex;
	align-items: center;
	background-color: #ffffff;
	border-radius: 50px;
	overflow: hidden;
	height: 48px;
	margin-top: auto;
	margin-bottom: auto;
	direction: rtl;
	flex-direction: row-reverse;
}
.whb-general-header .whb-space-element {
	display: none !important;
}
.whb-general-header .wd-header-divider {
	height: 18px;
	width: 1px;
	background-color: #d1d1d1;
	margin: 0 1px;
	border: none;
}
.whb-general-header .wd-header-search, 
.whb-general-header .wd-header-my-account {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
}

.whb-general-header .wd-header-search a, 
.whb-general-header .wd-header-my-account a {
	color: #000000;
	display: flex;
	align-items: center;
}
.whb-general-header .wd-header-cart {
	background-color: #d9a300;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
	margin-right: 0;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}

.whb-general-header .wd-header-cart a {
	color: #ffffff !important;
	position: relative;
	display: flex;
	align-items: center;
}
.whb-general-header .whb-general-header .wd-header-cart .wd-cart-number {
	position: absolute;
	top: -8px;
	right: -10px;
	background-color: #000000 !important;
	color: #ffffff !important;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.whb-general-header .wd-header-cart .wd-cart-number span {
	display: none;
}
.wd-tools-element:is(.wd-design-2,.wd-design-5) .wd-tools-count{
	background-color: rgb(255 255 255);
	color: #000000;
}
.whb-top-bar .wd-nav-secondary>li>a {
	font-weight: 900 !important;
	font-size: 16px !important;
	padding: 0 8px;
	line-height: 1;
	height: 30px;
	border-top: unset;
}
.whb-sticked .whb-general-header .whb-column.whb-col-left{height: 35px;}
.whb-sticked .whb-general-header .wd-tools-element>a{height: 27px;}


/* =========================================================
CREATIVE SINGLE PRODUCT v3 – Video + Premium Design
========================================================= */

.wd-creative-v3 {
	--primary: #1a1a2e;
	--accent: #e67e22;
	--accent-2: #f39c12;
	--bg-soft: #f8f6f3;
	--radius: 22px;
	--radius-sm: 14px;
	--shadow: 0 30px 60px -15px rgba(0,0,0,.13);
	--shadow-soft: 0 12px 30px -8px rgba(0,0,0,.08);
}

/* ========== Layout ========== */
.wd-creative-v3 .product-image-summary-wrap {
	padding: 0px 0 70px;
}

/* ========== Gallery ========== */
.single-product .product-image-summary-inner .wd-backface-hidden .wd-carousel-item{background: #f3f3f3;}
.wd-creative-gallery .woocommerce-product-gallery {
	overflow: hidden;
	box-shadow: var(--shadow);
	background: #FFF;
}

.wd-creative-gallery .flex-control-thumbs {
	margin-top: 18px !important;
	gap: 12px;
	display: flex;
	flex-wrap: wrap;
}

.wd-creative-gallery .flex-control-thumbs li {
	border-radius: var(--radius-sm);
	overflow: hidden;
	border: 2px solid transparent;
	transition: all .25s ease;
	flex: 0 0 calc(25% - 9px);
}

.wd-creative-gallery .flex-control-thumbs li:hover,
.wd-creative-gallery .flex-control-thumbs li.flex-active {
	border-color: var(--accent);
	transform: translateY(-3px);
}

/* ========== Summary Card ========== */
.wd-creative-summary {
	position: sticky;
	top: 110px;
}

.wd-summary-card {
	background: #fff;
	padding: 42px 38px 46px !important;
	box-shadow: var(--shadow);
	border: 1px solid rgba(0,0,0,.04);
	position: relative;
	overflow: hidden;
}

.wd-summary-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: linear-gradient(90deg, var(--accent), var(--accent-2), #e74c3c);
}

.wd-creative-v3 .product_title {
	font-size: 2.05rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.5px;
	line-height: 1.3;
	color: var(--primary);
	margin-bottom: 8px !important;
}

.wd-creative-v3 .price {
	font-size: 1.75rem !important;
	font-weight: 700;
	color: var(--accent) !important;
	margin: 18px 0 16px !important;
}

.wd-creative-v3 .price del {
	opacity: .5;
	font-size: .82em;
	margin-left: 8px;
}

.wd-creative-v3 .woocommerce-product-details__short-description {
	font-size: 1.06rem;
	line-height: 1.8;
	margin-bottom: 28px !important;
}

.wd-creative-v3 form.cart {
	margin-top: 12px;
	padding-top: 26px;
	border-top: 1px solid rgba(0,0,0,.06);
}

.wd-creative-v3 .single_add_to_cart_button {
	border-radius: 60px !important;
	padding: 17px 44px !important;
	font-weight: 600 !important;
	background: var(--accent) !important;
	border: none !important;
	box-shadow: 0 12px 28px -6px rgba(230,126,34,.5);
	transition: all .28s ease;
}

.wd-creative-v3 .single_add_to_cart_button:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 35px -6px rgba(230,126,34,.6);
	background: #d35400 !important;
}

.wd-creative-v3 .quantity .qty {
	border-radius: 14px !important;
	height: 52px !important;
	border: 1px solid #e5e5e5 !important;
}

.wd-creative-v3 .product_meta {
	margin-top: 32px;
	padding-top: 24px;
	border-top: 1px solid rgba(0,0,0,.06);
	font-size: .93rem;
	color: #666;
	line-height: 1.9;
}

/* ========== VIDEO SECTION ========== */
.wd-product-video-section {
	background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
	padding: 80px 0 90px;
	position: relative;
	overflow: hidden;
}

.wd-product-video-section::before {
	content: '';
	position: absolute;
	top: -100px;
	right: -100px;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(230,126,34,.15) 0%, transparent 70%);
	pointer-events: none;
}

.wd-product-video-section::after {
	content: '';
	position: absolute;
	bottom: -80px;
	left: -80px;
	width: 300px;
	height: 300px;
	background: radial-gradient(circle, rgba(243,156,18,.12) 0%, transparent 70%);
	pointer-events: none;
}

.wd-video-wrapper {
	max-width: 920px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.wd-video-header {
	text-align: center;
	margin-bottom: 36px;
}

.wd-video-badge {
	display: inline-block;
	background: rgba(230,126,34,.15);
	color: #f39c12;
	font-size: 0.85rem;
	font-weight: 600;
	padding: 6px 18px;
	border-radius: 50px;
	margin-bottom: 14px;
	letter-spacing: 0.5px;
}

.wd-video-title {
	color: #fff;
	font-size: 1.9rem;
	font-weight: 700;
	margin: 0;
	letter-spacing: -0.3px;
}

.wd-video-frame {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 40px 80px -20px rgba(0,0,0,.5);
	background: #000;
	aspect-ratio: 16 / 9;
}

.wd-video-frame iframe,
.wd-video-frame video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

/* ========== TABS ========== */
.wd-creative-tabs-section {
	background: var(--bg-soft);
	padding: 80px 0 90px;
	position: relative;
}

.wd-creative-v3 .woocommerce-tabs {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.wd-creative-v3 .woocommerce-tabs ul.tabs {
	display: flex !important;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	padding: 0 !important;
	margin:25px 0 22px !important;
	border: none !important;
	background: transparent !important;
	list-style: none;
}

.wd-creative-v3 .woocommerce-tabs ul.tabs::before,
.wd-creative-v3 .woocommerce-tabs ul.tabs::after {
	display: none !important;
}

.wd-creative-v3 .woocommerce-tabs ul.tabs li {
	border: none !important;
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wd-creative-v3 .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: 13px 26px !important;
	border-radius: 50px;
	font-weight: 600;
	color: #555 !important;
	background: #fff;
	border: 1px solid #e8e4df !important;
	box-shadow: var(--shadow-soft);
	transition: all .25s ease;
	text-decoration: none !important;
}

.wd-creative-v3 .woocommerce-tabs ul.tabs li a:hover {
	color: var(--primary) !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px -6px rgba(0,0,0,.12);
}

.wd-creative-v3 .woocommerce-tabs ul.tabs li.active a,
.wd-creative-v3 .woocommerce-tabs ul.tabs li.ui-state-active a {
	background: var(--primary) !important;
	color: #fff !important;
	border-color: var(--primary) !important;
	box-shadow: 0 10px 25px -6px rgba(26,26,46,.4);
}

.wd-creative-v3 .woocommerce-tabs .woocommerce-Tabs-panel,
.wd-creative-v3 .woocommerce-tabs .panel {
	background: #ffffff !important;
	border-radius: var(--radius) !important;
	padding: 50px 52px 58px !important;
	box-shadow: var(--shadow) !important;
	border: 1px solid rgba(0,0,0,.04) !important;
	margin: 0 !important;
}

.wd-creative-v3 .woocommerce-tabs .panel h2 {
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--primary);
	margin-bottom: 24px;
	position: relative;
	padding-bottom: 16px;
}
.wd-creative-v3 .woocommerce-tabs .panel p {
	line-height: 1.9;
	margin-bottom: 1.5em;
}

/* ========== Related ========== */
.wd-creative-v3 .related-and-upsells {
	padding: 85px 0 100px;
}

.wd-creative-v3 .related > h2,
.wd-creative-v3 .upsells > h2 {
	font-size: 1.95rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 50px;
	color: var(--primary);
}

.wd-creative-v3 .related > h2::after,
.wd-creative-v3 .upsells > h2::after {
	content: '';
	display: block;
	width: 60px;
	height: 3.5px;
	background: linear-gradient(90deg, var(--accent), var(--accent-2));
	margin: 16px auto 0;
	border-radius: 4px;
}

/* ========== RTL ========== */

.rtl .wd-creative-v3 .price del {
	margin-left: 0;
	margin-right: 8px;
}

/* ========== Responsive ========== */
@media (max-width: 1024px) {
	.wd-creative-summary {
		position: static;
		margin-top: 36px;
	}
	.wd-summary-card {
		padding: 34px 28px 38px !important;
	}
	.wd-creative-v3 .product_title {
		font-size: 1.75rem !important;
	}
	.wd-creative-v3 .woocommerce-tabs .panel {
		padding: 38px 30px 44px !important;
	}
	.wd-video-title {
		font-size: 1.6rem;
	}
}

@media (max-width: 767px) {
	.wd-creative-v3 .product-image-summary-wrap {
		padding: 30px 0 50px;
	}
	.wd-product-video-section {
		padding: 55px 0 60px;
	}
	.wd-creative-tabs-section {
		padding: 55px 0 65px;
	}
	.wd-creative-v3 .woocommerce-tabs ul.tabs {
		gap: 8px;
		margin-bottom: 28px !important;
	}
	.wd-creative-v3 .woocommerce-tabs ul.tabs li a {
		padding: 11px 18px !important;
		font-size: 0.86rem;
	}
	.wd-creative-v3 .woocommerce-tabs .panel {
		padding: 28px 22px 34px !important;
	}
	.wd-video-title {
		font-size: 1.4rem;
	}
}
.single-product .wd-nav.wd-style-underline-reverse>li>a>.nav-link-text:after{display:none !important}
.product-images.wd-grid-col {
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
	align-self: flex-start;
	height: fit-content;
}
:lang(en-US) .wd-creative-v3 .product_title,
:lang(fr) .wd-creative-v3 .product_title{
	font-size: 2.55rem !important;
	font-weight: 400 !important;
	letter-spacing: 1px;
}
.blog-design-masonry.wd-add-shadow .wd-post-inner .wd-post-thumb img{    height: 360px;}
.wd-post.blog-style-bg .article-body-container {
    background-color: transparent !important;
    box-shadow: 0 0 25px 6px rgb(255 255 255 / 86%) inset !important;
    border: 1px solid #000 !important;
    margin-top: -27px !important;
    transition: .4s ease-in-out;
}
.wd-post.blog-style-bg .article-body-container .wd-post-title{    margin-top: 30px;}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.whb-top-bar .wd-nav-secondary>li>a {
    font-weight: 900;
    font-size: 17px;
}
.mobile-nav.wd-side-hidden.wd-opened .wd-nav>li>a, .mobile-nav .searchform input[type="text"] {
	font-size: 20px;
	font-weight: 700;
}
.rtl .wd-nav-opener:after {
    rotate: 180deg; 
}
/* 1. Base Container Styling (Unactive State) */
.wd-accordion-title {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 12px !important;
  padding: 14px 20px !important;
  margin-bottom: 12px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

/* 2. Text Styling */
.wd-accordion-title-text span {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #2b2b2b;
  letter-spacing: -0.2px;
  transition: color 0.3s ease;
}

/* 3. Hover Effect */
.wd-accordion-title:hover {
  background-color: #ffffff;
  border-color: var(--wd-primary-color, #d3a042);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}

.wd-accordion-title:hover .wd-accordion-title-text span {
  color: var(--wd-primary-color, #d3a042);
}

/* 4. Active State (Opened Tab) */
.wd-accordion-title.wd-active {
  background-color: #ffffff !important;
  border-color: var(--wd-primary-color, #d3a042) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.wd-accordion-title.wd-active .wd-accordion-title-text span {
  color: var(--wd-primary-color, #d3a042) !important;
}

/* 5. Left Accent Indicator Line for Active Tab */
.wd-accordion-title.wd-active::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0; /* Changed to 'right' for RTL Arabic layout compatibility */
  bottom: 0;
  width: 5px;
  background-color: var(--wd-primary-color, #d3a042);
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* 6. Opener Arrow Icon Polish */
.wd-accordion-opener {
  transition: transform 0.3s ease, color 0.3s ease;
}

.wd-accordion-title.wd-active .wd-accordion-opener {
  color: var(--wd-primary-color, #d3a042);
}

/* 7. Content Panel Styling */
.wd-accordion-content {
  background: #ffffff;
  border: 1px solid #e9ecef;
  border-top: none;
  border-radius: 0 0 12px 12px;
  margin-top: -16px; /* Blends nicely with the title */
  margin-bottom: 16px;
  padding: 24px !important;
}
.single-product .wd-accordion:where(.wd-style-default)>.wd-nav-wrapper+.wd-accordion-item{border-top: unset!important;}
.single-product .wd-accordion:where(.wd-style-default)>.wd-accordion-item {
    border-bottom: unset!important;
}
.mobile-nav.wd-side-hidden.wd-opened {
	background: #000;
}
.mobile-nav.wd-side-hidden.wd-opened .wd-nav>li>a, .mobile-nav .searchform input[type="text"] {
	font-size: 20px;
	color: rgb(255 255 255);
	font-weight: 700;
}
.mobile-nav.wd-side-hidden.wd-opened .wd-heading, .mobile-nav.wd-side-hidden.wd-opened .searchform, .mobile-nav.wd-side-hidden.wd-opened .wd-nav-mobile>li {
	border-bottom: 1px solid rgb(255 255 255 / 55%);
}
.widgetarea-mobile .elementor-widget-icon-box.elementor-mobile-position-block-start .elementor-icon-box-wrapper h3 {
	margin-bottom: 5px;
	color: #979797;
	font-weight: 900;
}
.wd-sub-menu li>a {
    color: #fff !important;
}
.mobile-nav .searchform{
--wd-form-bg: #373737!important;
    --wd-form-color: #d8a805!important;
    --wd-form-placeholder-color: #d8a805!important;
}
.home .category-grid-item .hover-mask{
	position: absolute;
	top:75% !important;
	inset-inline: 0;
	z-index: 3;
	padding: 15px;
	transition: transform .3s ease;
}
.home .category-grid-item .hover-mask .wd-entities-title{color:white;}
:lang(en-US) .whb-top-bar .wd-header-nav,
:lang(fr) .whb-top-bar .wd-header-nav{
text-align: right;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.whb-top-bar .wd-nav-secondary>li>a {
    font-weight: 900;
    font-size: 17px;
}
.mobile-nav.wd-side-hidden.wd-opened .wd-nav>li>a, .mobile-nav .searchform input[type="text"] {
	font-size: 20px;
	font-weight: 700;
}
.rtl .wd-nav-opener:after {
    rotate: 180deg; 
}
/* 1. Base Container Styling (Unactive State) */
.wd-accordion-title {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 12px !important;
  padding: 14px 20px !important;
  margin-bottom: 12px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

/* 2. Text Styling */
.wd-accordion-title-text span {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #2b2b2b;
  letter-spacing: -0.2px;
  transition: color 0.3s ease;
}

/* 3. Hover Effect */
.wd-accordion-title:hover {
  background-color: #ffffff;
  border-color: var(--wd-primary-color, #d3a042);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}

.wd-accordion-title:hover .wd-accordion-title-text span {
  color: var(--wd-primary-color, #d3a042);
}

/* 4. Active State (Opened Tab) */
.wd-accordion-title.wd-active {
  background-color: #ffffff !important;
  border-color: var(--wd-primary-color, #d3a042) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.wd-accordion-title.wd-active .wd-accordion-title-text span {
  color: var(--wd-primary-color, #d3a042) !important;
}

/* 5. Left Accent Indicator Line for Active Tab */
.wd-accordion-title.wd-active::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0; /* Changed to 'right' for RTL Arabic layout compatibility */
  bottom: 0;
  width: 5px;
  background-color: var(--wd-primary-color, #d3a042);
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* 6. Opener Arrow Icon Polish */
.wd-accordion-opener {
  transition: transform 0.3s ease, color 0.3s ease;
}

.wd-accordion-title.wd-active .wd-accordion-opener {
  color: var(--wd-primary-color, #d3a042);
}

/* 7. Content Panel Styling */
.wd-accordion-content {
  background: #ffffff;
  border: 1px solid #e9ecef;
  border-top: none;
  border-radius: 0 0 12px 12px;
  margin-top: -16px; /* Blends nicely with the title */
  margin-bottom: 16px;
  padding: 24px !important;
}
.single-product .wd-accordion:where(.wd-style-default)>.wd-nav-wrapper+.wd-accordion-item{border-top: unset!important;}
.single-product .wd-accordion:where(.wd-style-default)>.wd-accordion-item {
    border-bottom: unset!important;
}
.mobile-nav.wd-side-hidden.wd-opened {
	background: #000;
}
.mobile-nav.wd-side-hidden.wd-opened .wd-nav>li>a, .mobile-nav .searchform input[type="text"] {
	font-size: 20px;
	color: rgb(255 255 255);
	font-weight: 700;
}
.mobile-nav.wd-side-hidden.wd-opened .wd-heading, .mobile-nav.wd-side-hidden.wd-opened .searchform, .mobile-nav.wd-side-hidden.wd-opened .wd-nav-mobile>li {
	border-bottom: 1px solid rgb(255 255 255 / 55%);
}
.widgetarea-mobile .elementor-widget-icon-box.elementor-mobile-position-block-start .elementor-icon-box-wrapper h3 {
	margin-bottom: 5px;
	color: #979797;
	font-weight: 900;
}
.wd-sub-menu li>a {
    color: #fff !important;
}
.mobile-nav .searchform{
--wd-form-bg: #373737!important;
    --wd-form-color: #d8a805!important;
    --wd-form-placeholder-color: #d8a805!important;
}
.home .category-grid-item .hover-mask{
	position: absolute;
	top:63% !important;
	inset-inline: 0;
	z-index: 3;
	padding: 15px;
	transition: transform .3s ease;
}
.home .category-grid-item .hover-mask .wd-entities-title{color:white;}
}

@media (max-width: 576px) {
	.whb-top-bar .wd-nav-secondary>li>a {
	font-weight: 900;
	font-size: 17px;
}
.mobile-nav.wd-side-hidden.wd-opened .wd-nav>li>a, .mobile-nav .searchform input[type="text"] {
	font-size: 20px;
	font-weight: 700;
}
.rtl .wd-nav-opener:after {
	rotate: 180deg; 
}
.widgetarea-mobile .elementor-widget-icon-box.elementor-mobile-position-block-start .elementor-icon-box-wrapper{
	align-items: center !important;
	flex-direction: row;
	text-align: start !important;
}
.wd-side-hidden.wd-opened .wd-widget{
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.container.related-and-upsells .wd-carousel-item{
	flex: 0 0 calc(100% / 1);
	max-width: calc(100%);
}
.wd-creative-v3 .single_add_to_cart_button {
	border-radius: 60px !important;
	padding: 17px 44px !important;
	font-weight: 600 !important;
	background: #e67e22 !important;
	border: none !important;
	box-shadow: 0 12px 28px -6px rgba(230,126,34,.5);
	transition: all .28s ease;
}

.wd-creative-v3 .single_add_to_cart_button:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 35px -6px rgba(230,126,34,.6);
	background: #d35400 !important;
}
.wd-product .wd-action-icon:before,
.wd-product .wd-action-icon:after{display:none !important}
.wd-action-btn.wd-style-icon .wd-action-text{
	padding: 5px 14px;
	min-height: 36px;
	font-size: 12px;
	display:flex !important;
	align-items: center;
	justify-content: center;
	min-height: inherit;
	transition: transform .25s ease, opacity .15s ease;
}

/* 1. Base Container Styling (Unactive State) */
.wd-accordion-title {
	background-color: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 12px !important;
	padding: 14px 20px !important;
	margin-bottom: 12px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

/* 2. Text Styling */
.wd-accordion-title-text span {
	font-size: 17px !important;
	font-weight: 700 !important;
	color: #2b2b2b;
	letter-spacing: -0.2px;
	transition: color 0.3s ease;
}

/* 3. Hover Effect */
.wd-accordion-title:hover {
	background-color: #ffffff;
	border-color: var(--wd-primary-color, #d3a042);
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}

.wd-accordion-title:hover .wd-accordion-title-text span {
	color: var(--wd-primary-color, #d3a042);
}

/* 4. Active State (Opened Tab) */
.wd-accordion-title.wd-active {
	background-color: #ffffff !important;
	border-color: var(--wd-primary-color, #d3a042) !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.wd-accordion-title.wd-active .wd-accordion-title-text span {
	color: var(--wd-primary-color, #d3a042) !important;
}

/* 5. Left Accent Indicator Line for Active Tab */
.wd-accordion-title.wd-active::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0; /* Changed to 'right' for RTL Arabic layout compatibility */
	bottom: 0;
	width: 5px;
	background-color: var(--wd-primary-color, #d3a042);
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}

/* 6. Opener Arrow Icon Polish */
.wd-accordion-opener {
	transition: transform 0.3s ease, color 0.3s ease;
}

.wd-accordion-title.wd-active .wd-accordion-opener {
	color: var(--wd-primary-color, #d3a042);
}

/* 7. Content Panel Styling */
.wd-accordion-content {
	background: #ffffff;
	border: 1px solid #e9ecef;
	border-top: none;
	border-radius: 0 0 12px 12px;
	margin-top: -16px; /* Blends nicely with the title */
	margin-bottom: 16px;
	padding: 24px !important;
}
.single-product .wd-accordion:where(.wd-style-default)>.wd-nav-wrapper+.wd-accordion-item{border-top: unset!important;}
.single-product .wd-accordion:where(.wd-style-default)>.wd-accordion-item {
	border-bottom: unset!important;
}
.mobile-nav.wd-side-hidden.wd-opened {
	background: #000;
}
.mobile-nav.wd-side-hidden.wd-opened .wd-nav>li>a, .mobile-nav .searchform input[type="text"] {
	font-size: 20px;
	color: rgb(255 255 255);
	font-weight: 700;
}
.mobile-nav.wd-side-hidden.wd-opened .wd-heading, .mobile-nav.wd-side-hidden.wd-opened .searchform, .mobile-nav.wd-side-hidden.wd-opened .wd-nav-mobile>li {
	border-bottom: 1px solid rgb(255 255 255 / 55%);
}
.widgetarea-mobile .elementor-widget-icon-box.elementor-mobile-position-block-start .elementor-icon-box-wrapper h3 {
	margin-bottom: 5px;
	font-size: 1em;
	color: #979797;
	font-weight: 900;
}
.wd-sub-menu li>a {
	color: #fff !important;
}
.mobile-nav .searchform{
	--wd-form-bg: #373737!important;
	--wd-form-color: #d8a805!important;
	--wd-form-placeholder-color: #d8a805!important;
}
.home .category-grid-item .hover-mask{
	position: absolute;
	top:63% !important;
	inset-inline: 0;
	z-index: 3;
	padding: 15px;
	transition: transform .3s ease;
}
.home .category-grid-item .hover-mask .wd-entities-title{color:white;}
:lang(en-US) .whb-top-bar .wd-header-nav,
:lang(fr) .whb-top-bar .wd-header-nav{
text-align: right;
}
}