
.whb-col-right .wd-search-dropdown {
	right: 0;
	left: auto;
	margin-left: 0;
	margin-right: calc(var(--nav-gap, .001px) / 2 * -1);
}

.wd-header-search .wd-tools-icon img, .wd-header-search .wd-tools-icon:before {
	transition: opacity .3s ease;
}

.wd-header-search .wd-tools-icon:before {
	content: "";
	font-family: "woodmart-font";
}

.wd-header-search .wd-tools-icon:after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	font-size: clamp(var(--wd-tools-icon-base-width), var(--wd-tools-icon-width, var(--wd-tools-icon-base-width)), 60px);
	opacity: 0;
	transform: translate(-50%, -50%);
	content: "";
	font-family: "woodmart-font";
}

.wd-header-search:is(.wd-design-6.wd-with-wrap, .wd-design-7.wd-with-wrap, .wd-design-8) {
	min-width: var(--wd-tools-icon-base-width);
}

.wd-header-search:is(.wd-design-6.wd-with-wrap, .wd-design-7.wd-with-wrap, .wd-design-8) .wd-tools-icon:after {
	inset-inline-start: var(--wd-tools-sp);
	inset-inline-end: auto;
	transform: translateY(-50%);
}

.wd-search-opened .wd-header-search .wd-tools-icon:after {
	opacity: 1;
	transition: opacity .3s ease;
}

.wd-search-opened .wd-header-search .wd-tools-icon img, .wd-search-opened .wd-header-search .wd-tools-icon:before {
	opacity: 0;
	transition: none;
}

.wd-search-dropdown {
	width: 300px;
}

.wd-search-dropdown input[type="text"] {
	height: 70px !important;
	border: none;
}

.wd-search-dropdown .wd-dropdown-results {
	inset-inline: calc(( var(--wd-brd-radius) / 1.5 ));
}

.form-style-underlined .wd-search-dropdown input[type="text"] {
	padding-left: 15px;
}

.whb-color-light [class*="wd-header-search-form"] :is(.wd-style-default, .wd-style-with-bg-2) {
	--wd-form-brd-color: rgba(255, 255, 255, .2);
	--wd-form-brd-color-focus: rgba(255, 255, 255, .3);
	--wd-form-color: rgba(255, 255, 255, .8);
}

.whb-color-dark [class*="wd-header-search-form"] :is(.wd-style-default, .wd-style-with-bg-2) {
	--wd-form-brd-color: rgba(0, 0, 0, .1);
	--wd-form-brd-color-focus: rgba(0, 0, 0, .15);
	--wd-form-color: #767676;
	--wd-form-placeholder-color: var(--wd-form-color);
}

[class*="wd-header-search-form"] {
	padding-inline: 10px;
	flex: 1 1 auto;
}

[class*="wd-header-search-form"] input[type='text'] {
	min-width: 290px;
}

.wd-header-search-form-mobile .searchform {
	--wd-form-height: 42px;
}

.wd-header-search-form-mobile .searchform input[type="text"] {
	min-width: 100%;
}

[class*="wd-header-search-form"] .wd-style-with-bg {
	--wd-form-bg: #fff;
}

.global-color-scheme-light [class*="wd-header-search-form"] .wd-style-with-bg {
	--wd-form-brd-color: rgba(0, 0, 0, .1);
	--wd-form-brd-color-focus: rgba(0, 0, 0, .15);
	--wd-form-color: #767676;
	--wd-form-placeholder-color: var(--wd-form-color);
}

.wd-header-my-account .wd-tools-icon:before {
	content: "";
	font-family: "woodmart-font";
}

.wd-account-style-text .wd-tools-icon {
	display: none !important;
}

.wd-account-style-text .wd-tools-text {
	margin-left: 0;
}

.wd-account-style-icon:not(.wd-with-username) .wd-tools-text {
	display: none;
}

@media (max-width: 1024px) {
	.wd-header-my-account .wd-dropdown {
		display: none;
	}
}

.wd-dropdown-cats, .wd-dropdown-cats .wd-dropdown-menu {
	margin-top: 0 !important;
}

.wd-dropdown-cats:after, .wd-dropdown-cats .wd-dropdown-menu:after {
	width: auto !important;
	height: auto !important;
}

.whb-sticky-real.whb-sticked .wd-header-cats:not(:hover) .wd-dropdown-cats.wd-opened {
	visibility: hidden;
	opacity: 0;
	transition: opacity .4s cubic-bezier(.19, 1, .22, 1), visibility .4s cubic-bezier(.19, 1, .22, 1), transform .4s cubic-bezier(.19, 1, .22, 1);
	transform: translateY(15px) translateZ(0);
	pointer-events: none;
}

.whb-header-bottom .wd-header-cats, .whb-top-bar .wd-header-cats, .whb-header-bottom .wd-header-cats.wd-style-1 .menu-opener, .whb-top-bar .wd-header-cats.wd-style-1 .menu-opener {
	height: 100%;
}

.wd-header-cats {
	position: relative;
	margin-inline: 10px;
}

.whb-header-bottom .wd-header-cats {
	margin-top: calc(var(--wd-header-general-brd-w) * -1);
	margin-bottom: calc(var(--wd-header-bottom-brd-w) * -1);
	height: calc(100% + var(--wd-header-general-brd-w) + var(--wd-header-bottom-brd-w));
}

.wd-header-cats.wd-event-click {
	cursor: pointer;
}

