/* ==========================================================
   HERO V2 — рестайл под макет
   ========================================================== */

/* ── 1. Фон ─────────────────────────────────────────────── */
#video-ferst {
    display: none !important;
}

.new_head_fers {
    background: url('/wp-content/themes/avtolombard/images/v2007_144.png') center center / cover no-repeat !important;
}

.new_head_fers::before {
    background: linear-gradient(
        to right,
        rgba(0,0,0,0.80) 0%,
        rgba(0,0,0,0.60) 45%,
        rgba(0,0,0,0.20) 100%
    ) !important;
}

.new_head_fers::after {
    display: none !important;
}

.new_head_fers .container {
    padding-top: 48px !important;
    padding-bottom: 60px !important;
}

/* ── 2. Сетка ───────────────────────────────────────────── */
.head_ferts {
    display: grid !important;
    grid-template-columns: 1fr 440px !important;
    gap: 60px !important;
    align-items: center !important;
}

/* ── 3. Заголовок H1 ────────────────────────────────────── */
.head_content .h1 {
    font-family: 'FuturaPT', sans-serif !important;
    font-size: 54px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-transform: none !important;
    line-height: 1.08 !important;
    margin: 0 !important;
    display: block !important;
    background: transparent !important;
    width: auto !important;
    flex-direction: unset !important;
    letter-spacing: -0.01em !important;
}

.head_content .h1::after {
    display: none !important;
}

.head_content .h1 span {
    font-family: 'FuturaPT', sans-serif !important;
    font-weight: 700 !important;
    color: #FFD700 !important;
    display: block !important;
    text-transform: none !important;
}

/* ── 4. Буллеты — круглая жёлтая иконка ✓ ──────────────── */
.new_head_fers .new_ul {
    list-style: none !important;
    margin: 28px 0 0 !important;
    padding: 0 !important;
}

.new_head_fers .new_ul li {
    font-family: 'FuturaPT', sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #fff !important;
    line-height: 1.4 !important;
    margin: 10px 0 !important;
    padding-left: 32px !important;
    position: relative !important;
}

.new_head_fers .new_ul li::marker {
    content: none !important;
}

/* Круглая жёлтая иконка как в макете */
.new_head_fers .new_ul li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    width: 20px !important;
    height: 20px !important;
    background: #FFD700 !important;
    border-radius: 50% !important;
    color: #111 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 20px !important;
    text-align: center !important;
    font-family: sans-serif !important;
}

.new_head_fers .new_ul li span {
    font-weight: 700 !important;
    color: #fff !important;
}

/* ── 5. Описание (скрыто — заменено бейджами) ───────────── */
.new_pc .new_desc {
    display: none !important;
}

/* ── 5b. Бейджи доверия ─────────────────────────────────── */
.hero-badges {
    display: flex !important;
    gap: 10px !important;
    margin-top: 28px !important;
    flex-wrap: wrap !important;
}

.hero-badge {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(255,255,255,0.12) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 100px !important;
    padding: 9px 16px !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    cursor: default !important;
}

