/* =====================================================================
   BYROVIK — финальные мобильные правки 21.07.2026
   Только телефонная версия. Десктоп не затрагивается.
   ===================================================================== */
@media (max-width: 767.98px) {
  :root {
    --final-gutter: 20px;
    --final-navy: #071a45;
    --final-green: #079638;
    --final-muted: #5c6880;
    --final-line: #d9e1e6;
    --final-card-radius: 16px;
    --final-shadow: 0 8px 24px rgba(9, 34, 50, .08);
  }

  html { scroll-padding-top: 76px !important; }
  body,
  body.site-page {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 68px !important;
    overflow-x: clip !important;
  }

  /* Единая ширина контента */
  body :is(
    .header-container,
    .site-header__inner,
    .site-inner,
    .home-inner,
    .info-hero__inner,
    .ob-inner,
    .ob-wrap,
    .work-modern-inner,
    .pw-inner,
    .fc-inner,
    .well-faq__container,
    .works-hero__inner,
    .org-footer__inner
  ) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--final-gutter) !important;
    padding-right: var(--final-gutter) !important;
  }

  /* ------------------------- ШАПКА ------------------------- */
  html body .site-header {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    z-index: 5000 !important;
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(7, 26, 69, .09) !important;
    box-shadow: 0 3px 12px rgba(7, 26, 69, .06) !important;
  }

  html body .site-header__inner,
  html body .header-container.site-header__inner {
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 16px !important;
    gap: 0 !important;
  }

  html body .site-header__logo {
    height: 58px !important;
    margin: 0 auto 0 0 !important;
    gap: 0px !important;
  }

  html body .site-header__logo-icon {
    width: 28px !important;
    height: 42px !important;
  }

  html body .site-header__logo [data-header-logo-text]::after {
    content: "Byrovik" !important;
    font-size: 25px !important;
  }

  /* Телефон — черная внутренняя часть */
  html body .site-header__mobile-actions {
    width: 42px !important;
    height: 42px !important;
    margin: 0 10px 0 0 !important;
    transform: none !important;
  }

  html body .site-header__mobile-phone,
html body .site-header__mobile-phone:visited {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;

  color: #071a45 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Согласие под формой в первом экране страницы примеров работ */
html body.site-page.works-page
.works-hero .works-hero__inner > .byrovik-consent {
  order: 6 !important;
  position: relative !important;
  z-index: 10 !important;
  width: min(100%, 650px) !important;
  margin: 7px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #43536a !important;
}

html body.site-page.works-page
.works-hero .works-hero__highlights {
  order: 7 !important;
}

/* Карточка консультации на информационных страницах */
@media (max-width: 767.98px) {
  html body.site-page.info-page .info-cta-panel {
    width: 100% !important;
    min-width: 0 !important;
    margin: 4px 0 !important;
    padding: 20px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #0b3d43 0%, #075638 100%) !important;
    color: #fff !important;
    box-shadow: 0 14px 34px rgba(7, 45, 50, .16) !important;
  }

  html body.site-page.info-page .info-cta-panel > div {
    min-width: 0 !important;
  }

  html body.site-page.info-page .info-cta-panel h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1.12 !important;
  }

  html body.site-page.info-page .info-cta-panel p {
    margin: 9px 0 0 !important;
    color: rgba(255, 255, 255, .82) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  html body.site-page.info-page .info-cta-panel .home-cta-link {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 12px 16px !important;
    white-space: normal !important;
    text-align: center !important;
    border-radius: 11px !important;
    background: #0a9634 !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  html body.site-page.works-page
  .works-hero .works-hero__inner > .byrovik-consent {
    width: calc(100% - 20px) !important;
    margin: 6px auto 0 !important;
    color: #43536a !important;
  }
}

  html body .site-header__mobile-phone svg {
    width: 27px !important;
    height: 27px !important;
    animation: none !important;
    stroke: currentColor !important;
  }
  /* Закрашенная трубка телефона */
html body .site-header__mobile-phone svg path {
  fill: currentColor !important;
  stroke: currentColor !important;
}

  /* Надежная и одинаковая анимация бургера */
  html body .site-header__mobile-toggle {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    transform: none !important;
  }

  html body .site-header__mobile-toggle-lines {
    position: relative !important;
    width: 30px !important;
    height: 22px !important;
    display: block !important;
  }

  html body .site-header__mobile-toggle-lines > span {
    position: absolute !important;
    left: 0 !important;
    width: 30px !important;
    height: 3px !important;
    margin: 0 !important;
    background: var(--final-navy) !important;
    border-radius: 999px !important;
    transform-origin: center !important;
    transition: top .22s ease, transform .22s ease, opacity .16s ease !important;
  }

  html body .site-header__mobile-toggle-lines > span:nth-child(1) { top: 0 !important; }
  html body .site-header__mobile-toggle-lines > span:nth-child(2) { top: 9.5px !important; }
  html body .site-header__mobile-toggle-lines > span:nth-child(3) { top: 19px !important; }
  html body .site-header__mobile-toggle.is-open .site-header__mobile-toggle-lines > span:nth-child(1) {
    top: 9.5px !important;
    transform: rotate(45deg) !important;
  }
  html body .site-header__mobile-toggle.is-open .site-header__mobile-toggle-lines > span:nth-child(2) {
    opacity: 0 !important;
    transform: scaleX(.2) !important;
  }
  html body .site-header__mobile-toggle.is-open .site-header__mobile-toggle-lines > span:nth-child(3) {
    top: 9.5px !important;
    transform: rotate(-45deg) !important;
  }

  html body .site-header__mobile-panel {
  position: fixed !important;
  top: 68px !important;
  left: 0 !important;
  right: 0 !important;

  bottom: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 68px) !important;

  overflow-y: auto !important;
  overscroll-behavior: contain !important;

  background: #fff !important;
}

  html body .site-header__mobile-panel-inner {
    width: 100% !important;
    padding: 18px var(--final-gutter) 30px !important;
  }

  html body .site-header__mobile-panel-inner > a {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px 2px !important;
    color: var(--final-navy) !important;
    border-bottom: 1px solid #e4e8ec !important;
    font-weight: 650 !important;
    text-decoration: none !important;
  }

  html body .site-header__mobile-menu-phone {
    margin-top: 14px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    color: var(--final-navy) !important;
    font-weight: 750 !important;
    text-decoration: none !important;
  }

  html body .site-header__mobile-menu-phone svg {
    width: 22px !important;
    height: 22px !important;
    margin-right: 10px !important;
  }

  html body .site-header__mobile-menu-worktime {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    padding: 7px 0 11px 32px !important;
    color: var(--final-muted) !important;
    border-bottom: 1px solid #e4e8ec !important;
  }

  html body .site-header__mobile-menu-types {
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    padding: 11px 2px !important;
    color: var(--final-green) !important;
    font-weight: 750 !important;
    text-decoration: none !important;
  }

  /* ---------------------- БЛОК РЕШЕНИЯ ---------------------- */
  html body #benefits.benefits-modern-section {
    padding-top: 28px !important;
    padding-bottom: 26px !important;
  }

  html body #benefits .benefits-modern-card {
    margin-top: -18px !important;
    padding-top: 18px !important;
  }

  html body #benefits .benefits-modern-head h2 {
    font-size: clamp(29px, 8vw, 34px) !important;
    line-height: 1.08 !important;
  }

  html body #benefits .benefits-modern-head p {
    margin-top: 9px !important;
    font-size: 15px !important;
  }

  html body #benefits .benefits-modern-head::after {
    margin: 18px 0 8px !important;
    aspect-ratio: 545 / 330 !important;
  }

  html body #benefits .benefits-modern-item {
  min-height: 100px !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  column-gap: 5px !important;
  row-gap: 3px !important;
  padding: 10px 0 !important;
}

  html body #benefits .benefits-modern-icon {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
  }

  html body #benefits .benefits-modern-item h3 { font-size: 17px !important; }
