/* Ссылка добавлена только для мобильного подвала: на ПК исходный подвал не меняется. */
.mobile-only-footer-link { display: none !important; }

/* Финальные правки мобильной версии от 18.07. Десктопные стили не затрагиваются. */
@media (max-width: 767px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body {
    min-width: 0 !important;
  }

  /* =========================
     ШАПКА
     ========================= */
  html body .site-header {
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid rgba(8, 27, 70, 0.08) !important;
    box-shadow: 0 3px 10px rgba(10, 31, 65, 0.04) !important;
  }

  html body .site-header__inner,
  html body .header-container.site-header__inner {
    width: 100% !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 0 17px 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
  }

  html body .site-header__logo {
    position: static !important;
    inset: auto !important;
    order: 1 !important;
    width: auto !important;
    height: 58px !important;
    margin: 0 auto 0 2px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transform: none !important;
    color: #071a45 !important;
    text-decoration: none !important;
  }

  html body .site-header__logo-icon {
    width: 34px !important;
    height: 52px !important;
    max-width: none !important;
    object-fit: contain !important;
    flex: 0 0 auto !important;
  }

  html body .site-header__logo [data-header-logo-text] {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    color: #071a45 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    white-space: nowrap !important;
  }

  html body .site-header__logo [data-header-logo-text]::after {
    content: "Byrovik" !important;
    font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.045em !important;
  }

  html body .site-header__nav {
    display: none !important;
  }

  html body .site-header__mobile-actions {
    position: static !important;
    inset: auto !important;
    order: 2 !important;
    width: 36px !important;
    height: 44px !important;
    margin: 0 13px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateX(-1px) !important;
  }

  html body .site-header__mobile-phone,
  html body .site-header__mobile-phone:visited {
    width: 36px !important;
    height: 44px !important;
    min-width: 36px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    color: #071a45 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body .site-header__mobile-phone svg {
    width: 29px !important;
    height: 29px !important;
    stroke-width: 2.15 !important;
    transform-origin: 50% 55% !important;
    animation: mobilePhoneAttention 4.8s ease-in-out infinite !important;
  }

  @keyframes mobilePhoneAttention {
    0%, 76%, 100% { transform: rotate(0deg) scale(1); }
    80% { transform: rotate(-8deg) scale(1.07); }
    84% { transform: rotate(7deg) scale(1.07); }
    88% { transform: rotate(-5deg) scale(1.04); }
    92% { transform: rotate(3deg) scale(1.02); }
    96% { transform: rotate(0deg) scale(1); }
  }

  html body .site-header__mobile-toggle {
    position: static !important;
    inset: auto !important;
    order: 3 !important;
    width: 35px !important;
    min-width: 35px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    color: #071a45 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: translateX(-2px) !important;
  }

  html body .site-header__mobile-toggle-label {
    display: none !important;
  }

  html body .site-header__mobile-toggle-lines {
    width: 31px !important;
    height: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 0 !important;
  }

  html body .site-header__mobile-toggle-lines > span {
    width: 31px !important;
    height: 3px !important;
    margin: 0 !important;
    display: block !important;
    background: #071a45 !important;
    border-radius: 999px !important;
    transform: none;
  }

  html body .site-header__mobile-panel {
    top: 68px !important;
  }

  @media (prefers-reduced-motion: reduce) {
    html body .site-header__mobile-phone svg {
      animation: none !important;
    }
  }

  /* =========================
     ГЛАВНЫЙ ЭКРАН — БУРЕНИЕ
     ========================= */
  html body #hero.hp-hero-section {
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  html body #hero.hp-hero-section::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 338px !important;
    background:
      linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.94) 32%, rgba(255,255,255,.63) 54%, rgba(255,255,255,.06) 83%),
      linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.02) 72%, rgba(255,255,255,.97) 100%),
      url("images/hero-water.webp") 58% 54% / cover no-repeat !important;
    pointer-events: none !important;
  }

  html body #hero .hp-hero,
  html body #hero .site-inner.hp-hero {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 20px 24px !important;
    display: block !important;
  }

  html body #hero .hp-copy {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 31px 0 0 !important;
  }

  html body #hero .hp-empty {
    display: none !important;
  }

  html body #hero .hp-eyebrow {
    margin: 0 0 19px !important;
    color: #0d9636 !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
  }

  html body #hero .hp-title {
    width: min(100%, 335px) !important;
    max-width: 335px !important;
    margin: 0 !important;
    color: #061844 !important;
    font-size: clamp(35px, 9.4vw, 41px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.052em !important;
    text-wrap: balance !important;
  }

  html body #hero .hp-title span {
    display: block !important;
  }

  html body #hero .hp-subtitle {
    width: min(100%, 235px) !important;
    max-width: 235px !important;
    margin: 25px 0 0 !important;
    color: #18274d !important;
    font-size: 17px !important;
    font-weight: 450 !important;
    line-height: 1.45 !important;
    letter-spacing: -0.025em !important;
  }

  html body #hero .hp-benefits {
    width: calc(100% + 40px) !important;
    margin: 62px -20px 0 !important;
    padding: 8px 27px 0 !important;
    display: block !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body #hero .hp-benefit {
    min-height: 82px !important;
    margin: 0 !important;
    padding: 14px 0 !important;
    display: grid !important;
    grid-template-columns: 66px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 11px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #d9dde3 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body #hero .hp-benefit:last-child {
    border-bottom: 0 !important;
  }

  html body #hero .hp-benefit-icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    margin: 0 !important;
    display: block !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html body #hero .hp-benefit:nth-child(1) .hp-benefit-icon {
    background-image: url("images/mobile-hero-icon-price.webp") !important;
  }

  html body #hero .hp-benefit:nth-child(2) .hp-benefit-icon {
    background-image: url("images/mobile-hero-icon-speed.webp") !important;
  }

  html body #hero .hp-benefit:nth-child(3) .hp-benefit-icon {
    background-image: url("images/mobile-hero-icon-care.webp") !important;
  }

  html body #hero .hp-benefit-icon svg {
    display: none !important;
  }

  html body #hero .hp-benefit > div {
    min-width: 0 !important;
  }

  html body #hero .hp-benefit strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #061844 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.025em !important;
  }

  html body #hero .hp-benefit span:not(.hp-benefit-icon) {
    display: block !important;
    color: #243251 !important;
    font-size: 15px !important;
    font-weight: 430 !important;
    line-height: 1.35 !important;
  }

  html body #hero .hp-phone-box {
    width: 100% !important;
    max-width: none !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body #hero .hp-phone-input,
  html body #hero .hp-phone-button {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body #hero .hp-phone-input {
    height: 57px !important;
    display: grid !important;
    grid-template-columns: 79px minmax(0,1fr) !important;
    align-items: stretch !important;
    background: #ffffff !important;
    border: 1px solid #cfd4dc !important;
    border-radius: 7px !important;
    overflow: hidden !important;
  }

  html body #hero .hp-phone-input > span {
    display: grid !important;
    place-items: center !important;
    color: #061844 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    border-right: 1px solid #d7dbe1 !important;
  }

  html body #hero .hp-phone-input input {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 0 18px !important;
    color: #142347 !important;
    font-size: 16px !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
  }

  html body #hero .hp-phone-button {
    min-height: 63px !important;
    padding: 10px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: #0a9634 !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    box-shadow: none !important;
  }

  html body #hero .hp-phone-button small {
    display: block !important;
    margin-top: 2px !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
  }

  html body #hero .hp-micro {
    width: 100% !important;
    max-width: 330px !important;
    margin: 14px auto 0 !important;
    color: #253253 !important;
    font-size: 13px !important;
    font-weight: 430 !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }

  /* =========================
     ПОДБЕРЕМ РЕШЕНИЕ
     ========================= */
  html body #benefits.benefits-modern-section {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 44px 0 35px !important;
    background: #ffffff !important;
    border: 0 !important;
  }

  html body #benefits > .site-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 21px !important;
  }

  html body #benefits .benefits-modern-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body #benefits .benefits-modern-head {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #benefits .benefits-modern-head h2 {
    max-width: 340px !important;
    margin: 0 !important;
    color: #071a45 !important;
    font-size: clamp(35px, 9.1vw, 40px) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.052em !important;
  }

  html body #benefits .benefits-modern-head p {
    margin: 16px 0 0 !important;
    color: #0b9635 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  html body #benefits .benefits-modern-head::after {
    content: "" !important;
    width: 100% !important;
    aspect-ratio: 545 / 370 !important;
    margin: 30px 0 20px !important;
    display: block !important;
    background: url("images/mobile-solution-illustration.webp") center / 100% 100% no-repeat !important;
    border-radius: 16px !important;
  }

  html body #benefits .benefits-modern-grid {
    display: block !important;
    margin: 0 !important;
    padding: 0 2px !important;
  }

  html body #benefits .benefits-modern-item {
    min-height: 142px !important;
    margin: 0 !important;
    padding: 16px 0 !important;
    display: grid !important;
    grid-template-columns: 112px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 18px !important;
    row-gap: 7px !important;
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #d8dce2 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body #benefits .benefits-modern-item:last-child {
    border-bottom: 0 !important;
  }

  html body #benefits .benefits-modern-icon {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 50% !important;
    overflow: visible !important;
  }

  html body #benefits .benefits-modern-icon img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: contain !important;
  }

  html body #benefits .benefits-modern-item:first-child .benefits-modern-icon img {
  content: url("assets/img/icon-tracks.webp") !important;
}

  html body #benefits .benefits-modern-item h3 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    margin: 0 !important;
    color: #071a45 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.04em !important;
  }

  html body #benefits .benefits-modern-item p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    margin: 0 !important;
    color: #263454 !important;
    font-size: 16px !important;
    font-weight: 430 !important;
    line-height: 1.4 !important;
  }

  /* =========================
     КАЛЬКУЛЯТОР
     ========================= */
  html body #price.calc-section {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 42px 0 46px !important;
    overflow: visible !important;
    background: #ffffff !important;
  }

  html body #price .calc-box,
  html body #price .calc-box-modern {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 21px !important;
    display: block !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body #price .calc-modern-left,
  html body #price .calc-modern-result {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body #price .calc-head,
  html body #price .calc-modern-head {
    margin: 0 0 19px !important;
    padding: 0 !important;
  }

  html body #price .calc-title-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  html body #price .calc-head-icon {
    width: 29px !important;
    height: 29px !important;
    min-width: 29px !important;
    display: block !important;
    object-fit: contain !important;
  }

  html body #price .calc-head h2 {
    margin: 0 !important;
    color: #071a45 !important;
    font-size: 29px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.045em !important;
  }

  html body #price .calc-head > p {
    max-width: 340px !important;
    margin: 12px 0 0 !important;
    color: #263454 !important;
    font-size: 15px !important;
    font-weight: 430 !important;
    line-height: 1.42 !important;
  }

  html body #price .calc-panel,
  html body #price .calc-modern-panel {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px 0 23px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #dce0e6 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body #price .calc-modern-panel-top {
    display: grid !important;
    grid-template-columns: 48px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #price .calc-modern-step {
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    display: grid !important;
    place-items: center !important;
    color: #0a9634 !important;
    background: #ffffff !important;
    border: 1.5px solid #0a9634 !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  html body #price .calc-modern-panel-top h3 {
    min-width: 0 !important;
    margin: 0 !important;
    color: #071a45 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.025em !important;
  }

  html body #price .calc-modern-panel-top h3 small {
    color: #8c93a2 !important;
    font-size: 13px !important;
    font-weight: 450 !important;
    white-space: normal !important;
  }

  html body #price .calc-depth-panel {
    position: relative !important;
    padding-bottom: 26px !important;
  }

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

  html body #price .calc-modern-depth-value {
    grid-column: 1 / -1 !important;
    width: calc(100% - 116px) !important;
    height: 59px !important;
    margin: 17px auto 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 1px solid #d4d9e1 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
  }

  html body #price .calc-modern-depth-value input {
    width: 75px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #071a45 !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    font-size: 41px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
  }

  html body #price .calc-modern-depth-value > span {
    margin-left: 7px !important;
    color: #071a45 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
  }

  html body #price .calc-modern-depth-row,
  html body #price .calc-depth-row,
  html body #price .calc-depth-control {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  html body #price .calc-depth-stepper {
    position: absolute !important;
    z-index: 2 !important;
    top: 82px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    pointer-events: none !important;
  }

  html body #price .calc-depth-btn {
    width: 54px !important;
    height: 59px !important;
    min-width: 54px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    color: #0a9634 !important;
    background: #ffffff !important;
    border: 1px solid #d4d9e1 !important;
    border-radius: 7px !important;
    font-size: 31px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }

  html body #price .calc-range-wrap {
    width: 100% !important;
    margin: 25px 0 0 !important;
  }

  html body #price .calc-range {
    width: 100% !important;
    accent-color: #0a9634 !important;
  }

  html body #price .calc-scale {
    width: 100% !important;
    margin-top: 8px !important;
    display: flex !important;
    justify-content: space-between !important;
    color: #071a45 !important;
    font-size: 14px !important;
  }

  html body #price .calc-modern-pipe-list {
    margin: 17px 0 0 !important;
    display: grid !important;
    gap: 10px !important;
  }

  html body #price .calc-pipe-option {
    width: 100% !important;
    min-height: 94px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    display: grid !important;
    grid-template-columns: 62px minmax(0,1fr) 43px !important;
    align-items: center !important;
    gap: 10px !important;
    color: #071a45 !important;
    background: #ffffff !important;
    border: 1px solid #d4d9e1 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  html body #price .calc-pipe-option.is-selected {
    border-color: #0a9634 !important;
    box-shadow: inset 0 0 0 1px #0a9634 !important;
  }

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

  html body #price .calc-pipe-option b {
    display: block !important;
    color: #071a45 !important;
    font-size: 17px !important;
    font-style: normal !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
  }

  html body #price .calc-pipe-option em {
    display: block !important;
    margin-top: 5px !important;
    color: #263454 !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 430 !important;
  }

  html body #price .calc-pipe-option mark {
    width: 39px !important;
    height: 39px !important;
    display: grid !important;
    place-items: center !important;
    color: transparent !important;
    background: #ffffff !important;
    border: 1.5px solid #cfd5de !important;
    border-radius: 50% !important;
    font-size: 0 !important;
  }

  html body #price .calc-pipe-option.is-selected mark {
    color: #0a9634 !important;
    border-color: #0a9634 !important;
    font-size: 24px !important;
  }

  html body #price .calc-setup-select {
    width: 100% !important;
    height: 64px !important;
    margin: 17px 0 0 !important;
    padding: 0 48px 0 15px !important;
    color: #071a45 !important;
    background-color: #ffffff !important;
    border: 1px solid #d4d9e1 !important;
    border-radius: 7px !important;
    font-size: 15px !important;
    font-weight: 450 !important;
    box-shadow: none !important;
  }

  html body #price .calc-setup-grid {
    display: none !important;
  }

  html body #price .calc-modern-result,
  html body #price .calc-result {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 20px 0 0 !important;
    padding: 14px 15px 15px !important;
    display: block !important;
    overflow: visible !important;
    background: #f5f7fa !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body #price .calc-result-bg {
    display: none !important;
  }

  html body #price .calc-result-list {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #price .calc-result-list > div {
    min-height: 49px !important;
    padding: 8px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border-bottom: 1px solid #dce0e6 !important;
  }

  html body #price .calc-result-row-label {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #263454 !important;
    font-size: 15px !important;
  }

  html body #price .calc-result-row-icon {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    display: grid !important;
    place-items: center !important;
    color: #087f67 !important;
  }

  html body #price .calc-result-row-icon svg,
  html body #price .calc-result-row-icon img {
    width: 27px !important;
    height: 27px !important;
    object-fit: contain !important;
  }

  html body #price .calc-result-list b {
    min-width: 0 !important;
    color: #071a45 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-align: right !important;
  }

  html body #price .calc-setup-summary {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
  }

  html body #price .calc-setup-summary em {
    font-style: normal !important;
  }

  html body #price .calc-result-total {
    min-height: 64px !important;
    padding: 10px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  html body #price .calc-result-total span {
    color: #071a45 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
  }

  html body #price .calc-result-total strong {
    color: #0a9634 !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body #price .calc-modern-note {
    width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    color: #263454 !important;
    background: transparent !important;
    border: 0 !important;
  }

  html body #price .calc-modern-note > span {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    display: grid !important;
    place-items: center !important;
    color: #ffffff !important;
    background: #0a9634 !important;
    border-radius: 50% !important;
    font-size: 13px !important;
  }

  html body #price .calc-modern-note p {
    margin: 0 !important;
    color: #263454 !important;
    font-size: 13px !important;
    font-weight: 450 !important;
    line-height: 1.35 !important;
  }

  html body #price .calc-lead-form {
    width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  html body #price .calc-phone-field,
  html body #price .calc-lead-form button {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body #price .calc-phone-field {
    height: 58px !important;
    display: grid !important;
    grid-template-columns: 78px minmax(0,1fr) !important;
    align-items: stretch !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #cfd4dc !important;
    border-radius: 7px !important;
  }

  html body #price .calc-phone-field > span {
    display: grid !important;
    place-items: center !important;
    color: #071a45 !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    border-right: 1px solid #d7dbe1 !important;
  }

  html body #price .calc-phone-field input {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 0 17px !important;
    color: #071a45 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 15px !important;
  }

  html body #price .calc-lead-form button {
    min-height: 59px !important;
    padding: 12px 16px !important;
    color: #ffffff !important;
    background: #0a9634 !important;
    border: 0 !important;
    border-radius: 7px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
  }

  /* =========================
     ОБУСТРОЙСТВО НА ГЛАВНОЙ
     ========================= */
  html body #obustroystvo.obustroystvo-block {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 43px 0 45px !important;
    background: #ffffff !important;
  }

  html body #obustroystvo .ob-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 18px !important;
  }

  html body #obustroystvo .ob-title {
    margin: 0 0 28px !important;
    color: #071a45 !important;
    font-size: 35px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.05em !important;
  }

  html body #obustroystvo .ob-cards {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #obustroystvo .ob-card {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 17px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: #eff8f3 !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  html body #obustroystvo .ob-photo {
    order: 1 !important;
    width: calc(100% + 34px) !important;
    height: 198px !important;
    margin: 0 -17px !important;
    overflow: hidden !important;
    border-radius: 12px 12px 0 0 !important;
  }

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

  html body #obustroystvo .ob-card-head {
    order: 2 !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  html body #obustroystvo .ob-card-head h3 {
    margin: 0 !important;
    color: #071a45 !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.045em !important;
  }

  html body #obustroystvo .ob-card-subtitle {
    margin: 6px 0 0 !important;
    color: #071a45 !important;
    font-size: 18px !important;
    font-weight: 450 !important;
    line-height: 1.2 !important;
  }

  html body #obustroystvo .ob-desc {
    order: 3 !important;
    margin: 19px 0 0 !important;
    padding: 0 !important;
    color: #17264a !important;
    font-size: 17px !important;
    font-weight: 430 !important;
    line-height: 1.55 !important;
  }

  html body #obustroystvo .ob-price-row {
    order: 4 !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;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 18px !important;
}

 html body #obustroystvo .ob-old-price {
    color: #8b8d8e !important;
    font-size: 17px !important;
    font-weight: 430 !important;
    text-decoration-thickness: 1px !important;
    margin-right: auto !important;
     line-height: 1 !important;
}

  html body #obustroystvo .ob-new-price {
    color: #0a9634 !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  html body #obustroystvo .ob-card--free .ob-price {
    justify-content: flex-end !important;
  }

  html body #obustroystvo .ob-more-row {
    margin: 18px 0 0 !important;
  }

  html body #obustroystvo .ob-more-link {
    width: 100% !important;
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: #0a9634 !important;
    border: 0 !important;
    border-radius: 9px !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  /* =========================
     КАК ПРОХОДИТ РАБОТА
     ========================= */
  html body #work.work-modern-section {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 17px 12px 34px !important;
    background: #edf8f4 !important;
    overflow: visible !important;
  }

  html body #work .work-modern-inner {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px 18px 9px !important;
    display: block !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  html body #work .work-modern-top {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  html body #work .work-modern-photo {
    order: -1 !important;
    width: 100% !important;
    height: 216px !important;
    margin: 0 0 18px !important;
    overflow: hidden !important;
    border-radius: 13px !important;
  }

  html body #work .work-modern-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  html body #work .work-modern-head {
    margin: 0 0 10px !important;
    padding: 0 !important;
  }

  html body #work .work-modern-head h2 {
    margin: 0 !important;
    color: #071a45 !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.05em !important;
  }

  html body #work .work-modern-head p {
    margin: 6px 0 0 !important;
    color: #263454 !important;
    font-size: 17px !important;
    font-weight: 430 !important;
    line-height: 1.3 !important;
  }

  html body #work .work-modern-grid {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  html body #work .work-modern-card {
    width: 100% !important;
    min-height: 126px !important;
    margin: 0 !important;
    padding: 17px 0 !important;
    display: grid !important;
    grid-template-columns: 50px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 13px !important;
    row-gap: 5px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #dde1e6 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body #work .work-modern-card:last-child {
    border-bottom: 0 !important;
  }

  html body #work .work-modern-card-head {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: 50px minmax(0,1fr) !important;
    align-items: start !important;
    gap: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #work .work-modern-card-head > span {
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    align-self: start !important;
    color: #ffffff !important;
    background: #0a9634 !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  html body #work .work-modern-card h3 {
    margin: 0 !important;
    align-self: center !important;
    color: #071a45 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.025em !important;
  }

  html body #work .work-modern-card > p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    color: #263454 !important;
    font-size: 15px !important;
    font-weight: 430 !important;
    line-height: 1.45 !important;
  }

  /* =========================
     ПРИМЕРЫ РАБОТ
     ========================= */
  html body #cases.pw-section {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 23px 12px 28px !important;
    background: #f4f4f4 !important;
  }

  html body #cases .pw-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #cases .pw-layout {
    width: 100% !important;
    margin: 0 !important;
    padding: 24px 20px 20px !important;
    display: block !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 17px !important;
    box-shadow: none !important;
  }

  html body #cases .pw-copy {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #cases .pw-copy h2 {
    margin: 0 !important;
    color: #071a45 !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.05em !important;
  }

  html body #cases .pw-copy p {
    margin: 14px 0 18px !important;
    color: #18274d !important;
    font-size: 17px !important;
    font-weight: 430 !important;
    line-height: 1.45 !important;
  }

  html body #cases .pw-gallery,
  html body #cases .pw-viewport,
  html body #cases .pw-track,
  html body #cases .pw-photo,
  html body #cases .pw-photo-frame {
    width: 100% !important;
    max-width: none !important;
  }

  html body #cases .pw-viewport {
    height: 360px !important;
    overflow: hidden !important;
    border-radius: 13px !important;
  }

  html body #cases .pw-track {
    height: 100% !important;
  }

  html body #cases .pw-photo,
  html body #cases .pw-photo-frame {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

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

  html body #cases .pw-controls {
    margin: 16px 0 0 !important;
    padding: 0 !important;
  }

  html body #cases .pw-nav-row {
    min-height: 55px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  html body #cases .pw-nav {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    background: #ffffff !important;
    border: 1px solid #d4d8de !important;
    border-radius: 9px !important;
    box-shadow: none !important;
  }

  html body #cases .pw-counter {
    color: #071a45 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
  }

  html body #cases .pw-progress {
    height: 3px !important;
    margin: 13px 0 0 !important;
    background: #e0e3e6 !important;
  }

  html body #cases .pw-progress i {
    height: 3px !important;
    background: #0a9634 !important;
  }

  html body #cases .pw-more-link {
    width: 100% !important;
    min-height: 57px !important;
    margin: 24px 0 0 !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0a9634 !important;
    background: #ffffff !important;
    border: 1px solid #0a9634 !important;
    border-radius: 9px !important;
    font-size: 19px !important;
    font-weight: 750 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  html body #cases .pw-more-link i {
    display: none !important;
  }

  /* =========================
     НАЧАТЬ ПРОСТО
     ========================= */
  html body #contacts.fc-section {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 44px 20px 40px !important;
    background: #ffffff !important;
  }

  html body #contacts .fc-inner,
  html body #contacts .fc-split,
  html body #contacts .fc-left,
  html body #contacts .fc-right {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body #contacts .fc-title {
    margin: 0 !important;
    color: #071a45 !important;
    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.055em !important;
  }

  html body #contacts .fc-text {
    margin: 18px 0 0 !important;
    color: #17264a !important;
    font-size: 19px !important;
    font-weight: 430 !important;
    line-height: 1.55 !important;
  }

  html body #contacts .fc-contact-link {
    margin: 24px 0 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    color: #0a9634 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #0a9634 !important;
  }

  html body #contacts .fc-contact-link::after {
    content: "›" !important;
    margin-left: 9px !important;
    font-size: 28px !important;
    line-height: .7 !important;
  }

  html body #contacts .fc-form {
    width: 100% !important;
    margin: 47px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body #contacts .fc-phone-field {
    width: 100% !important;
    height: 65px !important;
    display: grid !important;
    grid-template-columns: 90px minmax(0,1fr) !important;
    align-items: stretch !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1.5px solid #0a7e2e !important;
    border-radius: 9px !important;
  }

  html body #contacts .fc-phone-field > span {
    display: grid !important;
    place-items: center !important;
    color: #0a7e2e !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    border-right: 1px solid #d7dbe1 !important;
  }

  html body #contacts .fc-phone-field input {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 0 18px !important;
    color: #071a45 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 18px !important;
  }

  html body #contacts .fc-submit {
    width: 100% !important;
    min-height: 65px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    color: #ffffff !important;
    background: #087d2e !important;
    border: 0 !important;
    border-radius: 9px !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
  }

  html body #contacts .fc-notes {
    margin: 6px 0 0 !important;
    padding: 0 12px !important;
    text-align: center !important;
  }

  html body #contacts .fc-note {
    color: #263454 !important;
    font-size: 14px !important;
    font-weight: 430 !important;
    line-height: 1.4 !important;
  }

  /* =========================
     FAQ
     ========================= */
  html body #faq.well-faq {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 39px 18px 42px !important;
    background: #ffffff !important;
  }

  html body #faq .well-faq__container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #faq .well-faq__header {
    margin: 0 0 20px !important;
    padding: 0 5px !important;
  }

  html body #faq .well-faq__title {
    margin: 0 !important;
    color: #071a45 !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.05em !important;
  }

  html body #faq .well-faq__title-line {
    color: #087d2e !important;
  }

  html body #faq .well-faq__list {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  html body #faq .well-faq__item {
    width: 100% !important;
    min-height: 70px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #d4d8de !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  html body #faq .well-faq__item-title {
    height: 70px !important;
    margin: 0 !important;
  }

  html body #faq .well-faq__question {
    width: 100% !important;
    height: 70px !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 10px 17px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 38px !important;
    align-items: center !important;
    gap: 10px !important;
    color: #071a45 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
    text-align: left !important;
  }

  html body #faq .well-faq__icon {
    width: 37px !important;
    height: 37px !important;
    min-width: 37px !important;
    margin: 0 !important;
    border: 1.5px solid #087d2e !important;
    border-radius: 50% !important;
  }

  html body #faq .well-faq__icon::before,
  html body #faq .well-faq__icon::after {
    background: #087d2e !important;
  }

  html body #faq .well-faq__answer-inner {
    padding: 0 17px 17px !important;
  }

  /* =========================
     ПОДВАЛ
     ========================= */
  html body .org-footer {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 35px 23px 26px !important;
    color: #f7f7f7 !important;
    background: #111111 !important;
    border: 0 !important;
  }

  html body .org-footer .org-footer__inner {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .org-footer .org-footer__grid {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas: "brand" "company" "navigation" "contact" !important;
    gap: 0 !important;
    transform: none !important;
  }

  html body .org-footer__brand,
  html body .org-footer__company,
  html body .org-footer__navigation,
  html body .org-footer__contact-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body .org-footer__brand {
    grid-area: brand !important;
    padding: 0 0 27px !important;
    border-bottom: 1px solid rgba(255,255,255,.32) !important;
  }

  html body .org-footer__brand-row {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
  }

  html body .org-footer__logo-img {
    width: 83px !important;
    height: 95px !important;
    min-width: 83px !important;
    object-fit: contain !important;
  }

  html body .org-footer__brand-row h2 {
    min-width: 0 !important;
    margin: 0 !important;
    display: block !important;
  }

  html body .org-footer__logo-text {
    display: block !important;
    color: #ffffff !important;
    font-size: 39px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
  }

  html body .org-footer__brand-desc {
    display: block !important;
    margin-top: 10px !important;
    color: #72bd58 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }

  html body .org-footer__company {
    grid-area: company !important;
    padding: 26px 0 25px !important;
    border-bottom: 1px solid rgba(255,255,255,.23) !important;
  }

  html body .org-footer__company .org-footer__list {
    display: grid !important;
    gap: 12px !important;
  }

  html body .org-footer__company .org-footer__list li {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    color: rgba(255,255,255,.83) !important;
    font-size: 16px !important;
    font-weight: 430 !important;
    line-height: 1.45 !important;
  }

  html body .org-footer__company .org-footer__list li:first-child,
  html body .org-footer__company .org-footer__list li:first-child b {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 500 !important;
  }

  html body .org-footer__navigation {
    grid-area: navigation !important;
    padding: 25px 0 27px !important;
    border-bottom: 1px solid rgba(255,255,255,.23) !important;
  }

  html body .org-footer__navigation h3,
  html body .org-footer__contact-card h3 {
    width: max-content !important;
    margin: 0 0 19px !important;
    padding: 0 0 7px !important;
    color: #72bd58 !important;
    border-bottom: 2px solid #72bd58 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
  }

  html body .org-footer__links {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 27px !important;
    row-gap: 19px !important;
  }

  html body .org-footer .org-footer__links a,
  html body .org-footer .org-footer__links a:visited {
    margin: 0 !important;
    color: rgba(255,255,255,.91) !important;
    font-size: 17px !important;
    font-weight: 430 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
  }

  html body .org-footer__contact-card {
    grid-area: contact !important;
    padding: 25px 0 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body .org-footer__contact-card::before {
    display: none !important;
  }

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

  html body .org-footer__contact-card .org-footer__list {
    display: grid !important;
    gap: 9px !important;
  }

  html body .org-footer__contact-card .org-footer__list li {
    margin: 0 !important;
    color: rgba(255,255,255,.75) !important;
    font-size: 15px !important;
    font-weight: 430 !important;
    line-height: 1.35 !important;
  }

  html body .org-footer__phone,
  html body .org-footer__phone:visited {
    color: #72bd58 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
  }

  html body .org-footer__contact-link,
  html body .org-footer__contact-link:visited {
    color: #72bd58 !important;
    font-size: 22px !important;
    font-weight: 450 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
  }

  html body .org-footer__bottom {
    width: 100% !important;
    min-height: 0 !important;
    margin: 23px 0 0 !important;
    padding: 18px 0 0 !important;
    display: block !important;
    color: rgba(255,255,255,.72) !important;
    border-top: 1px solid rgba(255,255,255,.22) !important;
    text-align: left !important;
    transform: none !important;
  }

  html body .org-footer__bottom span {
    display: block !important;
    width: 100% !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 15px !important;
    font-weight: 430 !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  /* =========================
     СТРАНИЦА ОБУСТРОЙСТВА
     ========================= */
  html body.obustroystvo-page #hero.ob-hero {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  html body.obustroystvo-page #hero .ob-hero__grid {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 18px 23px !important;
    display: block !important;
  }

  html body.obustroystvo-page #hero .ob-hero__grid::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 464px !important;
background:
  radial-gradient(
    circle at top left,
    rgba(255,255,255,.96) 0%,
    rgba(255,255,255,.88) 24%,
    rgba(255,255,255,.62) 42%,
    rgba(255,255,255,.28) 58%,
    rgba(255,255,255,.10) 68%,
    rgba(255,255,255,0) 78%
  ),
  url("images/obustroystvo-hero-new.webp") center 72% / cover no-repeat !important;
  }

  html body.obustroystvo-page #hero .ob-hero__content {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 42px 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  html body.obustroystvo-page #hero .ob-visual {
    display: none !important;
  }

  html body.obustroystvo-page #hero .ob-hero__eyebrow {
    order: 1 !important;
    margin: 0 0 22px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: #0a9634 !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
  }

  html body.obustroystvo-page #hero .ob-hero__eyebrow svg {
    width: 24px !important;
    height: 24px !important;
    stroke: currentColor !important;
    fill: none !important;
  }

  html body.obustroystvo-page #hero .ob-title {
    order: 2 !important;
    max-width: 330px !important;
    margin: 0 !important;
    color: #071a45 !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.055em !important;
  }

  html body.obustroystvo-page #hero .ob-lead {
    order: 3 !important;
    max-width: 255px !important;
    margin: 24px 0 0 !important;
    color: #233252 !important;
    font-size: 20px !important;
    font-weight: 430 !important;
    line-height: 1.45 !important;
  }

  html body.obustroystvo-page #hero .ob-hero__facts {
    order: 4 !important;
    width: calc(100% + 36px) !important;
    margin: 177px -18px 0 !important;
    padding: 7px 26px 0 !important;
    display: block !important;
    background: #ffffff !important;
  }

  html body.obustroystvo-page #hero .ob-fact {
    min-height: 88px !important;
    margin: 0 !important;
    padding: 15px 0 !important;
    display: grid !important;
    grid-template-columns: 67px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 11px !important;
    border-bottom: 1px solid #d9dde3 !important;
  }

  html body.obustroystvo-page #hero .ob-fact:last-child {
    border-bottom: 0 !important;
  }

  html body.obustroystvo-page #hero .ob-fact__icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    display: grid !important;
    place-items: center !important;
    color: #0a9634 !important;
    background: #f4faf6 !important;
    border-radius: 9px !important;
  }

  html body.obustroystvo-page #hero .ob-fact__icon svg {
    width: 39px !important;
    height: 39px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
  }

  html body.obustroystvo-page #hero .ob-fact strong {
    display: block !important;
    margin: 0 0 4px !important;
    color: #071a45 !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  html body.obustroystvo-page #hero .ob-fact div > span {
    display: block !important;
    color: #263454 !important;
    font-size: 14px !important;
    line-height: 1.38 !important;
  }

  html body.obustroystvo-page #hero .ob-hero-phone {
    order: 5 !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  html body.obustroystvo-page #hero .ob-hero-phone .hp-phone-input,
  html body.obustroystvo-page #hero .ob-hero-phone .hp-phone-button {
    width: 100% !important;
  }

  html body.obustroystvo-page #hero .ob-hero-phone .hp-phone-input {
    height: 57px !important;
    display: grid !important;
    grid-template-columns: 79px minmax(0,1fr) !important;
    align-items: stretch !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #cfd4dc !important;
    border-radius: 7px !important;
  }

  html body.obustroystvo-page #hero .ob-hero-phone .hp-phone-input > span {
    display: grid !important;
    place-items: center !important;
    color: #071a45 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    border-right: 1px solid #d7dbe1 !important;
  }

  html body.obustroystvo-page #hero .ob-hero-phone .hp-phone-input input {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 0 18px !important;
    border: 0 !important;
    font-size: 16px !important;
  }

  html body.obustroystvo-page #hero .ob-hero-phone .hp-phone-button {
    min-height: 63px !important;
    padding: 10px 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: #0a9634 !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
  }

  html body.obustroystvo-page #hero .ob-hero-phone .hp-phone-button small {
    margin-top: 2px !important;
    font-size: inherit !important;
    font-weight: inherit !important;
  }

  html body.obustroystvo-page .ob-section--water-scenarios {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 45px 22px 42px !important;
    background: #ffffff !important;
  }

  html body.obustroystvo-page .water-scenarios {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  html body.obustroystvo-page .water-scenarios__intro {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.obustroystvo-page .water-scenarios__eyebrow {
    margin: 0 0 18px !important;
    color: #087d2e !important;
    font-size: 18px !important;
    font-weight: 500 !important;
  }

  html body.obustroystvo-page .water-scenarios__title {
    margin: 0 !important;
    color: #071a45 !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.055em !important;
  }

  html body.obustroystvo-page .water-scenarios__title::after {
    content: "" !important;
    width: 100% !important;
    aspect-ratio: 585 / 600 !important;
    margin: 27px 0 28px !important;
    display: block !important;
    background: url("images/mobile-water-scenarios.webp") center / 100% 100% no-repeat !important;
    border-radius: 16px !important;
  }

  html body.obustroystvo-page .water-scenarios__lead {
    margin: 0 !important;
    color: #087d2e !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
  }

  html body.obustroystvo-page .water-scenarios__text {
    margin: 22px 0 0 !important;
    color: #171717 !important;
    font-size: 18px !important;
    font-weight: 430 !important;
    line-height: 1.58 !important;
  }

  html body.obustroystvo-page .water-scenarios__variants {
    width: 100% !important;
    margin: 46px 0 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  html body.obustroystvo-page .water-scenarios__variant {
    min-height: 194px !important;
    margin: 0 !important;
    padding: 20px 0 !important;
    display: grid !important;
    grid-template-columns: 151px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 20px !important;
    row-gap: 8px !important;
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #d8dce2 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.obustroystvo-page .water-scenarios__variant:last-child {
    border-bottom: 0 !important;
  }

  html body.obustroystvo-page .water-scenarios__icon {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 145px !important;
    height: 145px !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 50% !important;
  }

  html body.obustroystvo-page .water-scenarios__icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  html body.obustroystvo-page .water-scenarios__variant > strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    margin: 0 !important;
    color: #071a45 !important;
    font-size: 31px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.045em !important;
  }

  html body.obustroystvo-page .water-scenarios__variant > span:last-child {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    margin: 0 !important;
    color: #263454 !important;
    font-size: 19px !important;
    font-weight: 430 !important;
    line-height: 1.42 !important;
  }
}

@media (max-width: 359px) {
  html body .site-header__logo [data-header-logo-text]::after {
    font-size: 22px !important;
  }

  html body .site-header__logo-icon {
    width: 31px !important;
  }

  html body #hero .hp-title,
  html body #benefits .benefits-modern-head h2,
  html body #work .work-modern-head h2,
  html body #cases .pw-copy h2,
  html body #faq .well-faq__title {
    font-size: 32px !important;
  }

  html body #benefits .benefits-modern-item {
    grid-template-columns: 94px minmax(0,1fr) !important;
    column-gap: 13px !important;
  }

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

  html body.obustroystvo-page .water-scenarios__variant {
    grid-template-columns: 118px minmax(0,1fr) !important;
    column-gap: 13px !important;
  }

  html body.obustroystvo-page .water-scenarios__icon {
    width: 114px !important;
    height: 114px !important;
  }

  html body.obustroystvo-page .water-scenarios__variant > strong {
    font-size: 26px !important;
  }
}

