/* ============================================================
   «Прокат Любимый» — страница «Услуга».
   Версия для интеграции в тему Покатушкин (там всегда грузится
   Bootstrap 5 + style.css темы).

   Внешний вид полностью повторяет service/style.css (эталон),
   изменения только технические:
     1. все классы вынесены в неймспейс .pd (например .row -> .pd-row),
        чтобы не конфликтовать с bootstrap.min.css и старыми стилями;
     2. токены лежат не в :root, а на body.pd;
     3. Bootstrap-отступы внутри .pd нейтрализованы точечно, без
        «!important» и без изменения визуала.

   Подключение: enqueue ЭТОГО файла ПОСЛЕ bootstrap-5 и style.css.
   На <body> страницы должен быть класс .pd (body_class('pd')).
   ============================================================ */

/* Токены — локально, чтобы не пересекаться с переменными темы */
body.pd{
  --hero-red:#E64E37;
  --link:#B32000;
  --link-soft:rgba(179,32,0,0.2);
  --hero-cream:#FEF0D1;
  --bg:#F0E7C8;
  --font:'Geologica',sans-serif;
  --container-max:1200px;
  --container-pad:32px;
  --gear-econom:#1B7A43;
  --gear-standart:#1D5F9E;
  --gear-profi:#111111;
}

/* Нейтрализуем bootstrap-reboot внутри .pd.
   :where() не добавляет специфичность, поэтому классовые правила ниже
   продолжают работать ровно как в эталоне (без Bootstrap). */
:where(body.pd),
:where(body.pd) *{
  box-sizing:border-box;
}

:where(body.pd) :is(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,dt,li,figure,figcaption,blockquote,pre,table,th,td,fieldset,legend,form,hr){
  margin:0;
  padding:0;
}

body.pd{
  font-family:var(--font);
  color:#000;
  background:var(--bg);
  line-height:1.6;
  margin:0;
  min-width:0;
  overflow-x:clip;
}

body.pd h1,
body.pd h2,
body.pd h3,
body.pd h4{
  font-family:var(--font);
  color:#000;
  /* Bootstrap делает заголовки font-weight:500; в эталоне — дефолтный bold */
  font-weight:700;
}
body.pd h1{
  text-transform:uppercase;
  letter-spacing:0.04em;
}
body.pd h2,
body.pd h3,
body.pd h4{
  text-transform:none;
  letter-spacing:0;
}

/* Жирный в контенте редактора (раньше давал Bootstrap .fw-bold) */
body.pd .fw-bold{
  font-weight:700;
}

/* Spacing-утилиты как в Bootstrap 5 (mt-5, mb-3, my-lg-0 …).
   Контент в редакторе их использует; Bootstrap на фронте не грузим. */
body.pd{
  --pd-spacer:1rem;
}
body.pd .m-0{margin:0 !important;}
body.pd .m-1{margin:calc(var(--pd-spacer) * .25) !important;}
body.pd .m-2{margin:calc(var(--pd-spacer) * .5) !important;}
body.pd .m-3{margin:var(--pd-spacer) !important;}
body.pd .m-4{margin:calc(var(--pd-spacer) * 1.5) !important;}
body.pd .m-5{margin:calc(var(--pd-spacer) * 3) !important;}
body.pd .m-auto{margin:auto !important;}

body.pd .mx-0{margin-left:0 !important;margin-right:0 !important;}
body.pd .mx-1{margin-left:calc(var(--pd-spacer) * .25) !important;margin-right:calc(var(--pd-spacer) * .25) !important;}
body.pd .mx-2{margin-left:calc(var(--pd-spacer) * .5) !important;margin-right:calc(var(--pd-spacer) * .5) !important;}
body.pd .mx-3{margin-left:var(--pd-spacer) !important;margin-right:var(--pd-spacer) !important;}
body.pd .mx-4{margin-left:calc(var(--pd-spacer) * 1.5) !important;margin-right:calc(var(--pd-spacer) * 1.5) !important;}
body.pd .mx-5{margin-left:calc(var(--pd-spacer) * 3) !important;margin-right:calc(var(--pd-spacer) * 3) !important;}
body.pd .mx-auto{margin-left:auto !important;margin-right:auto !important;}

body.pd .my-0{margin-top:0 !important;margin-bottom:0 !important;}
body.pd .my-1{margin-top:calc(var(--pd-spacer) * .25) !important;margin-bottom:calc(var(--pd-spacer) * .25) !important;}
body.pd .my-2{margin-top:calc(var(--pd-spacer) * .5) !important;margin-bottom:calc(var(--pd-spacer) * .5) !important;}
body.pd .my-3{margin-top:var(--pd-spacer) !important;margin-bottom:var(--pd-spacer) !important;}
body.pd .my-4{margin-top:calc(var(--pd-spacer) * 1.5) !important;margin-bottom:calc(var(--pd-spacer) * 1.5) !important;}
body.pd .my-5{margin-top:calc(var(--pd-spacer) * 3) !important;margin-bottom:calc(var(--pd-spacer) * 3) !important;}
body.pd .my-auto{margin-top:auto !important;margin-bottom:auto !important;}

body.pd .mt-0{margin-top:0 !important;}
body.pd .mt-1{margin-top:calc(var(--pd-spacer) * .25) !important;}
body.pd .mt-2{margin-top:calc(var(--pd-spacer) * .5) !important;}
body.pd .mt-3{margin-top:var(--pd-spacer) !important;}
body.pd .mt-4{margin-top:calc(var(--pd-spacer) * 1.5) !important;}
body.pd .mt-5{margin-top:calc(var(--pd-spacer) * 3) !important;}
body.pd .mt-auto{margin-top:auto !important;}

body.pd .mb-0{margin-bottom:0 !important;}
body.pd .mb-1{margin-bottom:calc(var(--pd-spacer) * .25) !important;}
body.pd .mb-2{margin-bottom:calc(var(--pd-spacer) * .5) !important;}
body.pd .mb-3{margin-bottom:var(--pd-spacer) !important;}
body.pd .mb-4{margin-bottom:calc(var(--pd-spacer) * 1.5) !important;}
body.pd .mb-5{margin-bottom:calc(var(--pd-spacer) * 3) !important;}
body.pd .mb-auto{margin-bottom:auto !important;}

body.pd .ms-0{margin-left:0 !important;}
body.pd .ms-1{margin-left:calc(var(--pd-spacer) * .25) !important;}
body.pd .ms-2{margin-left:calc(var(--pd-spacer) * .5) !important;}
body.pd .ms-3{margin-left:var(--pd-spacer) !important;}
body.pd .ms-4{margin-left:calc(var(--pd-spacer) * 1.5) !important;}
body.pd .ms-5{margin-left:calc(var(--pd-spacer) * 3) !important;}
body.pd .ms-auto{margin-left:auto !important;}

