/* Strict Color Overrides: ONLY color #381981, original typography & structure preserved */

:root,
.mts-theme-light,
html {
  /* Replace brand red variables with #381981 */
  --brand45: #381981 !important;
  --brand45-alpha: rgba(56, 25, 129, 0.5) !important;

  --brand10: #f0ecfa !important;
  --brand10-alpha: rgba(56, 25, 129, 0.1) !important;
  --brand20: #c9bdef !important;
  --brand30: #9e8be0 !important;
  --brand30-alpha: rgba(158, 139, 224, 0.3) !important;
  --brand40: #5528b8 !important;
  --brand40-alpha: rgba(85, 40, 184, 0.5) !important;

  --brand50: #2f146e !important;
  --brand50--alpha: rgba(47, 20, 110, 0.5) !important;
  --brand60: #260f5c !important;
  --brand70: #1e0b4a !important;
  --brand80: #170739 !important;
  --brand80-alpha: rgba(23, 7, 57, 0.5) !important;
  --brand90: #100428 !important;

  --control-accent-default-brand: #381981 !important;
  --control-accent-hover-brand: #4a21ab !important;
  --control-accent-pressed-brand: #260f5c !important;
  --control-base-selected-default-brand: #381981 !important;
  --control-base-selected-hover-brand: #4a21ab !important;

  --stroke-accent-default-brand: #381981 !important;
  --stroke-border-focus-brand: #381981 !important;

  --text-accent-default-brand: #381981 !important;
  --text-primary-default-brand: #381981 !important;
  --text-primary-hover-brand: #4a21ab !important;
  --icons-accent-default-brand: #381981 !important;
}

/* Primary buttons */
.mws-button_appearance-primary {
  background-color: #381981 !important;
  border-color: #381981 !important;
  color: #ffffff !important;
}

.mws-button_appearance-primary:hover {
  background-color: #4a21ab !important;
  border-color: #4a21ab !important;
}

.mws-button_appearance-primary:active {
  background-color: #260f5c !important;
  border-color: #260f5c !important;
}

/* Hardcoded original red SVG fills/strokes */
[fill="#ff0032"], [fill="#FF0032"], [fill="#ec022e"], [fill="#EC022E"], [fill="#592BC5"] {
  fill: #381981 !important;
}

[stroke="#ff0032"], [stroke="#FF0032"], [stroke="#ec022e"], [stroke="#EC022E"], [stroke="#592BC5"] {
  stroke: #381981 !important;
}

/* Original indicator dots & pills */
.line-pagination {
  display: flex !important;
  align-items: center !important;
  gap: var(--spacing-s, 8px) !important;
  padding: 16px 0 !important;
}

