header > a.site-logo,
footer > a.site-logo {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  width: 200px;
  max-width: 100%;
  line-height: 0;
}
header > a.site-logo img,
footer > a.site-logo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 728 / 400;
  object-fit: contain;
}
@media (max-width: 700px) {
  header > a.site-logo,
  footer > a.site-logo {
    width: 170px;
  }
}

/* Shared shape for storefront action buttons. Product-photo selectors retain their image layout. */
.button,
button:not(.product-thumbs button),
[role="button"]:not(.product-thumbs button),
input[type="button"],
input[type="submit"],
input[type="reset"] {
  border-radius: 9999px !important;
}