*{box-sizing:border-box}body{margin:0;font-family:Roboto,Arial,sans-serif;color:#222;background:#fff}
a{color:inherit}.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.top{display:flex;align-items:center;justify-content:space-between;padding:22px 20px;flex-wrap:wrap;gap:14px}
.top img{height:62px}.info{display:flex;gap:28px;flex-wrap:wrap;font-size:14px}
.info div{display:flex;gap:8px;align-items:center}.ic{width:30px;height:30px;border:2px solid #f5b800;border-radius:50%;display:grid;place-items:center;color:#f5b800;font-weight:700}
.info small{display:block;color:#f5b800;font-weight:700;font-size:11px}.info b{font-size:17px;font-weight:500}
nav{background:#fff;border-top:1px solid #eee;box-shadow:0 2px 4px rgba(0,0,0,.06)}nav .wrap{display:flex;flex-wrap:wrap}
nav a{padding:12px 13px;text-decoration:none;font-size:14px}nav a.on,nav a:hover{background:#f5b800}
.hero{height:340px;background:url(/img/hero.jpg) center/cover}
.qs{background:#000;padding:18px 0}.qs form{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.qs span{color:#aaa;font-size:20px;margin-right:6px}.qs select,.qs input{padding:10px;font-size:15px;border:0;flex:1;min-width:130px}
.btn{background:#f5b800;color:#000;border:0;padding:11px 34px;font-size:16px;cursor:pointer;text-decoration:none;display:inline-block}
.band{background:#b8920f url(/img/hero.jpg) center/cover;background-blend-mode:multiply;padding:50px 20px;text-align:center;color:#fff}
.band .box{display:inline-block;background:rgba(0,0,0,.55);padding:28px 60px;border:1px solid rgba(255,255,255,.3)}
h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:1px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px 0}@media(max-width:760px){.two{grid-template-columns:1fr}.hero{height:200px}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:30px 0}
.card{border:1px solid #ddd;text-decoration:none;display:block}.card .ph{aspect-ratio:4/3;background:#222 center/cover;display:grid;place-items:center;color:#777}
.card .b{padding:12px}.price{color:#c99700;font-weight:700;font-size:18px}
.empty{padding:40px;text-align:center;background:#f7f7f7;margin:30px 0}
footer{background:#111;color:#ccc;padding:36px 0;margin-top:40px;font-size:14px}footer .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
footer h3{color:#f5b800;font-weight:400}dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 20px}.specs div{border-bottom:1px solid #eee;padding:6px 0}
.gal img{max-width:100%;display:block;margin-bottom:8px}form.c input,form.c textarea{width:100%;padding:10px;margin:6px 0;border:1px solid #ccc;font:inherit}
