/* 📖 E-katalog — sayfa çevirmeli görünüm */
.ek-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px;margin-top:18px}
.ek-thumb{display:grid;gap:10px;text-decoration:none;color:var(--ink)}
.ek-thumb-cv{aspect-ratio:.707;border-radius:6px 14px 14px 6px;background:linear-gradient(150deg,var(--ek1) 0 62%,var(--ek2) 62% 100%);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;box-shadow:inset 8px 0 14px rgba(0,0,0,.25),0 14px 30px rgba(15,34,89,.25);transition:transform .25s}
.ek-thumb:hover .ek-thumb-cv{transform:translateY(-4px) rotate(-1deg)}
.ek-thumb-cv b{font-size:1.25rem;line-height:1.15}.ek-thumb-cv small{opacity:.85;margin-top:4px}.ek-thumb-t{font-weight:700;color:var(--pink,#D6246E)}

.ek-stage{background:radial-gradient(900px 500px at 50% 0,#2B3A6B,#0B1430 70%);color:#fff;padding:12px 0 18px;position:relative}
.ek-stage:fullscreen{display:flex;flex-direction:column;padding:10px}
.ek-bar{display:flex;align-items:center;gap:12px;padding:0 16px;flex-wrap:wrap;max-width:1400px;margin:0 auto}
.ek-stage h1,.ek-stage .ek-cover h2{color:#fff}.ek-back{color:#C7D2FE;text-decoration:none;font-weight:600}.ek-h{flex:1;margin:0;font-size:1.15rem;text-align:center}.ek-h small{font-weight:400;opacity:.7;font-size:.8rem;margin-left:6px}
.ek-tools{display:flex;gap:6px}.ek-tb{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:99px;padding:7px 12px;font:600 .82rem inherit;cursor:pointer;text-decoration:none}.ek-tb:hover{background:rgba(255,255,255,.18)}
.ek-viewport{position:relative;display:flex;align-items:center;justify-content:center;margin:10px auto 6px;max-width:1400px;padding:0 54px;perspective:2600px;touch-action:pan-y}

.ek-book{position:relative;transition:transform .7s cubic-bezier(.3,.7,.3,1);transform-style:preserve-3d}
.ek-leaf{position:absolute;top:0;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.7,.3,1)}
.ek-spread .ek-leaf{left:50%;width:50%}.ek-single .ek-leaf{left:0;width:100%}
.ek-leaf.is-flip{transform:rotateY(-180deg)}
.ek-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.ek-back-f{transform:rotateY(180deg)}
.ek-spread .ek-front{border-radius:0 6px 6px 0}.ek-spread .ek-back-f{border-radius:6px 0 0 6px}
.ek-face::after{content:'';position:absolute;inset:0;pointer-events:none}
.ek-spread .ek-front::after{background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,0) 7%)}.ek-spread .ek-back-f::after{background:linear-gradient(270deg,rgba(0,0,0,.18),rgba(0,0,0,0) 7%)}
.ek-single .ek-face{border-radius:6px}.ek-blank{background:#F1F5F9}
.ek-single .ek-viewport,.ek-single{overflow:visible}
.ek-viewport.is-single{overflow:hidden}
.ek-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:64px;border:0;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-size:2rem;cursor:pointer}.ek-nav:hover{background:rgba(255,255,255,.25)}.ek-nav:disabled{opacity:.25;cursor:default}
.ek-prev{left:4px}.ek-next{right:4px}
.ek-foot{display:flex;align-items:center;gap:12px;justify-content:center;padding:0 16px;font-size:.85rem;flex-wrap:wrap}.ek-foot input{width:min(420px,60vw);accent-color:var(--ek2)}.ek-hint{opacity:.55}
@media (max-width:700px){.ek-viewport{padding:0 8px}.ek-nav{width:34px;height:50px;font-size:1.5rem;background:rgba(15,23,42,.55)}.ek-hint{display:none}.ek-h{order:3;flex-basis:100%}}

/* ---- Sayfa içeriği (kapsayıcıya göre ölçeklenir) ---- */
.ek-src{display:none}
.ek-face{container-type:inline-size}
.ek-pg{position:absolute;inset:0;background:#fff;color:#0F172A;display:flex;flex-direction:column;padding:6cqw 6cqw 4cqw;box-sizing:border-box;font-size:2.6cqw;line-height:1.3}
.ek-pg-h{display:flex;justify-content:space-between;font-size:2.2cqw;color:#64748B;border-bottom:.3cqw solid var(--ek2);padding-bottom:1.2cqw;margin-bottom:2.5cqw;letter-spacing:.04em;text-transform:uppercase}
.ek-pg-f{margin-top:auto;display:flex;justify-content:center;padding-top:2cqw}.ek-pg-f span{font-size:2.2cqw;color:#fff;background:var(--ek1);border-radius:99px;padding:.6cqw 2.4cqw}
.ek-sec-t{margin:0 0 2.6cqw;font-size:5.4cqw;line-height:1.1;color:var(--ek1)}
.ek-grid{display:grid;gap:2.6cqw;flex:1;min-height:0}
.ek-per4 .ek-grid{grid-template-columns:1fr 1fr;grid-auto-rows:1fr}.ek-per6 .ek-grid{grid-template-columns:1fr 1fr;grid-auto-rows:1fr}.ek-per9 .ek-grid{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:1fr}
.ek-it{display:flex;flex-direction:column;gap:.8cqw;text-decoration:none;color:inherit;border:.25cqw solid #E2E8F0;border-radius:2cqw;padding:1.6cqw;min-height:0;overflow:hidden;transition:border-color .2s}.ek-it:hover{border-color:var(--ek2)}
.ek-im{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#F8FAFC;border-radius:1.4cqw;overflow:hidden}
.ek-im img,.ek-im svg{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block}
.ek-nm{font-size:2.9cqw;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ek-ds{font-size:2.2cqw;color:#64748B;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ek-pr{font-weight:800;color:var(--ek2);font-size:2.9cqw}.ek-pr small{font-weight:500;color:#64748B;font-size:1.9cqw}
.ek-per9 .ek-nm{font-size:2.5cqw}.ek-per9 .ek-ds{display:none}.ek-per9 .ek-pr{font-size:2.5cqw}
.ek-cover{background:linear-gradient(160deg,var(--ek1) 0 60%,var(--ek2) 60% 100%);color:#fff;padding:0}
.ek-cv-in{display:flex;flex-direction:column;height:100%;padding:9cqw 8cqw 6cqw;box-sizing:border-box}
.ek-cv-logo{width:42cqw;background:#fff;border-radius:2cqw;padding:2cqw 3cqw;align-self:flex-start}
.ek-cv-ey{margin:9cqw 0 1cqw;letter-spacing:.3em;font-size:2.4cqw;opacity:.8}.ek-cv-t{margin:0;font-size:9cqw;line-height:1.02}.ek-cv-t2{font-size:7cqw;margin-top:10cqw}.ek-cv-s{font-size:3.2cqw;opacity:.9;margin:2.4cqw 0 0}
.ek-cv-art{display:flex;gap:3cqw;margin-top:auto;margin-bottom:6cqw}.ek-cv-art span{flex:1;aspect-ratio:1;background:#fff;border-radius:3cqw;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2cqw 5cqw rgba(0,0,0,.25);transform:rotate(-3deg)}.ek-cv-art span:nth-child(2){transform:translateY(-3cqw) rotate(2deg)}
.ek-cv-art img,.ek-cv-art svg{width:100%;height:100%;object-fit:contain}
.ek-cv-f{font-size:2.4cqw;opacity:.85;margin:0}
.ek-bk-l{font-size:3.2cqw;line-height:1.7;margin:6cqw 0}.ek-bk-btn{display:flex;gap:2cqw;flex-wrap:wrap}.ek-bk-btn .btn{font-size:2.8cqw;padding:2cqw 3.4cqw}.ek-backc .ek-cv-f{margin-top:auto}
.ek-toc-l{list-style:none;margin:0;padding:0;display:grid;gap:1.6cqw}.ek-toc-l a{display:flex;align-items:baseline;gap:1.4cqw;text-decoration:none;color:inherit;font-size:3.2cqw}.ek-toc-l i{flex:1;border-bottom:.3cqw dotted #CBD5E1}.ek-toc-l b{color:var(--ek2)}.ek-toc-l small{color:#94A3B8}
.ek-intro{font-size:2.8cqw;color:#334155;margin:0 0 4cqw}.ek-note{margin-top:5cqw;font-size:2.1cqw;color:#64748B}

/* ---- Yazdır / PDF: her sayfa ayrı A4 ---- */
@media print{
  @page{size:A4;margin:0}
  body>*:not(main){display:none!important}main>*:not(.ek-stage){display:none!important}
  .ek-stage{padding:0;background:none}
  .ek-bar,.ek-viewport,.ek-foot{display:none!important}
  .ek-src{display:block;container-type:inline-size;width:210mm}
  .ek-src .ek-pg{position:relative;inset:auto;width:210mm;height:297mm;page-break-after:always;break-after:page;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
/* Kategori sayfası bandı */
.ek-band{background:linear-gradient(90deg,color-mix(in srgb,var(--ek1) 10%,#fff),#fff 70%);border-bottom:1px solid var(--line,#E2E8F0)}
.ek-band-in{display:flex;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.ek-band-cv{flex:none;width:46px;height:64px;border-radius:3px 8px 8px 3px;background:linear-gradient(150deg,var(--ek1) 0 62%,var(--ek2) 62%);box-shadow:inset 4px 0 6px rgba(0,0,0,.25),0 6px 14px rgba(15,34,89,.25);transform:rotate(-4deg);display:flex;align-items:flex-end;padding:4px;overflow:hidden;text-decoration:none}
.ek-band-cv b{color:#fff;font-size:.42rem;line-height:1.05}
.ek-band-tx{flex:1;min-width:220px;display:grid;gap:2px}.ek-band-tx span{color:var(--muted,#64748B);font-size:.88rem}
.ek-band-bt{display:flex;gap:6px;flex-wrap:wrap}
/* 1 ve 2 ürünlü sayfalar */
.ek-per1 .ek-grid{grid-template-columns:1fr;grid-auto-rows:1fr}.ek-per2 .ek-grid{grid-template-columns:1fr;grid-auto-rows:1fr}
.ek-per1 .ek-it{padding:3cqw;gap:1.6cqw}.ek-per1 .ek-nm{font-size:5cqw;-webkit-line-clamp:3}.ek-per1 .ek-ds{font-size:2.8cqw;-webkit-line-clamp:8}.ek-per1 .ek-pr{font-size:4.4cqw}.ek-per1 .ek-pr small{font-size:2.4cqw}
.ek-per2 .ek-it{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto 1fr auto;column-gap:3cqw;row-gap:1.2cqw;padding:2.4cqw}
.ek-per2 .ek-it>*{grid-column:2}.ek-per2 .ek-im{grid-column:1;grid-row:1/4;height:100%}.ek-per2 .ek-nm{font-size:3.8cqw;-webkit-line-clamp:3}.ek-per2 .ek-ds{font-size:2.5cqw;-webkit-line-clamp:9;align-self:start}.ek-per2 .ek-pr{font-size:3.4cqw}