/* Exact REMONTARY lockup: one image element per placement; JS swaps only its source. */
img.brand-logo {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  flex: 0 1 auto;
}


/* Compact site branding scale (reference: modern marketplace header density).
   Main nav remains 13.5px; the wide two-line lockup is sized independently. */
:root {
  --remontari-header-logo-width: 184px;
  --remontari-header-logo-mobile-width: 136px;
  --remontari-shop-logo-width: 184px;
  --remontari-footer-logo-width: 194px;
}

/* Main, legal, investor and franchise headers. */
.site-header:not(.shop-header) .brand,
.site-header:not(.shop-header) .nav-wrap > .brand {
  flex: 0 0 var(--remontari-header-logo-width) !important;
  width: var(--remontari-header-logo-width) !important;
  max-width: var(--remontari-header-logo-width) !important;
  min-width: 0 !important;
}
.site-header:not(.shop-header) .brand > img.brand-logo,
.site-header:not(.shop-header) .nav-wrap > .brand > img.brand-logo {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1572 / 310;
}

/* Marketplace header uses the same brand scale, preserving space for cart controls. */
.shop-page .shop-header .brand {
  flex: 0 0 var(--remontari-shop-logo-width) !important;
  width: var(--remontari-shop-logo-width) !important;
  max-width: var(--remontari-shop-logo-width) !important;
  min-width: 0 !important;
}
.shop-page .shop-header .brand > img.brand-logo {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1572 / 310;
}

/* Blog uses its own header markup but the same compact lockup width. */
.blog-header .blog-brand {
  flex: 0 0 var(--remontari-header-logo-width) !important;
  width: var(--remontari-header-logo-width) !important;
  max-width: var(--remontari-header-logo-width) !important;
  min-width: 0 !important;
}
.blog-header .blog-brand > img.brand-logo {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1572 / 310;
}

/* Footer and secondary brand placements are compact but remain comfortably readable. */
.footer-brand-link > img.brand-logo,
.footer-brand > img.brand-logo,
.unified-footer-brand img.brand-logo,
.shop-footer-brand img.brand-logo {
  display: block !important;
  width: min(100%, var(--remontari-footer-logo-width)) !important;
  max-width: var(--remontari-footer-logo-width) !important;
  height: auto !important;
  aspect-ratio: 1572 / 310;
}
.investors-page .inv-visual-stamp img.brand-logo,
.inv-visual-stamp img.brand-logo {
  width: 184px !important;
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 1100px) {
  .site-header:not(.shop-header) .brand,
  .site-header:not(.shop-header) .nav-wrap > .brand,
  .blog-header .blog-brand {
    flex-basis: 150px !important;
    width: 150px !important;
    max-width: 150px !important;
  }
  .shop-page .shop-header .brand {
    flex-basis: 160px !important;
    width: 160px !important;
    max-width: 160px !important;
  }
}

@media (max-width: 620px) {
  .site-header:not(.shop-header) .brand,
  .site-header:not(.shop-header) .nav-wrap > .brand,
  .blog-header .blog-brand {
    flex: 0 1 var(--remontari-header-logo-mobile-width) !important;
    width: var(--remontari-header-logo-mobile-width) !important;
    max-width: var(--remontari-header-logo-mobile-width) !important;
  }
  .shop-page .shop-header .brand {
    flex-basis: 132px !important;
    width: 132px !important;
    max-width: 132px !important;
  }
  .footer-brand-link > img.brand-logo,
  .footer-brand > img.brand-logo,
  .unified-footer-brand img.brand-logo,
  .shop-footer-brand img.brand-logo {
    width: min(100%, 170px) !important;
    max-width: 170px !important;
  }
}

@media (max-width: 380px) {
  .shop-page .shop-header .brand {
    flex-basis: 118px !important;
    width: 118px !important;
    max-width: 118px !important;
  }
}