/* B24_CTA_DROPDOWN_UNIFIED_V1 */
/* Unified visual layer for CTA dropdown menus. CSS only. No JS, no forms, no links. */

.b24-rightdok-menu,
.list-contact-menu,
.tarif-contact-menu,
.messenger-dropdown,
.b24-articles-sidebar-menu {
  box-sizing: border-box !important;
  width: 210px !important;
  min-width: 210px !important;
  max-width: calc(100vw - 24px) !important;
  padding: 7px !important;
  background: #ffffff !important;
  border: 1px solid #dddddd !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.20) !important;
  text-align: left !important;
  font-family: inherit !important;
}

.b24-rightdok-menu > a,
.list-contact-menu > a,
.tarif-contact-menu > a,
.messenger-dropdown > a,
.b24-articles-sidebar-menu > a {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 38px !important;
  padding: 10px 12px !important;
  margin: 3px 0 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  color: #1f1f1f !important;
  text-decoration: none !important;
  line-height: 1.25 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: #ffffff !important;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important;
}

.b24-rightdok-menu > a:hover,
.list-contact-menu > a:hover,
.tarif-contact-menu > a:hover,
.messenger-dropdown > a:hover,
.b24-articles-sidebar-menu > a:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.14) !important;
}

.b24-rightdok-menu > a:before,
.list-contact-menu > a:before,
.messenger-dropdown > a:before,
.b24-articles-sidebar-menu > a:before {
  content: "" !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  flex: 0 0 10px !important;
  background: #777777 !important;
}

.tarif-contact-menu .b24-dot {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  flex: 0 0 10px !important;
}

/* WhatsApp */
.b24-rightdok-menu > a[href*="wa.me"],
.list-contact-menu > a[href*="wa.me"],
.tarif-contact-menu > a[href*="wa.me"],
.messenger-dropdown > a[href*="wa.me"],
.b24-articles-sidebar-menu > a[href*="wa.me"],
.messenger-dropdown > a.whatsapp {
  background: #f4fff7 !important;
  border-left: 4px solid #25D366 !important;
}

.b24-rightdok-menu > a[href*="wa.me"]:before,
.list-contact-menu > a[href*="wa.me"]:before,
.messenger-dropdown > a[href*="wa.me"]:before,
.b24-articles-sidebar-menu > a[href*="wa.me"]:before,
.messenger-dropdown > a.whatsapp:before,
.tarif-contact-menu .b24-dot-wa {
  background: #25D366 !important;
}

/* Telegram */
.b24-rightdok-menu > a[href*="t.me"],
.list-contact-menu > a[href*="t.me"],
.tarif-contact-menu > a[href*="t.me"],
.messenger-dropdown > a[href*="t.me"],
.b24-articles-sidebar-menu > a[href*="t.me"],
.messenger-dropdown > a.telegram {
  background: #f3faff !important;
  border-left: 4px solid #229ED9 !important;
}

.b24-rightdok-menu > a[href*="t.me"]:before,
.list-contact-menu > a[href*="t.me"]:before,
.messenger-dropdown > a[href*="t.me"]:before,
.b24-articles-sidebar-menu > a[href*="t.me"]:before,
.messenger-dropdown > a.telegram:before,
.tarif-contact-menu .b24-dot-tg {
  background: #229ED9 !important;
}

/* MAX */
.b24-rightdok-menu > a[href*="max.ru"],
.list-contact-menu > a[href*="max.ru"],
.tarif-contact-menu > a[href*="max.ru"],
.messenger-dropdown > a[href*="max.ru"],
.b24-articles-sidebar-menu > a[href*="max.ru"],
.messenger-dropdown > a.max {
  background: #f3f6ff !important;
  border-left: 4px solid #1668ff !important;
}

.b24-rightdok-menu > a[href*="max.ru"]:before,
.list-contact-menu > a[href*="max.ru"]:before,
.messenger-dropdown > a[href*="max.ru"]:before,
.b24-articles-sidebar-menu > a[href*="max.ru"]:before,
.messenger-dropdown > a.max:before,
.tarif-contact-menu .b24-dot-max {
  background: #1668ff !important;
}

