/** Shopify CDN: Minification failed

Line 335:14 Expected identifier but found whitespace
Line 335:19 Unexpected ";"

**/
/* Base shared styles and tokens */
:root {
  --headerfont: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --bodyfont: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --headerfontalt: var(--headerfont);
  --headerfontalt_1: var(--headerfont);

  --regular: 400;
  --medium: 500;
  --heavy: 700;

  --text-xs: 1.4rem;
  --text-sm: 1.5rem;
  --text-base: 1.5rem;
  --text-md: 1.7rem;
  --text-lg: 1.8rem;
  --text-xl: 2rem;
  --text-2xl: 2.4rem;
  --text-3xl: 3rem;

  --bodyfontsize: var(--text-base);
  --ui-fontsize: var(--text-sm);
  --ui-fontsize-strong: var(--text-sm);
  --type-lh-display: 1;
  --type-lh-heading: 1.08;
  --type-lh-copy: 1.6;
  --type-lh-label: 1.12;
  --type-lh-compact: 1.3;
  --type-lh-button: 1;

  --type-ls-display: -0.03em;
  --type-ls-heading: -0.02em;
  --type-ls-copy: 0;
  --type-ls-label: 0.06em;
  --type-ls-button: 0.03em;

  --ui-line-height-body: 1.4;
  --ui-line-height-copy: var(--type-lh-copy);
  --ui-line-height-heading: var(--type-lh-heading);
  --ui-line-height-display: var(--type-lh-display);
  --ui-line-height-compact: var(--type-lh-compact);
  --ui-line-height-label: var(--type-lh-label);
  --ui-line-height-button: var(--type-lh-button);

  --ui-letter-spacing-body: var(--type-ls-copy);
  --ui-letter-spacing-tight: var(--type-ls-display);
  --ui-letter-spacing-heading: var(--type-ls-heading);
  --ui-letter-spacing-display: var(--type-ls-display);
  --ui-letter-spacing-label: var(--type-ls-label);
  --ui-letter-spacing-button: var(--type-ls-button);

  --bodytext: #222;
  --headertext: #000;

  --red: #d3232b;
  --white: #fff;
  --dark: #333;
  --black: #000;
  --greybackground: #f7f7f7;
  --altback: #f6f6f6;

  --accordian: #f8f9fa;
  --lgrey: #fcfcfc;
  --ltgreyFont: #e5e5e4;
  --redFont: #d3232b;
  --greyFont: #a4a4a4;
  --mensColor: #08c;
  --womensColor: #e404a5;
  --whiteFont: #ffffff;
  --blackFont: #000000;
  --twoDark: #333;
  --lighterGrey: #f9f9f9;
  --grey2Font: #464646;
  --darkgreyFont: #ccc;
  --darkcolor: #444444;
  --greencolor: #589c28;
  --greyer: #333;
  --greypanel: #eeeeef;
  --devil: #666;
  --blue: #007ace;
  --greyline: #e5e5e4;
  --greybk: #f7f7f7;
  --primary: #155bd5;
  --primary-dark: #1c3ab6;
  --primary-light: #e2f1ff;
  --accent: #00d4d7;
  --accent-dark: #00bac1;
  --accent-light: #dff9f8;
  --success: #13d527;
  --success-dark: #00ae11;
  --success-light: #eafbe7;
  --secondary: #8f15d5;
  --secondary-dark: #6013c7;
  --secondary-light: #f4e5fa;
  --info: #15b2d5;
  --info-dark: #0f8ca8;
  --info-light: #e0f5fa;
  --caution: #dbbb25;
  --caution-dark: #d58f15;
  --caution-light: #fbf9e4;
  --error: #e6185e;
  --error-dark: #bf1257;
  --error-light: #fce4eb;
  --black: #1d1d1d;
  --dark-1: #2d2d2d;
  --dark-2: #4d4d4d;
  --dark-3: #6d6d6d;
  --gray-1: #8d8d8d;
  --gray-2: #adadad;
  --gray-3: #cdcdcd;
  --gray-4: #e0e0e0;
  --light-1: #efefef;
  --light-2: #f5f5f5;
  --light-3: #fafafa;
  --white: #ffffff;
  --gradient-1: linear-gradient(180deg, #155bd5 0%, #1c3ab6 100%);
  --gradient-2: linear-gradient(180deg, #155bd5 13.02%, #00d4d7 85.42%);
  --gradient-3: linear-gradient(180deg, #155bd5 0%, #8f15d5 100%);
  --gradient-4: linear-gradient(180deg, #155bd5 0%, #13d527 100%);
  --gradient-5: linear-gradient(180deg, #155bd5 0%, #15bbd5 100%);
  --gradient-6: linear-gradient(180deg, #155bd5 0%, #dbbb25 100%);
  --gradient-7: linear-gradient(180deg, #155bd5 0%, #e6185e 100%);
  --gradient-8: linear-gradient(180deg, #1c3ab6 0%, #00bac1 100%);
  --gradient-9: linear-gradient(180deg, #00d4d7 13.02%, #155bd5 85.42%);
  --shadow-1: 0px 0px 1px rgba(40, 41, 61, 0.08),
    0px 0.5px 2px rgba(96, 97, 112, 0.16);
  --shadow-2: 0px 0px 1px rgba(40, 41, 61, 0.04),
    0px 2px 4px rgba(96, 97, 112, 0.16);
  --shadow-3: 0px 0px 2px rgba(40, 41, 61, 0.04),
    0px 4px 8px rgba(96, 97, 112, 0.16);
  --shadow-4: 0px 2px 4px rgba(40, 41, 61, 0.04),
    0px 8px 16px rgba(96, 97, 112, 0.16);
  --shadow-5: 0px 2px 8px rgba(40, 41, 61, 0.04),
    0px 16px 24px rgba(96, 97, 112, 0.16);
  --shadow-6: 0px 2px 8px rgba(40, 41, 61, 0.08),
    0px 20px 32px rgba(96, 97, 112, 0.24);
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Minimal icon subset used by the theme; avoids loading the full LineIcons bundle. */
.lni,
.lin {
  display: inline-block;
  color: inherit;
  flex-shrink: 0;
  speak: none;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lni::before {
  content: "\2022";
}

.lni-checkmark::before {
  content: "\2713";
}

.lni-chevron-down::before {
  content: "\25be";
}

.lni-thunderbolt::before {
  content: "\26a1";
}

.lni-parachute-parcel::before {
  content: "\1F4E6";
}

.lni-timer::before {
  content: "\23F2";
}

.lni-wow::before {
  content: "\2726";
}

.lni-sad-4::before {
  content: "\2639";
}

.lni-sm {
  font-size: 0.8em;
}

.lni-lg {
  font-size: 1.2em;
}

.lni-16 {
  font-size: 16px;
}

.lni-32 {
  font-size: 32px;
}

.lni-is-spinning {
  animation: lni-spin 1s infinite linear;
}

@keyframes lni-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.lni-rotate-90 {
  transform: rotate(90deg);
}

.lni-rotate-180 {
  transform: rotate(180deg);
}

.lni-rotate-270 {
  transform: rotate(270deg);
}

.lni-flip-y {
  transform: scaleY(-1);
}

.lni-flip-x {
  transform: scaleX(-1);
}

html,
body {
  font-family: var(--bodyfont);
}

body {
  font-size: var(--bodyfontsize);
  line-height: var(--ui-line-height-body);
  letter-spacing: var(--ui-letter-spacing-body);
  color: var(--bodytext);
}

img,
picture img {
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

/* Critical footer colors to prevent browser-default blue links before deferred footer CSS loads. */
.cu-footer {
  color: #fff;
}

.cu-footer a {
  color: inherit;
  text-decoration: none;
}

.cu-footer-links a {
  color: rgba(255, 255, 255, 0.72);
}

.cu-footer-legal a {
  color: rgba(255, 255, 255, 0.56);
}

.cu-footer-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.cu-footer-socials a {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  overflow: hidden;
}

.cu-footer-socials svg {
  width: 20px;
  height: 20px;
  display: block;
  flex: 0 0 20px;
}

body.template-name-index {
  margin: 0;
  padding: 0;
}

/* Home mobile spacing: edge-to-edge header/footer, tiny content gutter. */
@media (max-width: 767.98px) {
  body.template-name-index .container {
    padding-left: 0;
    padding-right: 0;
  }

  body.template-name-index .container.theme-main-container {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

/* @media (min-width: 576px) {
  .container {
    /* max-width: 540px; */
    max-width: none;
  }
} */

:where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6
) {
  font-family: var(--headerfont);
}

.shopify-payment-button__button {
  text-transform: uppercase;
}