/**
 * Секція "Find your door" — відступи, вирівнювання, баланс простору.
 * Додай клас find-your-door-section до рядка (VC Row) у WPBakery.
 * Зображення товарів — повністю видимі (контейнер 3:4, object-fit: contain).
 */

/* Зображення WPBakery (не товарні) у секції */
.find-your-door-section .wpb_single_image img,
.find-your-door-section .vc_single_image-wrapper img {
	max-width: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	object-position: center;
	display: block;
}

/* Картки товарів — висота по розміру зображення (не квадрат) */
.find-your-door-section .product-wrapper,
.find-your-door-section .list-col4,
.find-your-door-section .product-image {
	overflow: visible !important;
}
.find-your-door-section .product-image a {
	display: block !important;
	position: relative !important;
	overflow: visible !important;
	height: auto !important;
}
/* Основне зображення задає висоту контейнера — натуральні пропорції */
.find-your-door-section .product-image a img:not(.secondary_image) {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	position: relative !important;
	z-index: 0 !important;
	vertical-align: middle !important;
}
/* Друге зображення (hover) — в тому ж контейнері, повністю видиме */
.find-your-door-section .product-image a img.secondary_image {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	object-position: center !important;
	display: block !important;
}
.find-your-door-section .product-wrapper:hover .product-image a img.secondary_image {
	opacity: 1 !important;
	transform: scale(1) !important;
	-webkit-transform: scale(1) !important;
}

.find-your-door-section.section-element {
	padding-top: 60px;
	padding-bottom: 60px;
	margin-bottom: 0;
}

.find-your-door-section .row {
	align-items: center;
	gap: 0;
}
.find-your-door-section .wpb_column {
	vertical-align: middle;
}

/* Відступ тексту від фото — щоб не "ліпився" */
.find-your-door-section .wpb_text_column,
.find-your-door-section .wpb_wrapper .wpb_text_column,
.find-your-door-section .vc_column-inner .wpb_wrapper {
	padding-left: 40px;
	padding-right: 40px;
}
.find-your-door-section .vc_col-sm-6:last-child .vc_column-inner .wpb_wrapper {
	padding-left: 40px;
	padding-right: 0;
}
.find-your-door-section .vc_col-sm-6:first-child .vc_column-inner .wpb_wrapper {
	padding-left: 0;
	padding-right: 0;
}

/* Варіант: текст справа (фото зліва) — текст по лівому краю блоку */
.find-your-door-section.text-right .wpb_column:last-child .wpb_wrapper,
.find-your-door-section .vc_col-sm-6:last-child .wpb_wrapper {
	text-align: left;
}
.find-your-door-section.text-right .wpb_column:last-child .vc_column-inner {
	padding-left: 40px;
}

/* Варіант: текст зліва (фото справа) — текст по правому краю блоку або лівому */
.find-your-door-section.text-left .wpb_column:first-child .wpb_wrapper {
	text-align: left;
	padding-right: 40px;
	padding-left: 0;
}
.find-your-door-section.text-left .wpb_column:last-child .vc_column-inner {
	padding-left: 0;
}

/* Заголовки і параграфи — повітря зверху/знизу */
.find-your-door-section .wpb_wrapper h2,
.find-your-door-section .wpb_wrapper h3,
.find-your-door-section .wpb_wrapper .wpb_heading {
	margin-top: 0;
	margin-bottom: 1rem;
}
.find-your-door-section .wpb_wrapper p {
	margin-top: 0;
	margin-bottom: 1.25rem;
}
.find-your-door-section .wpb_wrapper p:last-of-type {
	margin-bottom: 1.5rem;
}

/* Кнопка "All doors" — завершує секцію */
.find-your-door-section .all-doors-wrap {
	margin-top: 1.5rem;
	margin-bottom: 0;
}
.find-your-door-section .all-doors-btn {
	display: inline-block;
	padding: 14px 32px;
	border: 2px solid #323232;
	border-radius: 50px;
	background: #323232;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.03em;
	text-decoration: none;
	transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.2s ease;
}
.find-your-door-section .all-doors-btn:hover,
.find-your-door-section .all-doors-btn:focus {
	background: #201f1f;
	color: #fff;
	border-color: #201f1f;
	transform: translateY(-2px);
}

/* Адаптив: зменшені відступи і один стовпчик */
@media (max-width: 991px) {
	.find-your-door-section.section-element {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.find-your-door-section .wpb_text_column,
	.find-your-door-section .wpb_wrapper .wpb_text_column,
	.find-your-door-section .vc_column-inner .wpb_wrapper,
	.find-your-door-section .wpb_column:last-child .vc_column-inner {
		padding-left: 15px;
		padding-right: 15px;
	}
	.find-your-door-section.text-left .wpb_column:first-child .wpb_wrapper {
		padding-right: 15px;
	}
	.find-your-door-section .all-doors-btn {
		padding: 12px 26px;
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.find-your-door-section.section-element {
		padding-top: 35px;
		padding-bottom: 35px;
	}
}