/** Shopify CDN: Minification failed

Line 43:24 Expected identifier but found whitespace
Line 43:25 Unexpected "300"

**/
/* =========================================
   1) Static @font-face for Host Grotesk 
   ========================================= */
@font-face {
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 300;
  src: 
    url('//ciovita.com.au/cdn/shop/t/67/assets/host-grotesk-v4-latin-300.woff2?v=81529716011573790051751447999') format('woff2');
}
@font-face {
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 400;
  src:
    url('//ciovita.com.au/cdn/shop/t/67/assets/host-grotesk-v4-latin-regular.woff2?v=126196679254081751001751447999') format('woff2');
}

/* =========================================
   2) Override theme variables to Host Grotesk
   ========================================= */
:root {
  /* core slots */
  --FONT-STACK-HEADING : "Host Grotesk", sans-serif;
  --FONT-STACK-ACCENT  : "Host Grotesk", sans-serif;
  --FONT-STACK-BODY    : "Host Grotesk", sans-serif;

  /* type slots (nav, button, kicker) */
  --TYPE-STACK-NAV     : "Host Grotesk", sans-serif;
  --TYPE-STACK-BUTTON  : "Host Grotesk", sans-serif;
  --TYPE-STACK-KICKER  : "Host Grotesk", sans-serif;
}

  /* —————————————————————————————————————————
     Now set each TYPE weight/style to a weight we defined:
     ————————————————————————————————————————— */
  --FONT-WEIGHT-HEADING: 300;
  
  --TYPE-WEIGHT-NAV     : 400;
  --TYPE-STYLE-NAV      : normal;

  --TYPE-WEIGHT-BUTTON  : 400;
  --TYPE-STYLE-BUTTON   : normal;

  --TYPE-WEIGHT-KICKER  : 400;
  --TYPE-STYLE-KICKER   : normal;

  --FONT-WEIGHT-ACCENT-BOLD: 300;
}

/* =========================================
   3) Force weights for headings vs body
   ========================================= */
/* Headings use the 300-light face */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--FONT-STACK-HEADING) !important;
  font-weight: 300 !important;
}

/* Everything else uses the regular 400 */
body, p, li, .text-body, .text-accent {
  font-family: var(--FONT-STACK-BODY);
  font-weight: 400;
}

/* =========================================
   4) One-off helper for Space Grotesk
      (if you still want to self-host that)
   ========================================= */

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  src: 
    url('//ciovita.com.au/cdn/shop/t/67/assets/space-grotesk-v21-latin-regular.woff2?v=148083128141049431891751447999') format('woff2');
}

.use-space-grotesk {
  font-family: "Space Grotesk", sans-serif !important;
  font-weight: 400                 !important;
}


/* Force light weight on banner titles (including <p> inside) */
.hero__title,
.hero__title p,
.standard__heading,
.standard__heading p,
.collection-grid-item__title,
.text__standard .standard__cta,
.hero__kicker,
.product__title,
.accent-title-large {
  font-family: var(--FONT-STACK-HEADING) !important;
  font-weight: 300                       !important;
}