/* ===== BEYONDSKIN 2.0 — ДЕТАЛЬНАЯ СТРАНИЦА ПРОЦЕДУРЫ =====
   По Figma (ezkaQLobEt1jVq25DxT3Xk, холст «Структура»): кадры 667:632 «инъекции/lips»,
   667:697 «о процедуре», 747:143 «highlights», 684:1316 «о процедуре 12».

   Токены (--dark, --sand, --copper, --cream, --lavender-muted, --serif, --sans,
   --pad, --shell) объявлены в main.css. Крошки и карточки переиспользуются
   из about.css и procedures.css, поэтому оба подключаются вместе.

   Кнопки пишутся как `.bs2-home button.x` / с указанием тега — кит Elementor
   задаёт `.elementor-kit-138 button` (0,1,1) и перебивает одноклассовые правила. */

.bs2-proc-single{background:var(--cream);overflow-x:hidden}
.bs2-proc-single section{max-width:var(--shell);margin:0 auto}

/* ===== 1. ШАПКА ===== */
/* Разделительной линии под шапкой нет — заказчик попросил убрать её на страницах
   Treatments (и на ПК, и на мобилке). Отступ margin-bottom оставлен: он разводит
   шапку и блок «что это», без него секции слипнутся. */
.bs2-ps-hero{padding:0 var(--pad) 46px;display:grid;grid-template-columns:minmax(0,1fr) 654px;gap:62px;align-items:start;
  margin-bottom:64px}
.bs2-home .bs2-ps-hero__title{font-family:var(--serif);font-size:46px;font-weight:400;line-height:1.12;
  color:var(--dark);text-transform:uppercase;margin:0 0 26px}
.bs2-home .bs2-ps-hero__title em{font-style:italic}
/* Бежевая рамка с описанием — фон песочный с прозрачностью, как в макете. */
.bs2-ps-hero__intro{background:#EEE9E3;
  padding:22px 26px;font-size:15px;font-weight:300;line-height:19px;color:var(--dark)}
.bs2-ps-hero__btn{display:inline-flex;margin-top:36px;font-size:15px;padding:14px 34px;text-transform:uppercase}
.bs2-ps-hero__media{overflow:hidden}
/* В макете фото стоит в натуральную величину (654px по ширине, высота по пропорции):
   у Acne/HydraFacial это 654×436, у LED 654×373, у B12/VAMP 654×338. Поэтому height:auto,
   а не фиксированная высота с обрезкой. max-height — предохранитель на случай, если
   в поле зальют вертикальный кадр. */
.bs2-ps-hero__media img{width:100%;height:auto;max-height:520px;object-fit:cover;object-position:center}

/* ===== 2. ЧТО ЭТО ===== */
.bs2-ps-what{padding:0 var(--pad) 74px;display:grid;grid-template-columns:596px minmax(0,1fr);gap:58px;align-items:start}
.bs2-ps-what__media img{width:100%;height:auto;max-height:420px;object-fit:cover}
/* Без фото секция схлопывается в одну колонку, иначе половина строки пустует. */
.bs2-ps-what--nomedia{grid-template-columns:minmax(0,1fr);max-width:900px}
.bs2-home .bs2-ps-what__title{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.15;
  color:var(--dark);text-transform:uppercase;margin:0 0 20px}
.bs2-ps-what__copy p{font-size:18px;font-weight:300;line-height:23px;color:var(--dark);margin-bottom:16px}
.bs2-ps-what__btn{display:inline-flex;margin-top:16px;font-size:15px;padding:13px 32px;text-transform:uppercase}

