/* Phase 20T.1 — Shared public header logo standard
   Header presentation only. Uses logo-horizontal.png everywhere. */

/* Main public navigation headers */
.nav .navin > a:first-child,
.nav .brand,
.shophead > a:first-child {
  display:flex;
  align-items:center;
  flex:0 0 auto;
  min-width:0;
  text-decoration:none;
}

.nav .navin > a:first-child > img,
.nav img.logo,
.nav img.brandmark,
.shophead > a:first-child > img {
  display:block !important;
  width:auto !important;
  max-width:min(300px, 38vw) !important;
  height:60px !important;
  max-height:60px !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Keep the normal public header compact while allowing the horizontal mark
   to use most of the available height. */
.nav .navin {
  min-height:74px;
}

.shophead {
  min-height:74px;
}

@media (max-width: 760px) {
  .nav .navin > a:first-child > img,
  .nav img.logo,
  .nav img.brandmark,
  .shophead > a:first-child > img {
    height:50px !important;
    max-height:50px !important;
    max-width:min(230px, 64vw) !important;
  }

  .nav .navin,
  .shophead {
    min-height:66px;
  }
}

@media (max-width: 420px) {
  .nav .navin > a:first-child > img,
  .nav img.logo,
  .nav img.brandmark,
  .shophead > a:first-child > img {
    height:47px !important;
    max-height:47px !important;
    max-width:min(215px, 62vw) !important;
  }
}