/* Springs 3D Supply — classes page white/gray cleanup v2.7.6
   Loaded last on classes pages to wipe old black/neon remnants. */

html,
body,
body .class-page,
body .class-checkout-page {
  background:#eef1f5!important;
  color:#162b52!important;
}

body .noise,
body .class-page::before,
body .class-page::after,
body .class-checkout-page::before,
body .class-checkout-page::after {
  display:none!important;
}

body .class-hero,
body .class-checkout-hero {
  position:relative!important;
  overflow:hidden!important;
  padding:72px 0 56px!important;
  background:
    linear-gradient(90deg,rgba(248,250,253,.98) 0%,rgba(248,250,253,.92) 42%,rgba(248,250,253,.64) 68%,rgba(248,250,253,.25) 100%),
    url('/assets/springs3d/colorado-hero-mountains.webp?v=276') center right/cover no-repeat!important;
  border-bottom:1px solid #d8e0ea!important;
  box-shadow:none!important;
}

body .class-hero *,
body .class-checkout-hero * {
  color:inherit;
}

body .class-hero h1,
body .class-checkout-hero h1 {
  color:#0b2f68!important;
  text-transform:none!important;
  letter-spacing:-.055em!important;
  line-height:.96!important;
  font-size:clamp(2.8rem,5.8vw,5rem)!important;
  margin:12px 0 18px!important;
}

body .class-hero p,
body .class-checkout-hero p {
  color:#61718a!important;
  font-size:clamp(1rem,1.35vw,1.18rem)!important;
  line-height:1.65!important;
}

body .class-pills span,
body .hero-proof-row span {
  background:#ffffff!important;
  color:#123a7c!important;
  border:1px solid #d8e0ea!important;
  border-radius:999px!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  padding:9px 13px!important;
}

body .offer-card,
body .booking-panel,
body .aside-card,
body .review-box,
body .lesson-summary-card,
body .class-card,
body .availability-card,
body .time-panel,
body .calendar-card,
body .class-page fieldset,
body .class-checkout-page fieldset {
  background:#ffffff!important;
  background-image:none!important;
  color:#162b52!important;
  border:1px solid #d8e0ea!important;
  border-radius:22px!important;
  box-shadow:0 12px 30px rgba(20,42,80,.08)!important;
}

body .offer-card h2,
body .offer-card h3,
body .booking-panel h2,
body .booking-panel h3,
body .aside-card h2,
body .aside-card h3,
body .review-box h2,
body .review-box h3,
body .lesson-summary-card h2,
body .lesson-summary-card h3,
body .class-card h2,
body .class-card h3,
body .section-title h2 {
  color:#0b2f68!important;
  text-transform:none!important;
  letter-spacing:-.035em!important;
}

body .offer-card p,
body .booking-panel p,
body .aside-card p,
body .review-box p,
body .lesson-summary-card p,
body .class-card p,
body .booking-panel li,
body .aside-card li,
body .help-text,
body .muted {
  color:#61718a!important;
}

body .offer-price,
body .lesson-price,
body .summary-total,
body .review-total,
body .review-line strong,
body .summary-line strong {
  color:#0b2f68!important;
}

body .section-title span {
  background:#fff0e7!important;
  color:#e86d25!important;
  border:1px solid #f2b48e!important;
  border-radius:999px!important;
}

body input,
body select,
body textarea {
  background:#ffffff!important;
  color:#162b52!important;
  border:1px solid #cbd6e2!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

body input:focus,
body select:focus,
body textarea:focus {
  outline:2px solid rgba(244,119,45,.22)!important;
  border-color:#f4772d!important;
}

body .time-button,
body .day-button,
body .class-time-button,
body .slot-button {
  background:#ffffff!important;
  color:#123a7c!important;
  border:1px solid #cbd6e2!important;
  border-radius:14px!important;
  box-shadow:0 8px 18px rgba(20,42,80,.05)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

body .time-button:hover:not(:disabled),
body .time-button.active,
body .day-button:hover:not(:disabled),
body .day-button.active,
body .slot-button:hover:not(:disabled),
body .slot-button.active {
  background:#fff7f2!important;
  color:#e86d25!important;
  border-color:#f4772d!important;
}

body .time-button:disabled,
body .day-button:disabled,
body .slot-button:disabled {
  background:#e8edf3!important;
  color:#8a99ad!important;
  border-color:#d8e0ea!important;
  opacity:.75!important;
}

body .class-page button,
body .class-page .btn,
body .class-page a.btn,
body .class-checkout-page button,
body .class-checkout-page .btn,
body .class-checkout-page a.btn {
  background:linear-gradient(180deg,#ff8b46,#e86d25)!important;
  border:1px solid #e86d25!important;
  color:#ffffff!important;
  border-radius:14px!important;
  box-shadow:0 10px 22px rgba(232,109,37,.18)!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-weight:800!important;
}

body .class-page button:hover,
body .class-page .btn:hover,
body .class-checkout-page button:hover,
body .class-checkout-page .btn:hover {
  background:linear-gradient(180deg,#ff995a,#d9601f)!important;
  color:#ffffff!important;
}

body .booking-grid,
body .class-grid,
body .class-main-grid {
  align-items:start!important;
}

body .booking-panel {
  padding:26px!important;
}

body .aside-card,
body .offer-card {
  padding:24px!important;
}

body .review-line,
body .summary-line {
  border-bottom:1px solid #d8e0ea!important;
}

@media(max-width:900px){
  body .class-hero,
  body .class-checkout-hero {
    padding:52px 0 42px!important;
    background-position:68% center!important;
  }
  body .class-hero-grid,
  body .class-checkout-hero-grid,
  body .booking-grid {
    grid-template-columns:1fr!important;
  }
}