body:has(main.dress) {
	background-color: var(--white-color);
}
body:has(main.dress) section.faq,
body:has(main.dress) section.selections,
body:has(main.dress) .contacts__text-block {
	background: var(--bg-color);
}




.df-hero__img[src=""],
.df-how__img[src=""],
.df-men__img[src=""] {
	opacity: 0;
}

.df-hero__container.container { padding-top: 0; }

.df-hero__card {
	display: grid;
	grid-template-columns: 520px 1fr;
	gap: 44px;
	align-items: center;

	background: var(--bg-color);
	border-radius: 26px;
	padding: 28px 34px;
}

.df-hero__media {
	border-radius: 22px;
	overflow: hidden;
	width: 100%;
	background: var(--accent-color-2);
}

.df-hero__img {
	width: 100%;
	height: 430px;
	border-radius: 22px;
}

.df-hero__content { max-width: 720px; }

.df-hero__title { margin: 0 0 14px 0; }

.df-hero__text {
	margin: 0 0 18px 0;
	color: var(--black-color-a50);
	max-width: 560px;
	line-height: 1.35;
}

.df-hero__button { width: max-content; }


.df-how__container.container { padding-top: 0; }

.df-how__card {
	position: relative;
	background: var(--white-color);
	border-radius: 26px;
	overflow: hidden;
}


.df-how__row {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 56px;
	align-items: center;
}

.df-how__row--1 { padding-bottom: 34px; }
.df-how__row--2 { padding: 34px 0; grid-template-columns: 0.95fr 1.05fr; }
.df-how__row--3 { padding-top: 34px; }

.df-how__title { margin: 0 0 18px 0; }

.df-how__lead {
	margin: 0 0 18px 0;
	line-height: 1.35;
}

.df-how__desc {
	margin: 0;
	color: var(--black-color-a50);
	line-height: 1.45;
}

.df-how__subtitle { margin: 0 0 16px 0; }

.df-how__button { margin-top: 18px; }


.df-how__media {
	border-radius: 26px;
	overflow: hidden;
	background: var(--accent-color-2);
}

.df-how__img {
	width: 100%;
	height: 420px;
	border-radius: 26px;
}


.df-how__ill { display: block; }

.df-how__ill--couple {
	margin: 6px 0 10px;
	width: 520px;
	max-width: 100%;
	height: 200px;
}

.df-how__ill--dress {
	margin-top: 18px;
	width: 560px;
	max-width: 100%;
	height: 200px;
}


.df-how__decor {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
}

.df-decor {
	position: absolute;
	width: 44px;
	height: 44px;
	opacity: 0.9;
}


.df-decor--s1 { top: 26px; left: 42px; }
.df-decor--s2 { top: 18px; right: 54px; }
.df-decor--s3 { top: 128px; left: 14px; }

.df-decor--m1 { top: 96px; left: 54%; transform: translateX(-50%); }

.df-decor--p1 { top: 58%; left: 58%; transform: translate(-50%, -50%); }
.df-decor--p2 { bottom: 26px; left: 42px; }

.df-decor--h1 { bottom: 58px; left: 38%; }
.df-decor--h2 { bottom: 26px; left: 20%; }



.df-men__container.container { padding-top: 0; }

.df-men__title {
	margin: 0 auto 16px;
	text-align: center;
	max-width: max-content;
}

.df-men__card {
	position: relative;
}

.df-men__media {
	position: relative;
	border-radius: 26px;
	overflow: hidden;
	background: var(--accent-color-2);
}
.df-men__media::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    opacity: 1;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 30%);
    border-radius: 20px;
    transition: opacity 0.4s ease;
}

.df-men__img {
	width: 100%;
	height: 670px;
	border-radius: 26px;
}

.df-men__caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	padding: 18px 22px;
}

.df-men__caption-title {
	color: var(--white-color);
	margin: 0 0 6px 0;
}

.df-men__caption-text {
	color: var(--white-color);
}

.df-men__decor {
	position: absolute;
	top: -18px;
	left: 26px;
	width: 54px;
	height: 54px;
	opacity: 0.9;
}



@media (max-width: 1024px) {
	.df-hero__card {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.df-hero__img { height: 300px; }

	.df-how__card { padding: 36px 28px; }

	.df-how__row {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.df-how__img { height: 320px; }

	.df-how__ill--couple,
	.df-how__ill--dress {
		height: 160px;
	}

	.df-men__img { height: 450px; }
}

@media (max-width: 560px) {
	.df-hero__card { padding: 18px 16px; }
	.df-how__card { padding: 26px 18px; }

	.df-hero__img { height: 220px; }
	.df-how__img { height: 260px; }
	.df-men__img { height: 260px; }

	.df-decor { width: 34px; height: 34px; }
	.df-men__decor { width: 44px; height: 44px; }
}