/* Phone */
.b24-rightdok-menu > a[href^="tel:"],
.b24-rightdok-menu > a[data-b24-copy-phone="1"],
.list-contact-menu > a[href^="tel:"],
.list-contact-menu > a[data-b24-copy-phone="1"],
.tarif-contact-menu > a[href^="tel:"],
.tarif-contact-menu > a[data-b24-copy-phone="1"],
.messenger-dropdown > a[href^="tel:"],
.messenger-dropdown > a[data-b24-copy-phone="1"],
.b24-articles-sidebar-menu > a[href^="tel:"],
.b24-articles-sidebar-menu > a[data-b24-copy-phone="1"],
.messenger-dropdown > a.phone {
  background: #f7f7f7 !important;
  border-left: 4px solid #222222 !important;
}

.b24-rightdok-menu > a[href^="tel:"]:before,
.b24-rightdok-menu > a[data-b24-copy-phone="1"]:before,
.list-contact-menu > a[href^="tel:"]:before,
.list-contact-menu > a[data-b24-copy-phone="1"]:before,
.messenger-dropdown > a[href^="tel:"]:before,
.messenger-dropdown > a[data-b24-copy-phone="1"]:before,
.b24-articles-sidebar-menu > a[href^="tel:"]:before,
.b24-articles-sidebar-menu > a[data-b24-copy-phone="1"]:before,
.messenger-dropdown > a.phone:before,
.tarif-contact-menu .b24-dot-phone {
  background: #222222 !important;
}

/* Email */
.b24-rightdok-menu > a[data-b24-copy-mail="1"],
.list-contact-menu > a[data-b24-copy-mail="1"],
.tarif-contact-menu > a[data-b24-copy-mail="1"],
.messenger-dropdown > a[data-b24-copy-mail="1"],
.b24-articles-sidebar-menu > a[data-b24-copy-mail="1"],
.messenger-dropdown > a.email {
  background: #f5f5f5 !important;
  border-left: 4px solid #777777 !important;
}

.b24-rightdok-menu > a[data-b24-copy-mail="1"]:before,
.list-contact-menu > a[data-b24-copy-mail="1"]:before,
.messenger-dropdown > a[data-b24-copy-mail="1"]:before,
.b24-articles-sidebar-menu > a[data-b24-copy-mail="1"]:before,
.messenger-dropdown > a.email:before,
.tarif-contact-menu .b24-dot-mail {
  background: #777777 !important;
}

/* Request */
.b24-rightdok-menu > a[data-name="order_services"],
.b24-rightdok-menu > a[data-name="aspro_allcorp2_order_services"],
.list-contact-menu > a[data-name="order_services"],
.list-contact-menu > a[data-name="aspro_allcorp2_order_services"],
.tarif-contact-menu > a[data-name="order_services"],
.tarif-contact-menu > a[data-name="aspro_allcorp2_order_services"],
.messenger-dropdown > a[data-name="order_services"],
.messenger-dropdown > a[data-name="aspro_allcorp2_order_services"],
.b24-articles-sidebar-menu > a[data-name="order_services"],
.b24-articles-sidebar-menu > a[data-name="aspro_allcorp2_order_services"],
.messenger-dropdown > a.request {
  background: #f3f8ff !important;
  border-left: 4px solid #1f7ae0 !important;
}

.b24-rightdok-menu > a[data-name="order_services"]:before,
.b24-rightdok-menu > a[data-name="aspro_allcorp2_order_services"]:before,
.list-contact-menu > a[data-name="order_services"]:before,
.list-contact-menu > a[data-name="aspro_allcorp2_order_services"]:before,
.messenger-dropdown > a[data-name="order_services"]:before,
.messenger-dropdown > a[data-name="aspro_allcorp2_order_services"]:before,
.b24-articles-sidebar-menu > a[data-name="order_services"]:before,
.b24-articles-sidebar-menu > a[data-name="aspro_allcorp2_order_services"]:before,
.messenger-dropdown > a.request:before,
.tarif-contact-menu a[data-name="order_services"] .b24-dot,
.tarif-contact-menu a[data-name="aspro_allcorp2_order_services"] .b24-dot {
  background: #1f7ae0 !important;
}

