/** Shopify CDN: Minification failed

Line 22:18 Expected identifier but found whitespace
Line 22:23 Unexpected "{"
Line 22:33 Expected ":"
Line 23:15 Expected identifier but found whitespace
Line 23:23 Unexpected "{"
Line 23:33 Expected ":"
Line 24:21 Expected identifier but found whitespace
Line 24:23 Unexpected "{"
Line 24:33 Expected ":"
Line 56:14 Expected identifier but found whitespace
... and 11 more hidden warnings

**/
/* ============================================================
   base.css — Global variables, reset, and shared utilities
   ============================================================ */

:root {
  /* Theme colours from Shopify settings */
  --color-primary:    {{ settings.color_primary }};
  --color-text:       {{ settings.color_text }};
  --color-background: {{ settings.color_background }};

  /* Brand palette */
  --color-dark:       #202323;
  --color-teal:       #0D9488;
  --color-orange:     #F97316;
  --color-cream:      #FFFBF5;
  --color-warm-light: #FFF7ED;
  --color-muted:      #A8C4BF;
  --color-subtle:     #4B5563;
  --color-ink:        #1C1917;

  /* Spacing scale */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* Layout */
  --content-max: 1200px;
  --header-height: 74px;

  /* Radius */
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-pill: 50px;

  /* Typography */
  --font-body:    {{ settings.font_body.family }}, {{ settings.font_body.fallback_families }};
  --font-heading: {{ settings.font_heading.family }}, {{ settings.font_heading.fallback_families }};
  --ff-sans:
    Avenir Next, Helvetica Neue, Arial,
    Hiragino Sans, Hiragino Sans GB,
    system-ui, sans-serif
  ;
  --leading-body: 1.7;
  --leading-heading: 1.2;

  /* Reset */
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: var(--ff-sans);
  text-autospace: normal;
  text-spacing-trim: normal;
  text-underline-offset: 0.125em;

  @media (max-width: 768px) {
    /* Spacing scale */
    --space-xs:  0.5rem;
    --space-sm:  1rem;
    --space-md:  1rem;
    --space-lg:  1rem;
    --space-xl:  1.5rem;
    --space-2xl: 2rem;
    --space-3xl: 3rem;
  }
}

html *, *::before, *::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-body, var(--ff-sans));
  color: var(--color-text);
  background-color: var(--color-background);
  line-height: var(--leading-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  line-height: var(--leading-heading);
  margin-top: 0;
  margin-bottom: var(--space-sm);
}

:where(img) {
  display: block;
  max-width: 100%;
  height: auto;
}

:where(button) {
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  transition: all .2s ease-out;

  &:disabled {
    opacity: .75;
    cursor: not-allowed;
  }
}

:where(input, select, textarea) {
  width: 100%;
  padding: 0.8rem;
  border: 1px solid #e5e7eb;
  border-radius: var(--radius-sm);
  margin-bottom: var(--space-sm);
  font-family: inherit;
}

:where(a) {
  &:link, &:visited { text-decoration: none; color: var(--color-teal); }
  &:hover, &:active { text-decoration: underline; }
}

/* Shared button */
.Button {
  display: inline-block;
  padding: 1rem 2rem;
  background-color: var(--color-orange);
  color: white;
  border-radius: var(--radius-pill);
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.2s;

  &:hover {
    opacity: 0.9;
    transform: translateY(-1px);
  }

  &[data-variant="outline"] {
    background: transparent;
    color: var(--color-orange);
    border: 1px solid var(--color-orange);
  }

  &[data-variant="ghost-white"] {
    background: white;
    color: var(--color-orange);
  }

  &[data-size="full"] {
    width: 100%;
    text-align: center;
  }
}

#MainContent {
  &:has(section.Hero) {
    padding-top: 0;
  }
  &:not(:has(section.Hero)) {
    background-color: #f7faf8;
    padding-top: var(--header-height);
  }
}

.shopify-policy__container {
  & {
    padding-block: 3rem 6rem;
    max-width: 40em !important;
    text-align: justify;
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    margin-block: 1em .5em;
  }
  ol, ul {
    margin: 0;
    padding-inline-start: 1rem;
  }
}