/* Restore the balanced full-size desktop pair. This deliberately outranks the stale 445px/234px caps in the animation snippet. */
html body #header-core #logo#logo {
  gap: clamp(14px, 2vw, 20px) !important;
}
html body #header-core #logo#logo > a[rel="home"] {
  flex: 0 1 680px !important;
  width: min(680px, 64%) !important;
  max-width: 680px !important;
}
html body #header-core #logo#logo > a.site-description-shop-link {
  flex: 0 1 283px !important;
  width: min(283px, 34%) !important;
  max-width: 283px !important;
  height: 126px !important;
  min-height: 126px !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;
  }
}