/** Shopify CDN: Minification failed

Line 33:122 Expected ":"
Line 34:113 Expected ":"

**/
/* =============================================================================
   Notorious Lift — Typography System
   Font: Plus Jakarta Sans (Google Fonts)
   Scale: Perfect Fourth (1.333)
   Applied to: SSG5 Launch (draft)
   DO NOT EDIT main.css — all type overrides live here.
   ============================================================================= */

/* ── Font Override
   Replaces theme defaults (Anton + Josefin Sans) with Inter across the board.
   ─────────────────────────────────────────────────────────────────────────── */
:root {
  /* Heading and body share the same family — defined once via --font-family */
  --font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading-family: var(--font-family);
  --font-body-family: var(--font-family);
  --font-heading-weight: 700;
  --font-heading-style: normal;
  --font-body-weight: 400;
  --font-body-style: normal;
  --font-body-weight-bold: 600;

  /* Modular scale — Perfect Fourth (×1.333)
     Base: 16px (1rem)
     ─────────────────────────────────── */
  --text-xs:   var(--smaller-text-size-2); /* maps to theme setting */     /* 12px  — labels, captions, fine print */
  --text-sm:   var(--smaller-text-size-1); /* maps to theme setting */        /* 16px — was 14px, increased 2pts */  — secondary UI, nav items */
  --text-base: var(--base-text-size); /* maps to theme setting */    /* 18px — was 16px, increased 2pts */  — body copy */
  --text-md:   calc(var(--base-text-size) * 1.125);    /* 18px  — large body, intro paragraphs */
  --text-lg:   calc(var(--base-text-size) * 1.333);    /* ~21px — h4, card titles */
  --text-xl:   1.777rem;    /* ~28px — h3, section subheads */
  --text-2xl:  2.369rem;    /* ~38px — h2, page titles */
  --text-3xl:  3.157rem;    /* ~51px — h1, hero headlines */
  --text-4xl:  4.209rem;    /* ~67px — display, oversized hero */

  /* Line heights */
  --leading-none:    1;
  --leading-tight:   1.2;
  --leading-snug:    1.375;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing */
  --tracking-tighter: -0.04em;
  --tracking-tight:   -0.02em;
  --tracking-normal:   0em;
  --tracking-wide:     0.04em;
  --tracking-wider:    0.08em;
  --tracking-widest:   0.16em;

  /* Font weights */
  --font-light:     300;
  --font-normal:    400;
  --font-medium:    500;
  --font-semibold:  600;
  --font-bold:      700;
  --font-extrabold: 800;
}

/* ── Smooth rendering — eliminates subpixel artifacts on dark bg ──────────── */
body,
h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── Base body ───────────────────────────────────────────────────────────── */
body {
  font-family: var(--font-body-family);
  font-size: var(--text-base);
  font-weight: var(--font-normal);
  line-height: var(--leading-relaxed);
}

/* ── Headings ────────────────────────────────────────────────────────────── */
h1, .h1 {
  font-family: var(--font-heading-family);
  font-size: var(--text-3xl);
  font-weight: var(--font-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
}

h2, .h2 {
  font-family: var(--font-heading-family);
  font-size: var(--text-2xl);
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
}

h3, .h3 {
  font-family: var(--font-heading-family);
  font-size: var(--text-xl);
  font-weight: var(--font-bold);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
}

h4, .h4 {
  font-family: var(--font-heading-family);
  font-size: var(--text-lg);
  font-weight: var(--font-semibold);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-normal);
}

/* h5/h6: small caps style — used for labels, category tags, nav items */
h5, .h5 {
  font-family: var(--font-heading-family);
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
}

h6, .h6 {
  font-family: var(--font-heading-family);
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
}

/* ── Body & prose ────────────────────────────────────────────────────────── */
p {
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
}

/* ── Responsive — fluid downscale on mobile ──────────────────────────────── */
@media screen and (max-width: 749px) {
  h1, .h1 {
    font-size: var(--text-2xl);
    letter-spacing: var(--tracking-tight);
  }
  h2, .h2 {
    font-size: var(--text-xl);
  }
  h3, .h3 {
    font-size: var(--text-lg);
  }
}

/* ── Product page title (h1.product-title) ───────────────────────────────── */
/* This IS the h1 — correct for SEO. Scoped so global h1 (hero headlines)   */
/* keeps its scale. Product name competes with imagery if too large;         */
/* premium brands typically run 24–32px here.                                */
.product-title {
  font-size: var(--text-xl);          /* ~28px desktop                       */
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
}

@media screen and (max-width: 749px) {
  .product-title {
    font-size: var(--text-lg);        /* ~21px mobile                        */
  }
}

/* ── Product card titles — collection & listing pages ────────────────────── */
/* .product-block__title is a <div>, NOT an <h> tag — zero SEO/heading       */
/* impact. The h1 on collection pages remains the collection name itself.     */
/* Default pulls from theme's --smaller-text-size-2 but reads oversized with */
/* Plus Jakarta Sans at heavier weight. Reduced to clean label-scale sizing. */
.product-block__title {
  font-size: 0.9375rem;          /* 15px — was 13px, increased 2pts — crisp, card-label scale          */
  font-weight: var(--font-semibold);
  line-height: var(--leading-snug);
  letter-spacing: 0.01em;        /* subtle breathing room                   */
  text-transform: none;
}

/* Quick-buy modal / search results — same treatment */
.quickbuy-container .product-block__title,
.main-search .product-block__title {
  font-size: 1rem;              /* 16px — was 14px, increased 2pts — slightly larger in isolation      */
}
