*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#182234;background:#fff}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #eee;background:#fff}.logo{font-size:27px;font-weight:800;color:#e52e2e}.logo span{color:#182234}nav{display:flex;gap:28px}nav a{text-decoration:none;color:#182234}.post{border:0;border-radius:8px;background:#e53232;color:#fff;padding:13px 20px;font-weight:bold;cursor:pointer}.hero{padding:70px 6%;text-align:center;background:linear-gradient(90deg,#182234ee,#182234aa),url('https://images.unsplash.com/photo-1539650116574-75c0c6d73f6e?auto=format&fit=crop&w=1800&q=80') center/cover;color:#fff}.hero h1{font-size:38px}.hero b{color:#ff4141}.search{max-width:850px;margin:30px auto 0;background:#fff;padding:10px;border-radius:10px;display:flex;gap:8px}.search input,.search select,.search button{border:0;padding:15px;font-size:16px}.search input{flex:1}.search button{background:#e53232;color:#fff;border-radius:7px;cursor:pointer}main{padding:35px 6%}h2{text-align:center;margin:25px}.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cats div{padding:25px 10px;text-align:center;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-size:30px}.cats strong{display:block;font-size:15px;margin-top:10px}.listings{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff}.card .pic{height:140px;background:#f2f2f2;display:flex;align-items:center;justify-content:center;font-size:48px}.card .info{padding:15px}.price{color:#e53232;font-weight:bold;font-size:19px}.modal{display:none;position:fixed;inset:0;background:#0008;align-items:center;justify-content:center}.box{background:#fff;padding:28px;border-radius:14px;width:min(450px,90%);position:relative}.box input,.box select{width:100%;padding:13px;margin:7px 0;border:1px solid #ddd;border-radius:7px}.close{position:absolute;left:15px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}footer{margin-top:50px;background:#182234;color:#fff;padding:35px;text-align:center}@media(max-width:800px){header{padding:12px 4%;height:auto;gap:10px;flex-wrap:wrap}nav{order:3;width:100%;justify-content:center;gap:14px}.cats{grid-template-columns:repeat(2,1fr)}.listings{grid-template-columns:repeat(2,1fr)}.search{flex-direction:column}.hero h1{font-size:28px}}