/* =====================================================================
   E-KİTAPLAR — kütüphane rafı ve sayfa çevirmeli okuyucu
   Site tasarım dilini (siyah / metal / Sora) izler; site.css değişkenlerini kullanır.
   ===================================================================== */

/* ============ KÜTÜPHANE BAŞLIĞI ============ */
.eb-hero{overflow:hidden;}
.eb-hero .grad{background:linear-gradient(110deg,#fff 30%,var(--metal) 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.eb-hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 80% at 85% 0%,rgba(199,201,206,.10),transparent 60%),radial-gradient(ellipse 40% 60% at 10% 100%,rgba(142,144,148,.07),transparent 60%);}

/* ============ RAF ============ */
.eb-library{padding:70px 0 150px;position:relative;}
.eb-filter{margin-bottom:56px;}
.eb-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:80px 46px;}
.eb-item{display:flex;flex-direction:column;gap:30px;transition:opacity .5s,transform .5s var(--ease);}
.eb-item.eb-hide{display:none;}

/* 3B kitap */
.eb-book{position:relative;perspective:1400px;padding:0 18px 0 6px;}
.eb-book-inner{position:relative;aspect-ratio:3/4.1;transform-style:preserve-3d;transform:rotateY(-24deg) rotateX(4deg);transition:transform 1s var(--ease);}
.eb-item:hover .eb-book-inner{transform:rotateY(-8deg) rotateX(2deg) translateY(-8px);}
.eb-pages{position:absolute;top:2%;bottom:2%;left:4px;right:-12px;border-radius:2px 6px 6px 2px;
    background:repeating-linear-gradient(90deg,#f4f4f2 0,#f4f4f2 1px,#d9d9d6 1px,#d9d9d6 2px);
    transform:translateZ(-16px);box-shadow:inset -2px 0 6px rgba(0,0,0,.25);}
.eb-pages::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.35),transparent 20%);}
.eb-cover{position:absolute;inset:0;border-radius:3px 10px 10px 3px;overflow:hidden;background:var(--steel);transform-origin:left center;
    transition:transform 1.1s var(--ease),box-shadow 1s;box-shadow:12px 22px 50px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.06);}
.eb-item:hover .eb-cover{transform:rotateY(-26deg);box-shadow:24px 30px 70px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.12);}
.eb-cover img{width:100%;height:100%;object-fit:cover;}
/* sırt ve parlaklık */
.eb-cover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:16px;z-index:2;
    background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(255,255,255,.18) 40%,rgba(0,0,0,.25) 70%,transparent);}
.eb-cover-gloss{position:absolute;inset:0;z-index:3;pointer-events:none;
    background:linear-gradient(115deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 68%,rgba(255,255,255,.07) 100%);}
.eb-cover-gloss::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-80%;width:45%;transform:skewX(-18deg);
    background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);}
.eb-item:hover .eb-cover-gloss::after{animation:kmShine 1.3s var(--ease) forwards;}
.eb-cover-blank{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:28px 24px 26px 30px;
    background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.12),transparent 60%),linear-gradient(160deg,var(--steel),var(--black));}
.eb-cover-blank i{font-size:26px;color:var(--metal-light);}
.eb-cover-blank b{font-family:'Sora',sans-serif;font-size:21px;line-height:1.2;}
.eb-book-shadow{position:absolute;left:8%;right:0;bottom:-26px;height:30px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.65),transparent 70%);filter:blur(6px);transition:transform 1s var(--ease),opacity 1s;}
.eb-item:hover .eb-book-shadow{transform:scale(.9) translateY(8px);opacity:.7;}