/* Дополнительная фиксация каскада: файл подключен последним, но в исходнике есть
   очень специфичные мобильные селекторы, поэтому критичные правила дублируются
   с более точной областью действия. */
@media (max-width: 767px) {
  html body .site-header__logo [data-header-logo-text]::before {
    content: none !important;
    display: none !important;
  }

  html body #hero.hp-hero-section .hp-eyebrow::before,
  html body #hero.hp-hero-section .hp-eyebrow::after {
    content: none !important;
    display: none !important;
  }

  html body #hero.hp-hero-section .hp-title {
    width: 302px !important;
    max-width: calc(100vw - 40px) !important;
  }

  html body #hero.hp-hero-section .hp-benefit > div {
    grid-column: 2 !important;
    display: block !important;
    align-self: center !important;
  }

  html body #hero.hp-hero-section .hp-benefit > div > strong,
  html body #hero.hp-hero-section .hp-benefit > div > span {
    width: 100% !important;
    text-align: left !important;
  }

  html body #benefits.benefits-modern-section,
  html body #benefits.benefits-modern-section *,
  html body #price.calc-section,
  html body #price.calc-section *,
  html body #obustroystvo.obustroystvo-block,
  html body #obustroystvo.obustroystvo-block *,
  html body #work.work-modern-section,
  html body #work.work-modern-section *,
  html body #cases.pw-section,
  html body #cases.pw-section *,
  html body #contacts.fc-section,
  html body #contacts.fc-section *,
  html body #faq.well-faq,
  html body #faq.well-faq *,
  html body .org-footer,
  html body .org-footer * {
    font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
  }

  html body #price.calc-section .calc-result-total {
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body #price.calc-section .calc-result-total strong {
    flex: 0 0 auto !important;
    max-width: none !important;
    overflow: visible !important;
  }

  html body #obustroystvo.obustroystvo-block .ob-card-head,
  html body #obustroystvo.obustroystvo-block .ob-card-head h3,
  html body #obustroystvo.obustroystvo-block .ob-card-subtitle,
  html body #obustroystvo.obustroystvo-block .ob-desc {
    text-align: left !important;
  }

  html body #work.work-modern-section .work-modern-top {
    gap: 0 !important;
  }

  html body #faq.well-faq .well-faq__header,
  html body #faq.well-faq .well-faq__title {
    text-align: left !important;
  }

  html body .org-footer .org-footer__logo-img {
    width: 104px !important;
    height: 105px !important;
    min-width: 104px !important;
    margin-left: -25px !important;
  }

  html body .org-footer .org-footer__brand-row {
    gap: 9px !important;
  }

  html body .org-footer .org-footer__brand-desc {
    color: #72bd58 !important;
  }

  html body.site-page.obustroystvo-page main.ob-page #hero.ob-hero .ob-title {
    width: 230px !important;
    max-width: 230px !important;
    overflow: visible !important;
  }

  html body.site-page.obustroystvo-page main.ob-page section.ob-section.ob-section--water-scenarios {
    padding: 45px 22px 42px !important;
    background: #ffffff !important;
  }

  html body.site-page.obustroystvo-page main.ob-page section.ob-section.ob-section--water-scenarios .water-scenarios {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.site-page.obustroystvo-page main.ob-page .water-scenarios,
  html body.site-page.obustroystvo-page main.ob-page .water-scenarios * {
    font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
  }

  html body.site-page.obustroystvo-page main.ob-page .water-scenarios__title {
    font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
  }

  html body.site-page.obustroystvo-page main.ob-page .water-scenarios__variant,
  html body.site-page.obustroystvo-page main.ob-page .water-scenarios__variant > strong,
  html body.site-page.obustroystvo-page main.ob-page .water-scenarios__variant > span:last-child {
    text-align: left !important;
  }

  html body.site-page.obustroystvo-page main.ob-page .water-scenarios__variant:nth-child(1) .water-scenarios__icon img {
    content: url("images/mobile-scenario-1.webp") !important;
  }

  html body.site-page.obustroystvo-page main.ob-page .water-scenarios__variant:nth-child(2) .water-scenarios__icon img {
    content: url("images/mobile-scenario-2.webp") !important;
  }

  html body.site-page.obustroystvo-page main.ob-page .water-scenarios__variant:nth-child(3) .water-scenarios__icon img {
    content: url("images/mobile-scenario-3.webp") !important;
  }

  html body.site-page.obustroystvo-page main.ob-page .water-scenarios__variant:nth-child(4) .water-scenarios__icon img {
    content: url("images/mobile-scenario-4.webp") !important;
  }
}


