.catalog-page{background:#ecebe7}.catalog-main{padding:48px 0 30px;min-height:calc(100vh - 136px)}.catalog-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.catalog-title .eyebrow{margin-bottom:7px}.catalog-title h1{font-size:clamp(36px,4vw,54px);letter-spacing:-.065em;line-height:1;margin:0}.download-top{font-family:'DM Mono',monospace;font-size:11px;color:#8d6c0b;border-bottom:1px solid var(--gold);padding-bottom:4px}.catalog-panel{background:#262628;color:#fff;box-shadow:0 20px 55px rgba(0,0,0,.2)}.catalog-stage-head{height:50px;padding:0 21px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.1);color:#bbb;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.04em}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(244,197,24,.13)}.drag-hint{margin-left:auto;color:#78787a}.book-stage{--zoom:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(420px,63vw,730px);padding:30px;overflow:hidden;perspective:2200px;touch-action:pan-y;background:radial-gradient(ellipse at center,rgba(80,80,82,.9) 0%,#1b1b1d 73%)}.book-stage::before{content:'';position:absolute;width:75%;height:12%;left:12.5%;bottom:8%;background:#000;filter:blur(35px);opacity:.52;pointer-events:none}.book{position:relative;z-index:1;width:min(100%,1010px);display:grid;grid-template-columns:1fr 1fr;transform:scale(var(--zoom));transform-origin:center;box-shadow:0 9px 20px rgba(0,0,0,.43);transition:transform .2s}.book.is-single{width:min(100%,470px);grid-template-columns:1fr}.book.is-spread::after{content:'';position:absolute;top:0;bottom:0;left:50%;width:20px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(0,0,0,.20),transparent 36%,rgba(0,0,0,.13));pointer-events:none;z-index:2}.catalog-page-frame{position:relative;isolation:isolate;aspect-ratio:1 / 1.4142;background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.catalog-page-frame::after{content:attr(data-page);position:absolute;right:9px;bottom:6px;color:rgba(0,0,0,.42);font:9px 'DM Mono',monospace;background:rgba(255,255,255,.66);padding:1px 3px}.catalog-page-frame img{display:block;width:100%;height:100%;object-fit:fill}.catalog-page-frame.left-page{box-shadow:inset -12px 0 18px rgba(0,0,0,.09)}.catalog-page-frame.right-page{box-shadow:inset 12px 0 18px rgba(0,0,0,.09)}.book-loader{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:#202022;color:#e4e4e4;font-size:13px;letter-spacing:.02em}.book-loader[hidden]{display:none}.book-loader span{width:31px;height:31px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--gold);border-radius:50%;animation:loader-spin .85s linear infinite}@keyframes loader-spin{to{transform:rotate(1turn)}}.flip-sheet{position:absolute;z-index:4;top:30px;width:calc((min(100% - 60px, 1010px)) / 2);aspect-ratio:1 / 1.4142;transform-style:preserve-3d;pointer-events:none;will-change:transform}.book.is-single~.flip-sheet,.flip-sheet.single{width:min(calc(100% - 60px),470px)}.flip-sheet.forward{left:50%;transform-origin:left center}.flip-sheet.backward{left:calc(50% - min(100% - 60px, 1010px) / 2);transform-origin:right center}.flip-sheet.single{left:50%;transform-origin:left center}.flip-sheet .flip-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;box-shadow:0 3px 16px rgba(0,0,0,.47)}.flip-sheet .flip-face.back{transform:rotateY(180deg)}.flip-sheet.forward .flip-face.front::after,.flip-sheet.single .flip-face.front::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(0,0,0,.28));mix-blend-mode:multiply}.flip-sheet.backward .flip-face.front::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.24),transparent 50%);mix-blend-mode:multiply}.catalog-controls{min-height:74px;border-top:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 21px}.control-cluster{display:flex;align-items:center;gap:9px}.catalog-controls button,.catalog-controls a{color:#f1f1f1}.icon-button{height:38px;width:38px;border:1px solid rgba(255,255,255,.24);background:transparent;font-size:18px;transition:background .2s,color .2s}.icon-button:hover:not(:disabled){background:var(--gold);color:var(--ink)}.icon-button:disabled,.text-control:disabled{opacity:.34;cursor:not-allowed}.catalog-controls output{font-family:'DM Mono',monospace;font-size:11px;min-width:66px;text-align:center;color:#d4d4d5}.catalog-controls #zoom-label{min-width:43px}.controls-right{margin-left:auto}.control-divider{height:25px;width:1px;background:rgba(255,255,255,.2);margin-inline:6px}.text-control{border:0;background:transparent;font-size:11px;font-family:'DM Mono',monospace;white-space:nowrap;padding:8px 0}.text-control:hover:not(:disabled){color:var(--gold)}.download-control{margin-left:13px;color:var(--gold)!important}.catalog-note{font-size:12px;color:#747476;margin-top:15px}.catalog-panel:fullscreen{width:100%;height:100%;max-width:none;background:#1b1b1d}.catalog-panel:fullscreen .book-stage{height:calc(100vh - 124px);max-height:none}.catalog-panel:fullscreen .catalog-stage-head{height:48px}
@media(max-width:800px){.catalog-main{padding-top:35px}.book-stage{min-height:min(135vw,660px);padding:24px 17px}.book{width:min(100%,450px);grid-template-columns:1fr}.book.is-spread::after{display:none}.book .catalog-page-frame:nth-child(2){display:none}.flip-sheet{top:24px!important;left:50%!important;width:min(calc(100% - 34px),450px)!important;transform-origin:left center!important}.drag-hint{display:none}.catalog-controls{flex-wrap:wrap;justify-content:center;min-height:100px;padding:12px}.controls-right{margin-left:0}.download-control{display:none}.catalog-title{margin-bottom:17px}.catalog-note{width:min(100% - 34px,640px);line-height:1.55}}
@media(max-width:480px){.catalog-main{padding-top:26px}.catalog-stage-head{height:43px;padding-inline:14px}.book-stage{padding:18px 13px;min-height:137vw}.flip-sheet{top:18px!important;width:calc(100% - 26px)!important}.catalog-controls{gap:8px}.controls-right{gap:5px}.control-divider,.text-control{display:none}.catalog-title .download-top{font-size:10px}.catalog-panel{width:100%}.catalog-note{padding-inline:1px}.book-loader{font-size:12px}}
@media(max-width:800px){.flip-sheet.backward{transform-origin:right center!important}}

/* Katalog sayfası: varsayılan olarak tam ekran okuyucu. */
.catalog-page{background:#1b1b1d;overflow:hidden}.catalog-page .site-header,.catalog-page .site-footer,.catalog-page .catalog-title,.catalog-page .catalog-note{display:none}.catalog-main{height:100dvh;min-height:100dvh;padding:0}.catalog-panel.wrap{display:grid;width:100%;max-width:none;height:100dvh;margin:0;grid-template-rows:50px minmax(0,1fr) 74px;box-shadow:none}.catalog-stage-head{height:auto;padding-inline:clamp(15px,2vw,28px)}.book-stage{min-height:0;height:100%;padding:16px clamp(48px,7vw,110px);perspective:2400px}.book-stage::before{bottom:3%;width:60%;height:9%}.book{width:min(100%,1010px);max-height:100%;box-shadow:0 14px 36px rgba(0,0,0,.54)}.book.is-single{width:min(100%,450px)}.book .flip-sheet{top:0!important;left:50%!important;width:50%!important;height:100%!important;aspect-ratio:auto!important}.book .flip-sheet.backward{left:0!important;transform-origin:right center!important}.book.is-single .flip-sheet{left:0!important;width:100%!important;transform-origin:left center!important}.book.is-single .flip-sheet.backward{transform-origin:right center!important}.catalog-controls{min-height:74px;padding-inline:clamp(13px,2vw,28px)}
@media(max-height:820px) and (min-width:801px){.book{width:min(100%,820px)}}
@media(max-height:680px) and (min-width:801px){.book{width:min(100%,650px)}.catalog-panel.wrap{grid-template-rows:46px minmax(0,1fr) 66px}.catalog-controls{min-height:66px}.book-stage{padding-block:10px}}
@media(max-width:800px){.catalog-panel.wrap{grid-template-rows:44px minmax(0,1fr) 92px}.book-stage{min-height:0;height:100%;padding:13px 17px}.book{width:min(100%,450px)}.book.is-single{width:min(100%,450px)}.catalog-controls{min-height:92px;padding:10px;gap:8px}.catalog-controls .controls-right{gap:6px}.catalog-controls .download-control{display:none}.catalog-controls .text-control{font-size:10px}.catalog-stage-head{padding-inline:14px}.drag-hint{display:none}}
@media(max-width:480px){.catalog-panel.wrap{grid-template-rows:42px minmax(0,1fr) 86px}.catalog-stage-head{height:auto}.book-stage{padding:10px 13px}.catalog-controls{min-height:86px}.control-divider{display:none}.catalog-controls .text-control{display:none}.book{width:min(100%,390px)}.book.is-single{width:min(100%,390px)}}
@media(max-width:800px) and (max-height:720px){.book,.book.is-single{width:min(100%,365px)}}
@media(max-width:480px) and (max-height:620px){.book,.book.is-single{width:min(100%,320px)}}

.catalog-close{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;margin-right:3px;border:1px solid rgba(244,197,24,.76);background:var(--gold);color:var(--ink);font-size:27px;font-weight:400;line-height:1;transition:transform .2s ease,background .2s ease}.catalog-close:hover{background:#fff;transform:rotate(90deg)}
.page-jump{display:flex;align-items:center;gap:6px;margin:0 0 0 4px;font:10px 'DM Mono',monospace;color:#d4d4d5}.page-jump label{white-space:nowrap}.page-jump input{width:43px;height:31px;border:1px solid rgba(255,255,255,.3);border-radius:0;background:#1c1c1e;color:#fff;text-align:center;font:11px 'DM Mono',monospace;outline-color:var(--gold)}.page-jump input::-webkit-inner-spin-button,.page-jump input::-webkit-outer-spin-button{appearance:none;margin:0}.page-jump button{height:31px;border:1px solid var(--gold);background:var(--gold);color:var(--ink)!important;padding:0 9px;font:700 10px Manrope,Arial,sans-serif;transition:background .2s ease}.page-jump button:hover:not(:disabled){background:#fff}.page-jump button:disabled{opacity:.34;cursor:not-allowed}
@media(max-width:800px){.page-jump{margin-left:2px}.page-jump input{width:39px}.page-jump button{padding-inline:7px}}
@media(max-width:480px){.page-jump label{display:none}.page-jump{gap:4px}.page-jump input{height:30px}.page-jump button{height:30px}}