/* Карточки, линейки моделей, плашки-предупреждения, преимущества. */

.card {
  display: block;
  padding: var(--space-5);
  border-radius: var(--radius);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}
.section--white .card { background: var(--color-bg); box-shadow: none; border: 1px solid var(--color-border); }
.card p:last-child { margin-bottom: 0; }
.card__title { display: block; margin-bottom: var(--space-3); font-size: var(--fs-lg); font-weight: var(--fw-bold); color: var(--color-text); }
.card__text { display: block; color: var(--color-text-soft); margin-bottom: var(--space-3); }

.card--link { text-decoration: none; color: inherit; transition: box-shadow 0.15s, transform 0.15s; }
.card--link:hover { box-shadow: var(--shadow-strong); transform: translateY(-2px); }
.card__more { color: var(--color-primary); font-weight: var(--fw-semibold); }

/* Линейка на главной */
.line {
  display: flex;
  flex-direction: column;
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-bg);
}
.line__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-2); }
.line__title { margin: 0; }
.line__range { margin: 0; font-weight: var(--fw-bold); color: var(--color-primary-dark); }
.line__lead { color: var(--color-text-soft); margin: var(--space-3) 0 var(--space-4); }
.line__list { list-style: none; margin: 0 0 var(--space-5); padding: 0; flex: 1; }
.line__item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0 var(--space-3);
  padding: var(--space-3) 0;
  border-top: 1px solid var(--color-border);
}
.line__item + .line__item { margin-top: 0; }
.line__name { font-weight: var(--fw-semibold); text-decoration: none; }
.line__short { grid-column: 1; font-size: var(--fs-sm); color: var(--color-text-muted); }
.line__price { grid-column: 2; grid-row: 1; font-weight: var(--fw-bold); white-space: nowrap; }

/* Плашки */
.notice {
  padding: var(--space-5);
  border-radius: var(--radius);
  border: 1px solid var(--color-border);
  background: var(--color-bg);
}
.notice--warn { background: var(--color-warning-bg); border-color: var(--color-warning-border); }
.notice__title { font-size: var(--fs-lg); }
.notice--warn .notice__title { color: var(--color-warning); }
.notice p:last-child { margin-bottom: 0; }

/* Преимущества */
.perk__title { font-size: var(--fs-lg); margin-bottom: var(--space-2); color: var(--color-primary-dark); }
.perk p { margin: 0; color: var(--color-text-soft); }

/* Финальный призыв */
.final { text-align: center; max-width: 760px; }
.final__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); }

/* Карточки моделей в статьях: [sk_models] */
.model-cards { display: grid; gap: var(--space-4); margin: var(--space-5) 0; }
.model-card {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface);
  overflow: hidden;
}
.model-card__media { display: block; background: var(--color-bg); }
.model-card__img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; }
.model-card__body { display: flex; flex-direction: column; flex: 1; padding: var(--space-4); }
.model-card__title { font-size: var(--fs-lg); margin-bottom: var(--space-2); }
.model-card__title a { text-decoration: none; color: var(--color-text); }
.model-card__short { color: var(--color-text-muted); font-size: var(--fs-sm); flex: 1; }
.model-card__price { font-size: var(--fs-xl); font-weight: var(--fw-bold); }

@media (min-width: 600px) {
  .model-cards { grid-template-columns: repeat(2, 1fr); }
}