/* Обычные страницы и текст из редактора (.rich). */

.page { padding: var(--space-5) 0 var(--space-7); }
.page__title { margin-top: var(--space-3); }
.page__lead { font-size: var(--fs-lg); color: var(--color-text-soft); max-width: 760px; }
.page__content { max-width: 820px; margin-top: var(--space-6); }
.page__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }

.rich h2 { font-size: var(--fs-2xl); margin-top: var(--space-6); }
.rich h3 { margin-top: var(--space-5); }
.rich .lead { font-size: var(--fs-lg); color: var(--color-text-soft); }
.rich table:not(.cmp__table) { margin: var(--space-5) 0; background: var(--color-surface); }
.rich table:not(.cmp__table) th,
.rich table:not(.cmp__table) td { padding: var(--space-3); border: 1px solid var(--color-border); text-align: left; }

.rich .verdict {
  padding: var(--space-4) var(--space-5);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-sm);
  background: var(--color-primary-light);
  font-size: var(--fs-lg);
}

.rich .choose { display: grid; gap: var(--space-4); margin: var(--space-5) 0; }
.rich .choose > div {
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface);
}
.rich .choose h3 { margin-top: 0; font-size: var(--fs-lg); }

.rich .warn {
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-warning-border);
  border-radius: var(--radius);
  background: var(--color-warning-bg);
}

.contacts { display: grid; grid-template-columns: max-content 1fr; gap: var(--space-3) var(--space-5); font-size: var(--fs-lg); }
.contacts dt { color: var(--color-text-muted); }
.contacts dd { margin: 0; font-weight: var(--fw-semibold); }

.page-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  max-width: 820px;
  margin-top: var(--space-7);
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--color-primary-light);
}
.page-cta__text { flex: 1 1 100%; margin: 0; font-weight: var(--fw-semibold); }

/* Хлебные крошки WooCommerce */
.woocommerce-breadcrumb { font-size: var(--fs-sm); color: var(--color-text-muted); padding-top: var(--space-3); }
.woocommerce-breadcrumb a { color: var(--color-text-muted); }

@media (min-width: 700px) {
  .rich .choose { grid-template-columns: repeat(2, 1fr); }
}