/* ============================================================================
   kit-page-offer.css — текст согласия на обработку персональных данных (Views/Home/Offer.cshtml).
   Макета нет: карточка кита .card (r24) на всю ширину контейнера страницы, как «Вопросы и ответы»; заголовок
   28/600, пункты 18/600 с оранжевым номером, маркеры списков — точка .dot кита; ≤768px — поля 16px, h1 24.
   ============================================================================ */
.of-page { padding: 32px 0 48px; }
.of-card { padding: 40px; display: flex; flex-direction: column; gap: 24px; }
.of-head { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.of-head-ic {
  display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 16px;
  background: #ffecc5; color: #ff760d; margin-bottom: 4px;
}
.of-h1 { font-size: 28px; font-weight: 600; line-height: 1.3; color: #121212; }
.of-org { font-size: 15px; }
.of-sec { display: flex; flex-direction: column; gap: 10px; }
.of-h2 { display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 600; line-height: 1.3; color: #121212; }
.of-num {
  display: inline-flex; align-items: center; justify-content: center; flex: none; width: 28px; height: 28px;
  border-radius: 50%; background: #ff760d; color: #ffffff; font-size: 13px; font-weight: 600;
}
.of-p { font-size: 15px; line-height: 1.6; color: #121212; }
.of-list { display: flex; flex-direction: column; gap: 6px; }
.of-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.6; color: #121212; }
.of-list .dot { margin-top: 9px; }
.of-operator { display: flex; flex-direction: column; gap: 4px; padding: 20px 24px; border-radius: 16px; background: #f4f4f4; font-size: 14px; line-height: 1.5; }
.of-h3 { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; color: #121212; margin-bottom: 6px; }
.of-h3 svg.ic { color: #646464; }
.of-op-name { font-weight: 600; color: #121212; }
.of-back { display: flex; justify-content: center; }

@media (max-width: 768px) {
  .of-page { padding: 16px 0 32px; }
  .of-card { padding: 24px 20px; gap: 20px; border-radius: 20px; }
  .of-h1 { font-size: 24px; }
  .of-h2 { font-size: 17px; align-items: flex-start; }
  .of-p, .of-list li { font-size: 14.5px; }
  .of-operator { padding: 16px; }
  .of-back .btn { width: 100%; }
}