.hero.svelte-xik3p1{height:72vh;width:100%;background:linear-gradient(#00000073,#00000073),url(../../../images/find-water-hero.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-content.svelte-xik3p1{display:flex;flex-direction:column;align-items:center;width:100%;padding:4rem 1rem 0}.hero.svelte-xik3p1 h1:where(.svelte-xik3p1){color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.4);font-size:38px;font-weight:600;margin-bottom:1.5rem}.popular-section.svelte-xik3p1{background:#f7f8f9}.section-header.svelte-xik3p1{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.section-icon.svelte-xik3p1{width:48px;height:48px;background:#e3eafd;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3d37ee;flex-shrink:0}.section-title.svelte-xik3p1{margin-bottom:0}.locations-grid.svelte-xik3p1{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.location-card.svelte-xik3p1{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border-radius:10px;text-decoration:none;color:#333;transition:all .2s ease;border:1px solid #eee}.location-card.svelte-xik3p1:hover{border-color:#3d37ee;color:#3d37ee;transform:translateY(-2px);box-shadow:0 6px 16px #3d37ee26}.location-card.svelte-xik3p1 svg:where(.svelte-xik3p1):first-child{color:#999;flex-shrink:0;transition:color .2s ease}.location-card.svelte-xik3p1:hover svg:where(.svelte-xik3p1):first-child{color:#3d37ee}.city-name.svelte-xik3p1{flex:1;font-weight:500}.arrow-icon.svelte-xik3p1{color:#ccc;transition:all .2s ease}.location-card.svelte-xik3p1:hover .arrow-icon:where(.svelte-xik3p1){color:#3d37ee;transform:translate(3px)}.search-wrapper.svelte-xik3p1{position:relative;display:flex;align-items:center;height:48px;max-width:460px;width:100%;background:#fff;border-radius:9999px;padding-left:40px;padding-right:48px;box-shadow:0 4px 12px #0000001a}.icon-left.svelte-xik3p1{position:absolute;left:14px;width:20px;height:20px;stroke:#aaa;pointer-events:none}.search-wrapper.svelte-xik3p1 input{flex:1;border:none;outline:none;font-size:16px;background:transparent;color:#333;height:100%;width:100%}.search-wrapper.svelte-xik3p1 input::-moz-placeholder{color:#aaa}.search-wrapper.svelte-xik3p1 input::placeholder{color:#aaa}.icon-right.svelte-xik3p1{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:#4a3aff;display:flex;align-items:center;justify-content:center;pointer-events:none}.search-icon.svelte-xik3p1{width:20px;height:20px;stroke:#fff}@media (max-width: 899px){.locations-grid.svelte-xik3p1{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.locations-grid.svelte-xik3p1{grid-template-columns:1fr}}