.book-container{margin:20px auto;width:90vw;height:750px;max-width:1200px;background:#fff;border-radius:10px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.book{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(0);transition:transform .8s ease}.book-spine{position:absolute;left:50%;top:0;width:40px;height:100%;background:linear-gradient(90deg,#8b4513,sienna,#8b4513);transform:translate(-50%) rotateY(90deg);transform-origin:left center;box-shadow:inset -5px 0 10px #0000004d}.book-cover{position:absolute;width:100%;height:100%;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;text-align:center;box-shadow:0 10px 20px #0000004d;cursor:pointer;transition:transform .3s ease;overflow:hidden;transform:scale(1)}.book-cover img{width:50%;height:100%;object-fit:contain;position:absolute;top:0;left:50}.cover-overlay{position:relative;z-index:2;background:#0009;padding:30px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cover-overlay h2{margin:0 0 10px;font-size:28px;color:#fff}.cover-overlay h3{margin:0 0 15px;font-size:20px;color:#fff}.cover-overlay p{margin:0;font-size:16px;color:#fff;opacity:.9}.book-cover:hover{transform:scale(1.02)}.book-pages{position:absolute;width:100%;height:100%;transform-style:preserve-3d;display:flex;justify-content:center}.page{position:absolute;width:50%;height:100%;background:#fff;transform-origin:left center;transition:transform .8s ease;box-shadow:0 0 20px #0000001a;overflow:hidden}.page.left{left:0;transform:rotateY(0)}.page.right{right:0;transform:rotateY(0)}.page.flipping{transform:rotateY(-180deg);box-shadow:-10px 0 20px #0003}.page.flipping-reverse{transform:rotateY(180deg);transform-origin:right center;box-shadow:10px 0 20px #0003}.book-page-content{padding:0;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.book-page-content img{width:100%;height:100%;object-fit:contain;border-radius:5px;box-shadow:0 5px 15px #0000001a}.book-page-content h3{margin:0 0 15px;color:#333;font-size:20px}.book-page-content p{margin:0;color:#666;line-height:1.6}.page-number{position:absolute;bottom:20px;font-size:14px;color:#999}.page.left .page-number{left:20px}.page.right .page-number{right:20px}.book-controls{margin-top:auto;display:flex;justify-content:space-between;width:100%;padding:15px}.book-controls button{padding:12px 24px;background:#649f00;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s ease}.book-controls button:hover{background:#007cff}.book-controls button:disabled{background:#ccc;cursor:not-allowed}.close-book{position:absolute;top:10px;right:10px;background:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;padding:10px 20px}.close-book:hover{background:#c82333}.book-title{color:#000;font-size:28px;margin-bottom:10px}@media (max-width: 768px){.book-container{width:95vw;height:calc(100vh - 490px)}.cover-overlay{padding:10px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.book-page-content{padding:0}.book-page-content h3{font-size:18px}.book-controls{bottom:-50px;gap:15px}.book-controls button{padding:10px 20px;font-size:14px}.cover-overlay h2{font-size:14px}.cover-overlay p{font-size:12px}.book-cover img{width:80%}.page-number{bottom:-3px;color:#272525}.page.left .page-number{left:10px}.page.right .page-number{right:10px}.catalog-close-btn-red{padding:6px 20px!important}}.book-cover.flipping{transform:rotateY(-90deg);transition:transform .6s ease}.book-cover img.flipping{transform:rotateY(-90deg);transition:transform 1s ease;transform-origin:left}.catalog-close-btn-red{background-color:red;color:#fff;border:none;padding:15px 30px;font-size:16px;align-items:left;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.close-button-catalog{align-self:flex-end;margin:10px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/flip-book-style.css.map */