/* Projeler sayfası konseptleri (projeler-sayfa-konsept.html, üretici _ic/pjs-konsept.py) — önek .pjs */
.pjs{position:relative;z-index:1;font-family:"Plus Jakarta Sans",sans-serif;color:#1b1c1f;background:#fff;padding:120px 0 130px}
.pjs .za-h{max-width:none;order:0}
.pjs .mk2{position:relative;display:block;width:16px;height:16px;flex:none}
.pjs .mk2 i{position:absolute;inset:0;margin:auto;width:100%;height:78.7%}
.pjs .mk2 .g{background:#878787;clip-path:polygon(0 0,64% 0,0 100%)}
.pjs .mk2 .r{background:#d61116;clip-path:polygon(100% 0,100% 100%,36% 100%)}
/* tema button varsayılanlarını sıfırla */
.pjs button{appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;border-radius:0;background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer;box-shadow:none}
.pjs button:focus-visible{outline:2px solid #d61116;outline-offset:3px}
.pjs img{display:block}
.pjs .si{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pjs .sk{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.04em;color:#6b6f75}
.pjs .sk .si{color:#d61116}
.pjs .fs{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.04em}
.pjs .fs svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.pjs h3{margin:0;font:800 28px/1.18 "Plus Jakarta Sans",sans-serif;letter-spacing:-.02em;color:#1b1c1f}
.pjs p{margin:0;font:400 16px/1.7 "Plus Jakarta Sans",sans-serif;color:#4a4f55}
.pjs .nb{font:600 13px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.06em;color:#d61116}
.pjs .nb em{font-style:normal;color:#9aa0a6;margin-left:6px}
/* süzgeçte gizlenen proje */
.pjs [data-p]{transition:opacity .25s}
.pjs [data-p].sz{opacity:0!important}

/* ortak giriş: etiket tam satır; başlık solda, açıklama sağda; ayraç; sektör süzgeci */
.pjs-bas{display:grid;grid-template-columns:1.2fr 1fr;column-gap:64px;align-items:start;margin-bottom:56px}
.pjs-bas .z-ust{grid-column:1/-1}
.pjs-sag{padding-top:.5em}
.pjs-lead{margin:0;font:400 17px/1.7 "Plus Jakarta Sans",sans-serif;color:#4a4f55;max-width:520px}
/* başlık altı ayraç: Hakkımızda Biz kimiz ile aynı (zumer-bk5.css .ay2); görünür olunca çizilir (BK_JS .ay.on) */
.pjs-bas .ay{grid-column:1/-1;margin-top:30px}
.pjs .ay2{display:flex;align-items:center;gap:12px}
.pjs .ay2 span{height:1px;background:#e3e6e9;flex:1}.pjs .ay2 span:first-child{flex:0 0 80px;height:3px;background:#d61116}
.pjs .ay2 span{transform-origin:left;transform:scaleX(var(--ay,0));transition:transform 1.2s cubic-bezier(.7,0,.2,1)}
.pjs .ay.on{--ay:1}
.pjs1 .ay2 span,.pjs4 .ay2 span{background:#d3d7dc}
.pjs-sz{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.pjs .pjs-sz button{display:inline-flex;align-items:center;gap:10px;padding:12px 20px 12px 18px;background:#f4f5f7;font:600 14px/1 "Plus Jakarta Sans",sans-serif;color:#1b1c1f;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:background .3s,color .3s}
.pjs1 .pjs-sz button,.pjs4 .pjs-sz button{background:#fff}
.pjs-sz em{font-style:normal;font-size:12px;color:#9aa0a6;transition:color .3s}
.pjs .pjs-sz button:hover{background:#e3e6e9}
.pjs1 .pjs-sz button:hover,.pjs4 .pjs-sz button:hover{background:#e3e6e9}
.pjs .pjs-sz button.on{background:#d61116;color:#fff}.pjs-sz button.on em{color:rgba(255,255,255,.7)}
.pjs.hz .pjs-sag,.pjs.hz .pjs-sz{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.2,1)}
.pjs.hz .pjs-bas.gir .pjs-sag{opacity:1;transform:none;transition-delay:.15s}
.pjs.hz .pjs-bas.gir .pjs-sz{opacity:1;transform:none;transition-delay:.35s}

/* 1 · kart ızgarası */
.pjs1{background:#eef0f2}
.pjs1-iz{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pjs1-k .pa{display:flex;flex-direction:column;width:100%;height:100%;background:#fff;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
.pjs1-k figure{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden}
.pjs1-k .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .6s,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.pjs1-k .im img.on{opacity:1;transform:none}
.pjs1-k .fs{position:absolute;left:0;bottom:0;padding:11px 26px 11px 16px;background:#fff;color:#1b1c1f;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,0 100%)}
.pjs1-k .fs svg{color:#d61116}
.pjs1-k .nr{position:absolute;right:18px;bottom:-12px;font:800 76px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.04em;color:#fff;opacity:.9;text-shadow:0 10px 30px rgba(0,0,0,.25)}
.pjs1-k .tr{position:absolute;left:0;top:0;width:44px;height:44px;background:#d61116;clip-path:polygon(0 0,100% 0,0 100%);transform:translate(-100%,-100%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.pjs1-k .tx{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;flex:1;padding:28px 30px 32px}
.pjs1-k .tx::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.pjs1-k b{font:800 21px/1.25 "Plus Jakarta Sans",sans-serif;letter-spacing:-.015em}
.pjs1-k .mt{font:400 15px/1.65 "Plus Jakarta Sans",sans-serif;color:#4a4f55;flex:1}
.pjs1-k .zl{margin-top:6px}
.pjs1-k .pa:hover .tr{transform:none}
.pjs1-k .pa:hover .tx::after{transform:none}
.pjs1-k .pa:hover .zl::after{transform:none}
.pjs1-k .pa:hover .zl .mk .g{transform:translate(-3px,-3px)}.pjs1-k .pa:hover .zl .mk .r{transform:translate(3px,3px)}
.pjs.hz .pjs1-k{opacity:0;transform:translateY(40px);transition:opacity .8s calc(var(--i)*.1s),transform 1s cubic-bezier(.2,.7,.2,1) calc(var(--i)*.1s)}
.pjs.hz .pjs1-k.gir{opacity:1;transform:none}

/* 2 · sıralı bloklar */
.pjs2-l{display:grid;gap:110px}
.pjs2-r{display:grid;grid-template-columns:1.25fr 1fr;column-gap:56px;align-items:center}
.pjs2-r.ters{grid-template-columns:1fr 1.25fr}
.pjs2-r.ters .pjs2-ana{order:2}
.pjs2-ana{position:relative;margin:0;height:540px}
.pjs2-ana .gk{position:absolute;inset:0;overflow:hidden;clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%)}
.pjs2-r.ters .pjs2-ana .gk{clip-path:polygon(0 0,100% 0,100% 100%,40px 100%,0 calc(100% - 40px))}
.pjs2-ana img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.pjs2-ana .gk:hover img{transform:scale(1.04)}
.pjs2-ana .nr{position:absolute;left:32px;top:24px;font:800 96px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.04em;color:#fff;pointer-events:none;text-shadow:0 10px 30px rgba(0,0,0,.25)}
.pjs2-ana .fs{position:absolute;left:0;bottom:0;padding:13px 30px 13px 20px;background:#fff;color:#1b1c1f;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 100%,0 100%);pointer-events:none}
.pjs2-r.ters .pjs2-ana .fs{left:auto;right:0;padding:13px 20px 13px 30px;clip-path:polygon(16px 0,100% 0,100% 100%,0 100%)}
.pjs2-ana .fs svg{color:#d61116}
.pjs2-ana::before{content:"";position:absolute;left:-16px;top:-16px;z-index:1;width:64px;height:64px;background:#d61116;clip-path:polygon(0 0,100% 0,0 100%)}
.pjs2-r.ters .pjs2-ana::before{left:auto;right:-16px;background:#878787;clip-path:polygon(0 0,100% 0,100% 100%)}
.pjs2-tx{display:grid;gap:20px;justify-items:start}
.pjs2-ust{display:flex;align-items:center;gap:14px}
.pjs2-ust .cz{width:40px;height:1px;background:#c5c9ce}
.pjs2-gl{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:6px}
.pjs2-gl .gk{position:relative;aspect-ratio:4/3;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.pjs2-gl img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pjs2-gl .gk::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.pjs2-gl .gk:hover img{transform:scale(1.06)}.pjs2-gl .gk:hover::after{transform:none}
.pjs2-gl .fz{position:absolute;inset:0;display:grid;place-items:center;background:rgba(20,21,23,.62);color:#fff;font:800 28px/1 "Plus Jakarta Sans",sans-serif}
.pjs2-tx .pa{margin-top:6px}
.pjs.hz .pjs2-ana .gk{clip-path:polygon(0 0,0 0,0 40px,0 100%,0 100%);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1)}
.pjs.hz .pjs2-r.ters .pjs2-ana .gk{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%,100% 100%)}
.pjs.hz .pjs2-r.gir .pjs2-ana .gk{clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%)}
.pjs.hz .pjs2-r.ters.gir .pjs2-ana .gk{clip-path:polygon(0 0,100% 0,100% 100%,40px 100%,0 calc(100% - 40px))}
.pjs.hz .pjs2-ana::before{transform:scale(0);transform-origin:left top;transition:transform .6s cubic-bezier(.2,.7,.2,1) .8s}
.pjs.hz .pjs2-r.ters .pjs2-ana::before{transform-origin:right top}
.pjs.hz .pjs2-r.gir .pjs2-ana::before{transform:none}
.pjs.hz .pjs2-ana .nr,.pjs.hz .pjs2-ana .fs{opacity:0;transform:translateY(20px);transition:opacity .7s .7s,transform .9s cubic-bezier(.2,.7,.2,1) .7s}
.pjs.hz .pjs2-r.gir .pjs2-ana .nr,.pjs.hz .pjs2-r.gir .pjs2-ana .fs{opacity:1;transform:none}
.pjs.hz .pjs2-tx>*{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.2,1)}
.pjs.hz .pjs2-r.gir .pjs2-tx>*{opacity:1;transform:none}
.pjs.hz .pjs2-r.gir .pjs2-tx>:nth-child(1){transition-delay:.3s}
.pjs.hz .pjs2-r.gir .pjs2-tx>:nth-child(2){transition-delay:.38s}
.pjs.hz .pjs2-r.gir .pjs2-tx>:nth-child(3){transition-delay:.46s}
.pjs.hz .pjs2-r.gir .pjs2-tx>:nth-child(4){transition-delay:.54s}
.pjs.hz .pjs2-r.gir .pjs2-tx>:nth-child(5){transition-delay:.62s}

/* 3 · açık galeri: solda sabit bilgi, sağda mozaik */
.pjs3-l{display:grid;gap:72px}
.pjs3-ay{margin:0}
.pjs3-r{display:grid;grid-template-columns:340px 1fr;column-gap:56px;align-items:start;position:relative}
.pjs3-r::before{display:none}
.pjs3-bi{align-self:stretch}
/* bilgi kartı: açık gri, üst kırmızı çizgi, silik dev numara, sağ alt kesik + kırmızı üçgen, künye satırları, ana buton */
.pjs3-st{position:sticky;top:120px;display:grid;gap:18px;justify-items:start;padding:40px 34px 36px;background:#f4f5f7;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%)}
.pjs3-st::before{content:"";position:absolute;left:0;top:0;width:80px;height:4px;background:#d61116;transform-origin:left}
.pjs3-st::after{content:"";position:absolute;right:0;bottom:0;width:22px;height:22px;background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%)}
.pjs3-st>*{position:relative;z-index:1}
.pjs3-st>.nr{position:absolute;z-index:0;right:34px;bottom:-22px;font:800 110px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.05em;color:#e7e9ec;pointer-events:none}
.pjs3-ust{display:flex;align-items:center;gap:12px}
.pjs3-ust .cz{width:28px;height:1px;background:#c5c9ce}
.pjs3-ust .cp{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;background:#fff;font:600 13px/1 "Plus Jakarta Sans",sans-serif;color:#1b1c1f;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
.pjs3-ust .cp .si{width:16px;height:16px;color:#d61116}
.pjs3-st h3{font-size:26px}
.pjs3-st p{font-size:15px}
.pjs3-dl{list-style:none;margin:2px 0 4px;padding:0;width:100%;display:grid}
.pjs3-dl li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-top:1px dashed #cdd1d6}
.pjs3-dl li:last-child{border-bottom:1px dashed #cdd1d6}
.pjs3-dl span{font:500 12px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6b6f75}
.pjs3-dl b{font:700 14px/1.3 "Plus Jakarta Sans",sans-serif;color:#1b1c1f;text-align:right}
/* ana tema butonu (button olduğu için sıfırlama ezilir) */
.pjs button.bx1{padding:0 0 0 20px;background:var(--zk);color:#fff;font:600 14px/1.35 "Plus Jakarta Sans",sans-serif;border-radius:4px;white-space:nowrap}
.pjs3-mz .fz{position:absolute;inset:0;display:grid;place-items:center;background:rgba(20,21,23,.62);color:#fff;font:800 28px/1 "Plus Jakarta Sans",sans-serif;pointer-events:none}
.pjs3-mz{display:grid;gap:12px}
.pjs3-mz .mu{display:grid;grid-template-columns:3fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:460px}
.pjs3-mz .mu .gk:first-child{grid-row:1/3;clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,0 100%)}
.pjs3-mz .ma{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:12px;height:170px}
.pjs3-mz .gk{position:relative;overflow:hidden;min-height:0}
.pjs3-mz .ma .gk:last-child{clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
.pjs3-mz img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.pjs3-mz .gk::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.pjs3-mz .gk:hover img{transform:scale(1.05)}.pjs3-mz .gk:hover::after{transform:none}
.pjs.hz .pjs3-st>:not(.nr){opacity:0;transform:translateY(24px);transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.2,1)}
.pjs.hz .pjs3-r.gir .pjs3-st>:not(.nr){opacity:1;transform:none}
.pjs.hz .pjs3-st{opacity:0;transform:translateY(30px);transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}.pjs.hz .pjs3-r.gir .pjs3-st{opacity:1;transform:none}
.pjs.hz .pjs3-st::before{transform:scaleX(0);transition:transform .8s cubic-bezier(.2,.7,.2,1) .5s}.pjs.hz .pjs3-r.gir .pjs3-st::before{transform:none}
.pjs.hz .pjs3-st>.nr{opacity:0;transform:translateY(30px);transition:opacity 1s .4s,transform 1.2s cubic-bezier(.2,.7,.2,1) .4s}.pjs.hz .pjs3-r.gir .pjs3-st>.nr{opacity:1;transform:none}
.pjs.hz .pjs3-r.gir .pjs3-st>:nth-child(2){transition-delay:.08s}.pjs.hz .pjs3-r.gir .pjs3-st>:nth-child(3){transition-delay:.16s}
.pjs.hz .pjs3-r.gir .pjs3-st>:nth-child(4){transition-delay:.24s}.pjs.hz .pjs3-r.gir .pjs3-st>:nth-child(n+5){transition-delay:.32s}
.pjs.hz .pjs3-mz .gk{opacity:0;transform:translateY(32px) scale(.98);transition:opacity .7s,transform 1s cubic-bezier(.2,.7,.2,1)}
.pjs.hz .pjs3-r.gir .pjs3-mz .gk{opacity:1;transform:none}
.pjs.hz .pjs3-r.gir .mu .gk:nth-child(2){transition-delay:.08s}.pjs.hz .pjs3-r.gir .mu .gk:nth-child(3){transition-delay:.16s}
.pjs.hz .pjs3-r.gir .ma .gk{transition-delay:.24s}
.pjs.hz .pjs3-r::before{transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.7,0,.2,1)}
.pjs.hz .pjs3-r.gir::before{transform:none}

/* 4 · açılır liste */
.pjs4{background:#eef0f2}
.pjs4-l{border-top:1px solid #d3d7dc}
.pjs4-r{border-bottom:1px solid #d3d7dc;position:relative}
.pjs4-r::before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pjs4-r.on::before{transform:none}
.pjs .pjs4-b{display:grid;grid-template-columns:80px 1fr 200px 120px 48px;align-items:center;column-gap:24px;width:100%;padding:30px 0}
.pjs4-b .nr{font:600 15px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.06em;color:#9aa0a6;transition:color .3s}
.pjs4-b b{font:800 30px/1.15 "Plus Jakarta Sans",sans-serif;letter-spacing:-.02em;color:#6b6f75;transition:color .35s,transform .45s cubic-bezier(.2,.7,.2,1)}
.pjs4-b .fs{color:#6b6f75;justify-self:end}
.pjs4-b .ac{position:relative;width:48px;height:48px;background:#fff;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:background .3s}
.pjs4-b .ac::before,.pjs4-b .ac::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:#1b1c1f;transition:transform .4s cubic-bezier(.2,.7,.2,1),background .3s}
.pjs4-b .ac::after{transform:rotate(90deg)}
.pjs4-b:hover b{color:#1b1c1f;transform:translateX(8px)}
.pjs4-r.on .pjs4-b b{color:#1b1c1f}.pjs4-r.on .pjs4-b .nr{color:#d61116}
.pjs4-r.on .pjs4-b .ac{background:#d61116}.pjs4-r.on .pjs4-b .ac::before{background:#fff}.pjs4-r.on .pjs4-b .ac::after{background:#fff;transform:rotate(0)}
.pjs4-ic{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.2,.7,.2,1)}
.pjs4-r.on .pjs4-ic{grid-template-rows:1fr}
.pjs4-in{min-height:0;overflow:hidden;display:grid;grid-template-columns:320px 1fr;column-gap:40px;padding-left:104px}
.pjs4-tx{display:grid;gap:22px;align-content:start;justify-items:start;padding-bottom:40px}
.pjs4-sr{display:flex;gap:12px;overflow-x:auto;padding-bottom:40px;scrollbar-width:thin}
.pjs4-sr .gk{position:relative;flex:none;width:260px;height:200px;overflow:hidden}
.pjs4-sr .gk:first-child{width:340px;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.pjs4-sr img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pjs4-sr .gk::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.pjs4-sr .gk:hover img{transform:scale(1.06)}.pjs4-sr .gk:hover::after{transform:none}
.pjs4-in>*{opacity:0;transform:translateY(16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.pjs4-r.on .pjs4-in>*{opacity:1;transform:none;transition:opacity .6s .2s,transform .8s cubic-bezier(.2,.7,.2,1) .2s}
.pjs.hz .pjs4-r{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.2,1)}
.pjs.hz .pjs4-r.gir{opacity:1;transform:none}

/* ortak proje paneli: koyu tam ekran; solda çerçeveli fotoğraf (etrafında boşluk), sağda proje künyesi */
.pjs-lb{position:fixed;inset:0;z-index:10000;display:grid;grid-template-columns:minmax(0,1fr) 420px;background:#141517;color:#fff;font-family:"Plus Jakarta Sans",sans-serif;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.pjs-lb.ac{opacity:1;visibility:visible}
.pjs-lb button{appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;border-radius:0;background:none;font:inherit;color:#fff;cursor:pointer;box-shadow:none;text-align:left}
.pjs-lb svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pjs-lb .sh{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0}
.pjs-lb .ust{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 40px 0}
.pjs-lb .ust .ad{display:flex;align-items:center;gap:12px;min-width:0;font:600 14px/1.3 "Plus Jakarta Sans",sans-serif;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pjs-lb .ust .ad .mk2{position:relative;display:block;width:14px;height:14px;flex:none}
.pjs-lb .mk2 i{position:absolute;inset:0;margin:auto;width:100%;height:78.7%}
.pjs-lb .mk2 .g{background:#878787;clip-path:polygon(0 0,64% 0,0 100%)}.pjs-lb .mk2 .r{background:#d61116;clip-path:polygon(100% 0,100% 100%,36% 100%)}
.pjs-lb .kp,.pjs-lb .pv,.pjs-lb .nx{display:grid;place-items:center;width:52px;height:52px;flex:none;background:rgba(255,255,255,.08);transition:background .25s}
.pjs-lb .kp:hover,.pjs-lb .pv:hover,.pjs-lb .nx:hover{background:#d61116}
.pjs-lb .kp{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.pjs-lb .ort{position:relative;display:flex;align-items:center;justify-content:center;padding:32px 112px 24px;min-height:0}
.pjs-lb .ort .ci{position:relative;display:flex;max-width:100%;max-height:100%}
.pjs-lb .ort img{display:block;max-width:100%;max-height:calc(100vh - 220px);object-fit:contain;user-select:none;opacity:0;transform:scale(.985);transition:opacity .35s,transform .5s cubic-bezier(.2,.7,.2,1);clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%)}
.pjs-lb .ort img.on{opacity:1;transform:none}
.pjs-lb .ort .ci::before{content:"";position:absolute;left:-14px;top:-14px;width:48px;height:48px;background:#d61116;clip-path:polygon(0 0,100% 0,0 100%);z-index:1}
.pjs-lb .pv,.pjs-lb .nx{position:absolute;top:50%;margin-top:-26px}
.pjs-lb .pv{left:40px}.pjs-lb .nx{right:40px}
/* alt çubuk: sayaç + ilerleme */
.pjs-lb .alt{display:flex;align-items:center;gap:20px;padding:0 112px 36px}
.pjs-lb .sy{font:600 14px/1 "Plus Jakarta Sans",sans-serif;color:rgba(255,255,255,.45);letter-spacing:.06em;white-space:nowrap}.pjs-lb .sy b{color:#fff;font-size:20px;margin-right:2px}
.pjs-lb .ilr{flex:1;height:2px;background:rgba(255,255,255,.12);position:relative}
.pjs-lb .ilr i{position:absolute;left:0;top:0;height:100%;width:var(--o,0%);background:#d61116;transition:width .45s cubic-bezier(.2,.7,.2,1)}
/* sağ kolon */
.pjs-lb .yn{position:relative;display:flex;flex-direction:column;gap:24px;padding:72px 40px 36px;background:#1b1c1f;overflow-y:auto;overflow-x:hidden}
.pjs-lb .yn::before{content:"";position:absolute;left:0;top:0;width:80px;height:4px;background:#d61116}
.pjs-lb .yn .bn{position:absolute;right:-8px;top:26px;font:800 150px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.05em;color:rgba(255,255,255,.04);pointer-events:none}
.pjs-lb .bl{position:relative;display:grid;gap:16px;justify-items:start}
.pjs-lb .yu{display:flex;align-items:center;gap:12px}
.pjs-lb .nr{font:600 13px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.08em;color:#d61116}
.pjs-lb .yu .cz{width:28px;height:1px;background:rgba(255,255,255,.2)}
.pjs-lb .yn .sk{display:inline-flex;align-items:center;padding:8px 16px 8px 12px;background:rgba(255,255,255,.08);font:600 13px/1 "Plus Jakarta Sans",sans-serif;color:#fff;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
.pjs-lb h3{margin:0;font:800 30px/1.18 "Plus Jakarta Sans",sans-serif;letter-spacing:-.02em;color:#fff}
.pjs-lb p{margin:0;font:400 15px/1.7 "Plus Jakarta Sans",sans-serif;color:rgba(255,255,255,.68)}
.pjs-lb .dl{list-style:none;margin:0;padding:0;display:grid}
.pjs-lb .dl li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-top:1px dashed rgba(255,255,255,.14)}
.pjs-lb .dl li:last-child{border-bottom:1px dashed rgba(255,255,255,.14)}
.pjs-lb .dl span{font:500 12px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.pjs-lb .dl b{font:700 14px/1.3 "Plus Jakarta Sans",sans-serif;color:#fff;text-align:right}
.pjs-lb .kb{font:500 12px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:-12px}
.pjs-lb .kr{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pjs-lb .kr button{position:relative;aspect-ratio:1;overflow:hidden;opacity:.4;transition:opacity .25s}
.pjs-lb .kr button:hover{opacity:.8}
.pjs-lb .kr button.on{opacity:1}
.pjs-lb .kr button::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.pjs-lb .kr button.on::after{transform:none}
.pjs-lb .kr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pjs-lb .al{margin-top:auto;display:grid;gap:12px;padding-top:8px}
.pjs-lb .al .bx1{justify-content:space-between;width:100%;box-sizing:border-box}
.pjs-lb .bx1 .mk{background:#0d0e0f}
.pjs-lb .sn{position:relative;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:10px 16px 10px 10px;background:rgba(255,255,255,.06);transition:background .3s}
.pjs-lb .sn:hover{background:rgba(255,255,255,.11)}
.pjs-lb .sn img{width:64px;height:48px;object-fit:cover;display:block}
.pjs-lb .sn span{display:grid;gap:4px;min-width:0}
.pjs-lb .sn small{font:500 11px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.pjs-lb .sn b{font:700 14px/1.3 "Plus Jakarta Sans",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pjs-lb .sn svg{width:20px;height:20px;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.pjs-lb .sn:hover svg{transform:translateX(4px)}

/* başlık iki satır: ilk satır bölünmez */
@media (min-width:577px){.pjs-bas .za-h{white-space:nowrap}}
@media (min-width:992px){.pjs-bas{grid-template-columns:auto minmax(0,1fr)}}

/* panel: kısa masaüstü ekranlarda (laptop) sağ kolon sıkışır, alt kart görünür kalır */
@media (min-width:992px) and (max-height:820px){
 .pjs-lb .yn{padding:52px 32px 24px;gap:16px}.pjs-lb .yn .bn{font-size:110px;top:14px}
 .pjs-lb .bl{gap:12px}.pjs-lb h3{font-size:24px}.pjs-lb p{font-size:14px;line-height:1.6}
 .pjs-lb .dl li{padding:9px 0}.pjs-lb .kb{margin-bottom:-8px}
 .pjs-lb .kr{grid-template-columns:repeat(6,1fr);gap:6px}
 .pjs-lb .al .bx1{height:48px}.pjs-lb .al .bx1 .mk{width:48px;height:48px}.pjs-lb .al .bx1::before{right:48px}
 .pjs-lb .sn{padding:8px 14px 8px 8px}.pjs-lb .sn img{height:40px}
 .pjs-lb .ust{padding-top:18px}.pjs-lb .alt{padding-bottom:24px}
}

/* tablet: 1024'te masaüstü düzeni korunur, ≤991 tek sütuna iner */
@media (max-width:1199px){
 .pjs1-iz{gap:18px}.pjs1-k .tx{padding:24px 24px 28px}.pjs1-k b{font-size:19px}
 .pjs2-ana{height:460px}.pjs2-r,.pjs2-r.ters{column-gap:40px}
 .pjs3-r{grid-template-columns:310px 1fr;column-gap:32px}.pjs3-st{padding:34px 26px 30px}.pjs3-st h3{font-size:23px}.pjs3-mz .mu{height:400px}.pjs3-mz .ma{height:140px}
 .pjs .pjs4-b{grid-template-columns:64px 1fr 170px 110px 48px;column-gap:18px}.pjs4-b b{font-size:26px}
 .pjs4-in{padding-left:82px;grid-template-columns:260px 1fr}
 .pjs-lb .al .bx1{padding-left:20px;font-size:14px}.pjs-lb{grid-template-columns:minmax(0,1fr) 360px}.pjs-lb .yn{padding:64px 28px 28px}.pjs-lb .ort{padding:28px 92px 20px}.pjs-lb .alt{padding:0 92px 28px}.pjs-lb .pv{left:24px}.pjs-lb .nx{right:24px}.pjs-lb .ust{padding:20px 24px 0}.pjs-lb h3{font-size:26px}
}
@media (max-width:991px){
 .pjs{padding:80px 0 90px}
 .pjs-bas{grid-template-columns:1fr;row-gap:20px;margin-bottom:40px}
 .pjs-sag{padding-top:0}.pjs-sz{margin-top:12px}
 .pjs1-iz{grid-template-columns:1fr 1fr}
 .pjs2-l{gap:72px}
 .pjs2-r,.pjs2-r.ters{grid-template-columns:1fr;row-gap:36px}
 .pjs2-r.ters .pjs2-ana{order:0}
 .pjs2-ana{height:min(62vw,460px)}
 .pjs3-l{gap:48px}
 .pjs3-r{grid-template-columns:1fr;row-gap:28px}.pjs3-st{position:static;width:100%;box-sizing:border-box}
 .pjs .pjs4-b{grid-template-columns:48px 1fr 48px;row-gap:10px}
 .pjs4-b .sk{grid-column:2;grid-row:2}.pjs4-b .fs{display:none}.pjs4-b .ac{grid-column:3;grid-row:1/3}
 .pjs4-in{grid-template-columns:1fr;padding-left:0;row-gap:24px}.pjs4-tx{padding-bottom:0}
 .pjs-lb{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
 .pjs-lb .ort{padding:20px 84px 16px}.pjs-lb .ort img{max-height:calc(54vh - 120px)}
 .pjs-lb .alt{padding:0 84px 20px}
 .pjs-lb .yn{padding:28px 24px 24px;gap:18px;max-height:46vh}
 .pjs-lb .yn .bn{font-size:100px;top:8px}
 .pjs-lb .kr{display:flex;overflow-x:auto;scrollbar-width:none}.pjs-lb .kr::-webkit-scrollbar{display:none}.pjs-lb .kr button{flex:none;width:64px}
}
@media (max-width:575px){
 .pjs{padding:64px 0 72px}
 .pjs .pjs-sz{flex-wrap:nowrap;overflow-x:auto;margin-right:-20px;padding-right:20px;scrollbar-width:none}.pjs-sz::-webkit-scrollbar{display:none}
 .pjs .pjs-sz button{flex:none;padding:11px 16px 11px 14px;font-size:13px}
 .pjs h3{font-size:24px}
 .pjs1-iz{grid-template-columns:1fr;gap:16px}.pjs1-k .nr{font-size:60px}
 .pjs2-ana{height:72vw}.pjs2-ana .nr{font-size:64px;left:20px;top:16px}
 .pjs2-ana::before{width:44px;height:44px;left:-8px;top:-8px}.pjs2-r.ters .pjs2-ana::before{right:-8px}
 .pjs3-mz,.pjs3-mz .mu,.pjs3-mz .ma{gap:8px}
 .pjs3-mz .mu{grid-template-columns:1fr 1fr;grid-template-rows:56vw 30vw;height:auto}.pjs3-mz .mu .gk:first-child{grid-row:auto;grid-column:1/-1}
 .pjs3-mz .ma{grid-template-columns:1fr 1fr;height:auto;grid-auto-rows:30vw}.pjs3-mz .ma .gk:last-child:nth-child(odd){grid-column:1/-1}
 .pjs .pjs4-b{grid-template-columns:36px 1fr 40px;column-gap:12px;padding:22px 0}.pjs4-b b{font-size:20px}.pjs4-b .ac{width:40px;height:40px}
 .pjs4-sr .gk{width:200px;height:150px}.pjs4-sr .gk:first-child{width:240px}
 .pjs-lb .ust{padding:12px 16px 0}.pjs-lb .ort{padding:16px 16px 12px}.pjs-lb .ort img{max-height:calc(52vh - 110px)}
 .pjs-lb .ort .ci::before{width:32px;height:32px;left:-8px;top:-8px}
 .pjs-lb .pv,.pjs-lb .nx{width:42px;height:42px;margin-top:-21px}.pjs-lb .pv{left:8px}.pjs-lb .nx{right:8px}
 .pjs-lb .alt{padding:0 16px 14px}
 .pjs-lb .kp{width:46px;height:46px}
 .pjs-lb .yn{padding:22px 16px;max-height:52vh}.pjs-lb h3{font-size:21px}.pjs-lb p{font-size:14px}
 .pjs-lb .kr{gap:6px}.pjs-lb .kr button{width:54px}
}
@media (hover:none){.pjs1-k .tr{transform:none}}
@media (prefers-reduced-motion:reduce){.pjs.hz *,.pjs-lb *{transition:none!important}}

/* panel ≤1199: oklar fotoğrafın üstüne biner, fotoğraf genişler */
@media (min-width:992px) and (max-width:1199px){.pjs-lb .ort{padding:24px 32px 20px}.pjs-lb .alt{padding:0 32px 24px}.pjs-lb .pv{left:44px}.pjs-lb .nx{right:44px}.pjs-lb .pv,.pjs-lb .nx{background:rgba(20,21,23,.55)}}
.pjs-lb .yn>*{flex-shrink:0}