/**
 * Smart Renovation ("Розумний ремонт") — стилі лендінга.
 * Підключається ТІЛЬКИ на template-smart-renovation.php (див. header.php).
 *
 * Верстка звірена по-піксельно з макетом дизайнера
 * (акварели_новая_страница.png): масштаб макет→сайт = 1.821
 * (контейнер макета 696px ↔ контейнер сайту 80em/1267px @1440).
 * Сітка сайту: html { font-size: 1.1vw }, 1em ≈ 15.84px @1440.
 * Всі класи з префіксом .sr- / .akva-lightbox, у глобальні стилі не лізем.
 */

/* ---------- Спільне ---------- */

.sr-hero,
.sr-benefits,
.sr-certs,
.sr-included,
.sr-term,
.sr-gallery,
.sr-why,
.sr-form {
	position: relative;
	width: 100%;
}

/* Вертикальний ритм — з білих смуг макета (29/34/6/15/21/31/25 px × 1.821) */
.sr-hero { margin-top: calc(4.05em + 40px); }
.sr-benefits,
.sr-certs,
.sr-included,
.sr-term,
.sr-gallery,
.sr-why,
.sr-form { margin-top: 6.25em; }

.sr-benefits h2,
.sr-certs h2,
.sr-included h2,
.sr-gallery h2,
.sr-why h2,
.sr-form h2 {
	font-family: "DIN Pro", sans-serif;
	text-transform: none;
	color: #131313;
}

/* ---------- Банер ---------- */

.sr-hero__card {
	position: relative;
	width: 100%;
	display: block;
	min-height: 34.8em;
	background: #fbf8f5;
	border-radius: 1.875em;
	overflow: hidden;
	box-shadow: 0 1.5em 3.5em rgba(19, 19, 19, 0.04);
}

.sr-hero__content {
	position: relative;
	z-index: 2;
	width: 55%;
	min-height: 34.8em;
	padding: 3.1em 1.75em 2.15em 3.5em;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.sr-hero__title {
	font-family: "Druk Text Wide Cyr", sans-serif;
	font-size: 2.34em;
	font-weight: 500;
	line-height: 1.13;
	text-transform: uppercase;
	text-wrap: balance;
	color: #131313;
}

.sr-hero__subtitle {
	margin-top: 0.22em;
	font-family: "Druk Text Wide Cyr", sans-serif;
	font-size: 2.34em;
	font-weight: 500;
	line-height: 1.13;
	text-transform: uppercase;
	text-wrap: balance;
	color: #ec6134;
}

.sr-hero__text {
	max-width: 28.5em;
	margin-top: 1.15em;
	font-size: 0.985em;
	line-height: 1.5;
	text-wrap: balance;
	color: #4e5052;
}

.sr-hero__text p + p { margin-top: 0.85em; }

.sr-hero__text .sr-accent {
	color: #ec6134;
	font-weight: 500;
}

.sr-hero__prices {
	width: 100%;
	max-width: 29.5em;
	margin-top: 1.15em;
}

.sr-hero__prices-intro {
	font-size: 0.92em;
	line-height: 1.45;
	color: #4e5052;
}

.sr-hero__prices-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75em;
	margin-top: 0.8em;
}

.sr-hero__price-card {
	padding: 0.9em 1em 0.95em;
	background: linear-gradient(180deg, rgba(236, 97, 52, 0.12) 0%, rgba(236, 97, 52, 0.06) 100%);
	border: 0.07143em solid rgba(236, 97, 52, 0.18);
	border-radius: 1.05em;
	box-shadow: 0 0.8em 1.7em rgba(236, 97, 52, 0.08);
}

.sr-hero__price-label {
	display: block;
	font-size: 0.84em;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
	color: #3f4348;
}

.sr-hero__price-value {
	display: block;
	margin-top: 0.16em;
	font-size: 1.45em;
	font-weight: 700;
	line-height: 1.1;
	color: #ec6134;
}

.sr-hero__buttons {
	margin-top: auto;
	padding-top: 1.25em;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.95em;
}