/* ===== 3. ДО И ПОСЛЕ ===== */
/* Секция во всю ширину экрана, фон светлее основного. */
.bs2-proc-single .bs2-ps-results,.bs2-concerns .bs2-ps-results{max-width:none}
.bs2-ps-results{background:#EDEAE6;padding:56px var(--pad) 64px;text-align:center}
.bs2-home .bs2-ps-results__title{font-family:var(--serif);font-size:40px;font-weight:400;line-height:1.1;
  color:var(--dark);text-transform:uppercase;margin-bottom:36px}
/* Вторая строка заголовка — рукописный курсив, как в макете. */
.bs2-home .bs2-ps-results__title em{font-family:var(--serif);font-style:italic;text-transform:none;font-size:38px}

.bs2-ps-results__stage{display:flex;align-items:center;justify-content:center;gap:40px;max-width:900px;margin:0 auto}
.bs2-ps-results__track{position:relative;width:min(100%,460px)}
.bs2-ba{display:none;margin:0}
.bs2-ba.is-active{display:block}
.bs2-ba__half{position:relative;overflow:hidden}
/* Готовая склейка «до/после»: подписи Before/After уже вшиты в картинку,
   поэтому свои наклейки не рисуем и высоту не режем. */
.bs2-ba__whole img{display:block;width:100%;height:auto}
.bs2-ba__half img{display:block;width:100%;height:220px;object-fit:cover}
.bs2-ba__tag{position:absolute;left:14px;bottom:12px;color:var(--white);font-size:15px;font-weight:400;
  text-shadow:0 1px 4px rgba(0,0,0,.5)}
.bs2-ba__note{position:absolute;right:14px;bottom:12px;color:var(--white);font-size:13px;font-weight:300;
  text-shadow:0 1px 4px rgba(0,0,0,.5)}
.bs2-home button.bs2-ps-results__nav{background:none;border:none;border-radius:0;cursor:pointer;
  font-size:26px;line-height:1;color:var(--dark);padding:8px;flex:0 0 auto;text-transform:none}
.bs2-home button.bs2-ps-results__nav:hover,
.bs2-home button.bs2-ps-results__nav:focus-visible{background:none;color:var(--terracotta)}

/* Точка сама по себе 9x9px — в такую цель не попасть пальцем (по WCAG 2.2
   минимум 24px). Расширяем зону нажатия псевдоэлементом, не трогая внешний вид.
   ПРАВИЛО ПРОЕКТА: расширение на N пикселей требует gap >= 2N, иначе зоны
   соседних точек перекрываются и нажатие уходит на соседнюю — этим уже
   отличился слайдер отзывов на главной. Здесь: gap 10 при inset -5,
   на мобильном gap 22 при inset -11. */
.bs2-ps-results__dots{display:flex;justify-content:center;gap:10px;margin-top:22px}
.bs2-home button.bs2-ps-results__dot{width:9px;height:9px;padding:0;border-radius:50%;cursor:pointer;
  background:transparent;border:1px solid var(--dark);transition:background .2s;
  position:relative;-webkit-tap-highlight-color:transparent}
.bs2-ps-results__dot::before{content:"";position:absolute;inset:-5px;border-radius:50%}
.bs2-home button.bs2-ps-results__dot.is-active{background:var(--dark)}
.bs2-home button.bs2-ps-results__dot:focus-visible{outline:2px solid var(--terracotta);outline-offset:4px}

@media(max-width:768px){
  .bs2-ps-results__dots{gap:22px}
  .bs2-ps-results__dot::before{inset:-11px}
}
.bs2-ps-results__caption{max-width:900px;margin:34px auto 0;font-size:14px;font-weight:300;
  line-height:1.5;color:var(--dark)}

/* ===== 4. ТЁМНАЯ ПОЛОСА ===== */
.bs2-proc-single .bs2-ps-cta,.bs2-concerns .bs2-ps-cta{max-width:none}
.bs2-ps-cta{background:var(--dark);padding:34px var(--pad)}
.bs2-ps-cta__inner{max-width:var(--shell);margin:0 auto;display:flex;align-items:center;
  justify-content:space-between;gap:40px}
.bs2-home .bs2-ps-cta__title{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--white);
  margin-bottom:8px;text-transform:none}
.bs2-home .bs2-ps-cta__title em{font-style:italic}
.bs2-ps-cta__inner p{font-size:15px;font-weight:300;color:rgba(255,255,255,.8)}
.bs2-ps-cta__btn{flex:0 0 auto;font-size:14px;padding:13px 30px;text-transform:uppercase}

/* ===== 5. ПОКАЗАТЕЛИ ===== */
/* Лавандовая плашка во всю ширину, шесть фактов сеткой 3×2. */
.bs2-proc-single .bs2-ps-hl,.bs2-concerns .bs2-ps-hl{max-width:none}
.bs2-ps-hl{background:var(--lavender-muted);padding:44px var(--pad) 52px;text-align:center}
.bs2-home .bs2-ps-hl__title{font-family:var(--serif);font-size:34px;font-weight:400;color:var(--dark);
  text-transform:uppercase;margin-bottom:38px}
