/* K-OBMENU mobile overrides v35 */
/* Scope: only burger menu, cities block images, about-image bottom pin, warning icons, and previous good footer/damage fixes. */

/* About-company images: pin the exact requested images to the bottom on desktop and mobile. */
html body #ko-old-page #ko-block-1613539481 .ko-elem__16135394811756889526207,
html body #ko-old-page #ko-block-1613539481 .ko-elem__16135394811756889752069,
html body #ko-old-page #ko-block-1613539481 .ko-elem__16135394811756889881001 {
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
  z-index: 30 !important;
}

@media (min-width: 481px) {
  #burgerBtn,
  .navbar__burger,
  .header-burger,
  .burger,
  .hamburger {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .kob-mobile-menu-panel-v31,
  .kob-mobile-menu-panel-v32,
  .kob-mobile-menu-panel-v34,
  .kob-mobile-menu-panel-v35 {
    display: none !important;
  }
}

@media (max-width: 480px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  /* Header: keep visible; only menu panel opens/closes. */
  html body .navbar,
  html body #navbar {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html body #burgerBtn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 2147483001 !important;
  }

  .kob-mobile-menu-panel-v31,
  .kob-mobile-menu-panel-v32,
  .kob-mobile-menu-panel-v34,
  .kob-mobile-menu-panel-v35 {
    position: fixed !important;
    top: 58px !important;
    left: 12px !important;
    right: 12px !important;
    z-index: 2147483000 !important;

    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;

    padding: 16px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .22) !important;
    box-sizing: border-box !important;
  }

  body.kob-mobile-menu-open-v35 .kob-mobile-menu-panel-v35 {
    display: flex !important;
  }

  .kob-mobile-menu-links-v35 {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  .kob-mobile-menu-links-v35 a {
    display: block !important;
    width: 100% !important;
    padding: 12px 0 !important;

    color: #173533 !important;
    font-family: "Onest", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-decoration: none !important;

    border-bottom: 1px solid rgba(23, 53, 51, .08) !important;
  }

  .kob-mobile-menu-links-v35 a:last-child {
    border-bottom: 0 !important;
  }

  .kob-mobile-menu-meta-v35 {
    display: grid !important;
    gap: 8px !important;
    padding-top: 2px !important;
  }

  .kob-mobile-menu-time-v35,
  .kob-mobile-menu-phone-v35,
  .kob-mobile-menu-tg-v35 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 40px !important;
    border-radius: 12px !important;
    font-family: "Onest", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  .kob-mobile-menu-time-v35,
  .kob-mobile-menu-phone-v35 {
    color: #173533 !important;
    background: #f3f7f7 !important;
  }

  .kob-mobile-menu-tg-v35 {
    color: #ffffff !important;
    background: linear-gradient(90deg, #2AABEE 0%, #229ED9 100%) !important;
  }

  /* Footer: keep the last good mobile look; do not change beyond this block. */
  html body #footer,
  html body footer {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html body #footer .container,
  html body footer .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }

  html body #footer .footer-top,
  html body #footer .footer-mid,
  html body #footer .footer-bottom,
  html body footer .footer-top,
  html body footer .footer-mid,
  html body footer .footer-bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 14px !important;
    width: 100% !important;
  }

  html body #footer .footer-nav,
  html body footer .footer-nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
  }

  html body #footer .footer-nav li,
  html body footer .footer-nav li {
    width: 100% !important;
    text-align: center !important;
  }

  html body #footer .footer-nav a,
  html body #footer .footer-contact-item,
  html body #footer .footer-phone,
  html body #footer .footer-copy,
  html body #footer .footer-policy,
  html body footer .footer-nav a,
  html body footer .footer-contact-item,
  html body footer .footer-phone,
  html body footer .footer-copy,
  html body footer .footer-policy {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Cities block: keep generated text/button card, but use ONLY the three original image elements requested by the user. */
  html body #ko-old-page #ko-block-1613490781 .ko396__elem {
    display: none !important;
  }

  html body #ko-old-page #ko-block-1613490781,
  html body #ko-old-page #ko-block-1613490781 .ko396__artboard,
  html body #ko-old-page #ko-block-1613490781 .ko396__carrier,
  html body #ko-old-page #ko-block-1613490781 .ko396__filter {
    overflow: visible !important;
    background: transparent !important;
  }

  .kob-cities-card-v31,
  .kob-cities-card-v32,
  .kob-cities-card-v34,
  .kob-cities-card-v35 {
    position: absolute !important;
    left: 50% !important;
    top: 18px !important;
    width: 320px !important;
    height: 528px !important;
    z-index: 900 !important;
    transform: translateX(-50%) !important;

    border-radius: 14px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    padding: 28px 25px !important;
    overflow: hidden !important;
  }

  .kob-cities-card-v31 h3,
  .kob-cities-card-v32 h3,
  .kob-cities-card-v34 h3,
  .kob-cities-card-v35 h3 {
    margin: 0 0 18px !important;
    font-family: "Onest", Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
  }

  .kob-cities-card-v31 .green,
  .kob-cities-card-v32 .green,
  .kob-cities-card-v34 .green,
  .kob-cities-card-v35 .green {
    color: #00766f !important;
  }

  .kob-cities-card-v31 .black,
  .kob-cities-card-v32 .black,
  .kob-cities-card-v34 .black,
  .kob-cities-card-v35 .black {
    color: #000000 !important;
  }

  .kob-cities-card-v31 p,
  .kob-cities-card-v32 p,
  .kob-cities-card-v34 p,
  .kob-cities-card-v35 p {
    margin: 0 0 24px !important;
    color: #5f5f5f !important;
    font-family: "Onest", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.33 !important;
  }

  .kob-cities-card-v31 a,
  .kob-cities-card-v32 a,
  .kob-cities-card-v34 a,
  .kob-cities-card-v35 a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 270px !important;
    height: 56px !important;
    border-radius: 9px !important;

    color: #ffffff !important;
    background: linear-gradient(90deg, #08bd63 0%, #2c9caf 100%) !important;
    font-family: "Onest", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  .kob-cities-map-v31,
  .kob-cities-map-v32,
  .kob-cities-map-v34,
  .kob-cities-map-v35,
  .kob-cities-map-img-v32,
  .kob-cities-pin-img-v32,
  .kob-cities-pin-v31,
  .kob-cities-pin-v31::before,
  .kob-cities-pin-v31::after {
    display: none !important;
    content: none !important;
  }

  html body #ko-old-page #ko-block-1613490781 .ko-elem__1613490781175696741917691890,
  html body #ko-old-page #ko-block-1613490781 .ko-elem__16134907811756864014912,
  html body #ko-old-page #ko-block-1613490781 .ko-elem__16134907811756863995505 {
    position: absolute !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
    transform: none !important;
  }

  html body #ko-old-page #ko-block-1613490781 .ko-elem__1613490781175696741917691890 {
    left: 50% !important;
    top: 360px !important;
    width: 266px !important;
    height: 135px !important;
    margin-left: -133px !important;
    z-index: 901 !important;
  }

  html body #ko-old-page #ko-block-1613490781 .ko-elem__16134907811756864014912 {
    left: 50% !important;
    top: 310px !important;
    width: 92px !important;
    height: 122px !important;
    margin-left: -54px !important;
    z-index: 903 !important;
  }

  html body #ko-old-page #ko-block-1613490781 .ko-elem__16134907811756863995505 {
    left: 50% !important;
    top: 366px !important;
    width: 60px !important;
    height: 82px !important;
    margin-left: 54px !important;
    z-index: 902 !important;
  }

  html body #ko-old-page #ko-block-1613490781 .ko-elem__1613490781175696741917691890 img,
  html body #ko-old-page #ko-block-1613490781 .ko-elem__16134907811756864014912 img,
  html body #ko-old-page #ko-block-1613490781 .ko-elem__16134907811756863995505 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* Stamped dollars: do not crop bottom, hide foreign image on the right. */
  html body #ko-old-page #ko-block-1268536491,
  html body #ko-old-page #ko-block-1268536491 .ko396__artboard,
  html body #ko-old-page #ko-block-1268536491 .ko396__carrier,
  html body #ko-old-page #ko-block-1268536491 .ko396__filter {
    overflow: visible !important;
  }

  html body #ko-old-page #ko-block-1268536491 [data-elem-id="1756864654214"] {
    left: 47px !important;
    width: 270px !important;
    max-width: 270px !important;
    overflow: hidden !important;
  }

  html body #ko-old-page #ko-block-1268536491 [data-elem-id="1756864654214"] img {
    max-width: 270px !important;
  }

  .kob-hide-mobile-v31,
  .kob-hide-mobile-v32,
  .kob-hide-mobile-v35 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Return raised headings in damage cards 2-6. */
  html body #ko-old-page #ko-block-1268701801 [data-elem-id="175699707266667220"],
  html body #ko-old-page #ko-block-1268701801 [data-elem-id="175699707264689110"],
  html body #ko-old-page #ko-block-1268701801 [data-elem-id="175699707262514780"],
  html body #ko-old-page #ko-block-1268701801 [data-elem-id="175699705378153150"],
  html body #ko-old-page #ko-block-1268701801 [data-elem-id="175699705376040280"] {
    transform: translateY(-14px) !important;
    z-index: 50 !important;
  }

  html body #ko-old-page #ko-block-1268701801 [data-elem-id="175699707266128500"],
  html body #ko-old-page #ko-block-1268701801 [data-elem-id="175699707264136050"],
  html body #ko-old-page #ko-block-1268701801 [data-elem-id="175699707262114610"],
  html body #ko-old-page #ko-block-1268701801 [data-elem-id="175699705377710310"] {
    transform: translateY(8px) !important;
    z-index: 51 !important;
  }

  /* Undo previous wrong green background on "Почему мы лучшие". */
  html body #ko-old-page #ko-block-1613539451,
  html body #ko-old-page #ko-block-1613539451 .ko396,
  html body #ko-old-page #ko-block-1613539451 .ko396__artboard,
  html body #ko-old-page #ko-block-1613539451 .ko396__carrier,
  html body #ko-old-page #ko-block-1613539451 .ko396__filter {
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: transparent !important;
  }

  html body #ko-old-page #ko-block-1613539451::before {
    content: none !important;
    display: none !important;
  }

  html body #ko-old-page #ko-block-1613539451 .ko396__elem {
    position: absolute !important;
  }

  /* Full width for actual "О нашей компании" block. */
  html body #ko-old-page #ko-block-1613539481 {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: visible !important;
    background: linear-gradient(0.5turn, rgba(0,100,107,1) 0%, rgba(0,69,34,1) 100%) !important;
  }

  html body #ko-old-page #ko-block-1613539481 .ko396__artboard,
  html body #ko-old-page #ko-block-1613539481 .ko396__carrier,
  html body #ko-old-page #ko-block-1613539481 .ko396__filter {
    width: 100vw !important;
    max-width: none !important;
    background: transparent !important;
  }

  html body #ko-old-page #ko-block-1613539481 .ko-elem__16135394811756889526207,
  html body #ko-old-page #ko-block-1613539481 .ko-elem__16135394811756889752069,
  html body #ko-old-page #ko-block-1613539481 .ko-elem__16135394811756889881001 {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    z-index: 30 !important;
  }

  /* Contacts: undo accidental vertical stretching. */
  html body #ko-old-page #ko-block-1613539531 .ko396__elem,
  html body #ko-old-page #ko-block-1613539531 .ko-atom,
  html body #ko-old-page #ko-block-1613539531 .tn-atom {
    min-height: 0 !important;
  }

  html body #ko-old-page #ko-block-1613539531 [data-elem-type="shape"] .ko-atom,
  html body #ko-old-page #ko-block-1613539531 [data-elem-type="shape"] .tn-atom {
    height: 100% !important;
  }

  /* Warning icons: use the exact existing elements/classes given by the user. */
  .kob-warning-icon-v8,
  .kob-warning-real-icon-v31,
  .kob-warning-real-icon-v32 {
    display: none !important;
  }

  .kob-warning-red-static-v12::before,
  .kob-warning-red-static-v12::after,
  .kob-warning-blue-static-v12::before,
  .kob-warning-blue-static-v12::after {
    content: none !important;
    display: none !important;
  }

  .ko-elem__16134907611756855408493,
  .ko-elem__1613539501175698024973874200 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
    overflow: visible !important;
    z-index: 200 !important;
  }

  .ko-elem__16134907611756855408493 .ko-atom,
  .ko-elem__1613539501175698024973874200 .ko-atom,
  .ko-elem__16134907611756855408493 .tn-atom,
  .ko-elem__1613539501175698024973874200 .tn-atom {
    position: relative !important;
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    overflow: visible !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .ko-elem__16134907611756855408493 .ko-atom::before,
  .ko-elem__16134907611756855408493 .tn-atom::before,
  .ko-elem__1613539501175698024973874200 .ko-atom::before,
  .ko-elem__1613539501175698024973874200 .tn-atom::before {
    content: "!" !important;
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;
  }

  .ko-elem__16134907611756855408493 .ko-atom::before,
  .ko-elem__16134907611756855408493 .tn-atom::before {
    color: #e60012 !important;
  }

  .ko-elem__1613539501175698024973874200 .ko-atom::before,
  .ko-elem__1613539501175698024973874200 .tn-atom::before {
    color: #255f6a !important;
  }
}

