/** Shopify CDN: Minification failed

Line 9:0 All "@import" rules must come first

**/
 #nav-top,#nav,#header-outer{padding-left: 20px;
    padding-right: 20px;}
#content{padding-top:0px !important;}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
#root{padding:0px !important;}
:root {
  /* ---------- Brand primary palette ---------- */
  --ls-ink:        #1B2030;   /* deepest — hero backgrounds, nav */
  --ls-navy:       #262B38;   /* logo background, primary surface dark */
  --ls-slate:      #3A4052;   /* secondary dark surface */
  --ls-spark:      #3a34d2;   /* brand orange — the "spark" */
  --ls-spark-hot:  #3732b6ff;   /* hover / highlight */
  --ls-spark-soft: #FFE9DF;   /* tinted surface */
  --ls-violet:     #7B7A99;   /* logo node purple — secondary accent */
  --ls-violet-soft:#E8E7EF;

  /* ---------- Neutrals ---------- */
  --ls-white:      #FFFFFF;
  --ls-paper:      #FAFAF7;   /* warm off-white page bg */
  --ls-cream:      #F3F1EA;   /* subtle warm surface */
  --ls-gray-50:    #F4F5F7;
  --ls-gray-100:   #E8EAEF;
  --ls-gray-200:   #D4D7E0;
  --ls-gray-300:   #B4B9C6;
  --ls-gray-400:   #8A90A2;
  --ls-gray-500:   #666C7E;
  --ls-gray-600:   #4A5063;
  --ls-gray-700:   #333949;
  --ls-gray-800:   #22273A;
  --ls-gray-900:   #0F1321;

  /* ---------- Semantic foreground / background ---------- */
  --fg1: var(--ls-ink);         /* primary body text on light */
  --fg2: var(--ls-gray-600);    /* secondary text */
  --fg3: var(--ls-gray-400);    /* muted / captions */
  --fg-inv: var(--ls-white);    /* text on dark surfaces */
  --fg-accent: var(--ls-spark);

  --bg1: var(--ls-paper);       /* page bg */
  --bg2: var(--ls-white);       /* card bg */
  --bg3: var(--ls-cream);       /* alt surface */
  --bg-dark: var(--ls-navy);    /* dark hero */
  --bg-dark-deep: var(--ls-ink);

  --border: var(--ls-gray-100);
  --border-strong: var(--ls-gray-200);
  --border-dark: rgba(255,255,255,0.08);

  /* ---------- Status ---------- */
  --success:   #1F9D55;
  --success-bg:#E6F4ED;
  --warning:   #E89B1C;
  --warning-bg:#FDF3E0;
  --danger:    #D43F3F;
  --danger-bg: #FBE9E9;
  --info:      #2F6FED;
  --info-bg:   #E8F0FE;

  /* ---------- Type ---------- */
  --font-sans: 'Poppins', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Poppins', ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace;

  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-black:    800;

  /* Type scale — Poppins, tight display / comfortable body */
  --fs-display-xl: 72px;  --lh-display-xl: 1.02;  --ls-display-xl: -0.03em;
  --fs-display-lg: 56px;  --lh-display-lg: 1.05;  --ls-display-lg: -0.025em;
  --fs-display-md: 44px;  --lh-display-md: 1.08;  --ls-display-md: -0.02em;
  --fs-h1:         36px;  --lh-h1:         1.15;  --ls-h1:         -0.015em;
  --fs-h2:         28px;  --lh-h2:         1.2;   --ls-h2:         -0.01em;
  --fs-h3:         22px;  --lh-h3:         1.3;   --ls-h3:         -0.005em;
  --fs-h4:         18px;  --lh-h4:         1.35;  --ls-h4:         0;
  --fs-body-lg:    18px;  --lh-body-lg:    1.6;
  --fs-body:       16px;  --lh-body:       1.55;
  --fs-body-sm:    14px;  --lh-body-sm:    1.5;
  --fs-caption:    12px;  --lh-caption:    1.4;
  --fs-overline:   11px;  --lh-overline:   1.3;   --ls-overline:   0.1em;

  /* ---------- Spacing (4px base) ---------- */
  --sp-0: 0;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;

  /* ---------- Radii ---------- */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-2xl: 28px;
  --r-pill: 999px;

  /* ---------- Shadows ---------- */
  --shadow-xs: 0 1px 2px rgba(27, 32, 48, 0.05);
  --shadow-sm: 0 1px 3px rgba(27, 32, 48, 0.06), 0 1px 2px rgba(27,32,48,0.04);
  --shadow-md: 0 6px 16px rgba(27, 32, 48, 0.08), 0 2px 4px rgba(27,32,48,0.04);
  --shadow-lg: 0 16px 40px rgba(27, 32, 48, 0.12), 0 4px 8px rgba(27,32,48,0.04);
  --shadow-xl: 0 28px 64px rgba(27, 32, 48, 0.18);
  --shadow-spark: 0 10px 30px rgba(240, 90, 40, 0.28);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.6);

  /* ---------- Motion ---------- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;

  /* ---------- Layout ---------- */
  --max-w-prose: 68ch;
  --max-w-content: 1200px;
  --nav-h: 72px;
}

