*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#172033}a{text-decoration:none;color:inherit}.header{padding:18px 7%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.brand{font-size:22px;font-weight:bold}.accent{color:#4678e8}.btn{display:inline-block;background:#4678e8;color:#fff;border:0;border-radius:10px;padding:12px 18px;cursor:pointer}.small{font-size:13px}.section{padding:55px 7%}.hero{padding:75px 7%;background:#f4f7ff}.hero h1{font-size:clamp(34px,5vw,60px)}.hero p{max-width:650px;line-height:1.6}.filters{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.filters input,.filters select{padding:12px;border:1px solid #ddd;border-radius:8px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #e3e7ef;border-radius:16px;overflow:hidden}.card img{width:100%;height:210px;object-fit:cover}.card-body{padding:18px}.tag,.muted{color:#718096}.price{font-size:21px;font-weight:bold}.meta{margin-top:10px;color:#718096}.empty{text-align:center;border:1px dashed #ccd5e4;padding:45px;border-radius:16px;grid-column:1/-1}@media(max-width:800px){.filters,.grid{grid-template-columns:1fr}.header{flex-wrap:wrap;gap:15px}}