/* swim-spas.html only. Light-only. */
.ss-hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.ss-split{display:grid;gap:1.5rem;align-items:center}
.ss-split img{width:100%;height:auto;border-radius:14px;display:block}
@media(min-width:860px){.ss-split{grid-template-columns:1.1fr 1fr}}
.ss-checks{list-style:none;padding:0;margin:0}
.ss-checks li{position:relative;padding:.45rem 0 .45rem 1.8rem;color:#1e293b;line-height:1.5}
.ss-checks li:before{content:"\2713";position:absolute;left:0;top:.4rem;color:#0e7490;font-weight:800}
.ss-models{background:#f1f7fb}
.ss-lead{color:#334155;max-width:46rem}
.ss-grid{display:grid;gap:1.25rem;margin-top:1.25rem}
@media(min-width:960px){.ss-grid{grid-template-columns:repeat(3,1fr)}}
.ss-card{background:#fff;color:#0f172a;border:1px solid #dbe4ee;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.ss-card-media{background:#fff;display:flex;justify-content:center;padding:1rem}
.ss-card-media img{max-height:340px;width:auto;max-width:100%;height:auto}
.ss-card-body{padding:1rem 1.15rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.ss-card-body h3{margin:0;color:#0a1f44}
.ss-card-body p{margin:0;color:#334155}
.ss-tag{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#0e7490!important}
.ss-specs{width:100%;border-collapse:collapse;font-size:.92rem;margin:.25rem 0}
.ss-specs th,.ss-specs td{text-align:left;vertical-align:top;padding:.4rem .3rem;border-top:1px solid #e2e8f0;color:#1e293b}
.ss-specs th{width:38%;font-weight:600;color:#0a1f44}
.ss-extra-title{font-weight:700;color:#0a1f44!important}
.ss-extra{margin:0 0 .5rem 1.1rem;padding:0;color:#1e293b}
.ss-card .btn{margin-top:auto;text-align:center}
.ss-note,.ss-small{font-size:.88rem;color:#475569;margin-top:1rem}
.ss-std-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.5rem 1.25rem;padding:0;list-style:none;color:#1e293b}
.ss-std-list li:before{content:"\2022";color:#0e7490;font-weight:800;margin-right:.5rem}
.ss-swatches{display:flex;flex-wrap:wrap;gap:1rem}
.ss-swatches figure{margin:0;width:170px}
.ss-swatches img{width:170px;height:110px;object-fit:cover;border-radius:10px;border:1px solid #cbd5e1;display:block}
.ss-swatches figcaption{font-weight:600;color:#0a1f44;margin-top:.35rem;font-size:.92rem}
.ss-photos{display:grid;gap:.9rem}
@media(min-width:760px){.ss-photos{grid-template-columns:repeat(3,1fr)}}
.ss-photos img{width:100%;height:230px;object-fit:cover;border-radius:12px;display:block}
.ss-cta{background:#0a1f44;color:#fff}
.ss-cta h2,.ss-cta p{color:#fff}
.ss-cta .ss-small,.ss-cta .ss-small a{color:#dbeafe}
.ss-cta .btn-outline{background:transparent!important;color:#fff!important;border:2px solid #fff!important}
.ss-q{border:1px solid #dbe4ee;border-radius:10px;padding:.8rem 1rem;margin:.6rem 0;background:#fff;color:#1e293b}
.ss-q summary{font-weight:700;color:#0a1f44;cursor:pointer}
.ss-q p{margin:.6rem 0 0}
.ss-cta .btn-primary{background:#e11d2e!important;color:#fff!important}
.ss-colorline{font-size:.9rem;color:#334155;margin:0 0 .4rem}.ss-colorline strong{color:#0a1f44}

/* VERCEL PATCH colorscheme: always the light design, even in phone dark mode */
:root,html{color-scheme:only light}
html{background-color:#fff}
@media (prefers-color-scheme: dark){:root,html{color-scheme:only light}html{background-color:#fff}body{background-color:var(--bg);color:var(--ink)}}