html body #benefits .benefits-modern-item p {
  font-size: 10.5px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  white-space: normal !important;
  max-width: 215px !important;
}
  html body #benefits .benefits-modern-icon img {
    display: block !important;
    width: 90% !important;
    height: 90% !important;
    object-fit: contain !important;
  }

  /* ----------------------- КАЛЬКУЛЯТОР ----------------------- */
  html body #price.calc-section {
    padding: 28px var(--final-gutter) 34px !important;
  }

  html body #price .calc-box,
  html body #price .calc-box-modern {
    padding: 0 !important;
  }

  html body #price .calc-head,
  html body #price .calc-modern-head { margin-bottom: 12px !important; }
  html body #price .calc-title-row { gap: 9px !important; }
  html body #price .calc-head-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }
  html body #price .calc-head h2 {
    font-size: clamp(25px, 7vw, 29px) !important;
    line-height: 1.1 !important;
  }
  html body #price .calc-head > p {
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  html body #price .calc-panel,
  html body #price .calc-modern-panel {
    padding: 14px 0 16px !important;
  }

  html body #price .calc-modern-panel-top {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html body #price .calc-modern-step {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    font-size: 17px !important;
  }

  html body #price .calc-modern-panel-top h3 {
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  html body #price .calc-depth-panel { padding-bottom: 16px !important; }
  html body #price .calc-modern-depth-value {
    box-sizing: border-box !important;
    width: calc(100% - 102px) !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 12px auto 0 !important;
  }

  html body #price .calc-modern-depth-value input {
    width: 68px !important;
    height: 50px !important;
    min-height: 0 !important;
    padding: 0 !important;
    font-size: 30px !important;
    line-height: 50px !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
  }
  html body #price .calc-modern-depth-value input::-webkit-inner-spin-button,
  html body #price .calc-modern-depth-value input::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; }

  html body #price .calc-modern-depth-value > span { font-size: 17px !important; }
  html body #price .calc-depth-stepper {
    top: 72px !important;
    height: 52px !important;
    align-items: stretch !important;
  }
  html body #price .calc-depth-btn {
    box-sizing: border-box !important;
    width: 47px !important;
    height: 52px !important;
    min-width: 47px !important;
    min-height: 52px !important;
  }

  html body #price .calc-range-wrap { margin-top: 12px !important; }
  html body #price .calc-scale { margin-top: 6px !important; }

  html body #price .calc-modern-pipe-list { margin-top: 12px !important; gap: 8px !important; }
  html body #price .calc-pipe-option {
    min-height: 68px !important;
    padding: 8px 12px !important;
  }
  html body #price .calc-pipe-option i,
  html body #price .calc-pipe-option i img { width: 54px !important; height: 54px !important; }
  html body #price .calc-pipe-option b { font-size: 15px !important; }
  html body #price .calc-pipe-option em { font-size: 14px !important; }

  html body #price .calc-setup-select {
    width: 100% !important;
    min-height: 54px !important;
    margin-top: 12px !important;
    padding: 0 42px 0 14px !important;
    font-size: 15px !important;
  }

  html body #price .calc-modern-result,
  html body #price .calc-result {
    margin-top: 18px !important;
    padding: 14px 15px 16px !important;
  }

  html body #price .calc-result-list > div {
    min-height: 42px !important;
    padding: 7px 0 !important;
    grid-template-columns: minmax(0, 1fr) minmax(105px, 46%) !important;
    gap: 8px !important;
  }

  html body #price .calc-result-row-label { min-width: 0 !important; gap: 7px !important; }
  html body #price .calc-result-row-icon {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    color: #20a68f !important;
  }
  html body #price .calc-result-row-icon svg { stroke: currentColor !important; }
  html body #price .calc-result-row-icon img {
    width: 21px !important;
    height: 21px !important;
    filter: brightness(0) saturate(100%) invert(53%) sepia(70%) saturate(478%) hue-rotate(121deg) brightness(88%) contrast(91%) !important;
  }

  html body #price .calc-result-list b,
  html body #price .calc-setup-summary {
    min-width: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 2px 7px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: right !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  html body #price .calc-setup-summary span,
  html body #price .calc-setup-summary em {
    max-width: 100% !important;
    white-space: normal !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  html body #price .calc-result-total {
    margin-top: 10px !important;
    padding-top: 12px !important;
  }
  html body #price .calc-result-total span { font-size: 16px !important; }
  html body #price .calc-result-total strong { font-size: 25px !important; }
  html body #price .calc-modern-note { margin-top: 10px !important; grid-template-columns: 1fr !important; }
  html body #price .calc-modern-note > span { display: none !important; }
  html body #price .calc-modern-note p { margin: 0 !important; font-size: 13px !important; line-height: 1.35 !important; }
  html body #price .calc-lead-form { margin-top: 12px !important; gap: 8px !important; }
  html body #price .calc-phone-field,
  html body #price .calc-lead-form button { min-height: 54px !important; height: 54px !important; }

  

  /* --------------------- КАК ПРОХОДИТ РАБОТА --------------------- */
  html body #work.work-modern-section { padding: 34px 0 !important; }
  html body #work .work-modern-top {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }
  html body #work .work-modern-head { order: 1 !important; }
  html body #work .work-modern-photo { order: 2 !important; margin: 0 !important; }
  html body #work .work-modern-head h2 { font-size: 26px !important; }
  html body #work .work-modern-head p { margin-top: 5px !important; }
  html body #work .work-modern-photo { aspect-ratio: 2 / 1 !important; min-height: 0 !important; }
  html body #work .work-modern-grid { margin-top: 12px !important; gap: 8px !important; }
  html body #work .work-modern-card { padding: 12px 14px !important; min-height: 0 !important; }
  html body #work .work-modern-card-head {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
  }
  html body #work .work-modern-card-head > span {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    display: grid !important;
    place-items: center !important;
  }
  html body #work .work-modern-card h3 { margin: 0 !important; align-self: center !important; font-size: 15px !important; }
  html body #work .work-modern-card > p { margin: 6px 0 0 44px !important; font-size: 13px !important; line-height: 1.35 !important; }

  /* -------------------- ПРИМЕРЫ РАБОТ -------------------- */
  html body #cases.pw-section { padding: 34px 0 !important; }
  html body #cases .pw-copy h2 { font-size: 26px !important; }
  html body #cases .pw-copy p { margin-top: 7px !important; font-size: 14px !important; }
  html body #cases .pw-gallery { margin-top: 16px !important; }
  html body #cases .pw-viewport { touch-action: pan-y !important; }
  html body #cases .pw-nav-row { margin-top: 10px !important; }
  html body #cases .pw-more-link { min-height: 50px !important; margin-top: 12px !important; }

  /* ---------------------- НАЧАТЬ ПРОСТО ---------------------- */
  html body .fc-section { padding-top: 34px !important; padding-bottom: 34px !important; }
  html body .fc-title { font-size: 26px !important; }
  html body .fc-text { margin-top: 7px !important; font-size: 14px !important; }
  html body .fc-contact-link { margin-top: 9px !important; }
  html body .fc-form { margin-top: 16px !important; padding: 0 !important; }
  html body .fc-phone-field,
  html body .fc-submit { min-height: 54px !important; height: 54px !important; }
  html body .fc-phone-field > span { color: #111827 !important; font-weight: 750 !important; }
  html body .fc-notes { margin-top: 8px !important; }
  html body .fc-note { font-size: 12px !important; line-height: 1.3 !important; }

  /* ---------------------------- FAQ ---------------------------- */
  html body #faq .well-faq__header,
  html body #faq .well-faq__title,
  html body #faq .well-faq__title-line {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  html body #faq.well-faq { padding-top: 34px !important; padding-bottom: 34px !important; }
  html body #faq .well-faq__list { margin-top: 18px !important; gap: 8px !important; }

  /* ---------------------------- ПОДВАЛ ---------------------------- */
  html body .org-footer { padding: 28px 0 18px !important; }
  html body .org-footer .org-footer__inner { padding-left: var(--final-gutter) !important; padding-right: var(--final-gutter) !important; }
  html body .org-footer .org-footer__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  html body .org-footer__brand { order: 1 !important; padding: 0 0 16px !important; }
  html body .org-footer__contact-card { order: 2 !important; }
  html body .org-footer__company { order: 3 !important; }
  html body .org-footer__navigation { order: 4 !important; }
  html body .org-footer__brand-row {
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 0 !important;
  }
  html body .org-footer .org-footer__brand-row .org-footer__logo-img {
  width: 46px !important;
  height: 58px !important;
  flex: 0 0 auto !important;

  position: relative !important;
  left: -14px !important;
  margin-left: 0 !important;
  transform: none !important;
}
  html body .org-footer__brand-row h2 { min-width: 0 !important; margin: 0 !important; }
  html body .org-footer__logo-text { font-size: 22px !important; }
  html body .org-footer__brand-desc { margin-top: 2px !important; font-size: 12px !important; line-height: 1.25 !important; }
  html body .org-footer__contact-card,
  html body .org-footer__company,
  html body .org-footer__navigation {
    margin: 0 !important;
    padding: 16px 0 !important;
    border-top: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body .org-footer__contact-card h3,
  html body .org-footer__navigation h3 { margin: 0 0 10px !important; }
  html body .org-footer__list { margin: 0 !important; gap: 7px !important; }
  html body .org-footer__list li { margin: 0 !important; line-height: 1.35 !important; }
  html body .org-footer__phone { font-size: 22px !important; }
  html body .org-footer__links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px 18px !important;
  }
  html body .org-footer__links a {
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    padding: 6px 0 !important;
  }
  html body .org-footer__bottom { margin-top: 0 !important; padding: 14px 0 0 !important; }

  /* -------- СТРАНИЦА ОБУСТРОЙСТВО: вкладки и состав работ -------- */
  html body.site-page.obustroystvo-page #price .choice-editorial__tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 16px !important;
    overflow: visible !important;
  }
  html body.site-page.obustroystvo-page #price .choice-editorial__tab {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 8px 10px !important;
    justify-content: center !important;
    border: 1px solid #d7dfe3 !important;
    border-radius: 10px !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.2 !important;
  }
  html body.site-page.obustroystvo-page #price .choice-editorial__tab::after { display: none !important; }
  html body.site-page.obustroystvo-page #price .choice-editorial__tab[aria-selected="true"] {
    color: #fff !important;
    background: var(--final-green) !important;
    border-color: var(--final-green) !important;
  }

  html body.site-page.obustroystvo-page .ob-scope-section { padding: 34px 0 !important; }
  html body.site-page.obustroystvo-page .ob-scope-section .ob-inner,
  html body.site-page.obustroystvo-page .ob-scope-section .ob-scope__inner {
    width: 100% !important;
    max-width: none !important;
    padding-left: var(--final-gutter) !important;
    padding-right: var(--final-gutter) !important;
  }
  html body.site-page.obustroystvo-page .ob-scope__list,
  html body.site-page.obustroystvo-page .ob-scope-list { gap: 8px !important; }
  html body.site-page.obustroystvo-page .ob-scope__item,
  html body.site-page.obustroystvo-page .ob-scope-item {
    min-height: 0 !important;
    padding: 13px 14px !important;
  }
  html body.site-page.obustroystvo-page .ob-scope__item-head,
  html body.site-page.obustroystvo-page .ob-scope-item__head {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 9px !important;
  }
  html body.site-page.obustroystvo-page :is(.ob-scope__number,.ob-scope-number) {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }
  html body.site-page.obustroystvo-page :is(.ob-scope__item,.ob-scope-item) p {
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  /* Страница примеров: одинаковые зазоры и ширина фото/видео */
  html body.site-page.works-page .works-section--photos .works-gallery,
  html body.site-page.works-page .works-section--videos .works-video-grid {
    width: 100% !important;
    max-width: 100% !important;
    gap: 14px !important;
  }
  html body.site-page.works-page .works-section--videos > .home-inner {
    width: 100% !important;
    padding-left: var(--final-gutter) !important;
    padding-right: var(--final-gutter) !important;
  }
  html body.site-page.works-page .works-video-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 15px !important;
    overflow: hidden !important;
  }

  /* Контакты: города слева, карта справа */
  html body.site-page.contact-page .contact-region {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(118px, .95fr) !important;
    align-items: start !important;
    gap: 12px !important;
  }
  html body.site-page.contact-page .contact-region__copy {
    display: contents !important;
  }
  html body.site-page.contact-page .contact-region__copy > .home-kicker,
  html body.site-page.contact-page .contact-region__copy > h2,
  html body.site-page.contact-page .contact-region__copy > p {
    grid-column: 1 / -1 !important;
  }
  html body.site-page.contact-page .contact-region__cities {
    grid-column: 1 !important;
    min-width: 0 !important;
  }
  html body.site-page.contact-page .contact-region__cities ul {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }
  html body.site-page.contact-page .contact-region__map {
    grid-column: 2 !important;
    align-self: start !important;
    margin-top: 0 !important;
    min-width: 0 !important;
  }
  html body.site-page.contact-page .contact-region__map img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
  }

  /* Плавающая кнопка: вся видимая окружность кликабельна */
  html body .site-header__desktop-floating-contact,
  html body .site-header__desktop-floating-contact .site-header__floating-contact,
  html body .site-header__desktop-floating-contact .site-header__icon-button {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
  }
  html body .site-header__desktop-floating-contact { pointer-events: auto !important; }
  html body .site-header__desktop-floating-contact .site-header__icon-button {
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    place-items: center !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
  }
}

@media (max-width: 359.98px) {
  :root { --final-gutter: 16px; }
  html body .site-header__logo [data-header-logo-text]::after { font-size: 22px !important; }
  html body #obustroystvo .ob-cards { gap: 7px !important; }
  html body #obustroystvo .ob-card-head,
  html body #obustroystvo .ob-price-row { padding-left: 8px !important; padding-right: 8px !important; }
  html body #obustroystvo .ob-desc { margin-left: 8px !important; margin-right: 8px !important; }
  html body.site-page.contact-page .contact-region { grid-template-columns: minmax(0, 1fr) 112px !important; gap: 8px !important; }
}

/* Точечные усиления поверх старых мобильных правил */
@media (max-width: 767.98px) {
  /* Карточки обустройства: старая цена не разбивается по символам */
  html body #obustroystvo .ob-price-row {
    display: block !important;
    margin: 15px 0 0 !important;
    padding: 11px 0 0 !important;
    border-top: 1px solid #cfd8d3 !important;
}

html body #obustroystvo .ob-price {
    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: space-between !important;

    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body #obustroystvo .ob-old-price {
    display: block !important;
    width: auto !important;
    max-width: none !important;

    margin: 0 auto 0 0 !important;

    font-size: 17px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

