/* Keep both marks clear while giving the desktop brand band a compact,
 * contemporary ecommerce proportion. */
@media (min-width: 768px) {
  html body #header-core #logo#logo {
    box-sizing: border-box !important;
    gap: 12px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 14px !important;
  }
  html body #header-core #logo#logo > a[rel="home"] {
    flex: 0 1 460px !important;
    width: min(460px, 62%) !important;
    max-width: 460px !important;
  }
  html body #header-core #logo#logo > a.site-description-shop-link {
    flex: 0 1 180px !important;
    width: min(180px, 32%) !important;
    max-width: 180px !important;
    height: 78px !important;
    min-height: 78px !important;
    transform: none !important;
  }
}
@media (max-width: 767px) {
  html body #header-core #logo#logo > a[rel="home"] {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  html body #header-core #logo#logo > a.site-description-shop-link {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

html body #header-core #logo#logo > a[rel="home"] > .site-title {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
}
html body #header-core #logo#logo > a.site-description-shop-link,
html body #header-core #logo#logo > a.site-description-shop-link::after {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
@media (max-width: 767px) {
  html body #header-image,
  html body:not(.home) #header-image {
    width: calc(100% - 8px) !important;
    max-width: calc(100% - 8px) !important;
    margin: 6px auto 0 !important;
  }
  html body #header-image > a.header-image,
  html body #header-image > a.header-image > img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}