body.pd .me-0{margin-right:0 !important;}
body.pd .me-1{margin-right:calc(var(--pd-spacer) * .25) !important;}
body.pd .me-2{margin-right:calc(var(--pd-spacer) * .5) !important;}
body.pd .me-3{margin-right:var(--pd-spacer) !important;}
body.pd .me-4{margin-right:calc(var(--pd-spacer) * 1.5) !important;}
body.pd .me-5{margin-right:calc(var(--pd-spacer) * 3) !important;}
body.pd .me-auto{margin-right:auto !important;}

body.pd .p-0{padding:0 !important;}
body.pd .p-1{padding:calc(var(--pd-spacer) * .25) !important;}
body.pd .p-2{padding:calc(var(--pd-spacer) * .5) !important;}
body.pd .p-3{padding:var(--pd-spacer) !important;}
body.pd .p-4{padding:calc(var(--pd-spacer) * 1.5) !important;}
body.pd .p-5{padding:calc(var(--pd-spacer) * 3) !important;}

body.pd .px-0{padding-left:0 !important;padding-right:0 !important;}
body.pd .px-1{padding-left:calc(var(--pd-spacer) * .25) !important;padding-right:calc(var(--pd-spacer) * .25) !important;}
body.pd .px-2{padding-left:calc(var(--pd-spacer) * .5) !important;padding-right:calc(var(--pd-spacer) * .5) !important;}
body.pd .px-3{padding-left:var(--pd-spacer) !important;padding-right:var(--pd-spacer) !important;}
body.pd .px-4{padding-left:calc(var(--pd-spacer) * 1.5) !important;padding-right:calc(var(--pd-spacer) * 1.5) !important;}
body.pd .px-5{padding-left:calc(var(--pd-spacer) * 3) !important;padding-right:calc(var(--pd-spacer) * 3) !important;}

body.pd .py-0{padding-top:0 !important;padding-bottom:0 !important;}
body.pd .py-1{padding-top:calc(var(--pd-spacer) * .25) !important;padding-bottom:calc(var(--pd-spacer) * .25) !important;}
body.pd .py-2{padding-top:calc(var(--pd-spacer) * .5) !important;padding-bottom:calc(var(--pd-spacer) * .5) !important;}
body.pd .py-3{padding-top:var(--pd-spacer) !important;padding-bottom:var(--pd-spacer) !important;}
body.pd .py-4{padding-top:calc(var(--pd-spacer) * 1.5) !important;padding-bottom:calc(var(--pd-spacer) * 1.5) !important;}
body.pd .py-5{padding-top:calc(var(--pd-spacer) * 3) !important;padding-bottom:calc(var(--pd-spacer) * 3) !important;}

body.pd .pt-0{padding-top:0 !important;}
body.pd .pt-1{padding-top:calc(var(--pd-spacer) * .25) !important;}
body.pd .pt-2{padding-top:calc(var(--pd-spacer) * .5) !important;}
body.pd .pt-3{padding-top:var(--pd-spacer) !important;}
body.pd .pt-4{padding-top:calc(var(--pd-spacer) * 1.5) !important;}
body.pd .pt-5{padding-top:calc(var(--pd-spacer) * 3) !important;}

body.pd .pb-0{padding-bottom:0 !important;}
body.pd .pb-1{padding-bottom:calc(var(--pd-spacer) * .25) !important;}
body.pd .pb-2{padding-bottom:calc(var(--pd-spacer) * .5) !important;}
body.pd .pb-3{padding-bottom:var(--pd-spacer) !important;}
body.pd .pb-4{padding-bottom:calc(var(--pd-spacer) * 1.5) !important;}
body.pd .pb-5{padding-bottom:calc(var(--pd-spacer) * 3) !important;}

body.pd .ps-0{padding-left:0 !important;}
body.pd .ps-1{padding-left:calc(var(--pd-spacer) * .25) !important;}
body.pd .ps-2{padding-left:calc(var(--pd-spacer) * .5) !important;}
body.pd .ps-3{padding-left:var(--pd-spacer) !important;}
body.pd .ps-4{padding-left:calc(var(--pd-spacer) * 1.5) !important;}
body.pd .ps-5{padding-left:calc(var(--pd-spacer) * 3) !important;}

body.pd .pe-0{padding-right:0 !important;}
body.pd .pe-1{padding-right:calc(var(--pd-spacer) * .25) !important;}
body.pd .pe-2{padding-right:calc(var(--pd-spacer) * .5) !important;}
body.pd .pe-3{padding-right:var(--pd-spacer) !important;}
body.pd .pe-4{padding-right:calc(var(--pd-spacer) * 1.5) !important;}
body.pd .pe-5{padding-right:calc(var(--pd-spacer) * 3) !important;}

body.pd .text-center{text-align:center !important;}
body.pd .text-start{text-align:left !important;}
body.pd .text-end{text-align:right !important;}

