/** Shopify CDN: Minification failed

Line 214:19 Expected identifier but found whitespace
Line 214:21 Unexpected "{"
Line 214:28 Expected ":"
Line 214:61 Expected ":"
Line 215:20 Expected identifier but found whitespace
Line 215:22 Unexpected "{"
Line 215:29 Expected ":"
Line 215:62 Expected ":"
Line 216:18 Expected identifier but found whitespace
Line 216:20 Unexpected "{"
... and 17 more hidden warnings

**/
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700,900&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@401,501,701,901&display=swap');

/* ============================================================
   SATOSHI TYPOGRAPHY — dark / neon-yellow redesign.
   Lives here because this file already loads after base.css and
   lumin.css, so it beats the font vars that layout/theme.liquid
   generates from Theme settings > Typography.
   To remove Satoshi, delete everything above the divider below.

   NOTE ON SIZES: this file deliberately sets NO font-size on any
   heading. Heading sizing is owned by Theme settings > Typography >
   Headings > Font size scale, which feeds --font-heading-scale.
   Never use `font-size: revert` here — it reverts past base.css to
   the browser default and silently shrinks every title.
   ============================================================ */

/* >>>>>>>>>>>>>>>>>>  BODY TEXT SIZE KNOB  <<<<<<<<<<<<<<<<<<<
   Change ONLY these two numbers to resize body copy.
   Base is 62.5%, so 1rem = 10px:  1.6rem = 16px, 1.8rem = 18px.
   Theme default was 1.5rem mobile / 1.6rem desktop.
   Headings are NOT affected — use the theme slider for those.
   ------------------------------------------------------------ */
:root {
  --umsz-body-size-mobile: 1.6rem;   /* 16px */
  --umsz-body-size-desktop: 1.7rem;  /* 17px */

  /* >>>>>>>>>>>>>>>>  BUTTON TEXT KNOB  <<<<<<<<<<<<<<<<<<<<<
     One size and one weight for every button in the store. */
  --umsz-button-size: 1.5rem;        /* 15px */
  --umsz-button-weight: 700;
  --umsz-button-tracking: 0.02em;
}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

:root,
body {
  --font-body-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading-italic: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-menu-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-button-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-collapsible-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif;
  --fancy-font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading-weight: 700;
  --fancy-font-weight: 700;
  --fancy-font-style: italic;
}

/* theme.liquid sets font-synthesis:none, which hides italics entirely
   if the italic file fails to load. Allow a synthesised slant instead. */
body {
  font-synthesis: style weight;
  font-size: var(--umsz-body-size-mobile);
}

@media screen and (min-width: 750px) {
  body {
    font-size: var(--umsz-body-size-desktop);
  }
}

/* Paragraph copy inherits from body so the knob above reaches it.
   CAREFUL: do NOT add a bare `.rte` selector here. In rich-text.liquid
   the class list is `rich-text__heading rte inline-richtext h1`, so `rte`
   sits on the <h2> itself — sizing `.rte` collapses section headings
   down to body size and kills the h0/h1/h2/hxl picker. */
.rte p,
.rte li,
p:not([class]),
.shopify-section p:not([class]) {
  font-size: inherit;
}

/* ---- Global family sweep --------------------------------------------
   Sections like lumin-slidshow-pro inject their own <style> block inside
   <body>, which lands AFTER this stylesheet in the cascade. !important on
   a descendant selector is what actually wins there. Icon fonts are
   excluded so glyph sets (swiper arrows, etc.) keep rendering.
   -------------------------------------------------------------------- */
