/* Посадочные /sidelki/ + /sidelka-* — в стиле сайта (title-main, features__text, header__pill) */
.sidelki-landing {
	--sl-ink: var(--blue-dark, #27314a);
	--sl-muted: var(--gray, #acb2c1);
	--sl-line: #e8e8e8;
	--sl-pill: var(--gray-3, #f2f2f2);
	--sl-pill-hover: #e8e8e8;
	--sl-accent: #d1416b;
	--sl-radius: 2rem;
	color: var(--sl-ink);
	background: #fff;
	font-family: Montserrat, Onest, system-ui, sans-serif;
}

.sidelki-landing .breadcrumb__container {
	padding-top: 0.75rem;
}

/* Заголовки — как .title-main на главной («Наша патронажная служба») */
.sidelki-landing .title-main,
.sidelki-landing__h2 {
	font-family: inherit;
	font-weight: 300;
	letter-spacing: normal;
	color: var(--sl-ink);
	max-width: none;
}

.sidelki-landing__h2.title-main,
.sidelki-landing .sidelki-landing__h2 {
	margin: 0 0 1.25rem;
}

.sidelki-landing__eyebrow {
	display: none; /* сайт не использует такие бейджи — убираем визуальный шум */
}

/* Тексты — как .features__text / ourservice */
.sidelki-landing__lead,
.sidelki-landing__note,
.sidelki-landing__card p,
.sidelki-landing__card li,
.sidelki-landing__faq details p,
.sidelki-landing__cta p,
.sidelki-landing__panel-foot {
	font-family: Montserrat, Onest, system-ui, sans-serif;
	font-weight: 500;
	line-height: 1.4;
	color: var(--sl-muted);
	font-size: clamp(0.875rem, 0.8378rem + 0.186vw, 1rem);
}

.sidelki-landing__lead {
	margin: 1rem 0 1.5rem;
	max-width: 36rem;
}

.sidelki-landing__lead strong {
	color: var(--sl-ink);
	font-weight: 600;
}

.sidelki-landing__note {
	margin: 0;
	max-width: 36rem;
}

.sidelki-landing__lead a,
.sidelki-landing__note a,
.sidelki-landing__card a,
.sidelki-landing__faq details p a {
	color: var(--sl-accent);
	font-weight: 600;
	text-decoration: none;
	border-bottom: none;
}

.sidelki-landing__lead a:hover,
.sidelki-landing__note a:hover,
.sidelki-landing__card a:hover {
	text-decoration: underline;
}

/* —— Hero —— */
.sidelki-landing__hero {
	padding: 1.75rem 0 2.5rem;
	background: transparent;
}

.sidelki-landing__hero::before {
	display: none;
}

.sidelki-landing__hero-inner {
	display: grid;
	gap: 1.75rem;
	align-items: start;
}

@media (min-width: 960px) {
	.sidelki-landing__hero-inner {
		grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
		gap: 2.5rem;
		align-items: center;
	}
}

.sidelki-landing__hero-inner > div:first-child,
.sidelki-landing__panel {
	animation: none;
}

/* Панель направлений — простая, как карточки сайта */
.sidelki-landing__panel {
	padding: 1.5rem 1.5rem 1.25rem;
	border-radius: 1rem;
	background: #fff;
	border: 1px solid var(--sl-line);
	box-shadow: none;
	backdrop-filter: none;
	overflow: visible;
}

.sidelki-landing__panel::before {
	display: none;
}

.sidelki-landing__panel-label {
	margin: 0 0 0.85rem;
	font-family: Montserrat, Onest, system-ui, sans-serif;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--sl-accent);
}

.sidelki-landing__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidelki-landing__chips li {
	display: inline-flex;
	align-items: center;
	background: var(--sl-pill);
	border: none;
	border-radius: var(--sl-radius);
	padding: 0.55rem 1rem;
	font-size: 0.875rem;
	font-weight: 600;
	font-family: Montserrat, Onest, system-ui, sans-serif;
	color: var(--sl-ink);
	transition: background-color 0.2s ease;
}

.sidelki-landing__chips li:hover {
	background: var(--sl-pill-hover);
	transform: none;
	border-color: transparent;
}

.sidelki-landing__chips a {
	color: inherit;
	text-decoration: none;
	display: block;
}

.sidelki-landing__chips li:has(a) {
	padding: 0;
}

.sidelki-landing__chips li:has(a) a {
	padding: 0.55rem 1rem;
}

.sidelki-landing__panel-foot {
	margin: 1rem 0 0;
	padding-top: 0.85rem;
	border-top: 1px solid var(--sl-line);
}

/* —— Кнопки = стиль header__pill —— */
.sidelki-landing__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-bottom: 1.25rem;
}

.sidelki-landing .btn__pink,
.sidelki-landing .btn__pink-outline,
.sidelki-landing__actions .btn__pink,
.sidelki-landing__actions .btn__pink-outline,
.sidelki-landing .sidelki-landing__cta .btn__pink {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 3.375rem !important;
	padding: 0.75rem 1.5rem !important;
	border: none !important;
	border-radius: 2rem !important;
	background: var(--sl-pill) !important;
	color: var(--sl-ink) !important;
	font-weight: 700 !important;
	font-size: 1rem !important;
	line-height: 1 !important;
	font-family: Onest, Montserrat, system-ui, sans-serif !important;
	text-decoration: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	transform: none !important;
	filter: none !important;
	backdrop-filter: none !important;
	transition: background-color 0.2s ease, color 0.2s ease !important;
}

.sidelki-landing .btn__pink:hover,
.sidelki-landing .btn__pink:focus,
.sidelki-landing .btn__pink:active,
.sidelki-landing .btn__pink-outline:hover,
.sidelki-landing .btn__pink-outline:focus,
.sidelki-landing .btn__pink-outline:active,
.sidelki-landing__actions .btn__pink:hover,
.sidelki-landing .sidelki-landing__cta .btn__pink:hover {
	background: var(--sl-pill-hover) !important;
	color: var(--sl-ink) !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	transform: none !important;
	outline: none;
	opacity: 1;
}

.sidelki-landing .btn__pink:focus-visible,
.sidelki-landing .btn__pink-outline:focus-visible {
	outline: 2px solid var(--sl-accent);
	outline-offset: 2px;
}

/* —— Секции —— */
.sidelki-landing__section {
	padding: 2.5rem 0;
}

.sidelki-landing__section--alt {
	background: var(--gray-2, #f5f5f5);
	border-block: none;
}

.sidelki-landing__section > .about__container > .sidelki-landing__lead {
	margin-top: 0;
	margin-bottom: 1.5rem;
}

.sidelki-landing__grid {
	display: grid;
	gap: 1rem;
}

@media (min-width: 768px) {
	.sidelki-landing__grid--3 {
		grid-template-columns: repeat(3, 1fr);
	}

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

.sidelki-landing__card {
	background: #fff;
	border: 1px solid var(--sl-line);
	border-radius: 1rem;
	padding: 1.5rem 1.35rem;
	height: 100%;
	box-shadow: none;
	transition: background-color 0.2s ease;
}

.sidelki-landing__section--alt .sidelki-landing__card {
	background: #fff;
	backdrop-filter: none;
}

.sidelki-landing__card:hover {
	transform: none;
	border-color: var(--sl-line);
	box-shadow: none;
	background: #fafafa;
}

.sidelki-landing__card h3 {
	margin: 0 0 0.65rem;
	font-family: Montserrat, Onest, system-ui, sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	letter-spacing: normal;
	color: var(--sl-ink);
	line-height: 1.3;
}

.sidelki-landing__card p,
.sidelki-landing__card li {
	margin: 0 0 0.5rem;
}

.sidelki-landing__card p:last-child {
	margin-bottom: 0;
}

.sidelki-landing__card ol,
.sidelki-landing__card ul {
	margin: 0 0 0.5rem;
	padding-left: 1.15rem;
}

.sidelki-landing__card[data-step]::before {
	content: attr(data-step);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	margin-bottom: 0.65rem;
	border-radius: 50%;
	background: var(--sl-pill);
	color: var(--sl-accent);
	font-size: 0.8125rem;
	font-weight: 700;
	font-family: Montserrat, Onest, system-ui, sans-serif;
}

/* FAQ */
.sidelki-landing__faq details {
	background: #fff;
	border: 1px solid var(--sl-line);
	border-radius: 1rem;
	padding: 0;
	margin-bottom: 0.5rem;
	overflow: hidden;
	box-shadow: none;
	transition: none;
}

.sidelki-landing__faq details[open] {
	border-color: var(--sl-line);
	box-shadow: none;
}

.sidelki-landing__faq summary {
	cursor: pointer;
	list-style: none;
	font-family: Montserrat, Onest, system-ui, sans-serif;
	font-weight: 600;
	font-size: 1rem;
	color: var(--sl-ink);
	padding: 1rem 2.75rem 1rem 1.15rem;
	position: relative;
}

.sidelki-landing__faq summary::-webkit-details-marker {
	display: none;
}

.sidelki-landing__faq summary::after {
	content: "";
	position: absolute;
	right: 1.15rem;
	top: 50%;
	width: 0.5rem;
	height: 0.5rem;
	border-right: 2px solid var(--sl-muted);
	border-bottom: 2px solid var(--sl-muted);
	transform: translateY(-65%) rotate(45deg);
	transition: transform 0.2s ease;
}

.sidelki-landing__faq details[open] summary::after {
	transform: translateY(-20%) rotate(225deg);
}

.sidelki-landing__faq details p {
	margin: 0;
	padding: 0 1.15rem 1rem;
}

/* CTA — как в статьях (blog-detail__cta): мягкий розовый блок + штатные btn__pink */
.site-cta,
.sidelki-landing__cta,
.blog-detail__cta {
	margin: 2rem 0 0;
	padding: 1.25rem 1.5rem;
	max-width: 40rem;
	text-align: left;
	border-radius: 12px;
	border: 1px solid #f0d4dc;
	background: #fff7f8;
	box-shadow: none;
}

.site-cta__title,
.sidelki-landing__cta .title-main,
.sidelki-landing__cta > .site-cta__title,
.blog-detail__cta > p:first-child {
	margin: 0 0 0.5rem;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.35;
	color: #2a2a2a;
	max-width: none;
}

.site-cta__text,
.sidelki-landing__cta > p:not(.site-cta__actions):not(.sidelki-landing__actions),
.blog-detail__cta > p:nth-of-type(2) {
	margin: 0 0 1rem;
	max-width: none;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.55;
	color: #5c5c5c;
}

.site-cta__actions,
.sidelki-landing__cta .sidelki-landing__actions,
.sidelki-landing__cta .site-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 0;
	justify-content: flex-start;
}

/* В CTA — штатные кнопки сайта (коричневый / outline), не серые pill */
.site-cta .btn__pink,
.site-cta .btn__pink-outline,
.sidelki-landing__cta .btn__pink,
.sidelki-landing__cta .btn__pink-outline,
.questions-page .site-cta .btn__pink,
.questions-page .site-cta .btn__pink-outline {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	min-height: 2.875rem !important;
	height: auto !important;
	padding: 0.625rem 1.35rem !important;
	border-radius: 2rem !important;
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
	transform: none !important;
}

.site-cta .btn__pink,
.sidelki-landing__cta .btn__pink,
.questions-page .site-cta .btn__pink {
	background: var(--brown, #e7c9c1) !important;
	color: var(--white, #fff) !important;
	border: none !important;
}

.site-cta .btn__pink:hover,
.sidelki-landing__cta .btn__pink:hover,
.questions-page .site-cta .btn__pink:hover {
	background: var(--brown-dark, #d4b3aa) !important;
	color: var(--white, #fff) !important;
}

.site-cta .btn__pink-outline,
.sidelki-landing__cta .btn__pink-outline,
.questions-page .site-cta .btn__pink-outline {
	background: #fff !important;
	color: var(--blue-dark, #27314a) !important;
	border: 1px solid var(--brown, #e7c9c1) !important;
}

.site-cta .btn__pink-outline:hover,
.sidelki-landing__cta .btn__pink-outline:hover,
.questions-page .site-cta .btn__pink-outline:hover {
	background: var(--brown, #e7c9c1) !important;
	color: var(--white, #fff) !important;
}

/* Страница /questions/ — в духе статей */
.questions-page .questions-page__intro {
	padding: 1.5rem 0 0.25rem;
}

.questions-page .questions-page__lead {
	margin: 1rem 0 0;
	max-width: 40rem;
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.7;
	color: rgba(39, 49, 74, 0.92);
}

.questions-page .questions-page__lead a {
	color: var(--sl-accent, #d1416b);
	font-weight: 600;
	text-decoration: none;
}

.questions-page .questions-page__lead a:hover {
	text-decoration: underline;
}

.questions-page .questions-page__faq-section {
	padding: 1.5rem 0 0.5rem;
}

.questions-page .questions-page__h2 {
	margin: 0 0 1.25rem;
	font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
	font-weight: 700;
	line-height: 1.28;
	color: var(--blue-dark, #27314a);
}

.questions-page .questions-page__faq {
	max-width: 40rem;
}

.questions-page .questions-page__faq details {
	border-radius: 12px;
	border-color: #f0d4dc;
	background: #fff;
}

.questions-page .questions-page__faq details[open] {
	background: #fff7f8;
	border-color: #f0d4dc;
}

.questions-page .questions-page__faq summary {
	font-weight: 600;
	color: #2a2a2a;
}

.questions-page .questions-page__cta {
	margin-top: 1.75rem;
}

.questions-page .questions-page__related {
	padding: 2.5rem 0 1rem;
}

.questions-page .questions-page__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: 46rem;
}

.questions-page .questions-page__links a {
	display: inline-flex;
	align-items: center;
	min-height: 2.5rem;
	padding: 0.45rem 1rem;
	border: 1px solid rgba(39, 49, 74, 0.12);
	border-radius: 2rem;
	background: #fff;
	color: var(--blue-dark, #27314a);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.questions-page .questions-page__links a:hover {
	border-color: rgba(209, 65, 107, 0.35);
	background: #fff7f8;
	color: #d1416b;
}

/* Reveal — мягко, без «яблочного» прыжка */
.sidelki-landing [data-sl-reveal] {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.45s ease, transform 0.45s ease;
}

.sidelki-landing [data-sl-reveal].is-in {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.sidelki-landing [data-sl-reveal] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

@media (max-width: 767px) {
	.sidelki-landing__actions .btn__pink,
	.sidelki-landing__actions .btn__pink-outline {
		flex: 1 1 auto;
		justify-content: center;
		min-height: 3.375rem !important;
		padding: 0.75rem 1.25rem !important;
	}
}