@media (min-width:576px){
  body.pd .m-sm-0{margin:0 !important;}
  body.pd .m-sm-1{margin:calc(var(--pd-spacer) * .25) !important;}
  body.pd .m-sm-2{margin:calc(var(--pd-spacer) * .5) !important;}
  body.pd .m-sm-3{margin:var(--pd-spacer) !important;}
  body.pd .m-sm-4{margin:calc(var(--pd-spacer) * 1.5) !important;}
  body.pd .m-sm-5{margin:calc(var(--pd-spacer) * 3) !important;}
  body.pd .m-sm-auto{margin:auto !important;}
  body.pd .mx-sm-0{margin-left:0 !important;margin-right:0 !important;}
  body.pd .mx-sm-auto{margin-left:auto !important;margin-right:auto !important;}
  body.pd .my-sm-0{margin-top:0 !important;margin-bottom:0 !important;}
  body.pd .my-sm-1{margin-top:calc(var(--pd-spacer) * .25) !important;margin-bottom:calc(var(--pd-spacer) * .25) !important;}
  body.pd .my-sm-2{margin-top:calc(var(--pd-spacer) * .5) !important;margin-bottom:calc(var(--pd-spacer) * .5) !important;}
  body.pd .my-sm-3{margin-top:var(--pd-spacer) !important;margin-bottom:var(--pd-spacer) !important;}
  body.pd .my-sm-4{margin-top:calc(var(--pd-spacer) * 1.5) !important;margin-bottom:calc(var(--pd-spacer) * 1.5) !important;}
  body.pd .my-sm-5{margin-top:calc(var(--pd-spacer) * 3) !important;margin-bottom:calc(var(--pd-spacer) * 3) !important;}
  body.pd .mt-sm-0{margin-top:0 !important;}
  body.pd .mt-sm-1{margin-top:calc(var(--pd-spacer) * .25) !important;}
  body.pd .mt-sm-2{margin-top:calc(var(--pd-spacer) * .5) !important;}
  body.pd .mt-sm-3{margin-top:var(--pd-spacer) !important;}
  body.pd .mt-sm-4{margin-top:calc(var(--pd-spacer) * 1.5) !important;}
  body.pd .mt-sm-5{margin-top:calc(var(--pd-spacer) * 3) !important;}
  body.pd .mb-sm-0{margin-bottom:0 !important;}
  body.pd .mb-sm-1{margin-bottom:calc(var(--pd-spacer) * .25) !important;}
  body.pd .mb-sm-2{margin-bottom:calc(var(--pd-spacer) * .5) !important;}
  body.pd .mb-sm-3{margin-bottom:var(--pd-spacer) !important;}
  body.pd .mb-sm-4{margin-bottom:calc(var(--pd-spacer) * 1.5) !important;}
  body.pd .mb-sm-5{margin-bottom:calc(var(--pd-spacer) * 3) !important;}
}
@media (min-width:768px){
  body.pd .m-md-0{margin:0 !important;}
  body.pd .m-md-1{margin:calc(var(--pd-spacer) * .25) !important;}
  body.pd .m-md-2{margin:calc(var(--pd-spacer) * .5) !important;}
  body.pd .m-md-3{margin:var(--pd-spacer) !important;}
  body.pd .m-md-4{margin:calc(var(--pd-spacer) * 1.5) !important;}
  body.pd .m-md-5{margin:calc(var(--pd-spacer) * 3) !important;}
  body.pd .m-md-auto{margin:auto !important;}
  body.pd .mx-md-0{margin-left:0 !important;margin-right:0 !important;}
  body.pd .mx-md-auto{margin-left:auto !important;margin-right:auto !important;}
  body.pd .my-md-0{margin-top:0 !important;margin-bottom:0 !important;}
  body.pd .my-md-1{margin-top:calc(var(--pd-spacer) * .25) !important;margin-bottom:calc(var(--pd-spacer) * .25) !important;}
  body.pd .my-md-2{margin-top:calc(var(--pd-spacer) * .5) !important;margin-bottom:calc(var(--pd-spacer) * .5) !important;}
  body.pd .my-md-3{margin-top:var(--pd-spacer) !important;margin-bottom:var(--pd-spacer) !important;}
  body.pd .my-md-4{margin-top:calc(var(--pd-spacer) * 1.5) !important;margin-bottom:calc(var(--pd-spacer) * 1.5) !important;}
  body.pd .my-md-5{margin-top:calc(var(--pd-spacer) * 3) !important;margin-bottom:calc(var(--pd-spacer) * 3) !important;}
  body.pd .mt-md-0{margin-top:0 !important;}
  body.pd .mt-md-1{margin-top:calc(var(--pd-spacer) * .25) !important;}
  body.pd .mt-md-2{margin-top:calc(var(--pd-spacer) * .5) !important;}
  body.pd .mt-md-3{margin-top:var(--pd-spacer) !important;}
  body.pd .mt-md-4{margin-top:calc(var(--pd-spacer) * 1.5) !important;}
  body.pd .mt-md-5{margin-top:calc(var(--pd-spacer) * 3) !important;}
  body.pd .mb-md-0{margin-bottom:0 !important;}
  body.pd .mb-md-1{margin-bottom:calc(var(--pd-spacer) * .25) !important;}
  body.pd .mb-md-2{margin-bottom:calc(var(--pd-spacer) * .5) !important;}
  body.pd .mb-md-3{margin-bottom:var(--pd-spacer) !important;}
  body.pd .mb-md-4{margin-bottom:calc(var(--pd-spacer) * 1.5) !important;}
  body.pd .mb-md-5{margin-bottom:calc(var(--pd-spacer) * 3) !important;}
}
@media (min-width:992px){
  body.pd .m-lg-0{margin:0 !important;}
  body.pd .m-lg-1{margin:calc(var(--pd-spacer) * .25) !important;}
  body.pd .m-lg-2{margin:calc(var(--pd-spacer) * .5) !important;}
  body.pd .m-lg-3{margin:var(--pd-spacer) !important;}
  body.pd .m-lg-4{margin:calc(var(--pd-spacer) * 1.5) !important;}
  body.pd .m-lg-5{margin:calc(var(--pd-spacer) * 3) !important;}
  body.pd .m-lg-auto{margin:auto !important;}
  body.pd .mx-lg-0{margin-left:0 !important;margin-right:0 !important;}
  body.pd .mx-lg-auto{margin-left:auto !important;margin-right:auto !important;}
  body.pd .my-lg-0{margin-top:0 !important;margin-bottom:0 !important;}
  body.pd .my-lg-1{margin-top:calc(var(--pd-spacer) * .25) !important;margin-bottom:calc(var(--pd-spacer) * .25) !important;}
  body.pd .my-lg-2{margin-top:calc(var(--pd-spacer) * .5) !important;margin-bottom:calc(var(--pd-spacer) * .5) !important;}
  body.pd .my-lg-3{margin-top:var(--pd-spacer) !important;margin-bottom:var(--pd-spacer) !important;}
  body.pd .my-lg-4{margin-top:calc(var(--pd-spacer) * 1.5) !important;margin-bottom:calc(var(--pd-spacer) * 1.5) !important;}
  body.pd .my-lg-5{margin-top:calc(var(--pd-spacer) * 3) !important;margin-bottom:calc(var(--pd-spacer) * 3) !important;}
  body.pd .mt-lg-0{margin-top:0 !important;}
  body.pd .mt-lg-1{margin-top:calc(var(--pd-spacer) * .25) !important;}
  body.pd .mt-lg-2{margin-top:calc(var(--pd-spacer) * .5) !important;}
  body.pd .mt-lg-3{margin-top:var(--pd-spacer) !important;}
  body.pd .mt-lg-4{margin-top:calc(var(--pd-spacer) * 1.5) !important;}
  body.pd .mt-lg-5{margin-top:calc(var(--pd-spacer) * 3) !important;}
  body.pd .mb-lg-0{margin-bottom:0 !important;}
  body.pd .mb-lg-1{margin-bottom:calc(var(--pd-spacer) * .25) !important;}
  body.pd .mb-lg-2{margin-bottom:calc(var(--pd-spacer) * .5) !important;}
  body.pd .mb-lg-3{margin-bottom:var(--pd-spacer) !important;}
  body.pd .mb-lg-4{margin-bottom:calc(var(--pd-spacer) * 1.5) !important;}
  body.pd .mb-lg-5{margin-bottom:calc(var(--pd-spacer) * 3) !important;}
}
@media (min-width:1200px){
  body.pd .m-xl-0{margin:0 !important;}
  body.pd .m-xl-1{margin:calc(var(--pd-spacer) * .25) !important;}
  body.pd .m-xl-2{margin:calc(var(--pd-spacer) * .5) !important;}
  body.pd .m-xl-3{margin:var(--pd-spacer) !important;}
  body.pd .m-xl-4{margin:calc(var(--pd-spacer) * 1.5) !important;}
  body.pd .m-xl-5{margin:calc(var(--pd-spacer) * 3) !important;}
  body.pd .my-xl-0{margin-top:0 !important;margin-bottom:0 !important;}
  body.pd .my-xl-3{margin-top:var(--pd-spacer) !important;margin-bottom:var(--pd-spacer) !important;}
  body.pd .my-xl-5{margin-top:calc(var(--pd-spacer) * 3) !important;margin-bottom:calc(var(--pd-spacer) * 3) !important;}
  body.pd .mt-xl-0{margin-top:0 !important;}
  body.pd .mt-xl-3{margin-top:var(--pd-spacer) !important;}
  body.pd .mt-xl-5{margin-top:calc(var(--pd-spacer) * 3) !important;}
  body.pd .mb-xl-0{margin-bottom:0 !important;}
  body.pd .mb-xl-3{margin-bottom:var(--pd-spacer) !important;}
  body.pd .mb-xl-5{margin-bottom:calc(var(--pd-spacer) * 3) !important;}
}

