/**

 * WoodMart — homepage Drako nativa.

 */



body.theme-woodmart.home {

	--pcp-site-max: 1320px;

	--pcp-site-pad: clamp(12px, 2.2vw, 24px);

	--pcp-accent: var(--pcp-blue-primary, #2563eb);

	--pcp-ink: var(--pcp-blue-dark, #111315);

}



body.pcp-wm-home-native {

	--pcp-hero-top-gap: 26px;

}



@media (min-width: 768px) {

	body.pcp-wm-home-native {

		--pcp-hero-top-gap: 44px;

	}

}



body.pcp-wm-home-native .wd-page-content,

body.pcp-wm-home-native .main-page-wrapper,

body.pcp-wm-home-native #main-content {

	background: #fff !important;

	color: var(--pcp-ink) !important;

}



.pcp-wm-home {

	display: block;

	width: 100%;

	background: #fff;

	color: var(--pcp-ink);

	position: relative;

	z-index: 1;

}



.pcp-wm-home__inner {

	width: 100%;

	max-width: var(--pcp-site-max);

	margin: 0 auto;

	padding: 0 var(--pcp-site-pad);

	box-sizing: border-box;

}



.pcp-wm-home__hero-row {

	display: block;

	width: 100%;

	margin-top: var(--pcp-hero-top-gap, 12px);

	padding-top: 0;

}



.pcp-wm-home__sidebar {

	display: none !important;

}



.pcp-wm-home__sidebar-list {

	list-style: none;

	margin: 0;

	padding: 8px 0;

}



.pcp-wm-home__sidebar-link {

	display: flex;

	align-items: center;

	gap: 10px;

	padding: 11px 14px;

	color: #475569;

	text-decoration: none;

	font-size: 14px;

	font-weight: 600;

	line-height: 1.25;

	transition: background 0.15s ease, color 0.15s ease;

}



.pcp-wm-home__sidebar-link:hover,

.pcp-wm-home__sidebar-link:focus-visible {

	background: #f8fafc;

	color: #0f172a;

}



.pcp-wm-home__sidebar-icon {

	display: inline-flex;

	width: 18px;

	height: 18px;

	flex-shrink: 0;

	color: #64748b;

}



.pcp-wm-home__sidebar-icon svg {

	width: 18px;

	height: 18px;

}



.pcp-wm-home__hero {

	min-width: 0;

	margin-top: var(--pcp-hero-top-gap, 12px);

}



.pcp-wm-home__hero .pcp-drako-hero {

	display: block;

	width: 100%;

}



.pcp-wm-home__hero .pcp-drako-hero__main {

	min-width: 0;

	width: 100%;

	border-radius: 14px;

	overflow: hidden;

	background: #fff;

	box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);

	min-height: 0;

	height: auto;

	line-height: 0;

	position: relative;

}



.pcp-wm-hero-slider {

	display: grid;

	width: 100%;

	height: auto;

	min-height: 0;

	position: relative;

}



.pcp-wm-hero-slide {

	grid-area: 1 / 1;

	width: 100%;

	opacity: 0;

	pointer-events: none;

	transition: opacity 0.25s ease;

}



.pcp-wm-hero-slide:not(.is-active) {

	position: absolute;

	inset: 0;

}



.pcp-wm-hero-slide.is-active {

	position: relative;

	opacity: 1;

	pointer-events: auto;

	z-index: 1;

}



.pcp-wm-hero-slide__link {

	display: block;

	width: 100%;

	line-height: 0;

}



.pcp-wm-hero-slide img {

	display: block;

	width: 100%;

	height: auto;

	max-width: 100%;

	object-position: center center;

}



.pcp-wm-hero-slider__dot,

.pcp-wm-hero-slider__nav {

	min-height: 0 !important;

	min-width: 0 !important;

	padding: 0 !important;

	font-size: 0 !important;

	line-height: 0 !important;

	text-transform: none !important;

	font-weight: 400 !important;

	box-shadow: none;

	-webkit-appearance: none;

	appearance: none;

}



.pcp-wm-hero-slider__dot::before,

.pcp-wm-hero-slider__dot::after {

	display: none !important;

	content: none !important;

}



.pcp-wm-hero-slider__nav {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	z-index: 3;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 36px;

	height: 36px;

	border: 0;

	border-radius: 50%;

	background: rgba(255, 255, 255, 0.92);

	color: #1a1a1a;

	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);

	cursor: pointer;

	opacity: 0;

	transition: opacity 0.2s ease, background 0.15s ease, color 0.15s ease;

}



.pcp-wm-hero-slider__nav svg {

	width: 22px;

	height: 22px;

}



.pcp-wm-hero-slider__nav--prev {

	left: 10px;

}



.pcp-wm-hero-slider__nav--next {

	right: 10px;

}



