*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#172033}.wrap{max-width:1180px;margin:auto;padding:0 20px}.top{background:#12233f;color:#fff}.nav{min-height:64px;display:flex;align-items:center;justify-content:space-between}.nav a{color:#fff;text-decoration:none}.brand{font-size:20px;font-weight:700}.hero{padding:45px 0 30px;display:flex;justify-content:space-between;gap:25px;align-items:end}.hero h1{margin:0 0 8px;font-size:38px}.hero p{color:#657084}.search{display:flex;gap:8px}.search input,.form input,.form textarea{padding:12px;border:1px solid #d5dbe5;border-radius:8px;width:100%;font:inherit}.search input{min-width:250px}.search button,.btn{background:#1463ff;color:white;border:0;border-radius:8px;padding:12px 18px;text-decoration:none;display:inline-block;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;padding-bottom:50px}.card{background:#fff;border:1px solid #e5e9f0;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px #1720330b}.photo{height:210px;background:#eef2f7;display:flex;align-items:center;justify-content:center}.photo img{width:100%;height:100%;object-fit:cover}.card-body{padding:18px}.card h2{margin:0 0 7px;font-size:21px}.card p{color:#5d687b;min-height:45px}.price{font-size:20px;font-weight:700;margin:12px 0}.empty{text-align:center;padding:50px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:45px;padding-bottom:70px}.detail-image{min-height:400px;background:#eef2f7;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:cover}.detail h1{font-size:38px}.form-page{max-width:760px;padding-top:40px;padding-bottom:60px}.form{background:#fff;padding:25px;border-radius:14px;display:grid;gap:16px;box-shadow:0 5px 18px #1720330b}.form label{font-weight:600}.form input,.form textarea{display:block;margin-top:7px}.alert{padding:13px;border-radius:8px;margin:15px 0}.error{background:#ffe9e9;color:#9a1b1b}footer{text-align:center;padding:25px;color:#748096;background:#fff}@media(max-width:700px){.hero,.detail{display:block}.hero h1{font-size:30px}.search{margin-top:20px}.search input{min-width:0}.detail-image{min-height:280px;margin-bottom:25px}}