*{box-sizing:border-box}body{margin:0;background:#f4f6f2;color:#16382c;font:16px/1.6 system-ui,sans-serif}a{color:inherit}header{background:#103d2f;color:#fff;padding:28px 6vw 60px}.brand{display:flex;justify-content:space-between;gap:20px;align-items:center}.brand a{text-decoration:none;font-weight:750}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#bbd4bc;margin:45px 0 10px}h1{font-size:clamp(32px,5vw,64px);line-height:1.12;max-width:900px;margin:0 0 20px;letter-spacing:-.035em}.location{color:#d0e0d4}main{max-width:1320px;margin:auto;padding:30px 6vw 60px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 28px}input,select,button,.button{font:inherit;border:1px solid #c9d5cb;border-radius:10px;padding:11px 15px;background:white;color:#16382c}input{flex:1;min-width:180px}button,.button{cursor:pointer;text-decoration:none;font-weight:650}.primary{background:#164d36;color:#fff;border-color:#164d36}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid #dce4db;border-radius:18px;overflow:hidden;box-shadow:0 5px 15px #16382c08}.photo{height:210px;background:#e5ece3;display:flex;align-items:center;justify-content:center;color:#617663}.photo img{width:100%;height:100%;object-fit:cover}.photo img[hidden]{display:none}.body{padding:22px}.meta{font-size:13px;color:#68776c}.body h2{font-size:21px;line-height:1.3;margin:8px 0 14px}.price{font-weight:750;font-size:23px;margin:20px 0}.price small{font-weight:400;font-size:13px}.body .button{display:block;text-align:center}.count{margin-bottom:20px}.empty{text-align:center;padding:60px 20px;border:1px dashed #b3c8b6;border-radius:20px}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:30px}footer{padding:25px;text-align:center;border-top:1px solid #dce4db;color:#68776c;font-size:13px}@media(max-width:960px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.grid{grid-template-columns:1fr}.brand{align-items:flex-start}.brand .button{font-size:13px}main{padding:24px 5vw}.photo{height:230px}}