.pcp-wm-hero-slider:hover .pcp-wm-hero-slider__nav,

.pcp-wm-hero-slider:focus-within .pcp-wm-hero-slider__nav {

	opacity: 1;

}



.pcp-wm-hero-slider__nav:hover,

.pcp-wm-hero-slider__nav:focus-visible {

	background: var(--pcp-accent);

	color: #fff;

}



.pcp-wm-hero-slider__dots {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 10px;

	z-index: 4;

	display: flex;

	justify-content: center;

	gap: 8px;

	padding: 0;

	margin: 0;

	pointer-events: none;

}



.pcp-wm-hero-slider__dot {

	pointer-events: auto;

	display: inline-block;

	flex: 0 0 auto;

	box-sizing: border-box;

	overflow: hidden;

	width: 28px;

	height: 4px;

	border: 0;

	border-radius: 99px;

	background: rgba(255, 255, 255, 0.55);

	cursor: pointer;

	transition: background 0.2s ease, width 0.2s ease;

}



.pcp-wm-hero-slider__dot.is-active {

	width: 36px;

	background: var(--pcp-accent);

}



.pcp-wm-hero-slider__dot:hover,

.pcp-wm-hero-slider__dot:focus-visible {

	background: rgba(37, 99, 235, 0.75);

}



body.theme-woodmart.home .pcp-home-trust {

	display: block;

	margin-top: 14px;

}



body.theme-woodmart.home .pcp-home-cat-strip {

	display: block;

	padding-top: 0;

}



body.theme-woodmart.home .pcp-home-products__heading,

body.theme-woodmart.home .pcp-brand-marquee-section-title,

body.theme-woodmart.home .pcp-brand-marquee-section-title .elementor-heading-title {

	color: var(--pcp-ink) !important;

	text-align: center;

	text-transform: uppercase;

}



body.theme-woodmart.home .pcp-home-products__more {

	border-color: var(--pcp-accent);

	color: var(--pcp-accent);

}



body.theme-woodmart.home .pcp-home-products__cart,

body.theme-woodmart.home .pcp-home-products a.button {

	background: var(--pcp-accent) !important;

	border-color: var(--pcp-accent) !important;

	color: #fff !important;

}



body.pcp-wm-home-native.pcp-drako-hero-active .pcp-wm-home__hero .pcp-drako-hero__main,

body.pcp-wm-home-native.pcp-drako-hero-active .pcp-wm-hero-slider,

body.pcp-wm-home-native.pcp-drako-hero-active .pcp-wm-hero-slide.is-active,

body.pcp-wm-home-native.pcp-drako-hero-active .pcp-wm-hero-slide.is-active img {

	height: auto !important;

}



body.pcp-wm-home-native.pcp-drako-hero-active .pcp-wm-hero-slide.is-active img {

	width: 100% !important;

	max-height: none !important;

	object-fit: contain !important;

	object-position: center center !important;

}



@media (min-width: 768px) {

	.pcp-wm-home__hero .pcp-drako-hero__main {

		min-height: clamp(280px, 36vw, 520px);

	}



	.pcp-wm-hero-slide.is-active img {

		width: 100%;

		min-height: clamp(240px, 32vw, 480px);

		object-fit: contain;

		object-position: center center;

		background: #fff;

	}

}



@media (max-width: 767px) {

	.pcp-wm-home__hero .pcp-drako-hero__main,

	.pcp-wm-hero-slider {

		min-height: clamp(160px, 50vw, 360px);

		aspect-ratio: 2 / 1;

		height: auto;

		overflow: hidden;

		border-radius: 0;

		box-shadow: none;

	}



	.pcp-wm-hero-slide {

		grid-area: 1 / 1;

		display: block;

		opacity: 0;

	}



	.pcp-wm-hero-slide.is-active {

		opacity: 1;

	}



	.pcp-wm-hero-slide.is-active img {

		width: 100%;

		height: auto;

		aspect-ratio: 2 / 1;

		min-height: clamp(160px, 50vw, 360px);

		object-fit: cover;

		object-position: center;

	}



	.pcp-wm-hero-slider__nav {

		width: 28px;

		height: 28px;

		opacity: 0.92;

	}



	.pcp-wm-hero-slider__nav svg {

		width: 18px;

		height: 18px;

	}



	.pcp-wm-hero-slider__nav--prev {

		left: 6px;

	}



	.pcp-wm-hero-slider__nav--next {

		right: 6px;

	}



	.pcp-wm-hero-slider__dots {

		bottom: 6px;

		gap: 4px;

	}



	.pcp-wm-hero-slider__dot {

		width: 18px;

		height: 3px;

	}



	.pcp-wm-hero-slider__dot.is-active {

		width: 24px;

	}

}