/* Home: Softer water + Houston water problems swipe row */
.swipe-wrap{position:relative;max-width:100%;overflow-x:clip}
.swipe-row{display:flex;align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;transition:height .3s ease}
.swipe-row::-webkit-scrollbar{display:none}
.swipe-row:focus-visible{outline:3px solid var(--sky,#38bdf8);outline-offset:-3px}
.swipe-row>.swipe-slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.swipe-nav{position:sticky;bottom:16px;z-index:50;display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;margin:-8px auto 24px;padding:8px 14px;border-radius:999px;background:rgba(13,29,69,.92);color:#fff;box-shadow:0 10px 26px -12px rgba(13,29,69,.6);font-weight:700;font-size:.9rem}
.swipe-dots{display:flex;gap:8px}
.swipe-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer}
.swipe-dot.on{background:#fff;width:24px;border-radius:6px}
.swipe-arrow{width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:1rem;cursor:pointer;line-height:1}
.swipe-arrow:disabled{opacity:.35;cursor:default}
.swipe-wrap.at-end .swipe-cue{display:none}
@media (max-width:880px){.swipe-nav{bottom:72px}.swipe-arrow{display:none}}
@media (prefers-reduced-motion:reduce){.swipe-row{scroll-behavior:auto;transition:none}}