.first-books{padding:85px 0;background:#faf5ed;position:relative}
.first-books .section-head{margin-bottom:36px}.first-books .section-head:after{color:#c9a38d}
.books-gallery{display:flex;gap:28px;max-width:1040px;margin:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:12px 10px 25px;overscroll-behavior-x:contain}
.real-book{display:flex;flex:0 0 calc((100% - 56px)/3);flex-direction:column;align-items:center;gap:10px;min-width:0;scroll-snap-align:center}
.book-frame{width:100%;max-width:245px;aspect-ratio:595/842;position:relative;transform:rotate(-3deg);transition:transform .25s;box-shadow:10px 14px 0 #a98b7151;border:8px solid #fffdf5;background:#fff;border-radius:5px 15px 12px 6px;overflow:hidden}
.real-book:nth-child(2) .book-frame{transform:rotate(2.5deg)}.real-book:nth-child(3) .book-frame{transform:rotate(-1.5deg)}.real-book:hover .book-frame{transform:rotate(0deg) translateY(-4px)}
.book-frame img{display:block;width:100%;height:100%;object-fit:cover}.real-book h3{font-size:25px;margin:12px 0 0}.real-book p{font-size:13px;color:#8b786e;text-align:center;max-width:230px;margin:0;line-height:1.6}
.peek-page{border:0;background:#f3e4d7;color:#8d5a46;border-radius:15px 13px 18px 12px;padding:9px 15px;font:700 18px Caveat,cursive;cursor:pointer}.peek-page:hover{background:#ead0be}
.sample-note{text-align:center;max-width:560px;margin:28px auto 0;color:#978171;font-size:12px;line-height:1.7}
.gallery-tip{text-align:center;margin:-8px auto 12px;max-width:480px;font:600 20px Caveat,cursive;color:#a46d58}
.page-controls{display:flex;align-items:center;gap:13px;margin-top:5px;background:#f5e7dc;border-radius:999px;padding:5px}.page-count{min-width:78px;text-align:center;color:#895b49;font:700 17px Caveat,cursive}.page-arrow{border:0;background:#fff9f1;color:#895b49;border-radius:50%;width:31px;height:31px;cursor:pointer;font-size:25px;line-height:1}.page-arrow:hover{background:#e9cbbb}
@media(max-width:700px){.first-books{padding:65px 0}.books-gallery{gap:22px;padding-left:8%;padding-right:8%}.real-book{flex:0 0 84%;scroll-snap-align:center}.book-frame{max-width:245px}.real-book h3{margin-top:6px}}