.bs2-ps-hl__grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);
  gap:34px 40px;text-align:left}
.bs2-ps-hl__value{display:block;font-size:26px;font-weight:400;color:var(--dark);line-height:1.2}
.bs2-ps-hl__label{display:block;font-size:13px;font-weight:300;color:rgba(41,31,35,.75);margin-top:4px}

/* ===== 6. ПРЕИМУЩЕСТВА ===== */
.bs2-ps-power{padding:70px var(--pad) 0}
.bs2-ps-power__box{background:var(--dark);padding:44px 56px 48px}
.bs2-home .bs2-ps-power__title{font-family:var(--serif);font-size:28px;font-weight:400;color:var(--white);
  text-transform:uppercase;text-align:center;margin-bottom:34px}
.bs2-ps-power__heart{color:var(--white);font-size:22px;margin-right:6px}
/* Колонок столько, сколько заполнено списков: в макетах на 4 пункта их две,
   на 6 пунктов — три. grid-auto-flow:column сам считает, отдельного поля «сколько
   колонок» не нужно. */
.bs2-ps-power__cols{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:18px 56px;max-width:1000px;margin:0 auto}
.bs2-ps-power__list{list-style:none;display:flex;flex-direction:column;gap:16px}
.bs2-ps-power__list li{position:relative;padding-left:18px;font-size:15px;font-weight:300;
  line-height:1.45;color:rgba(255,255,255,.92)}
.bs2-ps-power__list li::before{content:'•';position:absolute;left:0;color:rgba(255,255,255,.7)}
.bs2-home .bs2-ps-power__title-mob{display:none}

/* ===== 7. ПОЧЕМУ МЫ ===== */
.bs2-ps-why{padding:56px var(--pad) 78px;text-align:center}
.bs2-home .bs2-ps-why__title{font-family:var(--serif);font-size:34px;font-weight:400;color:var(--dark);
  text-transform:uppercase;margin-bottom:22px}
/* В макете абзац «почему мы» занимает 840–1210px по ширине, а не 760. */
.bs2-ps-why__text{max-width:1210px;margin:0 auto;font-size:18px;font-weight:300;line-height:23px;color:var(--dark)}

/* ===== 8. ВОПРОСЫ ===== */
/* Полоса под вопросами в макете холоднее основного крема (#E7E8EB) и идёт
   во всю ширину экрана, поэтому сетка живёт на __inner, а не на самой секции.
   max-width:none нужен, чтобы перебить .bs2-proc-single section{max-width:var(--shell)} (0,1,1). */
.bs2-proc-single .bs2-ps-faq,.bs2-concerns .bs2-ps-faq{max-width:none}
.bs2-ps-faq{background:#E7E8EB;padding:64px var(--pad) 78px}
.bs2-ps-faq__inner{max-width:var(--shell);margin:0 auto;display:grid;
  grid-template-columns:489fr 722fr;gap:93px;align-items:start}
.bs2-ps-faq__inner--nomedia{grid-template-columns:minmax(0,1fr);max-width:820px}
.bs2-home .bs2-ps-faq__title{font-family:var(--serif);font-size:34px;font-weight:400;color:var(--dark);
  text-transform:uppercase;margin-bottom:28px}
.bs2-ps-faq__list{display:flex;flex-direction:column;gap:12px}
.bs2-faq{background:var(--cream);border:none}
.bs2-faq__q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:16px 20px;font-size:16px;font-weight:300;color:var(--dark)}
.bs2-faq__q::-webkit-details-marker{display:none}
/* Плюс превращается в минус, когда пункт раскрыт. */
.bs2-faq__sign{flex:0 0 auto;position:relative;width:14px;height:14px}
.bs2-faq__sign::before,.bs2-faq__sign::after{content:'';position:absolute;background:var(--dark)}
.bs2-faq__sign::before{left:0;top:6px;width:14px;height:1.5px}
.bs2-faq__sign::after{left:6px;top:0;width:1.5px;height:14px;transition:opacity .18s}
.bs2-faq[open] .bs2-faq__sign::after{opacity:0}
.bs2-faq__a{padding:0 20px 18px}
.bs2-faq__a p{font-size:15px;font-weight:300;line-height:1.55;color:var(--dark)}
.bs2-ps-faq__media img{width:100%;height:auto;max-height:420px;object-fit:cover}

