:root{--bg:#eef2ff;--card:#fff;--accent:#3b82f6}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; margin:0; background:linear-gradient(135deg,#dbeafe,#f3e8ff); color:#111}
header.top{padding:40px 24px 20px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:24px}
.logo{background:#fff;padding:10px 18px;border-radius:14px;box-shadow:0 6px 18px rgba(16,24,40,0.06);font-weight:600}
.search-area h1{font-size:20px; margin:0 0 12px}
.search-row{display:flex; flex-direction:column; gap:8px; align-items:center;}
textarea#q{width:650px;min-height:90px;padding:14px;border-radius:8px;border:1px solid rgba(0,0,0,0.08);font-size:16px;resize:vertical;font-family:inherit}
.search-row button{padding:12px 18px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-weight:600;width:fit-content}


main.results{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px;padding:24px}
.card{background:var(--card);border-radius:12px;padding:14px;box-shadow:0 6px 18px rgba(16,24,40,0.06)}
.card h2{font-size:16px;margin:6px 0}
.grid-photos{display:grid; grid-template-columns:1fr 1fr; gap:6px}
.grid-photos img{width:100%;height:110px;object-fit:cover;border-radius:6px}
.address{color:#4b5563;margin:10px 0}
.meta{display:flex;justify-content:space-between;align-items:center}
.rating{font-weight:700}
.reviews{display:block;font-weight:400;color:#6b7280;font-size:13px}
.call-btn{background:#10b981;color:white;border:none;padding:8px 12px;border-radius:8px}


@media(min-width:900px){
header.top{padding:60px 80px}
main.results{padding:40px 80px}
.grid-photos img{height:120px}
}

@media(max-width: 768px) {
    textarea#q{width:350px;}
    }