.sr-hero__image {
	position: absolute;
	inset: 0;
	background: var(--sr-hero-image) 84% center / cover no-repeat;
}

.sr-hero__image:before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg,
			#fbf8f5 0%,
			rgba(251, 248, 245, 0.995) 13%,
			rgba(251, 248, 245, 0.96) 24%,
			rgba(251, 248, 245, 0.84) 38%,
			rgba(251, 248, 245, 0.56) 49%,
			rgba(251, 248, 245, 0.2) 61%,
			rgba(251, 248, 245, 0) 73%);
}

.sr-hero__image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
}

.sr-hero__button {
	min-width: 0;
	margin-right: 0;
	padding: 0.72em 1.45em 0.8em;
	border: 0.07143em solid #ec6134;
	white-space: nowrap;
}

.sr-hero__button span {
	font-size: 0.875em;
	transform: none !important;
}

.sr-hero__button:hover span { transform: none !important; }

.sr-hero__button--outline {
	background: rgba(255, 255, 255, 0.92);
	border-color: #efcabf;
	box-shadow: inset 0 0 0 0.07143em #efcabf;
}

.sr-hero__button--outline span { color: #131313; }

.sr-hero__button--outline:hover {
	background: #fff;
	border-color: #ec6134;
	box-shadow: inset 0 0 0 0.07143em #ec6134;
}

.sr-hero__button--outline:hover span { color: #131313; }

/* ---------- Переваги (Секрет не в економії) ---------- */

.sr-benefits__row {
	width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 26em) minmax(0, 1fr);
	gap: 2.9em;
	padding: 0 1.8em 0 3.1em;
	align-items: center;
}

.sr-benefits__info { padding-top: 0; }

.sr-benefits .sr-benefits__title {
	max-width: 10.8em;
	font-family: "Druk Text Wide Cyr", sans-serif;
	font-size: 1.875em;
	font-weight: 500;
	line-height: 1.15;
	text-transform: uppercase;
	text-wrap: balance;
	color: #131313;
}

.sr-benefits__text {
	max-width: 25.4em;
	margin-top: 1.55em;
	font-size: 1.02em;
	line-height: 1.56;
	color: #4e5052;
}

.sr-benefits__text p + p { margin-top: 1em; }

.sr-benefits__card {
	background: #fff;
	border-radius: 1.7em;
	overflow: hidden;
	box-shadow: none;
}

.sr-benefits__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sr-benefits__tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	min-height: 10.9em;
	padding: 2.2em 1.2em 1.85em;
	border-right: 0.07143em solid rgba(236, 97, 52, 0.08);
	border-bottom: 0.07143em solid rgba(236, 97, 52, 0.08);
}

.sr-benefits__tile:nth-child(3n) { border-right: none; }
.sr-benefits__tile:nth-last-child(-n + 3) { border-bottom: none; }

.sr-benefits__icon {
	display: block;
	width: 4em;
	height: 4em;
	color: #ec6134;
}

.sr-benefits__icon svg,
.sr-benefits__icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.sr-benefits__icon svg { stroke-width: 1.8; }

.sr-benefits__icon-image {
	object-fit: contain;
	filter: drop-shadow(0 0.4em 0.8em rgba(236, 97, 52, 0.1));
}

.sr-benefits__tile strong {
	max-width: 10.2em;
	margin-top: 0.82em;
	font-size: 1.02em;
	font-weight: 700;
	line-height: 1.28;
	text-wrap: balance;
	color: #131313;
}

.sr-benefits__tile-text {
	max-width: 10.6em;
	margin-top: 0.32em;
	font-size: 0.88em;
	line-height: 1.38;
	text-wrap: balance;
	color: #5f6367;
}

/* ---------- Сертифікати ---------- */

.sr-certs .sr-certs__title {
	width: 100%;
	font-family: "Druk Text Wide Cyr", sans-serif;
	font-size: 1.875em;
	font-weight: 500;
	line-height: 1.15;
	text-transform: uppercase;
	letter-spacing: 0;
	text-wrap: balance;
	text-align: center;
	color: #131313;
}

