.catalog-page{width:100%;overflow-x:hidden}.hero-section{position:relative;width:100%;max-width:100vw;min-height:720px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:48px 0 56px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#0c0a09;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.cf-ambience-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.cf-ambience-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.22) blur(36px);transform:scale(1.18);transition:opacity .8s ease,filter .8s ease}.cf-ambience-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#0c0a0959,#0c0a09f0)}.cf-container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 16px;z-index:10;display:flex;flex-direction:column;align-items:center}.cf-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:28px}.cf-eyebrow-line{width:36px;height:1px}.cf-eyebrow-line-left{background:linear-gradient(90deg,transparent,#c5a880)}.cf-eyebrow-line-right{background:linear-gradient(90deg,#c5a880,transparent)}.cf-eyebrow-text{font-size:.75rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#c5a880;margin:0}.cf-stage-3d{position:relative;width:100%;height:500px;display:flex;justify-content:center;align-items:center;perspective:1400px;margin-bottom:24px}.cf-card-3d{position:absolute;width:320px;height:480px;border-radius:18px;overflow:hidden;background-color:#171311;border:1px solid rgba(255,255,255,.12);transform-origin:center center;transition:all .8s cubic-bezier(.25,1,.5,1);will-change:transform,opacity,filter}.cf-card-3d img.cf-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.cf-card-3d-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#252535;color:#fff6}.cf-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0006,#0000001a 25%,#000000ad 60%,#000000f5);pointer-events:none;z-index:10}.cf-content-overlay{position:relative;width:100%;height:100%;padding:20px 20px 24px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;z-index:20;transition:opacity .5s ease,transform .5s ease}.cf-card-tag-wrap{text-align:right;width:100%;padding-right:4px}.cf-card-tag{display:inline-block;font-size:.76rem;font-weight:600;letter-spacing:.06em;color:#ffffffe6;text-shadow:0 2px 6px rgba(0,0,0,.8);background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 10px;border-radius:9999px;border:1px solid rgba(255,255,255,.15)}.cf-card-body{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:auto;padding-bottom:4px}.cf-card-title-1{font-size:clamp(.92rem,2.2vw,1.15rem);font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:#fff;margin:0;line-height:1.25;text-shadow:0 2px 10px rgba(0,0,0,.95);max-width:280px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cf-card-title-2{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#f3f0ea;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.9);max-width:260px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-card-gold-bar{width:30px;height:2px;background-color:#c5a880;border-radius:2px;margin:5px auto 4px;box-shadow:0 0 8px #c5a880b3}.cf-card-desc{font-size:.75rem;font-style:italic;color:#ffffffe6;max-width:260px;margin:0 0 10px;line-height:1.35;text-shadow:0 2px 8px rgba(0,0,0,.9);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}.cf-card-cta-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:9999px;background:linear-gradient(135deg,#c5a880,#a48256);color:#110d0c;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;box-shadow:0 4px 14px #0006,0 0 15px #c5a8804d;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.cf-card-cta-btn:hover{transform:scale(1.05);box-shadow:0 6px 18px #00000080,0 0 20px #c5a88080;color:#000}.cf-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background-color:#0000008c;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;box-shadow:0 8px 24px #0006;z-index:40;transition:all .2s ease}.cf-nav-btn:hover{background-color:#c5a8804d;border-color:#c5a88099;transform:translateY(-50%) scale(1.08);color:#fff}.cf-nav-prev{left:24px}.cf-nav-next{right:24px}.cf-dots-wrap{display:flex;align-items:center;justify-content:center;gap:8px;z-index:30}.cf-dot-btn{height:8px;width:8px;border-radius:9999px;background-color:#ffffff40;border:none;cursor:pointer;transition:all .3s ease;padding:0}.cf-dot-btn.active{width:28px;background-color:#c5a880;box-shadow:0 0 10px #c5a880b3}.catalog-section{max-width:1200px;margin:0 auto;padding:36px 24px 64px}.catalog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.catalog-title{font-size:18px;font-weight:700;color:var(--n-text)}.catalog-count{font-size:13px;color:var(--n-muted);margin-top:2px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-select{padding:7px 10px;border:1px solid var(--n-border);border-radius:6px;font-size:13px;font-family:inherit;color:var(--n-text);background:var(--n-bg);cursor:pointer;outline:none;transition:border .15s}.filter-select:focus{border-color:var(--n-text)}.filter-search-wrap{display:flex;align-items:center;border:1px solid var(--n-border);border-radius:6px;background:var(--n-bg);overflow:hidden;transition:border .15s}.filter-search-wrap:focus-within{border-color:var(--n-text)}.filter-search-icon{padding:0 10px;color:var(--n-muted);display:flex;align-items:center}.filter-search-input{border:none;outline:none;padding:7px 0;font-size:13px;font-family:inherit;color:var(--n-text);background:transparent;width:180px}.filter-btn{padding:7px 14px;background:#dbaf6c;color:#fff;border:none;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;border-radius:6px;transition:opacity .15s}.filter-btn:hover{opacity:.85}.filter-reset{font-size:12px;color:var(--n-muted);text-decoration:none;padding:7px 10px;border-radius:6px;transition:.15s}.filter-reset:hover{background:var(--n-hover);color:var(--n-text)}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:900px){.book-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.book-grid{grid-template-columns:repeat(2,1fr)}}.book-card{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;display:block;text-decoration:none}.book-card-cover{aspect-ratio:2/3;background:var(--n-bg-soft);border:1px solid var(--n-border);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .25s,box-shadow .25s}.book-card:hover .book-card-cover{transform:scale(1.03);box-shadow:0 16px 40px #0000002e}.book-card-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.book-card-placeholder{font-size:36px;text-align:center}.book-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:14px;opacity:0;transition:opacity .22s}.book-card:hover .book-card-overlay{opacity:1}.book-card-overlay-title{font-size:13px;font-weight:700;color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:3px}.book-card-overlay-author{font-size:11px;color:#ffffffbf;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.book-card-overlay-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 0;background:#fff;color:#111;border-radius:6px;font-size:12px;font-weight:700;transition:background .15s;width:100%}.book-card-overlay-btn:hover{background:#f0f0f0}.empty-state-wrap{grid-column:1 / -1;padding:48px 16px;display:flex;justify-content:center;align-items:center;width:100%}.empty-state-card{max-width:480px;width:100%;padding:44px 32px;background:#fff;border:1.5px dashed var(--n-border);border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 20px #00000005}.empty-state-icon-box{width:64px;height:64px;border-radius:50%;background:#fdf6eb;color:#b8904e;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:1px solid rgba(219,175,108,.3)}.empty-state-title{font-size:18px;font-weight:700;color:var(--n-text);margin-bottom:8px}.empty-state-sub{font-size:14px;color:var(--n-muted);line-height:1.5;margin-bottom:22px;max-width:340px}.empty-state-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:#dbaf6c;color:#fff;font-size:13px;font-weight:600;border-radius:8px;text-decoration:none;transition:background .15s ease,transform .15s ease}.empty-state-btn:hover{background:#b8904e;transform:translateY(-1px);color:#fff}.g4-section{padding:24px 0 32px;width:100%;overflow:hidden;position:relative}.g4-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:20px}.g4-title-wrap{max-width:600px}.g4-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#d97706;margin-bottom:6px}.g4-title{font-size:26px;font-weight:800;color:var(--n-text);letter-spacing:-.02em;line-height:1.2;margin-bottom:4px}.g4-desc{font-size:13.5px;color:var(--n-muted);line-height:1.5;margin:0}.g4-nav-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.g4-nav-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--n-border);background:#fff;color:var(--n-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000000a}.g4-nav-btn:hover:not(:disabled){background:var(--n-bg-soft);border-color:#d97706;color:#d97706;transform:scale(1.05)}.g4-nav-btn:disabled{opacity:.35;cursor:not-allowed}.g4-carousel-track-wrap{width:100%;overflow:hidden;position:relative}.g4-carousel-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0 12px}.g4-carousel-track::-webkit-scrollbar{display:none}.g4-card{flex:0 0 240px;scroll-snap-align:start;border-radius:14px;overflow:hidden;position:relative;height:380px;text-decoration:none;background:var(--n-bg-soft, #f7f6f3);border:1px solid var(--n-border);box-shadow:0 4px 16px #0000000d;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;display:flex;flex-direction:column;justify-content:flex-end}@media(min-width:600px){.g4-card{flex:0 0 calc((100% - 16px)/2);height:390px}}@media(min-width:860px){.g4-card{flex:0 0 calc((100% - 32px) / 3);height:400px}}@media(min-width:1080px){.g4-card{flex:0 0 calc((100% - 48px)/4);height:390px}}.g4-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #dbaf6c38;border-color:#d97706}.g4-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;transition:transform .5s cubic-bezier(.16,1,.3,1)}.g4-card:hover .g4-card-img{transform:scale(1.06)}.g4-card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f1ede6;color:var(--n-muted)}.g4-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.65) 38%,rgba(0,0,0,.15) 70%,transparent 100%);z-index:2;pointer-events:none}.g4-card-badge{position:absolute;top:12px;left:12px;z-index:5;background:linear-gradient(135deg,#d97706,#b45309);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:3px 9px;border-radius:20px;box-shadow:0 4px 12px #d9770666;display:inline-flex;align-items:center;gap:4px}.g4-card-content{position:relative;z-index:4;padding:18px 16px;color:#fff;display:flex;flex-direction:column;gap:4px}.g4-card-title{font-size:15px;font-weight:700;line-height:1.32;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.g4-card-desc{font-size:12px;line-height:1.45;color:#ffffffbf;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.g4-card-cta{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#fcd34d;transition:gap .2s ease,color .2s ease}.g4-card:hover .g4-card-cta{gap:8px;color:#fff}.g4-dots-wrap{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px}.g4-dot{width:8px;height:8px;border-radius:9999px;background:#00000026;border:none;padding:0;cursor:pointer;transition:all .25s ease}.g4-dot.active{background:#d97706;width:22px}