/* headless.css — gap-fill for base CSS that Shopify's runtime provided and the
   headless build lost. theme.css is a 1:1 copy of the theme stylesheet; it never
   contained these rules because Shopify injected them separately via
   content_for_header. Loaded AFTER theme.css on every page so it can patch gaps.
   Keep this small and only for genuine "Shopify base furniture" we removed. */

/* ── Policy pages ──────────────────────────────────────────────────────────
   Verbatim from Shopify's storefront policy stylesheet
   (cdn/shopifycloud/storefront/assets/storefront/policy-*.css), flattened out
   of its nested syntax. Without it .shopify-policy__container has no width
   constraint and the legal text runs edge-to-edge. Vertical padding added so
   the title isn't cramped under the sticky header (the one deviation, marked). */
.shopify-policy__container {
  max-width: 65ch;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 64px;    /* headless addition: breathing room under sticky header */
  padding-bottom: 96px; /* headless addition */
}
.shopify-policy__title { text-align: center; }
.shopify-policy__title h1 { margin-bottom: 20px; }
.shopify-policy__remote-policy-heading-wrapper { text-align: center; }
.shopify-policy__remote-policy-heading-wrapper h1 { margin-bottom: 20px; }
.shopify-policy__remote-policy-body { margin-bottom: 20px; }