/* K-OBMENU HARD MOBILE EXACT V37 START */

/* 3. 481–1239px: держим страницу как 480px-макет по центру */
@media (min-width: 481px) and (max-width: 1239px) {
  html,
  body {
    min-width: 0 !important;
    overflow-x: hidden !important;
    background: #f0f0f0 !important;
  }

  html body .navbar,
  html body #ko-old-page,
  html body #footer,
  html body footer {
    width: 480px !important;
    max-width: 100vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

/* 1–2. Только mobile/tablet-зона, desktop 1240+ не трогаем */
@media (max-width: 1239px) {
  /*
    1. Блок "Работаем с валютой..."
    Оставляем только 3 исходных элемента:
    - ko-elem__1613490781175696741917691890 — карта
    - ko-elem__16134907811756864014912 — большой пин
    - ko-elem__16134907811756863995505 — малый пин
  */

  html body #ko-old-page #ko-block-1613490781 .ko396__elem[data-elem-type="image"],
  html body #ko-old-page #ko-block-1613490781 .t396__elem[data-elem-type="image"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  html body #ko-old-page #ko-block-1613490781 .ko-elem__1613490781175696741917691890,
  html body #ko-old-page #ko-block-1613490781 .ko-elem__16134907811756864014912,
  html body #ko-old-page #ko-block-1613490781 .ko-elem__16134907811756863995505 {
    position: absolute !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
    transform: none !important;
  }

  /* карта выше, чтобы не обрезалась снизу */
  html body #ko-old-page #ko-block-1613490781 .ko-elem__1613490781175696741917691890 {
    left: 50% !important;
    top: 326px !important;
    width: 250px !important;
    height: 124px !important;
    margin-left: -125px !important;
    z-index: 901 !important;
  }

  /* большой пин меньше */
  html body #ko-old-page #ko-block-1613490781 .ko-elem__16134907811756864014912 {
    left: 50% !important;
    top: 304px !important;
    width: 72px !important;
    height: 98px !important;
    margin-left: -44px !important;
    z-index: 903 !important;
  }

  /* малый пин меньше */
  html body #ko-old-page #ko-block-1613490781 .ko-elem__16134907811756863995505 {
    left: 50% !important;
    top: 358px !important;
    width: 44px !important;
    height: 60px !important;
    margin-left: 48px !important;
    z-index: 902 !important;
  }

  html body #ko-old-page #ko-block-1613490781 .ko-elem__1613490781175696741917691890 .ko-atom,
  html body #ko-old-page #ko-block-1613490781 .ko-elem__16134907811756864014912 .ko-atom,
  html body #ko-old-page #ko-block-1613490781 .ko-elem__16134907811756863995505 .ko-atom,
  html body #ko-old-page #ko-block-1613490781 .ko-elem__1613490781175696741917691890 img,
  html body #ko-old-page #ko-block-1613490781 .ko-elem__16134907811756864014912 img,
  html body #ko-old-page #ko-block-1613490781 .ko-elem__16134907811756863995505 img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }

  /*
    2. "О нашей компании"
    Прибиваем изображения мужчин/печати к низу artboard.
  */
  html body #ko-old-page #ko-block-1613539481 .ko396__artboard {
    position: relative !important;
    overflow: hidden !important;
  }

  html body #ko-old-page #ko-block-1613539481 .ko-elem__16135394811756889526207,
  html body #ko-old-page #ko-block-1613539481 .ko-elem__16135394811756889752069,
  html body #ko-old-page #ko-block-1613539481 .ko-elem__16135394811756889881001 {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    z-index: 30 !important;
    transform: none !important;
  }
}

/* K-OBMENU HARD MOBILE EXACT V37 END */

/* K-OBMENU SPECIFIED BUTTONS ONLY V53 START */

/* Только указанные Telegram-кнопки */
.ko-elem__16134907711766997296443000002,
.ko-elem__16134907711766997296443000002 *,
.ko-elem__16135395311770978297809000002,
.ko-elem__16135395311770978297809000002 * {
  cursor: pointer !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  text-decoration: none !important;
}

/* Вторая указанная кнопка сейчас была как текст с фоном — принудительно делаем кликабельной */
.ko-elem__16135395311770978297809000002 {
  pointer-events: auto !important;
}

.ko-elem__16135395311770978297809000002 .ko-atom,
.ko-elem__16135395311770978297809000002 .tn-atom {
  pointer-events: auto !important;
}

/* Только .kob-lead-submit */
.kob-lead-submit {
  background: linear-gradient(90deg, #08bd63 0%, #2c9caf 100%) !important;
  border: 0 !important;
  color: #ffffff !important;
  cursor: pointer !important;
}

/* K-OBMENU SPECIFIED BUTTONS ONLY V53 END */