/* Карточки вариантов услуги: слева опознание, справа разбор. */
@layer theme.components {

.option-cards { display: grid; margin: 26px 0 0; padding: 0; gap: 0; list-style: none; }
.option-cards__card { padding-block: 26px; border-block-start: 1px solid var(--color-border); }
.option-cards__eyebrow {
  margin-block-end: 8px;
  color: var(--color-accent-text);
  font-size: var(--font-size-caption);
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.option-cards__highlight { margin-block-start: 8px; color: var(--color-text-muted); font-size: var(--font-size-small); }
.option-cards__cta { margin-block-start: 14px; }
.option-cards__cta .btn { min-block-size: 0; padding: 14px 22px; box-shadow: 0 10px 24px -12px rgba(188,86,23,.9); }
.option-cards__details { display: flex; margin: 0 0 12px; flex-direction: column; gap: 10px; color: var(--color-text-body); }
.option-cards__details dt,
.option-cards__details dd { display: inline; margin: 0; }
.option-cards__details dt,
.option-cards__points strong { color: var(--color-text); font-weight: 600; }
.option-cards__points { display: flex; margin: 6px 0 0; padding: 0; flex-direction: column; gap: 6px; list-style: none; }
.option-cards__points li { display: grid; grid-template-columns: 12px minmax(0,1fr); gap: 8px; }
.option-cards__points li::before { content: "—"; color: var(--color-accent-button); }
.option-cards__points li strong { display: inline; }
.option-cards__list {
  display: grid;
  margin: 14px 0 0;
  padding-inline-start: 20px;
  gap: 6px;
  color: var(--color-text-body);
}
.option-cards__footer {
  margin-block-start: 14px;
  padding-block-start: 12px;
  border-block-start: 1px solid var(--color-border-row);
  color: var(--color-text-muted);
  font-size: var(--font-size-small);
}
.option-cards__link { margin-block-start: 12px; }
.option-cards__link a { color: var(--color-accent-text); font-weight: 600; }

}