/* Loaded after typography so header layout follows the final text sizes. */
.marketplace-app header { height: auto; }
.marketplace-app header .mark { flex-shrink: 0; }
.marketplace-app header .organization-control a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px 16px;
  border: 1px solid #9daea5;
  border-radius: 6px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
  white-space: nowrap;
  color: #183c32;
}
.marketplace-app header .organization-control a:hover { background: #edf2ed; border-color: #183c32; }
.marketplace-app header .organization-control a:focus-visible { outline: 2px solid #183c32; outline-offset: 3px; }
@media (min-width: 1661px) {
  .marketplace-app header { display: flex; flex-wrap: nowrap; }
  .marketplace-app header > nav,
  .marketplace-app header .header-right { flex-wrap: nowrap; }
}
@media (min-width: 781px) and (max-width: 1660px) {
  .marketplace-app header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "brand actions" "nav nav";
    gap: 4px 16px;
    padding: 10px 3%;
    min-height: 0;
  }
  .marketplace-app header .brand { grid-area: brand; justify-self: start; }
  .marketplace-app header .header-right {
    grid-area: actions;
    justify-self: end;
    flex-wrap: nowrap;
    gap: 12px;
    margin: 0;
  }
  .marketplace-app header > nav {
    grid-area: nav;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 20px;
    padding: 0;
    min-width: 0;
  }
  .marketplace-app header .public-ai { max-width: none; white-space: nowrap; }
  .marketplace-app header .nav { padding: 8px 0; height: auto; }
  .marketplace-app header .list-property { display: inline-flex; align-items: center; }
}
@media (max-width: 780px) {
  .marketplace-app .category-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
    padding: 14px 16px;
  }
  .marketplace-app .category-strip button {
    min-width: 0;
    min-height: 50px;
    justify-content: center;
    padding: 10px 8px;
    gap: 7px;
    white-space: normal;
    line-height: 1.35;
    text-align: center;
  }
  .marketplace-app .category-strip button i { flex-shrink: 0; }
  .marketplace-app header {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 10px;
    padding: 12px 16px;
    min-height: 72px;
  }
  .marketplace-app header .brand { min-width: 0; font-size: 13px; gap: 7px; }
  .marketplace-app header .brand > span:last-child { min-width: 0; }
  .marketplace-app header .brand small { font-size: 9px !important; line-height: 1.5; letter-spacing: 1px; }
  .marketplace-app header .mark { width: 30px; height: 36px; }
  .marketplace-app header .header-right { gap: 12px; margin: 0; flex-wrap: nowrap; }
  .marketplace-app header .header-saved { padding: 0; }
  .marketplace-app header .header-saved span,
  .marketplace-app header .list-property { display: none; }
  .marketplace-app.menu-open header > nav { grid-column: 1 / -1; width: 100%; height: auto; }
}