*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#19332b;font:17px/1.6 system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:36px 24px}a{color:#225d49}.catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}article,section{padding:24px;border:1px solid #d8dfd9;border-radius:12px;background:white}article{margin:16px 0}img{max-width:100%;height:auto;max-height:350px;object-fit:contain}button{padding:12px 20px;margin:8px;background:#225d49;color:white;border:0;border-radius:6px;font:inherit;cursor:pointer}button:disabled{opacity:.5}input{font:inherit;width:70px;padding:8px}li{margin:16px 0}p{white-space:pre-line}