.t-Header, .t-Header-wrap, .t-Header-branding, .t-Header-logo, .t-Header-nav, .t-NavigationBar, .t-NavigationBar-item, .t-TreeNav, .t-BreadcrumbRegion, .t-Body-nav, .t-Body-actions, .apex-nav-bar, .t-Header-navBar, .t-Region-header .t-Icon, .t-Button-label .t-Icon .t_Footer{display: none !important;visibility: hidden !important;} :root {--cape-orange: #FF6B35;--cape-gold: #FFD700;--deep-blue: #1A1A2E;--street-purple: #6C5CE7;--cape-red: #E63946;--fresh-cyan: #00CEC9;--township-green: #00B894; --bg-gradient: linear-gradient(135deg, #0D1421 0%, #1A1A2E 40%, #16213e 100%);--panel: rgba(255, 255, 255, 0.06);--panel-hover: rgba(255, 107, 53, 0.1);--text: #FFFFFF;--text-muted: #B8B8C8;--border: rgba(255, 255, 255, 0.1);--shadow: 0 25px 50px rgba(0, 0, 0, 0.5);--glow: 0 0 40px rgba(255, 107, 53, 0.3);--radius: 18px;--transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);} *, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;} html, body, .t-PageBody, .tBody {background: var(--bg-gradient) !important;background-attachment: fixed !important;color: var(--text) !important;font-family: 'Inter', system-ui, sans-serif !important;line-height: 1.6 !important;margin: 0 !important;padding: 0 !important;overflow-x: hidden !important;min-height: 100vh !important;}.t-Body-contentInner, .t-Body-main {padding: 0 !important;margin: 0 !important;background: transparent !important;} .emileyx-nav {position: fixed !important;top: 0 !important;left: 0 !important;right: 0 !important;z-index: 99999 !important;backdrop-filter: blur(20px) !important;background: rgba(26, 26, 46, 0.95) !important;border-bottom: 1px solid rgba(255, 215, 0, 0.15) !important;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4) !important;transition: var(--transition) !important;}.emileyx-nav-inner {max-width: 1400px !important;margin: 0 auto !important;padding: 1rem 2rem !important;display: flex !important;align-items: center !important;justify-content: space-between !important;}.emileyx-brand {font-family: 'Bebas Neue', Impact, sans-serif !important;font-size: 2rem !important;letter-spacing: 2px !important;color: var(--cape-orange) !important;text-shadow: var(--glow) !important;text-decoration: none !important;transition: var(--transition) !important;}.emileyx-brand:hover {transform: scale(1.05) !important;color: var(--cape-orange) !important;text-decoration: none !important;}.emileyx-nav-links {display: flex !important;gap: 0.5rem !important;list-style: none !important;}.emileyx-nav-link {padding: 0.8rem 1.4rem !important;border-radius: 30px !important;color: var(--text-muted) !important;text-decoration: none !important;font-weight: 600 !important;text-transform: uppercase !important;letter-spacing: 1px !important;font-size: 0.85rem !important;transition: var(--transition) !important;}.emileyx-nav-link:hover, .emileyx-nav-link.active {background: var(--panel-hover) !important;color: var(--cape-gold) !important;transform: translateY(-2px) !important;text-decoration: none !important;} .books-page-container {padding-top: 80px !important;min-height: 100vh !important;width: 100% !important;}.books-container {max-width: 1400px !important;margin: 0 auto !important;padding: 0 2rem !important;} .books-hero {position: relative !important;min-height: 80vh !important;display: flex !important;align-items: center !important;justify-content: center !important;overflow: hidden !important;text-align: center !important;background: radial-gradient(circle at 20% 80%, rgba(255, 107, 53, 0.15) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(108, 92, 231, 0.15) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(0, 206, 201, 0.08) 0%, transparent 50%), var(--bg-gradient) !important;}.books-hero::before {content: '' !important;position: absolute !important;inset: 0 !important;background: url("#APP_FILES#images/bookpattern.svg") center / cover no-repeat !important;opacity: 0.05 !important;animation: float-pattern 25s linear infinite !important;z-index: 1 !important;}@keyframes float-pattern {0% { transform: rotate(0deg) scale(1.2); }100% { transform: rotate(360deg) scale(1.2); }}.books-hero-title {font-family: 'Bebas Neue', Impact, sans-serif !important;font-size: clamp(3rem, 10vw, 8rem) !important;line-height: 0.85 !important;margin: 1rem 0 2rem !important;text-shadow: 0 0 30px rgba(255, 107, 53, 0.5), 0 8px 16px rgba(0, 0, 0, 0.4) !important;letter-spacing: 3px !important;color: var(--cape-gold) !important;position: relative !important;z-index: 10 !important;}.books-hero-subtitle {font-size: clamp(1.2rem, 3vw, 1.6rem) !important;color: var(--text-muted) !important;margin-bottom: 4rem !important;max-width: 900px !important;margin-left: auto !important;margin-right: auto !important;line-height: 1.4 !important;position: relative !important;z-index: 10 !important;} .books-stats {display: grid !important;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;gap: 2rem !important;margin: 4rem 0 !important;position: relative !important;z-index: 10 !important;}.stat-item {background: var(--panel) !important;border: 1px solid rgba(255, 215, 0, 0.15) !important;border-radius: var(--radius) !important;padding: 2.5rem 1.5rem !important;text-align: center !important;transition: var(--transition) !important;backdrop-filter: blur(15px) !important;position: relative !important;overflow: hidden !important;}.stat-item::after {content: '' !important;position: absolute !important;top: 0 !important;left: 0 !important;right: 0 !important;height: 3px !important;background: linear-gradient(90deg, var(--cape-orange), var(--cape-gold), var(--street-purple)) !important;transform: scaleX(0) !important;transition: transform 0.6s ease !important;}.stat-item:hover::after {transform: scaleX(1) !important;}.stat-item:hover {transform: translateY(-8px) !important;background: var(--panel-hover) !important;border-color: var(--cape-orange) !important;box-shadow: var(--shadow) !important;}.stat-number {font-family: 'Bebas Neue', Impact, sans-serif !important;font-size: 3.5rem !important;color: var(--cape-gold) !important;margin-bottom: 0.5rem !important;text-shadow: var(--glow) !important;line-height: 0.9 !important;}.stat-label {font-weight: 700 !important;color: var(--text-muted) !important;text-transform: uppercase !important;letter-spacing: 1px !important;font-size: 0.9rem !important;} .featured-books {padding: 6rem 0 !important;position: relative !important;}.section-title {font-family: 'Bebas Neue', Impact, sans-serif !important;font-size: clamp(2.5rem, 6vw, 4rem) !important;text-align: center !important;color: var(--cape-orange) !important;text-shadow: var(--glow) !important;letter-spacing: 3px !important;margin-bottom: 4rem !important;} .books-controls {background: var(--panel) !important;border: 1px solid rgba(255, 215, 0, 0.15) !important;border-radius: var(--radius) !important;padding: 2.5rem !important;margin-bottom: 4rem !important;backdrop-filter: blur(15px) !important;position: relative !important;} .search-container {display: flex !important;gap: 1rem !important;margin-bottom: 2rem !important;align-items: center !important;}.book-search-input {flex: 1 !important;padding: 1.2rem 1.5rem !important;border: 2px solid rgba(255, 215, 0, 0.2) !important;border-radius: 30px !important;background: rgba(255, 255, 255, 0.05) !important;color: var(--text) !important;font-size: 1rem !important;transition: var(--transition) !important;}.book-search-input:focus {outline: none !important;border-color: var(--cape-orange) !important;background: rgba(255, 255, 255, 0.08) !important;box-shadow: 0 0 20px rgba(255, 107, 53, 0.3) !important;}.book-search-input::placeholder {color: var(--text-muted) !important;}.search-btn {padding: 1.2rem 2rem !important;border: none !important;border-radius: 30px !important;background: linear-gradient(135deg, var(--cape-orange), var(--cape-red)) !important;color: white !important;font-size: 1.2rem !important;cursor: pointer !important;transition: var(--transition) !important;display: flex !important;align-items: center !important;justify-content: center !important;}.search-btn:hover {transform: translateY(-2px) scale(1.05) !important;box-shadow: 0 10px 25px rgba(255, 107, 53, 0.4) !important;} .books-filters {display: flex !important;flex-wrap: wrap !important;gap: 1rem !important;margin-bottom: 2rem !important;}.filter-btn {padding: 0.8rem 1.5rem !important;border: 2px solid rgba(255, 215, 0, 0.3) !important;border-radius: 25px !important;background: transparent !important;color: var(--text-muted) !important;font-weight: 600 !important;text-transform: uppercase !important;letter-spacing: 1px !important;font-size: 0.85rem !important;cursor: pointer !important;transition: var(--transition) !important;}.filter-btn:hover, .filter-btn.active {background: var(--cape-gold) !important;color: var(--deep-blue) !important;border-color: var(--cape-gold) !important;transform: translateY(-2px) !important;} .sort-container {display: flex !important;align-items: center !important;gap: 1rem !important;}.sort-select {padding: 1rem 1.5rem !important;border: 2px solid rgba(255, 215, 0, 0.2) !important;border-radius: 25px !important;background: rgba(255, 255, 255, 0.05) !important;color: var(--text) !important;font-size: 0.9rem !important;font-weight: 600 !important;cursor: pointer !important;transition: var(--transition) !important;min-width: 200px !important;}.sort-select:focus {outline: none !important;border-color: var(--cape-orange) !important;box-shadow: 0 0 15px rgba(255, 107, 53, 0.3) !important;} .loading-container {text-align: center !important;padding: 4rem 2rem !important;display: none !important;}.loading-container.show {display: block !important;}.loading-spinner {font-size: 4rem !important;animation: spin 2s linear infinite !important;margin-bottom: 2rem !important;}@keyframes spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}.loading-container p {color: var(--text-muted) !important;font-size: 1.2rem !important;font-weight: 600 !important;} .books-grid {display: grid !important;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;gap: 2.5rem !important;margin: 4rem 0 !important;}.book-card {background: var(--panel) !important;border: 1px solid rgba(255, 215, 0, 0.15) !important;border-radius: var(--radius) !important;padding: 0 !important;transition: var(--transition) !important;backdrop-filter: blur(15px) !important;position: relative !important;overflow: hidden !important;cursor: pointer !important;display: flex !important;flex-direction: column !important;}.book-card:hover {transform: translateY(-10px) !important;background: var(--panel-hover) !important;border-color: var(--cape-orange) !important;box-shadow: var(--shadow) !important;}.book-cover {position: relative !important;height: 250px !important;overflow: hidden !important;border-radius: var(--radius) var(--radius) 0 0 !important;}.book-cover img {width: 100% !important;height: 100% !important;object-fit: cover !important;transition: var(--transition) !important;}.book-card:hover .book-cover img {transform: scale(1.05) !important;}.book-cover .book-badge {position: absolute !important;top: 1rem !important;right: 1rem !important;background: var(--cape-orange) !important;color: white !important;padding: 0.5rem 1rem !important;border-radius: 20px !important;font-size: 0.75rem !important;font-weight: 700 !important;text-transform: uppercase !important;letter-spacing: 1px !important;}.book-cover .book-badge.free {background: var(--township-green) !important;}.book-cover .book-badge.featured {background: var(--street-purple) !important;}.book-cover-container {display: flex !important;align-items: center !important;justify-content: center !important;width: 100% !important;height: 250px !important;position: relative !important;overflow: hidden !important;border-radius: var(--radius) var(--radius) 0 0 !important;background: var(--panel) !important;}.book-cover-container .book-cover { position: static !important;width: auto !important;height: auto !important;max-width: 100% !important;max-height: 100% !important;}.book-cover-container .book-cover img {width: auto !important;height: auto !important;max-width: 100% !important;max-height: 100% !important;object-fit: contain !important;border-radius: 8px !important;} .book-cover-container:hover .book-cover {transform: scale(1.05) !important;transition: var(--transition) !important;}.book-cover-container-absolute:hover .book-cover {transform: translate(-50%, -50%) scale(1.05) !important;} @media (max-width: 768px) {.book-cover-container, .book-cover-container-grid, .book-cover-container-absolute, .book-cover-container-original {height: 200px !important;} .book-cover-container-original .book-cover {width: 85% !important;height: 85% !important;}}.book-info {padding: 2rem !important;flex: 1 !important;display: flex !important;flex-direction: column !important;}.book-title {font-family: 'Bebas Neue', Impact, sans-serif !important;font-size: 1.5rem !important;color: var(--cape-gold) !important;margin-bottom: 1rem !important;letter-spacing: 1px !important;line-height: 1.2 !important;}.book-description {color: var(--text-muted) !important;font-size: 0.95rem !important;line-height: 1.6 !important;margin-bottom: 1.5rem !important;flex: 1 !important;}.book-meta {display: flex !important;justify-content: space-between !important;align-items: center !important;margin-bottom: 1.5rem !important;font-size: 0.85rem !important;color: var(--text-muted) !important;}.book-year {font-weight: 600 !important;color: var(--cape-orange) !important;}.book-downloads {display: flex !important;align-items: center !important;gap: 0.5rem !important;}.book-actions {display: flex !important;gap: 1rem !important;margin-top: auto !important;}.book-btn {flex: 1 !important;padding: 0.8rem 1.5rem !important;border: none !important;border-radius: 25px !important;font-weight: 600 !important;text-decoration: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 0.5rem !important;transition: var(--transition) !important;cursor: pointer !important;text-transform: uppercase !important;letter-spacing: 1px !important;font-size: 0.8rem !important;}.book-btn-primary {background: linear-gradient(135deg, var(--cape-orange), var(--cape-red)) !important;color: white !important;}.book-btn-primary:hover {transform: translateY(-2px) !important;box-shadow: 0 8px 20px rgba(255, 107, 53, 0.4) !important;color: white !important;text-decoration: none !important;}.book-btn-secondary {background: transparent !important;border: 2px solid var(--cape-gold) !important;color: var(--cape-gold) !important;}.book-btn-secondary:hover {background: var(--cape-gold) !important;color: var(--deep-blue) !important;transform: translateY(-2px) !important;text-decoration: none !important;} .load-more-container {text-align: center !important;padding: 3rem 0 !important;}.load-more-btn {padding: 1.2rem 3rem !important;border: 2px solid var(--cape-gold) !important;border-radius: 35px !important;background: transparent !important;color: var(--cape-gold) !important;font-weight: 700 !important;text-transform: uppercase !important;letter-spacing: 2px !important;font-size: 1rem !important;cursor: pointer !important;transition: var(--transition) !important;}.load-more-btn:hover {background: var(--cape-gold) !important;color: var(--deep-blue) !important;transform: translateY(-4px) scale(1.05) !important;box-shadow: 0 15px 30px rgba(255, 215, 0, 0.4) !important;} .book-modal {position: fixed !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;background: rgba(0, 0, 0, 0.8) !important;backdrop-filter: blur(10px) !important;z-index: 100000 !important;display: none !important;align-items: center !important;justify-content: center !important;padding: 2rem !important;opacity: 0 !important;transition: var(--transition) !important;}.book-modal.show {display: flex !important;opacity: 1 !important;}.modal-content {background: var(--panel) !important;border: 2px solid rgba(255, 215, 0, 0.2) !important;border-radius: var(--radius) !important;max-width: 800px !important;width: 100% !important;max-height: 90vh !important;overflow-y: auto !important;backdrop-filter: blur(20px) !important;position: relative !important;transform: scale(0.9) !important;transition: var(--transition) !important;}.book-modal.show .modal-content {transform: scale(1) !important;}.modal-header {padding: 2rem 2rem 1rem !important;border-bottom: 1px solid rgba(255, 215, 0, 0.1) !important;display: flex !important;justify-content: space-between !important;align-items: center !important;}.modal-header h3 {font-family: 'Bebas Neue', Impact, sans-serif !important;font-size: 2rem !important;color: var(--cape-gold) !important;letter-spacing: 1.5px !important;margin: 0 !important;}.modal-close {background: none !important;border: none !important;color: var(--text-muted) !important;font-size: 2rem !important;cursor: pointer !important;transition: var(--transition) !important;width: 40px !important;height: 40px !important;display: flex !important;align-items: center !important;justify-content: center !important;border-radius: 50% !important;}.modal-close:hover {background: rgba(255, 107, 53, 0.2) !important;color: var(--cape-orange) !important;transform: rotate(90deg) !important;}.modal-body {padding: 2rem !important;} @media (max-width: 768px) {.emileyx-nav-links {display: none !important;} .books-container {padding: 0 1rem !important;} .books-hero {min-height: 60vh !important;padding: 2rem 0 !important;} .books-stats {grid-template-columns: repeat(2, 1fr) !important;gap: 1.5rem !important;} .books-controls {padding: 2rem 1.5rem !important;} .search-container {flex-direction: column !important;} .books-filters {justify-content: center !important;} .books-grid {grid-template-columns: 1fr !important;gap: 2rem !important;} .book-actions {flex-direction: column !important;} .modal-content {margin: 1rem !important;max-height: 80vh !important;} .modal-header, .modal-body {padding: 1.5rem !important;}}@media (max-width: 480px) {.books-stats {grid-template-columns: 1fr !important;} .stat-item {padding: 2rem 1rem !important;} .stat-number {font-size: 2.5rem !important;}} .t-Region, .t-ContentBlock {background: transparent !important;border: none !important;box-shadow: none !important;margin: 0 !important;padding: 0 !important;}.t-Region-body {padding: 0 !important;margin: 0 !important;} .t-Body-title, .t-Body-header, .t-Body-side {display: none !important;} @media (prefers-reduced-motion: reduce) {* {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;}} .book-featured-badge {position: absolute !important;top: 1rem !important;right: 1rem !important;background: linear-gradient(135deg, var(--street-purple), #8B5FBF) !important;color: white !important;padding: 0.6rem 1.2rem !important;border-radius: 25px !important;font-size: 0.75rem !important;font-weight: 700 !important;text-transform: uppercase !important;letter-spacing: 1.5px !important;z-index: 10 !important;box-shadow: 0 4px 15px rgba(108, 92, 231, 0.4), 0 0 20px rgba(108, 92, 231, 0.2) !important;border: 2px solid rgba(255, 255, 255, 0.2) !important;transition: var(--transition) !important;animation: featuredPulse 3s ease-in-out infinite !important;}.book-featured-badge:hover {transform: scale(1.05) !important;box-shadow: 0 6px 20px rgba(108, 92, 231, 0.6), 0 0 30px rgba(108, 92, 231, 0.4) !important;} @keyframes featuredPulse {0%, 100% {box-shadow: 0 4px 15px rgba(108, 92, 231, 0.4), 0 0 20px rgba(108, 92, 231, 0.2);}50% {box-shadow: 0 6px 20px rgba(108, 92, 231, 0.6), 0 0 30px rgba(108, 92, 231, 0.4);}} .book-badge-new {position: absolute !important;top: 1rem !important;right: 1rem !important;background: linear-gradient(135deg, var(--cape-orange), var(--cape-red)) !important;color: white !important;padding: 0.6rem 1.2rem !important;border-radius: 25px !important;font-size: 0.75rem !important;font-weight: 700 !important;text-transform: uppercase !important;letter-spacing: 1.5px !important;z-index: 10 !important;box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4) !important;border: 2px solid rgba(255, 255, 255, 0.2) !important;transition: var(--transition) !important;} .book-badge-free {position: absolute !important;top: 1rem !important;right: 1rem !important;background: linear-gradient(135deg, var(--township-green), #00A085) !important;color: white !important;padding: 0.6rem 1.2rem !important;border-radius: 25px !important;font-size: 0.75rem !important;font-weight: 700 !important;text-transform: uppercase !important;letter-spacing: 1.5px !important;z-index: 10 !important;box-shadow: 0 4px 15px rgba(0, 184, 148, 0.4) !important;border: 2px solid rgba(255, 255, 255, 0.2) !important;transition: var(--transition) !important;} .book-badge-bestseller {position: absolute !important;top: 1rem !important;right: 1rem !important;background: linear-gradient(135deg, var(--cape-gold), #E6C200) !important;color: var(--deep-blue) !important;padding: 0.6rem 1.2rem !important;border-radius: 25px !important;font-size: 0.75rem !important;font-weight: 700 !important;text-transform: uppercase !important;letter-spacing: 1.5px !important;z-index: 10 !important;box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4), 0 0 20px rgba(255, 215, 0, 0.2) !important;border: 2px solid rgba(26, 26, 46, 0.2) !important;transition: var(--transition) !important;} .book-badge-limited {position: absolute !important;top: 1rem !important;right: 1rem !important;background: linear-gradient(135deg, var(--fresh-cyan), #00B7B7) !important;color: white !important;padding: 0.6rem 1.2rem !important;border-radius: 25px !important;font-size: 0.75rem !important;font-weight: 700 !important;text-transform: uppercase !important;letter-spacing: 1.5px !important;z-index: 10 !important;box-shadow: 0 4px 15px rgba(0, 206, 201, 0.4) !important;border: 2px solid rgba(255, 255, 255, 0.2) !important;transition: var(--transition) !important;} .book-badges-container {position: absolute !important;top: 1rem !important;right: 1rem !important;display: flex !important;flex-direction: column !important;gap: 0.5rem !important;z-index: 10 !important;}.book-badges-container .book-badge {position: static !important;margin: 0 !important;} .book-featured-ribbon {position: absolute !important;top: 1.5rem !important;right: -0.8rem !important;background: linear-gradient(135deg, var(--street-purple), #8B5FBF) !important;color: white !important;padding: 0.5rem 1.5rem !important;font-size: 0.7rem !important;font-weight: 700 !important;text-transform: uppercase !important;letter-spacing: 1px !important;z-index: 10 !important;transform: rotate(20deg) !important;box-shadow: 0 4px 15px rgba(108, 92, 231, 0.4), 0 0 20px rgba(108, 92, 231, 0.2) !important;border: 2px solid rgba(255, 255, 255, 0.2) !important;transition: var(--transition) !important;}.book-featured-ribbon::before {content: '' !important;position: absolute !important;bottom: -8px !important;left: 0 !important;border-left: 8px solid var(--street-purple) !important;border-bottom: 8px solid transparent !important;filter: brightness(0.7) !important;}.book-featured-ribbon::after {content: '' !important;position: absolute !important;bottom: -8px !important;right: 0 !important;border-right: 8px solid var(--street-purple) !important;border-bottom: 8px solid transparent !important;filter: brightness(0.7) !important;} .book-corner-badge {position: absolute !important;top: 0 !important;right: 0 !important;width: 0 !important;height: 0 !important;border-left: 60px solid transparent !important;border-top: 60px solid var(--cape-orange) !important;z-index: 10 !important;}.book-corner-badge::after {content: '★' !important;position: absolute !important;top: -50px !important;right: -8px !important;color: white !important;font-size: 1.2rem !important;font-weight: 700 !important;transform: rotate(45deg) !important;} @media (max-width: 768px) {.book-featured-badge, .book-badge-new, .book-badge-free, .book-badge-bestseller, .book-badge-limited {top: 0.5rem !important;right: 0.5rem !important;padding: 0.4rem 0.8rem !important;font-size: 0.65rem !important;letter-spacing: 1px !important;} .book-badges-container {top: 0.5rem !important;right: 0.5rem !important;gap: 0.3rem !important;} .book-featured-ribbon {top: 1rem !important;right: -0.5rem !important;padding: 0.3rem 1rem !important;font-size: 0.6rem !important;} .book-corner-badge {border-left-width: 45px !important;border-top-width: 45px !important;} .book-corner-badge::after {top: -38px !important;right: -6px !important;font-size: 1rem !important;}} .book-card:hover .book-featured-badge, .book-card:hover .book-badge-new, .book-card:hover .book-badge-free, .book-card:hover .book-badge-bestseller, .book-card:hover .book-badge-limited {transform: scale(1.1) !important;}.book-card:hover .book-featured-ribbon {transform: rotate(20deg) scale(1.05) !important;} @media (prefers-reduced-motion: reduce) {.book-featured-badge {animation: none !important;} .book-featured-badge:hover, .book-card:hover .book-featured-badge, .book-card:hover .book-badge-new, .book-card:hover .book-badge-free, .book-card:hover .book-badge-bestseller, .book-card:hover .book-badge-limited, .book-card:hover .book-featured-ribbon {transform: none !important;}} .book-subtitle {font-size: clamp(1rem, 2.5vw, 1.3rem) !important;color: var(--text-muted) !important;margin-bottom: 1.5rem !important;line-height: 1.5 !important;font-weight: 400 !important;text-align: left !important;}.book-subtitle.center {text-align: center !important;}.book-subtitle.right {text-align: right !important;}.book-subtitle.large {font-size: clamp(1.2rem, 3vw, 1.6rem) !important;margin-bottom: 2rem !important;}.book-subtitle.small {font-size: clamp(0.9rem, 2vw, 1.1rem) !important;margin-bottom: 1rem !important;}.book-subtitle.accent {color: var(--cape-gold) !important;font-weight: 600 !important;}.book-subtitle.muted {color: var(--text-muted) !important;opacity: 0.8 !important;} .purchase-button {padding: 1.2rem 2.5rem !important;border: none !important;border-radius: 35px !important;background: linear-gradient(135deg, var(--cape-orange), var(--cape-red)) !important;color: white !important;font-size: 1rem !important;font-weight: 700 !important;text-decoration: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 0.8rem !important;transition: var(--transition) !important;cursor: pointer !important;text-transform: uppercase !important;letter-spacing: 1.5px !important;position: relative !important;overflow: hidden !important;box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3), 0 0 20px rgba(255, 107, 53, 0.1) !important;min-width: 200px !important;}.purchase-button::before {content: '' !important;position: absolute !important;top: 0 !important;left: -100% !important;width: 100% !important;height: 100% !important;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;transition: left 0.5s ease !important;}.purchase-button:hover::before {left: 100% !important;}.purchase-button:hover {transform: translateY(-3px) scale(1.02) !important;box-shadow: 0 12px 35px rgba(255, 107, 53, 0.4), 0 0 30px rgba(255, 107, 53, 0.2) !important;color: white !important;text-decoration: none !important;}.purchase-button:active {transform: translateY(-1px) scale(0.98) !important;} .purchase-button.gold {background: linear-gradient(135deg, var(--cape-gold), #E6C200) !important;color: var(--deep-blue) !important;box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3), 0 0 20px rgba(255, 215, 0, 0.1) !important;}.purchase-button.gold:hover {box-shadow: 0 12px 35px rgba(255, 215, 0, 0.4), 0 0 30px rgba(255, 215, 0, 0.2) !important;color: var(--deep-blue) !important;}.purchase-button.purple {background: linear-gradient(135deg, var(--street-purple), #8B5FBF) !important;box-shadow: 0 8px 25px rgba(108, 92, 231, 0.3), 0 0 20px rgba(108, 92, 231, 0.1) !important;}.purchase-button.purple:hover {box-shadow: 0 12px 35px rgba(108, 92, 231, 0.4), 0 0 30px rgba(108, 92, 231, 0.2) !important;}.purchase-button.green {background: linear-gradient(135deg, var(--township-green), #00A085) !important;box-shadow: 0 8px 25px rgba(0, 184, 148, 0.3), 0 0 20px rgba(0, 184, 148, 0.1) !important;}.purchase-button.green:hover {box-shadow: 0 12px 35px rgba(0, 184, 148, 0.4), 0 0 30px rgba(0, 184, 148, 0.2) !important;} .btn-preview {padding: 1rem 2rem !important;border: 2px solid var(--cape-gold) !important;border-radius: 30px !important;background: transparent !important;color: var(--cape-gold) !important;font-size: 0.9rem !important;font-weight: 600 !important;text-decoration: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 0.6rem !important;transition: var(--transition) !important;cursor: pointer !important;text-transform: uppercase !important;letter-spacing: 1px !important;position: relative !important;overflow: hidden !important;backdrop-filter: blur(10px) !important;min-width: 160px !important;}.btn-preview::before {content: '' !important;position: absolute !important;top: 0 !important;left: 0 !important;width: 0 !important;height: 100% !important;background: var(--cape-gold) !important;transition: width 0.3s ease !important;z-index: -1 !important;}.btn-preview:hover::before {width: 100% !important;}.btn-preview:hover {color: var(--deep-blue) !important;border-color: var(--cape-gold) !important;transform: translateY(-2px) !important;box-shadow: 0 8px 20px rgba(255, 215, 0, 0.3) !important;text-decoration: none !important;} .btn-preview.orange {border-color: var(--cape-orange) !important;color: var(--cape-orange) !important;}.btn-preview.orange::before {background: var(--cape-orange) !important;}.btn-preview.orange:hover {border-color: var(--cape-orange) !important;color: white !important;box-shadow: 0 8px 20px rgba(255, 107, 53, 0.3) !important;}.btn-preview.purple {border-color: var(--street-purple) !important;color: var(--street-purple) !important;}.btn-preview.purple::before {background: var(--street-purple) !important;}.btn-preview.purple:hover {border-color: var(--street-purple) !important;color: white !important;box-shadow: 0 8px 20px rgba(108, 92, 231, 0.3) !important;}.btn-preview.cyan {border-color: var(--fresh-cyan) !important;color: var(--fresh-cyan) !important;}.btn-preview.cyan::before {background: var(--fresh-cyan) !important;}.btn-preview.cyan:hover {border-color: var(--fresh-cyan) !important;color: white !important;box-shadow: 0 8px 20px rgba(0, 206, 201, 0.3) !important;} .button-group {display: flex !important;gap: 1rem !important;flex-wrap: wrap !important;align-items: center !important;justify-content: center !important;}.button-group.left {justify-content: flex-start !important;}.button-group.right {justify-content: flex-end !important;} .purchase-button .icon, .btn-preview .icon {font-size: 1.1rem !important;transition: var(--transition) !important;}.purchase-button:hover .icon {transform: scale(1.1) !important;}.btn-preview:hover .icon {transform: scale(1.1) !important;} @media (max-width: 768px) {.subtitle {font-size: clamp(0.9rem, 2vw, 1.1rem) !important;margin-bottom: 1.5rem !important;} .subtitle.large {font-size: clamp(1rem, 2.5vw, 1.3rem) !important;margin-bottom: 2rem !important;} .purchase-button {padding: 1rem 2rem !important;font-size: 0.9rem !important;min-width: 180px !important;letter-spacing: 1px !important;} .btn-preview {padding: 0.9rem 1.5rem !important;font-size: 0.8rem !important;min-width: 140px !important;} .button-group {flex-direction: column !important;align-items: stretch !important;} .button-group.left, .button-group.right {align-items: stretch !important;}}@media (max-width: 480px) {.purchase-button, .btn-preview {width: 100% !important;min-width: auto !important;} .subtitle {text-align: center !important;}} @media (prefers-reduced-motion: reduce) {.purchase-button, .btn-preview {transition: none !important;} .purchase-button::before, .btn-preview::before {transition: none !important;} .purchase-button:hover, .btn-preview:hover {transform: none !important;} .purchase-button:hover .icon, .btn-preview:hover .icon {transform: none !important;}} .subtitle {font-size: clamp(1rem, 2.5vw, 1.3rem) !important;color: var(--text-muted) !important;margin-bottom: 2rem !important;line-height: 1.5 !important;font-weight: 400 !important;text-align: center !important;}.subtitle.left {text-align: left !important;}.subtitle.right {text-align: right !important;}.subtitle.large {font-size: clamp(1.2rem, 3vw, 1.6rem) !important;margin-bottom: 2.5rem !important;}.subtitle.small {font-size: clamp(0.9rem, 2vw, 1.1rem) !important;margin-bottom: 1.5rem !important;}.subtitle.accent {color: var(--cape-gold) !important;font-weight: 600 !important;}.subtitle.muted {color: var(--text-muted) !important;opacity: 0.8 !important;} .purchase-button {padding: 1.2rem 2.5rem !important;border: none !important;border-radius: 35px !important;background: linear-gradient(135deg, var(--cape-orange), var(--cape-red)) !important;color: white !important;font-size: 1rem !important;font-weight: 700 !important;text-decoration: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 0.8rem !important;transition: var(--transition) !important;cursor: pointer !important;text-transform: uppercase !important;letter-spacing: 1.5px !important;position: relative !important;overflow: hidden !important;box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3), 0 0 20px rgba(255, 107, 53, 0.1) !important;min-width: 200px !important;}.purchase-button::before {content: '' !important;position: absolute !important;top: 0 !important;left: -100% !important;width: 100% !important;height: 100% !important;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;transition: left 0.5s ease !important;}.purchase-button:hover::before {left: 100% !important;}.purchase-button:hover {transform: translateY(-3px) scale(1.02) !important;box-shadow: 0 12px 35px rgba(255, 107, 53, 0.4), 0 0 30px rgba(255, 107, 53, 0.2) !important;color: white !important;text-decoration: none !important;}.purchase-button:active {transform: translateY(-1px) scale(0.98) !important;} .purchase-button.gold {background: linear-gradient(135deg, var(--cape-gold), #E6C200) !important;color: var(--deep-blue) !important;box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3), 0 0 20px rgba(255, 215, 0, 0.1) !important;}.purchase-button.gold:hover {box-shadow: 0 12px 35px rgba(255, 215, 0, 0.4), 0 0 30px rgba(255, 215, 0, 0.2) !important;color: var(--deep-blue) !important;}.purchase-button.purple {background: linear-gradient(135deg, var(--street-purple), #8B5FBF) !important;box-shadow: 0 8px 25px rgba(108, 92, 231, 0.3), 0 0 20px rgba(108, 92, 231, 0.1) !important;}.purchase-button.purple:hover {box-shadow: 0 12px 35px rgba(108, 92, 231, 0.4), 0 0 30px rgba(108, 92, 231, 0.2) !important;}.purchase-button.green {background: linear-gradient(135deg, var(--township-green), #00A085) !important;box-shadow: 0 8px 25px rgba(0, 184, 148, 0.3), 0 0 20px rgba(0, 184, 148, 0.1) !important;}.purchase-button.green:hover {box-shadow: 0 12px 35px rgba(0, 184, 148, 0.4), 0 0 30px rgba(0, 184, 148, 0.2) !important;} .btn-preview {padding: 1rem 2rem !important;border: 2px solid var(--cape-gold) !important;border-radius: 30px !important;background: transparent !important;color: var(--cape-gold) !important;font-size: 0.9rem !important;font-weight: 600 !important;text-decoration: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 0.6rem !important;transition: var(--transition) !important;cursor: pointer !important;text-transform: uppercase !important;letter-spacing: 1px !important;position: relative !important;overflow: hidden !important;backdrop-filter: blur(10px) !important;min-width: 160px !important;}.btn-preview::before {content: '' !important;position: absolute !important;top: 0 !important;left: 0 !important;width: 0 !important;height: 100% !important;background: var(--cape-gold) !important;transition: width 0.3s ease !important;z-index: -1 !important;}.btn-preview:hover::before {width: 100% !important;}.btn-preview:hover {color: var(--deep-blue) !important;border-color: var(--cape-gold) !important;transform: translateY(-2px) !important;box-shadow: 0 8px 20px rgba(255, 215, 0, 0.3) !important;text-decoration: none !important;} .btn-preview.orange {border-color: var(--cape-orange) !important;color: var(--cape-orange) !important;}.btn-preview.orange::before {background: var(--cape-orange) !important;}.btn-preview.orange:hover {border-color: var(--cape-orange) !important;color: white !important;box-shadow: 0 8px 20px rgba(255, 107, 53, 0.3) !important;}.btn-preview.purple {border-color: var(--street-purple) !important;color: var(--street-purple) !important;}.btn-preview.purple::before {background: var(--street-purple) !important;}.btn-preview.purple:hover {border-color: var(--street-purple) !important;color: white !important;box-shadow: 0 8px 20px rgba(108, 92, 231, 0.3) !important;}.btn-preview.cyan {border-color: var(--fresh-cyan) !important;color: var(--fresh-cyan) !important;}.btn-preview.cyan::before {background: var(--fresh-cyan) !important;}.btn-preview.cyan:hover {border-color: var(--fresh-cyan) !important;color: white !important;box-shadow: 0 8px 20px rgba(0, 206, 201, 0.3) !important;} .button-group {display: flex !important;gap: 1rem !important;flex-wrap: wrap !important;align-items: center !important;justify-content: center !important;}.button-group.left {justify-content: flex-start !important;}.button-group.right {justify-content: flex-end !important;} .purchase-button .icon, .btn-preview .icon {font-size: 1.1rem !important;transition: var(--transition) !important;}.purchase-button:hover .icon {transform: scale(1.1) !important;}.btn-preview:hover .icon {transform: scale(1.1) !important;} @media (max-width: 768px) {.subtitle {font-size: clamp(0.9rem, 2vw, 1.1rem) !important;margin-bottom: 1.5rem !important;} .subtitle.large {font-size: clamp(1rem, 2.5vw, 1.3rem) !important;margin-bottom: 2rem !important;} .purchase-button {padding: 1rem 2rem !important;font-size: 0.9rem !important;min-width: 180px !important;letter-spacing: 1px !important;} .btn-preview {padding: 0.9rem 1.5rem !important;font-size: 0.8rem !important;min-width: 140px !important;} .button-group {flex-direction: column !important;align-items: stretch !important;} .button-group.left, .button-group.right {align-items: stretch !important;}}@media (max-width: 480px) {.purchase-button, .btn-preview {width: 100% !important;min-width: auto !important;} .subtitle {text-align: center !important;}} @media (prefers-reduced-motion: reduce) {.purchase-button, .btn-preview {transition: none !important;} .purchase-button::before, .btn-preview::before {transition: none !important;} .purchase-button:hover, .btn-preview:hover {transform: none !important;} .purchase-button:hover .icon, .btn-preview:hover .icon {transform: none !important;}}