/* ==========================================================================
   Страница «Цены» (/prices/) — новый дизайн
   Разметка: templates/template-prices-v2.php + includes/prices-page.php
   Токены и шрифты — как в блоге и на новой главной: Archivo (интерфейс, цифры),
   Source Serif 4 (тексты), #231F20 / #E32320, фон #F1F0EF.
   Всё под .bp — остальной сайт не затрагивается.
   ========================================================================== */

.bp {
  --ink: #231F20; --red: #E32320; --red-d: #C41D1A; --mut: #6F686A; --mut2: #8b8385;
  --line: #E5E1E1; --tint: #F6F4F3; --ground: #F1F0EF; --wa: #1FA855;
  --sel: #FDF1F0;                                   /* выбранный период */
  --sans: "Archivo", "Proxima Nova", Arial, sans-serif;
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --gut: clamp(16px, 5vw, 64px); --max: 1280px;
  --bp-top: 113px;                                  /* высота фиксированной шапки сайта (уточняет prices.js) */
  background: var(--ground); color: var(--ink); font-family: var(--sans);
  font-size: 16px; line-height: 1.5;
}
@media (max-width: 1024px) { .bp { --bp-top: 62px; } }
.bp *, .bp *::before, .bp *::after { box-sizing: border-box; }
.bp a:focus-visible, .bp button:focus-visible, .bp select:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }
.bp-wrap { max-width: var(--max); margin: 0 auto; padding-inline: var(--gut); }
.bp img { max-width: 100%; }
.bp ul, .bp ol { list-style: none; margin: 0; padding: 0; }
.bp p { margin: 0; }
.bp h2, .bp h3 { text-transform: none; }

/* --------------------------------------------------------------------------
   Шапка страницы
   -------------------------------------------------------------------------- */
