*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f6f6;color:#111}
.top{background:#fff;border-bottom:1px solid #e5e5e5;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:800;text-decoration:none;color:#111}.nav a{margin-left:12px;color:#555;text-decoration:none;font-size:.85rem}
.filters{padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px}.filters span{background:#fff;border:1px solid #ddd;border-radius:999px;padding:5px 10px;font-size:.78rem;color:#555}
.list{display:grid;gap:12px;padding:8px 16px 40px;max-width:1200px;margin:0 auto}
@media(min-width:700px){.list{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.list{grid-template-columns:repeat(4,1fr)}}
.item{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:12px;text-decoration:none;color:inherit}
.item .ph{height:100px;border-radius:8px;background:linear-gradient(135deg,#cbd5e1,#f8fafc);margin-bottom:8px}
footer{padding:24px 16px;color:#777;font-size:.85rem}