html body #obustroystvo .ob-new-price {
    display: block !important;
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;

    font-size: 25px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

  /* Этапы работы: описание начинается под заголовком, а не в старой второй колонке */
  html body #work .work-modern-card {
    display: block !important;
    grid-template-columns: none !important;
  }
  html body #work .work-modern-card > p {
    width: auto !important;
    max-width: none !important;
    margin: 6px 0 0 44px !important;
  }

  /* Состав обустройства: меньше расстояние от номера до заголовка */
  html body.site-page.obustroystvo-page .ob-scope {
    padding-top: 24px !important;
    padding-bottom: 26px !important;
  }
  html body.site-page.obustroystvo-page .ob-scope__panel {
    gap: 8px !important;
  }
  html body.site-page.obustroystvo-page .ob-scope__item {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 9px !important;
    row-gap: 7px !important;
    padding: 12px 13px !important;
  }
  html body.site-page.obustroystvo-page .ob-scope__num {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }
  html body.site-page.obustroystvo-page .ob-scope__body {
    display: contents !important;
  }
  html body.site-page.obustroystvo-page .ob-scope__body h3 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    margin: 0 !important;
  }
  html body.site-page.obustroystvo-page .ob-scope__body p {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.38 !important;
  }

  /* Контакты: принудительно одна колонка городов внутри левой части */
  html body.site-page.contact-page .contact-region__cities {
    columns: auto !important;
    column-count: 1 !important;
    column-width: auto !important;
    column-gap: 0 !important;
  }
  html body.site-page.contact-page .contact-region__cities h3 {
    margin-bottom: 9px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
  html body.site-page.contact-page .contact-region__cities ul {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-flow: row !important;
    grid-template-rows: none !important;
    gap: 3px !important;
    margin: 0 !important;
  }
  html body.site-page.contact-page .contact-region__cities li {
    width: 100% !important;
    min-height: 24px !important;
    height: auto !important;
    padding-left: 14px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  html body.site-page.contact-page .contact-region__map {
    min-height: 0 !important;
    height: auto !important;
    padding: 8px !important;
    background: #e8eff0 !important;
    border-radius: 14px !important;
  }
  html body.site-page.contact-page .contact-region__map img {
    opacity: .92 !important;
    filter: contrast(1.65) brightness(.72) !important;
  }
}


/* =====================================================================
   ДОПОЛНИТЕЛЬНЫЕ ПРАВКИ ПО РЕНДЕРАМ
   ===================================================================== */
@media (max-width: 767.98px) {
  /* ---------- Главный экран бурения ---------- */
  html body.drilling-page .hp-hero-section {
    padding-top: 8px !important;
    background: linear-gradient(180deg, #f6f8f8 0%, #f6f8f8 100%) !important;
  }
  html body.drilling-page .hp-hero {
    padding-top: 16px !important;
    padding-bottom: 24px !important;
    gap: 12px !important;
  }
  html body.drilling-page .hp-kicker {
    margin-bottom: 10px !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }
  html body.drilling-page .hp-title {
    margin-bottom: 10px !important;
    font-size: clamp(29px, 9vw, 42px) !important;
    line-height: .98 !important;
    letter-spacing: -.03em !important;
  }
  html body.drilling-page .hp-sub {
    max-width: 235px !important;
    margin-bottom: 14px !important;
    font-size: 15px !important;
    line-height: 1.34 !important;
  }
  html body.drilling-page .hp-hero__media,
  html body.drilling-page .hp-hero__visual,
  html body.drilling-page .hero__visual {
    filter: saturate(1.08) contrast(1.03) brightness(1.02) !important;
  }
  html body.drilling-page .hero__features,
  html body.drilling-page .hp-features {
    margin-top: 4px !important;
    border-top: 0 !important;
    background: #fff !important;
    border-radius: 0 !important;
  }
  html body.drilling-page .hero__features > li,
  html body.drilling-page .hp-feature {
    min-height: 74px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  html body.drilling-page .hero__features > li:last-child,
  html body.drilling-page .hp-feature:last-child {
    padding-bottom: 14px !important;
  }

  /* ---------- Контакты ---------- */
  html body.site-page.contact-page .contact-hero {
    padding: 14px 0 18px !important;
    background: #f5f7f7 !important;
  }
  html body.site-page.contact-page .contact-hero__inner {
    min-height: 612px !important;
    padding-top: 26px !important;
    padding-bottom: 20px !important;
    justify-content: flex-start !important;
  }
  html body.site-page.contact-page .contact-hero h1 {
    font-size: clamp(33px, 10.4vw, 48px) !important;
    line-height: .95 !important;
    letter-spacing: -.04em !important;
    margin-bottom: 12px !important;
    max-width: 180px !important;
  }
  html body.site-page.contact-page .contact-hero p {
    max-width: 220px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
  }
  html body.site-page.contact-page .contact-hero__actions {
    margin-top: auto !important;
    display: grid !important;
    gap: 16px !important;
  }
  html body.site-page.contact-page .contact-hero__phone {
    position: relative !important;
    padding-left: 42px !important;
    font-size: clamp(26px, 9.2vw, 36px) !important;
    line-height: 1.04 !important;
    color: var(--final-navy) !important;
    font-weight: 760 !important;
    text-decoration: none !important;
  }
  html body.site-page.contact-page .contact-hero__phone::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 30px !important;
    height: 30px !important;
    transform: translateY(-50%) !important;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.1 3.8 9.5 3.2c.6-.15 1.2.18 1.42.76l1.13 2.99c.2.52.03 1.11-.41 1.44l-1.59 1.19c1.05 2.17 2.79 3.9 4.97 4.97l1.18-1.59c.34-.45.93-.62 1.45-.42l2.99 1.13c.58.22.91.82.76 1.42l-.6 2.4c-.17.68-.78 1.16-1.48 1.16-7.7 0-13.37-5.67-13.37-13.37 0-.7.48-1.31 1.15-1.48Z' stroke='%23079638' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  }
  html body.site-page.contact-page .contact-hero__button {
    min-height: 58px !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    font-weight: 760 !important;
    box-shadow: none !important;
  }
  html body.site-page.contact-page .contact-quick-info {
    padding: 16px 0 24px !important;
    background: #f0f4f4 !important;
  }
  html body.site-page.contact-page .contact-quick-card {
    padding: 22px 0 !important;
  }
  html body.site-page.contact-page .contact-quick-card:first-child {
    padding-top: 20px !important;
  }
  html body.site-page.contact-page .contact-quick-card:last-child {
    padding-bottom: 18px !important;
  }
  html body.site-page.contact-page .contact-quick-card__icon {
    width: 50px !important;
    height: 50px !important;
  }
  html body.site-page.contact-page .contact-quick-card h2 {
    margin-bottom: 6px !important;
    font-size: 17px !important;
  }
  html body.site-page.contact-page .contact-quick-card__main-link,
  html body.site-page.contact-page .contact-quick-card__schedule,
  html body.site-page.contact-page .contact-quick-card__region,
  html body.site-page.contact-page .contact-quick-card__messengers {
    font-size: 21px !important;
    line-height: 1.22 !important;
    color: var(--final-navy) !important;
  }
  html body.site-page.contact-page .contact-quick-card__messengers a {
    display: block !important;
    color: inherit !important;
    text-decoration: none !important;
    line-height: 1.22 !important;
  }
  html body.site-page.contact-page .contact-region {
    grid-template-columns: minmax(0, 1fr) 124px !important;
    gap: 12px !important;
  }
  html body.site-page.contact-page .contact-region__cities li {
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  /* ---------- Обустройство: главный экран ---------- */
  html body.site-page.obustroystvo-page .ob-hero {
    padding-top: 10px !important;
    padding-bottom: 18px !important;
  }
  html body.site-page.obustroystvo-page .ob-copy {
    max-width: 210px !important;
  }
  html body.site-page.obustroystvo-page .ob-title {
    font-size: clamp(30px, 10.2vw, 44px) !important;
    line-height: .99 !important;
    letter-spacing: -.04em !important;
  }
  html body.site-page.obustroystvo-page .ob-copy p:not(.ob-eyebrow) {
    font-size: 15px !important;
    line-height: 1.42 !important;
    max-width: 220px !important;
  }

  /* ---------- Вода должна быть удобной... ---------- */
  html body.site-page.obustroystvo-page .ob-section--water-scenarios {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
    background: #f6f8f8 !important;
  }
  html body.site-page.obustroystvo-page .water-scenarios {
    gap: 18px !important;
  }
  html body.site-page.obustroystvo-page .water-scenarios__eyebrow {
    margin-bottom: 12px !important;
    font-size: 13px !important;
  }
  html body.site-page.obustroystvo-page .water-scenarios__title {
    font-size: clamp(27px, 8.9vw, 40px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.03em !important;
  }
  html body.site-page.obustroystvo-page .water-scenarios__illustration,
  html body.site-page.obustroystvo-page .water-scenarios__image,
  html body.site-page.obustroystvo-page .water-scenarios__picture {
    border-radius: 20px !important;
  }
  html body.site-page.obustroystvo-page .water-scenarios__lead {
    margin-top: 16px !important;
    font-size: 15px !important;
    line-height: 1.42 !important;
  }
  html body.site-page.obustroystvo-page .water-scenarios__text {
    margin-top: 18px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
  /* Обустройство — 4 компактных сценария на одном экране */
html body.site-page.obustroystvo-page .water-scenarios__variants {
  width: 100% !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;

  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.site-page.obustroystvo-page .water-scenarios__variant {
  width: 100% !important;
  min-height: 112px !important;
  height: 112px !important;
  margin: 0 !important;
  padding: 7px 10px !important;

  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 2px !important;
  align-items: center !important;

  background: #ffffff !important;
  border: 1px solid #e1e5e8 !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 14px rgba(7, 26, 69, 0.05) !important;
}

html body.site-page.obustroystvo-page
.water-scenarios__variant:last-child {
  border-bottom: 1px solid #e1e5e8 !important;
}

/* Контейнер без дополнительного круга */
html body.site-page.obustroystvo-page .water-scenarios__icon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;

  width: 78px !important;
  height: 78px !important;
  min-width: 78px !important;
  min-height: 78px !important;

  display: block !important;
  overflow: visible !important;

  border: none !important;
  outline: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Оставляем только круг, нарисованный внутри самой картинки */
html body.site-page.obustroystvo-page
.water-scenarios__icon img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;

  display: block !important;
  object-fit: contain !important;
  object-position: center !important;

  border: none !important;
  outline: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
/* Изображение полностью заполняет круг */
html body.site-page.obustroystvo-page
.water-scenarios__icon img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;

  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 50% !important;
  transform: scale(1.04) !important;
}

/* Название карточки */
html body.site-page.obustroystvo-page
.water-scenarios__variant > strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 16px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.015em !important;
}

/* Описание карточки */
html body.site-page.obustroystvo-page
.water-scenarios__variant > span:last-child {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;

  margin: 2px 0 0 !important;
  padding: 0 !important;

  font-size: 12.5px !important;
  line-height: 1.25 !important;
}
  html body.site-page.obustroystvo-page .water-scenarios__variant:last-child {
    border-bottom: 0 !important;
  }
  html body.site-page.obustroystvo-page .water-scenarios__icon {
  width: 100px !important;
  height: 100px !important;
  min-width: 100px !important;
  min-height: 100px !important;
  border: none !important;
  border-radius: 0 !important;
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.site-page.obustroystvo-page .water-scenarios__icon img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
  html body.site-page.obustroystvo-page .water-scenarios__variant strong {
    display: block !important;
    margin-bottom: 6px !important;
    font-size: clamp(21px, 7.2vw, 32px) !important;
    line-height: 1.04 !important;
    color: var(--final-navy) !important;
  }
  html body.site-page.obustroystvo-page .water-scenarios__variant span:last-child {
    font-size: 15px !important;
    line-height: 1.38 !important;
    color: var(--final-navy) !important;
  }

  /* ---------- Примеры работ: верх и фотогалерея ---------- */
  html body.site-page.works-page .works-hero {
    padding-top: 10px !important;
    padding-bottom: 22px !important;
  }
  html body.site-page.works-page .works-hero__inner {
    padding-top: 24px !important;
    gap: 14px !important;
  }
 html body.site-page.works-page
.works-hero .works-hero__inner > h1 {
  max-width: 100% !important;
  margin: 0 0 6px !important;

  font-size: 24px !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
}

html body.site-page.works-page
.works-hero .works-hero__inner > p:not(.home-eyebrow) {
  max-width: 100% !important;
  margin: 0 0 8px !important;

  font-size: 12px !important;
  line-height: 1.25 !important;
}
  html body.site-page.works-page .works-hero .hp-phone-box {
    margin-top: -26px !important;
    position: relative !important;
    z-index: 3 !important;
  }
  html body.site-page.works-page .works-hero__highlights {
    margin-top: 6px !important;
  }
  html body.site-page.works-page .works-hero__highlights > span {
    min-height: 56px !important;
    font-size: 15px !important;
  }

  html body.site-page.works-page .works-section--photos {
    padding-top: 28px !important;
    padding-bottom: 26px !important;
  }
  html body.site-page.works-page .works-section--photos .home-section-head {
    margin-bottom: 16px !important;
  }
  html body.site-page.works-page .works-section--photos .works-gallery {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 14px !important;
    margin: 0 calc(-1 * var(--final-gutter)) 0 0 !important;
    padding: 0 var(--final-gutter) 0 0 !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }
  html body.site-page.works-page .works-section--photos .works-gallery::-webkit-scrollbar {
    display: none !important;
  }
  html body.site-page.works-page .works-section--photos .works-photo,
  html body.site-page.works-page .works-section--photos .works-photo--wide,
  html body.site-page.works-page .works-section--photos .works-photo--tall {
    flex: 0 0 calc(100% - 40px) !important;
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
    min-width: calc(100% - 40px) !important;
    scroll-snap-align: start !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body.site-page.works-page .works-section--photos .works-photo img {
    aspect-ratio: 1 / 1.12 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 22px !important;
    display: block !important;
  }
  html body.site-page.works-page .works-section--photos .works-photo span {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: baseline !important;
    gap: 12px !important;
    padding: 14px 0 0 !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    color: var(--final-navy) !important;
  }
  html body.site-page.works-page .works-section--photos .works-mobile-slider-controls {
    margin-top: 18px !important;
  }
  html body.site-page.works-page .works-section--photos .works-mobile-slider-nav {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) 76px !important;
    align-items: center !important;
    gap: 18px !important;
  }
  html body.site-page.works-page .works-section--photos .works-mobile-slider-btn {
    width: 72px !important;
    height: 72px !important;
    border: 1px solid #dce2e5 !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--final-green) !important;
    display: grid !important;
    place-items: center !important;
  }
  html body.site-page.works-page .works-section--photos .works-mobile-slider-btn svg {
    width: 26px !important;
    height: 26px !important;
  }
  html body.site-page.works-page .works-section--photos .works-mobile-slider-counter {
    justify-self: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -.02em !important;
    color: var(--final-navy) !important;
  }
  html body.site-page.works-page .works-section--photos .works-mobile-slider-progress {
    margin-top: 16px !important;
    height: 4px !important;
    border-radius: 999px !important;
    background: #dfe5e8 !important;
    overflow: hidden !important;
  }
  html body.site-page.works-page .works-section--photos .works-mobile-slider-progress > i {
    display: block !important;
    width: 5.5556%;
    height: 100% !important;
    border-radius: inherit !important;
    background: var(--final-green) !important;
    transition: width .22s ease !important;
  }
  html body.site-page.works-page .works-section--photos .works-mobile-slider-hint {
    display: flex !important;
    justify-content: center !important;
    margin-top: 14px !important;
    opacity: .36 !important;
  }
  html body.site-page.works-page .works-section--photos .works-mobile-slider-hint svg {
    width: 72px !important;
    height: 34px !important;
  }
  html body.site-page.works-page .works-section--videos {
    padding-top: 28px !important;
  }
  html body.site-page.works-page .works-video-grid {
    gap: 14px !important;
  }
  html body.site-page.works-page .works-video-card {
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: none !important;
    border: 1px solid #dce3e7 !important;
  }

  /* ---------- Карта контактов на очень узких ---------- */
  html body.site-page.contact-page .contact-region__map {
    margin-top: 2px !important;
  }
}
/* Только страница «Бурение»: двигаем логотип и название вправо */
@media (max-width: 767.98px) {
  html body:not(.site-page) .site-header__logo {
    margin-left: 5px !important;
  }
}
/* Страница «Бурение»: заголовок в 3 строки */
@media (max-width: 767.98px) {
  html body main#main-content section#hero h1.hp-title {
    width: 305px !important;
    max-width: 305px !important;

    margin: 0 0 12px !important;

    font-size: 20px !important;
    line-height: 0.94 !important;
    letter-spacing: -0.035em !important;
  }

  html body main#main-content section#hero h1.hp-title span {
    display: inline !important;
    white-space: normal !important;
  }
}
/* Калькулятор — компактный блок выбора трубы */
@media (max-width: 767.98px) {

  /* Меньше расстояние после заголовка «Тип трубы» */
  html body #price .calc-modern-pipe-list {
    margin-top: 7px !important;
    gap: 6px !important;
  }

  /* Уменьшаем высоту каждой карточки */
  html body #price .calc-pipe-option {
    box-sizing: border-box !important;

    width: 100% !important;
    min-height: 58px !important;
    height: 58px !important;

    padding: 5px 10px !important;
    gap: 8px !important;

    grid-template-columns: 48px minmax(0, 1fr) 36px !important;

    border-radius: 9px !important;
  }

  /* Уменьшаем картинку трубы */
  html body #price .calc-pipe-option i {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  html body #price .calc-pipe-option i img {
    width: 44px !important;
    height: 44px !important;
    object-fit: contain !important;
  }

  /* Уменьшаем название и цену */
  html body #price .calc-pipe-option b {
    font-size: 14px !important;
    line-height: 1.1 !important;
  }

  html body #price .calc-pipe-option em {
    margin-top: 3px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
  }

  /* Уменьшаем круг с галочкой */
  html body #price .calc-pipe-option mark {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;

    font-size: 17px !important;
  }
}
/* Калькулятор: компактнее блок глубины и «10 м» строго по центру */
@media (max-width: 767.98px) {

  /* Уменьшаем общую высоту блока */
  html body #price .calc-depth-panel {
    padding-top: 10px !important;
    padding-bottom: 12px !important;
  }

  html body #price .calc-depth-panel .calc-modern-panel-top {
    gap: 8px !important;
  }

  /* Центральное поле */
  html body #price .calc-modern-depth-value {
    width: calc(100% - 92px) !important;
    height: 46px !important;
    min-height: 46px !important;

    margin:4px auto 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Число 10 — убираем пустое место слева */
  html body #price .calc-modern-depth-value input {
    width: 42px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 28px !important;
    line-height: 44px !important;
    text-align: center !important;
  }

  /* Буква м */
  html body #price .calc-modern-depth-value > span {
    margin-left: 5px !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }

  /* Минус и плюс на уровне центрального поля */
  html body #price .calc-depth-stepper {
    top: 58px !important;
    height: 46px !important;
  }

  html body #price .calc-depth-btn {
    width: 42px !important;
    min-width: 42px !important;

    height: 46px !important;
    min-height: 46px !important;

    font-size: 22px !important;
  }

  /* Приближаем ползунок к полю */
  html body #price .calc-range-wrap {
    margin-top: 9px !important;
  }

  html body #price .calc-scale {
    margin-top: 4px !important;
  }
}
/* Калькулятор: все иконки одного зелёного цвета */
@media (max-width: 767.98px) {

  /* Основная иконка калькулятора и все растровые картинки */
  html body #price .calc-head-icon,
  html body #price .calc-pipe-option i img,
  html body #price .calc-result-row-icon img {
    filter:
      brightness(0)
      saturate(100%)
      invert(38%)
      sepia(94%)
      saturate(1055%)
      hue-rotate(101deg)
      brightness(88%)
      contrast(98%) !important;
  }

  /* Все SVG-иконки в калькуляторе */
  html body #price .calc-result-row-icon,
  html body #price .calc-result-row-icon svg,
  html body #price .calc-pipe-option svg {
    color: #079638 !important;
    fill: none !important;
    stroke: #079638 !important;
  }

  html body #price .calc-result-row-icon svg path,
  html body #price .calc-result-row-icon svg circle,
  html body #price .calc-result-row-icon svg rect,
  html body #price .calc-result-row-icon svg line,
  html body #price .calc-result-row-icon svg polyline {
    stroke: #079638 !important;
  }

  /* Цифры этапов 1, 2, 3 */
  html body #price .calc-modern-step {
    color: #079638 !important;
    border-color: #079638 !important;
  }

  /* Плюс и минус */
  html body #price .calc-depth-btn {
    color: #079638 !important;
  }

  /* Круг выбора и галочка у трубы */
  html body #price .calc-pipe-option mark {
    color: #079638 !important;
    border-color: #079638 !important;
    background: #ffffff !important;
  }

  html body #price .calc-pipe-option.is-selected {
    border-color: #079638 !important;
  }
}
/* Примеры работ — компактный блок на один экран телефона */
@media (max-width: 767.98px) {

  /* Уменьшаем внешние отступы всей секции */
  html body #cases.pw-section {
    padding-top: 20px !important;
    padding-bottom: 22px !important;
  }

 html body #cases .pw-layout {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  gap: 0 !important;
}

  /* Заголовок */
  html body #cases .pw-copy {
    padding-top: 0 !important;
  }

  html body #cases .pw-copy h2 {
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 1.05 !important;
  }

  /* Текст под заголовком */
  html body #cases .pw-copy p {
    margin: 6px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.32 !important;
  }

  /* Меньше расстояние перед фотографией */
 html body #cases .pw-gallery {
  margin-top: -16px !important;
}

  /* Уменьшаем высоту фотографии */
  html body #cases .pw-photo-frame {
    width: 100% !important;
    height: 260px !important;
    aspect-ratio: auto !important;
    border-radius: 14px !important;
  }

  html body #cases .pw-photo-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Компактные элементы под фотографией */
  html body #cases .pw-controls {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: -26px !important;
  }

  /* Стрелки ближе к краям */
  html body #cases .pw-nav-row {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;

    width: calc(100% + 12px) !important;
    margin-left: -6px !important;
    gap: 0 !important;
  }

  /* Уменьшаем стрелки */
  html body #cases .pw-nav {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;

    border-radius: 10px !important;
  }

  html body #cases .pw-nav::before {
    width: 8px !important;
    height: 8px !important;
  }

  html body #cases .pw-prev {
    justify-self: start !important;
  }

  html body #cases .pw-next {
    justify-self: end !important;
  }

  html body #cases .pw-counter {
    min-width: 0 !important;
    justify-self: center !important;

    font-size: 14px !important;
    line-height: 1 !important;
  }

  /* Полоса прогресса */
  html body #cases .pw-progress {
    width: 100% !important;
    height: 3px !important;
    margin: 0 !important;
  }

  /* Кнопка «Показать больше» */
  html body #cases .pw-more-link {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;

    margin: 2px 0 0 !important;
    padding: 0 14px !important;

    border-radius: 9px !important;

    font-size: 14px !important;
    line-height: 1 !important;
  }
}
/* Главная — компактный блок «Начать просто» */
@media (max-width: 767.98px) {

  /* Уменьшаем отступы всей секции сверху и снизу */
  html body #contacts.fc-section {
    min-height: 0 !important;
    padding-top: 18px !important;
    padding-bottom: 16px !important;
  }

  html body #contacts .fc-inner {
    min-height: 0 !important;
  }

  html body #contacts .fc-split {
    display: block !important;
    min-height: 0 !important;
  }

  /* Левая часть с заголовком и текстом */
  html body #contacts .fc-left {
    min-height: 0 !important;
    padding: 0 !important;
    justify-content: flex-start !important;
  }

  html body #contacts .fc-title {
    margin: 0 !important;
  }

  html body #contacts .fc-text {
    margin: 8px 0 0 !important;
    line-height: 1.35 !important;
  }

  /* «Наши контакты» ближе к тексту */
  html body #contacts .fc-contact-link-left {
    margin-top: 10px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }

  /* Уменьшаем расстояние перед формой */
  html body #contacts .fc-right {
    min-height: 0 !important;
    padding: 14px 0 0 !important;
    border-left: 0 !important;
  }

  html body #contacts .fc-form {
    gap: 8px !important;
  }

  /* Поле телефона */
  html body #contacts .fc-phone-field {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;

    border: 1px solid #cfd5dc !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  /* +375 — чёрный */
  html body #contacts .fc-phone-field > span {
    color: #111111 !important;
    border-right-color: #d5d9de !important;
  }

  /* Кнопка немного компактнее */
  html body #contacts .fc-submit {
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
  }

  /* Нижний поясняющий текст ближе к кнопке */
  html body #contacts .fc-notes {
    margin: 2px 0 0 !important;
    gap: 0 !important;
  }

  html body #contacts .fc-note {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }
}
/* «Начать просто» — убираем большой промежуток перед формой */
@media (max-width: 767.98px) {
  html body #contacts .fc-contact-link-left {
    margin-bottom: 0 !important;
  }

  html body #contacts .fc-right {
    margin-top: 0 !important;
    padding-top: 6px !important;
  }

  html body #contacts .fc-form {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