/* ================================================================
   ФИНАЛЬНЫЕ МОБИЛЬНЫЕ ЭКРАНЫ ПО РЕФЕРЕНСАМ
   ================================================================ */
@media (max-width: 767px) {
  html body .org-footer__links .mobile-only-footer-link {
    display: block !important;
  }

  /* --------------------------------------------------------------
     СТРАНИЦА «ОБУСТРОЙСТВО»: выбор варианта
     -------------------------------------------------------------- */
  html body.site-page.obustroystvo-page #price.choice-editorial {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 30px 22px 34px !important;
    overflow: visible !important;
    background: #ffffff !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__title {
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 0 18px !important;
    color: #071a45 !important;
    font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
    font-size: clamp(32px, 9vw, 38px) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.052em !important;
    text-align: left !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__tabs {
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid #d6dbe1 !important;
    background: transparent !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__tab {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 7px 4px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #071a45 !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid #e1e4e8 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.12 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__tab:last-child {
    border-right: 0 !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__tab::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -1px !important;
    height: 3px !important;
    background: transparent !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__tab[aria-selected="true"] {
    color: #0a8f33 !important;
    font-weight: 750 !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__tab[aria-selected="true"]::after {
    background: #0a9634 !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__panel {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__grid,
  html body.site-page.obustroystvo-page #price .choice-editorial__media,
  html body.site-page.obustroystvo-page #price .choice-editorial__content {
    display: contents !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__photo {
    order: 1 !important;
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 535 / 333 !important;
    height: auto !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #edf4ef !important;
    border: 0 !important;
    border-radius: 13px !important;
    box-shadow: none !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__photo-img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__photo-fallback {
    display: none !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__top {
    order: 2 !important;
    margin: 0 !important;
    padding: 0 2px !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__name {
    margin: 0 !important;
    color: #071a45 !important;
    font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
    font-size: 36px !important;
    font-weight: 800 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.05em !important;
    text-align: left !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__summary {
    margin: 4px 0 0 !important;
    color: #17264a !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__description {
    order: 3 !important;
    margin: 5px 2px 0 !important;
    color: #1e2d50 !important;
    font-size: 16px !important;
    font-weight: 430 !important;
    line-height: 1.42 !important;
    text-align: left !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__advantage {
    order: 4 !important;
    width: 100% !important;
    margin: 13px 0 0 !important;
    padding: 0 2px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__mini-title {
    display: block !important;
    margin: 0 !important;
    color: #087f2e !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__advantage-list {
    width: 100% !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__advantage-list li {
    position: relative !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 9px 0 9px 54px !important;
    display: flex !important;
    align-items: center !important;
    color: #253354 !important;
    border-bottom: 1px solid #d9dde2 !important;
    font-size: 15px !important;
    font-weight: 430 !important;
    line-height: 1.28 !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__advantage-list li:last-child {
    border-bottom: 0 !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__advantage-list li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    color: #0a9634 !important;
    background: #ffffff !important;
    border: 1.5px solid #0a9634 !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    transform: translateY(-50%) !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__info {
    order: 5 !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__info-card {
    min-height: 63px !important;
    margin: 0 !important;
    padding: 9px 15px !important;
    background: #f0f7f3 !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__info-card .choice-editorial__mini-title {
    font-size: 16px !important;
    text-transform: none !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__info-card p {
    margin: 1px 0 0 !important;
    color: #253354 !important;
    font-size: 14px !important;
    font-weight: 430 !important;
    line-height: 1.25 !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__bottom {
    order: 6 !important;
    width: 100% !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__price {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 4px 2px 3px !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 15px !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__old-price {
    color: #8b8c8e !important;
    font-size: 16px !important;
    font-weight: 430 !important;
    text-decoration: line-through !important;
    white-space: nowrap !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__current-price {
    color: #0a8f33 !important;
    font-size: 31px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__form-wrap,
  html body.site-page.obustroystvo-page #price .choice-editorial__form {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__phone-field {
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 70px 1px minmax(0, 1fr) !important;
    align-items: stretch !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #cfd4dc !important;
    border-radius: 7px !important;
    box-shadow: none !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__prefix {
    display: grid !important;
    place-items: center !important;
    color: #071a45 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__phone-divider {
    width: 1px !important;
    height: 28px !important;
    align-self: center !important;
    background: #d6dae0 !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__input {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 14px !important;
    color: #17264a !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    font-size: 15px !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__submit {
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 8px 14px !important;
    color: #ffffff !important;
    background: #0a9634 !important;
    border: 0 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__note {
    margin: 4px 1px 0 !important;
    color: #253354 !important;
    font-size: 12px !important;
    font-weight: 430 !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }

  /* --------------------------------------------------------------
     СТРАНИЦА «ПРИМЕРЫ РАБОТ»: первый экран
     -------------------------------------------------------------- */
  html body.site-page.works-page .works-hero {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 0 !important;
  }

  html body.site-page.works-page .works-hero__inner {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 36px 20px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
  }

  html body.site-page.works-page .works-hero__inner > .home-eyebrow {
    order: 1 !important;
    margin: 0 0 15px !important;
    color: #0a9634 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
  }

  html body.site-page.works-page .works-hero__inner > h1 {
    order: 2 !important;
    max-width: 345px !important;
    margin: 0 !important;
    color: #071a45 !important;
    font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
    font-size: clamp(37px, 10.3vw, 44px) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.055em !important;
    text-align: left !important;
  }

  html body.site-page.works-page .works-hero__inner > p:not(.home-eyebrow) {
    order: 3 !important;
    margin: 18px 0 18px !important;
    color: #253354 !important;
    font-size: 17px !important;
    font-weight: 430 !important;
    line-height: 1.48 !important;
    text-align: left !important;
  }

  html body.site-page.works-page .works-hero__inner::before {
    content: "" !important;
    order: 4 !important;
    width: 100% !important;
    aspect-ratio: 554 / 445 !important;
    display: block !important;
    margin: 0 !important;
    background: url("images/case-drilling.webp") center / cover no-repeat !important;
    border-radius: 14px !important;
  }

  html body.site-page.works-page .works-hero .hp-phone-box {
    order: 5 !important;
    position: relative !important;
    z-index: 2 !important;
    width: calc(100% - 30px) !important;
    max-width: none !important;
    margin: -24px auto 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 7px 22px rgba(9, 30, 67, .12) !important;
  }

  html body.site-page.works-page .works-hero .hp-phone-input {
    width: 100% !important;
    height: 58px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 83px minmax(0, 1fr) !important;
    align-items: stretch !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html body.site-page.works-page .works-hero .hp-phone-input > span {
    display: grid !important;
    place-items: center !important;
    color: #071a45 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    border-right: 1px solid #d6dae0 !important;
  }

  html body.site-page.works-page .works-hero .hp-phone-input input {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 0 18px !important;
    color: #17264a !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    font-size: 16px !important;
  }

  html body.site-page.works-page .works-hero .hp-phone-button {
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: #0a9634 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
  }

  html body.site-page.works-page .works-hero .hp-phone-button small {
    margin-top: 2px !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
  }

  html body.site-page.works-page .works-hero__highlights {
    order: 6 !important;
    width: calc(100% - 30px) !important;
    margin: 16px auto 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  html body.site-page.works-page .works-hero__highlights span {
    position: relative !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 0 0 73px !important;
    display: flex !important;
    align-items: center !important;
    color: #071a45 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #d9dde2 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
  }

  html body.site-page.works-page .works-hero__highlights span:last-child {
    border-bottom: 0 !important;
  }

  html body.site-page.works-page .works-hero__highlights span::before {
    content: "✓" !important;
    position: absolute !important;
    left: 7px !important;
    top: 50% !important;
    width: 46px !important;
    height: 46px !important;
    display: grid !important;
    place-items: center !important;
    color: #0a9634 !important;
    border: 2px solid #0a9634 !important;
    border-radius: 50% !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    transform: translateY(-50%) !important;
  }

  /* Иконки для трех пунктов — минималистично, без изменения текста. */
  html body.site-page.works-page .works-hero__highlights span:nth-child(1)::before { content: "⌂" !important; }
  html body.site-page.works-page .works-hero__highlights span:nth-child(2)::before { content: "☷" !important; }

  /* --------------------------------------------------------------
     СТРАНИЦА «ПРИМЕРЫ РАБОТ»: мобильный свайп-слайдер
     -------------------------------------------------------------- */
  html body.site-page.works-page .works-section--photos {
    width: 100% !important;
    margin: 0 !important;
    padding: 34px 0 42px !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  html body.site-page.works-page .works-section--photos > .home-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 22px !important;
  }

  html body.site-page.works-page .works-section--photos .home-section-head {
    margin: 0 0 22px !important;
    padding: 0 !important;
    text-align: left !important;
  }

  html body.site-page.works-page .works-section--photos .home-kicker {
    margin: 0 0 16px !important;
    color: #0a9634 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
  }

  html body.site-page.works-page .works-section--photos h2 {
    max-width: 340px !important;
    margin: 0 !important;
    color: #071a45 !important;
    font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
    font-size: clamp(38px, 10.5vw, 44px) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.055em !important;
    text-align: left !important;
  }

  html body.site-page.works-page .works-section--photos .works-gallery {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    overflow: visible !important;
    touch-action: pan-y !important;
    transform: translate3d(var(--works-slide-x, 0%), 0, 0) !important;
    transition: transform .35s ease !important;
    will-change: transform !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;
    height: auto !important;
    aspect-ratio: 552 / 657 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    background: #eef2ef !important;
    border: 0 !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  html body.site-page.works-page .works-section--photos .works-photo img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
  }

  html body.site-page.works-page .works-section--photos .works-photo > span {
    display: none !important;
  }

  html body.site-page.works-page .works-mobile-controls {
    width: 100% !important;
    margin: 15px 0 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  html body.site-page.works-page .works-mobile-meta {
    min-height: 33px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
    color: #071a45 !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
  }

  html body.site-page.works-page .works-mobile-caption {
    min-width: 0 !important;
    font-weight: 500 !important;
  }

  html body.site-page.works-page .works-mobile-counter {
    flex: 0 0 auto !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
  }

  html body.site-page.works-page .works-mobile-nav {
    width: 100% !important;
    margin: 12px 0 0 !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) 52px !important;
    align-items: center !important;
    gap: 14px !important;
  }

  html body.site-page.works-page .works-mobile-arrow {
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    color: #0a9634 !important;
    background: #ffffff !important;
    border: 1px solid #d4d8de !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    font-size: 42px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
  }

  html body.site-page.works-page .works-mobile-progress {
    position: relative !important;
    width: 100% !important;
    height: 3px !important;
    overflow: hidden !important;
    background: #dfe3e6 !important;
  }

  html body.site-page.works-page .works-mobile-progress > i {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: var(--works-progress, 16.6667%) !important;
    height: 100% !important;
    display: block !important;
    background: #0a9634 !important;
    transition: width .35s ease !important;
  }

  html body.site-page.works-page .works-mobile-swipe {
    margin: 20px 0 0 !important;
    color: #c8ccd1 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  /* --------------------------------------------------------------
     СТРАНИЦА «КОНТАКТЫ»: первый экран
     -------------------------------------------------------------- */
  html body.site-page.contact-page .contact-hero {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 0 !important;
  }

  html body.site-page.contact-page .contact-hero::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 580px !important;
    background:
      linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.95) 36%, rgba(255,255,255,.68) 58%, rgba(255,255,255,.08) 84%),
      linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.01) 83%, #ffffff 100%),
      url("images/contact-hero-truck.webp") 63% center / cover no-repeat !important;
    pointer-events: none !important;
  }

  html body.site-page.contact-page .contact-hero__inner {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 41px 26px 26px !important;
    display: block !important;
    background: transparent !important;
  }

  html body.site-page.contact-page .contact-hero .home-eyebrow {
    margin: 0 0 21px !important;
    color: #0a9634 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
  }

  html body.site-page.contact-page .contact-hero h1 {
    width: 245px !important;
    max-width: 245px !important;
    margin: 0 !important;
    color: #071a45 !important;
    font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
    font-size: 49px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.055em !important;
    text-align: left !important;
  }

  html body.site-page.contact-page .contact-hero__inner > p:not(.home-eyebrow) {
    width: 245px !important;
    max-width: 245px !important;
    margin: 25px 0 0 !important;
    color: #17264a !important;
    font-size: 19px !important;
    font-weight: 430 !important;
    line-height: 1.48 !important;
    text-align: left !important;
  }

  html body.site-page.contact-page .contact-hero__actions {
    width: 100% !important;
    margin: 327px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    background: transparent !important;
  }

  html body.site-page.contact-page .contact-hero__phone,
  html body.site-page.contact-page .contact-hero__phone:visited {
    position: relative !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 0 0 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #071a45 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: clamp(28px, 8.1vw, 34px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  html body.site-page.contact-page .contact-hero__phone::before {
    content: "☎" !important;
    position: absolute !important;
    left: 6px !important;
    top: 50% !important;
    color: #0a9634 !important;
    font-size: 42px !important;
    line-height: 1 !important;
    transform: translateY(-50%) rotate(-18deg) !important;
  }

  html body.site-page.contact-page .contact-hero__button {
    width: 100% !important;
    min-height: 61px !important;
    margin: 0 !important;
    padding: 12px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: #0a9634 !important;
    border: 0 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    font-size: 20px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
  }

  /* --------------------------------------------------------------
     СТРАНИЦА «КОНТАКТЫ»: единая карточка способов связи
     -------------------------------------------------------------- */
  html body.site-page.contact-page .contact-quick-info {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 28px 15px 36px !important;
    background: #f2f4f3 !important;
  }

  html body.site-page.contact-page .contact-quick-info > .home-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.site-page.contact-page .contact-quick-info__grid {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 19px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 26px rgba(9, 30, 67, .08) !important;
  }

  html body.site-page.contact-page .contact-quick-card {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 27px 2px 27px 86px !important;
    display: block !important;
    color: #071a45 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #d9dde2 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  html body.site-page.contact-page .contact-quick-card:last-child {
    border-bottom: 0 !important;
  }

  html body.site-page.contact-page .contact-quick-card__icon {
    position: absolute !important;
    top: 30px !important;
    left: 4px !important;
    width: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    color: #0a9634 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

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

  html body.site-page.contact-page .contact-quick-card h2 {
    margin: 0 !important;
    color: #071a45 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  html body.site-page.contact-page .contact-quick-card__main-link,
  html body.site-page.contact-page .contact-quick-card__main-link:visited {
    display: block !important;
    margin: 10px 0 0 !important;
    color: #071a45 !important;
    font-size: clamp(25px, 7vw, 30px) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  html body.site-page.contact-page .contact-quick-card p {
    margin: 14px 0 0 !important;
    color: #253354 !important;
    font-size: 17px !important;
    font-weight: 430 !important;
    line-height: 1.42 !important;
    text-align: left !important;
  }

  html body.site-page.contact-page .contact-quick-card__action,
  html body.site-page.contact-page .contact-quick-card__action:visited {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 13px 0 0 !important;
    color: #0a9634 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
  }

  html body.site-page.contact-page .contact-quick-card__messengers {
    margin: 8px 0 0 !important;
    display: grid !important;
    gap: 2px !important;
  }

  html body.site-page.contact-page .contact-quick-card__messengers a,
  html body.site-page.contact-page .contact-quick-card__messengers a:visited {
    color: #071a45 !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
  }

  html body.site-page.contact-page .contact-quick-card__schedule,
  html body.site-page.contact-page .contact-quick-card__region {
    display: block !important;
    margin: 8px 0 0 !important;
    color: #071a45 !important;
    font-size: 25px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }
}

@media (max-width: 359px) {
  html body.site-page.contact-page .contact-hero h1 {
    width: 220px !important;
    max-width: 220px !important;
    font-size: 44px !important;
  }

  html body.site-page.contact-page .contact-hero__inner > p:not(.home-eyebrow) {
    width: 225px !important;
    max-width: 225px !important;
    font-size: 17px !important;
  }

  html body.site-page.contact-page .contact-hero__phone,
  html body.site-page.contact-page .contact-hero__phone:visited {
    padding-left: 47px !important;
    font-size: 26px !important;
  }

  html body.site-page.contact-page .contact-quick-card {
    padding-left: 72px !important;
  }

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

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

  html body.site-page.obustroystvo-page #price .choice-editorial__tab {
    font-size: 11px !important;
  }
}

/* Точечные финальные фиксы после проверки на 390 px. */
@media (max-width: 767px) {
  html body.site-page.works-page .works-hero__inner {
    gap: 0 !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__price {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: space-between !important;
  }

  html body.site-page.obustroystvo-page #price .choice-editorial__old-price,
  html body.site-page.obustroystvo-page #price .choice-editorial__current-price {
    width: auto !important;
    max-width: none !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  html body.site-page.contact-page .contact-hero__phone,
  html body.site-page.contact-page .contact-hero__phone:visited {
    padding-left: 52px !important;
    padding-right: 48px !important;
    justify-content: flex-start !important;
    font-size: 27px !important;
    overflow: visible !important;
  }

  html body.site-page.contact-page .contact-hero__phone::before {
    left: 2px !important;
    font-size: 37px !important;
  }
}

/* ==============================================================
   ФИНАЛЬНЫЕ МОБИЛЬНЫЕ ИСПРАВЛЕНИЯ: страница «Контакты»
   ============================================================== */
@media (max-width: 767px) {
  /* Высота отступа точно совпадает с фиксированной шапкой. */
  html body.site-page.contact-page {
    padding-top: 68px !important;
  }

  html body.site-page.contact-page .contact-hero {
    scroll-margin-top: 68px !important;
  }

  html body.site-page.contact-page .contact-hero__inner {
    padding-top: 48px !important;
  }

  html body.site-page.contact-page .contact-hero h1 {
    padding-top: 2px !important;
    line-height: 1.1 !important;
    overflow: visible !important;
    word-break: normal !important;
  }

  /* Увеличенные иконки в общей карточке контактов.
     min/max сброшены отдельно, чтобы старые ограничения 44/22 px
     больше не уменьшали контейнер и SVG. */
  html body.site-page.contact-page .contact-quick-card__icon {
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    flex: 0 0 64px !important;
    overflow: visible !important;
  }

  html body.site-page.contact-page .contact-quick-card__icon svg {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    flex: 0 0 54px !important;
  }

  /* Номер полностью помещается внутри карточки даже на узких iPhone. */
  html body.site-page.contact-page .contact-quick-card__main-link,
  html body.site-page.contact-page .contact-quick-card__main-link:visited {
    max-width: 100% !important;
    font-size: clamp(22px, 6.2vw, 26px) !important;
    letter-spacing: -0.035em !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 359px) {
  html body.site-page.contact-page .contact-quick-card {
    padding-left: 70px !important;
  }

  html body.site-page.contact-page .contact-quick-card__icon {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    flex-basis: 54px !important;
  }

  html body.site-page.contact-page .contact-quick-card__icon svg {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    flex-basis: 46px !important;
  }
}

@media (max-width: 767px) {
  /* Первый экран контактов теперь целиком помещается в типичный
     мобильный viewport: заголовок не приходится уводить под шапку,
     чтобы увидеть телефон и кнопку. */
  html body.site-page.contact-page .contact-hero__actions {
    margin-top: 280px !important;
  }
}


/* ==============================================================
   FIX 20.07 — первый экран страницы «Контакты» по референсу
   Только мобильная версия.
   ============================================================== */
@media (max-width: 767px) {
  html body.site-page.contact-page {
    padding-top: 68px !important;
  }

  html body.site-page.contact-page .contact-hero {
    position: relative !important;
    width: 100% !important;
    height: 638px !important;
    min-height: 638px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  html body.site-page.contact-page .contact-hero::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: 482px !important;
    background:
      linear-gradient(90deg,
        rgba(255,255,255,.99) 0%,
        rgba(255,255,255,.96) 32%,
        rgba(255,255,255,.76) 49%,
        rgba(255,255,255,.25) 70%,
        rgba(255,255,255,.02) 100%),
      linear-gradient(180deg,
        rgba(255,255,255,.01) 0%,
        rgba(255,255,255,.01) 78%,
        rgba(255,255,255,.92) 94%,
        #ffffff 100%),
      url("images/contact-hero-truck.webp") 62% center / auto 482px no-repeat !important;
    pointer-events: none !important;
  }

  html body.site-page.contact-page .contact-hero__inner {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 38px 26px 18px !important;
    display: block !important;
    background: transparent !important;
  }

  html body.site-page.contact-page .contact-hero .home-eyebrow {
    margin: 0 0 20px !important;
    color: #0a9634 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  html body.site-page.contact-page .contact-hero h1 {
    width: auto !important;
    max-width: 270px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #071a45 !important;
    font-size: clamp(39px, 10.7vw, 43px) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.052em !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
  }

  html body.site-page.contact-page .contact-hero h1 > span {
    display: block !important;
    white-space: nowrap !important;
  }

  html body.site-page.contact-page .contact-hero__inner > p:not(.home-eyebrow) {
    width: 255px !important;
    max-width: 255px !important;
    margin: 24px 0 0 !important;
    color: #17264a !important;
    font-size: 18px !important;
    font-weight: 430 !important;
    line-height: 1.5 !important;
    text-align: left !important;
  }

  html body.site-page.contact-page .contact-hero__actions {
    position: absolute !important;
    z-index: 2 !important;
    left: 26px !important;
    right: 26px !important;
    bottom: 18px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    background: transparent !important;
  }

  html body.site-page.contact-page .contact-hero__phone,
  html body.site-page.contact-page .contact-hero__phone:visited {
    position: relative !important;
    width: 100% !important;
    min-height: 49px !important;
    height: 49px !important;
    margin: 0 !important;
    padding: 0 0 0 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #071a45 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: clamp(27px, 7.6vw, 31px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.035em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  html body.site-page.contact-page .contact-hero__phone::before {
    content: "☎" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    color: #0a9634 !important;
    font-size: 37px !important;
    line-height: 1 !important;
    transform: translateY(-50%) rotate(-18deg) !important;
  }

  html body.site-page.contact-page .contact-hero__button {
    width: 100% !important;
    min-height: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 10px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: #0a9634 !important;
    border: 0 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    font-size: 20px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
  }
}

@media (max-width: 359px) {
  html body.site-page.contact-page .contact-hero {
    height: 610px !important;
    min-height: 610px !important;
  }

  html body.site-page.contact-page .contact-hero::before {
    height: 458px !important;
    background-size: auto 458px !important;
  }

  html body.site-page.contact-page .contact-hero__inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  html body.site-page.contact-page .contact-hero h1 {
    font-size: 38px !important;
  }

  html body.site-page.contact-page .contact-hero__inner > p:not(.home-eyebrow) {
    width: 235px !important;
    max-width: 235px !important;
    font-size: 17px !important;
  }

  html body.site-page.contact-page .contact-hero__actions {
    left: 20px !important;
    right: 20px !important;
  }

  html body.site-page.contact-page .contact-hero__phone,
  html body.site-page.contact-page .contact-hero__phone:visited {
    padding-left: 43px !important;
    font-size: 25px !important;
  }

  html body.site-page.contact-page .contact-hero__phone::before {
    font-size: 33px !important;
  }
}