:root{font-family:system-ui,sans-serif;color:#23272b;background:#f4f4f5;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit}header,main,footer{max-width:1320px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #ddd}header>a{font-size:22px;font-weight:750;text-decoration:none}nav{display:flex;gap:20px}h1{font-size:clamp(30px,5vw,50px);letter-spacing:-1px;margin:24px 0 12px}form{display:flex;align-items:end;gap:12px;margin:30px 0}label{flex:1}input,button{font:inherit;padding:12px;border:1px solid #ccc;background:#fff;border-radius:8px}input{display:block;width:100%;margin-top:6px}button{cursor:pointer}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.catalog article{background:#fff;border:1px solid #ddd;border-radius:12px;overflow:hidden}.catalog a{text-decoration:none}.catalog img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#eee}.catalog article div{padding:20px}.catalog h2{font-size:20px;margin:0 0 8px}.catalog p{font-size:13px;color:#555;margin:6px 0}footer{margin-top:30px;border-top:1px solid #ddd;font-size:14px}@media(max-width:700px){header{align-items:start;flex-direction:column}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog article div{padding:12px}.catalog h2{font-size:17px}}