*{box-sizing:border-box}body{margin:0;font:17px/1.6 Georgia,"Times New Roman",serif;color:#2b2622;background:#faf6ef;display:flex;flex-direction:column;min-height:100vh}
main{flex:1 0 auto;width:100%}
a{color:#7a3e1d}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.top{background:#2f4a2c;color:#f6efe2}.top .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:14px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:10px;color:#f6efe2;text-decoration:none;font-size:22px;font-weight:bold}
nav a{color:#f6efe2;text-decoration:none;margin-left:18px;font-family:system-ui,sans-serif;font-size:15px}nav a:hover{text-decoration:underline}
.notice{background:#e6c16a;color:#3a2d12;text-align:center;padding:8px 16px;font:14px system-ui,sans-serif}
.hero{padding:56px 0 36px}.hero h1{font-size:40px;line-height:1.2;margin:0 0 16px}.hero p{max-width:640px}
.btn{display:inline-block;background:#7a3e1d;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-family:system-ui,sans-serif}
.lead{font-size:19px;max-width:720px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px;margin:24px 0 48px}
.book h3{margin:12px 0 2px;font-size:19px}.by{margin:0;color:#6b6259;font-size:14px;font-family:system-ui,sans-serif}.desc{font-size:15px}.price{font-weight:bold;margin:0}
.cover{position:relative;aspect-ratio:2/3;border-radius:4px 10px 10px 4px;background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0) 32%,rgba(0,0,0,0) 62%,rgba(0,0,0,.75)),var(--img,none) center/cover no-repeat,linear-gradient(160deg,var(--c1) 55%,var(--c2));box-shadow:inset 8px 0 0 rgba(0,0,0,.18),0 6px 16px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:space-between;padding:22px 16px 16px 24px;color:#fff}
.ct{font-size:22px;line-height:1.2;font-weight:bold;text-shadow:0 1px 2px rgba(0,0,0,.4)}.ca{font:13px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.about-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;border-top:1px solid #e0d6c6;padding:32px 0 48px}
footer{background:#efe7da;border-top:1px solid #e0d6c6;padding:24px 0;font-size:14px;font-family:system-ui,sans-serif;color:#5d554c}.small{font-size:12px}
@media (max-width:600px){.hero h1{font-size:30px}nav a{margin:0 14px 0 0}}
/* обложка с уже напечатанными названием и автором: без затемнения и наложения текста */
.cover.full{background:var(--img) center/cover no-repeat,var(--c1)}
.cover.full span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}