/* :where() сохраняет специфичность обычного a, чтобы классовые правила
   ссылок (тарифы, кнопка) перебивали его так же, как в эталоне */
:where(body.pd) a{
  color:var(--link);
  text-decoration:none;
  display:inline-block;
  line-height:1.2;
  border-bottom:1px solid var(--link-soft);
}
:where(body.pd) a:hover{
  border-bottom-color:var(--link);
}

/* Единый контейнер шириной 1200px для всего контента страницы */
.pd-container{
  width:100%;
  max-width:var(--container-max);
  margin:0 auto;
}
.pd-page-body{
  background:var(--bg);
}

/* ============ ПОЛОСА-АНОНС ============ */
.pd-announcement-bar{
  background:var(--hero-red);
  color:#fff;
  text-align:center;
  padding:8px 0;
  font-size:14px;
  font-weight:600;
  letter-spacing:0.02em;
}

/* ============ ШАПКА (горизонтальное меню) ============ */
.pd-site-header{
  background:var(--bg);
  width:100%;
}
.pd-site-header .pd-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:14px;
  padding-bottom:14px;
  width:100%;
  min-width:0;
}
/* Кнопка-бургер (видна только на мобильных) */
.pd-burger{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:44px;
  height:44px;
  padding:10px;
  background:none;
  border:none;
  cursor:pointer;
}
.pd-burger span{
  display:block;
  width:24px;
  height:2px;
  background:#000;
  transition:transform 0.25s ease, opacity 0.25s ease;
}
.pd-site-header.pd-is-open .pd-burger span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}
.pd-site-header.pd-is-open .pd-burger span:nth-child(2){
  opacity:0;
}
.pd-site-header.pd-is-open .pd-burger span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}
.pd-site-header .pd-brand{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}
.pd-site-header .pd-brand-link{
  display:flex;
  align-items:center;
  color:#000;
  text-decoration:none;
  border-bottom:none;
}
.pd-site-header .pd-brand .pd-brand-logo{
  display:block;
  height:48px;
  width:auto;
}
.pd-site-header .pd-brand .pd-logo-text{
  font-family:var(--font);
  text-transform:uppercase;
  color:#000;
  line-height:1.05;
}
/* «Прокат» — капсом, небольшим шрифтом */
.pd-site-header .pd-brand .pd-logo-text .pd-logo-big{
  font-size:15px;
  font-weight:600;
  letter-spacing:0.16em;
}
/* «Любимый» — красный, курсивом в советском стиле (серифный курсив) */
.pd-site-header .pd-brand .pd-logo-text .pd-logo-sub{
  font-family:'PT Serif',serif;
  font-size:22px;
  font-style:italic;
  font-weight:700;
  color:var(--hero-red);
  letter-spacing:0.02em;
  text-transform:none;
}

