/* Rosaifa 4.16.0 mobile header geometry, retained by 4.17.0 runtime hardening.
   runtime-v4170.js owns fixed positioning/spacer logic; this file owns small-screen presentation. */
@media (max-width: 760px) {
  .rf-site-header .rf-header-main {
    box-sizing: border-box;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    padding-inline: 16px !important;
    transition: none !important;
  }

  .rf-site-header .rf-header-main .rf-brand {
    align-self: center !important;
    min-height: 0 !important;
  }

  .rf-site-header .rf-header-main .rf-brand img,
  .rf-site-header .rf-header-main .custom-logo,
  .rf-site-header .rf-header-main .rf-fallback-logo img {
    display: block !important;
    height: 52px !important;
    max-height: 52px !important;
    max-width: min(218px, 52vw) !important;
    object-fit: contain !important;
    width: auto !important;
    transition: none !important;
  }

  .rf-site-header .rf-icon-button,
  .rf-site-header .rf-menu-toggle {
    box-sizing: border-box;
    height: 48px !important;
    min-height: 48px !important;
    min-width: 48px !important;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
  }
}

@media (max-width: 390px) {
  .rf-site-header .rf-header-main {
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    padding-inline: 14px !important;
  }

  .rf-site-header .rf-header-main .rf-brand img,
  .rf-site-header .rf-header-main .custom-logo,
  .rf-site-header .rf-header-main .rf-fallback-logo img {
    height: 50px !important;
    max-height: 50px !important;
    max-width: 50vw !important;
  }
}