.container{margin:0 auto;max-width:1400px;padding:20px}h1{color:#4caf50;text-align:center}.search-bar,h1{margin-bottom:20px}.search-bar{display:flex;justify-content:center}#search-input{background:#fff;border:1px solid #e8e6df;border-radius:999px;box-shadow:inset 0 1px 0 rgba(0,0,0,.03);outline:none;padding:14px 16px;width:min(680px,90vw)}#search-input::placeholder{color:#999}#submit-button{margin-right:24px}#map{border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);height:500px;width:100%}.locations-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px}.location-item{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,.06),0 12px 24px rgba(0,0,0,.06);flex:0 0 23%;margin-bottom:30px;min-width:250px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.location-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.08),0 16px 32px rgba(0,0,0,.1);transform:translateY(-4px)}.location-image{height:200px;object-fit:cover;transition:transform .35s ease;width:100%}.location-item:hover .location-image{transform:scale(1.03)}.location-body{padding:14px 14px 16px}.location-name{color:#1b1b1b;display:inline-block;font-size:18px;font-weight:700;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-link,.location-name{text-decoration:none}.location-sub{font-size:14px;margin:0 0 10px}.location-meta,.location-sub{color:#6b6f76;text-decoration:none}.location-meta{font-size:13px;margin:0}@media (max-width:480px){.locations-container{flex-direction:column}.location-item{height:300px;padding:20px;width:auto}}