.books{padding:120px clamp(24px,7vw,110px);background:#eef3f2}.books-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.book-card{display:grid;grid-template-columns:minmax(170px,.78fr) 1.22fr;gap:28px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:20px}.book-cover{position:relative;min-height:330px;overflow:hidden;background:#e8eceb;border-radius:11px;box-shadow:0 18px 35px rgba(8,44,56,.16)}.book-cover img{display:block;width:100%;height:100%;object-fit:cover}.book-status{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 10px;background:rgba(8,44,56,.9);color:#fff;border-radius:8px;font-size:11px;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.07em}.book-info{display:flex;flex-direction:column;justify-content:center}.book-info>p:first-child{margin:0 0 10px;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.book-info h3{margin:0;font:800 29px/1.08 "Playfair Display",Georgia,serif}.book-info h4{margin:10px 0 0;color:var(--teal);font-size:13px;line-height:1.5}.book-info>p:not(:first-child){color:var(--muted);font-size:14px}.pay-button{margin-top:auto;padding:12px 15px;border:0;border-radius:10px;background:#e9eeec;color:#617278;font:800 12px Manrope;cursor:not-allowed}.text-cover{display:grid;place-items:center;padding:26px;text-align:center;color:#fff}.text-cover small,.text-cover strong,.text-cover em{display:block}.text-cover small{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.text-cover strong{margin:28px 0 18px;font:800 34px/1.02 "Playfair Display",Georgia,serif}.text-cover em{font:700 13px/1.45 "Playfair Display",Georgia,serif;color:#f7d6a9}.jubilee{background:linear-gradient(155deg,#0b4b5b,#092b35)}.brokenness{background:linear-gradient(155deg,#5e3b2c,#142f38)}.payment-note{display:flex;align-items:center;gap:22px;margin-top:22px;padding:22px 26px;background:var(--navy);color:#fff;border-radius:15px}.payment-note strong{white-space:nowrap;color:var(--amber)}.payment-note span{color:#cad8da;font-size:14px}.approach{padding-top:120px}
@media(max-width:900px){.books-grid{grid-template-columns:1fr}.book-card{grid-template-columns:minmax(170px,.65fr) 1.35fr}}
@media(max-width:600px){.books{padding:76px 20px}.book-card{grid-template-columns:1fr;padding:18px}.book-cover{min-height:420px}.book-info{padding:8px 2px}.book-info h3{font-size:27px}.pay-button{margin-top:16px}.payment-note{display:grid;padding:20px}.payment-note strong{white-space:normal}}
