.region-filter{display:flex;flex-direction:column;gap:.25rem}.region-filter label{font-weight:600;font-size:.9rem}.region-filter select{padding:.6rem;border-radius:4px;border:1px solid #ccc;font-size:.9rem}.region-filter select:focus{outline:none;border-color:#0070f3}.rivers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.river-card{background:#fff;border-radius:8px;padding:.75rem;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:transform .3s ease;display:flex;flex-direction:column}.river-card:hover{transform:scale(1.02)}.river-card .image-wrapper{width:100%;height:200px;overflow:hidden;border-radius:8px;margin-bottom:.5rem;position:relative}.river-card .image-wrapper img,.river-card .image-wrapper picture{width:100%;height:100%;object-fit:cover}.river-card .river-info h2{margin-top:0;margin-bottom:.25rem}.river-card .river-info p{font-size:.9rem;color:#555;margin:0}.search-and-filter{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;background-color:#f2f2f2;padding:1rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.search-and-filter .search-form{flex:1;position:relative}.search-and-filter .search-form input[type=search]{width:100%;padding:.75rem 1rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.search-and-filter .search-form input[type=search]:focus{outline:none;border-color:#0070f3}