@media (max-width: 767px) {
  .b24-rightdok-menu,
  .list-contact-menu,
  .tarif-contact-menu,
  .messenger-dropdown,
  .b24-articles-sidebar-menu {
    width: 230px !important;
    min-width: 230px !important;
    max-width: calc(100vw - 24px) !important;
    padding: 8px !important;
    border-radius: 12px !important;
  }

  .b24-rightdok-menu > a,
  .list-contact-menu > a,
  .tarif-contact-menu > a,
  .messenger-dropdown > a,
  .b24-articles-sidebar-menu > a {
    min-height: 46px !important;
    padding: 12px 14px !important;
    margin: 4px 0 !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
  }
}

/* B24_CTA_DROPDOWN_UNIFIED_V1B_ARTICLES_INLINE_DOT_FIX */
/* Articles sidebar CTA has legacy inline dot spans. Hide only the legacy first span so the unified :before dot is not duplicated. */
.b24-articles-sidebar-menu > a > span:first-child[style],
.tarif-contact-menu.b24-articles-sidebar-menu > a > span:first-child[style]{
  display:none !important;
}
.b24-articles-sidebar-menu > a > span:last-child,
.tarif-contact-menu.b24-articles-sidebar-menu > a > span:last-child{
  display:inline !important;
}
.b24-articles-sidebar-menu > a:before,
.tarif-contact-menu.b24-articles-sidebar-menu > a:before{
  display:inline-block !important;
}
/* /B24_CTA_DROPDOWN_UNIFIED_V1B_ARTICLES_INLINE_DOT_FIX */

/* B24_HEADER_CONTACTS_V1 */
html body .logo_and_menu-row .phone-block .callback-block,
html body .logo_and_menu-row .phone-block .callback-link,
html body .top-block .info-text .callback-block {
    display: none !important;
}

html body .logo_and_menu-row .phone-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 2px !important;
    padding-right: 0 !important;
}

html body .logo_and_menu-row .phone-block.with_btn {
    padding-right: 0 !important;
}

html body .logo_and_menu-row .phone-block .dropdown,
html body .logo_and_menu-row .phone-block .more_phone,
html body .logo_and_menu-row .phone-block .more_phone_wrap,
html body .logo_and_menu-row .phone-block .dropdown-menu {
    display: block !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: auto !important;
}

html body .logo_and_menu-row .phone-block a[href^="tel:"],
html body .logo_and_menu-row .phone-block a.no-decript {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #222 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    line-height: 17px !important;
}

html body .logo_and_menu-row .phone-block a.no-decript {
    font-size: 13px !important;
    font-weight: 600 !important;
}

html body #mobileheader .b24-mobile-header-phones-v1 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 1px !important;
    float: left !important;
    margin-left: 8px !important;
    padding-top: 6px !important;
    max-width: 190px !important;
    overflow: hidden !important;
}

html body #mobileheader .b24-mobile-header-phones-v1 .b24-mobile-phone-link {
    display: flex !important;
    align-items: baseline !important;
    gap: 5px !important;
    color: #222 !important;
    text-decoration: none !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
}

html body #mobileheader .b24-mobile-header-phones-v1 .b24-mobile-phone-label {
    display: inline-block !important;
    min-width: 31px !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    color: #7c828a !important;
    text-transform: uppercase !important;
}

html body #mobileheader .b24-mobile-header-phones-v1 .b24-mobile-phone-number {
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #222 !important;
}

@media (max-width: 380px) {
    html body #mobileheader .b24-mobile-header-phones-v1 .b24-mobile-phone-cell {
        display: none !important;
    }
    html body #mobileheader .b24-mobile-header-phones-v1 {
        padding-top: 10px !important;
        max-width: 160px !important;
    }
}

@media (max-width: 340px) {
    html body #mobileheader .b24-mobile-header-phones-v1 .b24-mobile-phone-label {
        display: none !important;
    }
}
/* /B24_HEADER_CONTACTS_V1 */