.line-pagination__item {
  display: block !important;
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  min-height: 6px !important;
  border-radius: 4px !important;
  background-color: var(--stroke-base-default-neutral-alternative, #cdd1d9) !important;
  cursor: pointer !important;
  position: relative !important;
  transition: width 0.35s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.25s ease !important;
}

.line-pagination__item:hover:not(.line-pagination__item_active) {
  background-color: #9e8be0 !important;
}

.line-pagination__item_active {
  width: 64px !important;
  background-color: #381981 !important;
}

.line-pagination__item_active:before {
  content: "" !important;
  position: absolute !important;
  border-radius: inherit !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  background-color: #381981 !important;
}

/* Active Tabs bar */
.mws-tab-list__slider-bar {
  background: #381981 !important;
}

.mws-tab-item_active {
  color: #381981 !important;
}

/* Aside list tab items: Clean neutral grey active state matching original site (not purple/red) */
.aside-list__item {
  transition: background-color 0.2s ease, color 0.2s ease !important;
  user-select: none !important;
}

.aside-list__item:hover:not(.aside-list__item_active) {
  background: var(--control-base-hover-grey, #f0f2f5) !important;
  color: #1d2023 !important;
}

.aside-list__item_active.aside-list__item,
.aside-list__item_active.aside-list__item * {
  background: #2b2e35 !important;
  color: #ffffff !important;
  font-weight: 500 !important;
}

/* Offers block: clean cards layout with baseline-aligned pricing & button */
.offers-block__cards {
  gap: 20px !important;
  row-gap: 24px !important;
}

.offers-block__cards .offer-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.offers-block__cards .offer-card__content-container {
  flex-grow: 1 !important;
}

.offers-block__cards .offer-card__pricing {
  margin-top: auto !important;
  padding-top: 16px !important;
}

/* Slider drag cursor */
.slider-list, .cards-slider__track {
  cursor: grab;
}
.slider-list:active, .cards-slider__track:active {
  cursor: grabbing;
}


/* Server Case Cards (Strict MWS Horizontal Design System) */
.case-card {
  display: grid !important;
  grid-template-columns: 60% 40% !important;
  min-height: 520px !important;
  background-color: var(--background-primary-default-neutral, #ffffff) !important;
  border-radius: var(--radius-xl, 24px) !important;
  overflow: hidden !important;
  position: relative !important;
}

.case-card__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
  padding: 40px !important;
  box-sizing: border-box !important;
}

.case-card__content-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 24px !important;
}

.case-card__content-header {
  margin-bottom: 24px !important;
}

.case-card__content-header .h3 {
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--text-primary-default-neutral, #1d2023) !important;
  margin-bottom: 12px !important;
}

.case-card__content-description {
  color: var(--text-secondary-default-neutral, #62666e) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* Horizontal Metrics Row (Exact MWS Indicator Anatomy) */
.case-card__content-items {
  display: flex !important;
  flex-direction: row !important;
  gap: 32px !important;
  margin: 32px 0 !important;
  width: 100% !important;
}

.case-card__content-item {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  border-top: 1px solid var(--neutral20, #e2e5eb) !important;
  position: relative !important;
  padding-top: 18px !important;
  min-width: 0 !important;
}

.case-card__content-item:before {
  content: "" !important;
  display: block !important;
  height: 4px !important;
  width: 48px !important;
  border-radius: 0 0 4px 4px !important;
  background: #381981 !important;
  position: absolute !important;
  top: -1px !important;
  left: 0 !important;
}

.case-card__item-title {
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
  margin: 0 !important;
}

.case-card__ip-clickable {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  user-select: none !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  min-height: 38px !important;
  transition: color 0.15s ease !important;
}

.case-card__ip-text {
  font-family: var(--font-family-wide, "MTS Wide", sans-serif) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: var(--text-primary-default-neutral, #1d2023) !important;
  letter-spacing: -0.01em !important;
  transition: color 0.15s ease !important;
}

.case-card__ip-clickable:hover .case-card__ip-text {
  color: #381981 !important;
}

.case-card__copy-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #62666e !important;
  padding: 2px !important;
  transition: color 0.15s ease !important;
}

.case-card__ip-clickable:hover .case-card__copy-status {
  color: #381981 !important;
}

.case-card__copy-status .icon-copy {
  display: block !important;
}

.case-card__copy-status .icon-check {
  display: none !important;
}

.case-card__ip-clickable.copied .icon-copy {
  display: none !important;
}

.case-card__ip-clickable.copied .icon-check {
  display: block !important;
  stroke: #10b981 !important;
  color: #10b981 !important;
}

/* Social Buttons: Strictly 1 line (no wrapping), No transform animations */
.case-card__socials-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  width: auto !important;
}

.case-card__social-btn {
  font-family: var(--font-family-wide, "MTS Wide", sans-serif) !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  border: 1px solid var(--neutral20, #e2e5eb) !important;
  color: #1d2023 !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease !important;
}

.case-card__social-name {
  font-family: var(--font-family-wide, "MTS Wide", sans-serif) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #1d2023 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
}

.case-card__social-icon {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.case-card__social-icon path {
  fill: #000000 !important;
}

/* Static hover: subtle background & border only, NO translateY, NO jitter */
.case-card__social-btn:hover {
  background: #f7f8fa !important;
  border-color: #381981 !important;
  color: #381981 !important;
  transform: none !important;
  box-shadow: none !important;
}

.case-card__social-btn:hover .case-card__social-name {
  color: #381981 !important;
}

.case-card__social-btn:active {
  transform: none !important;
}

.case-card__item-subtitle {
  color: var(--text-secondary-default-neutral, #62666e) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.case-card__content-footer {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-top: auto !important;
}

/* Right 3D Visual Column */
.case-card__image {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 100% !important;
  height: 100% !important;
  padding: 24px 40px !important;
  box-sizing: border-box !important;
}

.case-card__image-img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: 480px !important;
  object-fit: contain !important;
  pointer-events: none !important;
}

@media (max-width: 1024px) {
  .case-card {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  .case-card__content {
    padding: 24px !important;
  }
  .case-card__content-items {
    flex-direction: column !important;
    gap: 20px !important;
  }
  .case-card__image {
    display: none !important;
  }
}


/* Cases Slider Layout Fixes */
.block-cases .slider__track-wrapper {
  overflow: hidden !important;
  width: 100% !important;
}
.block-cases .slider-list {
  display: flex !important;
  flex-direction: row !important;
  gap: 20px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.block-cases .slider-list__item {
  min-width: 100% !important;
  width: 100% !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

/* =========================================================
   HEADER: SOLID WHITE AT TOP, GLASSMORPHIC ON SCROLL
   ========================================================= */
.main-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.main-header_hidden {
  transform: translateY(-120%) !important;
}

.main-header .main-header__container {
  background: transparent !important;
}

.main-header_little-house .main-header__bottom {
  background: transparent !important;
  box-shadow: none !important;
}

/* Initial / Top State: Monolithic solid white, seamless with top block, no separate border/shadow */
.main-header .main-header__content {
  background: #ffffff !important;
  box-shadow: none !important;
  border: 1px solid transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: background 0.3s cubic-bezier(0.25, 1, 0.5, 1),
              box-shadow 0.3s cubic-bezier(0.25, 1, 0.5, 1),
              border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
              backdrop-filter 0.3s cubic-bezier(0.25, 1, 0.5, 1),
              -webkit-backdrop-filter 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Scrolled State: Premium glassmorphism with blur & subtle border */
.main-header.main-header_scrolled .main-header__content {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(226, 229, 235, 0.85) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  border-radius: var(--radius-m, 12px) !important;
}

/* =========================================================
   HERO SECTION: EXPANSIVE SOURCE-STYLE HERO WITH LARGE 3D CUBE
   ========================================================= */
.hero,
.hero.page-section {
  min-height: 580px !important;
  height: auto !important;
  padding-top: 48px !important;
  padding-bottom: 56px !important;
  clip-path: none !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.hero__slides-container {
  min-height: 520px !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}

.hero__slide:not(.hero__slide_active) {
  display: none !important;
}

.hero-slide {
  min-height: 520px !important;
  height: auto !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  position: relative !important;
  overflow: visible !important;
}

.hero-slide__content {
  flex: 0 0 50% !important;
  max-width: 680px !important;
  min-width: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  z-index: 2 !important;
}

.hero-slide__title {
  font-size: clamp(1.85rem, 2.45vw, 2.45rem) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.015em !important;
  margin-bottom: 18px !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.hero-slide__subtitle {
  font-size: 16.5px !important;
  line-height: 1.55 !important;
  color: #4b5057 !important;
  max-width: 620px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.hero-slide__controls {
  margin-top: 24px !important;
  margin-bottom: 0 !important;
}

.hero-slide__illustration-container {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
  flex: 1 1 50% !important;
  width: 50% !important;
  max-width: 860px !important;
  height: auto !important;
  min-height: 500px !important;
  max-height: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 1 !important;
  overflow: visible !important;
  margin-left: -20px !important;
}

.hero-slide__illustration {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: 860px !important;
  height: auto !important;
  max-height: 640px !important;
  object-fit: contain !important;
  transform: scale(1.42) translateX(-15px) !important;
  transform-origin: center center !important;
  filter: drop-shadow(0 20px 45px rgba(56, 25, 129, 0.12)) !important;
}

@media (max-width: 1279px) {
  .hero,
  .hero.page-section {
    min-height: 520px !important;
    padding-top: 36px !important;
    padding-bottom: 40px !important;
  }
  .hero-slide__illustration {
    transform: scale(1.28) !important;
  }
}

@media (max-width: 1023px) {
  .hero,
  .hero.page-section {
    min-height: auto !important;
    padding-top: 24px !important;
    padding-bottom: 32px !important;
  }
  .hero__slides-container,
  .hero-slide {
    min-height: auto !important;
  }
  .hero-slide {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .hero-slide__content {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
  .hero-slide__illustration-container {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    justify-content: center !important;
    margin-top: 24px !important;
    margin-left: 0 !important;
  }
  .hero-slide__illustration {
    transform: none !important;
    max-width: 480px !important;
    filter: none !important;
  }
}

.hero__pagination {
  display: none !important;
}

/* =========================================================
   HEADER NAVIGATION ANCHORS & SMOOTH SCROLL
   ========================================================= */
html {
  scroll-behavior: smooth !important;
}

section[id],
div[id] {
  scroll-margin-top: 86px !important;
}

.header-bottom__center .navigation__wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.header-bottom__center .navigation-item {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  color: var(--text-primary-default-neutral, #1d2023) !important;
  font-family: var(--font-family-wide, "MTS Wide", sans-serif) !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  cursor: pointer !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
  user-select: none !important;
}

.header-bottom__center .navigation-item:hover {
  background: var(--control-base-hover-grey, #f0f2f5) !important;
  color: #381981 !important;
}

.header-bottom__center .navigation-item__title {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}




/* =========================================================
   SERVER CASE CARDS: CLEAN ROUNDED SQUARE LOGOS
   ========================================================= */
.case-card {
  overflow: hidden !important;
  position: relative !important;
  align-items: center !important;
}

.case-card__image {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  place-self: center end !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: none !important;
}

.case-card__image-img {
  width: 290px !important;
  height: 290px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  border-radius: 48px !important;
  /* чуть заходя за правый край карточки */
  margin-right: -42px !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.16), 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s ease !important;
  pointer-events: auto !important;
}

.case-card:hover .case-card__image-img {
  transform: translateX(-12px) scale(1.03);
  box-shadow: 0 26px 55px rgba(0, 0, 0, 0.22) !important;
}

@media (max-width: 1279px) {
  .case-card__image {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: -20px !important;
    margin-bottom: 24px !important;
  }
  .case-card__image-img {
    width: 200px !important;
    height: 200px !important;
    border-radius: 36px !important;
    margin-right: -24px !important;
  }
}

@media (max-width: 767px) {
  .case-card__image {
    justify-content: center !important;
    margin: 16px 0 !important;
  }
  .case-card__image-img {
    width: 160px !important;
    height: 160px !important;
    border-radius: 28px !important;
    margin-right: 0 !important;
  }
}


/* =========================================================
   HEADER: PERFECT EDGE ALIGNMENT & BRAND PURPLE (#381981)
   ========================================================= */

/* Header container & bottom bar full width */
.main-header .main-header__container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

.main-header .main-header__content {
  width: calc(100% - 16px) !important;
  max-width: 1600px !important;
  margin: 8px auto 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.main-header .header-bottom,
.main-header .main-header__bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 6px 16px !important;
  gap: 12px !important;
}

/* 1. Header logo: 27px, hover strictly #381981 (brand purple of all buttons/svgs) */
.header-bottom__logo-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  color: #1d2023 !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
  transform: none !important;
  flex-shrink: 0 !important;
}

.header-bottom__logo-wrapper .header-bottom__logo,
.header-bottom__logo-wrapper .header-bottom__logo path {
  fill: #1d2023 !important;
  color: #1d2023 !important;
  transition: fill 0.25s ease, color 0.25s ease !important;
  transform: none !important;
}

.header-bottom__logo-wrapper:hover .header-bottom__logo,
.header-bottom__logo-wrapper:hover .header-bottom__logo path {
  fill: #381981 !important;
  color: #381981 !important;
  transform: none !important;
}

/* 2. Center navigation: starts next to logo, pushes right elements to the edge */
.header-bottom__center {
  display: flex !important;
  align-items: center !important;
  flex-grow: 1 !important;
  margin-left: 12px !important;
  justify-content: flex-start !important;
}

.header-bottom__menu {
  margin-right: auto !important;
}

/* 3. Phone number: shifted to the right edge with controls */
.header-bottom__phone {
  margin-left: auto !important;
  margin-right: 16px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.header-bottom__phone .header-contacts__link {
  color: #1d2023 !important;
  transition: color 0.15s ease !important;
}

.header-bottom__phone .header-contacts__link:hover {
  color: #381981 !important;
}

/* 4. Controls / User state: pinned right to the card's right edge, strictly horizontal buttons */
.header-bottom__controls,
.header-bottom .header-bottom__controls,
div.header-bottom__controls[data-v-dbef1550],
.header-buttons.header-bottom__controls {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: auto !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  grid-template-columns: unset !important;
  flex-shrink: 0 !important;
}

.header-bottom__controls .header-buttons__button {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
}

.magops-header-user {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: default !important;
  user-select: none !important;
}

.magops-header-user__name {
  font-family: var(--font-family-wide, 'MTS Wide'), 'MTS Compact', 'MTS Text', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: #1d2023 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.magops-header-user__avatar {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 50% !important;
  background: #e9ecef !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

.magops-header-user__avatar svg {
  display: block !important;
  fill: #9ca3af !important;
}

/* Hide search completely from header */
.header-search,
.header-bottom__search,
.header-bottom__search-button {
  display: none !important;
}

@media (min-width: 1024px) {
  .header-bottom__contacts,
  .header-bottom__burger,
  .header-bottom__search-button {
    display: none !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}