/* ==================================================
   Шапка страницы «Контакты» как на странице «Бурение»
   ================================================== */

:is(.contact-page, .hf-unified) .site-header,
:is(.contact-page, .hf-unified) .site-header a,
:is(.contact-page, .hf-unified) .site-header button,
:is(.contact-page, .hf-unified) .site-header span {
  font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
}

:is(.contact-page, .hf-unified) .site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 5000 !important;

  width: 100% !important;
  min-height: 70px !important;
  padding: 8px 0 !important;

  background: #fbfdfe !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(7, 91, 99, 0.12) !important;

  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.035) !important;
  backdrop-filter: none !important;
}

:is(.contact-page, .hf-unified) .site-header.site-header--compact {
  padding: 8px 0 !important;
}

:is(.contact-page, .hf-unified) .site-header .header-container {
  width: 100% !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: clamp(18px, 2.4vw, 32px) !important;
  padding-right: clamp(18px, 2.4vw, 32px) !important;
}

/* Логотип */

:is(.contact-page, .hf-unified) .site-header__logo {
  min-width: 96px !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;

  color: #05070d !important;

  font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(1.28rem, 1.6vw, 1.46rem) !important;
  font-weight: 860 !important;
  line-height: 1 !important;
  letter-spacing: -0.05em !important;

  text-decoration: none !important;
  white-space: nowrap !important;
}

/* Полностью убираем старое нарисованное лого */

:is(.contact-page, .hf-unified) .site-header__logo::before {
  content: none !important;
  display: none !important;
}

:is(.contact-page, .hf-unified) .site-header__logo-icon {
  display: block !important;

  width: 40px !important;
  height: 40px !important;

  max-width: 40px !important;
  max-height: 40px !important;

  flex: 0 0 40px !important;
  object-fit: contain !important;

  transform: translateX(-4px) !important;
}

/* Общая сетка шапки */

