:root{--paper:#f3eee4;--ink:#151515;--red:#ef5428;--green:#173c2d;--line:#d6cec0;--card:#fffdf8;--muted:#716a61;--good:#1f7a4b;--bad:#9b3c31}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}.wrap{max-width:1160px;margin:auto;padding:0 28px}header{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(243,238,228,.96);z-index:3}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:27px;font-weight:950;letter-spacing:-1.5px}.logo span{color:var(--red)}.tag{font-size:12px;color:var(--muted)}
.hero{padding:80px 0 68px;border-bottom:1px solid var(--line)}.kicker{color:var(--red);font-size:11px;font-weight:900;letter-spacing:2px}h1{font-size:56px;line-height:1.02;letter-spacing:-3.5px;margin:16px 0 24px}h1 em{font-style:normal;color:var(--green)}.hero p{font-size:18px;color:#5f584f;max-width:840px;line-height:1.5}form{display:flex;gap:10px;margin-top:30px;background:var(--card);padding:8px;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 35px #0000000b}input{flex:1;border:0;background:transparent;padding:18px;font-size:17px;outline:0}form button{border:0;border-radius:12px;background:var(--ink);color:#fff;font-weight:900;padding:0 26px;cursor:pointer}.quick{font-size:12px;color:var(--muted);margin-top:12px}.quick button{border:0;background:none;text-decoration:underline;color:inherit;cursor:pointer}
#r{padding:55px 0 80px}.hidden{display:none}.head{display:flex;justify-content:space-between;align-items:end}.head h2{font-size:34px;margin:8px 0 20px;letter-spacing:-1.4px}#count{font-size:12px;color:var(--muted);margin-bottom:22px}#sources{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.pill{font-size:11px;border:1px solid var(--line);border-radius:99px;padding:8px 11px;background:#ffffff75}.pill.ok:before{content:"● ";color:#25834f}.pill.warn:before{content:"● ";color:#cf8b20}
.selected{display:flex;gap:20px;background:var(--green);color:#fff;border-radius:18px;padding:22px;margin-bottom:32px;align-items:center}.selected img{width:88px;height:132px;object-fit:cover;border-radius:6px}.selected h2{margin:5px 0 7px}.selected .meta{color:#d9e3dc}.isbn{font-weight:900}.score{margin-left:auto;text-align:right}.score strong{display:block;font-size:22px}.score span{font-size:10px;color:#d9e3dc}
.cols{display:grid;grid-template-columns:1.04fr .96fr;gap:28px;align-items:start}h3{font-size:20px}.hint{font-size:11px;color:var(--muted);margin:-9px 0 12px}.book{display:grid;grid-template-columns:62px 1fr auto;gap:13px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--card);margin-bottom:9px;cursor:pointer}.book:hover,.book.active{border-color:var(--green)}.book img,.ph{width:62px;height:92px;object-fit:cover;border-radius:5px;background:#e5ddd1}.book b{display:block;margin-bottom:5px}.meta{font-size:12px;color:var(--muted);line-height:1.5}.badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.badge{font-size:9px;font-weight:800;background:#ece6da;border-radius:99px;padding:4px 6px}.badge.commercial{background:#e4eee7;color:var(--green)}.choose{font-size:11px;font-weight:900;color:var(--green);align-self:center}
.offersHead{display:flex;align-items:center;justify-content:space-between;gap:15px}.best{font-size:12px;font-weight:900;color:var(--good)}.offer{border:1px solid var(--line);background:var(--card);border-radius:13px;padding:15px;margin-bottom:9px}.offerTop{display:flex;justify-content:space-between;gap:15px}.shop{font-weight:900}.price{font-size:19px;font-weight:950}.availability{font-size:12px;margin:5px 0}.availability.yes{color:var(--good)}.availability.no{color:var(--bad)}.availability.unknown{color:var(--muted)}.proof{display:inline-block;font-size:10px;font-weight:900;border-radius:99px;background:#e8efe9;color:var(--green);padding:5px 8px;margin:5px 0}.offer a,.link a{color:var(--green);font-size:12px;font-weight:900;text-decoration:none}.noPrice{font-size:13px;color:var(--muted);font-weight:800}.empty{border:1px dashed var(--line);border-radius:13px;padding:22px;color:var(--muted);font-size:13px;line-height:1.5}
.alert{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:16px;background:#efe8dc}.alert b{display:block;margin-bottom:7px}.alertRow{display:flex;gap:7px}.alert input{min-width:0;border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px}.alert button{border:0;border-radius:9px;background:var(--green);color:#fff;font-weight:800;padding:0 13px}.soon{font-size:10px;color:var(--red);font-weight:900;margin-top:7px}.more{margin-top:40px}.links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.link{background:#ffffff60;border:1px solid var(--line);border-radius:12px;padding:14px}.link b{display:block;margin-bottom:6px}.link span{display:block;color:var(--muted);font-size:11px;min-height:38px;margin-bottom:8px}footer{background:#151515;color:#fff;padding:38px 0}.foot{display:flex;justify-content:space-between;gap:30px}.foot span{max-width:700px;color:#bbb;font-size:12px;line-height:1.5}
@media(max-width:820px){h1{font-size:42px}.cols{grid-template-columns:1fr}.links{grid-template-columns:1fr 1fr}.selected{align-items:start;flex-wrap:wrap}.score{margin-left:0;text-align:left}.tag{display:none}}
.fields{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;flex:1}
label{font-size:10px;font-weight:900;color:var(--muted);padding:5px 10px}
label span{font-weight:400}
label input{display:block;width:100%;padding:8px 0 4px}
@media(max-width:760px){.fields{grid-template-columns:1fr}form{flex-direction:column}form button{min-height:52px}}