/* FAQ на странице бурения — заголовок строго по центру */
@media (max-width: 767.98px) {
  html body #faq.well-faq .well-faq__header {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }

  html body #faq.well-faq .well-faq__title {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  html body #faq.well-faq .well-faq__title-line {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
}
/* Подвал на всех страницах: двигаем только картинку логотипа левее */
@media (max-width: 767.98px) {
  html body .org-footer .org-footer__logo-img {
    margin-left: -14px !important;
    transform: translateX(0) !important;
  }
}
/* =====================================================
   Компактный мобильный подвал на всех страницах
   ===================================================== */
@media (max-width: 767.98px) {

  /* Внешние отступы всего подвала */
  html body footer.org-footer {
    min-height: 0 !important;
    height: auto !important;
    padding: 18px 0 12px !important;
  }

  html body footer.org-footer .org-footer__inner {
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  html body footer.org-footer .org-footer__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  /* Порядок разделов */
  html body footer.org-footer .org-footer__brand {
    order: 1 !important;
  }

  html body footer.org-footer .org-footer__contact-card {
    order: 2 !important;
  }

  html body footer.org-footer .org-footer__company {
    order: 3 !important;
  }

  html body footer.org-footer .org-footer__navigation {
    order: 4 !important;
  }

  /* Логотип и название */
  html body footer.org-footer .org-footer__brand {
    margin: 0 !important;
    padding: 0 0 11px !important;
  }

  html body footer.org-footer .org-footer__brand-row {
    min-height: 0 !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
  }

  html body footer.org-footer .org-footer__brand-row h2 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

 html body footer.org-footer .org-footer__logo-text {
  font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  color: #ffffff !important;
  display: block !important;
}

  html body footer.org-footer .org-footer__brand-desc {
    margin: 2px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.18 !important;
  }

  /* Общие разделы подвала */
  html body footer.org-footer .org-footer__contact-card,
  html body footer.org-footer .org-footer__company,
  html body footer.org-footer .org-footer__navigation {
    width: 100% !important;
    margin: 0 !important;
    padding: 11px 0 !important;

    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
  }

  html body footer.org-footer .org-footer__contact-card-inner {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Заголовки «Связаться» и «Навигация» */
  html body footer.org-footer .org-footer__contact-card h3,
  html body footer.org-footer .org-footer__navigation h3 {
    width: max-content !important;
    margin: 0 0 7px !important;
    padding: 0 0 4px !important;

    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: 0.11em !important;
  }

  /* Строки контактных данных и организации */
  html body footer.org-footer .org-footer__list {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body footer.org-footer .org-footer__list li {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 12px !important;
    line-height: 1.28 !important;
  }

  /* Номер телефона */
  html body footer.org-footer .org-footer__phone,
  html body footer.org-footer .org-footer__phone:visited {
    font-size: 19px !important;
    line-height: 1.1 !important;
  }

  /* Почта */
  html body footer.org-footer .org-footer__contact-link,
  html body footer.org-footer .org-footer__contact-link:visited {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  /* Название организации */
  html body footer.org-footer
  .org-footer__company
  .org-footer__list li:first-child,
  html body footer.org-footer
  .org-footer__company
  .org-footer__list li:first-child b {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  /* Навигационные ссылки */
  html body footer.org-footer .org-footer__links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 16px !important;
    row-gap: 0 !important;
    margin: 0 !important;
  }

  html body footer.org-footer .org-footer__links a {
    min-height: 32px !important;
    margin: 0 !important;
    padding: 4px 0 !important;

    display: flex !important;
    align-items: center !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  /* Самая нижняя подпись */
  html body footer.org-footer .org-footer__bottom {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px 0 0 !important;
  }

  html body footer.org-footer .org-footer__bottom span {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
}
/* Подвал: одинаковые цвета на всех страницах — как на «Бурении» */
@media (max-width: 767.98px) {

  /* Byrovik.by */
  html body footer.org-footer .org-footer__logo-text {
    color: #ffffff !important;
  }

  /* Бурение и обустройство скважин */
  html body footer.org-footer .org-footer__brand-desc {
    color: #72bd58 !important;
  }

  /* Заголовки «Связаться» и «Навигация» */
  html body footer.org-footer .org-footer__contact-card h3,
  html body footer.org-footer .org-footer__navigation h3 {
    color: #72bd58 !important;
    border-bottom-color: #72bd58 !important;
  }

  /* Номер и электронная почта */
  html body footer.org-footer a.org-footer__phone,
  html body footer.org-footer a.org-footer__phone:visited,
  html body footer.org-footer a.org-footer__contact-link,
  html body footer.org-footer a.org-footer__contact-link:visited {
    color: #72bd58 !important;
  }

  /* Обычный текст в разделе «Связаться» */
  html body footer.org-footer
  .org-footer__contact-card
  .org-footer__list li {
    color: rgba(255, 255, 255, 0.75) !important;
  }

  /* Слово «График» */
  html body footer.org-footer
  .org-footer__contact-card
  .org-footer__list li b {
    color: rgba(255, 255, 255, 0.75) !important;
  }

  /* Название организации */
  html body footer.org-footer
  .org-footer__company
  .org-footer__list li:first-child,
  html body footer.org-footer
  .org-footer__company
  .org-footer__list li:first-child b {
    color: #ffffff !important;
  }

  /* УНП и адрес */
  html body footer.org-footer
  .org-footer__company
  .org-footer__list li:not(:first-child) {
    color: rgba(255, 255, 255, 0.83) !important;
  }

  /* Ссылки навигации */
  html body footer.org-footer
  .org-footer__navigation
  .org-footer__links a,
  html body footer.org-footer
  .org-footer__navigation
  .org-footer__links a:visited {
    color: rgba(255, 255, 255, 0.91) !important;
  }

  /* Нижняя строка */
  html body footer.org-footer .org-footer__bottom,
  html body footer.org-footer .org-footer__bottom span {
    color: rgba(255, 255, 255, 0.65) !important;
  }
}
/* Внутренние страницы — уменьшаем только верх подвала */
@media (max-width: 767.98px) {
  html body.site-page footer.org-footer {
    padding-top: 18px !important;
  }

  html body.site-page footer.org-footer .org-footer__inner {
    padding-top: 0 !important;
  }

  html body.site-page footer.org-footer .org-footer__brand {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
/* Внутренние страницы — шапка не смещается при прокрутке */
@media (max-width: 767.98px) {
  html body.site-page .site-header.site-header--compact {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
/* Обустройство — компактный блок со схемой воды */
@media (max-width: 767.98px) {

  html body.site-page.obustroystvo-page
  .ob-section--water-scenarios {
    padding-top: 14px !important;
    padding-bottom: 16px !important;
  }

  /* Заголовок над изображением */
  html body.site-page.obustroystvo-page
  .water-scenarios__eyebrow {
    margin-bottom: 6px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  html body.site-page.obustroystvo-page
  .water-scenarios__title {
    font-size: 25px !important;
    line-height: 1.04 !important;
  }

  /* Сама картинка становится ниже */
  html body.site-page.obustroystvo-page
  .water-scenarios__title::after {
    width: 100% !important;
    height: 285px !important;
    aspect-ratio: auto !important;
    margin: 10px 0 10px !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 14px !important;
  }

  /* Зелёный абзац сразу под картинкой */
  html body.site-page.obustroystvo-page
  .water-scenarios__lead {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  /* Чёрный абзац ближе к зелёному */
  html body.site-page.obustroystvo-page
  .water-scenarios__text {
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.32 !important;
  }
}
@media (max-width: 768px) {
  html body.site-page.obustroystvo-page .water-scenarios__icon {
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    min-height: 94px !important;

    display: grid !important;
    place-items: center !important;

    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body.site-page.obustroystvo-page .water-scenarios__icon img {
    width: 90px !important;
    height: 90px !important;

    display: block !important;
    object-fit: contain !important;
    object-position: center !important;

    margin: 0 auto !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
}
@media (max-width: 768px) {
  /* Только третья и четвёртая картинки */
  html body.site-page.obustroystvo-page
  .water-scenarios__variant:nth-child(3) .water-scenarios__icon,
  html body.site-page.obustroystvo-page
  .water-scenarios__variant:nth-child(4) .water-scenarios__icon {
    overflow: hidden !important;
  }

  html body.site-page.obustroystvo-page
  .water-scenarios__variant:nth-child(3) .water-scenarios__icon img,
  html body.site-page.obustroystvo-page
  .water-scenarios__variant:nth-child(4) .water-scenarios__icon img {
    width: 94px !important;
    height: 94px !important;

    object-fit: cover !important;
    object-position: center top !important;

    margin: 0 auto !important;
    border-radius: 0 !important;
    transform: none !important;
  }

  /* Четвёртую немного опускаем для визуального выравнивания */
  html body.site-page.obustroystvo-page
  .water-scenarios__variant:nth-child(4) .water-scenarios__icon img {
    transform: translateY(0px) !important;
  }
}
@media (max-width: 767.98px) {

  /* Уменьшаем внешнюю высоту всей секции */
  html body.site-page.obustroystvo-page .ob-scope-section {
    padding-top: 18px !important;
    padding-bottom: 22px !important;
  }

  /* Уменьшаем внутренние отступы белого блока */
  html body.site-page.obustroystvo-page .ob-scope--split {
    padding: 16px 14px 18px !important;
    border-radius: 20px !important;
  }

  /* Убираем большой двойной промежуток перед фотографией */
  html body.site-page.obustroystvo-page .ob-scope__aside {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;

    margin: 0 0 14px !important;
    padding: 0 !important;
  }

  html body.site-page.obustroystvo-page .ob-scope__intro {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  /* Состав работ ближе к заголовку */
  html body.site-page.obustroystvo-page
  .ob-scope__intro .ob-eyebrow {
    margin: 0 0 6px !important;
  }

  /* Заголовок без нижнего отступа */
  html body.site-page.obustroystvo-page
  .ob-scope__intro .ob-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 30px !important;
    line-height: 1.08 !important;
  }

  /* Фотография становится ниже и ближе к заголовку */
  html body.site-page.obustroystvo-page
  .ob-scope__aside::after {
    width: 100% !important;
    height: 175px !important;
    margin: 0 !important;
    border-radius: 14px !important;
  }
}
@media (max-width: 767.98px) {

  /* Примеры работ на странице «Обустройство»:
     одна фотография на один слайд */
  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-track {
    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }

  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-track > .pw-photo {
    flex: 0 0 100% !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
    box-sizing: border-box !important;
  }

  /* Размер области с фотографией */
  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-viewport {
    width: 100% !important;
    height: 320px !important;

    overflow: hidden !important;
    border-radius: 14px !important;
  }

  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-photo-frame {
    width: 100% !important;
    height: 100% !important;

    display: block !important;
    border-radius: 14px !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  /* Стрелка — счётчик — стрелка */
  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-nav-row {
    width: 100% !important;

    display: grid !important;
    grid-template-columns: 52px 1fr 52px !important;
    align-items: center !important;

    margin: 0 !important;
    gap: 0 !important;
  }

  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-counter {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
    margin: 0 !important;

    color: #071a45 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-prev {
    justify-self: start !important;
  }

  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-next {
    justify-self: end !important;
  }
}
@media (max-width: 767.98px) {

  /* Уменьшаем только область фотографии */
  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-viewport {
    width: 100% !important;
    height: 260px !important;
    overflow: hidden !important;
    border-radius: 14px !important;
  }

  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-track {
    height: 260px !important;
  }

  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-photo {
    height: 260px !important;
  }

  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-photo-frame {
    width: 100% !important;
    height: 260px !important;
    min-height: 260px !important;
    aspect-ratio: auto !important;

    background-size: cover !important;
    background-position: center !important;
    border-radius: 14px !important;
  }

  /* Стрелки и счётчик ставим строго под фото */
  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-controls {
    position: relative !important;
    z-index: 2 !important;

    margin-top: 10px !important;
    gap: 8px !important;
  }

  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-nav-row {
    margin-top: 0 !important;
  }
}
@media (max-width: 767.98px) {

  /* Фотография ближе к тексту */
  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-gallery {
    margin-top: 30px !important;
  }

  /* Стрелки и счётчик ближе к фотографии */
  html body.site-page.obustroystvo-page
  section#cases.pw-section .pw-controls {
    margin-top: 30px !important;
  }
}
@media (max-width: 767.98px) {
  /* FAQ только на странице «Обустройство» */
  html body.site-page.obustroystvo-page #faq.well-faq {
    padding-top: 18px !important;
    padding-bottom: 24px !important;
  }

  html body.site-page.obustroystvo-page
  #faq .well-faq__header {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.site-page.obustroystvo-page
  #faq .well-faq__title {
    margin: 0 !important;
  }

  html body.site-page.obustroystvo-page
  #faq .well-faq__list {
    margin-top: 10px !important;
    gap: 8px !important;
  }
}
@media (max-width: 767.98px) {

  /* Первый экран страницы «Примеры работ» */
  html body.site-page.works-page .works-hero {
    padding-top: 0 !important;
    padding-bottom: 14px !important;
  }

  html body.site-page.works-page .works-hero__inner {
    padding-top: 16px !important;
    padding-bottom: 14px !important;
    gap: 0 !important;
  }

  /* «Примеры работ» ближе к заголовку */
  html body.site-page.works-page
  .works-hero__inner > .home-eyebrow {
    margin: 0 0 8px !important;
  }

  /* Заголовок ближе к описанию */
  html body.site-page.works-page
  .works-hero__inner > h1 {
    margin: 0 0 12px !important;
  }

  /* Описание ближе к фотографии */
  html body.site-page.works-page
  .works-hero__inner > p:not(.home-eyebrow) {
    margin: 0 0 14px !important;
    line-height: 1.38 !important;
  }

  /* Убираем скрытый дополнительный отступ у фото */
  html body.site-page.works-page
  .works-hero__inner::before {
    margin: 0 !important;
  }
}
@media (max-width: 767.98px) {

  /* Компактный первый экран страницы «Примеры работ» */
  html body.site-page.works-page .works-hero {
    padding: 0 !important;
    min-height: 0 !important;
  }

  html body.site-page.works-page .works-hero__inner {
    padding: 12px 20px 16px !important;
    gap: 0 !important;
  }

  /* Маленькая зелёная надпись */
  html body.site-page.works-page
  .works-hero__inner > .home-eyebrow {
    margin: 0 0 7px !important;

    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  /* Основной заголовок */
  html body.site-page.works-page
  .works-hero__inner > h1 {
    max-width: 310px !important;
    margin: 0 0 9px !important;

    font-size: 31px !important;
    line-height: 1.02 !important;
    letter-spacing: -0.04em !important;
  }

  /* Описание */
  html body.site-page.works-page
  .works-hero__inner > p:not(.home-eyebrow) {
    max-width: 100% !important;
    margin: 0 0 12px !important;

    font-size: 14px !important;
    line-height: 1.38 !important;
  }

  /* Фотография делаем ниже */
  html body.site-page.works-page
  .works-hero__inner::before {
    width: 100% !important;
    height: 230px !important;
    min-height: 230px !important;
    aspect-ratio: auto !important;

    margin: 0 !important;
    border-radius: 12px !important;

    background-size: cover !important;
    background-position: center !important;
  }
}
@media (max-width: 767.98px) {

  /* Форма с номером телефона поверх фотографии */
  html body.site-page.works-page
  .works-hero .hp-phone-box {
    order: 5 !important;
    position: relative !important;
    z-index: 5 !important;

    width: calc(100% - 24px) !important;
    margin: -128px auto 14px !important;

    background: rgba(255, 255, 255, 0.97) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(7, 26, 69, 0.18) !important;
  }
}
@media (max-width: 767.98px) {

  /* Поднимаем форму прямо на нижнюю часть фотографии */
  html body.site-page.works-page
  main .works-hero .works-hero__inner
  form.hp-phone-box {
    order: 5 !important;
    position: relative !important;
    z-index: 10 !important;

    width: calc(100% - 24px) !important;
    max-width: none !important;

    margin: -45px auto 10px !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  /* Поле телефона */
  html body.site-page.works-page
  main .works-hero .works-hero__inner
  form.hp-phone-box .hp-phone-input {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;

    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(7, 26, 69, 0.15) !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 16px rgba(7, 26, 69, 0.15) !important;
    overflow: hidden !important;
  }

  html body.site-page.works-page
  main .works-hero .works-hero__inner
  form.hp-phone-box .hp-phone-input input {
    height: 48px !important;
  }

  /* Кнопка */
  html body.site-page.works-page
  main .works-hero .works-hero__inner
  form.hp-phone-box .hp-phone-button {
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 12px !important;

    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(10, 150, 52, 0.25) !important;

    font-size: 15px !important;
    line-height: 1.1 !important;
  }

  /* Убираем вторую строку на кнопке для компактности */
  html body.site-page.works-page
  main .works-hero .works-hero__inner
  form.hp-phone-box .hp-phone-button small {
    display: none !important;
  }

  /* Следующий блок не заезжает на форму */
  html body.site-page.works-page
  main .works-hero .works-hero__highlights {
    margin-top: 4px !important;
  }
}
@media (max-width: 767.98px) {

  /* Весь первый экран страницы «Примеры работ» */
  html body.site-page.works-page .works-hero__inner {
    padding: 10px 20px 12px !important;
    gap: 0 !important;
  }

  /* Зелёная подпись */
  html body.site-page.works-page
  .works-hero__inner > .home-eyebrow {
    margin: 0 0 5px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  /* Главный заголовок */
  html body.site-page.works-page
  .works-hero__inner > h1 {
    max-width: 100% !important;
    margin: 0 0 7px !important;

    font-size: 29px !important;
    line-height: 0.98 !important;
    letter-spacing: -0.04em !important;
  }

  /* Описание */
  html body.site-page.works-page
  .works-hero__inner > p:not(.home-eyebrow) {
    max-width: 100% !important;
    margin: 0 0 9px !important;

    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  /* Фотография */
  html body.site-page.works-page
  .works-hero__inner::before {
    height: 225px !important;
    min-height: 225px !important;
    aspect-ratio: auto !important;
    border-radius: 12px !important;
  }

  /* Форма на фотографии */
  html body.site-page.works-page
  main .works-hero .works-hero__inner
  form.hp-phone-box {
    width: calc(100% - 20px) !important;
    margin: -45px auto 0 !important;
    gap: 6px !important;
  }

  /* Поле телефона */
  html body.site-page.works-page
  .works-hero form.hp-phone-box .hp-phone-input {
    height: 42px !important;
    min-height: 42px !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
  }

  html body.site-page.works-page
  .works-hero form.hp-phone-box .hp-phone-input > span {
    font-size: 14px !important;
  }

  html body.site-page.works-page
  .works-hero form.hp-phone-box .hp-phone-input input {
    height: 42px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
  }

  /* Кнопка */
  html body.site-page.works-page
  .works-hero form.hp-phone-box .hp-phone-button {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;

    font-size: 14px !important;
    line-height: 1 !important;
  }

  /* Три нижних пункта */
  html body.site-page.works-page
  .works-hero__highlights {
    width: calc(100% - 20px) !important;
    margin: 8px auto 0 !important;
    gap: 2px !important;
  }

  html body.site-page.works-page
  .works-hero__highlights > span {
    min-height: 42px !important;
    padding-left: 52px !important;

    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  /* Круглые иконки */
  html body.site-page.works-page
  .works-hero__highlights > span::before {
    left: 4px !important;
    width: 34px !important;
    height: 34px !important;

    border-width: 1.5px !important;
    font-size: 16px !important;
  }
}
@media (max-width: 767.98px) {

  /* Заголовок «Фото и видео с бурения скважин» */
  html body.site-page.works-page
  .works-hero .works-hero__inner > h1 {
    margin: 0 0 6px !important;
    font-size: 10px !important;
    line-height: 1.02 !important;
    letter-spacing: -0.035em !important;
  }

  /* Описание под заголовком */
  html body.site-page.works-page
  .works-hero .works-hero__inner > p:not(.home-eyebrow) {
    margin: 0 0 8px !important;
    font-size: 3px !important;
    line-height: 1.28 !important;
  }
}
@media (max-width: 767.98px) {

  /* Убираем старые текстовые символы внутри кругов */
  html body.site-page.works-page
  .works-hero .works-hero__highlights > span::before {
    content: "" !important;

    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    color: transparent !important;
  }

  /* Реальные участки — дом */
  html body.site-page.works-page
  .works-hero .works-hero__highlights > span:nth-child(1)::before {
    background-image: url("./images/works-icon-sites.webp") !important;
    background-size: 30px auto !important;
  }

  /* Этапы работ — список */
  html body.site-page.works-page
  .works-hero .works-hero__highlights > span:nth-child(2)::before {
    background-image: url("./images/works-icon-stages.webp") !important;
    background-size: 27px auto !important;
  }

  /* Готовый результат — галочка */
  html body.site-page.works-page
  .works-hero .works-hero__highlights > span:nth-child(3)::before {
    background-image: url("./images/works-icon-result.webp") !important;
    background-size: 27px auto !important;
  }
}
@media (max-width: 767.98px) {

  /* Убираем внешние круги вокруг трёх иконок */
  html body.site-page.works-page
  .works-hero .works-hero__highlights > span::before {
    width: 36px !important;
    height: 36px !important;

    border: none !important;
    outline: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
  }

  /* Немного увеличиваем сами изображения */
  html body.site-page.works-page
  .works-hero .works-hero__highlights > span:nth-child(1)::before {
    background-size: 34px auto !important;
  }

  html body.site-page.works-page
  .works-hero .works-hero__highlights > span:nth-child(2)::before,
  html body.site-page.works-page
  .works-hero .works-hero__highlights > span:nth-child(3)::before {
    background-size: 32px auto !important;
  }
}
@media (max-width: 767.98px) {

  /* Управление галереей на странице «Примеры работ» */
  html body.site-page.works-page
  .works-section--photos .works-mobile-slider-controls {
    position: relative !important;

    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
    grid-template-rows: auto 42px !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: center !important;

    width: 100% !important;
    margin-top: 10px !important;
  }

  /* Элементы внутреннего блока размещаем в общей сетке */
  html body.site-page.works-page
  .works-section--photos .works-mobile-slider-nav {
    display: contents !important;
  }

  /* Уменьшаем обе стрелки */
  html body.site-page.works-page
  .works-section--photos .works-mobile-slider-btn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;

    padding: 0 !important;
    border-radius: 10px !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-mobile-slider-btn svg {
    width: 18px !important;
    height: 18px !important;
  }

  /* Левая стрелка */
  html body.site-page.works-page
  .works-section--photos .works-mobile-slider-btn--prev {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: start !important;
  }

  /* Правая стрелка */
  html body.site-page.works-page
  .works-section--photos .works-mobile-slider-btn--next {
    grid-column: 3 !important;
    grid-row: 2 !important;
    justify-self: end !important;
  }

  /* Счётчик над правой стрелкой */
  html body.site-page.works-page
  .works-section--photos .works-mobile-slider-counter {
    grid-column: 3 !important;
    grid-row: 1 !important;

    justify-self: end !important;
    align-self: end !important;

    margin: 0 2px 0 0 !important;

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  /* Полоса между стрелками */
  html body.site-page.works-page
  .works-section--photos .works-mobile-slider-progress {
    grid-column: 2 !important;
    grid-row: 2 !important;

    align-self: center !important;

    width: 100% !important;
    height: 4px !important;
    margin: 0 !important;

    border-radius: 999px !important;
  }

  /* Убираем нижнюю подсказку со свайпом */
  html body.site-page.works-page
  .works-section--photos .works-mobile-slider-hint {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  /* Удаляем первый дублирующий блок управления галереей */
  html body.site-page.works-page
  .works-section--photos
  .works-mobile-slider-controls:has(~ .works-mobile-slider-controls) {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  html body.site-page.works-page
  .works-section--photos .works-gallery {
    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    transform: none !important;
    transition: none !important;

    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;

    touch-action: pan-x pan-y !important;
    overscroll-behavior-inline: contain !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-gallery::-webkit-scrollbar {
    display: none !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-photo,
  html body.site-page.works-page
  .works-section--photos .works-photo--wide,
  html body.site-page.works-page
  .works-section--photos .works-photo--tall {
    flex: 0 0 100% !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
}
@media (max-width: 767.98px) {

  /* Убираем серое затемнение внутри фотографий */
  html body.site-page.works-page
  .works-section--photos .works-photo::before {
    content: none !important;
    display: none !important;
    background: none !important;
  }

  /* Убираем текст, наложенный непосредственно на фотографию */
  html body.site-page.works-page
  .works-section--photos .works-photo > span {
    display: none !important;
  }

  /* Убираем серую подложку и тень карточки */
  html body.site-page.works-page
  .works-section--photos .works-photo {
    background: transparent !important;
    box-shadow: none !important;
  }
}
@media (max-width: 767.98px) {

  /* Вся секция с фотографиями */
  html body.site-page.works-page
  .works-section--photos {
    padding-top: 10px !important;
    padding-bottom: 12px !important;
  }

  html body.site-page.works-page
  .works-section--photos .home-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Заголовок секции делаем компактнее */
  html body.site-page.works-page
  .works-section--photos .home-section-head {
    margin: 0 0 8px !important;
    padding: 0 !important;
  }

  html body.site-page.works-page
  .works-section--photos .home-kicker {
    margin: 0 0 4px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  html body.site-page.works-page
  .works-section--photos .home-section-head h2 {
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1.02 !important;
    letter-spacing: -0.035em !important;
  }

  /* Сама фотография становится ниже */
  html body.site-page.works-page
  .works-section--photos .works-photo img {
    width: 100% !important;
    height: 330px !important;
    min-height: 330px !important;
    aspect-ratio: auto !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 16px !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-photo {
    border-radius: 16px !important;
  }

  /* Убираем лишний отступ после фотографии */
  html body.site-page.works-page
  .works-section--photos .works-mobile-controls {
    margin: 4px 0 0 !important;
    padding: 0 !important;
  }

  /* Подпись и счётчик */
  html body.site-page.works-page
  .works-section--photos .works-mobile-meta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;

    margin: 0 0 4px !important;
    padding: 0 !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-mobile-caption {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-mobile-counter {
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  /* Стрелки и полоса в одну компактную строку */
  html body.site-page.works-page
  .works-section--photos .works-mobile-nav {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 48px !important;
    align-items: center !important;
    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* Размер самих белых кнопок не увеличиваем */
  html body.site-page.works-page
  .works-section--photos .works-mobile-arrow {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;

    padding: 0 !important;
    border-radius: 11px !important;

    /* Увеличиваем только зелёную стрелку внутри */
    color: #07963b !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  /* Полоса между стрелками */
  html body.site-page.works-page
  .works-section--photos .works-mobile-progress {
    width: 100% !important;
    height: 4px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-mobile-progress > i {
    background: #07963b !important;
  }

  /* Убираем нижнюю подсказку, она занимает высоту */
  html body.site-page.works-page
  .works-section--photos .works-mobile-swipe {
    display: none !important;
  }
}
@media (max-width: 767.98px) {

  /* Компактная секция фотографий */
  html body.site-page.works-page
  .works-section--photos {
    padding-top: 8px !important;
    padding-bottom: 10px !important;
  }

  html body.site-page.works-page
  .works-section--photos .home-section-head {
    margin: 0 0 7px !important;
  }

  /* Галерея строго по высоте фотографии */
  html body.site-page.works-page
  .works-section--photos .works-gallery {
    height: 320px !important;
    min-height: 320px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* Убираем старую увеличенную высоту карточки */
  html body.site-page.works-page
  .works-section--photos .works-photo,
  html body.site-page.works-page
  .works-section--photos .works-photo--wide,
  html body.site-page.works-page
  .works-section--photos .works-photo--tall {
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;

    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-photo img {
    width: 100% !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;

    margin: 0 !important;
    object-fit: cover !important;
  }

  /* Подпись сразу под фотографией */
  html body.site-page.works-page
  .works-section--photos .works-mobile-controls {
    margin: 5px 0 0 !important;
    padding: 0 !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-mobile-meta {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-mobile-caption,
  html body.site-page.works-page
  .works-section--photos .works-mobile-counter {
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  /* Стрелки и полоса ближе к подписи */
  html body.site-page.works-page
  .works-section--photos .works-mobile-nav {
    margin: 0 !important;
    gap: 8px !important;
  }

  /* Белые кнопки не увеличиваем */
  html body.site-page.works-page
  .works-section--photos .works-mobile-arrow {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;

    color: #008f35 !important;
    font-size: 38px !important;
    font-weight: 700 !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-mobile-progress {
    margin: 0 !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-mobile-swipe {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  html body.site-page.works-page
  .works-section--photos .works-gallery {
    overflow-x: auto !important;
    overflow-y: hidden !important;

    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch !important;

    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-gallery::-webkit-scrollbar {
    display: none !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-photo {
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
}
@media (max-width: 767.98px) {
  html body.site-page.works-page
  .works-section--photos .works-gallery {
    column-gap: 8px !important;
    gap: 8px !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-photo {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 767.98px) {
@media (max-width: 767.98px) {
  html body.site-page.works-page
  section.works-section--photos {
    padding-top: 6px !important;
  }

  html body.site-page.works-page
  section.works-section--photos > .home-inner {
    padding-top: 0 !important;
  }

  html body.site-page.works-page
  section.works-section--photos .home-section-head {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  html body.site-page.works-page
  section.works-section--photos .home-kicker {
    margin-top: 0 !important;
  }
}
@media (max-width: 767.98px) {
  /* Размер белых кнопок не меняем */
  html body.site-page.works-page
  .works-section--photos .works-mobile-arrow {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #07963b !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  /* Если стрелки сделаны через SVG */
  html body.site-page.works-page
  .works-section--photos .works-mobile-arrow svg {
    width: 25px !important;
    height: 25px !important;
    stroke: #07963b !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-mobile-arrow svg path {
    stroke: #07963b !important;
    stroke-width: 3px !important;
  }
}
@media (max-width: 767.98px) {

  /* Прячем старые маленькие символы */
  html body.site-page.works-page
  .works-section--photos .works-mobile-arrow {
    font-size: 0 !important;
    color: transparent !important;
  }

  /* Рисуем новые большие зелёные стрелки */
  html body.site-page.works-page
  .works-section--photos .works-mobile-arrow::before {
    display: block !important;

    color: #07963b !important;
    font-family: Arial, sans-serif !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-mobile-prev::before {
    content: "‹" !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-mobile-next::before {
    content: "›" !important;
  }
}
@media (max-width: 767.98px) {

  html body.site-page.works-page
  .works-section--photos .works-mobile-arrow {
    position: relative !important;
    display: grid !important;
    place-items: center !important;

    font-size: 0 !important;
    color: transparent !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-mobile-arrow::before {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;

    display: block !important;

    color: #07963b !important;
    font-family: Arial, sans-serif !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    transform: translate(-50%, -54%) !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-mobile-prev::before {
    content: "‹" !important;
  }

  html body.site-page.works-page
  .works-section--photos .works-mobile-next::before {
    content: "›" !important;
  }
}
@media (max-width: 767.98px) {
  html body.site-page.contact-page
  .contact-hero .contact-hero__actions {
    bottom: 65px !important;
  }
}
@media (max-width: 767.98px) {

  /* Вся секция быстрых контактов */
  html body.site-page.contact-page .contact-quick-info {
    padding: 8px 0 10px !important;
  }

  html body.site-page.contact-page
  .contact-quick-info__grid {
    padding: 0 16px !important;
    gap: 0 !important;
    border-radius: 14px !important;
  }

  /* Каждая строка контактов */
  html body.site-page.contact-page
  .contact-quick-card {
    min-height: 0 !important;
    padding: 13px 0 13px 58px !important;
  }

  /* Иконки делаем компактнее */
  html body.site-page.contact-page
  .contact-quick-card__icon {
    top: 14px !important;
    left: 2px !important;

    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;

    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }

  html body.site-page.contact-page
  .contact-quick-card__icon svg {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;

    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }

  /* Названия: Телефон, Сообщения и т. д. */
  html body.site-page.contact-page
  .contact-quick-card h2 {
    margin: 0 0 3px !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  /* Номер телефона */
  html body.site-page.contact-page
  .contact-quick-card__main-link {
    margin: 2px 0 0 !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
  }

  /* Обычный поясняющий текст */
  html body.site-page.contact-page
  .contact-quick-card p {
    margin: 6px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  /* WhatsApp, Telegram, Viber */
  html body.site-page.contact-page
  .contact-quick-card__messengers {
    margin: 3px 0 0 !important;
    gap: 0 !important;
  }

  html body.site-page.contact-page
  .contact-quick-card__messengers a {
    font-size: 14px !important;
    line-height: 1.28 !important;
  }

  /* Режим работы и регион */
  html body.site-page.contact-page
  .contact-quick-card__schedule,
  html body.site-page.contact-page
  .contact-quick-card__region {
    margin: 3px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.22 !important;
  }

  /* Позвонить / Написать */
  html body.site-page.contact-page
  .contact-quick-card__action {
    margin: 7px 0 0 !important;
    padding: 0 !important;
    gap: 6px !important;

    font-size: 14px !important;
    line-height: 1.1 !important;
  }

  html body.site-page.contact-page
  .contact-quick-card__action span {
    font-size: 15px !important;
  }
}
@media (max-width: 767.98px) {

  html body.site-page.contact-page
  .contact-quick-info {
    padding: 4px 0 6px !important;
  }

  html body.site-page.contact-page
  .contact-quick-card {
    padding: 9px 0 9px 52px !important;
  }

  html body.site-page.contact-page
  .contact-quick-card__icon {
    top: 10px !important;
    width: 34px !important;
    height: 34px !important;
  }

  html body.site-page.contact-page
  .contact-quick-card__icon svg {
    width: 29px !important;
    height: 29px !important;
  }

  html body.site-page.contact-page
  .contact-quick-card h2 {
    margin-bottom: 2px !important;
    font-size: 14px !important;
  }

  html body.site-page.contact-page
  .contact-quick-card__main-link {
    font-size: 15px !important;
  }

  html body.site-page.contact-page
  .contact-quick-card p {
    margin-top: 4px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  html body.site-page.contact-page
  .contact-quick-card__messengers {
    margin-top: 2px !important;
  }

  html body.site-page.contact-page
  .contact-quick-card__messengers a,
  html body.site-page.contact-page
  .contact-quick-card__schedule,
  html body.site-page.contact-page
  .contact-quick-card__region {
    font-size: 13px !important;
    line-height: 1.18 !important;
  }

  html body.site-page.contact-page
  .contact-quick-card__action {
    margin-top: 5px !important;
    font-size: 13px !important;
  }
}
@media (max-width: 767.98px) {

  /* Блок региона переводим в одну колонку */
  html body.site-page.contact-page .contact-region {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  html body.site-page.contact-page .contact-region__copy {
    display: contents !important;
  }

  /* Тексты на всю ширину */
  html body.site-page.contact-page
  .contact-region__copy > .home-kicker,
  html body.site-page.contact-page
  .contact-region__copy > h2,
  html body.site-page.contact-page
  .contact-region__copy > p {
    grid-column: 1 !important;
  }

  /* Карта по центру и перед списком городов */
  html body.site-page.contact-page .contact-region__map {
    grid-column: 1 !important;
    grid-row: 4 !important;
    justify-self: center !important;

    width: 270px !important;
    max-width: 82vw !important;
    height: auto !important;

    margin: 8px auto 14px !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.site-page.contact-page .contact-region__map img {
    width: 100% !important;
    height: auto !important;

    display: block !important;
    margin: 0 auto !important;

    opacity: 1 !important;
    filter: none !important;
    object-fit: contain !important;

    background: transparent !important;
    border-radius: 0 !important;
  }

  /* Список городов располагаем после карты */
  html body.site-page.contact-page .contact-region__cities {
    grid-column: 1 !important;
    grid-row: 5 !important;
    width: 100% !important;
  }
}
@media (max-width: 767.98px) {

  /* Верхний текст — на всю ширину,
     список городов слева, карта справа */
  html body.site-page.contact-page .contact-region {
    display: grid !important;
    grid-template-columns:
      minmax(150px, 0.85fr)
      minmax(190px, 1.15fr) !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
    align-items: start !important;
  }

  html body.site-page.contact-page .contact-region__copy {
    display: contents !important;
  }

  /* Заголовок и описание сверху на всю ширину */
  html body.site-page.contact-page
  .contact-region__copy > .home-kicker,
  html body.site-page.contact-page
  .contact-region__copy > h2,
  html body.site-page.contact-page
  .contact-region__copy > p {
    grid-column: 1 / -1 !important;
  }

  /* Города слева */
  html body.site-page.contact-page
  .contact-region__cities {
    grid-column: 1 !important;
    grid-row: 4 !important;

    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  /* Карта справа от городов */
  html body.site-page.contact-page
  .contact-region__map {
    grid-column: 2 !important;
    grid-row: 4 !important;
    align-self: start !important;
    justify-self: stretch !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.site-page.contact-page
  .contact-region__map img {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    object-fit: contain !important;

    opacity: 1 !important;
    filter: none !important;

    background: transparent !important;
    border-radius: 0 !important;
  }

  /* Немного ужимаем список, чтобы карта получилась крупнее */
  html body.site-page.contact-page
  .contact-region__cities h3 {
    margin: 0 0 7px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  html body.site-page.contact-page
  .contact-region__cities ul {
    gap: 2px !important;
  }

  html body.site-page.contact-page
  .contact-region__cities li {
    min-height: 22px !important;
    padding-left: 13px !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}
@media (max-width: 767.98px) {

  /* Даём карте немного больше места справа */
  html body.site-page.contact-page .contact-region {
    grid-template-columns:
      minmax(140px, 0.78fr)
      minmax(200px, 1.22fr) !important;

    column-gap: 4px !important;
  }

  /* Опускаем и увеличиваем карту */
  html body.site-page.contact-page
  .contact-region__map {
    align-self: start !important;

    width: calc(100% + 26px) !important;
    max-width: none !important;

    margin-top: 100px !important;
    margin-left: -8px !important;
  }

  html body.site-page.contact-page
  .contact-region__map img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
  }
}
@media (max-width: 768px) {

  /* Только страница «Бурение» */
  html body:not(.site-page)
  .site-header__desktop-floating-contact {
    pointer-events: none !important;
  }

  html body:not(.site-page)
  .site-header__desktop-floating-contact
  .site-header__floating-contact {
    pointer-events: none !important;
  }

  /* Удаляем большую невидимую область возле кнопки */
  html body:not(.site-page)
  .site-header__desktop-floating-contact
  .site-header__floating-contact::after {
    content: none !important;
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    pointer-events: none !important;
  }

  /* Нажимается только видимая круглая кнопка */
  html body:not(.site-page)
  .site-header__desktop-floating-contact
  .site-header__icon-button {
    pointer-events: auto !important;
  }

  /* Запрещаем открытие от наведения или случайного касания рядом */
  html body:not(.site-page)
  .site-header__desktop-floating-contact
  .site-header__floating-contact:hover
  .site-header__contact-popup,

  html body:not(.site-page)
  .site-header__desktop-floating-contact
  .site-header__floating-contact:focus-within
  .site-header__contact-popup {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Открываем меню только после настоящего клика по кнопке */
  html body:not(.site-page)
  .site-header__desktop-floating-contact
  .site-header__floating-contact.is-contact-open
  .site-header__contact-popup,

  html body:not(.site-page)
  .site-header__desktop-floating-contact
  .site-header__contact-popup.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(0, 0) !important;
  }
}
@media (max-width: 768px) {

  /* После закрытия меню возвращаем кнопку «Наверх»,
     даже если на телефоне сохранился hover/focus */
  html body:not(.site-page)
  .site-header__desktop-floating-contact:hover
  + .back-to-top.is-visible:not(.is-contact-hidden),

  html body:not(.site-page)
  .site-header__desktop-floating-contact:focus-within
  + .back-to-top.is-visible:not(.is-contact-hidden) {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Пока меню мессенджеров открыто — стрелку прячем */
  html body:not(.site-page)
  .back-to-top.is-contact-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
@media (max-width: 768px) {

  /* Закрытое меню — исходный бирюзовый цвет */
  html body:not(.site-page)
  [data-floating-contact-toggle][aria-expanded="false"],
  html body:not(.site-page)
  [data-floating-contact-toggle][aria-expanded="false"]:hover,
  html body:not(.site-page)
  [data-floating-contact-toggle][aria-expanded="false"]:focus,
  html body:not(.site-page)
  [data-floating-contact-toggle][aria-expanded="false"]:active {
    background: #0b8994 !important;
    border-color: #0b8994 !important;
    color: #ffffff !important;

    transform: none !important;
    box-shadow: 0 10px 24px rgba(11, 137, 148, 0.28) !important;
  }

  /* Открытое меню — зелёный цвет */
  html body:not(.site-page)
  [data-floating-contact-toggle][aria-expanded="true"] {
    background: #16823a !important;
    border-color: #16823a !important;
    color: #ffffff !important;
  }

  html body:not(.site-page)
  [data-floating-contact-toggle] svg,
  html body:not(.site-page)
  [data-floating-contact-toggle] svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
  }
}
@media (max-width: 768px) {

  /* Кнопка сообщений на всех страницах */
  html body .site-header__desktop-floating-contact {
    position: fixed !important;

    /* Выравниваем её центр по кнопке «Наверх» */
    right: calc(14px + env(safe-area-inset-right, 0px)) !important;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;

    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
  }

  html body
  .site-header__desktop-floating-contact
  .site-header__floating-contact {
    position: static !important;

    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
  }

  html body
  .site-header__desktop-floating-contact
  .site-header__icon-button {
    position: absolute !important;
    inset: 0 !important;

    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;

    padding: 0 !important;
  }

  /* Иконка сообщения тоже немного меньше */
  html body
  .site-header__desktop-floating-contact
  .site-header__icon-button svg {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
  }

  /* Фиксируем положение кнопки «Наверх» */
  html body .back-to-top {
    right: calc(12px + env(safe-area-inset-right, 0px)) !important;
  }
}
@media (max-width: 768px) {
  html body .site-header__desktop-floating-contact,
  html body
  .site-header__desktop-floating-contact
  .site-header__floating-contact,
  html body
  .site-header__desktop-floating-contact
  .site-header__icon-button {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
  }

  html body
  .site-header__desktop-floating-contact
  .site-header__icon-button svg {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
  }
}
@media (max-width: 768px) {
  html body .site-header__desktop-floating-contact {
    right: calc(11px + env(safe-area-inset-right, 0px)) !important;
  }
}
/* ===== МОБИЛЬНЫЙ ЛОГОТИП — КАК НА ПК ===== */
@media (max-width: 767.98px) {

  html body .site-header__logo [data-header-logo-text]::before {
    content: none !important;
    display: none !important;
  }

  html body .site-header__logo [data-header-logo-text]::after,
  html body:is(.contact-page, .hf-unified)
    .site-header__logo [data-header-logo-text]::after {

    content: "BYROVIK" !important;

    font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
    font-size: 23px !important;
    font-weight: 860 !important;
    line-height: 1 !important;
    letter-spacing: -0.05em !important;

    color: #05070d !important;
    text-transform: none !important;
  }
}
/* ЛОГОТИП — текст ближе к значку */
@media (max-width: 767.98px) {
  html body .site-header__logo [data-header-logo-text] {
    margin-left: -1px !important;
  }
}
@media (max-width: 767.98px) {

  /* Подписи под заголовками */
 html body #benefits .benefits-modern-item p {
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  white-space: normal !important;
  max-width: 215px !important;
}

  /* Самая длинная третья подпись */
  html body #benefits .benefits-modern-item:nth-child(3) p {
    font-size: 8.5px !important;
    letter-spacing: -0.045em !important;
  }

}
@media (max-width: 767.98px) {

  html body #price .calc-result-total {
    align-items: baseline !important;
  }

  html body #price .calc-result-total span,
  html body #price .calc-result-total strong {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
  }

}
/* «Начать просто» — чуть больше воздуха на мобильном */
@media (max-width: 767.98px) {

  body:not(.contact-page) #contacts.fc-section {
    padding-top: 24px !important;
    padding-bottom: 22px !important;
  }

  body:not(.contact-page) #contacts .fc-text {
    margin-top: 10px !important;
  }

  body:not(.contact-page) #contacts .fc-contact-link-left {
    margin-top: 12px !important;
  }

  body:not(.contact-page) #contacts .fc-right {
    padding-top: 12px !important;
  }

  body:not(.contact-page) #contacts .fc-form {
    gap: 10px !important;
  }
}
/* «Как проходит работа» — выравниваем цифры по заголовкам */
@media (max-width: 767.98px) {
  html body #work .work-modern-card-head > span {
    position: relative !important;
    top: 7px !important;
  }
}
/* ПОДВАЛ — логотип и подпись на мобильном */
@media (max-width: 767.98px) {

  html body footer.org-footer .org-footer__brand-row {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
  }

  html body footer.org-footer .org-footer__brand-row h2 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 2px !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* Byrovik.by */
html body footer.org-footer .org-footer__logo-text {
  font-size: 14px !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

/* Бурение и обустройство скважин */
html body footer.org-footer .org-footer__brand-desc {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;

  font-size: 8.5px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;

  white-space: normal !important;
}
/* ПОДВАЛ — вся надпись по высоте логотипа */
@media (max-width: 767.98px) {

  html body footer.org-footer .org-footer__brand-row h2 {
    transform: scale(0.68) !important;
    transform-origin: left center !important;
  }

}
/* =====================================================
   ПОДВАЛ — максимально компактный на телефоне
   ===================================================== */
@media (max-width: 767.98px) {

  /* Весь подвал */
  html body footer.org-footer {
    padding-top: 10px !important;
    padding-bottom: 7px !important;
  }

  html body footer.org-footer .org-footer__inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }


  /* ===== ЛОГОТИП ===== */

  html body footer.org-footer .org-footer__brand {
    padding-bottom: 7px !important;
    margin: 0 !important;
  }

  html body footer.org-footer .org-footer__brand-row {
    padding: 0 !important;
    margin: 0 !important;
  }


  /* ===== СЕКЦИИ ПОДВАЛА ===== */

  html body footer.org-footer .org-footer__contact-card,
  html body footer.org-footer .org-footer__company,
  html body footer.org-footer .org-footer__navigation {
    padding: 7px 0 !important;
    margin: 0 !important;
  }


  /* ===== СВЯЗАТЬСЯ / НАВИГАЦИЯ ===== */

  html body footer.org-footer .org-footer__contact-card h3,
  html body footer.org-footer .org-footer__navigation h3 {
    margin: 0 0 4px !important;
    padding: 0 0 3px !important;

    font-size: 11px !important;
    line-height: 1 !important;
  }


  /* ===== ТЕКСТОВЫЕ СТРОКИ ===== */

  html body footer.org-footer .org-footer__list {
    gap: 2px !important;
    margin: 0 !important;
  }

  html body footer.org-footer .org-footer__list li {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 11px !important;
    line-height: 1.15 !important;
  }


  /* Телефон */
  html body footer.org-footer .org-footer__phone,
  html body footer.org-footer .org-footer__phone:visited {
    font-size: 17px !important;
    line-height: 1.05 !important;
  }


  /* Email */
  html body footer.org-footer .org-footer__contact-link,
  html body footer.org-footer .org-footer__contact-link:visited {
    font-size: 11px !important;
    line-height: 1.1 !important;
  }


  /* ООО «Монтаж воды» */
  html body footer.org-footer
  .org-footer__company
  .org-footer__list li:first-child,
  html body footer.org-footer
  .org-footer__company
  .org-footer__list li:first-child b {
    font-size: 11.5px !important;
    line-height: 1.1 !important;
  }


  /* ===== НАВИГАЦИЯ ===== */

  html body footer.org-footer .org-footer__links {
    column-gap: 12px !important;
    row-gap: 0 !important;
    margin: 0 !important;
  }

  html body footer.org-footer .org-footer__links a {
    min-height: 24px !important;
    padding: 1px 0 !important;

    font-size: 11px !important;
    line-height: 1.1 !important;
  }


  /* Самая нижняя строка подвала */
  html body footer.org-footer .org-footer__bottom {
    margin: 0 !important;
    padding-top: 5px !important;
  }

  html body footer.org-footer .org-footer__bottom span {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }
}
/* Подвал — убрать лишний вертикальный зазор перед нижней подписью */
@media (max-width: 767.98px) {

  html body footer.org-footer .org-footer__navigation {
    padding-bottom: 1px !important;
  }

  html body footer.org-footer .org-footer__bottom {
    margin-top: 0 !important;
    padding-top: 4px !important;
    transform: none !important;
  }
}
@media (max-width: 767.98px) {

  /* Убираем пустоту после навигации */
  html body footer.org-footer .org-footer__navigation {
    padding-bottom: 0 !important;
  }

  /* Подтягиваем нижнюю строку вверх */
  html body footer.org-footer .org-footer__bottom {
    margin-top: -20px !important;
    padding-top: 5px !important;
  }

}
/* Внутренние страницы — убираем лишнюю пустоту снизу подвала */
@media (max-width: 767.98px) {

  html body.site-page.hf-unified footer.org-footer,
  html body.site-page.contact-page footer.org-footer {
    padding-bottom: 6px !important;
  }

  html body.site-page.hf-unified footer.org-footer .org-footer__bottom,
  html body.site-page.contact-page footer.org-footer .org-footer__bottom {
    transform: none !important;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 767.98px) {

  html body.site-page.contact-page
  .contact-region__cities h3 {
    width: max-content !important;
    max-width: none !important;

    font-size: 11.5px !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    letter-spacing: -0.02em !important;
  }

}
/* ===== Мобильное меню: телефон и время по левому краю ===== */
@media (max-width: 767.98px) {

  html body .site-header__mobile-menu-phone {
    justify-content: flex-start !important;
    padding: 10px 2px !important;
    text-align: left !important;
  }

  html body .site-header__mobile-menu-worktime {
    justify-content: flex-start !important;
    padding: 7px 2px 11px !important;
    text-align: left !important;
  }

}
 @media (max-width: 767.98px) {
  html body footer.org-footer .org-footer__bottom span {
    display: block !important;
    width: 250px !important;
    max-width: 250px !important;
    white-space: normal !important;

    font-size: 10px !important;
    line-height: 1.1 !important;
  }
}
/* ===== ФИНАЛЬНОЕ МОБИЛЬНОЕ МЕНЮ ===== */
@media (max-width: 767.98px) {

  html body .site-header__mobile-panel {
    background: #fff !important;
    border-radius: 28px 28px 0 0 !important;
  }

  html body .site-header__mobile-panel-inner {
    padding: 8px 18px 12px !important;
  }


  /* Основные пункты */
  html body .site-header__mobile-panel-inner > a:not(.site-header__mobile-social-link):not(.site-header__mobile-menu-phone) {
    min-height: 50px !important;

    display: flex !important;
    align-items: center !important;

    padding: 8px 12px !important;

    border-bottom: 1px solid #e3e7e9 !important;

    color: #071a45 !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;

    text-decoration: none !important;
  }


  /* Мы в соцсетях */
  html body .site-header__mobile-social-link {
    min-height: 50px !important;
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    padding: 8px 12px !important;

    border-bottom: 1px solid #e3e7e9 !important;

    color: #111 !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
  }

  html body .site-header__mobile-social-link svg {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
  }


  /* Telegram / WhatsApp / Viber */
  html body .site-header__mobile-socials {
    width: 100% !important;

    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;

    gap: 0 !important;

    padding: 10px 0px 8px !important;

    border-bottom: 1px solid #e3e7e9 !important;

    background: #fff !important;
  }

  html body .site-header__mobile-socials::before {
    display: none !important;
  }

  html body .site-header__mobile-socials a {
    width: 100% !important;
    min-height: 54px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 3px !important;

    padding: 0 !important;

    color: #111 !important;
    text-decoration: none !important;
  }

  html body .site-header__mobile-social-icon {
    width: 32px !important;
    height: 32px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body .site-header__mobile-social-icon svg {
    width: 30px !important;
    height: 30px !important;
  }

  html body .site-header__mobile-social-label {
    display: block !important;

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    color: #111 !important;
  }


  /* Телефон */
  html body .site-header__mobile-menu-phone {
    min-height: 52px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 8px !important;

    border-bottom: 1px solid #e3e7e9 !important;

    color: #111 !important;
    text-decoration: none !important;
  }

  html body .site-header__mobile-menu-phone-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 14px !important;

    animation: none !important;
    transform: none !important;
  }

  html body .site-header__mobile-menu-phone-inner::before,
  html body .site-header__mobile-menu-phone-inner::after {
    display: none !important;
    content: none !important;
  }

  html body .site-header__mobile-menu-phone svg {
    width: 21px !important;
    height: 21px !important;
    margin: 0 !important;
  }

  html body .site-header__mobile-menu-phone span {
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }


  /* График */
  html body .site-header__mobile-menu-worktime {
    min-height: 44px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 8px !important;

    border: 0 !important;

    color: #3d4655 !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    text-align: center !important;
  }

  html body .site-header__mobile-menu-worktime::before {
    display: none !important;
  }

}
@media (max-width: 767.98px) {

  /* Трубка внутри WhatsApp */
  html body [data-mobile-social="whatsapp"]
  .site-header__mobile-social-icon svg path:nth-of-type(2) {
    transform-box: fill-box !important;
    transform-origin: center !important;
    transform: scale(0.8) !important;
  }

  /* Трубка внутри Viber */
  html body [data-mobile-social="viber"]
  .site-header__mobile-social-icon svg path:nth-of-type(2) {
    transform-box: fill-box !important;
    transform-origin: center !important;
    transform: scale(0.8) !important;
  }

}