/**
 * RA99 mobile header v2 — compact layout, desktop untouched.
 * @media (max-width: 768px) only
 */
@media (max-width: 768px) {
  /* --- Top bar: one line, not full-width cart row --- */
  header #top.top-menu .container {
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 34px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 8px;
  }

  header #top.top-menu .top-menu__links {
    display: none !important;
  }

  header #top.top-menu .top-menu__buttons {
    width: 100%;
    justify-content: flex-end;
    gap: 6px;
  }

  header #top.top-menu .top-menu__cart {
    order: 0 !important;
    width: auto !important;
    justify-content: flex-end !important;
    margin-left: auto;
  }

  header #top.top-menu .top-menu__cart .header-cart__btn {
    min-height: 32px;
    gap: 6px;
  }

  header #top.top-menu .top-menu__cart .header-cart__icon {
    font-size: 18px;
  }

  header #top.top-menu .top-menu__cart .header-cart__summary {
    font-size: 11px;
    line-height: 1.15;
    text-align: right;
  }

  header #top.top-menu .top-menu__account .top-menu__btn-text {
    display: none;
  }

  header #top.top-menu .top-menu__account .top-menu__btn {
    min-width: 32px;
    padding: 0 6px;
  }

  /* --- Header shell --- */
  header .ra99-mobile-header.header-block {
    gap: 6px;
    margin-bottom: 0;
    padding: 4px 0 6px !important;
  }

  /* Row 1: logo full width */
  header .ra99-mobile-header .header-main {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "logo"
      "phone" !important;
    gap: 4px !important;
    width: 100%;
  }

  header .ra99-mobile-header .header-block__item-logo {
    grid-area: logo;
    width: 100%;
    min-width: 0;
  }

  header .ra99-mobile-header .header-block__item-telephone {
    grid-area: phone;
    justify-self: stretch;
    max-width: 100% !important;
    width: 100%;
  }

  header .ra99-mobile-header .header-tools {
    display: none !important;
  }

  header .ra99-mobile-header .header-brand {
    gap: 0;
  }

  header .ra99-mobile-header .header-brand__caption {
    display: none !important;
  }

  header .ra99-mobile-header .header-logo__img {
    width: auto !important;
    max-width: 148px !important;
    max-height: 44px !important;
    object-position: left center !important;
  }

  /* Row 2: phones — flat toolbar, no card */
  header .ra99-mobile-header .ra99-mobile-header__phones.header-phones--card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px 10px;
    width: 100%;
    padding: 0 0 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: right;
  }

  header .ra99-mobile-header .header-phones__label,
  header .ra99-mobile-header .header-phones__icon,
  header .ra99-mobile-header .header-phones__callback-link,
  header .ra99-mobile-header .header-phones__chip--tg,
  header .ra99-mobile-header .header-phones__chip--vb,
  header .ra99-mobile-header .header-phones__chip--callback {
    display: none !important;
  }

  header .ra99-mobile-header .header-phones__row {
    display: contents;
  }

  header .ra99-mobile-header .header-phones__numbers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 8px;
    order: 1;
    margin: 0;
    width: 100%;
    align-items: start;
    justify-content: stretch;
  }

  header .ra99-mobile-header .header-phones__manager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 3px 4px;
    width: 100%;
    min-width: 0;
  }

  /* Odd last phone (Ігор) — center like email below */
  header .ra99-mobile-header .header-phones__manager:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-content: center;
  }

  header .ra99-mobile-header .header-phones__msg {
    width: 16px;
    height: 16px;
    font-size: 9px;
  }

  header .ra99-mobile-header .header-phones__main,
  header .ra99-mobile-header .header-phones__main--named {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 3px 5px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;
    white-space: normal;
    min-width: 0;
  }

  header .ra99-mobile-header .header-phones__num {
    min-width: 0;
    font-size: 11px;
  }

  header .ra99-mobile-header .header-phones__main.two-line {
    font-size: 11px;
    font-weight: 700;
    color: var(--refresh-primary);
  }

  header .ra99-mobile-header .header-phones__name {
    font-weight: 600;
    font-size: 11px;
  }

  header .ra99-mobile-header .header-phones--managers.has-addit .header-phones__show-phone,
  header .ra99-mobile-header .header-phones--managers .header-phones__ul {
    display: none !important;
  }

  header .ra99-mobile-header .header-phones__extras {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 6px 0 0;
    order: 2;
    width: 100%;
  }

  header .ra99-mobile-header .header-phones__chip--mail {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    max-width: 100%;
    padding: 2px 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--refresh-primary, #0b4e80);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
  }

  header .ra99-mobile-header .header-phones__chip--mail i {
    font-size: 12px;
    color: #5a7f9a;
  }

  header .ra99-mobile-header .header-phones__chip--mail span {
    display: inline !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  header .ra99-mobile-header .header-phones--managers .header-phones__chip--wa {
    display: none !important;
  }

  header .ra99-mobile-header .header-phones__chip--wa {
    display: inline-flex !important;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 50%;
    border-color: rgba(37, 168, 90, 0.3);
  }

  header .ra99-mobile-header .header-phones__chip--wa span {
    display: none !important;
  }

  header .ra99-mobile-header .header-phones__chip--wa i {
    font-size: 14px;
  }

  header .ra99-mobile-header .header-phones.has-addit .header-phones__show-phone {
    position: static !important;
    display: inline-flex !important;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    margin: 0;
    transform: none !important;
    border: 1px solid rgba(11, 78, 128, 0.14);
    border-radius: 50%;
    background: #f2f7fb;
    color: #5f7f99;
    font-size: 10px;
    order: 3;
  }

  /* Row 3: burger + search */
  header .ra99-mobile-header .ra99-mobile-header__utility.header-utility-row {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 6px;
    width: 100%;
    margin-top: 2px;
  }

  header .ra99-mobile-header .ra99-mobile-header__catalog {
    flex: 0 0 40px;
    display: flex;
    align-items: stretch;
  }

  header .ra99-mobile-header .header-utility-row__search {
    flex: 1 1 auto;
    min-width: 0;
  }

  header .ra99-mobile-header .header-search__form,
  header .ra99-mobile-header .header-search__category-btn,
  header .ra99-mobile-header .header-search__input {
    min-height: 38px !important;
    height: 38px !important;
  }

  header .ra99-mobile-header .header-search__btn {
    width: 32px;
    height: 32px;
  }

  header .ra99-mobile-header__catalog-btn {
    display: inline-flex !important;
    width: 40px;
    min-width: 40px;
    height: 38px;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    border: 1px solid rgba(11, 78, 128, 0.16);
    border-radius: 8px;
    background: linear-gradient(145deg, #0f5a8f 0%, #0b4e80 100%);
    box-shadow: 0 2px 8px rgba(11, 78, 128, 0.16);
    color: #fff;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  header .ra99-mobile-header__catalog-btn i {
    font-size: 15px;
  }

  header .ra99-mobile-header__catalog-label {
    display: none !important;
  }

  /* Remove legacy burger row + menu bar gap */
  header > .container .main-menu .menu-open {
    display: none !important;
  }

  header > .container:has(.main-menu) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  header > .container:has(.main-menu) > .row {
    margin: 0 !important;
    min-height: 0 !important;
  }

  header > .container .main-menu {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  header > .container .main-menu.not-before:before,
  header > .container .main-menu.set-before:before {
    display: none !important;
  }

  /* Banner closer */
  .home-page.container {
    padding-top: 6px !important;
  }

  .home-hero-carousel-wrap--e24 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  .home-hero-carousel--e24 .home-hero-carousel__track {
    min-height: 160px;
    height: clamp(160px, 38vw, 280px);
  }
}