/* /otzyvy/ page shell. .reviews (from /styles.css) already has padding:100px 0
   - enough to clear the fixed header now that it's this page's first
   section. */

.breadcrumbs {
  font-size: 0.85rem;
  color: #6b7178;
  margin: 0 auto;
  max-width: 1180px;
  padding: 20px 24px 0;
}
.breadcrumbs a { color: inherit; }
.breadcrumbs a:hover { color: var(--navy-800, #313f4a); }
.breadcrumbs span[aria-current] { color: var(--navy-800, #313f4a); }

.reviews-summary {
  margin-top: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.reviews-summary-stars { color: #d9a441; font-size: 1.1rem; letter-spacing: 2px; }
.reviews-summary-text { font-size: 0.92rem; color: #57626b; }
.reviews-summary-text strong { color: var(--navy-800, #313f4a); font-size: 1.05rem; }

.otzyvy-referral {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 24px 56px;
  text-align: center;
}
.otzyvy-referral h2 { font-size: clamp(1.3rem, 2.2vw, 1.7rem); color: var(--navy-800, #313f4a); font-weight: 500; }
.otzyvy-referral p { margin: 10px auto 20px; color: #57626b; }

.otzyvy-cta {
  max-width: 1180px;
  margin: 0 auto 80px;
  padding: 40px 32px;
  text-align: center;
  background: var(--navy-800, #313f4a);
  border-radius: var(--radius, 14px);
}
.otzyvy-cta h2 { font-size: clamp(1.6rem, 2.6vw, 2.1rem); color: var(--blush-500, #e0c1bc); font-weight: 500; }
.otzyvy-cta p { margin: 10px auto 20px; max-width: 50ch; color: var(--blush-300, #ecd6d1); }
.otzyvy-cta .btn-outline-dark { border-color: #fff; color: #fff; }
.otzyvy-cta .btn-outline-dark:hover { background: #fff; color: var(--navy-800, #313f4a); }