.eb-meta{padding:0 6px;}
.eb-cat{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--metal);margin-bottom:10px;}
.eb-meta h3{font-size:21px;font-weight:700;line-height:1.3;transition:color .3s;}
.eb-meta p{color:var(--metal);font-size:14px;line-height:1.7;margin-top:10px;font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.eb-open{display:inline-flex;align-items:center;gap:12px;margin-top:18px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;}
.eb-open em{font-style:normal;font-weight:500;color:var(--metal);letter-spacing:.08em;text-transform:none;font-size:12.5px;}
.eb-open i{transition:transform .4s var(--ease);}
.eb-item:hover .eb-open i{transform:translateX(6px);}

/* Boş durum */
.eb-empty{max-width:520px;margin:30px auto 0;text-align:center;}
.eb-empty h3{font-size:28px;margin:46px 0 12px;}
.eb-empty p{color:var(--metal);margin-bottom:34px;line-height:1.7;}
.eb-empty-book{position:relative;width:120px;height:150px;margin:0 auto;perspective:600px;}
.eb-empty-book span{position:absolute;inset:0;border-radius:3px 10px 10px 3px;background:linear-gradient(160deg,var(--steel),var(--ink));border:1px solid var(--line);transform-origin:left center;animation:ebEmpty 3.6s var(--ease) infinite;}
.eb-empty-book span:nth-child(2){animation-delay:.25s;opacity:.7;}
.eb-empty-book span:nth-child(3){animation-delay:.5s;opacity:.4;}
@keyframes ebEmpty{0%,20%{transform:rotateY(0);}55%,75%{transform:rotateY(-150deg);}100%{transform:rotateY(0);}}

@media(max-width:620px){
    .eb-shelf{grid-template-columns:repeat(2,1fr);gap:56px 22px;}
    .eb-meta h3{font-size:16px;}
    .eb-meta p{display:none;}
    .eb-book{padding:0 12px 0 2px;}
    .eb-library{padding:50px 0 100px;}
}

/* ============ OKUYUCU ============ */
.eb-reader{position:relative;height:100vh;height:100svh;min-height:560px;display:flex;flex-direction:column;padding-top:92px;overflow:hidden;
    background:radial-gradient(ellipse 70% 60% at 50% 45%,#17171b 0%,var(--black) 70%);}
.eb-reader.is-full,.eb-reader.pseudo-full{padding-top:0;}
.eb-reader.pseudo-full{position:fixed;inset:0;z-index:1200;}

.eb-topbar{position:relative;z-index:5;display:flex;align-items:center;gap:20px;padding:14px 32px;max-width:1500px;width:100%;margin:0 auto;}
.eb-back{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--metal-light);
    padding:10px 18px;border:1px solid var(--line);border-radius:100px;transition:all .4s var(--ease);}
.eb-back:hover{color:var(--black);background:#fff;border-color:#fff;}
.eb-back i{transition:transform .4s var(--ease);}
.eb-back:hover i{transform:translateX(-4px);}
.eb-title{flex:1;min-width:0;text-align:center;}
.eb-title span{display:block;font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--metal);margin-bottom:4px;}
.eb-title h1{font-size:clamp(16px,1.6vw,22px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.eb-top-actions{display:flex;gap:10px;}
.eb-icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--metal-light);
    display:inline-flex;align-items:center;justify-content:center;font-size:14px;cursor:none;transition:all .4s var(--ease);}
.eb-icon-btn:hover{background:#fff;color:var(--black);border-color:#fff;}
.eb-icon-btn.sm{width:34px;height:34px;font-size:12px;}

/* Sahne */
.eb-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:18px 96px 22px;}
.eb-spot{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 55% at 50% 50%,rgba(255,255,255,.07),transparent 70%);}
.eb-book-wrap{position:relative;z-index:2;opacity:0;transform:translateY(30px) scale(.97);transition:opacity 1s var(--ease),transform 1.2s var(--ease);}
.eb-reader.ready .eb-book-wrap{opacity:1;transform:none;}
/* kitabın altındaki yumuşak gölge */
.eb-book-wrap::after{content:"";position:absolute;left:6%;right:6%;bottom:-28px;height:40px;border-radius:50%;
    background:radial-gradient(ellipse,rgba(0,0,0,.75),transparent 70%);filter:blur(10px);z-index:-1;}
.eb-flip{margin:0 auto;}

/* Sayfalar */
.eb-page{background:#fdfdfb;overflow:hidden;}
.eb-page-inner{position:absolute;inset:0;background:#fdfdfb;}
.eb-page-inner img.eb-render{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none;opacity:0;transition:opacity .45s ease;}
.eb-page-inner.rendered img.eb-render{opacity:1;}
/* cilt (sırt) gölgeleri — kağıt hissi */
.eb-page.p-left .eb-page-inner::after,.eb-page.p-right .eb-page-inner::after{content:"";position:absolute;top:0;bottom:0;width:9%;z-index:2;pointer-events:none;}
.eb-page.p-left .eb-page-inner::after{right:0;background:linear-gradient(270deg,rgba(0,0,0,.22),rgba(0,0,0,.06) 40%,transparent);}
.eb-page.p-right .eb-page-inner::after{left:0;background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.06) 40%,transparent);}
.eb-page.p-hard .eb-page-inner::after{width:4%;opacity:.6;}
.stf__wrapper.--portrait .eb-page .eb-page-inner::after{width:3%;opacity:.5;}
.eb-page-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#b9bab8;
    background:linear-gradient(110deg,#f6f6f4 30%,#ececea 50%,#f6f6f4 70%);background-size:200% 100%;animation:ebShimmer 1.6s linear infinite;}
.eb-page-ph em{font-family:'Sora',sans-serif;font-style:normal;font-size:13px;letter-spacing:.2em;}
.eb-spin{width:26px;height:26px;border-radius:50%;border:2px solid #dcdcda;border-top-color:#8e9094;animation:plSpin .9s linear infinite;}
@keyframes ebShimmer{to{background-position:-200% 0;}}
.eb-page-inner.rendered .eb-page-ph{display:none;}
/* Tek sayıda sayfada eklenen arka kapak */
.eb-backcover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 30%,#1d1d21,#050506 75%);color:#fff;text-align:center;}
.eb-backcover img{width:26%;max-width:120px;filter:brightness(0) invert(1);opacity:.9;}
.eb-backcover b{font-family:'Sora',sans-serif;letter-spacing:.32em;font-size:clamp(11px,1.4vw,16px);margin-top:10px;}
.eb-backcover span{font-size:clamp(8px,.9vw,11px);letter-spacing:.3em;text-transform:uppercase;color:var(--metal);}

/* Yan oklar */
.eb-nav{position:absolute;top:50%;z-index:4;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:none;
    transform:translateY(-50%);transition:all .45s var(--ease);opacity:0;pointer-events:none;}
.eb-reader.ready .eb-nav{opacity:1;pointer-events:auto;}
.eb-nav.prev{left:26px;}
.eb-nav.next{right:26px;}
.eb-nav:hover{background:#fff;color:var(--black);border-color:#fff;transform:translateY(-50%) scale(1.08);}
.eb-reader.at-start .eb-nav.prev,.eb-reader.at-end .eb-nav.next{opacity:.18;pointer-events:none;}

.eb-hint{position:absolute;left:50%;bottom:4px;z-index:4;transform:translate(-50%,10px);display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;
    color:var(--metal-light);background:rgba(8,8,10,.7);border:1px solid var(--line);padding:9px 18px;border-radius:100px;opacity:0;pointer-events:none;transition:all .6s var(--ease);white-space:nowrap;}
.eb-hint.show{opacity:1;transform:translate(-50%,0);}
.eb-hint i{animation:ebTap 1.4s ease-in-out infinite;}
@keyframes ebTap{50%{transform:translate(-3px,-3px) rotate(-12deg);}}

/* Yükleniyor */
.eb-loading{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .6s ease,visibility .6s;}
.eb-loading.done{opacity:0;visibility:hidden;}
.eb-loading b{font-family:'Sora',sans-serif;font-size:13px;letter-spacing:.3em;text-transform:uppercase;margin-top:18px;}
.eb-loading small{font-family:'Sora',sans-serif;font-size:11px;letter-spacing:.3em;color:var(--metal);font-variant-numeric:tabular-nums;}
.eb-loading-bar{width:200px;height:1px;background:rgba(255,255,255,.1);overflow:hidden;}
.eb-loading-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--metal),#fff);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}
.eb-loading-book{position:relative;width:76px;height:96px;perspective:500px;}
.eb-loading-book span{position:absolute;inset:0;border-radius:2px 8px 8px 2px;transform-origin:left center;}
.eb-loading-book .l-cover{background:linear-gradient(160deg,var(--steel),var(--ink));border:1px solid rgba(255,255,255,.12);}
.eb-loading-book .l-page{background:linear-gradient(90deg,#d8d8d5,#f6f6f4);animation:ebLoadFlip 1.8s var(--ease) infinite;}
.eb-loading-book .p2{animation-delay:.2s;}
.eb-loading-book .p3{animation-delay:.4s;}
@keyframes ebLoadFlip{0%{transform:rotateY(0);opacity:1;}60%{transform:rotateY(-170deg);opacity:.9;}61%,100%{transform:rotateY(-170deg);opacity:0;}}

.eb-error{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;}
.eb-error[hidden]{display:none;}
.eb-error>i{font-size:34px;color:var(--metal-light);margin-bottom:6px;}
.eb-error b{font-family:'Sora',sans-serif;font-size:22px;}
.eb-error p{color:var(--metal);margin-bottom:14px;}

/* Kontrol çubuğu */
.eb-controls{position:relative;z-index:5;align-self:center;display:flex;align-items:center;gap:14px;margin:0 16px 22px;padding:8px 10px;max-width:calc(100% - 32px);
    background:rgba(16,16,19,.72);border:1px solid rgba(255,255,255,.09);border-radius:100px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    box-shadow:0 20px 60px rgba(0,0,0,.5);opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease) .2s,transform .9s var(--ease) .2s;}
.eb-reader.ready .eb-controls{opacity:1;transform:none;}
.eb-ctrl-group{display:flex;align-items:center;gap:4px;}
.eb-ctrl{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--metal-light);font-size:13px;cursor:none;
    display:inline-flex;align-items:center;justify-content:center;transition:background .3s,color .3s,transform .3s var(--ease);}
.eb-ctrl:hover{background:rgba(255,255,255,.1);color:#fff;}
.eb-ctrl:active{transform:scale(.92);}
.eb-ctrl.active{background:#fff;color:var(--black);}
.eb-ctrl.off{color:var(--metal);}
.eb-sep{width:1px;height:24px;background:var(--line);}
.eb-progress{display:flex;align-items:center;gap:16px;padding:0 6px;}
.eb-progress input[type=range]{--k:0%;-webkit-appearance:none;appearance:none;width:clamp(120px,22vw,300px);height:3px;border-radius:3px;cursor:none;outline:none;
    background:linear-gradient(90deg,#fff var(--k),rgba(255,255,255,.14) var(--k));}
.eb-progress input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.12);transition:box-shadow .3s;}
.eb-progress input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 8px rgba(255,255,255,.16);}
.eb-progress input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#fff;}
.eb-pageno{font-family:'Sora',sans-serif;font-size:12.5px;color:var(--metal);letter-spacing:.06em;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:72px;}
.eb-pageno b{color:#fff;font-weight:600;}

/* Önizleme şeridi */
.eb-thumbs{position:absolute;left:0;right:0;bottom:0;z-index:8;background:rgba(10,10,12,.92);border-top:1px solid var(--line);
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(102%);transition:transform .6s var(--ease);}
.eb-thumbs.open{transform:none;}
.eb-thumbs-head{display:flex;align-items:center;justify-content:space-between;padding:14px 28px 4px;}
.eb-thumbs-head b{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--metal);}
.eb-thumbs-track{display:flex;gap:14px;overflow-x:auto;padding:12px 28px 22px;scroll-behavior:smooth;scrollbar-width:thin;}
.eb-thumb{--ar:.707;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:none;padding:0;color:var(--metal);}
.eb-thumb-img{display:block;height:120px;aspect-ratio:var(--ar);border-radius:4px;overflow:hidden;background:linear-gradient(110deg,#1a1a1e 30%,#232328 50%,#1a1a1e 70%);background-size:200% 100%;
    animation:ebShimmer 1.6s linear infinite;border:2px solid transparent;transition:border-color .3s,transform .4s var(--ease);}
.eb-thumb.loaded .eb-thumb-img{animation:none;background:#fff;}
.eb-thumb img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s;}
.eb-thumb.loaded img{opacity:1;}
.eb-thumb em{font-style:normal;font-family:'Sora',sans-serif;font-size:11px;}
.eb-thumb:hover .eb-thumb-img{transform:translateY(-4px);}
.eb-thumb.current .eb-thumb-img{border-color:#fff;}
.eb-thumb.current em{color:#fff;}

/* Yakınlaştırma */
.eb-zoom{position:fixed;inset:0;z-index:1300;background:rgba(5,5,6,.96);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s;}
.eb-zoom.open{opacity:1;visibility:visible;}
.eb-zoom-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--line);}
.eb-zoom-bar>span{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--metal-light);}
.eb-zoom-pct{font-family:'Sora',sans-serif;font-size:12px;color:var(--metal-light);min-width:48px;text-align:center;font-variant-numeric:tabular-nums;}
.eb-zoom-view{flex:1;overflow:auto;display:flex;padding:30px;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;}
.eb-zoom.zoomed .eb-zoom-view{cursor:grab;}
.eb-zoom-view.dragging{cursor:grabbing;user-select:none;}
.eb-zoom-canvas{--z:1;margin:auto;display:flex;gap:2px;width:calc(min(100%, (100vh - 140px) * var(--ar-total, 1.414)) * var(--z));min-width:min-content;}
.eb-zoom-page{flex:1;aspect-ratio:var(--ar);background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.6);}
.eb-zoom-page img{width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none;}

/* Kitap hakkında */
.eb-about{padding:90px 0 120px;border-top:1px solid var(--line);}
.eb-about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;}
.eb-about-grid p{color:var(--metal-light);font-size:17px;line-height:1.85;font-weight:300;}
.eb-about-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.eb-about-facts div{background:var(--coal);padding:22px;}
.eb-about-facts span{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--metal);margin-bottom:8px;}
.eb-about-facts b{font-family:'Sora',sans-serif;font-size:20px;}

/* Duyarlı */
@media(max-width:900px){
    .eb-stage{padding:10px 16px 14px;}
    .eb-nav{display:none;}
    .eb-about-grid{grid-template-columns:1fr;gap:34px;}
}
@media(max-width:640px){
    .eb-reader{padding-top:80px;}
    .eb-topbar{padding:10px 16px;gap:12px;}
    .eb-back span{display:none;}
    .eb-back{padding:0;width:40px;height:40px;justify-content:center;}
    .eb-icon-btn{width:40px;height:40px;}
    .eb-title{text-align:left;}
    .eb-controls{gap:4px;padding:6px;margin-bottom:14px;}
    .eb-ctrl{width:34px;height:34px;font-size:12px;}
    .eb-ctrl-group{gap:0;}
    #ebFirst,#ebLast,.eb-sep{display:none;}
    .eb-progress{gap:10px;padding:0 4px;}
    .eb-progress input[type=range]{width:clamp(56px,20vw,130px);}
    .eb-pageno{min-width:0;font-size:11.5px;}
    .eb-thumb-img{height:96px;}
    .eb-hint{font-size:9.5px;letter-spacing:.14em;}
}
@media(hover:none){
    .eb-icon-btn,.eb-ctrl,.eb-nav,.eb-thumb,.eb-progress input[type=range]{cursor:pointer;}
}
@media(prefers-reduced-motion:reduce){
    .eb-book-inner,.eb-item:hover .eb-book-inner{transform:none;}
    .eb-item:hover .eb-cover{transform:none;}
}

/* ============ MOBİL İYİLEŞTİRMELER ============ */
.eb-count{display:none;}
@media(max-width:620px){
    .eb-shelf{gap:16px;}
    .eb-item{gap:20px;padding:22px 12px 14px;border-radius:18px;border:1px solid var(--line);
        background:linear-gradient(165deg,var(--ink),var(--coal));}
    .eb-item:active{transform:scale(.98);}
    .eb-book{padding:0 14px 0 6px;}
    .eb-book-inner{transform:rotateY(-14deg) rotateX(2deg);}
    .eb-book-shadow{bottom:-18px;}
    .eb-meta{padding:0 2px;display:flex;flex-direction:column;flex:1;}
    .eb-cat{font-size:8.5px;letter-spacing:.2em;margin-bottom:6px;}
    .eb-meta h3{font-size:14.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    .eb-count{display:block;font-size:11px;color:var(--metal);margin-top:6px;}
    .eb-open{margin-top:auto;padding-top:14px;width:100%;}
    .eb-open span{flex:1;text-align:center;padding:10px 0;border:1px solid rgba(255,255,255,.18);border-radius:100px;font-size:10px;letter-spacing:.18em;}
    .eb-open em,.eb-open i{display:none;}
    .eb-filter{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 34px;padding:0 20px 4px;scrollbar-width:none;}
    .eb-filter::-webkit-scrollbar{display:none;}
    .eb-filter .fbtn{white-space:nowrap;}
}
@media(max-width:360px){
    .eb-shelf{grid-template-columns:1fr;}
    .eb-book{max-width:220px;margin:0 auto;}
}
/* Okuyucu: telefonda */
@media(max-width:640px){
    .eb-reader{padding-top:76px;}
    .eb-stage{padding:6px 10px 10px;}
    .eb-zoom-bar{padding:10px 14px;}
    .eb-zoom-view{padding:12px;}
    .eb-zoom-bar>span{font-size:10px;letter-spacing:.2em;}
    .eb-thumbs-track{padding:10px 16px 18px;gap:10px;}
    .eb-thumbs-head{padding:12px 16px 2px;}
}
/* Yatay telefon: site başlığı gizlenir, kitaba maksimum alan */
@media(max-height:520px) and (orientation:landscape){
    body:has(.eb-reader) #header{transform:translateY(-110%);}
    .eb-reader{padding-top:0;min-height:0;}
    .eb-topbar{padding:6px 16px;}
    .eb-title span{display:none;}
    .eb-title h1{font-size:14px;}
    .eb-icon-btn{width:34px;height:34px;font-size:12px;}
    .eb-back{padding:7px 14px;}
    .eb-stage{padding:2px 56px 4px;}
    .eb-nav{display:flex;width:42px;height:42px;}
    .eb-nav.prev{left:8px;}.eb-nav.next{right:8px;}
    .eb-controls{margin-bottom:6px;padding:4px 8px;}
    .eb-ctrl{width:32px;height:32px;}
    .eb-hint{display:none;}
}