/** Shopify CDN: Minification failed

Line 12:12 Expected identifier but found whitespace
Line 13:10 Expected identifier but found whitespace
Line 13:23 Expected identifier but found whitespace
Line 55:0 Unexpected ","
Line 213:137 Unexpected "/"
Line 242:56 Expected "}" to go with "{"

**/
   SPARTAN KIDS — Custom Theme Styles
   Matching: spartan-kids-v2.html reference design
   Colors: bg #FFFFFF | text #000000 | btn #175879
           btn-label #EFF0F5 | outline #0E1B4D | shadow #0E1B4D
/* Google Fonts – Jost */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800;900&display=swap');
/* ── CSS Variables ──────────────────────────────────── */
  --sk-primary:   #175879;
  --sk-primary-d: #0f3f58;
  --sk-navy:      #0E1B4D;
  --sk-label:     #EFF0F5;
  --sk-red:       #ee2f26;
  --sk-red-d:     #c41e16;
  --sk-cyan:      #0fbad1;
  --sk-cyan-d:    #0a8fa3;
  --sk-cyan-p:    #d6f1f6;
  --sk-gold:      #fedd12;
  --sk-gold-d:    #f5c800;
  --sk-dark:      #1a2b3a;
  --sk-grey:      #6b7c8b;
  --sk-white:     #ffffff;
  --sk-bg:        #ffffff;
  --sk-font:      'Jost', -apple-system, BlinkMacSystemFont, sans-serif;
  --sk-shadow-sm: 0 2px 8px rgba(14,27,77,.07);
  --sk-shadow:    0 8px 24px rgba(14,27,77,.10);
  --sk-shadow-lg: 0 16px 40px rgba(14,27,77,.14);
  --sk-radius:    12px;
  --sk-radius-lg: 20px;
  --sk-radius-pill: 999px;