/* Горизонтальное меню */
.pd-main-nav ul{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:6px 22px;
  justify-content:center;
}
.pd-main-nav ul li a{
  display:block;
  text-decoration:none;
  font-family:var(--font);
  letter-spacing:0.02em;
  font-size:16px;
  color:#000;
  padding:6px 0;
  border-bottom:2px solid transparent;
  transition:all 0.2s ease;
  white-space:nowrap;
}
.pd-main-nav ul li a:hover{
  border-bottom-color:#000;
}
/* Пункт с выпадающим меню */
.pd-main-nav ul li.pd-has-dropdown{
  position:relative;
}
.pd-main-nav ul li.pd-has-dropdown > a{
  display:flex;
  align-items:center;
  gap:6px;
}
.pd-main-nav ul li.pd-has-dropdown > a .pd-caret{
  width:14px;
  height:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.pd-main-nav ul li.pd-has-dropdown > a .pd-caret svg{
  width:100%;
  height:100%;
}
.pd-main-nav .pd-dropdown{
  position:absolute;
  top:100%;
  left:0;
  min-width:260px;
  background:#fff;
  padding:10px 0;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:all 0.2s ease;
  z-index:100;
}
.pd-main-nav ul li.pd-has-dropdown:hover .pd-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.pd-main-nav .pd-dropdown a{
  display:block;
  padding:8px 20px;
  border-bottom:none;
  white-space:normal;
}
.pd-main-nav .pd-dropdown a:hover{
  background:#f5f5f5;
  border-bottom:none;
}

/* ============ ХЛЕБНЫЕ КРОШКИ ============ */
.pd-breadcrumbs{
  margin-top:40px;
  margin-bottom:16px;
  font-size:14px;
  line-height:1.4;
}
.pd-breadcrumbs a{
  color:var(--link);
  border-bottom:1px solid transparent;
}
.pd-breadcrumbs a:hover{
  border-bottom-color:var(--link);
}
.pd-breadcrumbs .pd-breadcrumbs-sep{
  margin:0 8px;
  color:#000;
}
.pd-breadcrumbs .pd-breadcrumbs-current{
  color:#000;
}

/* ============ ЗАГОЛОВОК СТРАНИЦЫ (h1) И ЛИД ============ */
.pd-container h1{
  font-size:90px;
  line-height:1.05;
  color:#000;
  max-width:900px;
  margin-top:0;
  margin-bottom:24px;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.pd-city-note{
  display:block;
  margin-top:12px;
  font-size:20px;
  line-height:1.4;
  font-weight:300;
  letter-spacing:0;
  text-transform:none;
  color:var(--link);
}
.pd-container .pd-lead{
  margin-top:24px;
  margin-bottom:24px;
  font-size:22px;
  line-height:1.6;
  color:#000;
  max-width:760px;
}
/* Вторичная кнопка: используется не только в hero, поэтому класс общий */
.pd-btn{
  display:inline-block;
  margin-top:16px;
  font-family:var(--font);
  font-size:16px;
  font-weight:600;
  color:#000;
  background:transparent;
  border:2px solid #000;
  padding:14px 28px;
  text-decoration:none;
  cursor:pointer;
  transition:all 0.2s ease;
}
.pd-btn:hover{
  background:#000;
  color:var(--bg);
  border-bottom-color:#000;
}
.pd-container h2{
  font-family:var(--font);
  text-transform:none;
  letter-spacing:0;
  color:#000;
  font-size:34px;
  line-height:1.2;
  font-weight:600;
  margin-top:64px;
  margin-bottom:22px;
  text-align:left;
}
.pd-container p{
  font-size:17px;
  line-height:1.7;
  color:#000;
  max-width:760px;
}
/* Отступ между соседними абзацами — сверху у следующего,
   чтобы нижний марджин абзаца не складывался с верхним марджином заголовка */
.pd-container p + p{
  margin-top:16px;
}
/* После списка — отступ до следующего абзаца */
.pd-container ul + p,
.pd-container ol + p{
  margin-top:16px;
}
/* Оглавление и другие списки в тексте: без буллитов, со сдвигом вправо.
   Не только прямые дети .pd-container — контент часто вложен в колонку
   (контакты, услуга, о нас). :where() не поднимает специфичность, чтобы
   свои отступы списков в .pd-lead, .pd-policy-body, .pd-toc и .pd-advantages
   не перебивались. Жирный текст — Bootstrap-утилита .fw-bold. */
body.pd .pd-page ul:where(:not(.pd-lead *):not(.pd-policy-body *):not(.pd-advantages):not(.pd-toc):not(.places-list):not(.image-gallery):not(.service-promo-contact-list):not(.dropdown-menu)){
  list-style:none;
  margin:0;
  padding-left:22px;
}
body.pd .pd-page ul:where(:not(.pd-lead *):not(.pd-policy-body *):not(.pd-advantages):not(.pd-toc):not(.places-list):not(.image-gallery):not(.service-promo-contact-list):not(.dropdown-menu)) li{
  margin-bottom:8px;
}
body.pd .pd-page ul:where(:not(.pd-lead *):not(.pd-policy-body *):not(.pd-advantages):not(.pd-toc):not(.places-list):not(.image-gallery):not(.service-promo-contact-list):not(.dropdown-menu)) li:last-child{
  margin-bottom:0;
}
/* Ссылки списка: подчёркиваем каждую строку, а не только последнюю */
body.pd .pd-page ul:where(:not(.pd-lead *):not(.pd-policy-body *):not(.pd-advantages):not(.pd-toc):not(.places-list):not(.image-gallery):not(.service-promo-contact-list):not(.dropdown-menu)) a:not(.pd-btn):not(.pd-tariffs-link),
body.pd .pd-toc a:not(.pd-btn):not(.pd-tariffs-link){
  border-bottom:none;
  text-decoration:underline;
  text-decoration-color:var(--link-soft);
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
body.pd .pd-page ul:where(:not(.pd-lead *):not(.pd-policy-body *):not(.pd-advantages):not(.pd-toc):not(.places-list):not(.image-gallery):not(.service-promo-contact-list):not(.dropdown-menu)) a:not(.pd-btn):not(.pd-tariffs-link):hover,
body.pd .pd-toc a:not(.pd-btn):not(.pd-tariffs-link):hover{
  text-decoration-color:var(--link);
}
.pd-tariffs{
  background:#fff;
  padding:0 25px 60px;
  margin-top:72px;
  overflow:hidden;
}
.pd-tariffs-block{
  margin-top:64px;
}
/* Красная ссылка с шевроном вправо под таблицей (например, «Прокат защиты»).
   Без подчёркивания, подчёркивание появляется при наведении */
.pd-tariffs-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-top:10px;
  font-family:var(--font);
  font-size:15px;
  font-weight:600;
  color:var(--link);
  text-decoration:none;
  border-bottom:none;
  cursor:pointer;
  transition:color 0.2s ease;
}
.pd-tariffs-link .pd-tariffs-link-chevron{
  flex:none;
  display:block;
}
.pd-tariffs-link:hover{
  text-decoration:underline;
  text-underline-offset:5px;
  border-bottom:none;
}

/* Ссылка с шевроном сразу после заголовка — прижата к нему
   (общее правило для всего сайта; эталон — страница цен) */
h2 + .pd-tariffs-link,
h3 + .pd-tariffs-link{
  display:flex;
  width:fit-content;
  margin:-12px 0 8px;
}
.pd-tariffs-block--adults{
  margin-top:22px;
}
.pd-tariffs-badge{
  display:inline-block;
  font-size:24px;
  font-weight:600;
  letter-spacing:0.05em;
  color:var(--link);
  background:none;
  padding:0;
}
.pd-tariffs-table thead th.pd-tp-corner{
  vertical-align:bottom;
}
.pd-tariffs-block--adults .pd-tariffs-table thead th.pd-tp-corner,
.pd-tariffs-block--children .pd-tariffs-table thead th.pd-tp-corner{
  width:230px;
}
.pd-tariffs-block--adults .pd-tariffs-table{
  width:max-content;
  table-layout:fixed;
}
.pd-tariffs-block--children .pd-tariffs-table{
  width:max-content;
  table-layout:fixed;
}
/* 180px — чтобы 5 колонок товаров + колонка периода (230px) помещались в 1150px */
.pd-tariffs-block--adults .pd-tariffs-table thead th:not(.pd-tp-corner),
.pd-tariffs-block--children .pd-tariffs-table thead th:not(.pd-tp-corner){
  width:180px;
}
.pd-tariffs-block--adults .pd-tariffs-table thead th .pd-tp-photo,
.pd-tariffs-block--children .pd-tariffs-table thead th .pd-tp-photo{
  width:162px;
  height:162px;
}
.pd-tariffs-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:15px;
}
.pd-tariffs-table th,
.pd-tariffs-table td{
  border:none;
  text-align:left;
  vertical-align:top;
}
.pd-tariffs-table th{
  padding:10px 18px 10px 0;
}
.pd-tariffs-table td{
  padding:10px 18px 10px 0;
}
.pd-tariffs-table thead th{
  border-bottom:2px solid var(--link);
}
.pd-tariffs-table thead th{
  background:transparent;
  color:#000;
  font-size:14px;
  font-weight:600;
  letter-spacing:0.03em;
  line-height:1.3;
  vertical-align:top;
}
.pd-tariffs-table thead th.pd-tp-corner{
  background-color:transparent;
  color:#000;
}
.pd-tariffs-table thead th .pd-tp-photo{
  display:block;
  width:200px;
  height:200px;
  margin:0 0 12px;
  background:#d7e3ea;
  border:none;
  border-radius:0;
  position:relative;
  overflow:hidden;
}
.pd-tariffs-table thead th .pd-tp-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.pd-tariffs-table thead th .pd-tp-name{
  display:block;
  text-align:left;
}
.pd-tariffs-table tbody th{
  font-weight:500;
  color:#000;
  background:transparent;
  line-height:1.4;
}
.pd-tariffs-table tbody tr:nth-child(even) td{
  background:transparent;
}
.pd-tariffs-table .pd-tp-cell{
  white-space:nowrap;
}
.pd-tariffs-table .pd-tp-cell .pd-price-line{
  display:block;
  line-height:1.5;
}
.pd-tariffs-table .pd-tp-cell .pd-price-line--adult{
  font-weight:600;
}
.pd-tariffs-table .pd-tp-cell .pd-price-line--child{
  font-weight:600;
}
.pd-tariffs-table .pd-tp-cell .pd-price-line--na{
  color:#bbb;
}
.pd-tariffs-table .pd-tp-cell .pd-price-line + .pd-price-line--na{
  display:block;
  text-decoration:line-through;
  font-weight:400;
  font-size:13px;
  margin-top:2px;
}
.pd-tariffs-more{
  margin-top:10px;
}
.pd-tariffs-more button,
.pd-tariffs-more-row button{
  font-family:var(--font);
  font-size:15px;
  font-weight:600;
  color:var(--link);
  background:none;
  border:none;
  border-bottom:1px solid var(--link-soft);
  padding:0;
  cursor:pointer;
  transition:all 0.2s ease;
}
.pd-tariffs-more button:hover,
.pd-tariffs-more-row button:hover{
  color:var(--link);
  border-bottom-color:var(--link);
}
.pd-tariffs-more-row td,
.pd-tariffs-more-row th{
  padding:12px 14px 12px 0;
  text-align:left;
}
.pd-tariff-toggle{
  text-align:left;
  white-space:nowrap;
}
.pd-tariffs-row--hidden{
  display:none;
}

/* ============ ТАРИФЫ: АУДИТОРИИ И КЛАССЫ ИНВЕНТАРЯ ============ */
.pd-tariffs-audience{
  margin-top:40px;
}
.pd-tariffs-audience:first-of-type{
  margin-top:0;
}
.pd-tariffs-audience-title{
  font-size:24px;
  font-weight:600;
  letter-spacing:0.05em;
  text-transform:none;
  color:var(--link);
  margin:0 0 24px;
}
body.pd h3.pd-tariffs-audience-title{
  color:var(--link);
}
.pd-tariffs-set{
  margin-bottom:48px;
}
.pd-tariffs-set:last-child{
  margin-bottom:0;
}
.pd-tariffs-set-header{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  margin-bottom:16px;
}
.pd-tariffs-set-photo{
  width:128px;
  height:128px;
  object-fit:cover;
  background:#d7e3ea;
  flex:none;
  display:block;
}
.pd-tariffs-set-info{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}
.pd-tariffs-set-title{
  font-size:18px;
  font-weight:600;
  line-height:1.3;
  text-transform:none;
  letter-spacing:0;
  margin:0;
}
.pd-tariffs-set-audience{
  font-size:14px;
  color:var(--link);
  line-height:1.4;
}
.pd-tariffs-set .pd-tariffs-table--classes{
  width:100%;
  table-layout:fixed;
}
.pd-tariffs-set .pd-tariffs-table--classes thead th.pd-tp-corner,
.pd-tariffs-set .pd-tariffs-table--classes tbody th{
  position:static;
  width:34%;
}
.pd-tariffs-set .pd-tariffs-table--classes thead th:not(.pd-tp-corner){
  width:22%;
}
.pd-tariffs-table--classes .pd-tp-cell .pd-price-line{
  font-weight:600;
}
.pd-class-badge{
  display:block;
  font-size:13px;
  font-weight:600;
  letter-spacing:0.03em;
  text-align:left;
  color:var(--badge-color,#000);
  white-space:nowrap;
}
.pd-class-badge--econom{ --badge-color:var(--gear-econom); }
.pd-class-badge--standart{ --badge-color:var(--gear-standart); }
.pd-class-badge--profi{ --badge-color:var(--gear-profi); }
.pd-tariffs-block .pd-tariffs-table--gear-list{
  width:100%;
  max-width:220px;
  table-layout:fixed;
}
.pd-tariffs-table--gear-list thead th.pd-tp-corner,
.pd-tariffs-table--gear-list tbody th{
  position:static;
  width:150px;
}
.pd-tariffs-table--gear-list thead th.pd-gear-price-head,
.pd-tariffs-table--gear-list tbody td{
  width:70px;
  text-align:left;
}
@media (min-width:601px){
  .pd-tariffs-set .pd-tariffs-table--classes{
    max-width:500px;
  }
  .pd-tariffs-set .pd-tariffs-table--classes.pd-tariffs-table--2col{
    max-width:400px;
  }
  .pd-tariffs-set .pd-tariffs-table--classes.pd-tariffs-table--1col{
    max-width:300px;
  }
  .pd-tariffs-set .pd-tariffs-table--classes thead th.pd-tp-corner,
  .pd-tariffs-set .pd-tariffs-table--classes tbody th{
    width:200px;
  }
  .pd-tariffs-set .pd-tariffs-table--classes thead th:not(.pd-tp-corner),
  .pd-tariffs-set .pd-tariffs-table--classes td{
    width:100px;
  }
  .pd-tariffs-block .pd-tariffs-table--gear-list{
    max-width:300px;
  }
  .pd-tariffs-table--gear-list thead th.pd-tp-corner,
  .pd-tariffs-table--gear-list tbody th{
    width:200px;
  }
  .pd-tariffs-table--gear-list thead th.pd-gear-price-head,
  .pd-tariffs-table--gear-list tbody td{
    width:100px;
  }
}
@media (max-width:600px){
  .pd-tariffs-audience-title{
    font-size:20px;
    margin-bottom:16px;
  }
  .pd-tariffs-set{
    margin-bottom:40px;
  }
  .pd-tariffs-set-photo{
    width:72px;
    height:72px;
  }
  .pd-tariffs-set-title{
    font-size:16px;
  }
  .pd-tariffs-set .pd-tariffs-table--classes th,
  .pd-tariffs-set .pd-tariffs-table--classes td{
    padding:8px 10px 8px 0;
  }
  .pd-tariffs-table--classes .pd-class-badge{
    font-size:12px;
    letter-spacing:0.02em;
  }
  .pd-tariffs-table--classes .pd-tp-cell,
  .pd-tariffs-table--classes .pd-tp-cell .pd-price-line{
    white-space:normal;
  }
}
@media (max-width:360px){
  .pd-tariffs-set .pd-tariffs-table--classes th,
  .pd-tariffs-set .pd-tariffs-table--classes td{
    padding:8px 6px 8px 0;
    font-size:12px;
  }
  .pd-tariffs-table--classes .pd-class-badge{
    font-size:12px;
  }
}

/* Комбинированная таблица снаряжения */
.pd-tariffs-block .pd-tariffs-table--gear{
  width:auto;
  table-layout:auto;
}
.pd-tariffs-table--gear thead th.pd-tp-corner{
  white-space:nowrap;
}
.pd-tariffs-table--gear thead th:not(.pd-tp-corner){
  text-align:left;
  font-size:14px;
  line-height:1.3;
  vertical-align:bottom;
  white-space:nowrap;
}
.pd-tariffs-table--gear tbody th{
  font-weight:500;
  color:#000;
  line-height:1.4;
}
.pd-tariffs-table--gear thead th.pd-tp-corner,
.pd-tariffs-table--gear tbody th{
  min-width:230px;
}
.pd-tariffs-table--gear tbody td{
  text-align:left;
  white-space:nowrap;
}
.pd-tariffs-table--gear th,
.pd-tariffs-table--gear td{
  padding:10px 14px 10px 0;
}
.pd-tariffs-deposit{
  margin-top:16px;
  margin-bottom:24px;
  max-width:760px;
}
.pd-tariffs > h2 + .pd-tariffs-deposit{
  margin-top:0;
}
.pd-tariffs-deposit p{
  font-size:17px;
  line-height:1.7;
  margin-bottom:0;
}
.pd-tariffs-deposit ol{
  margin:0;
  padding-left:22px;
  font-size:17px;
  line-height:1.7;
}
.pd-tariffs-deposit li{
  margin-bottom:8px;
}
.pd-tariffs-deposit li:last-child{
  margin-bottom:0;
}

/* Контентные/legacy-таблицы (сервис лыж и старый HTML) — белый блок, как .pd-tariffs */
body.pd .pd-page-body .with-fade,
body.pd .pd-page-body .table-responsive{
  background:#fff;
  padding:20px 25px 8px;
  margin:0 0 32px;
  max-width:810px;
  overflow:visible;
}
body.pd .pd-page-body .with-fade .table-responsive{
  background:transparent;
  padding:0;
  margin:0;
  max-width:none;
}
body.pd .pd-page table.table,
body.pd .pd-page table.table-bordered,
body.pd .pd-page table.table-service,
body.pd .pd-page-body table,
body.pd .pd-service-prices table{
  width:100%;
  max-width:760px;
  border-collapse:separate;
  border-spacing:0;
  font-size:15px;
  margin:0 0 16px;
  background:#fff;
}
body.pd .pd-page table.table th,
body.pd .pd-page table.table td,
body.pd .pd-page table.table-bordered th,
body.pd .pd-page table.table-bordered td,
body.pd .pd-page table.table-service th,
body.pd .pd-page table.table-service td,
body.pd .pd-page-body table th,
body.pd .pd-page-body table td,
body.pd .pd-service-prices table th,
body.pd .pd-service-prices table td{
  border:none;
  text-align:left;
  vertical-align:top;
  padding:10px 18px 10px 0;
  background:#fff;
  color:#000;
}
body.pd .pd-page table.table thead th,
body.pd .pd-page table.table-bordered thead th,
body.pd .pd-page table.table-service thead th,
body.pd .pd-page-body table thead th,
body.pd .pd-service-prices table thead th,
body.pd .pd-page table thead.navy-bg,
body.pd .pd-page table thead.navy-bg th{
  background:#fff !important;
  color:#000 !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:0.03em;
  line-height:1.3;
  border-bottom:2px solid var(--link);
}
body.pd .pd-page table.table tbody th,
body.pd .pd-page table.table-bordered tbody th,
body.pd .pd-page-body table tbody th,
body.pd .pd-service-prices table tbody th{
  font-weight:500;
}
body.pd .pd-page .table-responsive,
body.pd .pd-page .with-fade{
  overflow:visible;
}
body.pd .pd-page .with-fade::after,
body.pd .pd-page .table-responsive::after{
  display:none !important;
}

/* ============ ПОДБОР ЛЫЖ ПО КОМПЛЕКЦИИ ============ */
.pd-page-body > img{
  display:block;
  width:100%;
  height:auto;
  margin-top:72px;
}
.pd-row{
  display:flex;
  flex-wrap:wrap;
  gap:48px;
  align-items:flex-start;
}
/* Сетка на 12 колонок (как в Bootstrap):
   .pd-col — базовая колонка, .pd-col-9 — 9/12 (заголовок h1),
   .pd-col-8 — 8/12, .pd-col-4 — 4/12.
   Ширины считаются с учётом gap 48px между колонками */
.pd-col{
  flex:1 1 0%;
  min-width:0;
  padding-right:12px;
}
.pd-col-9{
  flex:0 0 calc(75% - 36px);
  max-width:calc(75% - 36px);
}
.pd-col-8{
  flex:0 0 calc(66.6667% - 32px);
  max-width:calc(66.6667% - 32px);
}
.pd-col-4{
  flex:0 0 calc(33.3333% - 16px);
  max-width:calc(33.3333% - 16px);
}
.pd-col > h2{
  font-family:var(--font);
  text-transform:none;
  letter-spacing:0;
  color:#000;
  font-size:34px;
  line-height:1.2;
  font-weight:600;
  margin-top:64px;
  margin-bottom:26px;
  text-align:left;
}
/* Если заголовок идёт сразу после фото — связываем их tighter */
.pd-page-body > img + .pd-row h2{
  margin-top:32px;
}
.pd-col > p strong{
  font-weight:600;
}
/* Блок «Важно»: вставляется руками через .pd-fit-note */
.pd-fit-note{
  margin-top:42px;
}
/* В одном ряду с заголовком h2 — верхний отступ 64px.
   После фото заголовок сжимается до 32px, звёздочка остаётся как на акциях: 42px. */
.pd-row:has(.pd-col > h2) .pd-fit-note{
  margin-top:64px;
}
.pd-page-body > img + .pd-row .pd-fit-note{
  margin-top:42px;
}
.pd-fit-note-icon{
  display:block;
  font-size:120px;
  line-height:0;
  color:var(--link);
}
.pd-fit-note p{
  font-size:22px;
  line-height:1.4;
  color:var(--link);
  font-weight:500;
  margin-top:32px;
  max-width:none;
}

/* ============ ВОПРОСЫ И ОТВЕТЫ ============ */
.pd-faq-list{
  display:grid;
  gap:26px;
}
.pd-faq-item .pd-faq-question{
  font-size:18px;
  font-weight:600;
  line-height:1.4;
  color:#000;
  margin-bottom:8px;
}
.pd-faq-item .pd-faq-answer{
  font-size:16px;
  line-height:1.7;
  color:#000;
}
.pd-faq-item .pd-faq-answer p{
  margin-bottom:10px;
}
.pd-faq-item .pd-faq-answer p:last-child{
  margin-bottom:0;
}

/* ============ АДРЕС ПРОКАТА И КОНТАКТЫ ============ */
.pd-contacts p{
  font-size:17px;
  line-height:1.8;
  color:#000;
  margin-bottom:10px;
}
.pd-contacts .pd-ci-phone{
  font-weight:600;
  color:var(--link);
}
.pd-contacts-map{
  width:100%;
  height:600px;
  border:none;
  display:block;
  margin-top:32px;
}

/* ============ ПОДВАЛ ============ */
.pd-site-footer{
  margin-top:0;
  padding:28px 0;
  background:var(--bg);
}
.pd-site-footer .pd-footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}
.pd-site-footer .pd-footer-link{
  font-size:15px;
  color:var(--link);
}
.pd-site-footer .pd-footer-social{
  display:flex;
  align-items:center;
  gap:24px;
}
.pd-site-footer .pd-footer-social a{
  font-size:15px;
  color:var(--link);
}
.pd-site-footer .pd-footer-rating{
  display:block;
  border:0;
}

/* Адаптивность */
@media (max-width:1200px){
  .pd-container{padding:0 24px;}
  .pd-row{gap:0;}
  /* При gap:0 вычет 32px/16px больше не нужен — иначе справа остаётся дыра */
  .pd-col-9{flex:0 0 75%;max-width:75%;}
  .pd-col-8{flex:0 0 66.6667%;max-width:66.6667%;}
  .pd-col-4{flex:0 0 33.3333%;max-width:33.3333%;}
  .pd-tariffs-table-scroll{
    position:relative;
  }
  .pd-tariffs-table-wrap{
    display:block;
    overflow-x:scroll;
    -webkit-overflow-scrolling:touch;
    padding-bottom:10px;
  }
  .pd-tariffs-table-haze{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:90px;
    background:linear-gradient(to left, rgba(255,255,255,0.92), rgba(255,255,255,0));
    pointer-events:none;
    z-index:3;
    display:none;
  }
  .pd-tariffs-table-scroll.has-overflow .pd-tariffs-table-haze{
    display:block;
  }
  .pd-tariffs-table-wrap::-webkit-scrollbar{
    height:12px;
  }
  .pd-tariffs-table-wrap::-webkit-scrollbar-track{
    background:#E4E4E4;
    border-radius:6px;
  }
  .pd-tariffs-table-wrap::-webkit-scrollbar-thumb{
    background:#A8A8A8;
    border-radius:6px;
    border:2px solid #E4E4E4;
  }
  .pd-tariffs-table-wrap::-webkit-scrollbar-thumb:hover{
    background:#8F8F8F;
  }
  .pd-tariffs-table-wrap{
    scrollbar-width:thin;
    scrollbar-color:#A8A8A8 #E4E4E4;
  }
  .pd-tariffs-table{
    font-size:14px;
    table-layout:fixed;
  }
  .pd-tariffs-table th,
  .pd-tariffs-table td{
    width:150px;
  }
  .pd-tariffs-block--adults .pd-tariffs-table thead th:not(.pd-tp-corner),
  .pd-tariffs-block--children .pd-tariffs-table thead th:not(.pd-tp-corner){
    width:150px;
  }
  .pd-tariffs-block--adults .pd-tariffs-table,
  .pd-tariffs-block--children .pd-tariffs-table{
    width:max-content;
  }
  .pd-tariffs-block .pd-tariffs-table--gear{
    width:max-content;
    table-layout:auto;
  }
  .pd-tariffs-table--gear th,
  .pd-tariffs-table--gear td{
    width:auto;
  }
  .pd-tariffs-table thead th:first-child,
  .pd-tariffs-block--adults .pd-tariffs-table thead th.pd-tp-corner,
  .pd-tariffs-block--children .pd-tariffs-table thead th.pd-tp-corner,
  .pd-tariffs-table tbody th{
    position:sticky;
    left:0;
    z-index:2;
    width:118px;
    background:#fff;
  }
  .pd-tariffs-table--gear thead th.pd-tp-corner,
  .pd-tariffs-table--gear tbody th{
    min-width:118px;
  }
  .pd-tariffs-table thead th .pd-tp-photo,
  .pd-tariffs-block--adults .pd-tariffs-table thead th .pd-tp-photo,
  .pd-tariffs-block--children .pd-tariffs-table thead th .pd-tp-photo{
    width:132px;
    height:132px;
  }
  .pd-tariffs-table thead th .pd-tp-name{
    font-size:14px;
  }
  .pd-tariffs-badge{
    font-size:16px;
  }
  .pd-tariffs-table th{
    padding:10px 18px 10px 0;
  }
  /* Ссылки после таблиц на мобильных — ещё ближе к таблице */
  .pd-tariffs-more{
    margin-top:6px;
  }
  .pd-tariffs-link{
    margin-top:6px;
  }
}
@media (max-width:992px){
  html.pd-menu-open,
  html.pd-menu-open body{
    overflow:hidden;
  }
  .pd-site-header{position:relative;z-index:200;}
  .pd-site-header .pd-header-inner{flex-wrap:wrap;}
  .pd-burger{display:flex;}
  .pd-main-nav{display:none;}
  .pd-site-header.pd-is-open .pd-main-nav{
    display:block;
    position:fixed;
    top:76px;
    left:0;
    right:0;
    bottom:0;
    min-height:0;
    background:var(--bg);
    padding:8px 24px 24px;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .pd-main-nav ul{flex-direction:column;align-items:flex-start;}
  .pd-main-nav ul li.pd-has-dropdown > a{display:none;}
  .pd-main-nav .pd-dropdown{position:static;opacity:1;visibility:visible;transform:none;background:transparent;padding:0;min-width:0;display:flex;flex-direction:column;gap:6px;}
  .pd-main-nav .pd-dropdown a{display:block;padding:6px 0;border-bottom:none;}
  .pd-main-nav .pd-dropdown a:hover{background:transparent;}
  .pd-site-header .pd-main-nav ul li a.pd-is-current{border-bottom-color:transparent;}
  .pd-container h1{
    font-size:32px;
  }
  .pd-container h2,
  .pd-col > h2{
    font-size:26px;
    margin-top:40px;
    margin-bottom:16px;
  }

  .pd-row{
    flex-direction:column;
    gap:32px;
  }
  .pd-col,
  .pd-col-9,
  .pd-col-8,
  .pd-col-4{
    flex:none;
    width:100%;
    max-width:100%;
    min-width:0;
    padding-right:0;
  }
}
@media (max-width:600px){
  .pd-container{padding:0 20px;}
  .pd-site-header.pd-is-open .pd-main-nav{padding:8px 20px 24px;}
  .pd-container h1{
    font-size:32px;
    margin-top:0;
  }
  .pd-container h2,
  .pd-col > h2{
    font-size:26px;
  }
}
@media (max-width:700px){
  .pd-site-footer .pd-footer-inner{
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }
  .pd-site-footer .pd-footer-social{
    flex-wrap:wrap;
    justify-content:flex-start;
  }
}