/* ===== 9. ДРУГИЕ ПРОЦЕДУРЫ ===== */
.bs2-ps-more{padding:0 var(--pad) 92px;text-align:center}
.bs2-home .bs2-ps-more__title{font-family:var(--serif);font-size:34px;font-weight:400;color:var(--dark);
  text-transform:uppercase;margin-bottom:34px}
.bs2-ps-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;text-align:left;margin-bottom:40px}
.bs2-ps-more__all{display:inline-flex;font-size:15px;padding:13px 34px;text-transform:uppercase}

/* ===== АДАПТИВ ===== */
@media(max-width:1200px){
  .bs2-ps-hero{grid-template-columns:1fr 1fr;gap:36px}
  .bs2-ps-hero__media img{max-height:420px}
  .bs2-home .bs2-ps-hero__title{font-size:38px}
  .bs2-ps-what{grid-template-columns:1fr 1fr;gap:36px}
  .bs2-ps-power__box{padding:36px 34px 40px}
}
@media(max-width:1024px){
  /* Мобильный макет (архив mobileinjection.zip): фото идёт ПЕРВЫМ,
     затем заголовок и рамка — оба по центру. order переставляет визуально,
     не трогая разметку (важно для DOM-порядка и доступности). */
  .bs2-ps-hero{grid-template-columns:1fr;gap:26px;padding-bottom:34px;margin-bottom:46px;text-align:center}
  .bs2-ps-hero__media{order:-1}
  .bs2-ps-hero__media img{height:320px}
  .bs2-ps-hero__intro{margin-left:auto;margin-right:auto;text-align:left}
  .bs2-ps-hero__btn{margin-left:auto;margin-right:auto}
  .bs2-ps-what{grid-template-columns:1fr;gap:26px;text-align:center}
  .bs2-ps-what__media img{height:300px}
  .bs2-ps-what__btn{margin-left:auto;margin-right:auto}
  .bs2-ps-cta__inner{flex-direction:column;align-items:flex-start;gap:20px}
  .bs2-ps-more__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .bs2-ps-faq__inner{grid-template-columns:1fr;gap:28px}
  .bs2-ps-faq__media img{height:280px}
}
@media(max-width:768px){
  .bs2-home .bs2-ps-hero__title{font-size:30px}
  .bs2-home .bs2-ps-results__title,
  .bs2-home .bs2-ps-hl__title,
  .bs2-home .bs2-ps-why__title,
  .bs2-home .bs2-ps-more__title{font-size:26px}
  .bs2-home .bs2-ps-results__title em{font-size:25px}
  .bs2-home .bs2-ps-what__title{font-size:26px}
  .bs2-ps-what__copy p,.bs2-ps-why__text{font-size:16px;line-height:1.55}
  .bs2-ps-results__stage{gap:12px}
  .bs2-ba__half img{height:170px}
  .bs2-ps-hl__grid{grid-template-columns:repeat(2,1fr);gap:26px 20px}
  .bs2-ps-hl__value{font-size:22px}
  /* Мобильный макет (и новый, и старый архив инъекций): пункты идут в столбик
     по центру, с номером 01…NN над каждым, без маркеров-точек. Номера рисует
     CSS-счётчик, поэтому разметка на ПК и мобильном одна и та же. */
  .bs2-ps-power__cols{grid-auto-flow:row;grid-auto-columns:auto;gap:0;counter-reset:bs2pw}
  .bs2-home .bs2-ps-power__title{display:none}
  .bs2-home .bs2-ps-power__title-mob{display:block;font-family:var(--serif);font-size:22px;font-weight:400;
    line-height:1.2;color:var(--white);text-transform:uppercase;text-align:center;margin-bottom:10px}
  .bs2-ps-power__list{gap:0}
  .bs2-ps-power__list li{padding-left:0;text-align:center;padding-top:34px}
  .bs2-ps-power__list li::before{counter-increment:bs2pw;content:counter(bs2pw,decimal-leading-zero);
    position:static;display:block;margin-bottom:10px;font-size:13px;font-weight:300;color:rgba(255,255,255,.65)}
  .bs2-ps-more__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:480px){
  .bs2-home .bs2-ps-hero__title{font-size:26px}
  .bs2-ps-hero__intro{padding:18px 18px;font-size:15px}
  /* Мокап mobileinjection.zip держит HIGHLIGHTS в 2 колонки даже на 402px. */
  .bs2-ps-hl__grid{gap:22px 16px}
  .bs2-ps-power__box{padding:28px 20px 32px}
  .bs2-ps-more__grid{grid-template-columns:1fr}
}