.wd-header-cats .menu-opener {
	position: relative;
	z-index: 300;
	display: flex;
	align-items: center;
	max-width: 320px;
	color: #333;
	line-height: 1;
	transition: all .25s ease;
}

.wd-header-cats .menu-opener .menu-open-label {
	text-transform: var(--wd-header-el-transform);
	font-weight: var(--wd-header-el-font-weight);
	font-style: var(--wd-header-el-font-style);
	font-size: var(--wd-header-el-font-size);
	font-family: var(--wd-header-el-font);
}

.wd-header-cats .menu-opener.color-scheme-light {
	color: #fff;
}

.wd-header-cats .menu-opener:not(.has-bg) {
	background-color: var(--wd-primary-color);
}

.wd-header-cats .menu-opener-icon:not(.custom-icon):after {
	font-size: 18px;
	content: "";
	font-family: "woodmart-font";
}

.wd-header-cats .menu-opener-icon.custom-icon:empty {
	display: none;
}

.wd-header-cats.wd-style-1 .menu-opener {
	padding: 10px 15px;
	min-width: 270px;
	height: 50px;
	border-top-left-radius: var(--wd-brd-radius);
	border-top-right-radius: var(--wd-brd-radius);
}

.wd-header-cats.wd-style-1 .menu-opener:after {
	font-size: 11px;
	margin-inline-start: auto;
	content: "";
	font-family: "woodmart-font";
}

.wd-header-cats.wd-style-1 .menu-opener-icon {
	flex: 0 0 auto;
	margin-inline-end: 10px;
}

.wd-dropdown-cats {
	right: 0;
	z-index: 299;
	min-width: 270px;
	box-shadow: none;
}

.wd-dropdown-cats, .wd-dropdown-cats .wd-nav-vertical, .wd-dropdown-cats .wd-nav-vertical>li:first-child>a {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.wd-nav-vertical .wd-dropdown-menu.wd-design-full-width:not(.wd-scroll), .wd-nav-vertical .wd-dropdown-menu.wd-design-full-width.wd-scroll .wd-dropdown-inner {
	padding: var(--wd-dropdown-padding, 30px);
}

.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-full-width, .wd-design-aside)>.container {
	padding: 0;
	max-width: none;
}

.wd-nav-vertical>li>a .menu-label {
	position: static;
	margin-top: 0;
	margin-inline-start: 5px;
	opacity: 1;
	align-self: center;
	order: 2;
}

.wd-nav-vertical>li>a .menu-label:before {
	content: none;
}

.wd-nav-vertical {
	position: relative;
	display: flex;
	border-radius: var(--wd-brd-radius);
	gap: 0;
	--nav-chevron-color: rgba(82, 82, 82, .45);
	--nav-drop-sp: .001px;
}

.wd-nav-vertical>li {
	flex: 1 1 100%;
	max-width: 100%;
	width: 100%;
}

.wd-nav-vertical>li>a {
	padding: 12px 18px;
	color: var(--color-gray-800);
	text-transform: unset;
	font-size: 14px;
	line-height: 20px;
}

.wd-nav-vertical>li:first-child>a {
	border-top-left-radius: var(--wd-brd-radius);
	border-top-right-radius: var(--wd-brd-radius);
}

.wd-nav-vertical>li:last-child>a {
	border-bottom-right-radius: var(--wd-brd-radius);
	border-bottom-left-radius: var(--wd-brd-radius);
}

.wd-nav-vertical>li.menu-mega-dropdown {
	position: static;
}

.wd-nav-vertical>li.menu-item-has-children>a:after {
	margin-inline-start: auto;
	color: var(--nav-chevron-color);
	font-weight: normal;
	font-size: clamp(6px, 60%, 18px);
	content: "";
}

.wd-nav-vertical .wd-dropdown-menu {
	margin: 0;
	top: 0;
	inset-inline-start: calc(100% + var(--nav-drop-sp));
	transform: translateX(-15px) translateY(0) translateZ(0);
}

.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-sized, .wd-design-full-width) {
	min-height: 100%;
}

.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-sized, .wd-design-full-width) .wd-dropdown-inner {
	height: 100%;
}

.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-full-width, .wd-design-aside) {
	--wd-dropdown-width: 800px;
}

.wd-nav-vertical .wd-dropdown-menu.wd-design-aside {
	padding-inline-start: 0;
}

.wd-nav-vertical .wd-dropdown-menu:after {
	inset-block: 0 auto;
	inset-inline-start: auto;
	inset-inline-end: 100%;
	height: 100%;
	width: var(--nav-drop-sp);
}

[class*="color-scheme-light"] .wd-nav-vertical {
	--nav-chevron-color: rgba(255, 255, 255, .6);
}

.wd-nav-vertical.wd-design-default {
	border: 1px solid var(--brdcolor-gray-200);
}

.wd-nav-vertical.wd-design-default>li:is(.wd-opened, :hover)>a {
	background-color: var(--bgcolor-gray-200);
	color: var(--color-gray-700);
}

.wd-nav-vertical.wd-design-default>li:not(:last-child) {
	border-bottom: 1px solid var(--brdcolor-gray-200);
}

#slider-1151 .wd-slide {
	min-height: 500px;
}

@media (max-width: 1024px) {
	#slider-1151 .wd-slide {
		min-height: 500px;
	}
}

@media (max-width: 767px) {
	#slider-1151 .wd-slide {
		min-height: 500px;
	}
}
