@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Cinzel:wght@600;700;900&display=swap";:root{--bg-color:#0e0a06;--bg-surface:#1a1108;--bg-surface-hover:#271b0d;--accent-red:#d42b2b;--accent-red-hover:#f03333;--accent-yellow:#e8a020;--accent-yellow-hover:#ffb83a;--accent-gold:#c9851a;--amazon-orange:#f90;--amazon-orange-hover:#ffad33;--amazon-dark:#131921;--text-main:#f7f0e6;--text-muted:#a89070;--text-dim:#7a6850;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Cinzel", Georgia, serif;--border:#e8a0201f;--border-strong:#e8a02047;--card-bg:#15100a;--card-hover:#1f160d;--shadow-glow:0 0 30px #d42b2b26;--shadow-gold:0 8px 30px #e8a02026;--sidebar-width:300px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.pulp-title{font-family:var(--font-main);color:var(--text-main);font-weight:800;line-height:1.2}h1{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2rem,3.8vw,3.2rem)}h2{color:var(--accent-yellow);letter-spacing:-.01em;margin-bottom:.75rem;font-size:clamp(1.5rem,2.8vw,2.2rem)}h3{margin-bottom:.35rem;font-size:1.2rem}p{color:var(--text-muted);margin-bottom:1rem;font-size:1rem}a{color:var(--accent-yellow);text-decoration:none;transition:all .2s}a:hover{color:var(--accent-yellow-hover)}.logo{color:var(--text-main);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;text-decoration:none;display:flex}.logo span{color:var(--accent-yellow)}.logo:hover{color:var(--accent-yellow-hover)}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-strong);z-index:100;background:#120c06f7;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#120c06fc;padding:1.5rem 1.25rem 1rem;position:sticky;top:0}.sidebar-nav{padding:1rem 0 2rem}.nav-list{list-style:none}.nav-list li a{color:var(--text-muted);border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:.55rem 1.25rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-list li a:hover{color:var(--accent-yellow);background:#e8a0200f}.nav-list li a.active{color:var(--accent-yellow);border-left-color:var(--accent-yellow);background:#e8a0201a}.nav-list li a .count{color:var(--text-main);background:#ffffff14;border-radius:20px;padding:.1rem .5rem;font-size:.72rem}.nav-header{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-gold);padding:1.25rem 1.25rem .4rem;font-size:.72rem;font-weight:800}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;max-width:1500px;min-height:100vh;padding:2.5rem 3.5rem;display:flex}.breadcrumbs{color:var(--text-dim);border:1px solid var(--border);background:#1a110899;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.6rem 1rem;font-size:.85rem;display:flex}.breadcrumbs a{color:var(--text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent-yellow);text-decoration:underline}.breadcrumbs .separator{color:var(--text-dim);-webkit-user-select:none;user-select:none}.breadcrumbs .current{color:var(--accent-yellow);font-weight:600}.mobile-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:200;border-bottom:1px solid var(--border-strong);background-color:#0e0a06fa;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:none;position:sticky;top:0}.mobile-menu-btn{border:1px solid var(--border-strong);color:var(--text-main);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:.4rem;display:flex}.mobile-menu-btn svg{width:22px;height:22px}.hero{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding:1.5rem 0 2.5rem}.hero-badge{color:var(--accent-yellow);background:linear-gradient(135deg,#d42b2b33,#e8a02033);border:1px solid #e8a02066;border-radius:50px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.35rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.hero h1{background:linear-gradient(135deg, var(--text-main) 40%, var(--accent-yellow) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stats-banner{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2.5rem;padding:1.75rem 2rem;display:grid}.stat-card{text-align:center}.stat-number{background:linear-gradient(135deg, var(--accent-red), var(--accent-yellow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1.1;display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.78rem;font-weight:600}.pseo-search-container{margin:1.5rem 0 2.5rem;position:relative}.pseo-search-input{background:var(--card-bg);border:2px solid var(--border-strong);width:100%;color:var(--text-main);font-size:1.05rem;font-family:var(--font-main);border-radius:12px;outline:none;padding:1rem 1.25rem 1rem 3.25rem;transition:all .3s}.pseo-search-input:focus{border-color:var(--accent-yellow);box-shadow:0 0 20px #e8a02033}.pseo-search-icon{color:var(--accent-yellow);pointer-events:none;width:20px;height:20px;position:absolute;top:50%;left:1.2rem;transform:translateY(-50%)}.tags-row{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.tag-pill{border:1px solid var(--border-strong);color:var(--accent-yellow);background:#e8a02014;border-radius:50px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.tag-pill:hover{background:var(--accent-yellow);color:#1a0a00;transform:translateY(-2px)}.tag-pill-genre{color:#ff7575;background:#d42b2b1f;border-color:#d42b2b59}.tag-pill-genre:hover{background:var(--accent-red);color:#fff}.product-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.75rem;padding-bottom:3rem;display:grid}.book-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden}.book-card:hover{border-color:#e8a02073;transform:translateY(-6px);box-shadow:0 15px 35px #0009}.book-img-wrapper{aspect-ratio:2/3;background:var(--bg-surface);position:relative;overflow:hidden}.book-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.book-card:hover .book-img-wrapper img{transform:scale(1.05)}.store-badge{text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;border-radius:50px;padding:.25rem .65rem;font-size:.68rem;font-weight:800;position:absolute;top:.6rem;right:.6rem}.badge-afrikaans{color:#1a0a00;background:#e8a020e6}.badge-english,.badge-panther{color:#fff;background:#d42b2be6}.book-number{background-color:var(--accent-red);color:#fff;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:.6rem;left:.6rem;box-shadow:0 2px 6px #0009}.book-content{flex-direction:column;flex:1;padding:1.15rem;display:flex}.book-content h3{margin-bottom:.25rem;font-size:1.05rem;line-height:1.3}.book-content h3 a{color:var(--text-main);text-decoration:none}.book-content h3 a:hover{color:var(--accent-yellow)}.book-content .author{color:var(--text-muted);margin-bottom:.75rem;font-size:.82rem}.book-content .author a{color:var(--accent-gold)}.book-card-actions{flex-direction:column;gap:.4rem;margin-top:auto;display:flex}.btn-amazon{cursor:pointer;background:linear-gradient(135deg,#f90,#e68a00);border:1px solid #cca300;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.88rem;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #ff990040;color:#111!important}.btn-amazon:hover{background:linear-gradient(135deg,#ffaa1a,#f90);transform:translateY(-2px);box-shadow:0 6px 20px #f906;color:#000!important}.btn-amazon-lg{border-radius:10px;width:fit-content;padding:.95rem 2rem;font-size:1.1rem}.btn-amazon svg{fill:currentColor;width:18px;height:18px}.btn-secondary{background:var(--bg-surface-hover);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;padding:.5rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex}.btn-secondary:hover{color:var(--accent-yellow);border-color:var(--accent-yellow);background:#e8a0201a}.book-detail-hero{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:20px;grid-template-columns:340px 1fr;gap:3rem;margin-bottom:3.5rem;padding:2.5rem;display:grid}.book-detail-cover-wrapper{position:relative}.book-detail-cover-wrapper img{border:1px solid var(--border-strong);border-radius:12px;width:100%;display:block;box-shadow:0 20px 50px #000c}.book-detail-info{flex-direction:column;display:flex}.book-detail-info h1{margin-bottom:.5rem;font-size:clamp(2rem,3vw,2.75rem);line-height:1.15}.book-detail-meta-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:.75rem 0;font-size:.9rem;display:flex}.book-detail-meta-bar .author-link{color:var(--accent-yellow);font-size:1.05rem;font-weight:700}.reviews-link{color:var(--accent-yellow);text-underline-offset:3px;font-weight:600;text-decoration:underline;transition:color .2s}.reviews-link:hover{color:#fff}.book-synopsis{color:var(--text-main);margin-bottom:2rem;font-size:1.05rem;line-height:1.75}.book-specs-grid{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:2rem;padding:1.25rem;display:grid}.spec-item{flex-direction:column;display:flex}.spec-label{text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em;font-size:.72rem;font-weight:700}.spec-val{color:var(--text-main);margin-top:.2rem;font-size:.95rem;font-weight:600}.hub-hero{background:linear-gradient(135deg, var(--bg-surface) 0%, #271b0d99 100%);border:1px solid var(--border-strong);border-radius:20px;margin-bottom:3rem;padding:2.5rem}.hub-hero h1{margin-bottom:.5rem}.hub-tagline{color:var(--accent-yellow);margin-bottom:1.25rem;font-size:1.2rem;font-weight:600}.hub-description{color:var(--text-muted);max-width:1000px;font-size:1.05rem;line-height:1.7}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.directory-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.directory-card:hover{border-color:var(--accent-yellow);box-shadow:var(--shadow-gold);transform:translateY(-4px)}.directory-card h3{color:var(--text-main);margin-bottom:.5rem;font-size:1.2rem}.directory-card:hover h3{color:var(--accent-yellow)}.directory-card p{color:var(--text-muted);flex:1;margin-bottom:1rem;font-size:.9rem}.directory-card .card-footer{color:var(--accent-gold);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;display:flex}.site-footer{border-top:1px solid var(--border);color:var(--text-dim);margin-top:auto;padding:3rem 0 2rem;font-size:.85rem}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:2.5rem;margin-bottom:2.5rem;display:grid}.footer-col h4{color:var(--text-main);margin-bottom:1rem;font-size:.95rem}.footer-links{flex-direction:column;gap:.5rem;list-style:none;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--accent-yellow)}.footer-bottom{text-align:center;border-top:1px solid #e8a02014;padding-top:1.5rem}@media (width<=1100px){.sidebar{transition:transform .3s ease-in-out;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #000000d9}.main-content{margin-left:0;padding:2rem 1.5rem}.mobile-header{display:flex}.stats-banner{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.book-detail-hero{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.book-detail-cover-wrapper{max-width:280px;margin:0 auto}.stats-banner{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.footer-grid{grid-template-columns:1fr;gap:2rem}}
