/* Ürün sayfası "Teknik Sunum" bölümü + sayfa çevirmeli görüntüleyici (inc/sunum.php) */

.pk-sunum-liste{display:grid;gap:28px;margin-top:clamp(22px,3vw,40px)}

.pk-sunum{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(28px,4.4vw,72px);align-items:center;padding:clamp(22px,3.6vw,52px);background:linear-gradient(135deg,#f4f9f3 0%,#e7f1e6 100%);border:1px solid var(--rule,#d7ded7);border-radius:var(--r,8px)}
.pk-sunum::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(47,143,63,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(47,143,63,.075) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(100deg,#000 0%,transparent 62%);mask-image:linear-gradient(100deg,#000 0%,transparent 62%)}
.pk-sunum.dikey{grid-template-columns:minmax(0,.62fr) minmax(0,1fr)}

/* kapak: kitap kapağı gibi soldan aralanır, altında sayfalar görünür */
.pk-sunum-kapak{position:relative;display:block;aspect-ratio:var(--oran);margin:0 16px 16px 0;perspective:1800px;color:inherit;text-decoration:none}
.pk-sunum-kapak .yaprak{position:absolute;inset:0;border-radius:4px;background:#fff;border:1px solid #dbe4da;box-shadow:0 10px 24px -14px rgba(12,26,21,.35)}
.pk-sunum-kapak .yaprak:nth-child(1){transform:translate(16px,16px)}
.pk-sunum-kapak .yaprak:nth-child(2){transform:translate(8px,8px)}
.pk-sunum-kapak img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;border-radius:4px;background:#fff;box-shadow:0 1px 2px rgba(12,26,21,.14),0 22px 44px -16px rgba(12,26,21,.42);transform-origin:0 50%;transition:transform .7s cubic-bezier(.2,.75,.2,1),box-shadow .7s}
.pk-sunum-kapak:hover img,.pk-sunum-kapak:focus-visible img{transform:rotateY(-11deg);box-shadow:14px 2px 30px -10px rgba(12,26,21,.32),0 30px 60px -20px rgba(12,26,21,.5)}
.pk-sunum-kapak:focus-visible{outline:3px solid var(--green,#2f8f3f);outline-offset:6px;border-radius:4px}
.pk-sunum-kapak .ipucu{position:absolute;z-index:2;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(12,26,21,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:600 .84rem/1 var(--body);letter-spacing:.01em;transition:background .25s,transform .25s}
.pk-sunum-kapak .ok{position:relative;width:26px;height:26px;border-radius:50%;background:var(--green,#2f8f3f);flex:none}
.pk-sunum-kapak .ok::after{content:"";position:absolute;left:10px;top:8px;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff}
.pk-sunum-kapak:hover .ipucu{background:var(--green-d,#1f6e2d);transform:translateY(-2px)}

.pk-sunum-bilgi{min-width:0}
.pk-sunum-etiket{display:inline-block;font:500 .74rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green-d,#1f6e2d)}
.pk-sunum-bilgi h3{margin:10px 0 12px;font:800 clamp(1.4rem,2.1vw,1.9rem)/1.1 var(--display);font-stretch:85%;color:var(--ink,#0c1a15)}
.pk-sunum-bilgi p{margin:0 0 24px;max-width:46ch;color:var(--muted,#5b6862)}
.pk-sunum-bilgi .acts{display:flex;flex-wrap:wrap;gap:10px}
.pk-sunum-bilgi .acts .pk-btn{flex:0 0 auto}

.pk-sunum-serit{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.pk-sunum-serit a{position:relative;display:block;aspect-ratio:var(--oran);overflow:hidden;border:1px solid var(--rule,#d7ded7);border-radius:4px;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
.pk-sunum-serit img{display:block;width:100%;height:100%;object-fit:cover}
.pk-sunum-serit span{position:absolute;left:4px;bottom:4px;padding:2px 4px;border-radius:2px;background:rgba(255,255,255,.92);font:500 .62rem/1 var(--mono);color:var(--ink,#0c1a15)}
.pk-sunum-serit a:hover,.pk-sunum-serit a:focus-visible{transform:translateY(-3px);border-color:var(--green,#2f8f3f);box-shadow:0 8px 18px -10px rgba(12,26,21,.4)}
.pk-sunum-serit .daha a{display:grid;place-items:center;background:var(--ink,#0c1a15);border-color:var(--ink,#0c1a15);color:#fff;font:500 .7rem/1.2 var(--mono);text-align:center;padding:4px}
.pk-sunum-serit .daha a:hover{background:var(--green-d,#1f6e2d)}

@media (max-width:900px){
  .pk-sunum,.pk-sunum.dikey{grid-template-columns:minmax(0,1fr)}
  .pk-sunum.dikey .pk-sunum-kapak{max-width:340px}
}
@media (max-width:520px){
  .pk-sunum-serit{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pk-sunum-serit li:nth-child(4):not(.daha){display:none}
  .pk-sunum-serit span{display:none}
  .pk-sunum-kapak{margin:0 12px 12px 0}
  .pk-sunum-kapak .ipucu{left:10px;bottom:10px;padding:6px 12px 6px 6px;font-size:.76rem;gap:8px}
  .pk-sunum-kapak .ok{width:22px;height:22px}
  .pk-sunum-kapak .ok::after{left:8px;top:6px}
  .pk-sunum-kapak .yaprak:nth-child(1){transform:translate(12px,12px)}
  .pk-sunum-kapak .yaprak:nth-child(2){transform:translate(6px,6px)}
}

/* --------------------------------------------------------------- görüntüleyici */
html.pk-kitap-acik{overflow:hidden}
.pk-kitap{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#0b1712;color:#fff;overflow:hidden}
.pk-kitap[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
.pk-kitap .ust,.pk-kitap .sahne,.pk-kitap .alt{min-width:0}
.pk-kitap::backdrop{background:rgba(5,12,9,.7)}
.pk-kitap .ust{display:flex;align-items:center;gap:12px;padding:12px clamp(14px,3vw,28px);border-bottom:1px solid rgba(255,255,255,.1)}
.pk-kitap .ad{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:700 .95rem/1.3 var(--body)}
.pk-kitap .sayac{flex:none;font:500 .82rem/1 var(--mono);color:rgba(255,255,255,.72);letter-spacing:.04em}
.pk-kitap .dug{flex:none;display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:transparent;color:#fff;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.pk-kitap .dug:hover,.pk-kitap .dug:focus-visible{background:#fff;color:var(--ink,#0c1a15);border-color:#fff}
.pk-kitap .dug svg{width:18px;height:18px}
.pk-kitap .sahne{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:clamp(10px,3vh,32px) clamp(10px,7vw,96px)}
.pk-kitap .kap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.pk-kitap .olcu{flex:none;max-width:100%}
.pk-kitap .kitap{margin:0 auto;min-width:0!important;min-height:0!important}
.pk-kitap .sayfa{background:#fff;overflow:hidden}
.pk-kitap .sayfa img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}
.pk-kitap .yon{position:absolute;top:50%;z-index:5;width:52px;height:52px;margin-top:-26px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .18s,border-color .18s,opacity .18s}
.pk-kitap .yon:hover,.pk-kitap .yon:focus-visible{background:var(--green,#2f8f3f);border-color:var(--green,#2f8f3f)}
.pk-kitap .yon[disabled]{opacity:.25;pointer-events:none}
.pk-kitap .yon svg{width:22px;height:22px}
.pk-kitap .onceki{left:clamp(8px,2vw,24px)}
.pk-kitap .sonraki{right:clamp(8px,2vw,24px)}
.pk-kitap .yan{display:none;position:absolute;left:0;right:0;top:calc(50% + 29vw + 14px);margin:0;padding:0 16px;text-align:center;font:500 .74rem/1.4 var(--mono);letter-spacing:.06em;color:rgba(255,255,255,.55)}
@media (max-width:700px) and (orientation:portrait){.pk-kitap:not(.dikey) .yan{display:block}}
.pk-kitap .bekle{position:absolute;inset:0;display:grid;place-items:center;font:500 .8rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.pk-kitap.hazir .bekle{display:none}
.pk-kitap .alt{border-top:1px solid rgba(255,255,255,.1)}
.pk-kitap .ilerleme{height:3px;background:rgba(255,255,255,.08)}
.pk-kitap .ilerleme i{display:block;height:100%;width:0;background:#6fcf7f;transition:width .45s ease}
.pk-kitap .kucukler{list-style:none;margin:0;padding:12px clamp(14px,3vw,28px);display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
.pk-kitap .kucukler button{position:relative;display:block;flex:none;width:76px;aspect-ratio:var(--oran);padding:0;border:1px solid rgba(255,255,255,.14);border-radius:3px;background:#1b2a23;overflow:hidden;cursor:pointer;opacity:.62;transition:opacity .18s,border-color .18s}
.pk-kitap.dikey .kucukler button{width:48px}
.pk-kitap .kucukler img{display:block;width:100%;height:100%;object-fit:cover}
.pk-kitap .kucukler button:hover,.pk-kitap .kucukler button:focus-visible{opacity:1}
.pk-kitap .kucukler button[aria-current="true"]{opacity:1;border-color:#6fcf7f;box-shadow:0 0 0 1px #6fcf7f}
@media (max-width:700px){
  .pk-kitap .sahne{padding:8px 8px 64px}
  .pk-kitap .yon{top:auto;bottom:8px;margin-top:0;width:46px;height:46px}
  .pk-kitap .onceki{left:calc(50% - 56px)}
  .pk-kitap .sonraki{right:calc(50% - 56px)}
  .pk-kitap .kucukler button{width:60px}
  .pk-kitap.dikey .kucukler button{width:40px}
}
@media (prefers-reduced-motion:reduce){
  .pk-sunum-kapak img,.pk-sunum-kapak .ipucu,.pk-sunum-serit a,.pk-kitap .ilerleme i{transition:none}
}