.elementor-353 .elementor-element.elementor-element-28bca02{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-353 .elementor-element.elementor-element-337630df > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-353 .elementor-element.elementor-element-337630df > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-353 .elementor-element.elementor-element-75d4b23b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-353 .dialog-widget-content{background-color:#02010100;border-style:none;border-radius:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip{padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}#elementor-popup-modal-353{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-353 .dialog-message{width:980px;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-353 .dialog-close-button{display:flex;top:5%;font-size:47px;}.bdt-lightbox .bdt-close.bdt-icon{border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.bdt-lightbox .bdt-lightbox-button{border-radius:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}body:not(.rtl) #elementor-popup-modal-353 .dialog-close-button{right:4%;}body.rtl #elementor-popup-modal-353 .dialog-close-button{left:4%;}#elementor-popup-modal-353 .dialog-close-button i{color:#F30202;}#elementor-popup-modal-353 .dialog-close-button svg{fill:#F30202;}@media(max-width:767px){#elementor-popup-modal-353 .dialog-message{width:1000px;padding:0px 0px 0px 0px;}#elementor-popup-modal-353 .dialog-close-button{top:2%;font-size:30px;}body:not(.rtl) #elementor-popup-modal-353 .dialog-close-button{right:7%;}body.rtl #elementor-popup-modal-353 .dialog-close-button{left:7%;}#elementor-popup-modal-353 .dialog-widget-content{margin:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-353 .elementor-element.elementor-element-337630df{width:100%;}}/* Start custom CSS for html, class: .elementor-element-75d4b23b *//* ===== ТЕМА / БАЗА ===== */
.price-hscroll{
  --bg:#0d3a3a; --bg2:#0f4444;
  --txt:#e7f6f6; --muted:#a6c5c5;
  --head:#e8fffd; --head2:#b6fff6;
  --divider:rgba(255,255,255,.1);
  --r:20px;
  color:var(--txt);
  background:linear-gradient(160deg,var(--bg),var(--bg2));
  border-radius:var(--r);
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  padding:16px 16px 18px;
  position:relative;
  overflow:hidden;               /* вертикальные полосы скрыты */
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;
  max-width:min(980px,calc(100vw - 32px));
  max-height:calc(100vh - 32px);
}

/* фоновые блики */
.price-hscroll::before{
  content:""; position:absolute; inset:-40%;
  background:
    radial-gradient(40% 40% at 18% 8%, rgba(94,234,212,.16), transparent 60%),
    radial-gradient(35% 35% at 90% 15%, rgba(183,255,242,.12), transparent 60%),
    radial-gradient(25% 25% at 72% 82%, rgba(94,234,212,.10), transparent 60%);
  filter:blur(6px); pointer-events:none; animation:floatGlow 18s ease-in-out infinite alternate;
}
@keyframes floatGlow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-2%,-3%,0)}}

