.ir-book { padding: 145px 21px; }
.ir-card { max-width: 900px; margin: auto; display: grid; grid-template-columns: 275px 1fr; gap: 45px; align-items: center; }
.book-cover img { width: 100%; display: block; }
.book-info span { color: #00bfa5; font-weight: 500; letter-spacing: -0.75px; }
.book-info h2 { margin: 15px 0; font-size: 3rem; color: #002121; letter-spacing: -1px; }
.book-info p { color: #757575; line-height: 1.75; }
.book-actions { display: flex; gap: 15px; margin-top: 30px; flex-wrap: wrap; }
.book-actions a { text-decoration: none; background: #00bfa5; color: #002121; padding: 15px 21.75px; border-radius: 999px; cursor: pointer; }
.book-modal { position: fixed; inset: 0; background: #002121; display: none; align-items: center; justify-content: center; z-index: 9999; padding: 21px; }
.book-modal.active { display: flex; }
.close-book { position: absolute; top: 21px; right: 21px; width: 55px; height: 55px; border: none; border-radius: 50%; background: #fff; cursor: pointer; }
#flipbook { width: 1000px; height: 500px; max-width: 100%; max-height: 90vh; }
@media (max-width:755px) { .ir-book { padding: 75px 21px; } .ir-card { grid-template-columns: 1fr; text-align: center; gap: 30px; } .book-cover { max-width: 245px; margin: 0 auto; } .book-info h2 { font-size: 2.21rem; } .book-actions { justify-content: center; } #flipbook { width: 100%; height: 55vh; } }
@media (max-width:475px) { .ir-book { padding: 55px 15px; } .book-info h2 { font-size: 1.75rem; } .book-info p { font-size: 0.9rem; } .book-actions a { width: 100%; text-align: center; padding: 15px; } .close-book { width: 45px; height: 45px; } #flipbook { width: 100%; height: 50vh; } }