@media (min-width: 769px) {
  :is(.contact-page, .hf-unified) .site-header__inner {
    min-height: 54px !important;

    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    align-items: center !important;

    gap: clamp(24px, 3vw, 46px) !important;
  }

  :is(.contact-page, .hf-unified) .site-header__logo {
    grid-column: 1 !important;
  }

  :is(.contact-page, .hf-unified) .site-header__nav {
    grid-column: 2 !important;

    width: 100% !important;
    max-width: 100% !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    align-items: center !important;

    gap: clamp(20px, 2.6vw, 36px) !important;

    overflow: visible !important;
  }

  /* Навигация */

  :is(.contact-page, .hf-unified) .site-header__nav-links {
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex-wrap: nowrap !important;
    row-gap: 0 !important;
    column-gap: clamp(16px, 1.75vw, 26px) !important;

    overflow: visible !important;
  }

  :is(.contact-page, .hf-unified) .site-header__nav-links a {
    min-height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;

    padding: 0 !important;

    color: #334155 !important;

    font-size: clamp(0.92rem, 0.88vw, 0.99rem) !important;
    font-weight: 660 !important;
    line-height: 1 !important;
    letter-spacing: -0.015em !important;

    text-decoration: none !important;
    white-space: nowrap !important;
  }

  :is(.contact-page, .hf-unified) .site-header__nav-links a::after {
    content: none !important;
    display: none !important;
  }

  :is(.contact-page, .hf-unified) .site-header__nav-links a:hover,
  :is(.contact-page, .hf-unified) .site-header__nav-links a:focus-visible {
    color: #075b63 !important;
    transform: translateY(-1px) !important;
  }

  /* Правая часть шапки */

  :is(.contact-page, .hf-unified) .site-header__actions {
    grid-column: 2 !important;

    position: relative !important;

    min-width: max-content !important;

    display: flex !important;
    align-items: center !important;

    gap: 8px !important;

    margin-left: 0 !important;
    padding-left: clamp(14px, 1.8vw, 22px) !important;

    border-left: 1px solid rgba(7, 91, 99, 0.12) !important;
  }

  :is(.contact-page, .hf-unified) .site-header__phone-wrap {
    display: inline-flex !important;
    align-items: center !important;

    gap: 7px !important;
  }

  :is(.contact-page, .hf-unified) .site-header__phone-stack {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;

    transform: none !important;
  }

  /* Номер телефона — чёрный как на странице «Бурение» */

  :is(.contact-page, .hf-unified) .site-header__phone {
    min-height: 36px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 5px 10px 6px !important;

    border: 1px solid transparent !important;
    border-radius: 999px !important;

    background: transparent !important;
    color: #05070d !important;

    font-size: clamp(1rem, 1.02vw, 1.12rem) !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;

    text-decoration: none !important;
    white-space: nowrap !important;
  }

  :is(.contact-page, .hf-unified) .site-header__phone:hover,
  :is(.contact-page, .hf-unified) .site-header__phone:focus-visible {
    color: #075b63 !important;
    background: rgba(7, 91, 99, 0.055) !important;
    border-color: rgba(7, 91, 99, 0.18) !important;
  }

  :is(.contact-page, .hf-unified) .site-header__phone-worktime {
    display: block !important;

    max-height: 18px !important;
    margin-top: -1px !important;

    color: #334155 !important;

    font-size: 0.69rem !important;
    font-weight: 720 !important;
    line-height: 1.1 !important;

    white-space: nowrap !important;
    opacity: 0.82 !important;
  }

  :is(.contact-page, .hf-unified)
    .site-header.site-header--compact
    .site-header__phone-worktime {
    display: block !important;
    max-height: 0 !important;
    margin-top: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
  }

  /* Зелёная точка */

  :is(.contact-page, .hf-unified) .site-header__online-status {
    width: 14px !important;
    height: 36px !important;
    min-width: 14px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 2px 0 0 !important;
  }

  :is(.contact-page, .hf-unified) .site-header__online-dot {
    width: 7px !important;
    height: 7px !important;

    display: block !important;

    border-radius: 50% !important;
    background: #16a34a !important;
  }

  /* Иконка сообщений */

  :is(.contact-page, .hf-unified) .site-header__header-contact {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  :is(.contact-page, .hf-unified)
    .site-header__header-contact
    .site-header__icon-button {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    border: 1px solid transparent !important;
    border-radius: 999px !important;

    background: transparent !important;
    color: #05070d !important;

    box-shadow: none !important;
  }

  :is(.contact-page, .hf-unified)
    .site-header__header-contact
    .site-header__icon-button
    svg {
    width: 25px !important;
    height: 25px !important;
  }

  /* Instagram */

  :is(.contact-page, .hf-unified) .site-header__desktop-instagram {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    border: 1px solid transparent !important;
    border-radius: 999px !important;

    background: transparent !important;
    color: #05070d !important;

    box-shadow: none !important;
  }

  :is(.contact-page, .hf-unified) .site-header__desktop-instagram svg {
    width: 25.5px !important;
    height: 25.5px !important;
  }

  :is(.contact-page, .hf-unified)
    .site-header__header-contact
    .site-header__icon-button:hover,
  :is(.contact-page, .hf-unified)
    .site-header__header-contact
    .site-header__icon-button:focus-visible,
  :is(.contact-page, .hf-unified) .site-header__desktop-instagram:hover,
  :is(.contact-page, .hf-unified) .site-header__desktop-instagram:focus-visible {
    color: #075b63 !important;
    background: rgba(7, 91, 99, 0.055) !important;
    border-color: rgba(7, 91, 99, 0.12) !important;
  }
}

/* Планшеты */

@media (min-width: 769px) and (max-width: 1120px) {
  :is(.contact-page, .hf-unified) .site-header__inner {
    gap: 18px !important;
  }

  :is(.contact-page, .hf-unified) .site-header__logo {
    min-width: 78px !important;
    font-size: 1.24rem !important;
  }

  :is(.contact-page, .hf-unified) .site-header__nav {
    gap: 16px !important;
  }

  :is(.contact-page, .hf-unified) .site-header__nav-links {
    column-gap: 13px !important;
  }

  :is(.contact-page, .hf-unified) .site-header__nav-links a {
    font-size: 0.86rem !important;
  }

  :is(.contact-page, .hf-unified) .site-header__actions {
    gap: 6px !important;
    padding-left: 12px !important;
  }

  :is(.contact-page, .hf-unified) .site-header__phone {
    font-size: 0.98rem !important;
  }

  :is(.contact-page, .hf-unified) .site-header__phone-worktime {
    display: none !important;
  }
}

/* Мобильная версия */

@media (max-width: 768px) {
  :is(.contact-page, .hf-unified) .site-header {
    min-height: 67px !important;
    padding: 0 !important;
  }

  :is(.contact-page, .hf-unified) .site-header .header-container {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    padding: 0 !important;
  }

  :is(.contact-page, .hf-unified) .site-header__inner {
    min-height: 67px !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;

    gap: 12px !important;
  }

  :is(.contact-page, .hf-unified) .site-header__logo {
    min-width: 0 !important;
    max-width: 100% !important;

    font-size: 20px !important;
    letter-spacing: -0.05em !important;

    overflow: hidden !important;
  }

  :is(.contact-page, .hf-unified) .site-header__logo::before {
    content: none !important;
    display: none !important;
  }

  :is(.contact-page, .hf-unified) .site-header__logo-icon {
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    flex-basis: 36px !important;
  }
}
/* Уменьшаем расстояние между буквами главного заголовка */
body:is(.contact-page, .hf-unified) section.contact-hero h1 {
  letter-spacing: -0.045em !important;
}

/* Уменьшаем расстояние между буквами в названии BYROVIK */
:is(.contact-page, .hf-unified) .site-header__logo span,
:is(.contact-page, .hf-unified) .site-header__logo [data-header-logo-text] {
  letter-spacing: -1.2px !important;
}
/* Высота подвала на странице «Контакты» */
:is(.contact-page, .hf-unified) .org-footer {
  padding: 33.5px 18px 40px !important;
}

:is(.contact-page, .hf-unified) .org-footer__bottom {
  margin-top: 15px !important;
  padding-top: 9px !important;
}
/* ==================================================
   РАСПОЛОЖЕНИЕ ЭЛЕМЕНТОВ ПОДВАЛА
   ================================================== */

/* Общая ширина содержимого подвала */
:is(.contact-page, .hf-unified) .org-footer__inner {
  width: calc(100% - 48px) !important;
  max-width: 1380px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Четыре главных блока */
:is(.contact-page, .hf-unified) .org-footer__grid {
  display: grid !important;

  grid-template-columns:
    1.15fr
    0.85fr
    0.70fr
    1fr !important;

  grid-template-areas:
    "brand company navigation contact" !important;

  column-gap: 40px !important;
  row-gap: 24px !important;

  align-items: start !important;
}

/* Логотип и название */
:is(.contact-page, .hf-unified) .org-footer__brand {
  grid-area: brand !important;
  transform: translate(100px,8px) !important;
}

/* ООО, УНП и адрес */
:is(.contact-page, .hf-unified) .org-footer__company {
  grid-area: company !important;
  transform: translate(25px, 8px) !important;
}

/* Навигация */
:is(.contact-page, .hf-unified) .org-footer__navigation {
  grid-area: navigation !important;
  transform: translate(-15px, 8px) !important;
}

/* Карточка с телефоном */
:is(.contact-page, .hf-unified) .org-footer__contact-card {
  grid-area: contact !important;
  transform: translate(-41px,8px) !important;
}

/* Нижняя надпись */
:is(.contact-page, .hf-unified) .org-footer__bottom {
  justify-content: center !important;
  text-align: center !important;
  transform: translateY(11px) !important;
}

/* Мобильная версия */
@media (max-width: 900px) {
  :is(.contact-page, .hf-unified) .org-footer__grid {
    grid-template-columns: 1fr !important;
    transform: translateX(15px) !important;

    grid-template-areas:
      "brand"
      "company"
      "navigation"
      "contact" !important;
  }
}

/* Единый фон подвала для всех внутренних страниц */
:is(.contact-page, .hf-unified) .org-footer {
  --org-footer-dark: #071619;
  --org-footer-dark-2: #0d2227;
  background:
    radial-gradient(circle at 14% 18%, rgba(111, 208, 204, 0.11), transparent 34%),
    linear-gradient(135deg, var(--org-footer-dark), var(--org-footer-dark-2)) !important;
}
/* Компактный блок реквизитов в подвале */
html body .org-footer__company {
  width: 100% !important;
  max-width: 300px !important;
}

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

  margin: 0 !important;
  padding: 0 !important;
}

html body .org-footer__company .org-footer__list li {
  margin: 0 !important;

  font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.1px !important;
}

html body .org-footer__company .org-footer__list li:last-child {
  width: 290px !important;
  max-width: 100% !important;
}
/* Цвет навигации в подвале — как у подписи под логотипом */
body.contact-page .org-footer .org-footer__navigation .org-footer__links a,
body.hf-unified .org-footer .org-footer__navigation .org-footer__links a {
  color: rgba(244, 248, 248, 0.72) !important;
}

/* Цвет при наведении */
body.contact-page .org-footer .org-footer__navigation .org-footer__links a:hover,
body.contact-page .org-footer .org-footer__navigation .org-footer__links a:focus-visible,
body.hf-unified .org-footer .org-footer__navigation .org-footer__links a:hover,
body.hf-unified .org-footer .org-footer__navigation .org-footer__links a:focus-visible {
  color: #ffffff !important;
}
/* ==================================================
   Стабильный адаптивный подвал на всех устройствах
   ================================================== */

/* Контейнер подвала */
html body .org-footer .org-footer__inner {
  width: min(100%, 1380px) !important;
  max-width: 1380px !important;

  margin-left: auto !important;
  margin-right: auto !important;
}

/* Широкие экраны — четыре колонки */
html body .org-footer .org-footer__grid {
  display: grid !important;

  grid-template-columns:
    minmax(320px, 1.15fr)
    minmax(220px, 0.85fr)
    minmax(150px, 0.62fr)
    minmax(330px, 1fr) !important;

  grid-template-areas:
    "brand company navigation contact" !important;

  column-gap: clamp(24px, 2.2vw, 40px) !important;
  row-gap: 28px !important;

  align-items: start !important;

  /* Убираем старые ручные смещения */
  transform: none !important;
}

/* Все колонки могут корректно уменьшаться */
html body .org-footer .org-footer__brand,
html body .org-footer .org-footer__company,
html body .org-footer .org-footer__navigation,
html body .org-footer .org-footer__contact-card {
  min-width: 0 !important;
  transform: none !important;
}

html body .org-footer .org-footer__brand {
  grid-area: brand !important;
}

html body .org-footer .org-footer__company {
  grid-area: company !important;
}

html body .org-footer .org-footer__navigation {
  grid-area: navigation !important;
}

html body .org-footer .org-footer__contact-card {
  grid-area: contact !important;
}

/* Логотип и название — единая стабильная сетка */
html body .org-footer .org-footer__brand-row {
  width: 100% !important;
  min-width: 0 !important;

  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;

  align-items: center !important;
  gap: 14px !important;
}

/* Изображение логотипа */
html body .org-footer .org-footer__logo-img {
  display: block !important;

  width: 64px !important;
  height: 64px !important;

  min-width: 64px !important;
  max-width: 64px !important;
  max-height: 64px !important;

  object-fit: contain !important;

  flex: none !important;
  transform: none !important;
}

/* Контейнер названия */
html body .org-footer .org-footer__brand-row h2 {
  display: grid !important;
  gap: 7px !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;
}

/* Название компании */
html body .org-footer .org-footer__logo-text {
  display: block !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  color: #ffffff !important;

  font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(2rem, 3.2vw, 3.2rem) !important;
  font-weight: 900 !important;
  line-height: 0.92 !important;
  letter-spacing: -0.065em !important;

  white-space: nowrap !important;
}

/* Подпись под названием */
html body .org-footer .org-footer__brand-desc {
  display: block !important;

  width: 100% !important;
  max-width: 300px !important;

  margin: 0 !important;

  color: rgba(244, 248, 248, 0.72) !important;

  font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
  font-size: 0.96rem !important;
  font-weight: 640 !important;
  line-height: 1.34 !important;
  letter-spacing: -0.012em !important;

  white-space: normal !important;
}

/* Номер телефона не выходит за карточку */
html body .org-footer .org-footer__phone {
  max-width: 100% !important;

  font-size: clamp(1.25rem, 1.8vw, 1.8rem) !important;
  white-space: nowrap !important;
}

/* ПК и ноутбуки — всегда 4 колонки */
@media (min-width: 761px) and (max-width: 1240px) {

  html body .org-footer .org-footer__grid {
    display: grid !important;

    grid-template-columns:
      minmax(240px, 1.15fr)
      minmax(175px, 0.85fr)
      minmax(120px, 0.65fr)
      minmax(245px, 1fr) !important;

    grid-template-areas:
      "brand company navigation contact" !important;

    column-gap: clamp(14px, 2vw, 26px) !important;
    row-gap: 0 !important;

    align-items: start !important;
  }

  html body .org-footer .org-footer__logo-img {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
  }

  html body .org-footer .org-footer__brand-row {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  html body .org-footer .org-footer__logo-text {
    font-size: clamp(2rem, 3vw, 2.7rem) !important;
  }

  html body .org-footer .org-footer__phone {
    font-size: clamp(1.2rem, 1.7vw, 1.55rem) !important;
  }
}

/* Планшеты и телефоны */
@media (max-width: 760px) {
  html body .org-footer .org-footer__inner {
    width: 100% !important;
  }

  html body .org-footer .org-footer__grid {
    grid-template-columns: minmax(0, 1fr) !important;

    grid-template-areas:
      "brand"
      "company"
      "navigation"
      "contact" !important;

    gap: 28px !important;
  }

  html body .org-footer .org-footer__brand-row {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  html body .org-footer .org-footer__logo-img {
    width: 56px !important;
    height: 56px !important;

    min-width: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
  }

  html body .org-footer .org-footer__logo-text {
    font-size: clamp(2rem, 10vw, 2.7rem) !important;
  }

  html body .org-footer .org-footer__brand-desc {
    max-width: 280px !important;
    font-size: 0.92rem !important;
  }

  html body .org-footer .org-footer__contact-card {
    width: 100% !important;
    max-width: 520px !important;
  }
}

/* Очень узкие телефоны */
@media (max-width: 380px) {
  html body .org-footer .org-footer__brand-row {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html body .org-footer .org-footer__logo-img {
    width: 48px !important;
    height: 48px !important;

    min-width: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
  }

  html body .org-footer .org-footer__logo-text {
    font-size: clamp(1.75rem, 9.4vw, 2.15rem) !important;
  }

  html body .org-footer .org-footer__brand-desc {
    font-size: 0.86rem !important;
  }
}
/* Мобильная шапка на внутренних страницах:
   делаем логотип как на странице «Бурение» */
@media (max-width: 767.98px) {

  html body:is(.contact-page, .hf-unified) .site-header__logo {
    width: auto !important;
    max-width: none !important;
    height: 58px !important;

    margin: 0 auto 0 0 !important;
    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;

    /* Надпись ближе к значку */
    gap: 2px !important;

    overflow: visible !important;
    transform: none !important;
  }

  html body:is(.contact-page, .hf-unified) .site-header__logo-icon {
    display: block !important;

    /* Значок немного крупнее */
    width: 38px !important;
    height: 52px !important;

    max-width: none !important;
    max-height: none !important;

    flex: 0 0 38px !important;
    object-fit: contain !important;

    transform: none !important;
    
  }
 
  html body:is(.contact-page, .hf-unified)
  .site-header__logo [data-header-logo-text] {
    width: auto !important;
    max-width: none !important;

    display: inline-flex !important;
    align-items: center !important;

    font-size: 0 !important;
    line-height: 1 !important;

    overflow: visible !important;
    white-space: nowrap !important;
  }

  html body:is(.contact-page, .hf-unified)
  .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;

    color: #071a45 !important;
  }
}

/* =========================================================
   25.07.2026 — Обустройство: desktop header from 769px
   Only hides mobile controls. Does not alter page layout.
   ========================================================= */
@media (min-width: 769px) {
  body.obustroystvo-page.hf-unified .site-header__mobile-toggle,
  body.obustroystvo-page.hf-unified .site-header__mobile-panel {
    display: none !important;
  }
}

/* DESKTOP HEADER INTERACTIONS — match drilling page */
@media (min-width: 769px) {
  /* Не обрезаем пульсацию зелёной online-точки. */
  :is(.contact-page, .hf-unified) .site-header__online-status {
    max-width: none !important;
    overflow: visible !important;
  }

  /* На внутренних страницах старый общий style.css скрывал подсказки через
     display:none!important. Возвращаем поведение шапки страницы «Бурение». */
  :is(.contact-page, .hf-unified) .site-header__tooltip {
    display: block !important;
  }

  /* Подсказкам и их теням нельзя обрезаться контейнерами шапки. */
  :is(.contact-page, .hf-unified) .site-header,
  :is(.contact-page, .hf-unified) .site-header .header-container,
  :is(.contact-page, .hf-unified) .site-header__inner,
  :is(.contact-page, .hf-unified) .site-header__nav,
  :is(.contact-page, .hf-unified) .site-header__actions,
  :is(.contact-page, .hf-unified) .site-header__phone-wrap {
    overflow: visible !important;
  }
}