/* Ana sayfa · katalog akışı: sayfalar yan yana, ortadaki büyük; tıklayınca sayfa büyür */
.kz{--zemin:#e0e0e0;--yazi:#5b6472;--btnZ:#fff;--btnC:rgba(0,0,0,.12);--btnY:#161b26;--w:clamp(190px,19vw,330px);--zeminG:linear-gradient(180deg,#dcdcdc 0%,#e4e4e4 18%,#f7f7f7 72%,#fff 100%);position:relative;margin:0 calc(50% - 50vw);background:var(--zeminG);padding:6px 0 44px;overflow:hidden;clear:both;font-family:Inter,Arial,sans-serif}
html[data-tema=koyu] .kz,html[data-tema=koyu] #kzBuyuk{--zemin:#141519;--zeminG:#141519;--yazi:#9a9ea8;--btnZ:#1d1e23;--btnC:#30323a;--btnY:#eceef1}
.kz-sahne{position:relative;height:calc(var(--w) * 1.414 + 90px);perspective:1600px;perspective-origin:50% 50%;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.kz-sahne.surukle{cursor:grabbing}
.kz-sayfa{position:absolute;left:50%;top:50%;width:var(--w);aspect-ratio:420/594;margin:calc(var(--w) * -0.707) 0 0 calc(var(--w) * -0.5);transform-style:preserve-3d;will-change:transform,opacity}
.kz-ic{position:absolute;inset:0;border-radius:4px;background:#fff;box-shadow:0 18px 34px rgba(20,30,50,.20),0 2px 6px rgba(20,30,50,.10);overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
html[data-tema=koyu] .kz-ic{box-shadow:0 18px 34px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.3)}
.kz-ic canvas{display:block;width:100%;height:100%}
.kz-no{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 22px/1 Inter,Arial,sans-serif;color:#c9ccd3;background:linear-gradient(135deg,#fff,#f1f2f5)}
@media (hover:hover) and (pointer:fine){.kz-sahne:not(.surukle) .kz-sayfa:hover .kz-ic{transform:translateY(-8px) scale(1.04);box-shadow:0 28px 46px rgba(20,30,50,.26),0 3px 8px rgba(20,30,50,.12)}}
.kz-sayfa.orta{cursor:zoom-in}
.kz-alt{display:flex;align-items:center;justify-content:center;gap:14px;position:relative;z-index:4}
.kz-btn{width:44px;height:44px;margin:0;padding:0;border-radius:50%;border:1px solid var(--btnC);background:var(--btnZ);color:var(--btnY);font:400 22px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 4px 12px rgba(20,30,50,.08);display:inline-flex;align-items:center;justify-content:center}
.kz-alt span,#kzBuyuk .kb-alt span{font-size:13px;color:var(--yazi);min-width:70px;text-align:center;font-variant-numeric:tabular-nums}
#kzBuyuk{--zemin:#ececec;--yazi:#5b6472;--btnZ:#fff;--btnC:rgba(0,0,0,.12);--btnY:#161b26;position:fixed;inset:0;z-index:2147483000;display:none;font-family:Inter,Arial,sans-serif}
#kzBuyuk .kb-perde{position:absolute;inset:0;background:var(--zemin);opacity:0;transition:opacity .4s}
#kzBuyuk.gor .kb-perde{opacity:.97}
#kzBuyuk .kb-sayfa{position:absolute;left:0;top:0;transform-origin:0 0;background:#fff;border-radius:4px;box-shadow:0 30px 70px rgba(20,30,50,.30);overflow:hidden;transition:transform .7s cubic-bezier(.66,0,.18,1)}
#kzBuyuk .kb-sayfa canvas{display:block;width:100%;height:100%;transition:opacity .25s}
#kzBuyuk .kb-ust{position:absolute;top:18px;right:18px;display:flex;gap:10px;opacity:0;transition:opacity .3s}
#kzBuyuk .kb-alt{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;opacity:0;transition:opacity .3s}
#kzBuyuk.gor .kb-ust,#kzBuyuk.gor .kb-alt{opacity:1;transition-delay:.45s}
body:has(#kzBuyuk.gor) #scrollUp{display:none!important}
@media (max-width:760px){.kz{--w:46vw}.kz-sahne{height:calc(var(--w) * 1.414 + 70px)}}