.beach-search{padding:clamp(.85rem,3vw,1.25rem);background:#fff;border:1px solid #d6e1e5;box-shadow:0 4px 14px #1231}.beach-search h1{margin:0 0 .75rem;color:#164f70}.beach-search__field{display:flex;align-items:center;gap:.55rem;padding:0 .55rem;background:#f4f8fa;border:1px solid #91a7af;border-radius:.3rem}.beach-search__field:focus-within{border-color:#176b9c;box-shadow:0 0 0 3px #176b9c22}.beach-search__field input{flex:1;min-width:0;padding:.3rem 0;background:transparent;border:0;outline:0;font:inherit}.beach-search__field button{padding:.45rem .7rem;color:#075d91;background:#fff;border:1px solid #aac0c8;border-radius:.4rem;cursor:pointer}.beach-search__status{margin:.65rem 0;color:#52656d;font-size:.88rem}.beach-search__results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;max-height:430px;overflow:auto}.beach-result{display:flex;align-items:center;gap:.7rem;padding:.45rem;color:#233;background:#f7fafb;border:1px solid #dde6e9;border-radius:.5rem}.beach-result:hover,.beach-result:focus-visible{background:#eaf4f8;border-color:#77a8bd}.beach-result img{width:82px;height:58px;-o-object-fit:cover;object-fit:cover;border-radius:.35rem}.beach-result span,.beach-result small{display:block}.beach-result strong{color:#075d91}.beach-result small{margin-top:.2rem;color:#60747d;font-size:.78rem}.beach-search__empty{grid-column:1/-1;margin:0;padding:1rem;text-align:center;background:#fff8dd;border-radius:.45rem}@media(max-width:650px){.beach-search__results{grid-template-columns:1fr}.beach-result{min-height:70px}.beach-search__field button{min-height:44px}}