.bp-hero { position: relative; background: var(--ink); color: #fff; overflow: hidden; box-shadow: 0 -16px 0 var(--ink); }  /* закрывает зазор под фиксированной шапкой сайта */
.bp-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(110% 90% at 88% 0%, rgba(227,35,32,.24) 0%, rgba(227,35,32,0) 56%);
}
.bp-hero__crumbs { position: relative; padding-top: 18px; }
.bp .bp-hero .breadcrumbs { margin: 0; padding: 0; }
.bp .bp-hero .breadcrumbs, .bp .bp-hero .breadcrumbs * { color: rgba(255,255,255,.8) !important; font-family: var(--sans) !important; font-size: 14px !important; }
.bp-hero__in { position: relative; padding-top: 56px; padding-bottom: 150px; }
.bp-hero__title {
  max-width: 900px; margin: 0 0 16px; color: #fff; text-align: start; text-transform: none;
  font-family: var(--sans); font-weight: 800; font-variation-settings: "wdth" 118;
  font-size: clamp(36px, 5.4vw, 72px); line-height: 1.02; letter-spacing: -.012em; text-wrap: balance;
}
.bp-hero__lead { max-width: 640px; font-family: var(--serif); font-size: 20px; line-height: 1.5; color: rgba(255,255,255,.82); }
.bp-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 1000px; margin-top: 40px !important; border-top: 1px solid rgba(255,255,255,.16); }
.bp-stats li { padding-block: 18px 0; padding-inline: 0 20px; }
.bp-stats li + li { padding-inline-start: 20px; border-inline-start: 1px solid rgba(255,255,255,.16); }
.bp-stats b { display: block; font-size: clamp(24px, 2.6vw, 34px); font-weight: 800; font-variation-settings: "wdth" 112; line-height: 1.1; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bp-stats span { display: block; margin-top: 4px; font-size: 14px; line-height: 1.35; color: rgba(255,255,255,.66); }
.bp-stats b span { display: inline; margin: 0; font-size: inherit; line-height: inherit; color: inherit; }

/* --------------------------------------------------------------------------
   Лист с прайсом — наезжает на шапку
   -------------------------------------------------------------------------- */
.bp-list { position: relative; z-index: 2; margin-top: -96px; padding-bottom: 72px; }
.bp-sheet { background: #fff; border-radius: 14px; padding: 28px 28px 12px; box-shadow: 0 18px 50px rgba(35,31,32,.08); }

/* поиск, бренд, сортировка */
.bp-tools { display: grid; grid-template-columns: minmax(0, 1fr) 240px 220px; gap: 12px; }
.bp-search { position: relative; display: flex; align-items: center; gap: 10px; height: 52px; padding-inline: 16px 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; cursor: text; }
.bp-search:focus-within { border-color: var(--ink); box-shadow: 0 0 0 3px rgba(227,35,32,.18); }
.bp-search svg { flex: none; width: 20px; height: 20px; color: var(--mut); }
.bp-search input { flex: 1; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0; background: none; color: var(--ink); font: 500 16px var(--sans); -webkit-appearance: none; appearance: none; }
.bp-search input::placeholder { color: #8f8789; }
.bp-select { position: relative; display: block; }
.bp-select select {
  width: 100%; height: 52px; padding-block: 0; padding-inline: 16px 40px; border: 1px solid var(--line); border-radius: 10px; cursor: pointer;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23231F20' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 16px;
  color: var(--ink); font: 600 15px var(--sans); -webkit-appearance: none; appearance: none;
}
.bp-select select:hover { border-color: #cfc7c8; }
[dir="rtl"] .bp-select select { background-position: left 14px center; }

/* типы */
.bp-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.bp-chip {
  display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px; border: 1px solid var(--line); border-radius: 19px;
  background: #fff; color: var(--ink); font: 600 14px var(--sans); cursor: pointer; white-space: nowrap; transition: border-color .15s, background .15s, color .15s;
}
.bp-chip span { color: var(--mut); font-weight: 500; font-variant-numeric: tabular-nums; }
.bp-chip:hover { border-color: var(--ink); }
.bp-chip[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.bp-chip[aria-pressed="true"] span { color: rgba(255,255,255,.7); }
.bp-chip--sale::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--red); }

/* число машин + период */
.bp-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin: 24px 0 6px; }
.bp-count { font-size: 15px; color: var(--mut); }
.bp-count b { color: var(--ink); font-weight: 700; }
.bp-period { display: flex; align-items: center; gap: 4px; padding: 4px; border-radius: 10px; background: var(--tint); }
.bp-period__label { padding-inline: 6px 8px; font-size: 14px; color: var(--mut); white-space: nowrap; }
.bp-period button { height: 38px; padding: 0 14px; border: 0; border-radius: 7px; background: none; color: var(--ink); font: 600 14px var(--sans); cursor: pointer; white-space: nowrap; }
.bp-period button:hover { background: #fff; }
.bp-period button[aria-pressed="true"] { background: var(--ink); color: #fff; }

/* --------------------------------------------------------------------------
   Таблица (десктоп)
   -------------------------------------------------------------------------- */
/* у .site-container темы overflow: hidden — из-за него не работает «липкая» шапка таблицы.
   clip обрезает так же, но не создаёт область прокрутки; только на этой странице */
@supports (overflow: clip) { .site-container:has(.bp-table) { overflow: clip; } }
.bp-table table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 0; font-variant-numeric: tabular-nums; }
.bp-table thead th {
  position: sticky; top: var(--bp-top); z-index: 3; padding: 14px 12px; border-bottom: 1px solid var(--line); background: #fff;
  font: 600 14px/1.25 var(--sans); color: var(--mut); text-align: start; white-space: nowrap; text-transform: none;
}
.bp-table thead th.bp-th-p { text-align: end; width: 116px; }
.bp-table thead th.bp-th-drv { width: 128px; }
.bp-table thead th.bp-th-act { width: 176px; }
.bp-table tbody th, .bp-table tbody td { padding: 12px; border-bottom: 1px solid var(--line); vertical-align: middle; text-align: start; font-weight: 400; }
.bp-table tbody tr:last-child > * { border-bottom: 0; }
.bp-row { transition: background .15s; }
.bp-row:hover > * { background: #FBFAFA; }

/* выбранный период: колонка подсвечена */
.bp-table[data-period="1"] [data-period="1"],
.bp-table[data-period="2"] [data-period="2"],
.bp-table[data-period="3"] [data-period="3"],
.bp-table[data-period="4"] [data-period="4"] { background: var(--sel); }
.bp-table[data-period="1"] thead th[data-period="1"],
.bp-table[data-period="2"] thead th[data-period="2"],
.bp-table[data-period="3"] thead th[data-period="3"],
.bp-table[data-period="4"] thead th[data-period="4"] { color: var(--ink); box-shadow: inset 0 -3px 0 var(--red); }

/* машина */
.bp-car { position: relative; }
.bp .bp-car { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 16px; }
.bp-car__img { display: block; width: 96px; aspect-ratio: 3 / 2; border-radius: 8px; overflow: hidden; background: var(--tint); }
.bp-car__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bp-car__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bp-car__name { font-size: 17px; font-weight: 700; line-height: 1.25; color: var(--ink); text-decoration: none; }
.bp-car__name:hover { color: var(--red); }
.bp-car__cat { font-size: 13px; color: var(--mut); }
.bp-badge { display: inline-block; margin-inline-start: 4px; padding: 1px 6px; border-radius: 4px; background: var(--red); color: #fff; font-size: 12px; font-weight: 800; line-height: 1.45; vertical-align: 1px; }

/* цены */
.bp-p { text-align: end !important; white-space: nowrap; }
.bp-p::before { display: none; }   /* подпись периода — только в карточках; текст задаёт шаблон (<style> перед таблицей) */
.bp-price { display: block; font-size: 17px; font-weight: 600; color: #4a4345; }
.bp-table[data-period="1"] .bp-p[data-period="1"] .bp-price,
.bp-table[data-period="2"] .bp-p[data-period="2"] .bp-price,
.bp-table[data-period="3"] .bp-p[data-period="3"] .bp-price,
.bp-table[data-period="4"] .bp-p[data-period="4"] .bp-price { font-weight: 800; color: var(--ink); }
.bp-old { display: block; font-size: 13px; color: var(--mut2); }
.bp-cur { white-space: nowrap; }

/* требования к водителю */
.bp-drv span { display: block; font-size: 13px; line-height: 1.45; color: var(--mut); white-space: nowrap; }
.bp-drv .bp-drv__dep { color: var(--ink); font-weight: 600; }
.bp-drv__dep .js-price, .bp-drv__dep .js-price span { display: inline; font-size: inherit; color: inherit; }
.bp-money { white-space: nowrap; font-weight: 600; }

/* кнопки */
.bp-act { white-space: nowrap; }
.bp .bp-act { text-align: end; }
.bp-btn {
  display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 20px; border: 0; border-radius: 8px; cursor: pointer;
  background: var(--red); color: #fff; font: 700 15px var(--sans); vertical-align: middle; transition: background .15s;
}
.bp-btn:hover { background: var(--red-d); }
.bp-wa {
  display: inline-block; width: 44px; height: 44px; margin-inline-start: 8px; border: 1px solid var(--line); border-radius: 8px; vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231FA855' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.3-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.4.1-.6.3-.2.2-.8.8-.8 2s.8 2.3.9 2.5c.1.2 1.6 2.5 4 3.5 1.5.6 2 .7 2.8.6.4-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E") no-repeat center / 22px;
  transition: border-color .15s;
}
.bp-wa:hover { border-color: var(--wa); }

/* фильтры и «показать ещё» */
.bp-row.is-off, .bp-row.is-paged { display: none !important; }
.bp-empty { padding: 40px 0 28px; text-align: center; }
.bp-empty p { margin-bottom: 14px; font-size: 17px; color: var(--mut); }
.bp-more { display: flex; justify-content: center; padding: 20px 0 16px; border-top: 1px solid var(--line); }
.bp-more[hidden], .bp-empty[hidden] { display: none; }
.bp-line-btn { height: 46px; padding: 0 22px; border: 1.5px solid var(--ink); border-radius: 8px; background: none; color: var(--ink); font: 700 15px var(--sans); cursor: pointer; }
.bp-line-btn:hover { background: var(--ink); color: #fff; }

/* --------------------------------------------------------------------------
   Как считается цена, что входит, кто может арендовать
   -------------------------------------------------------------------------- */
.bp-info { padding: 8px 0 88px; }
.bp-h2 { margin: 0 0 24px; font: 800 clamp(28px, 3.4vw, 44px)/1.06 var(--sans); font-variation-settings: "wdth" 115; letter-spacing: -.01em; color: var(--ink); text-wrap: balance; }
.bp-how { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 20px 48px; align-items: start; margin-bottom: 20px; padding: 28px; border-radius: 14px; background: #fff; }
.bp-how__text p { font-family: var(--serif); font-size: 18px; line-height: 1.6; color: #3d3637; }
.bp-how__text p + p { margin-top: 14px; }
.bp-how__ex { font-variant-numeric: tabular-nums; }
.bp-how__ex b { font-family: var(--sans); color: var(--ink); white-space: nowrap; }
.bp-how__vs { display: block; margin-top: 6px; font-family: var(--sans); font-size: 15px; color: var(--mut); }
.bp-how__vs .js-price { font-weight: 700; color: var(--ink); white-space: nowrap; }
.bp-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; counter-reset: bp; }
.bp-steps li { position: relative; padding: 18px 16px 16px; border-radius: 10px; background: var(--tint); }
.bp-steps li::before { counter-increment: bp; content: counter(bp); display: grid; place-items: center; width: 28px; height: 28px; margin-bottom: 12px; border-radius: 50%; background: var(--ink); color: #fff; font-size: 14px; font-weight: 800; }
.bp-steps li:last-child::before { background: var(--red); }
.bp-steps b { display: block; font-size: 17px; font-weight: 700; line-height: 1.25; }
.bp-steps span { display: block; margin-top: 4px; font-size: 14px; line-height: 1.4; color: var(--mut); }

.bp-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.bp-card { padding: 26px 28px 28px; border-radius: 14px; background: #fff; }
.bp-card:first-child { background: var(--ink); color: #fff; }
.bp-card h3 { margin: 0 0 16px; font: 700 21px/1.25 var(--sans); color: inherit; }
.bp-card li { position: relative; padding-block: 9px; padding-inline: 30px 0; border-top: 1px solid var(--line); font-size: 15px; line-height: 1.45; color: #3d3637; }
.bp-card:first-child li { border-color: rgba(255,255,255,.14); color: rgba(255,255,255,.88); }
.bp-card li:first-child { border-top: 0; }
.bp-ticks li::before {
  content: ""; position: absolute; inset-inline-start: 0; top: 10px; width: 20px; height: 20px; border-radius: 50%;
  background: var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6.5 11.4l3 3 6-6.6' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 20px;
}
.bp-dots li::before { content: ""; position: absolute; inset-inline-start: 7px; top: 17px; width: 6px; height: 6px; border-radius: 50%; background: var(--mut2); }

/* текст страницы из админки (если заполнен) */
.bp-text { padding: 0 0 88px; }
.bp-text__in { max-width: 880px; font-family: var(--serif); font-size: 18px; line-height: 1.65; color: #3d3637; }
.bp-text__in h2 { margin: 40px 0 14px; font: 800 30px/1.15 var(--sans); color: var(--ink); }
.bp-text__in h3 { margin: 28px 0 10px; font: 700 21px/1.25 var(--sans); color: var(--ink); }
.bp-text__in p { margin: 0 0 14px; }
.bp-text__in ul { list-style: disc; margin: 0 0 14px; padding-inline-start: 22px; }

/* --------------------------------------------------------------------------
   Планшет: карточки в две колонки
   -------------------------------------------------------------------------- */
@media (max-width: 1180px) {
  .bp-table thead th.bp-th-act { width: 128px; }
  .bp-wa { display: none; }
  .bp-period__label { display: none; }
}
@media (max-width: 960px) {
  .bp-tools { grid-template-columns: 1fr 1fr; }
  .bp-search { grid-column: 1 / -1; }
  .bp-table thead { display: none; }
  .bp-table table, .bp-table tbody { display: block; }
  .bp-table tbody { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 8px 0 16px; }
  .bp-table tr.bp-row {
    display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 6px; align-content: start;
    padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #fff;
  }
  .bp-row:hover > * { background: none; }
  .bp-table tbody th, .bp-table tbody td { padding: 0; border: 0 !important; background: none !important; }
  .bp .bp-car { display: contents; }
  .bp-car__img { grid-column: 1 / 5; grid-row: 1 / 3; width: auto; margin-block: 0 8px; margin-inline: 0 8px; }
  .bp-car__txt { grid-column: 5 / -1; grid-row: 1; align-self: end; }
  .bp-table tbody td.bp-p { grid-row: 3; grid-column: span 3; }
  .bp-table tbody td.bp-p { display: flex; flex-direction: column; justify-content: space-between; min-width: 0; padding: 8px 8px 7px !important; border-radius: 8px; background: var(--tint) !important; text-align: start !important; white-space: normal; }
  .bp-p::before { display: block; margin-bottom: 2px; font-size: 12px; font-weight: 400; line-height: 1.25; color: var(--mut); text-wrap: balance; }
  .bp-price { font-size: 16px; }
  .bp-table[data-period="1"] .bp-p[data-period="1"],
  .bp-table[data-period="2"] .bp-p[data-period="2"],
  .bp-table[data-period="3"] .bp-p[data-period="3"],
  .bp-table[data-period="4"] .bp-p[data-period="4"] { background: var(--ink) !important; }
  .bp-table[data-period="1"] .bp-p[data-period="1"] *,
  .bp-table[data-period="2"] .bp-p[data-period="2"] *,
  .bp-table[data-period="3"] .bp-p[data-period="3"] *,
  .bp-table[data-period="4"] .bp-p[data-period="4"] *,
  .bp-table[data-period="1"] .bp-p[data-period="1"]::before,
  .bp-table[data-period="2"] .bp-p[data-period="2"]::before,
  .bp-table[data-period="3"] .bp-p[data-period="3"]::before,
  .bp-table[data-period="4"] .bp-p[data-period="4"]::before { color: #fff !important; }
  .bp-table[data-period] .bp-p .bp-old { color: var(--mut2); }
  .bp-drv { grid-column: 5 / -1; grid-row: 2; align-self: start; display: flex; flex-wrap: wrap; gap: 0 12px; }
  .bp .bp-act { grid-column: 1 / -1; grid-row: 4; display: flex; gap: 8px; margin-top: 6px; text-align: start; }
  .bp-btn { flex: 1; }
  .bp-wa { display: inline-block; flex: none; margin: 0; }
  .bp-more { border-top: 0; padding-top: 4px; }

  .bp-how { grid-template-columns: 1fr; }
  .bp-cards { grid-template-columns: 1fr 1fr; }
  .bp-cards .bp-card:first-child { grid-column: 1 / -1; }
}

/* --------------------------------------------------------------------------
   Телефон
   -------------------------------------------------------------------------- */
@media (max-width: 700px) {
  .bp-hero__in { padding-top: 28px; padding-bottom: 36px; }
  .bp-hero__title { font-size: clamp(32px, 9vw, 40px); }
  .bp-hero__lead { font-size: 17px; }
  .bp-stats { grid-template-columns: 1fr 1fr; margin-top: 26px !important; }
  .bp-stats li { padding-block: 14px; padding-inline: 0 12px; }
  .bp-stats li + li { padding-inline-start: 0; border-inline-start: 0; }
  .bp-stats li:nth-child(even) { padding-inline-start: 14px; border-inline-start: 1px solid rgba(255,255,255,.16); }
  .bp-stats li:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.16); }
  .bp-stats b { font-size: 24px; }
  .bp-stats span { font-size: 13px; }

  .bp-list { margin-top: 0; padding-bottom: 48px; }
  .bp-list .bp-wrap { padding: 0; }
  .bp-sheet { border-radius: 0; padding: 18px 16px 8px; box-shadow: none; background: var(--ground); }
  .bp-tools { gap: 8px; }
  .bp-search, .bp-select select { height: 48px; }
  .bp-select select { font-size: 14px; padding-inline-start: 12px; }
  /* типы — одной прокручиваемой строкой */
  .bp-chips { flex-wrap: nowrap; overflow-x: auto; margin: 12px -16px 0; padding: 0 16px 2px; scrollbar-width: none; }
  .bp-chips::-webkit-scrollbar { display: none; }
  .bp-chip { flex: none; height: 36px; }
  .bp-bar { flex-direction: column; align-items: stretch; margin-top: 16px; }
  .bp-count { order: 2; font-size: 14px; }
  .bp-period { order: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .bp-period button { height: 40px; padding: 0 4px; font-size: 13px; white-space: normal; line-height: 1.15; }

  .bp-table tbody { grid-template-columns: 1fr; gap: 10px; padding-top: 4px; }
  .bp-table tr.bp-row { padding: 12px; }
  .bp-car__name { font-size: 16px; }
  .bp-table tbody td.bp-p { padding: 7px 6px 6px !important; }
  .bp-p::before { font-size: 11px; }
  .bp-price { font-size: 15px; }
  .bp-old { font-size: 12px; }

  .bp-info { padding: 40px 0 56px; background: var(--ground); }
  .bp-how { padding: 20px; }
  .bp-how__text p { font-size: 17px; }
  .bp-steps { grid-template-columns: 1fr 1fr; }
  .bp-cards { grid-template-columns: 1fr; gap: 12px; }
  .bp-card { padding: 22px 20px; }
  .bp-text { padding-bottom: 56px; }
  .bp-text__in { font-size: 17px; }
}