.dna-cases-filters__btn{
    height: 30px;
    padding: 5px 16px;
}

.dna-mob-form__flag{
    background: linear-gradient(180deg,#fff 0% 33%, #254f9b 33% 66%, #c6252e 66% 100%);
}

/* Портал на body: позиция и scale, шапка внутри без своего transform */

.dna-float-header-portal {
  position: fixed;
  top: 10px;
  left: var(--dna-float-left, 0);
  width: var(--dna-float-design-width, 1280px);
  z-index: 140;
  box-sizing: border-box;
  pointer-events: none;
  transform: translateY(calc(-100% - 18px)) scale(var(--dna-float-scale, 1));
  transform-origin: top left;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.24s ease, opacity 0.24s ease, visibility 0.24s ease;
}

.dna-float-header-portal.is-visible {
  transform: translateY(0) scale(var(--dna-float-scale, 1));
  opacity: 1;
  visibility: visible;
}

.dna-float-header-portal .dna-hero__top.dna-float-header,
.dna-float-header-portal .dna-cases-hero__header.dna-float-header,
.dna-float-header-portal .dna-out-hero__header.dna-float-header,
.dna-float-header-portal .dna-contacts-hero__header.dna-float-header,
.dna-float-header-portal .dna-ai-hero__top.dna-float-header,
.dna-float-header-portal .dna-article-head__top.dna-float-header {
  position: static !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  transform-origin: initial !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto;
  box-sizing: border-box;
  gap: 24px;
  row-gap: 0px;
  padding: 10px var(--dna-float-pad-right, 60px) 10px var(--dna-float-pad-left, 60px) !important;
}

.dna-hero__top.dna-float-header,
.dna-cases-hero__header.dna-float-header,
.dna-out-hero__header.dna-float-header,
.dna-contacts-hero__header.dna-float-header,
.dna-ai-hero__top.dna-float-header,
.dna-article-head__top.dna-float-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*flex-wrap: nowrap;*/
}

.dna-hero__top.dna-float-header,
.dna-out-hero__header.dna-float-header,
.dna-contacts-hero__header.dna-float-header,
.dna-ai-hero__top.dna-float-header {
  padding: 10px var(--dna-float-pad-right, 60px) 10px var(--dna-float-pad-left, 60px) !important;
}

.dna-cases-hero__header.dna-float-header,
.dna-article-head__top.dna-float-header {
  padding: 10px var(--dna-float-pad-right, 16px) 10px var(--dna-float-pad-left, 16px) !important;
}

.dna-float-header .dna-hero__nav,
.dna-float-header .dna-ai-hero__nav,
.dna-float-header .dna-out-hero__nav,
.dna-float-header .dna-contacts-hero__nav,
.dna-float-header .dna-cases-hero__nav {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: none;
  justify-content: center;
  gap: 24px;
}

.dna-hero__top.dna-float-header a,
.dna-hero__top.dna-float-header span,
.dna-ai-hero__top.dna-float-header a,
.dna-ai-hero__top.dna-float-header span,
.dna-out-hero__header.dna-float-header a,
.dna-out-hero__header.dna-float-header span,
.dna-contacts-hero__header.dna-float-header a,
.dna-contacts-hero__header.dna-float-header span {
  color: #fff;
}

.is-visible .dna-hero__nav-link {
  font-size: 14px;
}