/* ===== 4a. ТИПЫ LED-СВЕТА (только LED Light Therapy) =====
   Сетка 2×4 + девятая карточка по центру последним рядом. Фон полосы холоднее
   крема — тот же #E7E8EB, что под вопросами. */
.bs2-proc-single .bs2-ps-lt,.bs2-concerns .bs2-ps-lt{max-width:none}
.bs2-ps-lt{background:#E7E8EB;padding:60px var(--pad) 72px}
.bs2-ps-lt__inner{max-width:var(--shell);margin:0 auto}
.bs2-home .bs2-ps-lt__title{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.15;
  color:var(--dark);text-transform:uppercase;text-align:center;margin:0 auto 42px;max-width:1100px}
.bs2-ps-lt__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;max-width:1180px;margin:0 auto}
.bs2-ps-lt__card{border:1px solid rgba(41,31,35,.28);padding:24px 26px 26px}
/* Девятая карточка одна в ряду — по макету она по центру и той же ширины, что колонка. */
.bs2-ps-lt__card:last-child:nth-child(odd){grid-column:1 / -1;max-width:576px;margin:0 auto;width:100%}
.bs2-ps-lt__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.bs2-home .bs2-ps-lt__name{font-family:var(--sans);font-size:17px;font-weight:400;line-height:1.3;
  color:var(--dark);text-transform:none;margin:0}
.bs2-ps-lt__nm{flex:0 0 auto;font-size:13px;font-weight:300;color:var(--copper)}
.bs2-ps-lt__text{margin-top:18px;font-size:14px;font-weight:300;line-height:1.5;color:var(--dark)}

