@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#f4f6f9;--surface:#fff;--border:#e4e9f0;--navy:#0a1e3c;--navy-mid:#1b3a6b;--ocean:#0062cc;--ocean-light:#ebf3ff;--ocean-mid:#d0e6ff;--teal:#0891b2;--text:#0a1e3c;--text-2:#3d5170;--muted:#7a8899;--radius:12px;--shadow-sm:0 1px 3px #0a1e3c0f, 0 2px 8px #0a1e3c0a;--shadow:0 4px 16px #0a1e3c14, 0 1px 4px #0a1e3c0a;--shadow-lg:0 8px 32px #0a1e3c1f, 0 2px 8px #0a1e3c0f}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.5}body{min-height:100vh}a{color:inherit;text-decoration:none}.container{max-width:700px;margin:0 auto;padding:0 24px}.container-wide{max-width:900px;margin:0 auto;padding:0 24px}h1,h2,h3{letter-spacing:-.02em;font-family:Plus Jakarta Sans,Inter,sans-serif}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:11px;font-weight:700}.btn-primary{background:var(--ocean);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 8px #0062cc4d}.btn-primary:hover{background:#004fa3;transform:translateY(-1px);box-shadow:0 4px 16px #0062cc66}.btn-outline{color:var(--text-2);border:1.5px solid var(--border);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,transform .15s;display:inline-flex}.btn-outline:hover{border-color:var(--ocean);color:var(--ocean);transform:translateY(-1px)}.btn-sm{padding:8px 16px!important;font-size:13px!important}.beach-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}.beach-card:hover{box-shadow:var(--shadow);border-color:#b8d0ef;transform:translateY(-2px)}.beach-card.featured{border:1.5px solid var(--ocean);box-shadow:0 4px 20px #0062cc1a}.row-link{border-radius:0;text-decoration:none;transition:background .12s;display:block}.row-link:hover{background:#f7f9fc}.row-link:first-child{border-radius:12px 12px 0 0}.row-link:last-child{border-radius:0 0 12px 12px}.row-link:first-child:last-child{border-radius:12px}.answer-box{background:var(--ocean-light);border-left:3px solid var(--ocean);border-radius:0 10px 10px 0;padding:18px 20px}.badge{border-radius:100px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.badge-excellent,.badge-good{color:#15803d;background:#dcfce7}.badge-sufficient{color:#92400e;background:#fef3c7}.badge-poor{color:#b91c1c;background:#fee2e2}.badge-blue{color:#1d4ed8;background:#dbeafe}.facility-list{flex-wrap:wrap;gap:0 20px;font-size:12px;display:flex}.facility-yes{color:var(--text-2);font-weight:500}.facility-no{color:#c4cadc;text-decoration:line-through}.search-wrap{width:100%;position:relative}.search-input{border-radius:var(--radius);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1.5px solid #ffffff40;outline:none;width:100%;padding:16px 18px 16px 50px;font-family:Inter,sans-serif;font-size:16px;transition:border-color .15s,background .15s}.search-input:focus{background:#ffffff2e;border-color:#ffffff80}.search-input::placeholder{color:#ffffff8c}.search-icon{color:#fff9;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.share-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}.share-btn:hover{opacity:.88;transform:translateY(-1px)}.share-whatsapp{color:#fff;background:#25d366}.share-facebook{color:#fff;background:#1877f2}.share-twitter{color:#fff;background:#0f1419}.share-copy,.share-email{color:var(--text-2);border:1.5px solid var(--border);background:#fff}.faq-item{border-bottom:1px solid var(--border);padding:18px 0}.faq-q{color:var(--text);margin-bottom:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700}.faq-a{color:var(--muted);font-size:14px;line-height:1.75}.nearby-tag{border:1px solid var(--border);color:var(--text-2);background:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s,transform .15s;display:inline-block}.nearby-tag:hover{border-color:var(--ocean);color:var(--ocean);transform:translateY(-1px)}.distance-num{letter-spacing:-.04em;font-family:Plus Jakarta Sans,sans-serif;font-weight:800}@media (max-width:600px){.container,.container-wide{padding:0 16px}.hide-mobile{display:none!important}}.photo-thumb img:hover{transform:scale(1.04)}.photo-upload-thumb:hover{border-color:var(--ocean)!important;background:#f0f7ff!important}.search-input[style*="background: #fff"],.search-input[style*="background:#fff"]{color:var(--text)!important}.search-input[style*="background: #fff"]::placeholder,.search-input[style*="background:#fff"]::placeholder{color:var(--muted)!important}.county-town-link:hover{color:#0062cc!important;background:#f0f7ff!important}