/* Mobile header polish — approved CHB mockup, 2026-09-09.
   Scope: mobile header composition only. Desktop/menu behavior unchanged. */
.chb-mobile-brand-name { display: none; }

@media (max-width: 767px) {
  .aux-elementor-header .aux-wrapper,
  .aux-elementor-header .aux-header,
  .aux-elementor-header .elementor-64,
  .aux-elementor-header .elementor-element-dc585d1 {
    width: 100% !important;
    max-width: none !important;
  }

  .aux-elementor-header .elementor-element-dc585d1,
  .aux-elementor-header .elementor-element-cf6019e {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .aux-elementor-header .elementor-element-dc585d1 > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .aux-elementor-header .elementor-element-cf6019e {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: 72px minmax(82px, 1fr) auto !important;
    column-gap: 14px !important;
    align-items: center !important;
  }

  .aux-elementor-header .elementor-widget-aux_logo {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .aux-elementor-header .aux-widget-logo {
    width: 72px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  .aux-elementor-header .aux-logo-anchor {
    display: block !important;
    width: 72px !important;
    min-width: 72px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .aux-elementor-header .aux-widget-logo img {
    display: block !important;
    width: 160px !important;
    max-width: none !important;
    height: auto !important;
    max-height: 44px !important;
    margin: 0 !important;
  }

  .aux-elementor-header .chb-mobile-brand-name {
    display: flex !important;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: var(--chb-font), Arial, sans-serif;
    font-size: 9.5px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0.08em;
    color: #0c0c0c;
    white-space: nowrap;
  }

  .aux-elementor-header .elementor-widget-aux_menu_box {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    justify-self: end !important;
  }

  .aux-elementor-header .aux-elementor-header-menu {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    width: auto !important;
    white-space: nowrap;
  }

  .aux-elementor-header .chb-lang-switcher {
    order: 1;
    flex: 0 0 auto;
    margin: 0 !important;
  }

  .aux-elementor-header .aux-burger-box {
    order: 2;
    flex: 0 0 44px;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #0c0c0c !important;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .aux-elementor-header .aux-burger-box .aux-burger {
    width: 30px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0c0c0c !important;
  }

  .aux-elementor-header .aux-burger-box .aux-burger::before,
  .aux-elementor-header .aux-burger-box .aux-burger::after,
  .aux-elementor-header .aux-burger-box .aux-burger span,
  .aux-elementor-header .aux-burger-box .aux-burger span.mid-line {
    background-color: #0c0c0c !important;
    border-radius: 0 !important;
  }

  .aux-elementor-header .aux-burger-box:focus-visible {
    outline: 2px solid #0463cc;
    outline-offset: 2px;
  }
}

@media (max-width: 374px) {
  .aux-elementor-header .elementor-element-dc585d1 > .e-con-inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .aux-elementor-header .elementor-element-cf6019e {
    grid-template-columns: 66px minmax(72px, 1fr) auto !important;
    column-gap: 10px !important;
  }

  .aux-elementor-header .elementor-widget-aux_logo,
  .aux-elementor-header .aux-widget-logo,
  .aux-elementor-header .aux-logo-anchor {
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
  }

  .aux-elementor-header .aux-widget-logo img {
    width: 148px !important;
  }

  .aux-elementor-header .chb-mobile-brand-name {
    font-size: 8.5px;
    letter-spacing: 0.06em;
  }

  .aux-elementor-header .aux-elementor-header-menu {
    gap: 8px !important;
  }

  .aux-elementor-header .chb-lang-switcher {
    padding-left: 4px;
    padding-right: 4px;
  }

  .aux-elementor-header .chb-lang-btn {
    padding-left: 4px;
    padding-right: 4px;
  }
}