/* Extracted from original <style id="mobile-header-layout-fix"> block; order 15. */

/* Mobile header: keep the brand, language, quote and menu controls on one tidy row. */
@media (max-width: 640px) {
  .nav-shell { top: 10px; }
  .nav {
    width: calc(100% - 16px);
    min-width: 0;
    gap: 8px;
    padding: 7px 9px 7px 12px;
    border-radius: 999px;
  }
  .brand { min-width: 0; flex: 1 1 auto; width: auto; }
  .brand img { width: clamp(82px, 25vw, 118px); height: 38px; }
  .nav-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; min-width: 0; }
  .nav-actions > .btn {
    display: inline-flex;
    flex: 0 0 auto;
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
    width: auto;
    min-width: max-content;
    padding: 10px 12px;
    font-size: clamp(.66rem, 2.6vw, .76rem);
    line-height: 1.15;
    letter-spacing: -.015em;
    border-radius: 999px;
  }
  .language-picker { flex: 0 0 auto; }
  .language-trigger {
    min-width: 66px;
    min-height: 40px;
    justify-content: center;
    gap: 6px !important;
    padding: 9px 10px !important;
    white-space: nowrap;
    font-size: .76rem;
  }
  .language-trigger .translate-symbol {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
  }
  .menu-toggle {
    display: inline-flex;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    font-size: 1.35rem;
    line-height: 1;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    transition: background .2s ease, transform .2s ease;
  }
  .menu-toggle:active { background: #5b382510; transform: scale(.96); }
}
@media (max-width: 390px) {
  .nav { gap: 6px; padding-left: 10px; padding-right: 7px; }
  .brand img { width: clamp(76px, 23vw, 92px); height: 34px; }
  .nav-actions { gap: 5px; }
  .language-trigger { min-width: 59px; padding: 8px 8px !important; gap: 4px !important; font-size: .72rem; }
  .language-trigger .translate-symbol { width: 14px !important; height: 14px !important; min-width: 14px !important; min-height: 14px !important; }
  .nav-actions > .btn { padding: 9px 10px; font-size: .66rem; }
  .menu-toggle { flex-basis: 36px; width: 36px; min-width: 36px; height: 38px; font-size: 1.25rem; }
}
@media (max-width: 340px) {
  .brand img { width: 70px; }
  .nav-actions > .btn { padding-inline: 8px; font-size: .62rem; }
  .language-trigger { min-width: 54px; }
  .menu-toggle { flex-basis: 32px; width: 32px; min-width: 32px; }
}