:root{--primary-blue:#1e5292;--dark-blue:#164175;--orange-gold:#ffa726;--white:#fff;--light-bg:#f9f9f9;--text-dark:#222;--text-medium:#444;--border-color:#ccc}.productBook-page{color:var(--text-dark);background:#fff;font-family:sans-serif;line-height:1.8}.productBook-hero{background:var(--primary-blue);text-align:center;color:#fff;padding:40px 20px}.hero-content{max-width:1400px;margin:0 auto}.productBook-hero h1{letter-spacing:1px;text-transform:uppercase;font-size:25px;font-weight:700}.productBook-wrapper{gap:10px;max-width:1400px;margin:40px auto;padding:0 10px;display:flex}.productBook-sidebar{flex-shrink:0;width:180px;height:fit-content;top:10px}.sidebar-card{border:1px solid var(--border-color);background:#fff;margin-bottom:20px;padding:10px}.sidebar-card h3{color:var(--primary-blue);letter-spacing:.5px;border-bottom:2px solid var(--primary-blue);margin-bottom:15px;padding-bottom:10px;font-size:12px;font-weight:700}.sidebar-card ul{margin-top:15px;padding:0;list-style:none}.sidebar-card li{border-bottom:1px dotted #ddd;margin-bottom:8px;padding-bottom:8px}.sidebar-card li a{color:var(--text-medium);font-size:12px;text-decoration:none;transition:color .2s;display:block}.productBook-container{flex:1;min-width:0}.productBook-section{border:1px solid var(--border-color);background:#fff;margin-bottom:10px;padding:10px}.productBooks-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;width:100%;display:grid}.book-card{cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.book-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.textbook-publications-page .book-cover{box-sizing:border-box;background:#f8f9fa;justify-content:center;align-items:center;width:100%;height:270px;padding:12px;display:flex;overflow:hidden}.textbook-publications-page .book-cover img{object-fit:contain;border-radius:2px;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .3s;box-shadow:0 4px 10px #00000026}.textbook-publications-page .book-card:hover .book-cover img{transform:scale(1.05)}.book-info{flex-grow:1;padding:15px}.book-info h3{font-size:14px;font-weight:700}.book-info p{color:var(--text-medium);margin:5px 0 0;font-size:12.5px;font-style:italic;line-height:1.5}.co-authors-text{color:var(--text-medium)}@media (max-width:1024px){.productBooks-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}}@media (max-width:768px){.productBook-wrapper{flex-direction:column}.productBook-sidebar{width:100%;margin-bottom:20px;position:relative;top:0}.sidebar-card ul{flex-wrap:wrap;gap:10px;display:flex}.sidebar-card li{background:var(--light-bg);border-bottom:none;border:1px solid var(--border-color);border-radius:20px;margin-bottom:0;padding:5px 15px}.productBooks-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.productBook-section{padding:25px 20px}}@media (max-width:480px){.productBooks-grid{grid-template-columns:1fr}.productBook-hero{padding:40px 15px 25px}.productBook-hero h1{font-size:22px}.productBook-wrapper{margin:30px auto;padding:0 15px}.productBook-section{padding:20px 15px}}.book-buttons{margin-top:auto;padding:0 15px 15px}.preview-btn{background-color:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;padding:10px;font-size:14px;font-weight:600;transition:background-color .3s}.preview-btn:hover{background-color:#031b38}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:40px;display:flex}.page-numbers{gap:5px;display:flex}.pag-btn{border:1px solid var(--border-color);cursor:pointer;background:#ddd;border-radius:4px;padding:8px 14px;transition:all .3s}.page{border:1px solid var(--border-color);cursor:pointer;background:#ddd;border-radius:4px;padding:3px 8px;transition:all .3s}.pag-btn:hover:not(:disabled),.page:hover:not(.active){border-color:var(--text-medium);background:#fff}.pag-btn:disabled{opacity:.5;cursor:not-allowed}.page.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}