/* EBİS GRUP — Projelerimiz bölümü */
.pj-section{background:#f6f4ef;padding:96px 0;scroll-margin-top:80px}
.pj-section[hidden]{display:none}
.pj-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:34px}
.pj-head h2{margin:8px 0 0;font-family:'Manrope','Inter',sans-serif;font-weight:800;font-size:clamp(32px,4.4vw,52px);line-height:1.05;color:#0b1b30}
.pj-head h2 span{color:#c9943d}
.pj-head p{max-width:420px;margin:0;color:#56616f;font-size:16px;line-height:1.6}

.pj-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.pj-chip{border:1px solid #d6d1c4;background:#fff;color:#2a3442;font:600 14px 'Inter',sans-serif;padding:10px 18px;border-radius:999px;cursor:pointer;transition:.2s}
.pj-chip:hover{border-color:#c9943d;color:#0b1b30}
.pj-chip.active{background:#0b1b30;border-color:#0b1b30;color:#fff}

.pj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pj-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e6e2d7;border-radius:6px;overflow:hidden;cursor:pointer;text-align:left;padding:0;font:inherit;color:inherit;transition:transform .25s,box-shadow .25s}
.pj-card:hover,.pj-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,27,48,.14);outline:none}
.pj-media{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#0b1b30,#1d3556);overflow:hidden}
.pj-media img{width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block;transition:transform .5s}
.pj-card:hover .pj-media img{transform:scale(1.05)}
.pj-media.empty::after{content:"EBİS GRUP";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.35);font:800 22px 'Manrope',sans-serif;letter-spacing:.2em}
.pj-badge{position:absolute;left:14px;top:14px;background:#c9943d;color:#15191f;font:700 11px 'Inter',sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:3px}
.pj-count{position:absolute;right:14px;bottom:14px;background:rgba(11,27,48,.78);color:#fff;font:600 12px 'Inter',sans-serif;padding:5px 10px;border-radius:3px}
.pj-body{padding:20px 22px 24px}
.pj-body h3{margin:0 0 6px;font:800 20px/1.25 'Manrope','Inter',sans-serif;color:#0b1b30}
.pj-meta{margin:0 0 10px;font:600 13px 'Inter',sans-serif;color:#9a7330}
.pj-body p{margin:0;color:#56616f;font-family:'Inter',sans-serif;font-size:15px;line-height:1.6}

/* Lightbox */
.pj-lb{position:fixed;inset:0;z-index:2147483000;background:rgba(4,12,24,.94);display:none;align-items:center;justify-content:center;padding:24px}
.pj-lb.open{display:flex}
.pj-lb-box{width:min(1100px,100%);max-height:100%;display:grid;grid-template-columns:minmax(0,1fr) 320px;background:#0b1b30;border-radius:6px;overflow:hidden}
.pj-lb-stage{position:relative;background:#050d1a;display:flex;align-items:center;justify-content:center;min-height:320px}
.pj-lb-stage img{max-width:100%;max-height:78vh;object-fit:contain;display:block}
.pj-lb-info{padding:28px 26px;color:#d3dde7;overflow:auto}
.pj-lb-info small{color:#c9943d;font:700 12px 'Inter',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.pj-lb-info h3{margin:8px 0 6px;color:#fff;font:800 24px/1.2 'Manrope','Inter',sans-serif}
.pj-lb-info .pj-meta{color:#c9943d}
.pj-lb-info p,.pj-lb-info ul{font-family:'Inter',sans-serif}
.pj-lb-info p{font-size:15px;line-height:1.65;margin:0 0 14px}
.pj-lb-info ul{margin:0;padding-left:18px;font-size:14px;line-height:1.7}
.pj-lb-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:22px;cursor:pointer}
.pj-lb-btn:hover{background:#c9943d;color:#15191f}
.pj-prev{left:12px}.pj-next{right:12px}
.pj-lb-close{position:absolute;top:16px;right:16px;z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:20px;cursor:pointer}
.pj-lb-close:hover{background:#c9943d;color:#15191f}
.pj-lb-pos{position:absolute;left:14px;bottom:12px;background:rgba(0,0,0,.55);color:#fff;font:600 12px 'Inter',sans-serif;padding:4px 10px;border-radius:3px}

@media(max-width:980px){.pj-grid{grid-template-columns:repeat(2,1fr)}.pj-lb-box{grid-template-columns:1fr;overflow:auto}.pj-lb-stage img{max-height:52vh}}
@media(max-width:620px){.pj-section{padding:64px 0}.pj-grid{grid-template-columns:1fr}.pj-lb{padding:10px}}