/* =============================================================
   Semantic text element styles
   ============================================================= */
html, body {
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--fg1);
  background: var(--bg1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ls-display-xl, h1.display {
  font-family: var(--font-display);
  font-size: var(--fs-display-xl);
  line-height: var(--lh-display-xl);
  letter-spacing: var(--ls-display-xl);
  font-weight: var(--fw-bold);
}
.ls-display-lg { font-size: var(--fs-display-lg); line-height: var(--lh-display-lg); letter-spacing: var(--ls-display-lg); font-weight: var(--fw-bold); }
.ls-display-md { font-size: var(--fs-display-md); line-height: var(--lh-display-md); letter-spacing: var(--ls-display-md); font-weight: var(--fw-bold); }

h1 { font-size: var(--fs-h1); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); font-weight: var(--fw-bold); margin: 0 0 var(--sp-4); }
h2 { font-size: var(--fs-h2); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); font-weight: var(--fw-semibold); margin: 0 0 var(--sp-3); }
h3 { font-size: var(--fs-h3); line-height: var(--lh-h3); letter-spacing: var(--ls-h3); font-weight: var(--fw-semibold); margin: 0 0 var(--sp-3); }
h4 { font-size: var(--fs-h4); line-height: var(--lh-h4); letter-spacing: var(--ls-h4); font-weight: var(--fw-semibold); margin: 0 0 var(--sp-2); }
.overlay-buy_button{padding-top: 10px !important;padding-bottom: 10px !important;line-height: normal !important;}
.shopify-section-breadcrumbs{margin-top:50px !important;}.template-page #content .shopify-section {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
#content .shopify-section-group-footer-group {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
p { font-size: var(--fs-body); line-height: var(--lh-body); margin: 0 0 var(--sp-4); text-wrap: pretty; }
.ls-lead { font-size: var(--fs-body-lg); line-height: var(--lh-body-lg); color: var(--fg2); }
.ls-small { font-size: var(--fs-body-sm); line-height: var(--lh-body-sm); }
.ls-caption { font-size: var(--fs-caption); line-height: var(--lh-caption); color: var(--fg3); }
.ls-overline {
  font-size: var(--fs-overline);
  line-height: var(--lh-overline);
  letter-spacing: var(--ls-overline);
  text-transform: uppercase;
  font-weight: var(--fw-semibold);
  color: var(--fg-accent);
}

code, pre, .ls-mono {
  font-family: var(--font-mono);
  font-size: 0.92em;
}
.wide li a{font-size: 0.6em !important;}
a { color: var(--ls-spark); text-decoration: none; }
a:hover { color: var(--ls-spark-hot); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }

::selection { background: var(--ls-spark-soft); color: var(--ls-ink); }

    img, svg { display: block; max-width: 100%; }
    a { color: inherit; text-decoration: none; }
   
    /* ---------- Layout ---------- */
    .wrap { max-width: 1240px; margin: 0 auto; padding: 0 24px; }
    .wrap-wide { max-width: 1440px; margin: 0 auto; padding: 0 24px; }

    a.overlay-buy_button {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

a#load-more-button
 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

    /* =============================================================
       HERO — large white tile (Apple "Buy / Learn more")
       ============================================================= */
    .tile {
      width: 100%;
      overflow: hidden;
      position: relative;
    }
    .tile-light { background: var(--ls-white); color: var(--ls-ink); }
    .tile-paper { background: var(--ls-paper); color: var(--ls-ink); }
    .tile-cream { background: var(--ls-cream); color: var(--ls-ink); }
    .tile-dark { background: var(--ls-ink); color: var(--ls-white); }
    .tile-deep { background: #0B0F1A; color: var(--ls-white); }

    .tile-pad {
      padding: 56px 24px 0;
      text-align: center;
    }

    .eyebrow {
      font-size: 14px;
      font-weight: var(--fw-medium);
      letter-spacing: 0.01em;
      color: var(--fg2);
      margin-bottom: 10px;
    }
    .tile-dark .eyebrow, .tile-deep .eyebrow { color: rgba(255,255,255,0.65); }

    .tile-title h1{
      font-family: var(--font-display);
      font-weight: var(--fw-semibold);
      font-size: clamp(40px, 5.6vw, 72px);
      line-height: 1.05;
      letter-spacing: -0.025em;
      margin: 0 0 16px;
    }
     .tile-title h2{
      font-family: var(--font-display);
      font-weight: var(--fw-semibold);
      font-size: clamp(40px, 5.6vw, 72px) !important;
      line-height: 1.05;
      letter-spacing: -0.025em;
      margin: 0 0 16px;
    }
    .tile-sub {
      font-size: clamp(18px, 1.6vw, 22px);
      line-height: 1.4;
      font-weight: var(--fw-regular);
      color: var(--fg2);
      max-width: 640px;
      margin: 0 auto 22px;
    }
    .tile-dark .tile-sub, .tile-deep .tile-sub { color: rgba(255,255,255,0.72); }

    .tile-actions {
      display: inline-flex;
      gap: 32px;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
    }
    .link-chev {
      color: var(--ls-spark);
      font-size: 17px;
      font-weight: var(--fw-regular);
      display: inline-flex;
      align-items: center;
      gap: 4px;
      transition: color var(--dur-fast) var(--ease-out);
    }
    .link-chev:hover { color: var(--ls-spark-hot); }
    .link-chev:hover .chev { transform: translateX(2px); }
    .chev {
      display: inline-block;
      transition: transform var(--dur-fast) var(--ease-out);
    }

    /* Stage area for the hero lighter — Apple's "product floats below copy" */
    .himage{ height: 360px !important;width:360px !important;}
    .hbimage{  margin-top: 36px;
      margin-bottom: 36px;height: 260px !important;width:260px !important;}
    .hero-stage {
      margin-top: 36px;
      margin-bottom: 36px;
      height: 360px;
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding-bottom: 0;
    }
    .hero-stage .floor {
      position: absolute;
      bottom: 0; left: 50%;
      width: 580px;
      height: 80px;
      transform: translateX(-50%);
      background: radial-gradient(ellipse at center,
        rgba(27,32,48,0.18) 0%,
        rgba(27,32,48,0) 65%);
      filter: blur(2px);
      pointer-events: none;
    }

    /* =============================================================
       HERITAGE — full-bleed dark hero with huge lighter
       ============================================================= */
    .hero-dark {
      min-height: 720px;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top: 80px;
      position: relative;
      background:
        radial-gradient(ellipse 900px 500px at 50% 95%, rgba(240,90,40,0.12), transparent 70%),
        linear-gradient(to bottom, #0B0F1A 0%, #1B2030 100%);
    }
    .hero-dark .floor {
      position: absolute;
      bottom: 40px; left: 50%;
      width: 720px;
      height: 90px;
      transform: translateX(-50%);
      background: radial-gradient(ellipse at center,
        rgba(0,0,0,0.55) 0%,
        rgba(0,0,0,0) 65%);
      filter: blur(8px);
    }
    .hero-dark .lighter-wrap {
      margin-top: 56px;
      position: relative;
      z-index: 2;
    }

    /* =============================================================
       SPLIT TILES — two-up (Apple's 2-column grid)
       ============================================================= */
    .split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      padding: 12px;
      background: var(--ls-paper);
    }
    .split .tile {
      min-height: 580px;
      padding-top: 56px;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
    }
    .split .tile-pad { padding: 0 24px; }
    .split .stage-sm {
      flex: 1;
      width: 100%;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding-bottom: 40px;
      position: relative;
    }
    .split .stage-sm .floor {
      position: absolute;
      bottom: 40px; left: 50%;
      width: 340px; height: 50px;
      transform: translateX(-50%);
      background: radial-gradient(ellipse at center, rgba(0,0,0,0.25), transparent 65%);
      filter: blur(4px);
    }
    .tile-deep .stage-sm .floor { background: radial-gradient(ellipse at center, rgba(0,0,0,0.6), transparent 65%); }

    /* =============================================================
       PRODUCT GRID
       ============================================================= */
    .catalog {
      padding: 120px 24px 100px;
      background: var(--ls-paper);
    }
    .catalog-head {
      max-width: 1240px;
      margin: 0 auto 48px;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 24px;
      flex-wrap: wrap;
    }
    .catalog-head h2 {
      font-size: clamp(32px, 3.6vw, 48px);
      line-height: 1.08;
      letter-spacing: -0.02em;
      font-weight: var(--fw-semibold);
      margin: 0;
    }
    .catalog-head .h2-sub {
      color: var(--fg2);
      font-size: 17px;
      margin-top: 8px;
      max-width: 480px;
    }
    .catalog-filters {
      display: flex; gap: 8px;
      flex-wrap: wrap;
    }
    .chip {
      font-size: 13px;
      padding: 7px 14px;
      border-radius: var(--r-pill);
      background: var(--ls-white);
      border: 1px solid var(--border-strong);
      color: var(--fg1);
      font-weight: var(--fw-medium);
      transition: all var(--dur-fast) var(--ease-out);
      cursor: pointer;
    }
    .chip.is-active {
      background: var(--ls-ink);
      color: var(--ls-white);
      border-color: var(--ls-ink);
    }
    .chip:hover:not(.is-active) { border-color: var(--ls-ink); }

    .product-grid {
      max-width: 1240px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }
    .product {
      background: var(--ls-white);
      border-radius: var(--r-xl);
      padding: 28px 24px 24px;
      display: flex;
      flex-direction: column;
      min-height: 420px;
      position: relative;
      transition: box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);
      border: 1px solid transparent;
    }
    .product:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
    }
    .product-eyebrow {
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--fg-accent);
      font-weight: var(--fw-semibold);
      margin-bottom: 8px;
    }
    .product-name {
      font-size: 22px;
      letter-spacing: -0.01em;
      font-weight: var(--fw-semibold);
      line-height: 1.2;
      margin: 0 0 4px;
    }
    .product-desc {
      font-size: 13px;
      color: var(--fg2);
      margin: 0;
      line-height: 1.45;
    }
    .product-stage {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px 0 12px;
      position: relative;
      min-height: 200px;
    }
    .product-stage .pfloor {
      position: absolute;
      bottom: 8px; left: 50%;
      width: 140px; height: 18px;
      transform: translateX(-50%);
      background: radial-gradient(ellipse at center, rgba(27,32,48,0.15), transparent 65%);
      filter: blur(2px);
    }
    .product-foot {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 12px;
      padding-top: 16px;
      border-top: 1px solid var(--border);
    }
    .product-price {
      font-size: 15px;
      font-weight: var(--fw-semibold);
      color: var(--ls-ink);
    }
    .product-price small {
      font-weight: var(--fw-regular);
      color: var(--fg2);
      font-size: 12px;
    }
    .product-moq {
      font-size: 12px;
      color: var(--fg3);
    }

    /* =============================================================
       STATS / TRUST BAND
       ============================================================= */
    .stats {
      background: var(--ls-ink);
      color: var(--ls-white);
      padding: 100px 24px;
    }
    .stats-inner {
      max-width: 1240px;
      margin: 0 auto;
    }
    .stats h2 {
      font-size: clamp(32px, 3.6vw, 48px);
      letter-spacing: -0.02em;
      line-height: 1.08;
      font-weight: var(--fw-semibold);
      max-width: 720px;
      margin: 0 0 64px;
    }
    .stats h2 em {
      font-style: normal;
      color: var(--ls-spark);
    }
    .stats-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1px;
      background: rgba(255,255,255,0.08);
      border-top: 1px solid rgba(255,255,255,0.08);
      border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    .stat {
      background: var(--ls-ink);
      padding: 40px 28px;
    }
    .stat-num {
      font-family: var(--font-display);
      font-size: clamp(48px, 5vw, 64px);
      line-height: 1;
      letter-spacing: -0.03em;
      font-weight: var(--fw-semibold);
      color: var(--ls-white);
      margin-bottom: 12px;
    }
    .stat-num sup {
      font-size: 0.5em;
      vertical-align: super;
      color: var(--ls-spark);
      font-weight: var(--fw-regular);
    }
    .stat-label {
      font-size: 14px;
      color: rgba(255,255,255,0.65);
      line-height: 1.45;
      max-width: 220px;
    }

    /* =============================================================
       WHOLESALE TERMS  — paper tile with column list
       ============================================================= */
    .terms {
      padding: 120px 24px;
      background: var(--ls-paper);
    }
    .terms-inner {
      max-width: 1240px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1.4fr;
      gap: 80px;
      align-items: start;
    }
    .terms h2 {
      font-size: clamp(32px, 3.6vw, 48px);
      letter-spacing: -0.02em;
      line-height: 1.08;
      font-weight: var(--fw-semibold);
      margin: 0 0 20px;
    }
    .terms p.lead {
      font-size: 17px;
      color: var(--fg2);
      line-height: 1.55;
      max-width: 380px;
      margin: 0 0 28px;
    }
    .terms-rows {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
    }
    .term {
      padding: 28px 0;
      border-top: 1px solid var(--border-strong);
    }
    .term:nth-child(odd) { padding-right: 32px; }
    .term:nth-child(even) { padding-left: 32px; border-left: 1px solid var(--border-strong); }
    .term .num {
      font-family: var(--font-display);
      font-size: 36px;
      line-height: 1;
      letter-spacing: -0.02em;
      font-weight: var(--fw-semibold);
      color: var(--ls-ink);
      margin-bottom: 6px;
    }
    .term .num small {
      font-size: 16px;
      font-weight: var(--fw-regular);
      color: var(--fg2);
    }
    .term h4 {
      font-size: 15px;
      font-weight: var(--fw-semibold);
      margin: 0 0 4px;
      letter-spacing: -0.005em;
    }
    .term p {
      font-size: 13px;
      color: var(--fg2);
      line-height: 1.5;
      margin: 0;
    }

    /* =============================================================
       NEW ARRIVALS strip
       ============================================================= */
    .strip {
      padding: 100px 24px;
      background: var(--ls-white);
    }
    .strip-head {
      max-width: 1240px;
      margin: 0 auto 32px;
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 24px;
      flex-wrap: wrap;
    }
    .strip-head h2 {
      font-size: clamp(28px, 3vw, 40px);
      letter-spacing: -0.02em;
      font-weight: var(--fw-semibold);
      margin: 0;
    }
    .strip-grid {
      max-width: 1240px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }
    .arrival {
      background: var(--ls-paper);
      border-radius: var(--r-xl);
      padding: 24px;
      min-height: 280px;
      display: flex;
      flex-direction: column;
      transition: transform var(--dur-base) var(--ease-out);
    }
    .arrival:hover { transform: translateY(-2px); }
    .arrival .pill {
      display: inline-block;
      font-size: 11px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-weight: var(--fw-semibold);
      padding: 4px 10px;
      border-radius: var(--r-pill);
      background: var(--ls-spark-soft);
      color: var(--ls-spark);
      align-self: flex-start;
      margin-bottom: 10px;
    }
    .arrival h4 {
      font-size: 17px;
      letter-spacing: -0.005em;
      font-weight: var(--fw-semibold);
      margin: 0 0 2px;
    }
    .arrival .desc {
      font-size: 12px;
      color: var(--fg2);
      margin: 0 0 12px;
    }
    .arrival .stage {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      min-height: 140px;
    }

    /* =============================================================
       BIG CTA bar
       ============================================================= */
    .cta-bar {
      padding: 96px 24px;
      background: var(--ls-cream);
      text-align: center;
    }
    .cta-bar h2 {
      font-size: clamp(32px, 3.8vw, 56px);
      letter-spacing: -0.025em;
      line-height: 1.05;
      font-weight: var(--fw-semibold);
      max-width: 760px;
      margin: 0 auto 16px;
    }
    .cta-bar p {
      font-size: 18px;
      color: var(--fg2);
      max-width: 540px;
      margin: 0 auto 28px;
    }
    .btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--ls-ink);
      color: var(--ls-white);
      padding: 14px 28px;
      border-radius: var(--r-pill);
      font-size: 15px;
      font-weight: var(--fw-medium);
      border: none;
      cursor: pointer;
      transition: all var(--dur-fast) var(--ease-out);
    }
    .btn-primary:hover { background: var(--ls-spark); transform: translateY(-1px); }

    /* =============================================================
       FOOTER
       ============================================================= */
    .foot {
      background: var(--ls-paper);
      padding: 64px 24px 40px;
      border-top: 1px solid var(--border);
      color: var(--fg2);
      font-size: 12px;
    }
    .foot-inner {
      max-width: 1240px;
      margin: 0 auto;
    }
    .foot-cols {
      display: grid;
      grid-template-columns: 1.4fr repeat(4, 1fr);
      gap: 32px;
      padding-bottom: 40px;
      border-bottom: 1px solid var(--border-strong);
    }
    .foot-col h5 {
      font-size: 11px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--ls-ink);
      font-weight: var(--fw-semibold);
      margin: 0 0 14px;
    }
    .foot-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
    .foot-col a {
      font-size: 13px;
      color: var(--fg2);
      transition: color var(--dur-fast) var(--ease-out);
    }
    .foot-col a:hover { color: var(--ls-ink); }
    .foot-brand .mark {
      font-family: var(--font-display);
      font-weight: var(--fw-bold);
      letter-spacing: 0.06em;
      font-size: 18px;
      color: var(--ls-ink);
      margin-bottom: 10px;
      display: inline-flex;
      align-items: baseline;
      gap: 5px;
    }
    .foot-brand .mark .dot { width: 5px; height: 5px; background: var(--ls-spark); border-radius: 50%; }
    .foot-brand p { font-size: 12px; max-width: 280px; margin: 0; line-height: 1.55; }
    .foot-legal {
      padding-top: 28px;
      display: flex;
      justify-content: space-between;
      gap: 16px;
      flex-wrap: wrap;
      font-size: 11px;
      color: var(--fg3);
    }
    .foot-legal a { color: var(--fg3); margin-left: 18px; }
    .foot-legal a:hover { color: var(--ls-ink); }
    .legal-warning {
      max-width: 1240px;
      margin: 0 auto 28px;
      font-size: 11px;
      color: var(--fg3);
      line-height: 1.55;
      padding: 16px 20px;
      background: var(--ls-cream);
      border-radius: var(--r-md);
    }

    /* =============================================================
       Lighter SVG — common
       ============================================================= */
    .lighter {
      filter: drop-shadow(0 30px 40px rgba(0,0,0,0.25));
    }
    .lighter-sm { filter: drop-shadow(0 14px 18px rgba(0,0,0,0.2)); }

    /* =============================================================
       Reveal animation
       ============================================================= */
    .reveal { opacity: 0; transform: translateY(12px); transition: opacity 600ms var(--ease-out), transform 600ms var(--ease-out); }
    .reveal.in { opacity: 1; transform: none; }

    /* =============================================================
       Responsive
       ============================================================= */
    @media (max-width: 980px) {
      .split { grid-template-columns: 1fr; }
      .product-grid { grid-template-columns: repeat(2, 1fr); }
      .strip-grid { grid-template-columns: repeat(2, 1fr); }
      .stats-grid { grid-template-columns: repeat(2, 1fr); }
      .terms-inner { grid-template-columns: 1fr; gap: 40px; }
      .foot-cols { grid-template-columns: 1fr 1fr; }
      .nav-links { display: none; }
    }
    @media(max-width:768px){
div#shopify-section-sections--22388191068249__header
 {
    margin: 0px;
}
.shopify-section-breadcrumbs {
    margin-top: 50px;
    margin-left: 20px;
}
}
    @media (max-width: 640px) {
      #root #content .f8sr select,#root .link-btn a{
line-height: normal !important;
    height: auto !important;
    padding: 10px !important;
    font-size:0.6em !important;
	}
.template-page #content .shopify-section {
    padding-left: 20px;
    padding-right: 20px;
}

  .product-recommendations,.recently-viewed-products{padding: 50px 20px !important;}
      .product-grid { grid-template-columns: 1fr; }
      .strip-grid { grid-template-columns: 1fr; }
      .stats-grid { grid-template-columns: 1fr; }
      .terms-rows { grid-template-columns: 1fr; }
      .term:nth-child(even) { padding-left: 0; border-left: 0; }
      .term:nth-child(odd) { padding-right: 0; }
      .foot-cols { grid-template-columns: 1fr; }
    }