/* Replica overrides (loaded after base.css). */

/* Policy pages (refund / privacy / terms / shipping / contact-information):
   the live site centers and width-constrains .shopify-policy__container, but
   that CSS isn't loaded in the static export, so the content rendered
   flush-left and full-width. Restore the centered column to match live. */
.shopify-policy__container {
  max-width: 65.5rem;
  margin-inline: auto;
  padding: 4rem 2rem 6rem;
}
.shopify-policy__title {
  text-align: center;
  margin-bottom: 2.5rem;
}

/* Marketplace buy buttons: lay out the "Buy on" label next to the logo. */
.market-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45em;
  line-height: 1;
}
.market-logo {
  display: inline-block;
  vertical-align: middle;
}