/* Веселиум — мобильная кнопка связи у нижнего края главного баннера.
   Точечное исправление, 06.11.2026. Только главная, до 850px. */
@media screen and (max-width: 850px) {
  /* Кнопка становится завершением баннера, а не отдельной полосой
     между баннером и блоком преимуществ. */
  .hero-mobile-contact {
    display: flex !important;
    position: relative !important;
    z-index: 70 !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: -9px auto 0 !important;
    padding: 0 16px 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: center;
    isolation: isolate;
  }

  /* Мягкое свечение связывает кнопку с пастельным баннером. */
  .hero-mobile-contact::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 50%;
    width: min(88%, 290px);
    height: 56px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse, rgba(255, 235, 151, .65) 0%, rgba(255, 218, 135, 0) 74%);
    filter: blur(13px);
    pointer-events: none;
  }

  /* Компактный акцент: не затмевает слайды и не выглядит чужим. */
  .hero-mobile-contact .btn-main {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box;
    width: min(84%, 262px) !important;
    min-height: 50px !important;
    margin: 0 auto !important;
    padding: 12px 19px !important;
    border: 1px solid rgba(255, 253, 233, .90) !important;
    border-radius: 999px !important;
    color: #4a3320 !important;
    background: linear-gradient(145deg, #ffe57a 0%, #f9d64e 49%, #f2c52d 100%) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: 0 6px 13px rgba(133, 93, 43, .14), inset 0 2px 3px rgba(255, 255, 255, .60) !important;
  }

  /* Заголовок «Почему выбирают нас» ближе, без ощущения пустого промежутка. */
  .hero-mobile-contact + .features-section {
    padding-top: 36px !important;
  }
}

@media screen and (max-width: 360px) {
  .hero-mobile-contact .btn-main {
    width: min(83%, 244px) !important;
  }
}