/* ===== 8a. ПРОМО ADD-ON ===== */
.bs2-proc-single .bs2-ps-addon,.bs2-concerns .bs2-ps-addon{max-width:none}
.bs2-ps-addon{background:#E7E8EB;padding:40px var(--pad) 26px}
.bs2-ps-addon__inner{max-width:var(--shell);margin:0 auto;display:grid;grid-template-columns:695fr 560fr;
  gap:70px;align-items:center;border-top:1px solid rgba(41,31,35,.3);border-bottom:1px solid rgba(41,31,35,.3);
  padding:34px 0}
.bs2-ps-addon__inner--nomedia{grid-template-columns:minmax(0,1fr)}
.bs2-ps-addon__kicker{font-size:13px;font-weight:300;color:var(--dark)}
.bs2-ps-addon__lead{margin-top:26px;font-size:16px;font-weight:300;color:var(--dark)}
.bs2-home .bs2-ps-addon__title{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.15;
  color:var(--dark);text-transform:uppercase;margin:14px 0 16px}
.bs2-ps-addon__text{font-size:15px;font-weight:300;line-height:1.55;color:var(--dark);max-width:640px}
.bs2-ps-addon__row{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:34px}
.bs2-ps-addon__btn{font-size:16px;padding:15px 34px;text-transform:uppercase}
.bs2-ps-addon__note{font-size:14px;font-weight:300;line-height:1.4;color:var(--dark)}
.bs2-ps-addon__foot{margin-top:36px;font-size:15px;font-weight:300;color:var(--dark)}
.bs2-ps-addon__media img{width:100%;height:auto;object-fit:cover}

/* ===== 10. TAKE THE FIRST STEP ===== */
.bs2-proc-single .bs2-ps-step,.bs2-concerns .bs2-ps-step{max-width:none}
.bs2-ps-step{background:var(--sand);padding:58px var(--pad) 62px;text-align:center}
.bs2-home .bs2-ps-step__title{font-family:var(--serif);font-size:46px;font-weight:400;line-height:1.1;
  color:var(--dark);text-transform:none;margin:0}
.bs2-home .bs2-ps-step__title em{font-style:italic}
/* Рукописная строка — тот же --script, что и «before & after» в карусели. */
.bs2-ps-step__sub{font-family:var(--script);font-size:30px;line-height:1;color:var(--copper);margin-top:8px}
.bs2-ps-step__btn{display:inline-flex;margin-top:32px;font-size:17px;padding:13px 36px;text-transform:none}

/* ===== 11. TRUST BEYONDSKIN ===== */
.bs2-proc-single .bs2-ps-trust,.bs2-concerns .bs2-ps-trust{max-width:none}
.bs2-ps-trust{background:#E7E8EB;padding:57px var(--pad)}
.bs2-ps-trust__inner{max-width:var(--shell);margin:0 auto;display:grid;grid-template-columns:490fr 754fr;
  gap:76px;align-items:center}
.bs2-ps-trust__media img{width:100%;height:346px;object-fit:cover}
.bs2-ps-trust__kicker{font-size:26px;font-weight:300;line-height:1.2;color:var(--dark)}
.bs2-home .bs2-ps-trust__title{font-family:var(--serif);font-size:36px;font-weight:400;line-height:1.22;
  color:var(--dark);text-transform:uppercase;margin:18px 0 0}
/* Короткий мобильный заголовок из макета лежит в разметке всегда, на ПК он скрыт. */
.bs2-home .bs2-ps-trust__title-mob{display:none}
.bs2-ps-trust__btn{display:inline-flex;margin-top:38px;font-size:15px;padding:15px 38px;text-transform:uppercase}

/* ===== 12. LATEST NEWS ===== */
/* Стили самого блока — общие, из main.css. Здесь только снимаем ограничение
   ширины от .bs2-proc-single section, иначе кремовая полоса обрывается на 1440px. */
.bs2-proc-single .bs2-news{max-width:none}

/* ===== АДАПТИВ НОВЫХ СЕКЦИЙ ===== */
@media(max-width:1200px){
  .bs2-ps-addon__inner{gap:40px}
  .bs2-ps-trust__inner{gap:46px}
  .bs2-home .bs2-ps-trust__title{font-size:30px}
  .bs2-ps-trust__kicker{font-size:22px}
}
@media(max-width:1024px){
  .bs2-ps-lt__grid{grid-template-columns:1fr;gap:16px}
  .bs2-ps-lt__card:last-child:nth-child(odd){max-width:none}
  .bs2-ps-addon__inner{grid-template-columns:1fr;gap:28px}
  .bs2-ps-addon__media{order:-1}
  /* Мобильный макет: сначала заголовок и кнопка, фото под ними. */
  .bs2-ps-trust__inner{grid-template-columns:1fr;gap:26px;text-align:center;justify-items:center}
  .bs2-ps-trust__media{order:2;width:100%}
  .bs2-ps-trust__media img{height:300px}
  .bs2-ps-trust__kicker{display:none}
  .bs2-home .bs2-ps-trust__title{display:none}
  .bs2-home .bs2-ps-trust__title-mob{display:block;font-family:var(--serif);font-size:30px;font-weight:400;
    line-height:1.22;color:var(--dark);text-transform:uppercase;margin:0}
  .bs2-ps-trust__btn{margin-top:22px}
}
@media(max-width:768px){
  .bs2-ps-lt{padding:44px var(--pad) 52px}
  .bs2-home .bs2-ps-lt__title{font-size:26px;margin-bottom:28px}
  .bs2-ps-step{padding:42px var(--pad) 46px}
  .bs2-home .bs2-ps-step__title{font-size:32px}
  .bs2-ps-step__sub{font-size:24px}
  .bs2-ps-step__btn{margin-top:24px;font-size:16px}
  /* Песочный фон вместо серого — так этот блок нарисован в мобильном макете. */
  .bs2-ps-trust{background:rgba(227,199,176,.8);padding:40px var(--pad) 44px}
  .bs2-home .bs2-ps-trust__title-mob{font-size:26px}
  .bs2-ps-trust__media img{height:270px}
  .bs2-home .bs2-ps-addon__title{font-size:24px}
  .bs2-ps-addon__row{gap:18px;margin-top:26px}
  .bs2-ps-addon__btn{font-size:14px;padding:13px 26px}
}
@media(max-width:480px){
  .bs2-ps-lt__card{padding:20px 18px 22px}
  .bs2-ps-lt__head{flex-direction:column;align-items:flex-start;gap:4px}
  .bs2-home .bs2-ps-step__title{font-size:27px}
  .bs2-ps-step__btn{width:100%;justify-content:center}
  .bs2-ps-addon__btn{width:100%;justify-content:center}
}