:root {
	--sl-page-bg: #f2f2f2;
	--sl-surface: #fff;
	--sl-search-bg: #f0f0f1;
	--sl-text: #23254e;
	--sl-muted: #81858b;
	--sl-accent: var(--wd-primary-color, #ef4056);
	--sl-radius: 12px;
}

html {
	overflow-x: hidden;
}

body {
	overflow-x: hidden;
	background: var(--sl-page-bg);
}

.whb-header {
	background: var(--sl-surface);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
}

.whb-general-header .searchform {
	overflow: hidden;
	border: 0;
	border-radius: 8px;
	background: var(--sl-search-bg);
}

.whb-general-header .searchform input[type="text"] {
	border: 0;
	background: transparent;
	color: var(--sl-text);
}

.whb-general-header .searchform input[type="text"]::placeholder {
	color: #92969c;
}

.whb-header-bottom {
	box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
}

.whb-header-bottom .wd-nav-main > li > a {
	font-size: 13px;
	font-weight: 600;
}

.home .main-page-wrapper {
	padding-top: 10px;
}

.home .elementor-top-section {
	border-radius: var(--sl-radius);
}

.home .wd-slider-wrapper,
.home .wd-slider,
.home .wd-slide {
	overflow: hidden;
	border-radius: var(--sl-radius);
}

.home .wd-carousel-container .product-grid-item,
.home .wd-carousel-container .post-slide {
	overflow: hidden;
	border-radius: 10px;
	background: var(--sl-surface);
}

.home .product-grid-item .product-element-top img {
	object-fit: contain;
}

.home .wd-entities-title {
	line-height: 1.9;
}

.sitelite-mobile-commerce {
	display: none;
}

/* Product colors are purchasable variations, not taxonomy/archive links. */
.single-product .summary .wd-product-brands,
.single-product .summary .woocommerce-product-attributes {
	display: none !important;
}

.single-product .gtna-color-picker {
	margin: 22px 0 14px;
}

.single-product .gtna-color-picker__title {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 12px;
	color: #23254e;
	font-size: 15px;
}

.single-product .gtna-color-options {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.single-product .gtna-color-option {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 4px;
	border: 2px solid #e0e0e2;
	border-radius: 50%;
	background: #fff;
	box-shadow: none;
	cursor: pointer;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.single-product .gtna-color-option:hover,
.single-product .gtna-color-option.is-selected {
	border-color: #19bfd3;
	box-shadow: 0 0 0 2px rgba(25, 191, 211, .16);
}

.single-product .gtna-color-option.is-selected::after {
	position: absolute;
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	color: #23254e;
	font-size: 13px;
	font-weight: 800;
	content: "✓";
}

.single-product .gtna-color-option__dot {
	display: block;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 50%;
	background: var(--gtna-color, #ddd);
}

.single-product .gtna-enhanced-color select,
.single-product .gtna-enhanced-color > .label,
.single-product .gtna-enhanced-color > .value > .reset_variations {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

.single-product .summary-inner.gtna-variation-selected > p.price {
	display: none;
}

.single-product .woocommerce-variation-price {
	margin: 12px 0 16px;
	font-size: 24px;
	font-weight: 800;
}

.single-product .woocommerce-variation-price .price {
	color: var(--sl-accent);
}


@media (min-width: 1025px) {
	.whb-general-header,
	.whb-general-header .whb-general-header-inner {
		height: 84px !important;
		min-height: 84px !important;
	}

	.whb-header {
		height: 134px;
	}

	.whb-general-header .site-logo img {
		max-width: 210px;
		max-height: 58px;
		object-fit: contain;
	}

	.whb-general-header .wd-search-form {
		max-width: 760px;
	}

	.home .elementor-element-fc4ea7c {
		margin-top: 0 !important;
	}

	.home #slider-20,
	.home #slider-20 .wd-slider,
	.home #slider-20 .wd-slide {
		height: min(31vw, 430px) !important;
		min-height: min(31vw, 430px) !important;
	}

	.home .elementor-element-086d491 {
		margin-top: 24px !important;
		border-radius: 16px;
	}

	.home .elementor-element-2886709 img,
	.home .elementor-element-7ce20a1,
	.home .elementor-element-7c3329a {
		border-radius: var(--sl-radius) !important;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.whb-general-header,
	.whb-general-header .whb-general-header-inner {
		height: 62px !important;
		min-height: 62px !important;
	}

	.wd-header-mobile-nav .wd-tools-text {
		display: none;
	}

	.whb-general-header .site-logo img {
		max-width: 150px !important;
		max-height: 42px !important;
		object-fit: contain;
	}

	.sitelite-mobile-commerce {
		display: flex;
		align-items: center;
		gap: 14px;
		padding: 8px 15px;
		background: var(--sl-surface);
		box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
	}

	.sitelite-mobile-search {
		flex: 1 1 auto;
	}

	.sitelite-mobile-search form {
		position: relative;
		display: flex;
		align-items: center;
		height: 44px;
		margin: 0;
		overflow: hidden;
		border: 0;
		border-radius: 9px;
		background: var(--sl-search-bg);
	}

	.sitelite-mobile-search label {
		flex: 1 1 auto;
		margin: 0;
	}

	.sitelite-mobile-search input[type="search"],
	.sitelite-mobile-search input[type="text"] {
		width: 100%;
		height: 44px;
		padding: 0 44px 0 12px;
		border: 0;
		background: transparent;
	}

	.sitelite-mobile-search button {
		position: absolute;
		inset-block: 0;
		inset-inline-start: 0;
		width: 44px;
		min-height: 44px;
		padding: 0;
		border: 0;
		background: transparent;
		color: #81858b;
		font-size: 0;
		box-shadow: none;
	}

	.sitelite-mobile-search button::before {
		content: "\f130";
		font-family: "woodmart-font";
		font-size: 19px;
	}

	.sitelite-mobile-location {
		display: flex;
		align-items: center;
		gap: 5px;
		color: #6f7379;
		font-size: 11px;
		white-space: nowrap;
	}

	.home .elementor-element-fc4ea7c {
		margin-top: 0 !important;
	}

	.home #slider-20,
	.home #slider-20 .wd-slider,
	.home #slider-20 .wd-slide {
		height: 310px !important;
		min-height: 310px !important;
	}

	.home #slider-20 .flickity-prev-next-button {
		display: none !important;
	}

	.home .iconsite,
	.home .iconbox {
		height: auto !important;
		background: var(--sl-surface);
	}

	.home .iconsite .elementor-inner-section > .elementor-container,
	.home .iconbox .elementor-inner-section > .elementor-container {
		display: flex !important;
		flex-wrap: nowrap !important;
	}

	.home .iconsite .elementor-inner-column {
		flex: 0 0 16.666% !important;
		width: 16.666% !important;
		min-height: 105px !important;
	}

	.home .iconbox .elementor-inner-column {
		flex: 0 0 16.666% !important;
		width: 16.666% !important;
	}
}

@media (max-width: 1024px) {
	body {
		padding-bottom: 58px;
	}

	body.sticky-toolbar-on {
		padding-bottom: 60px !important;
	}

	.wd-toolbar {
		height: 60px !important;
		padding: 5px 2px max(5px, env(safe-area-inset-bottom)) !important;
		border-top: 1px solid #e6e6e8;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, .08);
	}

	.wd-toolbar > a,
	.wd-toolbar > div {
		flex: 1 0 20% !important;
		height: 49px !important;
	}

	.wd-toolbar.wd-toolbar-label-show > a,
	.wd-toolbar.wd-toolbar-label-show > div a {
		height: 49px !important;
		padding-bottom: 16px !important;
	}

	.wd-toolbar .wd-header-search-mobile {
		position: relative !important;
		display: block !important;
		height: 49px !important;
	}

	.wd-toolbar .wd-header-search-mobile > a {
		position: relative !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 100% !important;
		height: 49px !important;
		padding: 0 0 16px !important;
	}

	.wd-toolbar .wd-header-search-mobile .wd-tools-icon {
		position: relative !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 24px !important;
		height: 24px !important;
		color: #62666d;
	}

	.wd-toolbar .wd-header-search-mobile .wd-tools-icon::before {
		font-size: 21px !important;
	}

	.wd-toolbar .wd-header-search-mobile .wd-toolbar-label {
		position: absolute !important;
		inset-inline: 4px !important;
		bottom: 3px !important;
		display: block !important;
		width: auto !important;
		height: auto !important;
		color: #62666d;
		font-size: 10px;
		font-weight: 500;
		line-height: 1;
		text-align: center;
	}

	.wd-toolbar .wd-tools-icon {
		color: #62666d;
		font-size: 21px;
	}

	.wd-toolbar .wd-toolbar-label {
		color: #62666d;
		font-size: 10px;
		font-weight: 500;
	}

	.wd-toolbar > :first-child .wd-tools-icon,
	.home .wd-toolbar-home .wd-tools-icon,
	.home .wd-toolbar-home .wd-toolbar-label {
		color: var(--sl-accent);
	}
}

@media (max-width: 768px) {
	:root {
		--sl-radius: 10px;
	}

	body {
		background: #f3f3f3;
	}

	.whb-header {
		position: relative;
		z-index: 50;
	}

	.whb-general-header,
	.whb-general-header .whb-general-header-inner {
		height: 62px !important;
		min-height: 62px !important;
	}

	.whb-general-header .container {
		padding-inline: 12px;
	}

	.whb-general-header .whb-mobile-left,
	.whb-general-header .whb-mobile-right {
		flex: 1 1 0 !important;
		width: auto !important;
	}

	.whb-general-header .whb-mobile-center {
		flex: 0 0 126px !important;
		width: 126px !important;
	}

	.whb-general-header .site-logo {
		width: 126px !important;
	}

	.whb-general-header .site-logo img {
		width: auto !important;
		max-width: 112px !important;
		max-height: 38px !important;
		object-fit: contain;
	}

	.wd-header-mobile-nav .wd-tools-text {
		display: none;
	}

	.wd-header-mobile-nav,
	.wd-header-mobile-nav > a,
	.whb-mobile-right .wd-header-cart,
	.whb-mobile-right .wd-header-cart > a {
		width: 42px !important;
		min-width: 42px !important;
	}

	.sitelite-mobile-commerce {
		display: block;
		padding: 8px 12px 7px;
		background: var(--sl-surface);
		box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
	}

	.sitelite-mobile-search form {
		position: relative;
		display: flex;
		align-items: center;
		height: 44px;
		margin: 0;
		overflow: hidden;
		border: 0;
		border-radius: 9px;
		background: var(--sl-search-bg);
	}

	.sitelite-mobile-search label {
		flex: 1 1 auto;
		margin: 0;
	}

	.sitelite-mobile-search input[type="search"],
	.sitelite-mobile-search input[type="text"] {
		width: 100%;
		height: 44px;
		padding: 0 44px 0 12px;
		border: 0;
		background: transparent;
		font-size: 12px;
		color: var(--sl-text);
	}

	.sitelite-mobile-search button {
		position: absolute;
		inset-block: 0;
		inset-inline-start: 0;
		width: 44px;
		min-height: 44px;
		padding: 0;
		border: 0;
		background: transparent;
		color: #81858b;
		font-size: 0;
		box-shadow: none;
	}

	.sitelite-mobile-search button::before {
		content: "\f130";
		font-family: "woodmart-font";
		font-size: 19px;
	}

	.sitelite-mobile-location {
		display: flex;
		align-items: center;
		gap: 6px;
		width: max-content;
		margin-top: 7px;
		color: #6f7379;
		font-size: 11px;
		font-weight: 500;
	}

	.sitelite-mobile-location span {
		color: #f09a5a;
		font-size: 18px;
		line-height: 1;
	}

	.home .main-page-wrapper {
		padding-top: 8px;
	}

	.home .site-content {
		padding-inline: 0;
	}

	.home .elementor-top-section {
		width: auto !important;
		margin-inline: 10px !important;
	}

	.home .elementor-element-fc4ea7c {
		height: 170px !important;
		margin-top: 0 !important;
	}

	.home #slider-20,
	.home #slider-20 .wd-slider,
	.home #slider-20 .wd-slide {
		height: 160px !important;
		min-height: 160px !important;
		border-radius: 10px;
	}

	.home #slider-20 .wd-slide {
		background-position: center !important;
	}

	.home #slider-20 .wd-btn-arrow {
		display: none !important;
	}

	.home #slider-20 .flickity-prev-next-button {
		display: none !important;
	}

	.home #slider-20 .flickity-page-dots {
		bottom: 8px;
	}

	.home .iconsite {
		height: auto !important;
		margin-top: 10px !important;
		padding-block: 4px;
		background: var(--sl-surface);
	}

	.home .iconsite > .elementor-container,
	.home .iconsite > .elementor-container > .elementor-column,
	.home .iconsite .elementor-inner-section {
		height: auto !important;
		min-height: 0 !important;
	}

	.home .iconsite .elementor-inner-section > .elementor-container {
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start;
		width: 100% !important;
		margin: 0 !important;
		padding: 2px 2px 6px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
	}

	.home .iconsite .elementor-inner-section > .elementor-container::-webkit-scrollbar,
	.home .iconbox .elementor-inner-section > .elementor-container::-webkit-scrollbar,
	.home .wd-nav-wrapper::-webkit-scrollbar {
		display: none;
	}

	.home .iconsite .elementor-inner-column {
		flex: 0 0 96px !important;
		width: 96px !important;
		min-height: 82px !important;
		scroll-snap-align: start;
	}

	.home .iconsite .elementor-widget-wrap {
		padding: 5px 3px !important;
	}

	.home .iconsite .info-box-icon img {
		max-width: 38px;
		max-height: 40px;
	}

	.home .iconsite .info-box-subtitle,
	.home .iconsite .info-box-title {
		font-size: 10px !important;
		line-height: 1.6 !important;
		display: -webkit-box;
		overflow: hidden;
		white-space: normal;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.home .elementor-element-086d491 {
		margin-top: 12px !important;
		padding: 8px !important;
		border-radius: 12px;
	}

	.home .elementor-element-3be34b0 {
		height: auto !important;
		min-height: 0 !important;
	}

	.home .elementor-element-3be34b0 > .elementor-container {
		display: block !important;
	}

	.home .elementor-element-f837fda {
		width: 100% !important;
		height: 68px !important;
		min-height: 68px !important;
	}

	.home .elementor-element-f837fda > .elementor-widget-wrap {
		display: flex !important;
		flex-flow: row nowrap;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 6px 28px !important;
	}

	.home .elementor-element-f837fda > .elementor-widget-wrap::before {
		content: "پیشنهاد شگفت‌انگیز";
		color: #fff;
		font-family: inherit !important;
		font-size: 17px;
		font-weight: 800;
		white-space: nowrap;
	}

	.home .elementor-element-dcc79d7 {
		display: none;
	}

	.home .elementor-element-51d99af {
		width: auto;
		margin: 0;
	}

	.home .elementor-element-51d99af .btn {
		min-height: 34px;
		padding: 7px 10px;
		border-radius: 18px;
		background: #fff !important;
		color: var(--sl-accent) !important;
		font-size: 10px;
	}

	.home .elementor-element-14f8ed3 {
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
	}

	.home .elementor-element-b369094 {
		height: auto !important;
	}

	.home .elementor-element-b369094 .owl-stage-outer {
		border-radius: 10px;
	}

	.home .elementor-element-b369094 .product-grid-item {
		border-inline-end: 1px solid #eee;
	}

	.home .product-grid-item .product-element-bottom {
		padding: 8px !important;
	}

	.home .product-grid-item .wd-entities-title {
		min-height: 38px;
		font-size: 11px;
		line-height: 1.7;
	}

	.home .product-grid-item .price {
		font-size: 12px;
	}

	.home .elementor-element-74cac7d {
		margin-top: 12px !important;
		padding-inline: 4px;
	}

	.home .elementor-element-74cac7d .title {
		font-size: 17px !important;
	}

	.home .iconbox {
		height: auto !important;
		margin-top: 8px !important;
		padding-block: 6px;
		background: var(--sl-surface);
	}

	.home .iconbox .elementor-inner-section > .elementor-container {
		display: flex !important;
		flex-wrap: nowrap !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 2px 4px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
	}

	.home .iconbox .elementor-inner-column {
		flex: 0 0 118px !important;
		width: 118px !important;
		min-height: 132px !important;
		scroll-snap-align: start;
	}

	.home .iconbox .elementor-inner-column:empty,
	.home .iconbox .elementor-inner-column[style*="height: 1"] {
		display: none !important;
	}

	.home .iconbox .elementor-widget-wrap {
		padding: 6px !important;
	}

	.home .iconbox .btn {
		min-height: 0 !important;
		padding: 7px 8px !important;
		border-radius: 18px !important;
		box-shadow: none !important;
		font-size: 10px !important;
		line-height: 1.5 !important;
	}

	.home .iconbox .wd-btn-text {
		height: auto !important;
		min-height: 0 !important;
		line-height: inherit !important;
	}

	.home .iconbox .info-box-title {
		font-size: 11px !important;
		line-height: 1.6 !important;
	}

	.home .elementor-element-2886709 {
		margin-top: 10px !important;
	}

	.home .elementor-element-2886709 > .elementor-container {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.home .elementor-element-2886709 > .elementor-container > .elementor-column {
		width: auto !important;
		min-height: 0 !important;
	}

	.home .elementor-element-2886709 > .elementor-container > .elementor-column:last-child {
		grid-column: 1 / -1;
	}

	.home .elementor-element-2886709 .elementor-widget-wrap,
	.home .elementor-element-2886709 .elementor-widget-container {
		padding: 0 !important;
	}

	.home .elementor-element-2886709 img {
		width: 100%;
		aspect-ratio: 1.75 / 1;
		border-radius: 10px !important;
		object-fit: cover;
	}

	.home .elementor-element-7ce20a1 {
		margin-top: 12px !important;
		padding: 10px 6px !important;
		background: var(--sl-surface);
	}

	.home .elementor-element-7ce20a1 .wd-nav-wrapper {
		overflow-x: auto;
		scrollbar-width: none;
	}

	.home .elementor-element-7ce20a1 .wd-nav {
		flex-wrap: nowrap;
		width: max-content;
	}

	.home .elementor-element-7ce20a1 .wd-nav a {
		white-space: nowrap;
		font-size: 11px;
	}

	.home .elementor-element-7c3329a {
		margin-top: 12px !important;
		padding: 10px 4px !important;
		background: var(--sl-surface);
	}

	.home .elementor-element-7c3329a .title {
		font-size: 18px !important;
	}

	.home .post-slide .article-body-container {
		padding: 10px;
	}

	.home .post-slide .entry-title {
		font-size: 13px;
		line-height: 1.8;
	}

	.home .owl-nav > div {
		width: 34px;
		height: 34px;
		background: rgba(255, 255, 255, .92);
		box-shadow: 0 1px 6px rgba(0, 0, 0, .12);
	}
}

@media (max-width: 420px) {
	.home .elementor-element-f837fda > .elementor-widget-wrap::before {
		font-size: 14px;
	}

	.home .elementor-element-51d99af .btn {
		padding-inline: 8px;
		font-size: 9px;
	}

	.home .iconsite .elementor-inner-column {
		flex-basis: 88px !important;
		width: 88px !important;
	}

	.home .iconbox .elementor-inner-column {
		flex-basis: 108px !important;
		width: 108px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.home .wd-slider,
	.home .owl-stage {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
}
