/* Pit-Stop: тёмный «гаражный» макет, жёлтый акцент, шрифт Unbounded в заголовках. */

.site--pitstop {
  --surface: #1B1E24;
  --card: #23272F;
  --line: #3A3F49;
  --muted: #A7ADB8;
  --soft: #C9CED6;
}

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

.site--pitstop .header { border-bottom: 1px solid #22262D; }
.site--pitstop .logo__mark {
  border-radius: 8px; background: var(--primary); color: var(--bg);
  font-family: var(--font-heading); font-weight: 800; font-size: 15px;
}
.site--pitstop .logo__name {
  font-family: var(--font-heading); font-weight: 800; font-size: 20px;
  letter-spacing: .03em; text-transform: uppercase;
}
.site--pitstop .nav a { color: var(--soft); }
.site--pitstop .nav .phone { color: var(--text); }

/* Первый экран */
.site--pitstop .hero { padding: 48px 0 64px; }
@media (min-width: 900px) { .site--pitstop .hero { padding: 72px 0 96px; } }
.site--pitstop .eyebrow { color: var(--primary); }
.site--pitstop .hero__lead { color: var(--soft); }

.site--pitstop .hero__panel {
  position: relative; overflow: hidden;
  padding: 36px 28px 28px; border-radius: 16px;
  background: linear-gradient(160deg, #262A33 0%, #1C1F25 100%);
  border: 1px solid #2C3038;
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6);
}
.site--pitstop .checker {
  position: absolute; top: 0; left: 0; right: 0; height: 12px;
  background:
    conic-gradient(var(--primary) 25%, #15171C 0 50%, var(--primary) 0 75%, #15171C 0) 0 0 / 24px 12px;
}
.site--pitstop .hero__panel-title {
  font-family: var(--font-heading); font-weight: 700; font-size: 13px;
  letter-spacing: .1em; text-transform: uppercase; color: var(--muted);
}
.site--pitstop .hero__list { display: flex; flex-direction: column; margin-top: 14px; }
.site--pitstop .hero__list li {
  display: flex; align-items: center; gap: 14px;
  padding: 13px 0; border-bottom: 1px solid #2E323A;
  font-weight: 600; font-size: 17px;
}
.site--pitstop .hero__list li::before {
  content: ""; flex: none; width: 8px; height: 8px; background: var(--primary); transform: rotate(45deg);
}
.site--pitstop .hero__panel-link {
  display: inline-block; margin-top: 20px; color: var(--primary); font-weight: 700; text-decoration: none;
}

/* Кнопки */
.site--pitstop .btn--primary { background: var(--primary); color: var(--bg); }
.site--pitstop .btn--primary:hover { background: #FFC933; color: var(--bg); }
.site--pitstop .btn--ghost { border-color: var(--line); color: var(--text); }
.site--pitstop .btn--ghost:hover { border-color: var(--primary); color: var(--primary); }

/* Услуги — сетка карточек */
.site--pitstop .services { background: var(--surface); padding: 64px 0 72px; }
.site--pitstop .services__group { margin-top: 32px; }
.site--pitstop .services__category {
  margin-bottom: 14px; color: var(--muted);
  font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
}
.site--pitstop .cards { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
.site--pitstop .card {
  display: flex; flex-direction: column; gap: 8px; padding: 24px;
  border-radius: 12px; background: var(--card); border: 1px solid transparent;
  transition: border-color .15s, transform .15s;
}
.site--pitstop .card:hover { border-color: var(--line); transform: translateY(-2px); }
.site--pitstop .card__title { font-size: 18px; font-weight: 700; line-height: 1.3; }
.site--pitstop .card__text { color: var(--muted); font-size: 15px; }
.site--pitstop .card__price { margin-top: auto; padding-top: 10px; color: var(--primary); font-weight: 700; font-size: 17px; }
.site--pitstop .empty { color: var(--soft); }

/* Как записаться */
.site--pitstop .steps { padding: 64px 0 72px; }
.site--pitstop .steps__list { display: grid; gap: 28px; margin-top: 32px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.site--pitstop .step { display: flex; flex-direction: column; gap: 8px; padding-top: 18px; border-top: 3px solid var(--primary); }
.site--pitstop .step__num { font-family: var(--font-heading); font-size: 30px; font-weight: 600; color: var(--primary); line-height: 1; }
.site--pitstop .step__title { margin-top: 6px; font-size: 18px; font-weight: 700; }
.site--pitstop .step__text { color: var(--muted); }

/* Форма */
.site--pitstop .form-section { background: var(--surface); padding: 64px 0 72px; }
.site--pitstop .field input, .site--pitstop .field select, .site--pitstop .field textarea {
  background-color: var(--bg); border-color: var(--line); color: var(--text);
}
.site--pitstop .field ::placeholder { color: #6B7280; }
.site--pitstop .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='%23F5B301' stroke-width='2'/%3E%3C/svg%3E");
}
.site--pitstop .field input[type="date"] { color-scheme: dark; }
.site--pitstop .field__error { color: #FF8A80; }
.site--pitstop .field--error input, .site--pitstop .field--error select, .site--pitstop .field--error textarea { border-color: #FF8A80; }
.site--pitstop .form__alert { background: rgba(255, 138, 128, .12); color: #FF8A80; }
.site--pitstop .consent__label { color: var(--muted); }
.site--pitstop .consent__label a { color: var(--primary); }
.site--pitstop .sent { background: var(--card); border-radius: 12px; border-left: 4px solid var(--primary); }
.site--pitstop .sent__icon { background: var(--primary); color: var(--bg); }

/* Контакты */
.site--pitstop .contacts { padding: 64px 0 72px; }
.site--pitstop .contacts__list dt { color: var(--muted); }
.site--pitstop .map {
  border-radius: 16px; border: 1px solid #2C3038; color: var(--text);
  background:
    linear-gradient(90deg, transparent 49%, rgba(245, 179, 1, .18) 49% 51%, transparent 51%) 0 0 / 100% 100%,
    linear-gradient(0deg, transparent 58%, rgba(255, 255, 255, .06) 58% 61%, transparent 61%) 0 0 / 100% 100%,
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 36px 36px,
    linear-gradient(0deg, rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 36px 36px,
    #1C1F25;
}
.site--pitstop .map__pin { background: var(--primary); color: var(--bg); box-shadow: 0 0 0 10px rgba(245, 179, 1, .15); }
.site--pitstop .map__link { color: var(--primary); }

.site--pitstop .footer { border-top: 1px solid #2A2E36; color: #8E95A1; }

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

/* Unbounded широкий: заголовок первого экрана чуть меньше, чтобы не дробился. */
.site--pitstop .hero__title { font-size: clamp(28px, 5vw, 50px); }