/* Match the quick links used by the salon and seitai mobile headers. */
.site-header .mobile-header-actions { display: none; }
@media (max-width: 650px) {
  .site-header { padding-inline: 16px; gap: 10px; }
  .site-header .header-identity { flex: 0 0 auto; }
  .site-header .header-partner,
  .site-header .brand-descriptor { display: none; }
  .site-header .brand.brand-with-logo .brand-logo-header { width: 100px; max-width: none; height: auto; }
  .site-header .mobile-header-actions { display: flex; align-items: center; margin-left: auto; gap: 6px; }
  .site-header .mobile-header-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid #101010;
    color: #101010;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
    text-decoration: none;
  }
  .site-header .mobile-header-actions .mobile-consult { background: #101010; color: #FAFAFA; }
  .site-header .menu-toggle { flex: 0 0 44px; }
}
@media (max-width: 380px) {
  .site-header { padding-inline: 10px; gap: 4px; }
  .site-header .brand.brand-with-logo .brand-logo-header { width: 68px; }
  .site-header .mobile-header-actions { gap: 5px; }
  .site-header .mobile-header-actions a { padding-inline: 6px; font-size: 12px; }
}