*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:#121212}
.hdr{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid #eee}
.brand{font-weight:800;letter-spacing:.04em;text-decoration:none;color:#121212}
.nav a{margin-left:14px;color:#444;text-decoration:none;font-size:.9rem}
.hero{display:grid;gap:20px;padding:28px 22px;max-width:1200px;margin:0 auto}
@media(min-width:900px){.hero{grid-template-columns:1.1fr .9fr;align-items:center}}
.panel{background:#f3f3f3;min-height:240px;border-radius:8px}
.grid{display:grid;gap:14px;padding:8px 22px 48px;max-width:1200px;margin:0 auto}
@media(min-width:800px){.grid{grid-template-columns:repeat(3,1fr)}}
.tile{border:1px solid #eee;border-radius:8px;padding:14px;text-decoration:none;color:inherit}
.tile .ph{height:140px;background:linear-gradient(145deg,#ddd,#fafafa);border-radius:6px;margin-bottom:10px}
.price{font-weight:700;margin-top:8px}.btn{display:inline-block;background:#121212;color:#fff!important;text-decoration:none;padding:12px 18px;border-radius:4px;font-weight:700}
footer{padding:28px 22px;border-top:1px solid #eee;color:#666;font-size:.85rem}