.sr-certs__subtitle {
	width: 100%;
	max-width: 46em;
	margin: 1.3em auto 0;
	font-size: 0.98em;
	line-height: 1.52;
	text-wrap: balance;
	color: #61656a;
	text-align: center;
}

.sr-certs__slider-wrap {
	position: relative;
	width: 100%;
	margin-top: 2.75em;
	display: flex;
	flex-direction: column;
}

.sr-certs__slider {
	width: 100%;
	padding: 0 4.6em;
	overflow: hidden;
}

.sr-certs__slide {
	height: auto;
	display: flex;
	background: transparent;
}

.sr-certs__item {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	user-select: none;
}

.sr-certs__item:focus,
.sr-certs__item:active,
.sr-certs__item:hover {
	background: transparent;
}

.sr-certs__thumb {
	width: 100%;
	height: 19.1em;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0.78em;
	overflow: hidden;
	box-shadow: none;
}

.sr-certs__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	box-shadow: 0 0.75em 1.9em rgba(19, 19, 19, 0.08);
	border-radius: 0.78em;
	background: #fff;
	transition: none;
}

.sr-certs__item:hover .sr-certs__thumb,
.sr-certs__item:hover .sr-certs__thumb img { transform: none; }

.sr-certs__caption {
	display: flex;
	flex-direction: column;
	gap: 0.28em;
	width: 100%;
	min-height: 5.4em;
	margin-top: 1.35em;
	padding: 0 0.15em;
}

.sr-certs__caption strong {
	font-size: 0.89em;
	font-weight: 700;
	line-height: 1.28;
	text-wrap: balance;
	color: #131313;
}

.sr-certs__caption span {
	font-size: 0.82em;
	line-height: 1.34;
	text-wrap: balance;
	color: #73777b;
}

.sr-certs__nav {
	position: absolute;
	top: 6.65em;
	z-index: 2;
	width: 3.2em;
	height: 3.2em;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(253, 243, 239, 0.98);
	border: 0.07143em solid rgba(236, 97, 52, 0.08);
	border-radius: 50%;
	box-shadow: 0 1em 2em rgba(236, 97, 52, 0.09);
	color: #ec6134;
	cursor: pointer;
	transition: 0.2s ease-in-out;
}

.sr-certs__nav svg { width: 1.32em; height: 1.32em; }

