/* Alt sayfalar: anasayfa diliyle (koyu bant + açık zemin, kesik köşe, ölçü çizgisi, ikon + başlık). home.css de yüklenir. */
.cut{--k:22px}
.pgx,.pgx-f,.sb-f{--cutp:polygon(0 0,calc(100% - var(--k,22px)) 0,100% var(--k,22px),100% 100%,0 100%)}
/* ---------- sayfa başlığı ---------- */
.pgx{position:relative;overflow:hidden;isolation:isolate;background:var(--cd),var(--g0);color:#fff;border-bottom:3px solid var(--br)}
.pgx>.pz-pt{opacity:.5;width:min(620px,64%);height:100%;top:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 0%,transparent 80%);mask-image:linear-gradient(270deg,#000 0%,transparent 80%)}
.pgx .w{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(20px,2.8vw,38px) 0 clamp(28px,3.6vw,48px)}
.pgx.one .w{grid-template-columns:minmax(0,1fr)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;padding:0;list-style:none;font-size:.86rem;color:#9AA3AC}
.crumbs a{transition:color .2s}.crumbs a:hover{color:var(--br)}.crumbs li+li:before{content:"/";margin-right:8px;opacity:.5}.crumbs [aria-current]{color:#D5DADF}
.pgx-h{display:flex;align-items:center;gap:clamp(14px,2vw,22px)}
.pgx-h .sh-i{width:clamp(54px,6vw,76px);font-size:clamp(1.7rem,3vw,2.3rem)}
.pgx h1{font-size:clamp(2rem,4.8vw,3.7rem);font-weight:800;line-height:1.04;color:#fff;margin:0;animation:up .9s var(--ez) both}
.pgx .dim{max-width:340px;margin:18px 0 4px}
.pgx .lead{font-size:clamp(1.02rem,1.5vw,1.16rem);max-width:54ch;margin-top:14px;color:#C5CDD4;animation:up .9s .12s var(--ez) both}
.pgx .row{margin-top:22px;animation:up .9s .22s var(--ez) both}
.pgx-f{position:relative;margin:0 0 24px;animation:up 1s .15s var(--ez) both}
.pgx-f:before,.pgx-f:after{content:"";position:absolute;z-index:-1;clip-path:var(--cutp)}
.pgx-f:before{inset:12px -12px -12px 12px;background:#F2D27E}
.pgx-f:after{inset:14px -10px -10px 14px;background:var(--cd),var(--g0)}
.pgx-f img{width:100%;aspect-ratio:16/11;object-fit:cover;filter:contrast(1.05);clip-path:polygon(0 0,calc(100% - 44px) 0,100% 44px,100% 100%,0 100%)}
.pgx-f .tb2{bottom:-24px}
.pgx-a{position:relative;display:grid;background:rgba(29,37,45,.72);border:1px solid #2A343E;border-top:3px solid var(--br);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);animation:up 1s .15s var(--ez) both}
.pgx-a>*{padding:16px 22px;border-top:1px solid #2A343E;min-width:0}.pgx-a>*:first-child{border-top:0}
.pgx-a b{display:block;font:800 clamp(1.6rem,2.8vw,2.3rem)/1.05 var(--d);font-stretch:110%;color:var(--br)}
.pgx-a span{display:block;margin-top:4px;font-size:.9rem;color:#B9C0C7;line-height:1.4}
.pgx-a a{display:block;transition:background .3s}.pgx-a a:hover{background:rgba(197,154,46,.1)}
.pgx-a.g2{grid-template-columns:1fr 1fr}.pgx-a.g2>*{border-top:0;border-left:1px solid #2A343E}.pgx-a.g2>*:nth-child(odd){border-left:0}.pgx-a.g2>*:nth-child(n+3){border-top:1px solid #2A343E}
/* ---------- bölümler ---------- */
.sx{--fb:var(--bg);position:relative;padding:clamp(28px,4vw,52px) 0}
.sx.alt{--fb:var(--sf);background:var(--sf) var(--mot);border-block:1px solid var(--ln)}
.sx.dkb{background:var(--cd),var(--g0);color:#fff;border:0}.sx.dkb p{color:#B9C0C7}
.sx .sh{margin-bottom:clamp(16px,2.4vw,26px)}
.sx .sh p{max-width:60ch}
.tc{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,60px);align-items:center}
.tc.top{align-items:start}
.prose p{color:var(--mut);max-width:62ch}.prose p+p{margin-top:14px}.prose h2{font-size:clamp(1.6rem,3.2vw,2.4rem);margin-bottom:14px}
.dkb .prose p{color:#B9C0C7}
.k{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brd);margin-bottom:8px;display:block}
.dkb .k{color:var(--br)}
/* ---------- özellik kartları ---------- */
.fcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.fcs.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.fcs.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.fcs.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fc{position:relative;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;padding:22px 22px 20px;background:var(--sf);border:1px solid var(--ln);border-top:3px solid var(--ln);color:var(--ink);transition:transform .4s var(--ez),border-color .3s,box-shadow .4s}
a.fc:hover,.fc.hv:hover{transform:translateY(-5px);border-top-color:var(--br);box-shadow:0 22px 44px -22px rgba(14,18,22,.5)}
.fc-h{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.fc-i{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1.5px solid var(--brd);color:var(--brd);font-size:1.45rem;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:background .3s,color .3s,transform .4s var(--ez)}
.fc:hover .fc-i{background:var(--br);border-color:var(--br);color:var(--ink);transform:translateY(-2px)}
.fc.in .fc-i .i{animation:draw 1.2s .15s var(--ez) both}
.fc h3{font-size:1.15rem;margin:0;min-width:0}.fc p{font-size:.98rem;margin:0;max-width:none}
.fc .mt{margin-top:12px;padding-top:12px;border-top:1px dashed var(--ln);font-size:.92rem;color:var(--mut)}
.fc .go{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--brd)}
.fc .go .i{font-size:1.2rem;transition:transform .35s var(--ez)}a.fc:hover .go .i{transform:translateX(5px)}
.fc>.pz-pt{width:130px;height:130px}.fc:hover>.pz-pt{opacity:.45}
.dkb .fc{background:var(--g2);border-color:#2A343E;border-top-color:#2A343E;color:#fff}.dkb .fc-i{border-color:var(--br);color:var(--br)}.dkb .fc:hover{border-top-color:var(--br)}.dkb .fc p,.dkb .fc .mt{color:#B9C0C7}.dkb .fc .mt{border-color:#3A444F}.dkb .fc .go{color:var(--br)}
/* ---------- kontrol listesi ---------- */
.cl{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(18px,3vw,44px)}
.cl.one{grid-template-columns:1fr}
.cl li{position:relative;padding:11px 0 11px 30px;border-top:1px solid var(--ln);color:var(--mut);line-height:1.5}
.cl li:before{content:"";position:absolute;left:4px;top:13px;width:6px;height:12px;border:solid var(--brd);border-width:0 2.5px 2.5px 0;transform:rotate(40deg)}
.cl b{color:var(--ink);font-weight:700}
.dkb .cl li{border-color:#2A343E;color:#C5CDD4}.dkb .cl li:before{border-color:var(--br)}.dkb .cl b{color:#fff}
.tip{display:flex;gap:14px;margin-top:18px;padding:16px 18px;background:rgba(197,154,46,.12);border-left:3px solid var(--br)}
.tip .i{flex:none;font-size:1.4rem;color:var(--brd);margin-top:2px}.tip p{margin:0;max-width:none;font-size:.96rem;color:var(--ink)}
.tip b{font-weight:700}
/* ---------- hizmet blokları ---------- */
.ix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ln);border:1px solid var(--ln)}
.ix a{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--sf);transition:background .3s,color .3s}
.ix .fc-i{width:44px;height:44px;font-size:1.3rem}
.ix b{display:block;font:700 1.02rem/1.2 var(--d)}.ix small{display:block;margin-top:2px;font-size:.84rem;color:var(--mut);line-height:1.35}
.ix a:hover{background:var(--g0);color:#fff}.ix a:hover small{color:#B9C0C7}.ix a:hover .fc-i{background:var(--br);border-color:var(--br);color:var(--ink)}
.sb{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(22px,4vw,60px);align-items:center;padding:clamp(22px,3vw,34px) 0;border-top:1px solid var(--ln);scroll-margin-top:84px}
.sb:first-of-type{border-top:0}
.sb.rv .sb-f{order:2}
.sb-f{--k:22px;position:relative;margin:0 14px 14px 0}
.sb-f:before,.sb-f:after{content:"";position:absolute;z-index:0;clip-path:var(--cutp)}
.sb-f:before{inset:14px -14px -14px 14px;background:var(--br)}
.sb-f:after{inset:16px -12px -12px 16px;background:var(--fb)}
.sb-f img{position:relative;z-index:1;width:100%;aspect-ratio:4/3;object-fit:cover;clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);filter:contrast(1.04)}
.sb-f figcaption{position:absolute;z-index:2;left:0;bottom:0;padding:8px 14px;background:var(--g0);color:#fff;font-size:.84rem;font-weight:600;border-top:2px solid var(--br)}
.sb h2{font-size:clamp(1.5rem,3vw,2.2rem)}.sb .lede{margin-top:12px;color:var(--mut);max-width:60ch}
.sb .cl{margin-top:14px}.sb-a{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
/* ---------- tablo ---------- */
.dt{width:100%;border-collapse:collapse;background:var(--sf);border:1px solid var(--ln)}
.dt th{background:var(--g0);color:#fff;padding:13px 18px;text-align:left;font:700 .8rem var(--b);text-transform:uppercase;letter-spacing:.08em}
.dt td{padding:14px 18px;border-top:1px solid var(--ln);vertical-align:top;color:var(--mut)}
.dt td:first-child{font-weight:700;color:var(--ink);white-space:nowrap}
.dt .n{font:800 1.3rem/1.1 var(--d);font-stretch:108%;color:var(--brd);white-space:nowrap}.dt .n small{font:600 .8rem var(--b);color:var(--mut)}
.dt th.r,.dt td.r{text-align:right}
.dt tbody tr{transition:background .25s}.dt tbody tr:hover{background:rgba(197,154,46,.1)}
/* ---------- hesaplayıcı ---------- */
.cc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:var(--cd),var(--g0);border-top:3px solid var(--br);color:#fff;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}
.cc>div{padding:clamp(20px,3vw,34px)}.cc>div+div{border-left:1px solid #2A343E;background:rgba(29,37,45,.6)}
.cc h2{font-size:clamp(1.4rem,2.6vw,1.9rem);color:#fff}.cc p{color:#B9C0C7;margin-top:8px}
.cc form{padding:0;border:0;background:none;margin-top:18px;gap:14px}
.cc label{color:#E3E7EA}
.cc input,.cc select{background:#12181E;color:#fff;border:1px solid #34414D;border-radius:0;padding:13px 14px;font-size:1rem}
.cc input:focus,.cc select:focus{border-color:var(--br)}
.pr{display:flex;flex-wrap:wrap;gap:8px}.pr button{background:0;border:1px solid #3A444F;color:#D5DADF;font:600 .9rem var(--b);padding:7px 14px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}.pr button:hover,.pr button.on{background:var(--br);border-color:var(--br);color:var(--ink)}
.cc small.m{display:block;color:#9AA3AC;font-size:.82rem;margin-bottom:6px;font-weight:500}
.cc .res{padding:0;border:0;background:none}.cc .res b{display:block;font:800 clamp(2rem,4.4vw,3.2rem)/1.05 var(--d);font-stretch:110%;color:var(--br);margin:6px 0 10px;overflow-wrap:anywhere}
.cc .eq{display:block;font-size:.9rem;color:#B9C0C7}
/* ---------- çubuklar ---------- */
.bars{display:grid;gap:14px}
.bars>div{display:grid;grid-template-columns:minmax(0,230px) 1fr 86px;gap:14px;align-items:center}
.bars span{font-weight:600}.bars em{font:800 1.2rem var(--d);font-style:normal;color:var(--brd);text-align:right}
.bars i{display:block;height:12px;background:rgba(14,18,22,.08);position:relative;overflow:hidden}
.bars i:after{content:"";position:absolute;inset:0;width:var(--w);background:repeating-linear-gradient(90deg,var(--br) 0 6px,#E0B553 6px 8px);transform-origin:left;transform:scaleX(0);transition:transform 1.2s .2s var(--ez)}
.bars>div.in i:after{transform:scaleX(1)}
.js .bars>div{opacity:0;transform:none}.js .bars>div.in{opacity:1}
/* ---------- haberler ---------- */
.nf{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);padding:clamp(22px,3vw,36px);background:var(--cd),var(--g0);color:#fff;border-top:3px solid var(--br);clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%)}
.nf>.pz-pt{opacity:.4;width:320px;height:320px}
.nf time,.ni time{display:block;font-weight:700;color:var(--br)}
.nf .src,.ni .src{display:inline-block;margin-top:6px;padding:2px 10px;border:1px solid #3A444F;color:#C5CDD4;font-size:.8rem}
.nf h2{font-size:clamp(1.6rem,3.2vw,2.5rem);margin-top:12px}.nf p{margin-top:12px;font-size:1.05rem}
.nf .row{margin-top:20px}
.nf .big{align-self:end;display:grid;gap:12px}.nf .big b{display:block;font:800 clamp(2.6rem,6vw,4.6rem)/1 var(--d);font-stretch:112%;color:var(--br)}.nf .big span{color:#C5CDD4}
.ni{display:grid;grid-template-columns:minmax(0,190px) 1fr 44px;gap:clamp(14px,3vw,28px);align-items:center;padding:20px 14px;border-bottom:1px solid var(--ln);transition:background .3s,padding .35s var(--ez)}
.ni:first-child{border-top:1px solid var(--ink)}
.ni:hover{background:linear-gradient(90deg,rgba(197,154,46,.14),transparent);padding-left:24px}
.ni time{color:var(--ink)}.ni .src{border-color:var(--ln);color:var(--mut)}
.ni h3{font-size:1.2rem;margin-bottom:6px;transition:color .2s}.ni:hover h3{color:var(--brd)}.ni p{font-size:.98rem;max-width:70ch}
.ni>.i{font-size:1.4rem;color:var(--brd);transition:transform .35s var(--ez)}.ni:hover>.i{transform:translate(4px,-4px)}
/* ---------- referanslar ---------- */
.fl{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.fl button{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:var(--sf);border:1px solid var(--ln);color:var(--ink);font:600 .94rem var(--b);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.fl button:hover{border-color:var(--ink)}.fl button[aria-pressed=true]{background:var(--g0);border-color:var(--g0);color:#fff;box-shadow:inset 0 -3px var(--br)}
.pj3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pj3 .pj-c{min-height:380px}
.pj3 .pj-c[hidden]{display:none}
.pj-m{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:.84rem;color:#C5CDD4}.pj-m span{display:inline-flex;align-items:center;gap:6px}.pj-m span:before{content:"";width:5px;height:5px;background:var(--br);transform:rotate(45deg)}
/* ---------- iletişim ---------- */
.ck{display:grid;gap:14px}
.ck a,.ck div.it{position:relative;display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--sf);border:1px solid var(--ln);border-left:3px solid var(--br);transition:transform .35s var(--ez),box-shadow .35s,background .3s,color .3s}
.ck a:hover{transform:translateX(5px);background:var(--g0);color:#fff;box-shadow:0 18px 36px -20px rgba(14,18,22,.55)}
.ck .fc-i{width:52px;height:52px;font-size:1.5rem}
.ck a:hover .fc-i{background:var(--br);border-color:var(--br);color:var(--ink)}
.ck b{display:block;font:800 clamp(1.25rem,2.4vw,1.6rem)/1.15 var(--d);font-stretch:108%}.ck small{display:block;margin-top:3px;color:var(--mut);font-size:.92rem}.ck a:hover small{color:#B9C0C7}
.fm{display:grid;gap:14px;padding:clamp(20px,3vw,32px);border:1px solid var(--ln);border-top:3px solid var(--br);background:var(--sf)}
.fm h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}.fm label{font-size:.92rem}
.fm input,.fm select,.fm textarea{border-radius:0;background:#fff;border:1px solid var(--ln);padding:13px 14px}
.fm input:focus,.fm select:focus,.fm textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(197,154,46,.3)}
.fm .hint{font-size:.9rem;color:var(--mut)}
.fq{display:grid;gap:10px;max-width:none;border:0}
.fq details{background:var(--sf);border:1px solid var(--ln);border-left:3px solid var(--ln);transition:border-color .3s}
.fq details[open]{border-left-color:var(--br)}
.fq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;font:700 1.05rem/1.3 var(--d)}
.fq summary:after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;border:1.5px solid var(--brd);color:var(--brd);font-size:1.2rem;line-height:1}
.fq details[open] summary:after{content:"\2212";background:var(--br);border-color:var(--br);color:var(--ink)}
.fq details p{padding:0 18px 16px;margin:0;max-width:none}
/* ---------- sözlük ---------- */
.gl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(18px,3vw,44px);margin:0}
.gl>div{padding:14px 0;border-top:1px solid var(--ln)}
.gl dt{font:700 1.05rem var(--d);color:var(--ink)}.gl dd{margin:4px 0 0;color:var(--mut);font-size:.98rem}
/* ---------- rehber makalesi ---------- */
.ar-w{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:start}
.ar-toc{position:sticky;top:92px;background:var(--sf);border:1px solid var(--ln);border-top:3px solid var(--br);padding:16px 18px}
.ar-toc h2{font:700 .78rem var(--b);text-transform:uppercase;letter-spacing:.1em;color:var(--mut);margin-bottom:8px}
.ar-toc a{display:block;padding:7px 0 7px 12px;border-left:2px solid var(--ln);font-size:.95rem;color:var(--mut);transition:color .2s,border-color .2s}.ar-toc a:hover{color:var(--ink);border-left-color:var(--br)}
.ar-b{min-width:0;max-width:820px}
.ar-b>p:first-child{font-size:1.14rem;color:var(--ink);max-width:none}
.ar-b h2{position:relative;font-size:clamp(1.4rem,2.6vw,1.9rem);margin:clamp(24px,3vw,36px) 0 10px;padding-left:16px;scroll-margin-top:88px}
.ar-b h2:before{content:"";position:absolute;left:0;top:.14em;bottom:.14em;width:4px;background:var(--br)}
.ar-b p{margin-top:10px;max-width:none}.ar-b a{color:var(--ink);border-bottom:1.5px solid var(--br)}.ar-b a:hover{color:var(--brd)}
.ar-b ul.kv{list-style:none;padding:0;margin:14px 0 0;border:1px solid var(--ln);background:var(--sf)}
.ar-b ul.kv li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 16px;padding:12px 16px;border-top:1px solid var(--ln);color:var(--mut)}
.ar-b ul.kv li:first-child{border-top:0}.ar-b ul.kv li:before{display:none}
.ar-b ul.kv b{color:var(--brd);font-weight:700}
.ar-b ul.cl{margin-top:12px}
.ar-b .note{margin-top:24px;padding:16px 20px;border-left:3px solid var(--br);background:rgba(197,154,46,.12);color:var(--ink);font-size:.96rem}
.ar-b .rel{margin-top:clamp(28px,4vw,44px);padding-top:0;border:0}
.ar-b .rel h2{margin-top:0}
.ar-b .rel .fcs{margin-top:14px}
/* ---------- 404 ---------- */
.nf4{text-align:center;padding:clamp(40px,8vw,90px) 0}.nf4 b{display:block;font:800 clamp(5rem,18vw,11rem)/1 var(--d);font-stretch:112%;color:var(--br)}
/* ---------- duyarlı ---------- */
@media(max-width:1000px){
.pgx .w{grid-template-columns:1fr}.pgx>.pz-pt{opacity:.3;width:80%}.pgx-f{max-width:640px}.pgx-a{max-width:560px}
.tc,.sb,.nf,.cc{grid-template-columns:1fr}.sb.rv .sb-f{order:0}.sb-f{max-width:620px}
.fcs.c3,.fcs.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
.ix,.pj3{grid-template-columns:repeat(2,minmax(0,1fr))}
.cc>div+div{border-left:0;border-top:1px solid #2A343E}
.ar-w{grid-template-columns:1fr}.ar-toc{position:static;display:flex;flex-wrap:wrap;gap:6px 8px;padding:12px 14px}.ar-toc h2{width:100%;margin-bottom:2px}.ar-toc a{padding:5px 12px;border:1px solid var(--ln);border-left:1px solid var(--ln)}
.bars>div{grid-template-columns:minmax(0,150px) 1fr 74px}
}
@media(max-width:700px){
.cl,.gl,.fcs.c2{grid-template-columns:1fr}
.ni{grid-template-columns:1fr 36px;gap:6px 14px}.ni>div:first-child{grid-column:1/-1}.ni>.i{grid-row:2;grid-column:2}.ni>div:nth-child(2){grid-row:2;grid-column:1}
.dt thead{display:none}.dt,.dt tbody,.dt tr,.dt td{display:block}
.dt tr{border-top:3px solid var(--br);padding:8px 14px 10px}.dt tr:first-child{border-top:0}
.dt td{border:0;padding:5px 0;white-space:normal!important}.dt td:before{content:attr(data-l);display:block;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.dt td.r{text-align:left}
.ar-b ul.kv li{grid-template-columns:1fr}
.bars>div{grid-template-columns:1fr 70px;gap:6px 10px}.bars>div i{grid-column:1/-1;grid-row:2}
}
@media(max-width:560px){
.fcs.c3,.fcs.c4,.fcs,.ix,.pj3{grid-template-columns:1fr}
.pgx h1{font-size:clamp(1.9rem,9vw,2.6rem)}.pgx-a.g2{grid-template-columns:1fr 1fr}.pgx-a.g2>*{padding:14px 14px}
.pj3 .pj-c{min-height:320px}
.pgx-f:before{inset:10px -10px -10px 10px}.pgx-f:after{inset:12px -8px -8px 12px}
.sb-f{margin-right:10px}.sb-f:before{inset:12px -10px -10px 12px}.sb-f:after{inset:14px -8px -8px 14px}
.cc{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}.nf{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
.ck a,.ck div.it{padding:14px 14px;gap:12px}.ck .fc-i{width:46px;height:46px}
}
@media(prefers-reduced-motion:reduce){.bars i:after{transform:none;transition:none}.pgx h1,.pgx .lead,.pgx .row,.pgx-f,.pgx-a{animation:none}}
/* eklentiler */
.st.st3{grid-template-columns:repeat(3,minmax(0,1fr))}
.st.st3 li:last-child:before{right:0}
@media(max-width:1000px){.st.st3{grid-template-columns:1fr}}
.dk-cl li{border-color:#2A343E;color:#C5CDD4}.dk-cl li:before{border-color:var(--br)}.dk-cl b{color:#fff}
.dt-w{overflow:visible}
.sx.pz{padding:clamp(28px,4vw,52px) 0}
.sx.pz:after{display:none}
.sx .pz-grid{margin-top:0}
@media(max-width:560px){.fg{grid-template-columns:1fr 1fr}.fg>div:first-child,.fg>div:last-child{grid-column:1/-1}}
.pj3 .pj-c:first-child{grid-row:auto;grid-column:auto}
.nf p{color:#C5CDD4}
.sx.dkb+.ct{border-top:1px solid #2A343E}
/* v15 */
.pgx-h{align-items:flex-start}.pgx-h .sh-i{align-self:flex-start;margin-top:.1em}
.pgx .hw{flex:0 1 auto}.pgx .dim{max-width:none;margin:14px 0 2px}
.pgx .row .bt{min-height:44px;padding:4px 4px 4px 16px;font-size:.9rem;gap:14px}.pgx .row .bt .ic{width:34px;height:34px}.pgx .row .bt-g{padding-left:16px}
.pgx-f:after{inset:13.5px -10.5px -10.5px 13.5px}
@media(max-width:560px){.pgx-f:after{inset:11.5px -8.5px -8.5px 11.5px}}
.pz-c,.fc,.pz-f{border-radius:8px}
.pz-c .pz-go .ic{border-radius:8px}
.nf>.pz-pt{max-width:60%;max-height:60%}

/* v16 */
.pgx-f:before{inset:12px -12px -12px 12px;opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H95L100 5V100H0Z' fill='none' stroke='%23C59A2E' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;clip-path:none}
.pgx-f:after{display:none}
@media(max-width:560px){.pgx-f:before{inset:10px -10px -10px 10px}}
.hh-f:before,.pgx-f:before{opacity:1}
/* v18 */
.pgx .sh-i{--ibc:var(--br)}
.fc-i{--ibc:var(--brd)}.fc:hover .fc-i,.ix a:hover .fc-i,.ck a:hover .fc-i,.dkb .fc-i{--ibc:var(--br)}
.pgx-f{margin-bottom:0}.pgx-f .tb2{bottom:0}
@media(max-width:640px){.pgx-f{margin-bottom:12px}}
/* v20 */
.pgx-f .tb2{bottom:14px}
@media(max-width:640px){.pgx-f .tb2{bottom:18px}}
/* ---------- referans galerisi ---------- */
.pj-gal{cursor:pointer}
.lbx{border:0;padding:0;background:rgba(14,18,22,.96);color:#fff;width:100vw;height:100vh;max-width:none;max-height:none}
.lbx::backdrop{background:rgba(14,18,22,.96)}
.lbx figure{position:absolute;inset:56px 64px 64px;margin:0;display:flex;align-items:center;justify-content:center}
.lbx img{max-width:100%;max-height:100%;object-fit:contain}
.lbx .lt{position:absolute;left:20px;top:16px;right:80px;font:700 1.05rem var(--d);display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.lbx .lt small{color:#C5CDD4;font:500 .85rem var(--b)}
.lbx button{position:absolute;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font-size:1.4rem;cursor:pointer}
.lbx button:hover{background:var(--br);border-color:var(--br);color:var(--ink)}
.lbx .lx{top:12px;right:16px}.lbx .lp{left:10px;top:50%}.lbx .ln{right:10px;top:50%}
@media(max-width:700px){.lbx figure{inset:56px 8px 64px}.lbx .lp,.lbx .ln{top:auto;bottom:10px}.lbx .lp{left:calc(50% - 52px)}.lbx .ln{right:calc(50% - 52px)}}