/** Shopify CDN: Minification failed

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

**/
/* ScreenWashKing — Brand Design System */
:root {
  --swk-yellow: #F5C518;
  --swk-yellow-hover: #e0b000;
  --swk-cyan: #00C2CC;
  --swk-cyan-light: #E6FAFB;
  --swk-navy: #0A0A1A;
  --swk-dark: #1A1A2E;
  --swk-mid: #2D2D44;
  --swk-white: #FFFFFF;
  --swk-off-white: #F8F8F8;
  --swk-grey-light: #F0F0F0;
  --swk-grey: #8A8A9A;
  --swk-text: #1A1A2E;
  --swk-text-light: #555566;
  --swk-font-heading: 'Montserrat', sans-serif;
  --swk-font-body: 'Inter', sans-serif;
  --swk-space-xs: 8px;
  --swk-space-sm: 16px;
  --swk-space-md: 24px;
  --swk-space-lg: 48px;
  --swk-space-xl: 80px;
  --swk-space-2xl: 120px;
  --swk-radius-sm: 4px;
  --swk-radius-md: 8px;
  --swk-radius-lg: 12px;
  --swk-radius-xl: 24px;
  --swk-radius-pill: 100px;
  --swk-shadow-card: 0 2px 16px rgba(0,0,0,0.08);
  --swk-shadow-hover: 0 8px 32px rgba(0,0,0,0.14);
  --color-background: 255 255 255;
  --color-foreground: 26 26 46;
  --color-button: 245 197 24;
  --color-button-text: 26 26 46;
  --font-body-family: 'Inter', sans-serif;
  --font-heading-family: 'Montserrat', sans-serif;
  --font-heading-weight: 800;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Inter:wght@400;500;600&display=swap');
*, *::before, *::after { box-sizing: border-box; }
body { font-family: var(--swk-font-body); color: var(--swk-text); background: var(--swk-white); line-height: 1.6; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5 { font-family: var(--swk-font-heading); font-weight: 800; line-height: 1.15; color: var(--swk-text); }
.swk-highlight { color: var(--swk-cyan); }
.swk-highlight--yellow { color: var(--swk-yellow); }
.swk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 28px; border-radius: var(--swk-radius-pill); font-family: var(--swk-font-heading); font-weight: 700; font-size: 15px; letter-spacing: 0.02em; text-decoration: none; border: none; cursor: pointer; transition: background 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease; white-space: nowrap; }

/* Keep the accessibility skip-link hidden until keyboard-focused */
.skip-to-content-link { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; background: transparent !important; }
.skip-to-content-link:focus { position: fixed !important; top: 10px !important; left: 10px !important; z-index: 9999 !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 10px 18px !important; clip: auto !important; background: var(--swk-navy) !important; color: #fff !important; border-radius: var(--swk-radius-pill) !important; }
.swk-btn--primary { background: var(--swk-cta-bg, var(--swk-yellow)); color: var(--swk-cta-text, var(--swk-navy)); }
.swk-btn--primary:hover { background: var(--swk-cta-bg-hover, var(--swk-yellow-hover)); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(0,0,0,0.18); }
.swk-btn--dark { background: var(--swk-navy); color: var(--swk-white); }
.swk-btn--dark:hover { background: var(--swk-mid); transform: translateY(-1px); }
.swk-btn--outline { background: transparent; color: var(--swk-navy); border: 2px solid var(--swk-navy); }
.swk-btn--outline:hover { background: var(--swk-navy); color: var(--swk-white); }
.swk-btn--sm { padding: 9px 20px; font-size: 13px; }
.swk-btn--lg { padding: 16px 36px; font-size: 17px; }
.button, .shopify-payment-button__button { background-color: var(--swk-cta-bg, var(--swk-yellow)) !important; color: var(--swk-cta-text, var(--swk-navy)) !important; font-family: var(--swk-font-heading) !important; font-weight: 700 !important; border-radius: var(--swk-radius-pill) !important; border: none !important; }
.button:hover { background-color: var(--swk-cta-bg-hover, var(--swk-yellow-hover)) !important; }
.swk-section { padding: var(--swk-space-xl) 0; }
.swk-section--sm { padding: var(--swk-space-lg) 0; }
.swk-section--dark { background: var(--swk-navy); color: var(--swk-white); }
.swk-section--dark h1, .swk-section--dark h2, .swk-section--dark h3 { color: var(--swk-white); }
.swk-section--cyan { background: var(--swk-cyan); color: var(--swk-navy); }
.swk-section--yellow { background: var(--swk-yellow); color: var(--swk-navy); }
.swk-section--grey { background: var(--swk-off-white); }
.swk-container { max-width: 1240px; margin: 0 auto; padding: 0 var(--swk-space-md); }
.swk-container--narrow { max-width: 860px; }
.swk-text-center { text-align: center; }
.swk-text-left { text-align: left; }
.swk-eyebrow { font-family: var(--swk-font-heading); font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--swk-cyan); margin-bottom: 10px; display: block; }
.swk-eyebrow--yellow { color: var(--swk-yellow); }
.swk-stars { color: var(--swk-yellow); font-size: 18px; letter-spacing: 2px; }
.swk-grid { display: grid; gap: var(--swk-space-md); }
.swk-grid--2 { grid-template-columns: repeat(2, 1fr); }
.swk-grid--3 { grid-template-columns: repeat(3, 1fr); }
.swk-grid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1024px) { .swk-grid--4 { grid-template-columns: repeat(2, 1fr); } .swk-grid--3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { :root { --swk-space-xl: 56px; --swk-space-2xl: 80px; } .swk-grid--2, .swk-grid--3, .swk-grid--4 { grid-template-columns: 1fr; } }
.section { padding: 0 !important; }
.shopify-section { margin: 0 !important; }