*{box-sizing:border-box}body{margin:0;background:#f5f7f4;color:#17382e;font:16px system-ui,sans-serif}a{color:inherit}header,main,footer{max-width:1240px;margin:auto;padding:28px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-bottom:1px solid #d7e1db}.logo{font-weight:750;font-size:22px;text-decoration:none}.contacts{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.hero{background:var(--accent);border-radius:20px;padding:32px;color:white;margin-bottom:28px}.hero h1{font-size:clamp(26px,4vw,44px);line-height:1.15;margin:12px 0}.hero p{max-width:850px;line-height:1.65}.tag{letter-spacing:.12em;font-size:12px;text-transform:uppercase}.tools{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin:24px 0}.search{flex:1;min-width:220px}.search input{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #b7cbbd;border-radius:9px;font:inherit}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.card{display:flex;flex-direction:column;background:white;border:1px solid #d9e2dc;border-radius:14px;padding:22px;gap:12px;overflow-wrap:anywhere}.card h2{font-size:17px;line-height:1.55;margin:0}.card p{margin:0}.card small{color:#67796f}.card strong{font-size:21px;margin-top:auto}.card a.title{text-decoration:none}.button{display:block;border:0;text-align:center;background:var(--accent);color:white;padding:13px 17px;border-radius:9px;text-decoration:none;font:inherit;cursor:pointer}.secondary{background:#edf3ee;color:#17382e}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.note{font-size:14px;line-height:1.65;color:#586c61}footer{border-top:1px solid #d9e2dc;font-size:14px;line-height:1.7}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b69a52;outline-offset:3px}.detail{max-width:860px;margin:auto}.detail h1{font-size:30px;line-height:1.4}.detail .price{font-size:30px;font-weight:700}@media(max-width:600px){header,main,footer{padding:20px 14px}.hero{padding:23px}.grid{grid-template-columns:1fr}.detail h1{font-size:24px}}