/*
 * Единая сетка сайта (UA = RU, копия в 100pidpysnykiv.com.ru/public/theme/seguidores/assets/css/design.css).
 * Подключается ПОСЛЕДНЕЙ в base.html.twig. Описание и таблица значений: DESIGN.md в корне проекта.
 * Префикс "body" нужен, чтобы перебить и style.min.css, и <style>-блоки внутри шаблонов (они грузятся позже).
 * Кнопки и метки-«таблетки» не трогаем.
 */
:root{
  --r-card:12px;      /* карточки, большие плашки */
  --r-inner:8px;      /* поля, чипы, плашки и кнопки-карточки внутри карточек */
  --gap:24px;         /* между карточками подряд */
  --pad:30px;         /* внутри карточки */
}
@media (max-width:767px){
  :root{--gap:16px;--pad:20px}
}

/* ===== Скругления: карточки 12 ===== */
body .service-info,body .buy-info,body .buy-form,body .card-review,body .card-feature,
body .services,body .services2,body .best-services-grid .services2,body .info-article,body .calc__form,
body .faq__item,body .advantages__item,body .sbx-card,body .hub-pb,body .lc-promo,
body .ct-card,body .ftv2__tool,body .co-card,body .co-split,body .co-tile,body .co-checkout,body .co-paybar,
body .hero-top__left,body .hero-top__right img,body .hero-pick,body .all-services-grid .services,body .bento__i{
  border-radius:var(--r-card)
}
@media (max-width:767px){ body .info-article{border-radius:0} }  /* статья на телефоне во всю ширину, как было */
body .co-entry{border-radius:var(--r-card) var(--r-card) 0 0}

/* ===== Скругления: элементы внутри карточек 8 ===== */
body .input-style,body .select,body .buy-form .input-style,body .buy-form .input-card,body .fqm2-card,
body .buy-form .nice-select,body .radio-payment__content,body .radio-payment__main,body .fq-sel,body .fq-top,
body .co-inp,body .co-qbox,body .hs-delay,body .sbx-emb,body .info-article__content table,
body .hero-pick__btn,body .hero-pick__cart,body .bento__ic,body .best-services-grid .services2__btn{
  border-radius:var(--r-inner)
}

/* ===== Отступы между карточками на странице услуги: 24 / 16 ===== */
body .service-info{margin-bottom:var(--gap)}
body .tabs-style_mb_30{margin-bottom:var(--gap)}
body .hub-pb{margin-top:var(--gap)}
body .section-buy{padding-top:var(--gap)}
body .lc-promo{margin:0 0 var(--gap)}
@media (max-width:991px){ body .buy__right{margin-bottom:var(--gap)} }

/* ===== Внутренний отступ карточек 30 / 20 ===== */
body .service-info,body .buy-info{padding:var(--pad)}
body .card-review{padding:var(--pad)}
body .hub-pb{padding:24px var(--pad)}
body .lc-promo{padding:24px var(--pad)}
@media (max-width:767px){ body .hub-pb,body .lc-promo{padding:var(--pad)} }

/* ===== Шрифты =====
   H1 44/32 · H2 32/26 · H3 24/20 · H4 (заголовок карточки) 20/17
   Лид 18/16 · Текст 16/15 · Текст в карточке 15/14 · Мелкий 13 */
body .h1{font-size:44px}
body .h2,body .fq-head__title{font-size:32px}
body .h3,body .info-article h2,body .services__title,body .services2__title{font-size:24px}
body .card-feature__title,body .calc__item-title,body .faq__head,body .sbx-ttl,body .hub-pb__title,
body .lc-promo__t,body .info-article h3{font-size:20px}
body .service-info__text,body .hero-top__text,body .calc__text{font-size:18px}
body .card-review,body .info-article,body .buy-info,body .calc__item-text,body .faq__content{font-size:16px}
body .hub-pb__text,body .lc-promo__d,body .lc-promo__more{font-size:15px}
body .sbx-feat,body .co-entry,body .hs-box{font-size:14px}
body .hs-note,body .sbx-foot{font-size:13px}

@media (max-width:991px){
  body .h1{font-size:36px}
  body .h2,body .fq-head__title{font-size:28px}
}
@media (max-width:767px){
  body .h1{font-size:32px}
  body .h2,body .fq-head__title{font-size:26px}
  body .h3,body .info-article h2,body .services__title,body .services2__title{font-size:20px}
  body .card-feature__title,body .calc__item-title,body .faq__head,body .sbx-ttl,body .hub-pb__title,
  body .lc-promo__t,body .info-article h3{font-size:17px}
  body .service-info__text,body .hero-top__text,body .calc__text{font-size:16px}
  body .card-review,body .info-article,body .buy-info,body .calc__item-text,body .faq__content{font-size:15px}
  body .hub-pb__text,body .lc-promo__d,body .lc-promo__more{font-size:14px}
}