/* Заголовок */
.ph-head{text-align:center;margin:4px 0 6px}
.ph-head h2{margin:0;font-weight:800;letter-spacing:.03em;color:#e8fffd;text-shadow:0 2px 20px rgba(94,234,212,.25);font-size:clamp(22px,3.6vw,34px)}
.ph-head .sub{margin:.35em 0 0;color:#b6fff6;font-size:clamp(12px,1.6vw,14px)}

/* Блок подсказки и верхней кнопки — ТОЛЬКО мобилки */
.mobile-top{display:none}
@media (max-width: 767px){
  .mobile-top{display:block}
  .swipe-hint{display:flex;justify-content:center;margin:10px 0 8px;pointer-events:none}
  .swipe-hint .hint-inner{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#e8fffd;box-shadow:0 6px 18px rgba(0,0,0,.25)}
  .swipe-hint .arrow{opacity:.95;animation:arrowMove 1.8s ease-in-out infinite}
  .swipe-hint .hand{opacity:.9;animation:handMove 1.8s ease-in-out infinite}
  .swipe-hint span{font-weight:700;font-size:13px}
  @keyframes arrowMove{0%{transform:translateX(0)}50%{transform:translateX(8px)}100%{transform:translateX(0)}}
  @keyframes handMove{0%{transform:translateX(0)}50%{transform:translateX(6px)}100%{transform:translateX(0)}}

  .mobile-cta{display:flex;justify-content:center;margin:8px 0 8px}
  /* можно скроллить вниз внутри попапа */
  .price-hscroll{
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    max-height:calc(100vh - 24px);
  }
}

/* Лента */
.ph-track{
  display:flex; gap:14px;
  overflow-x:auto; overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding-bottom:6px; /* запас под скроллбар */
}
.ph-track:focus{outline:none}

/* Скроллбар (ПК) */
@media (min-width:1025px){
  .ph-track::-webkit-scrollbar{height:8px}
  .ph-track::-webkit-scrollbar-track{background:transparent}
  .ph-track::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}
  @supports (scrollbar-color:auto){
    .ph-track{scrollbar-color: rgba(255,255,255,.22) transparent; scrollbar-width: thin;}
  }
}

/* Панели */
.panel{
  flex:0 0 auto;
  width:min(92vw,560px);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid var(--divider);
  border-radius:16px;
  padding:14px 16px;
  scroll-snap-align:start;
}
@media (min-width:1024px){ .panel{ width:520px } }

/* Заголовки блоков */
.badge,.group{
  display:inline-flex;align-items:center;gap:.6em;
  padding:.38em .9em;margin:2px 0 10px;border-radius:999px;
  font-weight:800;letter-spacing:.02em;font-size:clamp(13px,1.8vw,15px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  color:#e8fffd;
}
.badge.alt{background:rgba(183,255,242,.16)}
.group{background:rgba(255,255,255,.14)}
.minor{margin:14px 0 6px;font-size:clamp(14px,2vw,16px);font-weight:800;color:#e8fffd;text-shadow:0 1px 12px rgba(183,255,242,.25)}
.minor .muted{color:#b6fff6;font-weight:600}

/* Списки цен */
.pricelist{list-style:none;margin:0 0 10px;padding:0;border-top:1px dashed var(--divider)}
.pricelist li{display:grid;grid-template-columns:1fr auto;align-items:start;gap:14px;padding:10px 0;border-bottom:1px dashed var(--divider)}
.pricelist li:last-child{border-bottom:none}
.pricelist span{line-height:1.35}
.pricelist i{color:var(--muted);font-style:normal;font-size:.93em}
.pricelist b{white-space:nowrap;letter-spacing:.02em}
.pricelist.tight li{padding:8px 0;gap:12px}

/* Подвал (ПК) */
.ph-foot{display:flex;justify-content:center;margin-top:10px}
@media (max-width:767px){ .ph-foot{display:none} }

/* Кнопка */
.cta{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  padding:.9em 1.4em;border-radius:999px;text-decoration:none;
  background:linear-gradient(180deg,#42e3cd,#14b8a6);
  color:#032622;font-weight:800;letter-spacing:.02em;
  box-shadow:0 8px 24px rgba(20,184,166,.35), inset 0 0 0 1px rgba(255,255,255,.25);
  transition:transform .15s ease, box-shadow .15s ease;
}
.cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(20,184,166,.45), inset 0 0 0 1px rgba(255,255,255,.3)}
.cta i{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.cta i::before{content:"";position:absolute;top:-40%;left:-30%;width:40%;height:180%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.75) 50%,transparent 100%);transform:rotate(20deg);filter:blur(6px);animation:ctaSheen 2.8s linear infinite;opacity:.35}
@keyframes ctaSheen{0%{transform:translateX(-60%) rotate(20deg)}100%{transform:translateX(220%) rotate(20deg)}}

/* Затемнения краёв — без «полосы» слева */
.edge-fade{ position:absolute; pointer-events:none; }
.edge-fade.left  { left:0;  right:auto; width:52px; }
.edge-fade.right { right:0; left:auto;  width:52px; }
@media (min-width:768px){ .edge-fade{ top:58px; bottom:72px } }
@media (max-width:767px){ .edge-fade{ top:calc(56px + 48px + 46px); bottom:24px } } /* заголовок + подсказка + кнопка */
@media (max-width:480px){ .edge-fade.left,.edge-fade.right{ width:36px } }

/* Стрелки (десктоп) */
.hs-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  z-index:40;border:none;border-radius:999px;width:40px;height:40px;
  display:none;align-items:center;justify-content:center;
  color:#073a35;background:rgba(255,255,255,.9);
  box-shadow:0 10px 22px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.35);
  cursor:pointer;transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.hs-nav:hover{transform:translateY(-50%) scale(1.04)}
.hs-nav.prev{left:8px}
.hs-nav.next{right:8px}
@media (min-width:1025px){ .hs-nav{display:flex} }

/* Адаптация по высоте */
@media (max-height:720px){.price-hscroll{font-size:0.95rem}}
@media (max-height:640px){.price-hscroll{font-size:0.9rem}}
@media (max-height:560px){.price-hscroll{font-size:0.86rem}}
/* на всякий случай — контейнер попапа не режет переполнение */
.elementor-popup-modal .dialog-message { overflow: visible !important; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-28bca02 *//* 1) Вписываем карточку в окно и не выпускаем за пределы viewport */
.price-hscroll{
  box-sizing: border-box;
  max-width: min(980px, calc(100vw - 32px));   /* без горизонтального скролла всего окна */
  max-height: calc(100vh - 32px);              /* запас по краям попапа */
  margin: 0 auto;
}

/* 2) Трек: скролл горизонтальный остается, но полосы нет на ПК */
@media (min-width: 1025px){
  .price-hscroll .ph-track{
    overflow-x: auto;           /* скролл/трекпад работают */
    scrollbar-width: none;      /* Firefox */
  }
  .price-hscroll .ph-track::-webkit-scrollbar{ height:0; display:none; } /* Chrome/Safari */
}

/* 3) Чтобы содержимое гарантированно помещалось по высоте без вертикальной полосы */
@media (min-height: 640px){
  .price-hscroll{ font-size: 1rem; } /* базовый */
}
@media (max-height: 720px){ .price-hscroll{ font-size: 0.95rem; } }
@media (max-height: 660px){ .price-hscroll{ font-size: 0.9rem;  } }
@media (max-height: 600px){ .price-hscroll{ font-size: 0.86rem; } }

/* 4) Панели: на десктопе делаем их компактнее, чтобы трек не «давил» на ширину */
@media (min-width: 1025px){
  .price-hscroll .panel{ width: 500px; }       /* было 520–560 */
}

/* 5) Кнопка «Записаться»: всегда видна и не «прилипает» к нижней границе */
.price-hscroll .ph-foot{
  position: sticky;          /* держим внизу внутри попапа */
  bottom: 8px;
  margin-top: 10px;
  padding-top: 6px;
  background: transparent;
  z-index: 5;
}

/* 6) Затухания по краям – не пересекаются с кнопкой */
.edge-fade{ top: 58px; bottom: 72px; }                   /* как было */
@media (min-width: 1025px){ .edge-fade{ bottom: 88px; } } /* делаем ниже, чтобы не закрывало кнопку */

/* 7) На мобильных оставляем горизонтальный скролл и подсказку (у тебя она уже есть).
      Чуть больше места под кнопку, если она фиксируется на мобилке */
@media (max-width: 767px){
  .price-hscroll{ padding-bottom: 12px; }
  .edge-fade{ top: 56px; bottom: 96px; }
}/* End custom CSS */