.hero-badge__icon {
    font-size: 16px !important;
    color: #FFD700 !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.hero-badge__text {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #fff !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

/* ── 6. Правый блок ─────────────────────────────────────── */
.right_new_head {
    position: relative !important;
    z-index: 9 !important;
}

/* ── 7. Табы ────────────────────────────────────────────── */
.new_tabs ul {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-radius: 12px 12px 0 0 !important;
    overflow: visible !important;
}

.new_tabs ul li {
    flex: 1 !important;
    width: auto !important;
    height: 48px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.80) !important;
    background: rgba(30,30,30,0.55) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.new_tabs ul li:first-child {
    border-radius: 12px 0 0 0 !important;
}

.new_tabs ul li:last-child {
    border-radius: 0 12px 0 0 !important;
}

.new_tabs ul li.activ {
    background: #FFD700 !important;
    color: #111 !important;
    border-color: #FFD700 !important;
    cursor: default !important;
}

.new_tabs ul li.activ .question_block {
    border-color: rgba(0,0,0,0.3) !important;
    color: #222 !important;
}

.new_tabs ul li:not(.activ) .question_block {
    border-color: rgba(255,255,255,0.45) !important;
    color: rgba(255,255,255,0.75) !important;
}

/* Тултип */
.new_tabs {
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
}

.new_tabs ul li {
    overflow: visible !important; /* не обрезать тултип */
}

.tooltip {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tooltip .tooltiptext {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: none !important;
    width: 200px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    padding: 8px 10px !important;
    border-radius: 6px !important;
    z-index: 9999 !important;
    background: #222 !important;
    color: #fff !important;
    white-space: normal !important;
    pointer-events: none !important;
}

.tooltip:hover .tooltiptext {
    display: block !important;
}

/* ── 8. Карточка — полностью белая, скруглена везде ─────── */
.new_calc {
    background: #fff !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.35) !important;
    overflow: visible !important; /* не hidden — иначе тултипы обрезаются */
}

/* ── Перебивка calc1.css ────────────────────────────────── */
/* calc1.css задаёт padding: 20px 30px на __inner — у нас меньше */
.new_calculator .calculator1__inner,
.new_calculator .calculator2__inner {
    padding: 20px 22px 4px !important;
    margin: 0 !important;           /* убираем возможный отрицательный margin */
}
/* calc1.css задаёт max-width: 250px на кнопку — перебиваем */
.new_calc .btn {
    max-width: 100% !important;
}
/* calc1.css задаёт border-radius: 10px на .new_calc — у нас 0 0 16px 16px */
/* (уже перебито выше через .new_calc { border-radius } )                  */

/* calc1.css мобильный @media 768px:
   .calculator1__inner, .calculator2__inner {
       padding: 24px 15px 0; margin: 0 -15px;  ← отрицательный margin!
   }
   Перебиваем его в нашем мобильном блоке ниже.
*/

.new_calc_name {
    font-size: 22px !important;
    font-family: 'FuturaPT', sans-serif !important;
    font-weight: 700 !important;
    color: #111 !important;
    text-align: center !important;
    padding: 20px 24px 16px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    letter-spacing: 0 !important;
}

/* ── 9. Внутренние отступы ──────────────────────────────── */
.calculator1__inner,
.calculator2__inner {
    padding: 20px 22px 4px !important;
}

/* ── 10. Лейбл + значение справа ───────────────────────── */
.new_calculator .calculator1__control,
.new_calculator .calculator2__control {
    position: relative !important;
    margin-bottom: 20px !important;
}

.new_calculator .calculator1__control_label,
.new_calculator .calculator2__control_label {
    display: block !important;
    float: none !important;
    font-family: 'FuturaPT', sans-serif !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    color: #555 !important;
    margin-bottom: 14px !important;
    line-height: 24px !important;
}

/* Значение — абсолютно справа у лейбла */
.new_calculator .calculator1__input,
.new_calculator .calculator2__input {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    height: 24px !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.new_calculator .calculator1__input input,
.new_calculator .calculator2__input input {
    border: none !important;
    background: transparent !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #111 !important;
    height: 24px !important;
    line-height: 24px !important;
    text-align: right !important;
    width: 100px !important;
    padding: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: 'FuturaPT', sans-serif !important;
}

.new_calculator .calculator1__summ-text,
.new_calculator .calculator1__date-text,
.new_calculator .calculator2__summ-text,
.new_calculator .calculator2__date-text {
    font-size: 19px !important;
    font-weight: 700 !important;
    font-family: 'FuturaPT', sans-serif !important;
    color: #111 !important;
    line-height: 24px !important;
    min-width: auto !important;
}

/* Скрыть min/max */
.new_calculator .calculator1__extreme,
.new_calculator .calculator2__extreme {
    display: none !important;
}

/* ── 11. Слайдеры ───────────────────────────────────────── */
.new_calculator .calculator1__slider,
.new_calculator .calculator2__slider {
    height: 4px !important;
    background: #ebebeb !important;
    border-radius: 4px !important;
    margin: 0 !important;
}

.noUi-connect {
    background: #FFD700 !important;
}

.noUi-handle {
    top: -12px !important;
    left: -13px !important;
    width: 26px !important;
    height: 26px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18) !important;
}

.noUi-handle::before {
    width: 22px !important;
    height: 22px !important;
    background: #FFD700 !important;
}

.noUi-handle::after {
    width: 8px !important;
    height: 8px !important;
    background: #fff !important;
    border: 2.5px solid #FFD700 !important;
}

/* ── 12. Поле телефона ──────────────────────────────────── */
.new_calc_right .order_call,
.new_calculator .order_call {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
}

.new_calc_right .for_phone,
.new_calculator .for_phone {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #999 !important;
    margin-bottom: 6px !important;
    display: none !important;
}

.new_calc_right .order_call input[type="tel"],
.new_calculator input[type="tel"],
.new_calculator .phone-top-tabs {
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 10px !important;
    background: #f8f8f8 !important;
    height: 50px !important;
    font-size: 17px !important;
    font-family: 'FuturaPT', sans-serif !important;
    font-weight: 500 !important;
    width: 100% !important;
    padding: 0 16px !important;
    color: #222 !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    letter-spacing: 0.02em !important;
}

.new_calc_right .order_call input[type="tel"]:focus,
.new_calculator input[type="tel"]:focus,
.new_calculator .phone-top-tabs:focus {
    border-color: #FFD700 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(255,215,0,0.15) !important;
}

/* ── 13. Блок результата — премиум-стиль ────────────────── */
/*
  calculator2 (new_avtolombard) структура:
    <div><span>Сумма: <span.summ-all/> BYN</span></div>
    <span>
      <span><span id="rate-display">4%</span>, платеж <span.summ-return/> BYN в месяц</span>
      <span>платеж за <span>6</span> <span>месяцев</span> <span>4500</span> BYN</span>
    </span>

  calculator1 (new_zaim) структура:
    <div><span>Сумма: <span.summ-all/> BYN</span></div>
    <span>от 3.5%, платеж <span.summ-return/> BYN в месяц</span>
    <span>платеж за <span>6</span> <span>месяцев</span> <span>4500</span> BYN</span>
*/

.new_calc_desc {
    /* Премиум-карточка с тонким золотым акцентом */
    background: linear-gradient(145deg, #fffef5 0%, #fffff0 60%, #fefde8 100%) !important;
    border: none !important;
    border-top: 3px solid #FFD700 !important;
    border-radius: 12px !important;
    margin: 14px 22px 0 !important;
    padding: 20px 20px 18px !important;
    text-align: center !important;
    display: block !important;
    flex-direction: unset !important;
    font-size: 0 !important;
    color: transparent !important;
    box-shadow:
        0 2px 0 #FFD700,
        0 8px 32px rgba(255, 215, 0, 0.18),
        0 2px 8px rgba(0, 0, 0, 0.06) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Декоративный блик сверху */
.new_calc_desc::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60% !important;
    height: 1px !important;
    background: linear-gradient(to right, transparent, rgba(255,215,0,0.6), transparent) !important;
    pointer-events: none !important;
}

/* Строка "Сумма:" — скрыть */
.new_calc_desc > div {
    display: none !important;
}

/* ── Само число платежа — dominant ── */
.new_calc_desc .calculator2__summ-return,
.new_calc_desc .calculator1__summ-return {
    font-size: 42px !important;
    font-weight: 800 !important;
    color: #1a1a1a !important;
    display: inline !important;
    letter-spacing: -0.03em !important;
    font-family: 'FuturaPT', sans-serif !important;
    line-height: 1 !important;
}

/* ══ calculator2 (new_avtolombard) ══ */
.new_avtolombard .new_calc_desc > span {
    display: block !important;
    font-size: 0 !important;
    color: transparent !important;
}

/* Подпись "Ежемесячный платёж" + процент перед суммой */
.new_avtolombard .new_calc_desc > span::before {
    content: "ЕЖЕМЕСЯЧНЫЙ ПЛАТЁЖ  " attr(data-rate) !important;
    display: block !important;
    font-size: 14px !important;
    font-family: 'FuturaPT', sans-serif !important;
    color: #aaa !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
}

/* span:first-child внутри — скрыть текст, оставить summ-return */
.new_avtolombard .new_calc_desc > span > span:first-child {
    display: block !important;
    font-size: 0 !important;
    color: transparent !important;
    line-height: 1 !important;
}

/* "BYN в месяц" — суффикс */
.new_avtolombard .new_calc_desc > span > span:first-child > .fa-rub {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #888 !important;
    vertical-align: middle !important;
    letter-spacing: 0 !important;
}

/* span:last-child — "платёж за N месяцев XXXX BYN" — серый итог */
.new_avtolombard .new_calc_desc > span > span:last-child {
    display: block !important;
    font-size: 20px !important;
    color: #bbb !important;
    font-weight: 400 !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(0,0,0,0.07) !important;
    font-family: 'FuturaPT', sans-serif !important;
    letter-spacing: 0.01em !important;
}
.new_avtolombard .new_calc_desc > span > span:last-child * {
    font-size: 20px !important;
    color: #bbb !important;
}

/* ══ calculator1 (new_zaim) ══ */
.new_zaim .new_calc_desc > span:first-of-type {
    display: block !important;
    font-size: 0 !important;
    color: transparent !important;
}
.new_zaim .new_calc_desc > span:first-of-type::before {
    content: "ЕЖЕМЕСЯЧНЫЙ ПЛАТЁЖ  " attr(data-rate) !important;
    display: block !important;
    font-size: 14px !important;
    font-family: 'FuturaPT', sans-serif !important;
    color: #aaa !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
}
/* "BYN в месяц" — суффикс */
.new_zaim .new_calc_desc > span:first-of-type > .fa-rub {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #888 !important;
    vertical-align: middle !important;
}

/* 2-й span — мелкий серый итог */
.new_zaim .new_calc_desc > span:last-of-type {
    display: block !important;
    font-size: 20px !important;
    color: #bbb !important;
    font-weight: 400 !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(0,0,0,0.07) !important;
    font-family: 'FuturaPT', sans-serif !important;
}
.new_zaim .new_calc_desc > span:last-of-type * {
    font-size: 20px !important;
    color: #bbb !important;
}

/* ══ Выравнивание calculator1 (Займ под ПТС) ══
   HTML: .new_calc_desc и .calc_item_sub — внутри .order_call > .ferst_calc_line
   Стратегия: убираем все padding у промежуточных контейнеров,
   ferst_calc_line → flex-column, desc и кнопка занимают 100% ширины. */

.new_zaim .new_calc_right {
    overflow: visible !important;
}
.new_zaim .calculator1__inner {
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* Слайдеры внутри calculator1__inner нужны с паддингами — возвращаем только им */
.new_zaim .calculator1__inner > .ferst_calc_line {
    padding: 0 22px !important;
}
.new_zaim .order_call {
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
.new_zaim .order_call .ferst_calc_line {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 !important;
    gap: 0 !important;
}
/* Поле телефона — с боковыми паддингами как в calculator2 */
.new_zaim .order_call .ferst_calc_line > .calc_item:first-child {
    width: 100% !important;
    padding: 0 22px !important;
    box-sizing: border-box !important;
}

body .new_zaim .new_calc_desc {
  margin-top: 18px !important;
}
/* .new_calc_desc — с отступами по бокам как в calculator2 */
.new_zaim .new_calc_desc {
background: linear-gradient(145deg, #fffef5 0%, #fffff0 60%, #fefde8 100%) !important;
  border: none !important;
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
  border-top: 3px solid #FFD700 !important;
  border-radius: 12px !important;
  margin: 14px 22px 0 !important;
  padding: 20px 20px 18px !important;
  text-align: center !important;
  display: block !important;
  flex-direction: unset !important;
  font-size: 0 !important;
  color: transparent !important;
  box-shadow: 0 2px 0 #FFD700, 0 8px 32px rgba(255, 215, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
}
/* Кнопка — с паддингами, кнопка внутри скруглена */
.new_zaim .order_call .calc_item_sub {
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 22px 16px !important;
    box-sizing: border-box !important;
}
.new_zaim .order_call .calc_item_sub .btn {
    border-radius: 10px !important;
}

/* ── 14. Кнопка ─────────────────────────────────────────── */
.calc_item_sub {
    padding: 14px 22px 20px !important;
}

.new_calc .btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 52px !important;
    border-radius: 10px !important;
    background: #FFD700 !important;
    color: #111 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: none !important;
    cursor: pointer !important;
    margin: 0 !important;
    box-shadow: 0 4px 20px rgba(255,215,0,0.40) !important;
    transition: background 0.15s, transform 0.12s, box-shadow 0.15s !important;
    letter-spacing: -0.01em !important;
}

.new_calc .btn:hover {
    background: #f0ca00 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 24px rgba(255,215,0,0.50) !important;
}

/* ── 15. Адаптив ────────────────────────────────────────── */
@media (max-width: 1100px) {
    .head_ferts {
        grid-template-columns: 1fr 400px !important;
        gap: 40px !important;
    }
    .head_content .h1 {
        font-size: 40px !important;
    }
}

@media (max-width: 768px) {
    /* Перебиваем style.css: он ставит background:white и скрывает .new_pc */
    .new_head_fers {
        background: url('/wp-content/themes/avtolombard/images/v2007_144.png') center center / cover no-repeat !important;
    }
    .new_head_fers::before {
        content: '' !important;
        display: block !important;
        background: linear-gradient(
            to bottom,
            rgba(0,0,0,0.72) 0%,
            rgba(0,0,0,0.55) 100%
        ) !important;
    }
    /* style.css скрывает .new_pc на мобильных — возвращаем */
    .new_pc {
        display: block !important;
    }
    /* style.css убирает :after у h1 — ok, мы тоже убрали */

    .new_head_fers .container {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    /* grid → одна колонка */
    .head_ferts {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    /* Заголовок */
    .head_content .h1 {
        font-size: 26px !important;
        line-height: 1.15 !important;
    }
    /* style.css красит span в #000 на мобильных — возвращаем жёлтый */
    .head_content .h1 span {
        color: #FFD700 !important;
    }

    /* Буллеты */
    .new_head_fers .new_ul {
        margin-top: 14px !important;
    }
    .new_head_fers .new_ul li {
        font-size: 18px !important;
        margin: 7px 0 !important;
        color: #fff !important;
    }

    /* Бейджи */
    .hero-badges {
        margin-top: 16px !important;
        gap: 8px !important;
    }
    .hero-badge {
        padding: 7px 12px !important;
    }
    .hero-badge__text {
        font-size: 12px !important;
        white-space: normal !important;
    }

    /* Карточка — фиксируем всю цепочку по ширине */
    .right_new_head {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    /* Bootstrap .p-4 на __box убираем, new_calc сам управляет отступами */
    .calculator2__box,
    .calculator1__box {
        padding: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .new_calc {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important; /* прячем всё что вышло за границы */
    }
    .new_calc_left,
    .new_calc_right {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .new_calc_name {
        font-size: 20px !important;
        padding: 12px 14px 10px !important;
    }
    /* Перебиваем calc1.css мобильные стили */
    /* .calculator1 { overflow: hidden } — мешает нашей карточке */
    .new_zaim .calculator1 {
        overflow: visible !important;
    }
    /* slider margin-top: 24px — слишком много */
    .new_calculator .calculator1__slider,
    .new_calculator .calculator2__slider {
        margin-top: 8px !important;
    }
    /* summ-return — на мобильных чуть меньше, но всё равно dominant */
    .new_calc_desc .calculator1__summ-return,
    .new_calc_desc .calculator2__summ-return {
        font-size: 36px !important;
    }
    .calculator1__inner,
    .calculator2__inner {
        padding: 12px 14px 4px !important;
        margin: 0 !important;           /* убираем -15px из calc1.css */
        border-radius: 0 !important;    /* убираем border-radius 15px из calc1.css */
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .new_calc_right .order_call,
    .new_calculator .order_call {
        padding: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    /* На мобильных desc и кнопка — нормальная ширина (overflow:hidden у .new_calc обрезает) */
    .new_calc_desc {
        margin: 12px 0 0 !important;
        padding: 12px 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }
    /* Для .new_zaim сбрасываем отрицательные margin — не нужны на мобильном */
    .new_zaim .new_calc_desc {
        margin: 12px 0 0 !important;
        width: 100% !important;
    }
    .new_zaim .order_call .calc_item_sub {
        margin: 0 !important;
        width: 100% !important;
        padding: 10px 14px 16px !important;
    }
    .new_zaim .order_call .calc_item_sub .btn {
        border-radius: 8px !important;
    }
    .calc_item_sub {
        padding: 25px 14px 16px !important;
    }

    /* Табы — оба помещаются (перебиваем 480px из style.css тоже) */
    .new_tabs ul {
        flex-wrap: nowrap !important;
        margin: 0 !important;
        overflow: visible !important;
    }
    .new_tabs ul li {
        width: auto !important;
        flex: 1 !important;
        font-size: 12px !important;
        height: 42px !important;
        padding: 4px 6px !important;
        line-height: 1.3 !important;
    }
    .new_tabs ul li .question_block {
        display: none !important;
    }

    /* Тултип */
    .tooltip .tooltiptext {
        left: auto !important;
        right: 0 !important;
        transform: none !important;
        width: 160px !important;
    }

    /* Кнопка */
    .new_calc .btn {
        font-size: 14px !important;
        height: 46px !important;
        border-radius: 8px !important;
    }
}

@media (max-width: 480px) {
    /* Перебиваем style.css 480px */
    .new_tabs ul li {
        width: auto !important;
        flex: 1 !important;
        font-size: 14px !important;
    }
}