/** Shopify CDN: Minification failed

Line 120:0 Unexpected "<"
Line 130:0 Unexpected "<"

**/
:host {
  display: grid;
  width: 100%;
}

[part='list'] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: var(--overflow-list-alignment);
  column-gap: 1rem;

  @media (max-width: 749px) {
    justify-content: var(--overflow-list-alignment-mobile);
  }
}

[part='list'],
[part='overflow-list'],
[part='placeholder'] {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Make sure the "more" slot can be measured */
slot[name='more']:not([hidden]) {
  display: block;
}

slot[name='more'] .button {
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  font-family: var(--font-paragraph-family);
  font-size: var(--font-paragraph-size);
  text-transform: var(--text-transform);
  color: currentcolor;
  text-align: start;
}

[part='overflow'] {
  display: none;
}

[part='placeholder'] {
  visibility: hidden;
  width: 0;
  height: 0;
}

:host([disabled]) {
  slot[name='more'] {
    display: none;
  }
}


/* === FINAL TYPO OVERRIDES: OGG TITLES, FLEXA BODY === */

/* 1) Make sure global heading + body variables are set here, LAST */
:root {
  --font-h1--family: 'Ogg', Georgia, serif;
  --font-h2--family: 'Ogg', Georgia, serif;
  --font-h3--family: 'Ogg', Georgia, serif;
  --font-h4--family: 'Ogg', Georgia, serif;
  --font-h5--family: 'Ogg', Georgia, serif;
  --font-h6--family: 'Ogg', Georgia, serif;

  --font-paragraph--family: 'GT Flexa', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* 2) Product page main title (PDP) */
body .product__title,
body .product__title h1,
body .product__title .h1,
body .product__info-container .product__title,
body .product__info-container .product__title h1,
body .product__info-container .product__title .h1,
body .product-main .product__title,
body .product-main .product__title h1 {
  font-family: 'Ogg', Georgia, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

/* 3) Product card titles (grid, collection pages, featured blocks, etc.) */
body .product-card [class*="card__heading"],
body .product-card [class*="card__heading"] a,
body .product-card [class*="card__heading"] .full-unstyled-link,
body .product-grid__item [class*="card__heading"],
body .product-grid__item [class*="card__heading"] a,
body .product-grid__item [class*="card__heading"] .full-unstyled-link,
body .contains-card--product [class*="card__heading"],
body .contains-card--product [class*="card__heading"] a,
body .contains-card--product [class*="card__heading"] .full-unstyled-link,
body .card__heading .full-unstyled-link,
body .product-card__title,
body .product-card__title * {
  font-family: 'Ogg', Georgia, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

/* 4) Just in case card titles use h4/h3 presets inside cards */
body .product-card :is(h3, h4, .h3, .h4),
body .product-grid__item :is(h3, h4, .h3, .h4) {
  font-family: 'Ogg', Georgia, serif !important;
}


<style>
/* === FINAL OVERRIDE: make all H3 use OGG === */
h3,
h3 *,
.h3,
.h3 * {
  font-family: 'Ogg', Georgia, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
</style>