/* Эксперт: светлый макет с красным первым экраном, кнопки-«таблетки»,
   зелёные цены и галочки, прайс строками. */

.site--expert {
  --muted: #5A626C;
  --line: #E3E6EA;
  --field: #C9CED4;
  --soft-bg: #F5F6F8;
  --primary-dark: #A3141F;
  --pink: #FFE3E5;
}

.site--expert a:hover { color: var(--primary); }

.site--expert .logo__mark { border-radius: 50%; background: var(--primary); color: #fff; }
.site--expert .logo__name { font-weight: 800; font-size: 22px; color: var(--primary); text-transform: uppercase; letter-spacing: .01em; }
.site--expert .logo__sub { font-size: 13px; color: var(--muted); }
.site--expert .nav a { color: #3D444C; }
.site--expert .nav .phone { color: var(--text); }

/* Красный первый экран */
.site--expert .hero {
  position: relative; overflow: hidden;
  background: radial-gradient(120% 140% at 85% 20%, #D9343F 0%, var(--primary) 45%, #B01A25 100%);
  color: #fff; padding: 48px 0 56px;
}
@media (min-width: 900px) { .site--expert .hero { padding: 72px 0 80px; } }
.site--expert .eyebrow { color: var(--pink); }
.site--expert .hero__lead { color: var(--pink); }
.site--expert .hero__art { display: none; color: #fff; justify-self: center; }
.site--expert .hero__art svg { width: min(100%, 300px); height: auto; filter: drop-shadow(0 24px 40px rgba(80, 0, 8, .35)); }
.site--expert .hero__art-shine { stroke: var(--primary); }
@media (min-width: 900px) { .site--expert .hero__art { display: block; } }

/* Кнопки */
.site--expert .btn { border-radius: 999px; }
.site--expert .hero .btn--primary { background: #fff; color: var(--primary); }
.site--expert .hero .btn--primary:hover { background: var(--pink); color: var(--primary-dark); }
.site--expert .hero .btn--ghost { border-color: #fff; color: #fff; }
.site--expert .hero .btn--ghost:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.site--expert .btn--primary { background: var(--primary); color: #fff; }
.site--expert .btn--primary:hover { background: var(--primary-dark); color: #fff; }
.site--expert .btn--ghost { border-color: var(--field); color: var(--text); }
.site--expert .btn--ghost:hover { border-color: var(--primary); color: var(--primary); }

/* Полоса преимуществ */
.site--expert .perks { border-bottom: 1px solid var(--line); }
.site--expert .perks__list { display: grid; gap: 18px 32px; padding-top: 32px; padding-bottom: 32px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.site--expert .perk { display: flex; gap: 12px; align-items: flex-start; }
.site--expert .perk__icon { flex: none; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #E6F4EA; color: var(--accent); }
.site--expert .perk__title { display: block; font-weight: 700; }
.site--expert .perk__text { display: block; color: var(--muted); font-size: 15px; }

/* Услуги и цены — строки */
.site--expert .services { padding: 56px 0 64px; }
.site--expert .section-title { font-weight: 800; }
.site--expert .pricelist { margin-top: 24px; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.site--expert .pricelist__group {
  padding: 12px 20px; background: var(--soft-bg); border-bottom: 1px solid var(--line);
  font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted);
}
.site--expert .pricelist__row {
  display: flex; flex-wrap: wrap; gap: 6px 24px; align-items: center; justify-content: space-between;
  padding: 16px 20px; border-bottom: 1px solid var(--line);
  transition: background-color .15s;
}
.site--expert .pricelist__row:last-child { border-bottom: 0; }
.site--expert .pricelist__row:hover { background: #FCFCFD; }
@media (min-width: 720px) { .site--expert .pricelist__row, .site--expert .pricelist__group { padding-left: 24px; padding-right: 24px; } }
.site--expert .pricelist__about { flex: 1 1 260px; min-width: 0; }
.site--expert .pricelist__name { font-weight: 700; }
.site--expert .pricelist__text { color: var(--muted); font-size: 15px; }
.site--expert .pricelist__price { color: var(--accent); font-weight: 800; font-size: 17px; white-space: nowrap; }
.site--expert .note, .site--expert .empty { color: var(--muted); }

/* Форма */
.site--expert .form-section { background: var(--soft-bg); padding: 56px 0 64px; }
.site--expert .field input, .site--expert .field select, .site--expert .field textarea { background-color: #fff; border-color: var(--field); }
.site--expert .field ::placeholder { color: #9AA1AA; }
.site--expert .field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23C81E2A' stroke-width='2'/%3E%3C/svg%3E");
}
.site--expert .field__error { color: var(--primary); }
.site--expert .field--error input, .site--expert .field--error select, .site--expert .field--error textarea { border-color: var(--primary); }
.site--expert .form__alert { background: var(--pink); color: var(--primary-dark); }
.site--expert .consent__label { color: var(--muted); }
.site--expert .consent__label a { color: var(--primary); }
.site--expert .sent { background: #fff; border: 1px solid #BFE3CB; border-radius: 16px; }
.site--expert .sent__icon { background: var(--accent); color: #fff; }

/* Контакты */
.site--expert .contacts { padding: 56px 0 64px; }
.site--expert .contacts__list dt { color: var(--muted); }
.site--expert .map {
  border-radius: 20px; border: 1px solid var(--line); color: var(--text);
  background:
    linear-gradient(90deg, transparent 47%, #fff 47% 53%, transparent 53%) 0 0 / 100% 100%,
    linear-gradient(15deg, transparent 54%, #fff 54% 59%, transparent 59%) 0 0 / 100% 100%,
    linear-gradient(90deg, #ECEEF1 1px, transparent 1px) 0 0 / 40px 40px,
    linear-gradient(0deg, #ECEEF1 1px, transparent 1px) 0 0 / 40px 40px,
    var(--soft-bg);
}
.site--expert .map__pin { background: var(--primary); color: #fff; box-shadow: 0 0 0 10px rgba(200, 30, 42, .14); }
.site--expert .map__link { color: var(--primary); }

.site--expert .footer { border-top: 1px solid var(--line); color: var(--muted); }

/* Политика и сообщения */
.site--expert .doc__back a, .site--expert .doc a { color: var(--primary); }
.site--expert .doc p, .site--expert .doc li, .site--expert .message__text { color: #3D444C; }