body,
.shopify-section *:not(i):not(.icon):not([class*="icon"]):not([class*="swiper-button"]):not([class*="swiper-pagination"]):not(svg):not(svg *) {
  font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ---- Headings: weight and tracking only. NO font-size here. --------- */
h1, h2, h3, h4, h5, h6,
.hxl, .h0, .h1, .h2, .h3, .h4, .h5,
.shopify-section h1,
.shopify-section h2,
.shopify-section h3,
.shopify-section .hxl,
.shopify-section .h0,
.shopify-section .h1,
.shopify-section .h2,
.shopify-section .h3 {
  font-weight: 700 !important;
}

h1, h2, h3,
.hxl, .h0, .h1, .h2, .h3 {
  letter-spacing: -0.02em;
  line-height: 1.05;
}

/* ---- Header navigation: bold ---------------------------------------
   Covers the desktop menu, its dropdown/mega children, the active item,
   and the mobile drawer menu. --------------------------------------- */
.header__menu-item,
.header__menu-item span,
.header__active-menu-item,
.list-menu__item,
.list-menu__item span,
.header__submenu .header__menu-item,
.menu-drawer__menu-item,
.menu-drawer__menu-item span {
  font-weight: 700 !important;
}

/* ---- Footer menu links: match the body text colour -----------------
   The theme renders footer link-list items with class `link--text`,
   which uses --color-foreground at reduced opacity (the muted grey).
   The brand paragraph under the logo uses full-opacity foreground, so
   the two looked mismatched. Bring the links up to full opacity so they
   read the same colour as the paragraph. Headings are untouched. */
.footer .footer-block__details-content .list-menu__item--link,
.footer .footer-block__details-content a.link--text {
  color: rgba(var(--color-foreground), 1) !important;
  opacity: 1 !important;
}

/* ---- Buttons: one size, one weight, store-wide ----------------------
   The .shopify-section descendant selectors are what beat the inline
   <style> blocks that lumin-slidshow-pro and similar sections inject
   into <body>. Icon-only and stepper controls are excluded so their
   glyphs and hit areas are not resized.
   Adjust via the BUTTON TEXT KNOB at the top of this file.
   -------------------------------------------------------------------- */
.button,
a.button,
button.button,
.btn,
a.btn,
.shopify-challenge__button,
.shopify-section .button,
.shopify-section a.button,
.shopify-section .btn,
.shopify-section a[class*="button"]:not([class*="swiper"]):not([class*="icon"]),
.shopify-section a[class*="btn"],
.shopify-section button[class*="button"]:not([class*="quantity"]):not([class*="close"]):not([class*="swiper"]):not([class*="icon"]),
.shopify-section button[class*="btn"]:not([class*="quantity"]):not([class*="close"]):not([class*="icon"]) {
  font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: var(--umsz-button-size) !important;
  font-weight: var(--umsz-button-weight) !important;
  letter-spacing: var(--umsz-button-tracking) !important;
  line-height: 1.2;
}

/* Any text nested inside a button must not reintroduce its own size. */
.button > span,
.btn > span,
.shopify-section .button > span,
.shopify-section .btn > span {
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}

/* ===================== end Satoshi block ===================== */

.lumin-text__fancy1 {
      position: relative;
      background-clip: text;
      -webkit-background-clip: text;
      background-image: var(--fancy-gradient);
      color: transparent;
      font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif !important;
      font-style: italic !important;
      font-weight: 700 !important;
      font-size: inherit;
    }
.lumin-text__fancy2 {
      padding-left: var(--fancy-padding-left);
      padding-right: var(--fancy-padding-left);
      padding-top: var(--fancy-padding-top);
      padding-bottom: var(--fancy-padding-bottom);
      border-radius: var(--fancy-border-radius);
      position: relative;
      background-clip: text;
      -webkit-background-clip: text;
      background: var(--fancy-background);
      color: var(--fancy-text);
      font-size: var(--fancy-text-size);
      font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif !important;
      font-style: italic !important;
      font-weight: 700 !important;
    }
.lumin-text__fancy3 {
      padding-left: {{ block.settings.padding-left-fancy }}px;
      padding-right: {{ block.settings.padding-left-fancy }}px;
      padding-top: {{ block.settings.padding-fancy }}px;
      padding-bottom: {{ block.settings.padding-fancy }}px;
      border-radius: {{ block.settings.border-fancy }}px;
      position: relative;
      background-clip: text;
      background-image: {%- if highlight_background_text_color_alpha != 0 -%}
        {{ block.settings.highlight_background_color }}
      {%- endif -%};
      color: transparent;
      font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, sans-serif !important;
      font-style: italic !important;
      font-weight: 700 !important;
    }