*{box-sizing:border-box}body{margin:0;background:#090c12;color:#eee9df;font:15px Arial,sans-serif}header{display:flex;align-items:center;gap:24px;padding:15px 5vw;background:#111624;border-bottom:1px solid #9f8048}header img{height:75px;width:75px;object-fit:cover}header strong{color:#e5c17a;letter-spacing:3px;font-size:20px}small{display:block;color:#b5a47d;font-size:10px;letter-spacing:2px;margin-top:6px}header select{margin-left:auto}main{max-width:1350px;margin:auto;padding:30px 20px}h1,h2,h3{font-family:Georgia,serif}h1{font-size:clamp(29px,4vw,49px);color:#e4c07d}p{line-height:1.55;color:#c7c3bc}input,select{background:#1a1e25;color:#fff;border:1px solid #695634;padding:12px;border-radius:8px;width:100%;min-width:0}button,.tools a{cursor:pointer;background:#c6a05d;color:#211707;border:0;border-radius:8px;padding:12px;font-weight:bold;text-decoration:none}button:disabled{opacity:.35;cursor:not-allowed}.outline{background:transparent;border:1px solid #a58852;color:#d8b979}#login{max-width:450px;margin:50px auto;padding:30px;background:#171c25;border:1px solid #765b32;border-radius:16px}#loginForm{display:grid;gap:13px}#error{color:#ff9999}[hidden]{display:none!important}.intro{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{letter-spacing:3px;font-size:11px;color:#bd995e}#filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:28px 0}#cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:17px}.card{background:#171c24;border:1px solid #53452e;border-radius:13px;overflow:hidden}.photo{height:155px;display:grid;place-content:center;background:linear-gradient(130deg,#222b35,#10151c);text-align:center;color:#8c744c}.photo img{width:100%;height:155px;object-fit:cover}.pad{padding:18px}.pad h3{min-height:64px;font-size:19px}.price{color:#e2bf7b;font:27px Georgia}.commission{background:#342a1e;border:1px solid #9c763f;color:#f4d9a4;border-radius:8px;padding:11px;font-weight:bold}.pad button{margin-top:8px;width:100%}dialog{background:#171c24;color:#eee9df;border:1px solid #9f8048;border-radius:14px;width:min(700px,96vw);max-height:90vh;overflow:auto;padding:25px}dialog::backdrop{background:#000d}.tools{display:flex;flex-wrap:wrap;gap:9px}#close{float:right}@media(max-width:600px){header{flex-wrap:wrap}.intro{align-items:flex-start}header img{width:56px;height:56px}}