/* ==========================================================================
   «Обсуждения» в стиле каталога анализов + чередование фона секций лендинга.
   Отдельный файл (не service-landing.css). Разметка — service/landing.twig.
   Заголовок секции переиспользует .analizy-catalog-section__intro каталога.
   ========================================================================== */

.analizy-disc-section { position: relative; isolation: isolate; width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 64px 0 40px; }
@media (min-width: 1400px) { .analizy-disc-section { width: min(1560px, calc(100% - 80px)); } }

/* ---------- Сетка карточек ---------- */
.analizy-disc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }

.analizy-disc-card {
	position: relative; display: flex; flex-direction: column; gap: 10px; min-height: 236px; padding: 22px 24px 20px;
	overflow: hidden; isolation: isolate; border: 1px solid rgba(255, 255, 255, .9); border-radius: 23px; color: #08163b;
	background: #fff; box-shadow: 0 13px 26px rgba(42, 79, 142, .06), inset 0 1px 0 #fff; text-decoration: none;
	transition: transform .25s ease, box-shadow .25s ease;
}
.analizy-disc-card:hover, .analizy-disc-card:focus { color: #08163b; text-decoration: none; transform: translateY(-4px); box-shadow: 0 19px 34px rgba(42, 79, 142, .13), inset 0 1px 0 #fff; }
/* мягкое свечение в углу — как у карточек каталога */
.analizy-disc-card::before { content: ''; position: absolute; z-index: -1; right: -60px; top: -70px; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle at 40% 40%, rgba(225, 239, 255, .95), rgba(231, 242, 255, .3) 58%, transparent 74%); transition: transform .5s cubic-bezier(.22, 1, .36, 1); }
.analizy-disc-card:hover::before { transform: scale(1.25); }

.analizy-disc-card__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.analizy-disc-card__icon { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 auto; border-radius: 14px; color: #0874f9; background: #eaf2ff; transition: transform .4s cubic-bezier(.34, 1.56, .64, 1), background-color .2s ease, color .2s ease; }
.analizy-disc-card__icon svg { width: 22px; height: 22px; }
.analizy-disc-card__letter { font: 800 16px/1 Inter, sans-serif; letter-spacing: -.04em; }
.analizy-disc-card:hover .analizy-disc-card__icon { transform: scale(1.08) rotate(-4deg); color: #fff; background: linear-gradient(135deg, #0874f9, #7c5cff); }
.analizy-disc-card__tag { padding: 5px 11px; border-radius: 999px; color: #5d6b96; background: #f1f5fc; font: 600 12px/1.2 Inter, sans-serif; letter-spacing: -.005em; }

.analizy-disc-card strong { display: block; margin-top: 4px; color: #08163b; font: 700 18px/1.3 Inter, sans-serif; letter-spacing: -.035em; }
.analizy-disc-card__text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #7482ad; font: 400 14.5px/1.45 Inter, sans-serif; letter-spacing: -.015em; }

.analizy-disc-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 6px; }
.analizy-disc-card__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; min-width: 0; }
.analizy-disc-card__replies { display: inline-flex; align-items: center; gap: 6px; color: #0874f9; font: 600 13px/1 Inter, sans-serif; }
.analizy-disc-card time { color: #98a4c4; font: 400 12.5px/1 Inter, sans-serif; }
.analizy-disc-card__foot b { flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: #0874f9; background: #eaf2ff; transition: background-color .2s ease, color .2s ease, transform .3s cubic-bezier(.34, 1.56, .64, 1); }
.analizy-disc-card:hover .analizy-disc-card__foot b { color: #fff; background: #0874f9; transform: scale(1.08); }

/* ---------- Низ секции: ссылка + кнопка (вместо баннера) ---------- */
.analizy-disc-foot { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 28px; }
.analizy-disc-all { display: inline-flex; align-items: center; gap: 9px; color: #0874f9; font: 600 15px/1 Inter, sans-serif; letter-spacing: -.02em; text-decoration: none; transition: gap .25s ease, color .2s ease; }
.analizy-disc-all:hover, .analizy-disc-all:focus { gap: 14px; color: #065bd1; text-decoration: none; }
/* цвета заданы явно во всех состояниях — в теме есть глобальные a:hover / button:hover */
.analizy-disc-ask { display: inline-flex; align-items: center; gap: 12px; padding: 14px 24px; border-radius: 999px; color: #fff; background: linear-gradient(100deg, #0874f9, #7c5cff); background-size: 160% 100%; box-shadow: 0 16px 30px -12px rgba(8, 116, 249, .65); font: 600 15px/1 Inter, sans-serif; letter-spacing: -.02em; text-decoration: none; transition: transform .25s cubic-bezier(.22, 1, .36, 1), box-shadow .3s ease, background-position .5s ease; }
.analizy-disc-ask:hover, .analizy-disc-ask:focus, .analizy-disc-ask:active { color: #fff; text-decoration: none; background-position: 100% 0; transform: translateY(-2px); box-shadow: 0 20px 36px -12px rgba(8, 116, 249, .75); }
.analizy-disc-ask svg { transition: transform .3s cubic-bezier(.34, 1.56, .64, 1); }
.analizy-disc-ask:hover svg { transform: translateX(4px); }

/* ---------- Чередование фона секций ----------
   Каталог и «Обсуждения» — на базовой подложке страницы (#f8fbff), «Популярные вопросы»
   и «Почему мы» (см. analizy-trust.css) — на полноширинной слегка тонированной полосе с плавным растворением
   по краям (без жёстких линий). Полоса — псевдоэлемент на всю ширину окна. */
.analizy-faq-section { position: relative; isolation: isolate; }
.analizy-faq-section::before {
	content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); pointer-events: none;
	background:
		radial-gradient(520px 260px at 12% 18%, rgba(8, 116, 249, .07), transparent 70%),
		radial-gradient(480px 260px at 92% 80%, rgba(124, 92, 255, .07), transparent 70%),
		linear-gradient(180deg, rgba(232, 240, 255, 0), #e9f1ff 14%, #edf3ff 86%, rgba(237, 243, 255, 0));
}
.analizy-faq-section { padding-top: 76px; padding-bottom: 76px; }

/* ---------- Планшет / телефон ---------- */
@media (max-width: 991px) {
	.analizy-disc-section { width: auto; padding: 48px 16px; background: #f8fbff; }
	.analizy-disc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.analizy-disc-card { min-height: 0; padding: 18px; border-radius: 18px; }
	.analizy-disc-card strong { font-size: 16.5px; }
	.analizy-faq-section { padding-top: 56px; padding-bottom: 56px; }
}
@media (max-width: 640px) {
	.analizy-disc-grid { grid-template-columns: 1fr; }
	.analizy-disc-foot { flex-direction: column-reverse; align-items: stretch; gap: 14px; }
	.analizy-disc-ask { justify-content: center; }
	.analizy-disc-all { justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
	.analizy-disc-card, .analizy-disc-card::before, .analizy-disc-card__icon, .analizy-disc-card__foot b, .analizy-disc-ask, .analizy-disc-ask svg, .analizy-disc-all { transition: none; }
}