/* ── Base Font & Color ──────────────────────────────── */
body,
.shopify-section,
.page-width,
.container {
 font-family: var(--sk-font) !important;
  background-color: var(--sk-bg);
  color: #000000;
/* Headings inherit Jost */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
 font-family: var(--sk-font) !important;
  color: var(--sk-navy);
 line-height: 1.15;
}
, span, a, li, label, input, button, select, textarea {
  font-family: var(--sk-font) !important;
}
.announcement-bar,
.announcement-bar__message {
  background-color: var(--sk-dark) !important;
  color: #fff !important;
  font-family: var(--sk-font) !important;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.3px;
.header-wrapper,
.color-scheme-1 .header-wrapper {
  background: var(--sk-white) !important;
  border-bottom: 1px solid var(--sk-cyan-p);
  box-shadow: var(--sk-shadow-sm);
.header__heading-link span {
  color: var(--sk-primary) !important;
}

/* Nav links */
.header__menu-item,
.header__menu-item span,
.list-menu__item--link {
  color: var(--sk-dark) !important;
  font-weight: 600;
  font-size: 14px;
  transition: color 0.2s;
}
.header__menu-item:hover span,
.list-menu__item--link:hover {
  color: var(--sk-cyan-d) !important;
}
/* ── Solid Buttons ──────────────────────────────────── */
.button,
.btn,
button[name="add"],
.product-form__submit,
.cart__checkout-button,
.shopify-payment-button__button--unbranded {
  background-color: var(--sk-primary) !important;
  color: var(--sk-label) !important;
  font-family: var(--sk-font) !important;
  font-weight: 700;
  border-radius: var(--sk-radius) !important;
  border: none !important;
  box-shadow: 0 4px 0 var(--sk-primary-d) !important;
  transition: transform 0.15s, box-shadow 0.15s !important;
  letter-spacing: 0.3px;
}

.button:hover,
.btn:hover,
button[name="add"]:hover,
.product-form__submit:hover,
.cart__checkout-button:hover {
  background-color: var(--sk-primary-d) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 0 var(--sk-primary-d) !important;

/* ── Outline / Secondary Buttons ───────────────────── */
.button--secondary,
.btn-outline {
  background: transparent !important;
  color: var(--sk-navy) !important;
  border: 2px solid var(--sk-navy) !important;
  box-shadow: none !important;
}
.button--secondary:hover,
.button--tertiary:hover,
.btn-outline:hover {
  background: var(--sk-navy) !important;
  color: var(--sk-white) !important;

/* ── Product Cards ──────────────────────────────────── */
.card-wrapper,
.card--product {
[class*="ProductCard"] {
  border-radius: var(--sk-radius-lg) !important;
  box-shadow: var(--sk-shadow-sm) !important;
  transition: box-shadow 0.2s, transform 0.2s;
  border: 1px solid var(--sk-cyan-p) !important;
.card-wrapper:hover,
.card--product:hover {
  box-shadow: var(--sk-shadow) !important;
  transform: translateY(-4px);
}
.card__heading a,
.card__heading {
  color: var(--sk-navy) !important;
  font-family: var(--sk-font) !important;
  font-weight: 700;
}
/* Price */
.price .price__regular,
.price--on-sale .price__sale {
  color: var(--sk-primary) !important;
  font-weight: 800;
  font-family: var(--sk-font) !important;
}
.price__compare {
  color: var(--sk-grey) !important;
  text-decoration: line-through;
/* ── Badges / Sale Labels ───────────────────────────── */
.badge,
.price__badge-sale {
  background-color: var(--sk-red) !important;
  color: #fff !important;
  font-family: var(--sk-font) !important;
  font-weight: 800;
  border-radius: var(--sk-radius-pill) !important;
}
/* ── Footer ─────────────────────────────────────────── */
.footer {
  background-color: var(--sk-dark) !important;
  color: var(--sk-label) !important;
}
.footer a {
  color: var(--sk-cyan-p) !important;
}
.footer a:hover {
  color: var(--sk-cyan) !important;
.footer__heading {
  color: var(--sk-gold) !important;
  font-family: var(--sk-font) !important;
  font-weight: 800;
  letter-spacing: 0.5px;
/* ── Trust-bar / Icon strip ─────────────────────────── */
.trust-item,
.footer__content-top .footer__column {
  font-family: var(--sk-font) !important;
}
/* ── Section Titles ─────────────────────────────────── */
.section-heading,
.section__heading {
  color: var(--sk-navy) !important;
  font-family: var(--sk-font) !important;
  font-weight: 800;
}
/* ── Input Fields ───────────────────────────────────── */
.field__input,
.select__select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea {
  font-family: var(--sk-font) !important;
  border-color: var(--sk-cyan-p) !important;
  border-radius: var(--sk-radius) !important;
  color: var(--sk-dark) !important;
.field__input:focus,
input:focus,
textarea:focus {
  border-color: var(--sk-primary) !important;
  box-shadow: 0 0 0 3px rgba(23,88,121,.15) !important;
  outline: none !important;
* ── Cart Drawer ────────────────────────────────────── */
.cart-drawer,
.cart-notification {
 font-family: var(--sk-font) !important;
}
.cart-drawer__header {
  background: var(--sk-navy) !important;
  color: #fff !important;
}
/* ── Scrollbar (subtle) ─────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--sk-bg); }
::-webkit-scrollbar-thumb {
  background: var(--sk-cyan-p);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover { background: var(--sk-primary); }
/* ── Link colour ────────────────────────────────────── */
a { color: var(--sk-primary); }
a:hover { color: var(--sk-primary-d); }
/* ── Selection ──────────────────────────────────────── */
::selection {
  background: var(--sk-cyan-p);
  color: var(--sk-navy);
}
/* ── Responsive tweaks ──────────────────────────────── */
@media (max-width: 749px) {
  h1 { font-size: clamp(28px, 7vw, 48px); }
  h2 { font-size: clamp(22px, 5vw, 38px); }
  .button, .btn { font-size: 14px; padding: 12px 20px; }