.sr-certs__nav:hover { background: #ec6134; color: #fff; }

.sr-certs__nav--prev { left: 0; }
.sr-certs__nav--next { right: 0; }

.sr-certs__nav.swiper-button-disabled {
	opacity: 0.28;
	pointer-events: none;
}

.sr-certs .sr-certs__slider-wrap > .sr-certs__dots {
	position: relative !important;
	inset: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	width: 100% !important;
	margin-top: 0.7em;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.44em;
}

.sr-certs__dots .swiper-pagination-bullet {
	width: 0.46em;
	height: 0.46em;
	margin: 0 !important;
	background: #dadbdd;
	opacity: 1;
	transition: 0.2s ease-in-out;
}

.sr-certs__dots .swiper-pagination-bullet-active { background: #ec6134; }

.glightbox-clean .gslide-desc a,
.sr-certs__pdf-link {
	display: inline-flex;
	align-items: center;
	margin-top: 0.55em;
	font-size: 0.875em;
	font-weight: 700;
	line-height: 1.2;
	color: #ec6134;
}

/* ---------- Що входить ---------- */

.sr-included .sr-included__title {
	width: 100%;
	font-family: "Druk Text Wide Cyr", sans-serif;
	font-size: 1.875em;
	font-weight: 500;
	line-height: 1.15;
	text-transform: uppercase;
	letter-spacing: 0;
	text-wrap: balance;
	text-align: center;
	color: #131313;
}

.sr-included__grid {
	width: 100%;
	margin-top: 2.2em;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: minmax(13.75em, auto);
	gap: 1.15em;
	align-items: stretch;
}

.sr-included__card {
	height: 100%;
	display: flex;
	flex-direction: column;
	background: linear-gradient(180deg, #fffdfb 0%, #ffffff 100%);
	border: 0.07143em solid #efe7df;
	border-radius: 1.42em;
	padding: 1.75em 1.55em 1.65em;
	box-shadow: 0 1.15em 2.75em rgba(19, 19, 19, 0.035);
}

.sr-included__card--tall {
	grid-column: 4;
	grid-row: 1 / span 2;
	align-self: start;
	height: auto;
	padding-bottom: 1.8em;
}

.sr-included__icon {
	display: block;
	width: 4em;
	height: 4em;
	color: #ec6134;
}

.sr-included__icon svg,
.sr-included__icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.sr-included__icon svg { stroke-width: 1.75; }

.sr-included__icon-image {
	object-fit: contain;
	filter: drop-shadow(0 0.4em 0.8em rgba(236, 97, 52, 0.1));
}

.sr-included__card-title {
	margin-top: 1.02em;
	font-family: "DIN Pro", sans-serif;
	font-size: 1.12em;
	font-weight: 700;
	line-height: 1.22;
	text-transform: none;
	letter-spacing: normal;
	text-wrap: balance;
	color: #131313;
}

.sr-included__body {
	margin-top: 0.82em;
	font-size: 0.835em;
	line-height: 1.48;
	text-wrap: balance;
	color: #4c5055;
}

.sr-included__body p,
.sr-included__body li {
	font-size: inherit;
	line-height: inherit;
	text-wrap: balance;
	color: inherit;
}

.sr-included__body p + p,
.sr-included__body ul + p,
.sr-included__body p + ul { margin-top: 0.78em; }

.sr-included__body ul { list-style: none; padding: 0; margin: 0; }

.sr-included__body li {
	position: relative;
	padding-left: 0.82em;
	text-wrap: pretty;
}

.sr-included__body li + li { margin-top: 0.34em; }

.sr-included__body li:before {
	content: "\2013";
	position: absolute;
	left: 0;
	top: 0;
	color: #6c7075;
}

.sr-included__body b,
.sr-included__body strong {
	font-weight: 700;
	color: #131313;
}

.sr-included__card--tall .sr-included__body {
	font-size: 0.815em;
	line-height: 1.45;
}

/* ---------- Термін робіт ---------- */

.sr-term__card {
	width: 68.5em;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 2.7em;
	background: #faebe7;
	border-radius: 1.5em;
	padding: 2.45em 2.8em 2.45em 3.25em;
}

.sr-term__icon {
	flex-shrink: 0;
	width: 5.8em;
	height: 5.8em;
	color: #ec6134;
}

.sr-term__icon svg {
	width: 100%;
	height: 100%;
	stroke-width: 1.45;
}

.sr-term__icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.sr-term__text {
	flex: 1 1 auto;
	font-size: 16px;
	line-height: 1.4;
	text-wrap: balance;
	color: #131313;
}

.sr-term__text p {
	font-size: inherit;
	line-height: inherit;
	text-wrap: balance;
	color: inherit;
}

.sr-term__text p + p { margin-top: 1em; }

/* ---------- Приклади робіт ---------- */

.sr-gallery .sr-gallery__title {
	width: 100%;
	margin: 0;
	font-family: "Druk Text Wide Cyr", sans-serif;
	font-size: 1.875em;
	font-weight: 500;
	line-height: 1.15;
	text-transform: uppercase;
	letter-spacing: 0;
	text-wrap: balance;
	text-align: center;
	color: #131313;
}

.sr-gallery__slider {
	width: 100%;
	overflow: visible;
}

.sr-gallery__grid {
	width: 100%;
	margin-top: 2.18em;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 1.08em;
}

.sr-gallery__slide {
	min-width: 0;
	width: calc((100% - 3.24em) / 4) !important;
	flex: 0 0 calc((100% - 3.24em) / 4) !important;
}

.sr-gallery__item {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 302 / 198;
	padding: 0;
	background: none;
	border: none;
	border-radius: 1.14em;
	overflow: hidden;
	cursor: pointer;
}

.sr-gallery__item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.32s ease-in-out;
}

.sr-gallery__item:hover img { transform: scale(1.05); }

.sr-gallery__dots { display: none; }

/* ---------- Чому це вигідніше ---------- */

.sr-why__row {
	width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 2.8em;
	padding: 0;
	align-items: center;
}

.sr-why__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.sr-why__image {
	position: relative;
	width: 100%;
	aspect-ratio: 524 / 397;
	border-radius: 1.35em;
	overflow: hidden;
}

.sr-why__image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sr-why .sr-why__title {
	width: 100%;
	margin: 0;
	font-family: "Druk Text Wide Cyr", sans-serif;
	font-size: 2em;
	font-weight: 500;
	line-height: 1.15;
	text-transform: uppercase;
	letter-spacing: 0;
	text-wrap: balance;
	color: #131313;
}

.sr-why__text {
	max-width: none;
	margin-top: 1.18em;
	font-size: 1.01em;
	line-height: 1.52;
	text-wrap: balance;
	color: #4e5052;
}

.sr-why__text br { display: none; }

.sr-why__list {
	list-style: none;
	padding: 0;
	margin: 1.45em 0 0;
}

.sr-why__list li {
	display: flex;
	align-items: flex-start;
	gap: 0.92em;
}

.sr-why__list li + li { margin-top: 0.88em; }

.sr-why__check {
	flex-shrink: 0;
	width: 1.88em;
	height: 1.88em;
	color: #ec6134;
}

.sr-why__check svg {
	width: 100%;
	height: 100%;
	stroke-width: 1.55;
}

.sr-why__list li > span:last-child {
	padding-top: 0.14em;
	font-size: 1.02em;
	line-height: 1.38;
	text-wrap: balance;
	color: #131313;
}

.sr-why__footer {
	margin-top: 1.75em;
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.25;
	text-wrap: balance;
	color: #ec6134;
}

/* ---------- Форма ---------- */

.sr-form__card {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.15fr);
	gap: 3.55em;
	background: #fff;
	border-radius: 1.7em;
	padding: 2.55em 3.15em 2.3em 3.25em;
	align-items: center;
	overflow: visible;
}

.sr-form__info {
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.sr-form .sr-form__title {
	width: 100%;
	max-width: none;
	margin: 0;
	font-family: "Druk Text Wide Cyr", sans-serif;
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1.15;
	text-transform: none;
	text-wrap: balance;
	color: #131313;
}

.sr-form__doc-icon {
	display: block;
	width: 7em;
	height: 7em;
	margin-top: 1.1em;
}

.sr-form__doc-icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.sr-form__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Сітка полів CF7 (.form приходить із шорткода) */
.sr-form__body .form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.15em 1.1em;
	align-items: start;
}

.sr-form__body .form__line { width: 100%; }

.sr-form__body .form__wrapper {
	position: relative;
	width: 100%;
}

.sr-form__body .form__wrapper.select-wrap {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.sr-form__body .form__wrapper.select-wrap.is-open { z-index: 8; }

.sr-form__body .form__wrapper > p {
	width: 100%;
	margin: 0;
	display: block;
}

.sr-form__body .form__wrapper.select-wrap > p { order: 2; }

.sr-form__body .form__wrapper .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.sr-form__body .form__wrapper.select-wrap.is-enhanced .form__select {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3.45em;
	min-height: 3.45em;
	opacity: 0;
	pointer-events: none;
}

.sr-form__body .form__input,
.sr-form__body .form__select {
	width: 100%;
	height: 3.45em;
	min-height: 3.45em;
	font-size: 0.95em;
	font-family: "DIN Pro", sans-serif;
	font-weight: 400;
	line-height: 1.3;
	color: #131313;
	background: #fff;
	border: 0.0625em solid #f0dfd7;
	border-radius: 0.78em;
	padding: 1em 1.15em;
	box-shadow: none;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
}

.sr-form__body .form__input::placeholder,
.sr-form__body .form__select { color: #9ea1a3; }

.sr-form__body .form__input:focus,
.sr-form__body .form__select:focus {
	outline: none;
	border-color: rgba(236, 97, 52, 0.42);
	box-shadow: 0 0 0 0.22em rgba(236, 97, 52, 0.08);
}

.sr-form__body .form__wrapper.select-wrap:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.2em;
	transform: translateY(-50%);
	z-index: 3;
	width: 0.95em;
	height: 0.95em;
	background: url("../img/icons/arrow-down-grey.svg") no-repeat 50% 50%;
	background-size: contain;
	opacity: 0.78;
	pointer-events: none;
	transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.sr-form__body .form__wrapper.select-wrap:hover:after { opacity: 0.9; }

.sr-form__body .form__select {
	appearance: none;
	padding-right: 3em;
	cursor: pointer;
}

.sr-form__select-trigger {
	order: 1;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 3.45em;
	min-height: 3.45em;
	max-height: 3.45em;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 3em 0 1.15em;
	background: #fff;
	border: 0.0625em solid #f0dfd7;
	border-radius: 0.78em;
	box-shadow: none;
	font-size: 0.83125em;
	font-family: "DIN Pro", sans-serif;
	font-weight: 400;
	line-height: 1.3;
	color: #131313;
	text-align: left;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background 0.2s ease-in-out;
}

.sr-form__select-trigger.is-placeholder { color: #9ea1a3; }

.sr-form__body .form__wrapper.select-wrap.is-open:after {
	transform: translateY(-50%) rotate(180deg);
	opacity: 0.9;
}

.sr-form__body .form__wrapper.select-wrap.is-open .sr-form__select-trigger,
.sr-form__select-trigger:focus-visible {
	outline: none;
	border-color: rgba(236, 97, 52, 0.42);
	box-shadow: 0 0 0 0.22em rgba(236, 97, 52, 0.08);
}

.sr-form__select-panel {
	position: absolute;
	top: calc(100% + 0.45em);
	left: 0;
	right: 0;
	z-index: 5;
	display: flex;
	flex-direction: column;
	padding: 0.38em;
	background: #fff;
	border: 0.0625em solid #f0dfd7;
	border-radius: 0.85em;
	box-shadow: 0 1em 2.2em rgba(19, 19, 19, 0.08);
	opacity: 0;
	visibility: hidden;
	transform: translateY(0.35em);
	pointer-events: none;
	transition: opacity 0.18s ease-in-out, transform 0.18s ease-in-out, visibility 0.18s ease-in-out;
}

.sr-form__body .form__wrapper.select-wrap.is-open .sr-form__select-panel {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

.sr-form__select-option {
	width: 100%;
	padding: 0.78em 0.85em;
	border: none;
	border-radius: 0.62em;
	background: transparent;
	font-size: 0.92em;
	line-height: 1.3;
	color: #4e5052;
	text-align: left;
	cursor: pointer;
	transition: background 0.18s ease-in-out, color 0.18s ease-in-out;
}

.sr-form__select-option:hover,
.sr-form__select-option.is-selected {
	background: rgba(236, 97, 52, 0.08);
	color: #131313;
}

/* Рядок із сабмітом CF7 загортає в <p> — розтягуємо на обидві колонки */
.sr-form__body .form > p,
.sr-form__body .form .form__btn,
.sr-form__body .form > .wpcf7-form-control-wrap {
	grid-column: 1 / -1;
	margin: 0;
}

.sr-form__body .form__btn {
	min-height: 3.4em;
	border-radius: 0.72em;
	padding-top: 1.05em;
	padding-bottom: 1.05em;
	font-size: 1em;
	font-weight: 500;
	transition: 0.2s ease-in-out;
}

.sr-form__body .form__btn:hover { background: #e23e08; }

.sr-form__body .wpcf7-spinner { position: absolute; }

.sr-form__body .wpcf7-not-valid-tip {
	position: static;
	order: 2;
	font-size: 0.75em;
	line-height: 1.35;
	margin-top: 0.45em;
	display: block;
}

.sr-form__body .wpcf7-response-output {
	grid-column: 1 / -1;
	width: 100%;
	margin: 0.9em 0 0;
	border: none;
	padding: 0;
	font-size: 0.875em;
	line-height: 1.4;
	color: #ec6134;
}

.sr-form__note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.72em;
	margin-top: 1.15em;
	color: #ec6134;
	font-size: 0.93em;
	font-weight: 500;
	line-height: 1.35;
	text-wrap: balance;
}

.sr-form__note-avatar {
	display: block;
	width: 1.1em;
	height: 1.1em;
	flex-shrink: 0;
}

.sr-form__note-avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* ---------- Lightbox ---------- */

.glightbox-clean .gslide-title {
	margin: 0;
	font-family: "DIN Pro", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
	color: #131313;
}

.glightbox-clean .gslide-desc {
	margin-top: 0.35em;
	font-family: "DIN Pro", sans-serif;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #5f6367;
}

.glightbox-clean .gdesc-inner {
	padding: 1.1em 1.25em 1.2em;
	background: #fff;
	border-radius: 1em;
	box-shadow: 0 1em 2.2em rgba(19, 19, 19, 0.08);
}

.glightbox-clean .gdesc-inner p { margin: 0; }

.glightbox-clean .gdesc-inner p + p { margin-top: 0.55em; }

/* ---------- Адаптив ---------- */

@media (max-width: 1024px) and (orientation: portrait) {
	.sr-hero,
	.sr-benefits,
	.sr-certs,
	.sr-included,
	.sr-term,
	.sr-gallery,
	.sr-why,
	.sr-form {
		font-size: 1.6rem;
	}

	.sr-hero__card { grid-template-columns: 1fr; }

	.sr-hero { margin-top: calc(2.9em + 30px); }

	.sr-benefits,
	.sr-certs,
	.sr-included,
	.sr-term,
	.sr-gallery,
	.sr-why,
	.sr-form { margin-top: 4.5em; }

	.sr-benefits .sr-benefits__title,
	.sr-certs .sr-certs__title,
	.sr-included .sr-included__title,
	.sr-gallery .sr-gallery__title,
	.sr-why .sr-why__title,
	.sr-form .sr-form__title {
		font-size: 1.25em;
		line-height: 1.08;
	}

	.sr-benefits .sr-benefits__title {
		max-width: none;
	}

	.sr-hero__content {
		width: 100%;
		min-height: auto;
		padding: 2.35em 2em 2.2em 20px;
	}

	.sr-hero__buttons {
		flex-wrap: wrap;
	}

	.sr-hero__prices-grid {
		grid-template-columns: 1fr;
	}

	.sr-hero__image { min-height: 24em; }

	.sr-benefits__row {
		grid-template-columns: 1fr;
		gap: 2.5em;
		padding: 0;
	}

	.sr-benefits__info { padding-top: 0; }

	.sr-certs__slider { padding: 0 3.4em; }

	.sr-certs__nav {
		top: 6.1em;
		width: 3em;
		height: 3em;
	}

	.sr-included__grid { grid-template-columns: repeat(2, 1fr); }

	.sr-included__card--tall {
		grid-column: auto;
		grid-row: auto;
	}

	.sr-gallery__slide {
		width: calc((100% - 1.08em) / 2) !important;
		flex: 0 0 calc((100% - 1.08em) / 2) !important;
	}

	.sr-why__row {
		grid-template-columns: 1fr;
		gap: 2.5em;
	}

	.sr-why__image { aspect-ratio: 3 / 2; }

	.sr-form__card {
		grid-template-columns: 1fr;
		gap: 2.35em;
		padding: 2.4em 2.3em 2.2em;
	}

	.sr-form__doc-icon { display: none; }
}

@media (max-width: 500px) and (orientation: portrait) {
	.sr-hero,
	.sr-benefits,
	.sr-certs,
	.sr-included,
	.sr-term,
	.sr-gallery,
	.sr-why,
	.sr-form {
		font-size: 3.05rem;
	}

	.sr-hero__title,
	.sr-hero__subtitle {
		font-size: 1.65em;
		line-height: 1.06;
	}

	.sr-hero__text {
		max-width: 19em;
	}

	.sr-hero__image:before {
		background:
			linear-gradient(90deg,
				#fbf8f5 0%,
				rgba(251, 248, 245, 1) 24%,
				rgba(251, 248, 245, 0.992) 41%,
				rgba(251, 248, 245, 0.965) 55%,
				rgba(251, 248, 245, 0.86) 67%,
				rgba(251, 248, 245, 0.58) 79%,
				rgba(251, 248, 245, 0.24) 90%,
				rgba(251, 248, 245, 0) 100%);
	}

	.sr-benefits,
	.sr-certs,
	.sr-included,
	.sr-term,
	.sr-gallery,
	.sr-why,
	.sr-form { margin-top: 2.85em; }

	.sr-benefits__grid { grid-template-columns: repeat(2, 1fr); }

	.sr-benefits__tile:nth-child(3n) { border-right: 0.07143em solid rgba(236, 97, 52, 0.08); }
	.sr-benefits__tile:nth-child(2n) { border-right: none; }
	.sr-benefits__tile:nth-last-child(-n + 3) { border-bottom: 0.07143em solid rgba(236, 97, 52, 0.08); }
	.sr-benefits__tile:nth-last-child(-n + 2) { border-bottom: none; }

	.sr-benefits .sr-benefits__title,
	.sr-certs .sr-certs__title,
	.sr-included .sr-included__title,
	.sr-gallery .sr-gallery__title,
	.sr-why .sr-why__title,
	.sr-form .sr-form__title {
		font-size: 1.25em;
		line-height: 1.08;
	}

	.sr-certs__slider { padding: 0 0.35em; }

	.sr-certs__slider-wrap {
		margin-top: 1.45em;
		padding-bottom: 0;
	}

	.sr-certs__thumb { height: 16.5em; }

	.sr-certs__nav {
		top: 5.65em;
		width: 2.65em;
		height: 2.65em;
	}

	.sr-certs__caption {
		min-height: 4.1em;
		margin-top: 1em;
	}

	.sr-certs .sr-certs__slider-wrap > .sr-certs__dots { margin-top: 1.55em; }

	.glightbox-clean .gclose,
	.glightbox-clean .gprev,
	.glightbox-clean .gnext {
		width: 2.85em;
		height: 2.85em;
	}

	.sr-included__grid { grid-template-columns: 1fr; }

	.sr-term__card {
		flex-direction: column;
		align-items: flex-start;
		gap: 1.25em;
		padding: 1.7em;
	}

	.sr-term__text { font-size: 15px; }

	.sr-gallery__slider {
		margin-top: 1.2em;
		overflow: hidden;
	}

	.sr-gallery__grid {
		margin-top: 0;
		display: flex !important;
		gap: 0;
	}

	.sr-gallery__slide {
		width: 100% !important;
		flex: 0 0 100% !important;
		height: auto;
		display: flex;
	}

	.sr-gallery__item {
		width: 100%;
	}

	.sr-gallery__dots {
		position: static;
		width: 100%;
		margin-top: 1.45em;
		display: flex;
		justify-content: center;
		gap: 0.44em;
	}

	.sr-gallery__dots .swiper-pagination-bullet {
		width: 0.46em;
		height: 0.46em;
		margin: 0 !important;
		background: #dadbdd;
		opacity: 1;
		transition: 0.2s ease-in-out;
	}

	.sr-gallery__dots .swiper-pagination-bullet-active { background: #ec6134; }

	.sr-form__card {
		gap: 1.45em;
		padding: 1.95em 1.65em;
		border-radius: 1.45em;
	}

	.sr-form__body .form { grid-template-columns: 1fr; }

	.sr-form__note {
		margin-top: 0.95em;
		font-size: 0.8em;
	}

	.sr-form__note-avatar { display: none; }
}