/* ================================================================= iç sayfalar (v5) */
/* sayfa başlığı (pafta başı): kırıntı + pafta/ölçek anteti · tam genişlik başlık · ölçü çizgisi · giriş | künye | sayfaya özgü kart */
.pg-h{position:relative;padding:clamp(26px,3vw,40px) 0 clamp(56px,6vw,90px);background:#fff;overflow:clip;border-bottom:1px solid var(--line)}
.pg-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--ink)}
.bc ol{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13.5px;color:var(--beton-d)}
.bc li{display:flex;align-items:center;gap:10px}
.bc li+li::before{content:'';width:14px;height:1px;background:var(--line2)}
.bc a{text-decoration:none}.bc a:hover{color:var(--u)}
.bc [aria-current]{color:var(--ink);font-weight:500}
.pg-no{display:none;align-items:baseline;gap:8px;font-size:12.5px;color:var(--beton-d);white-space:nowrap}
.pg-no b{font:600 15px var(--fd);font-stretch:88%;color:var(--ink);margin-right:10px;font-variant-numeric:tabular-nums}
.pg-no b:last-child{margin-right:0}
.pg-t{font:650 clamp(52px,8.2vw,132px)/.86 var(--fd);font-stretch:76%;letter-spacing:-.045em;margin-top:clamp(30px,4vw,60px);text-wrap:balance;max-width:16ch}
.pg-dm{position:relative;margin:clamp(18px,2vw,28px) 0 clamp(28px,3.4vw,48px);height:20px;color:var(--u)}
.pg-dm svg{position:absolute;inset:0;width:100%;height:20px;overflow:visible}
.pg-dm path{fill:none;stroke:var(--u);stroke-width:1.2;vector-effect:non-scaling-stroke}
.pg-dm span{position:absolute;left:50%;top:0;transform:translateX(-50%);background:#fff;padding:0 12px;font:600 13px/20px var(--fd)}
.pg-hg{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.62fr) minmax(0,1fr);gap:clamp(24px,3.6vw,60px);align-items:start}
.pg-hg-n{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.pg-ld{font-size:clamp(18px,1.5vw,22px);line-height:1.5;color:var(--ink2);max-width:52ch}
.pg-m{border-top:2px solid var(--ink)}
.pg-m div{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line)}
.pg-m dt{font-size:13px;color:var(--beton-d)}
.pg-m dd{font:600 16px/1.3 var(--fd);font-stretch:92%;text-align:right}
.pg-hs{position:relative;z-index:2}
/* sağ kartlar */
.sc-c{background:#fff;border-radius:8px;padding:22px;box-shadow:var(--sh2)}
.sc-k{display:flex;align-items:center;gap:8px;font:600 13.5px/1 var(--fd);font-stretch:94%;color:var(--beton-d);margin-bottom:14px}
.sc-k .ic{width:17px;height:17px;color:var(--u)}
.sc-n{font-size:13px;color:var(--beton-d);margin-top:12px;line-height:1.45}
.sc-ph{position:relative;border-radius:8px;overflow:hidden;box-shadow:var(--sh3);background:var(--fog)}
.sc-ph img{width:100%;aspect-ratio:4/3;object-fit:cover}
.sc-ph figcaption{position:absolute;left:14px;right:14px;bottom:14px;background:#fff;border-radius:4px;padding:10px 12px;font-size:13.5px;box-shadow:var(--sh1)}
.sc-dim{position:absolute;left:18px;right:18px;top:16px;display:flex;align-items:center;gap:10px;color:#fff}
.sc-dim svg{flex:1;height:10px;overflow:visible}
.sc-dim path{fill:none;stroke:#fff;stroke-width:1.4;vector-effect:non-scaling-stroke}
.sc-dim b{font:600 13.5px var(--fd);text-shadow:0 1px 8px rgba(0,0,0,.4)}
.sc-days .bt-days{margin-bottom:14px}
.sc-clock b{display:block;font:640 52px/1 var(--fd);font-stretch:80%;letter-spacing:-.03em}
.sc-clock span{font-size:14px;color:var(--beton-d)}
.sc-st{display:flex;align-items:center;gap:8px;margin:12px 0 16px;font-size:14.5px}
.sc-ph2{font-size:14px;margin-top:12px;color:var(--beton-d)}.sc-ph2 a{text-decoration:none;color:var(--ink)}.sc-ph2 a:hover{color:var(--u)}
.sc-toc ol{counter-reset:t}
.sc-toc li{border-top:1px solid var(--fog2)}
.sc-toc a{display:block;padding:9px 0;text-decoration:none;font:560 15px/1.3 var(--fd);font-stretch:96%}
.sc-toc a:hover{color:var(--u)}
.sc-team li{display:grid;grid-template-columns:1fr auto 28px;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--fog2)}
.sc-team b{font:600 15px var(--fd)}
.sc-team small{font-size:13px;color:var(--beton-d);text-align:right}
.sc-av{display:inline-flex}
.sc-av i{width:28px;height:28px;display:grid;place-items:center;border-radius:2px;background:var(--ink);color:#fff;font:600 11px/1 var(--fd);font-style:normal;margin-left:-6px;box-shadow:0 0 0 2px #fff}
.sc-av i:first-child{margin-left:0}
.sc-av i:nth-child(2n){background:var(--u)}
.sc-pr{display:block;text-decoration:none;padding:10px}
.sc-prb{display:block;padding:12px 8px 6px}
.sc-prb small{font-size:13px;color:var(--beton-d)}
.sc-prb b{display:block;font:620 22px/1.15 var(--fd);font-stretch:90%}
.sc-prb span{font-size:13.5px;color:var(--beton-d)}
.sc-bar{display:flex;gap:2px;height:10px;margin:6px 8px 6px}
.sc-bar i{background:var(--ink)}.sc-bar i.s{background:var(--u)}.sc-bar i.k{background:repeating-linear-gradient(45deg,var(--beton) 0 2px,transparent 2px 4px)}
.sc-pr:hover b{color:var(--u)}
.sc-jobs li{border-top:1px solid var(--fog2)}
.sc-jobs a{display:grid;grid-template-columns:1fr 20px;gap:2px 10px;padding:11px 0;text-decoration:none;align-items:center}
.sc-jobs b{font:600 15.5px/1.2 var(--fd)}
.sc-jobs small{grid-column:1;font-size:13px;color:var(--beton-d)}
.sc-jobs .ic{grid-row:1/3;grid-column:2;width:18px;height:18px;transition:transform .2s}
.sc-jobs a:hover{color:var(--u)}.sc-jobs a:hover .ic{transform:translateX(3px)}
.sc-sw ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sc-sw span{display:block;aspect-ratio:1;border-radius:3px;background-size:cover}
.sc-sw small{display:block;font-size:12px;color:var(--beton-d);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-pl{background:var(--u);color:#fff}
.sc-pl .sc-k{color:rgba(255,255,255,.75)}
.sc-pl p{font-size:15px;line-height:1.5}
.sc-pl .sc-n{color:rgba(255,255,255,.66)}
.sc-g{display:block;position:relative;height:84px;margin:16px 0 4px;border-left:1px solid rgba(255,255,255,.4)}
.sc-g i{position:absolute;left:calc(var(--s)*1%);width:calc(var(--w)*1%);height:9px;background:rgba(255,255,255,.85)}
.sc-g i:nth-child(1){top:0}.sc-g i:nth-child(2){top:14px}.sc-g i:nth-child(3){top:28px}.sc-g i:nth-child(4){top:42px}.sc-g i:nth-child(5){top:56px}.sc-g i:nth-child(6){top:70px}
.sc-g i.k{background:repeating-linear-gradient(45deg,rgba(255,255,255,.75) 0 2px,transparent 2px 5px)}.sc-g i.s{background:#fff}
.sc-stack{padding-bottom:26px}
.sc-st{position:relative;height:250px}
.sc-st a{position:absolute;top:calc(var(--i)*22px);left:calc(var(--i)*15%);width:62%;border-radius:5px;overflow:hidden;box-shadow:var(--sh2);text-decoration:none;transition:transform .3s var(--ease);background:#fff}
.sc-st a:hover{transform:translateY(-6px);z-index:3}
.sc-st img{width:100%;aspect-ratio:4/3;object-fit:cover}
.sc-st span{display:block;padding:8px 10px}
.sc-st b{display:block;font:600 14px/1.2 var(--fd)}
.sc-st small{font-size:12px;color:var(--beton-d)}
.sc-note b{display:block;font:620 21px/1.15 var(--fd);font-stretch:92%;margin-bottom:8px}
.sc-note p{font-size:15px;color:var(--ink2);margin-bottom:14px}

/* bölüm başlığı (yığılı) */
.sh{max-width:none;margin-bottom:34px;padding-top:18px;border-top:2px solid var(--ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px clamp(24px,4vw,64px);align-items:end}
.sh .h2{font-size:clamp(34px,3.8vw,60px);font-stretch:80%;letter-spacing:-.035em}
.sh>p,.sh>.ln{grid-column:2}
.sh p{color:var(--ink2);margin-top:0;max-width:58ch}
.sh .ln{margin-top:14px}
.ph-oh{font:600 13.5px/1 var(--fd);font-stretch:94%;color:var(--beton-d);margin-bottom:12px}

/* tablolar */
.tw{position:relative;overflow-x:auto;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line)}
.tb{width:100%;border-collapse:collapse;min-width:720px;font-size:15px}
.tb th,.tb td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--fog2);vertical-align:middle}
.tb thead th{font:600 13px var(--fd);color:var(--beton-d);background:var(--fog);position:sticky;top:0}
.tb tbody th{font:600 16px/1.3 var(--fd);font-stretch:94%}
.tb tbody tr{transition:background .15s}.tb tbody tr:hover{background:var(--u-ll)}
.tb-y{font:640 18px var(--fd);font-variant-numeric:tabular-nums}
.tb tr:last-child th,.tb tr:last-child td{border-bottom:0}

/* ofis */
.ap{padding:clamp(80px,9vw,130px) 0}
.ap-g{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(30px,6vw,100px)}
.ap-t{position:sticky;top:calc(var(--hd) + 30px);align-self:start}
.ap-t p{color:var(--ink2);margin-top:12px}
.ap-l li{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px;padding:24px 0;border-top:1px solid var(--line);position:relative}
.ap-l li::before{content:'';position:absolute;left:0;top:-1px;width:48px;height:2px;background:var(--u)}
.ap-l h3{font:620 24px/1.1 var(--fd);font-stretch:88%;letter-spacing:-.015em}
.ap-l p{color:var(--ink2)}
.ob{background:var(--fog);padding:clamp(70px,8vw,120px) 0}
.ob-g{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(30px,5vw,70px);align-items:center}
.ob-f{border-radius:6px;overflow:hidden;position:relative;box-shadow:var(--sh2)}
.ob-f img{width:100%;aspect-ratio:16/10;object-fit:cover}
.ob-f figcaption{position:absolute;left:14px;bottom:14px;max-width:360px;background:#fff;padding:10px 12px;border-radius:4px;font-size:13.5px}
.kv div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.kv dt{font-size:14px;color:var(--beton-d)}
.kv dd{font-size:15.5px}
.kv a{color:var(--ink);text-decoration-color:var(--line2);text-underline-offset:3px}.kv a:hover{color:var(--u)}
.kv-s div{grid-template-columns:120px 1fr;padding:9px 0}
.ob-t .kv{margin:20px 0}
.ob-p{color:var(--ink2);font-size:15.5px}
.ob-l{display:flex;gap:22px;margin-top:18px}
.ty{padding:clamp(80px,9vw,130px) 0}
.ty-l li{border-top:1px solid var(--line)}
.ty-l li:last-child{border-bottom:1px solid var(--line)}
.ty-l a{position:relative;display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.3fr) auto;gap:30px;align-items:center;padding:22px 0;text-decoration:none}
.ty-n{font:620 clamp(28px,3vw,42px)/1 var(--fd);font-stretch:84%;letter-spacing:-.03em;transition:color .2s,transform .3s var(--ease)}
.ty-d{color:var(--ink2);font-size:15.5px}
.ty-d small{display:block;font-size:13.5px;color:var(--beton-d);margin-top:4px}
.ty-c{display:inline-flex;align-items:center;gap:8px;font:600 15px var(--fd)}
.ty-i{position:absolute;right:140px;top:50%;width:200px;aspect-ratio:4/3;border-radius:4px;overflow:hidden;box-shadow:var(--sh3);opacity:0;transform:translateY(-50%) rotate(-3deg) scale(.92);transition:opacity .25s,transform .35s var(--ease);pointer-events:none;z-index:2}
.ty-i img{width:100%;height:100%;object-fit:cover}
.ty-l a:hover .ty-n{color:var(--u);transform:translateX(8px)}
.ty-l a:hover .ty-i{opacity:1;transform:translateY(-50%) rotate(-3deg) scale(1)}
.pb{padding:0 0 clamp(80px,9vw,130px)}
.pb-n{margin-top:18px;font-size:14.5px;color:var(--beton-d);max-width:70ch}

/* ekip */
.pt{padding:clamp(70px,8vw,110px) 0}
.pt .h2{margin-bottom:30px}
.pt-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pt-a{background:#fff;border-radius:8px;padding:24px;box-shadow:var(--sh1),inset 0 0 0 1px var(--fog2);scroll-margin-top:calc(var(--hd) + 20px)}
.pt-a:target{box-shadow:0 0 0 2px var(--u),var(--sh2)}
.pt-hd{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.pt-hd h3{font:620 22px/1.1 var(--fd);font-stretch:92%}
.pt-hd p{font-size:13.5px;color:var(--beton-d)}
.pt-a>p{color:var(--ink2);font-size:15.5px;margin-bottom:12px}
.pt-a .kv{margin:16px 0}
.pt-p li+li{border-top:1px solid var(--fog2)}
.pt-p a{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:8px 0;text-decoration:none}
.pt-p img{width:56px;height:42px;object-fit:cover;border-radius:3px}
.pt-p b{display:block;font:600 14.5px/1.2 var(--fd)}
.pt-p small{font-size:12.5px}
.pt-p a:hover b{color:var(--u)}
.tm{background:var(--fog);padding:clamp(70px,8vw,110px) 0}
.tm-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tm-s{background:#fff;border-radius:8px;padding:20px;box-shadow:var(--sh1)}
.tm-s h3{display:flex;justify-content:space-between;align-items:baseline;font:620 20px var(--fd);font-stretch:92%;padding-bottom:10px;border-bottom:2px solid var(--ink);margin-bottom:6px}
.tm-s h3 small{font:400 13px var(--ft);color:var(--beton-d)}
.tm-s li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--fog2);scroll-margin-top:calc(var(--hd) + 20px)}
.tm-s li:target{background:var(--u-ll)}
.tm-i{width:34px;height:34px;display:grid;place-items:center;background:var(--fog);border-radius:2px;font:600 12px var(--fd)}
.tm-s b{display:block;font:600 15px/1.2 var(--fd)}
.tm-s small{display:block;font-size:12.5px;color:var(--beton-d)}
.tm-y{text-align:right;font:600 14px var(--fd)}
.tm-j{margin-top:30px}

/* süreç */
.sg{padding:clamp(70px,8vw,110px) 0}
.sg-w{background:#fff;border-radius:8px;box-shadow:var(--sh2);padding:20px 22px}
.sg-ax{display:grid;grid-template-columns:200px 1fr;font-size:12.5px;color:var(--beton-d);margin-bottom:6px}
.sg-ax div{display:flex;justify-content:space-between}
.sg-l a{display:grid;grid-template-columns:200px 1fr;align-items:center;min-height:46px;text-decoration:none;border-top:1px solid var(--fog2)}
.sg-n b{display:block;font:600 15px/1.2 var(--fd)}
.sg-n small{font-size:12.5px;color:var(--beton-d)}
.sg-t{position:relative;height:100%;min-height:46px}
.sg-b{position:absolute;top:13px;height:20px;background:var(--ink);border-radius:2px;display:flex;align-items:center;color:#fff;font:600 11.5px var(--fd);padding-left:6px;transition:transform .2s;transform-origin:0 50%}
.sg-b.s{background:var(--u)}.sg-b.k{background:repeating-linear-gradient(45deg,var(--beton) 0 3px,var(--beton-d) 3px 6px)}
.sg-l a:hover .sg-b{transform:scaleY(1.25)}
.sg-l a:hover .sg-n b{color:var(--u)}
.sg-k{margin-top:14px;font-size:14px;color:var(--beton-d)}
.ph{padding:clamp(60px,7vw,100px) 0;border-top:1px solid var(--line);scroll-margin-top:var(--hd)}
.ph-alt{background:var(--fog)}
.ph-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px)}
.ph-w{font:600 13.5px var(--fd);color:var(--u);margin-bottom:8px}
.ph-who{display:flex;align-items:center;gap:12px;margin:16px 0 22px;font-size:14.5px;color:var(--ink2)}
.ph-who a{color:var(--ink)}
.ph-f{border-radius:6px;overflow:hidden;position:relative}
.ph-f figcaption{font-size:13.5px;color:var(--beton-d);margin-top:10px}
.ph-b>p{color:var(--ink2);margin-bottom:14px;font-size:17px}
.ph-o{margin-top:24px;background:#fff;border-radius:6px;padding:18px 20px;box-shadow:var(--sh1)}
.ph-o li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-top:1px solid var(--fog2);font-size:15.5px}
.ph-o li:first-child{border-top:0}
.ph-o .ic{color:var(--u);margin-top:2px}
.fq-p{padding-top:clamp(70px,8vw,110px)}

/* kariyer */
.kr{padding:clamp(70px,8vw,110px) 0}
.kr-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,80px);align-items:start}
.kr-f{border-radius:6px;overflow:hidden;box-shadow:var(--sh2)}
.kr-f img{width:100%;aspect-ratio:5/6;object-fit:cover}
.kr .h2{margin-bottom:18px}
.kv-k div{grid-template-columns:140px 1fr;padding:16px 0}
.kv-k dt{font:620 17px var(--fd);color:var(--ink)}
.kv-k dd{color:var(--ink2)}
.jb{background:var(--fog);padding:clamp(70px,8vw,110px) 0}
.jb-g{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:clamp(30px,5vw,80px)}
.jb-l details{background:#fff;border:0;border-radius:6px;padding:0 20px;margin-bottom:10px;box-shadow:var(--sh1);scroll-margin-top:calc(var(--hd) + 20px)}
.jb-l details:first-child{border-top:0}
.jb-t b{display:block;font:620 20px/1.2 var(--fd);font-stretch:94%}
.jb-t small{display:block;font:400 13.5px var(--ft);color:var(--beton-d);margin-top:3px}
.jb-c{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:16px 0 20px}
.jb-c li{padding:7px 0 7px 18px;border-top:1px solid var(--fog2);position:relative;font-size:15px}
.jb-c li::before{content:'';position:absolute;left:0;top:16px;width:8px;height:1.5px;background:var(--u)}

/* formlar */
.fm-s{padding:clamp(70px,8vw,110px) 0}
.fm-g{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(30px,5vw,80px);align-items:start}
.fm-h p{color:var(--ink2);margin-top:12px}
.fm-c{display:flex;align-items:center;gap:8px;margin-top:16px!important}
.fm{background:#fff;border-radius:8px;padding:clamp(22px,3vw,36px);box-shadow:var(--sh2),inset 0 0 0 1px var(--fog2);position:relative}
.fm-2{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}
.fm-3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 22px}
.fld{display:block;position:relative;margin-bottom:16px}
.fld-l{display:block;font:600 13.5px/1 var(--fd);font-stretch:94%;color:var(--ink2);margin-bottom:8px}
.fld-l i{color:var(--u);font-style:normal;margin-left:2px}
.fld input,.fld textarea{width:100%;border:0;border-bottom:1.5px solid var(--line2);background:var(--fog);border-radius:3px 3px 0 0;padding:13px 14px;font-size:16px;outline:none;transition:background .2s,border-color .2s}
.fld textarea{resize:vertical;min-height:120px}
.fld input:focus,.fld textarea:focus{background:var(--u-ll);border-color:var(--u)}
.fld-u{position:absolute;left:0;right:0;height:2px;background:var(--u);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--ease);margin-top:-2px}
.fld:focus-within .fld-u{transform:scaleX(1)}
.fld-h{display:block;font-size:12.5px;color:var(--beton-d);margin-top:6px}
.fld.bad input,.fld.bad textarea,.fld.bad .dd-b{border-color:#B42A12;background:#FBF1EE}
.fld-e{margin-top:6px;animation:accIn .25s var(--ease)}
.fld-w{grid-column:1/-1}
.fu{display:flex;align-items:center;gap:10px;padding:14px;border:1.5px dashed var(--line2);border-radius:4px;background:var(--fog);font-size:14.5px;position:relative;cursor:pointer;transition:border-color .2s,background .2s}
.fu:hover{border-color:var(--u);background:var(--u-ll)}
.fu input{position:absolute;inset:0;opacity:0;cursor:pointer}
.fu .ic{color:var(--u)}
/* özel açılır liste */
.dd{position:relative}
.dd-b{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-bottom:1.5px solid var(--line2);background:var(--fog);border-radius:3px 3px 0 0;padding:13px 14px;font-size:16px;text-align:left;transition:background .2s,border-color .2s}
.dd-b:hover,.dd-b[aria-expanded=true]{background:var(--u-ll);border-color:var(--u)}
.dd-ph{color:var(--beton-d)}
.dd-c{width:17px;height:17px;transition:transform .2s}
.dd-b[aria-expanded=true] .dd-c{transform:rotate(180deg)}
.dd-p{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:#fff;border-radius:6px;box-shadow:var(--sh3),0 0 0 1px var(--fog2);padding:6px;animation:mIn .12s ease-out;min-width:220px}
.dd-q{display:flex;align-items:center;gap:8px;padding:6px 10px 10px;border-bottom:1px solid var(--fog2);margin-bottom:4px}
.dd-q input{border:0;outline:none;flex:1;font-size:15px;padding:4px 0;background:transparent}
.dd-l{max-height:280px;overflow:auto;outline:none}
.dd-l li{padding:9px 12px;border-radius:3px;cursor:pointer;font-size:15px;display:flex;justify-content:space-between}
.dd-l li.hi{background:var(--fog)}
.dd-l li[aria-selected=true]{color:var(--u);font-weight:600}
.dd-l li[aria-selected=true]::after{content:'';width:10px;height:10px;background:var(--u);align-self:center}
.dd-none{padding:10px 12px;font-size:14px;color:var(--beton-d)}
/* seçimler */
.ch{border:0;padding:0;margin:0 0 18px}
.ch-o{display:flex;flex-wrap:wrap;gap:8px}
.ch-o input{position:absolute;opacity:0;pointer-events:none}
.ch-o span{display:inline-flex;align-items:center;padding:11px 15px;border-radius:3px;background:var(--fog);box-shadow:inset 0 0 0 1px var(--line);font-size:15px;cursor:pointer;transition:background .15s,box-shadow .15s,color .15s}
.ch-o span:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.ch-o input:checked+span{background:var(--ink);color:#fff;box-shadow:none}
.ch-o input:focus-visible+span{outline:2px solid var(--u);outline-offset:2px}
.ch.bad .ch-o span{box-shadow:inset 0 0 0 1px #B42A12}
.chk{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;margin:8px 0 18px;cursor:pointer;font-size:14.5px;color:var(--ink2)}
.chk input{position:absolute;opacity:0}
.chk-b{width:22px;height:22px;border:1.5px solid var(--line2);border-radius:3px;display:grid;place-items:center;background:#fff;transition:background .15s,border-color .15s}
.chk-b .ic{width:15px;height:15px;color:#fff;opacity:0;stroke-width:2.2}
.chk input:checked+.chk-b{background:var(--u);border-color:var(--u)}
.chk input:checked+.chk-b .ic{opacity:1}
.chk input:focus-visible+.chk-b{outline:2px solid var(--u);outline-offset:2px}
.chk .fld-e{grid-column:2}
.fm-f{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px}
.demo-n{font-size:13px;color:var(--beton-d)}
.fm.sent>*:not(.ok){opacity:.25;pointer-events:none}
.ok{position:absolute;inset:clamp(14px,2vw,22px);background:#fff;border-radius:6px;box-shadow:var(--sh3);display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;padding:28px;z-index:5;outline:none}
.ok[hidden]{display:none}
.ok-s{width:110px;height:110px}
.ok-s rect,.ok-s path{fill:none;stroke:var(--ink);stroke-width:1.6}
.ok-s path:first-of-type{stroke:var(--u)}
.ok-c{stroke:var(--u)!important;stroke-width:3!important;stroke-dasharray:80;stroke-dashoffset:80;animation:okd .7s .2s var(--ease) forwards}
@keyframes okd{to{stroke-dashoffset:0}}
.ok-t{font:620 26px/1.1 var(--fd);font-stretch:90%;margin-bottom:8px}
.ok-b>p{color:var(--ink2)}
.ok-k{display:flex;gap:24px;margin:14px 0 8px}
.ok-k dt{font-size:12.5px;color:var(--beton-d)}
.ok-k dd{font:620 17px var(--fd)}

/* iletişim */
.ct{padding:clamp(60px,7vw,100px) 0}
.ct-g{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px}
.ct-m{background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--sh2)}
.vp{display:block;width:100%;height:auto}
.vp-bg{fill:var(--paper)}
.vp-sea{fill:var(--u-l)}
.vp-rd{fill:none;stroke:#fff;stroke-width:12}
.vp-rd1{stroke-width:18}.vp-rd2{stroke-width:7}
.vp-tr{fill:none;stroke:var(--u);stroke-width:2;stroke-dasharray:10 6}
.vp-bl rect{fill:var(--fog2);stroke:var(--line2)}
.vp-of{fill:var(--ink)}
.vp-dm{stroke:var(--u);stroke-width:1.2;fill:none}
.vp-t{font:500 12px var(--ft);fill:var(--ink2)}
.vp-tb{font:620 15px var(--fd);fill:var(--ink)}
.vp-tm{fill:var(--u);font-weight:600}
.vp-ts{fill:var(--u)}
.vp-st{fill:var(--u)}
.vp-n circle,.vp-n path{fill:none;stroke:var(--ink);stroke-width:1.4}.vp-n .nrt-n{fill:var(--ink)}
.ct-mf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;border-top:1px solid var(--fog2)}
.ct-mb{display:flex;gap:8px;flex-wrap:wrap}
.ct-s{display:grid;gap:20px;align-content:start}
.ct-c{background:#fff;border-radius:8px;padding:22px;box-shadow:var(--sh1),inset 0 0 0 1px var(--fog2)}
.ct-big{font:640 34px/1 var(--fd);font-stretch:84%;margin-bottom:12px}.ct-big a{text-decoration:none}
.hrs{width:100%;border-collapse:collapse;font-size:15px}
.hrs th,.hrs td{padding:8px 0;border-top:1px solid var(--fog2);text-align:left;font-weight:400}
.hrs td{text-align:right}
.hrs td.off{color:var(--beton-d)}
.hrs tr.now th,.hrs tr.now td{color:var(--u);font-weight:600}
.ct-n{font-size:13.5px;color:var(--beton-d);margin-top:10px}
.tr-s{background:var(--fog);padding:clamp(60px,7vw,100px) 0}
.tr-g{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);gap:40px}
.tr-l{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tr-l li{background:#fff;border-radius:6px;padding:18px 20px;box-shadow:var(--sh1);border-top:2px solid var(--u)}
.tr-l b{font:620 18px var(--fd)}
.tr-l p{font-size:15px;color:var(--ink2);margin-top:6px}

/* yasal */
.lg{padding:clamp(60px,7vw,100px) 0}
.lg-g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.6fr);gap:clamp(30px,5vw,80px)}
.lg-r{padding:22px 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--hd) + 20px)}
.lg-r h2{font:620 22px/1.2 var(--fd);font-stretch:92%;margin-bottom:8px}
.lg-r p{color:var(--ink2);max-width:70ch}
.lg-u{margin-top:22px;font-size:13.5px;color:var(--beton-d)}
.lg-a{position:sticky;top:calc(var(--hd) + 24px);align-self:start;background:var(--fog);border-radius:6px;padding:20px}
.lg-a p:not(.ph-oh){font-size:15px;color:var(--ink2);margin-bottom:12px}

/* randevu */
.rv{padding:clamp(56px,6vw,90px) 0}
.rv-g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:24px;align-items:start}
.rv-st{display:flex;gap:6px;margin-bottom:24px}
.rv-st li{flex:1}
.rv-st a{display:block;padding:10px 0 0;border-top:2px solid var(--line);font:600 14px var(--fd);text-decoration:none;color:var(--beton-d)}
.rv-st li:first-child a{border-color:var(--u);color:var(--ink)}
.rv-b{border:0;padding:0;margin:0 0 30px;scroll-margin-top:calc(var(--hd) + 20px)}
.rv-l{font:620 24px var(--fd);font-stretch:90%;margin-bottom:16px;padding:0}
.rv-pre{background:var(--u-ll);border-left:3px solid var(--u);padding:12px 14px;border-radius:2px;font-size:14.5px;margin-bottom:18px}
.pl-ty{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.pl-ty input{position:absolute;opacity:0;pointer-events:none}
.pl-tyb{display:flex;flex-direction:column;gap:6px;height:100%;padding:14px 12px;border-radius:4px;background:var(--fog);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}
.pl-tyb .ic{color:var(--u);width:24px;height:24px}
.pl-tyb b{font:620 15px/1.15 var(--fd);font-stretch:94%}
.pl-tyb small{font-size:12.5px;line-height:1.35;color:var(--beton-d)}
.pl-tyb:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.pl-ty input:checked+.pl-tyb{background:var(--ink);color:#fff;box-shadow:none}
.pl-ty input:checked+.pl-tyb .ic{color:#fff}
.pl-ty input:checked+.pl-tyb small{color:rgba(255,255,255,.7)}
.pl-ty input:focus-visible+.pl-tyb{outline:2px solid var(--u);outline-offset:2px}
.pl-sc{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pl-sc input{position:absolute;opacity:0;pointer-events:none}
.pl-scb{display:grid;grid-template-columns:22px 1fr;gap:2px 12px;padding:12px 14px;border-radius:4px;background:var(--fog);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:box-shadow .15s,background .15s}
.pl-scb b{font:620 15px/1.2 var(--fd)}
.pl-scb small{grid-column:2;font-size:12.5px;color:var(--beton-d)}
.pl-x{grid-row:1/3;width:22px;height:22px;border:1.5px solid var(--line2);border-radius:3px;display:grid;place-items:center;background:#fff;align-self:center}
.pl-x .ic{width:15px;height:15px;opacity:0;color:#fff;stroke-width:2.2}
.pl-sc input:checked+.pl-scb{box-shadow:inset 0 0 0 1.5px var(--u);background:var(--u-ll)}
.pl-sc input:checked+.pl-scb .pl-x{background:var(--u);border-color:var(--u)}
.pl-sc input:checked+.pl-scb .pl-x .ic{opacity:1}
.pl-sc input:focus-visible+.pl-scb{outline:2px solid var(--u);outline-offset:2px}
.cal{background:var(--fog);border-radius:6px;padding:16px}
.cal-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cal-h .fld-l{margin:0}
.cal-n{display:flex;align-items:center;gap:8px;font:600 14px var(--fd)}
.cal-n button{width:36px;height:36px;border:1px solid var(--line2);background:#fff;border-radius:3px;display:grid;place-items:center}
.cal-n button:disabled{opacity:.35;cursor:default}
.cal-d{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px}
.cal-d button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:10px;border:0;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-align:left;transition:box-shadow .15s,background .15s}
.cal-d small{font-size:12px;color:var(--beton-d)}
.cal-d b{font:640 22px/1 var(--fd);font-stretch:86%}
.cal-d span{font-size:12.5px}
.cal-d em{font-style:normal;font-size:11.5px;color:var(--u);margin-top:4px}
.cal-d button:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--ink)}
.cal-d button[aria-checked=true]{background:var(--ink);color:#fff;box-shadow:none}
.cal-d button[aria-checked=true] small,.cal-d button[aria-checked=true] em{color:rgba(255,255,255,.75)}
.cal-d button:disabled{opacity:.45;cursor:not-allowed}
.cal-s{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}
.cal-s button{padding:10px 8px;border:0;border-radius:3px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:600 15px var(--fd);display:flex;flex-direction:column;align-items:center}
.cal-s small{font:400 11.5px var(--ft);color:var(--beton-d)}
.cal-s button:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--u)}
.cal-s button[aria-checked=true]{background:var(--u);color:#fff;box-shadow:none}
.cal-s button[aria-checked=true] small{color:rgba(255,255,255,.75)}
.cal-s button:disabled{background:repeating-linear-gradient(45deg,var(--fog2) 0 3px,#fff 3px 7px);color:var(--beton);text-decoration:line-through;cursor:not-allowed}
.cal-0{font-size:14px;color:var(--beton-d)}
.cal-k{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:12.5px;color:var(--beton-d)}
.cal-k span{display:inline-flex;align-items:center;gap:6px}
.cal-k i{width:12px;height:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2)}
.cal-k i.f{background:repeating-linear-gradient(45deg,var(--fog2) 0 2px,#fff 2px 4px)}
.cal.bad{box-shadow:inset 0 0 0 1.5px #B42A12}
.rv-a{position:sticky;top:calc(var(--hd) + 20px);display:grid;gap:16px}
.rv-sum{background:var(--u);color:#fff;border-radius:8px;padding:22px;box-shadow:var(--sh3)}
.rv-sum .ph-oh{color:rgba(255,255,255,.7)}
.rv-dl div{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.18);font-size:14.5px}
.rv-dl dt{color:rgba(255,255,255,.7)}
.rv-dl dd{font-weight:600}
.rv-sum .ln{color:#fff;margin-top:14px}
.rv-nx{background:#fff;border-radius:8px;padding:20px;box-shadow:var(--sh1),inset 0 0 0 1px var(--fog2)}
.rv-nx li{padding:9px 0;border-top:1px solid var(--fog2)}
.rv-nx b{display:block;font:620 15.5px var(--fd)}
.rv-nx span{font-size:14px;color:var(--ink2)}
.rv-ct{font-size:15px;display:grid;gap:6px;padding:0 6px}
.rv-ct a{display:inline-flex;gap:8px;align-items:center;text-decoration:none}

/* malzeme */
.mt-p{padding:clamp(60px,7vw,100px) 0}
.tabs{position:relative;display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;margin-bottom:26px}
.tabs button{border:0;background:transparent;padding:12px 14px;font:560 15.5px var(--fd);font-stretch:96%;color:var(--beton-d);white-space:nowrap;display:inline-flex;align-items:center;gap:8px;transition:color .15s}
.tabs button:hover,.tabs [aria-selected=true],.tabs [aria-pressed=true]{color:var(--ink)}
.tabs button .an,.tabs button span{font-size:12.5px}
.tabs-u{position:absolute;left:0;bottom:-1px;height:2px;background:var(--u);transition:transform .3s var(--ease),width .3s var(--ease)}
.mcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mc a,.mc>.mc-sw{text-decoration:none}
.mc a,.mc{display:block}
.mc a{border-radius:6px;overflow:hidden;background:#fff;box-shadow:var(--sh1),inset 0 0 0 1px var(--fog2);transition:transform .25s var(--ease),box-shadow .25s;height:100%}
.mc a:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.mc-sw{display:block;aspect-ratio:4/3;background-size:cover;background-position:center}
.mc-l{display:flex;flex-direction:column;padding:14px 16px 16px}
.mc-n{font:620 19px/1.15 var(--fd);font-stretch:92%}
.mc-o,.mc-f{font-size:13.5px;color:var(--beton-d)}
.mc-note{font-size:14.5px;color:var(--ink2);margin-top:8px;line-height:1.45}
.mc-p{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:600 13.5px var(--fd);color:var(--u)}
.mc-p .ic{width:15px;height:15px}
.mx{background:var(--fog);padding:clamp(60px,7vw,100px) 0}
.cm-w{position:relative;overflow-x:auto;border-radius:8px;background:#fff;box-shadow:var(--sh1)}
.mx-t{width:100%;border-collapse:collapse;min-width:760px}
.mx-t th,.mx-t td{padding:11px 14px;border-bottom:1px solid var(--fog2);text-align:center;transition:background .15s}
.mx-t thead th{font:600 13.5px var(--fd);color:var(--beton-d);position:sticky;top:0;background:#fff}
.mx-t tbody th{text-align:left;font:600 15px var(--fd);display:flex;align-items:center;gap:10px}
.pm-sw{width:28px;height:28px;border-radius:3px;background-size:cover;flex:none;display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.mx-n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:3px;background:rgba(43,59,209,var(--a));color:#fff;font:620 14px var(--fd)}
.no-i{display:inline-block;width:10px;height:1px;background:var(--line2)}
.mx-t .hc-col{background:var(--u-ll)}
.mt-x{padding:clamp(56px,6vw,90px) 0}
.mt-xg{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px}
.mt-xq{font:600 clamp(24px,2.4vw,34px)/1.15 var(--fd);font-stretch:88%;letter-spacing:-.02em;flex:1 1 520px}

/* SSS */
.sq{padding:clamp(56px,6vw,90px) 0}
.sq-g{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:clamp(30px,5vw,80px)}
.sq-a{position:sticky;top:calc(var(--hd) + 20px);align-self:start;display:grid;gap:18px}
.as-f{display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--fog);border-bottom:1.5px solid var(--line2);border-radius:3px 3px 0 0}
.as-f:focus-within{border-color:var(--u);background:var(--u-ll)}
.as-f input{flex:1;border:0;background:transparent;outline:none;padding:14px 0;font-size:16px;min-width:0}
.sq-t{display:grid;gap:2px}
.sq-t button{display:flex;justify-content:space-between;border:0;background:transparent;padding:10px 12px;border-radius:3px;font:560 15px var(--fd);text-align:left;color:var(--ink2)}
.sq-t button:hover{background:var(--fog)}
.sq-t button[aria-pressed=true]{background:var(--ink);color:#fff}
.sq-c{background:var(--fog);border-radius:6px;padding:16px}
.sq-c p{font-size:14.5px;margin-bottom:10px}
.acc .st{margin-right:10px;vertical-align:middle}
.sq-0{color:var(--beton-d);padding:20px 0}

/* planlayıcı */
.pl{padding:clamp(56px,6vw,90px) 0 clamp(70px,8vw,110px)}
.pl-in{width:min(1400px,100% - 2*var(--g));margin-inline:auto}
.pl-hd{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px;align-items:end;margin-bottom:26px}
.pl-lead{color:var(--ink2);max-width:62ch;margin-top:10px}
.pl-note{display:flex;gap:10px;font-size:14px;color:var(--ink2);background:var(--fog);padding:14px 16px;border-radius:4px;border-left:3px solid var(--u)}
.pl-note .ic{color:var(--u)}
.pl-g{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.6fr);gap:24px;align-items:start}
.pl-f{position:sticky;top:calc(var(--hd) + 16px);background:#fff;border-radius:8px;padding:22px;box-shadow:var(--sh2),inset 0 0 0 1px var(--fog2)}
.pl-s{border:0;padding:0;margin:0 0 20px}
.pl-s legend{display:flex;justify-content:space-between;width:100%;font:620 16px var(--fd);margin-bottom:10px;padding:0}
.pl-f .pl-ty{grid-template-columns:repeat(2,1fr)}
.pl-f .pl-ty label:last-child{grid-column:1/-1}
.pl-f .pl-tyb{padding:10px 12px}
.pl-f .pl-tyb small{display:none}
.pl-ao{font:640 18px var(--fd);color:var(--u)}
.pl-rg input{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;--v:30%}
.pl-rg input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--u) var(--v),var(--line) var(--v))}
.pl-rg input::-moz-range-track{height:3px;background:var(--line)}
.pl-rg input::-moz-range-progress{height:3px;background:var(--u)}
.pl-rg input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7.5px;background:var(--u);border:2px solid #fff;border-radius:2px;transform:rotate(45deg);box-shadow:0 4px 10px rgba(30,42,166,.4)}
.pl-rg input::-moz-range-thumb{width:16px;height:16px;background:var(--u);border:2px solid #fff;border-radius:2px;transform:rotate(45deg)}
.pl-tk{display:flex;justify-content:space-between;font-size:12.5px;color:var(--beton-d)}
.pl-h{font-size:12.5px;color:var(--beton-d);margin-top:4px}
.pl-2{display:grid;grid-template-columns:1fr;gap:0}
.pl-mo{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.pl-mo input{position:absolute;opacity:0;pointer-events:none}
.pl-mo span{display:flex;flex-direction:column;align-items:center;padding:7px 0;border-radius:3px;background:var(--fog);font:600 13px var(--fd);cursor:pointer;transition:background .15s}
.pl-mo small{font:400 11px var(--ft);color:var(--beton-d)}
.pl-mo span:hover{background:var(--fog2)}
.pl-mo input:checked+span{background:var(--ink);color:#fff}
.pl-mo input:checked+span small{color:rgba(255,255,255,.7)}
.pl-mo input:focus-visible+span{outline:2px solid var(--u)}
.pl-f .pl-sc{grid-template-columns:1fr}
.pl-f .pl-scb small{display:none}
.pl-err{color:#B42A12;font-size:13.5px;margin-top:8px}
.pl-r{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}
.pl-sum{display:grid;grid-template-columns:repeat(4,1fr);background:var(--u);color:#fff;border-radius:8px;box-shadow:var(--sh3);overflow:hidden}
.pl-sum div{padding:16px 18px;border-left:1px solid rgba(255,255,255,.16)}
.pl-sum div:first-child{border-left:0}
.pl-sum span{font-size:13px;color:rgba(255,255,255,.72)}
.pl-sum b{display:block;font:640 34px/1.05 var(--fd);font-stretch:82%;letter-spacing:-.02em}
.pl-sum small{font:400 13px var(--ft);margin-left:4px;letter-spacing:0;color:rgba(255,255,255,.75)}
.pl-sum small.bl{display:block;margin:2px 0 0}
.pl-sum b.chg{animation:chg .45s var(--ease)}
@keyframes chg{from{opacity:.3;transform:translateY(6px)}}
.gn{background:#fff;border-radius:8px;box-shadow:var(--sh1),inset 0 0 0 1px var(--fog2);padding:16px 18px}
.gn-sk{height:300px;background:var(--fog);border-radius:4px}
.gn-sc{overflow-x:auto}
.gn-in{min-width:640px}
.gn-ax{display:grid;grid-template-columns:170px 1fr;font-size:12.5px;color:var(--beton-d);margin-bottom:4px}
.gn-mo{position:relative;height:20px}
.gn-mo span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.gn-mo span.y{color:var(--ink);font-weight:600}
.gn-bd{position:relative}
.gn-gl{position:absolute;left:170px;right:0;top:0;bottom:0;pointer-events:none}
.gn-gl i{position:absolute;top:0;bottom:0;width:1px;background:var(--fog2)}
.gn-gl i.y{background:var(--line2)}
.gn-st{position:absolute;top:-4px;bottom:0;width:1.5px;background:var(--ink);z-index:2}
.gn-st span{position:absolute;top:-18px;left:4px;font:600 11.5px var(--fd);white-space:nowrap}
.gn-st2{background:var(--u)}.gn-st2 span{color:var(--u);top:auto;bottom:-18px}
.gn-r{display:grid;grid-template-columns:170px 1fr;align-items:center;width:100%;border:0;background:transparent;padding:0;min-height:42px;border-top:1px solid var(--fog2);text-align:left;transition:background .15s}
.gn-r:hover,.gn-r[aria-pressed=true]{background:var(--u-ll)}
.gn-l b{display:block;font:600 14px/1.2 var(--fd)}
.gn-l small{font-size:12px;color:var(--beton-d)}
.gn-t{position:relative;height:42px}
.gn-b{position:absolute;top:11px;height:20px;background:var(--ink);border-radius:2px;color:#fff;font:600 11.5px/20px var(--fd);padding-left:6px;white-space:nowrap;overflow:hidden;transition:left .35s var(--ease),width .35s var(--ease)}
.gn-b.s{background:var(--u)}
.gn-b.k{background:repeating-linear-gradient(45deg,var(--beton) 0 3px,var(--beton-d) 3px 6px)}
.gn-b.x{background:repeating-linear-gradient(45deg,var(--fog2) 0 3px,#fff 3px 6px);color:var(--beton-d);box-shadow:inset 0 0 0 1px var(--line2)}
.gn-b.o span{opacity:0}
.gn-ms{position:absolute;top:14px;width:12px;height:12px;margin-left:-6px;background:#fff;border:2px solid var(--ink);transform:rotate(45deg)}
.gn-ms.f{background:var(--u);border-color:var(--u)}
.gn-lg{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:24px;font-size:12.5px;color:var(--beton-d)}
.gn-lg span{display:inline-flex;align-items:center;gap:6px}
.gn-lg i{width:14px;height:9px;background:var(--ink)}
.gn-lg i.s{background:var(--u)}.gn-lg i.k{background:repeating-linear-gradient(45deg,var(--beton) 0 2px,var(--beton-d) 2px 4px)}.gn-lg i.x{background:#fff;box-shadow:inset 0 0 0 1px var(--line2)}.gn-lg i.m{width:9px;transform:rotate(45deg);background:#fff;box-shadow:inset 0 0 0 2px var(--ink)}
.pl-d{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}
.pl-ph,.pl-doc{background:#fff;border-radius:8px;padding:20px;box-shadow:var(--sh1),inset 0 0 0 1px var(--fog2)}
.pl-phh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}
.pl-phh h3{font:620 22px var(--fd);font-stretch:90%}
.pl-phh span{font-size:13px;color:var(--beton-d)}
.pl-phd{font-size:15px;color:var(--ink2);margin-bottom:12px}
.pl-dl li{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--fog2);font-size:14.5px}
.pl-dl .ic{color:var(--u)}
.pl-dl em{font-style:normal;font-size:12px;color:var(--beton-d);background:var(--fog);padding:3px 6px;border-radius:2px}
.pl-doch{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.pl-doch h3{font:620 18px var(--fd)}
.pl-doch span{font:600 13px var(--fd);color:var(--u)}
.pl-doc li label{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--fog2);font-size:14.5px;cursor:pointer}
.pl-doc input{position:absolute;opacity:0}
.ck{width:20px;height:20px;border:1.5px solid var(--line2);border-radius:3px;display:grid;place-items:center}
.ck .ic{width:14px;height:14px;opacity:0;color:#fff;stroke-width:2.2}
.pl-doc input:checked+.ck{background:var(--u);border-color:var(--u)}.pl-doc input:checked+.ck .ic{opacity:1}
.pl-doc input:focus-visible+.ck{outline:2px solid var(--u)}
.new{display:inline-block;margin-left:6px;font-size:11.5px;color:var(--u);font-weight:600}
.pl-sm{font-size:12.5px;color:var(--beton-d);margin-top:10px}
.pl-simh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.pl-simh h3{font:620 20px var(--fd)}
.pl-simg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pc{display:block;text-decoration:none;background:#fff;border-radius:6px;overflow:hidden;box-shadow:var(--sh1),inset 0 0 0 1px var(--fog2);transition:transform .25s var(--ease),box-shadow .25s}
.pc:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.pc .pic{border-radius:0}
.pc:hover .pic img{transform:scale(1.035)}
.pc-b{display:block;padding:12px 14px 14px}
.pc-k{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--beton-d)}
.pc-n{display:block;font:620 18px/1.15 var(--fd);font-stretch:92%;margin:4px 0}
.pc-m{display:block;font-size:13.5px;color:var(--beton-d)}
.pc-why{display:flex;align-items:center;gap:6px;margin-top:8px;font:600 12.5px var(--fd);color:var(--u)}
.pc-why .ic{width:14px;height:14px}
.pl-cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;background:var(--fog);border-radius:8px;padding:18px 20px}
.pl-cta p{font-size:15px;max-width:60ch;color:var(--ink2)}
.pl-notes li{position:relative;padding:6px 0 6px 18px;font-size:14px;color:var(--ink2)}
.pl-notes li::before{content:'';position:absolute;left:0;top:15px;width:8px;height:1.5px;background:var(--u)}

/* proje arşivi */
.fx{position:sticky;top:var(--hd);z-index:20;background:#fff;box-shadow:0 1px 0 var(--line);padding:14px 0 0;transition:top .25s var(--ease)}
.fx .tabs{margin-bottom:0;border-bottom:0}
.fx-r{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 0 14px;border-top:1px solid var(--fog2)}
.fx-d{display:flex;align-items:center;gap:8px}
.fx-l{font-size:13px;color:var(--beton-d)}
.fx-d .dd-b{padding:9px 12px;font-size:14.5px;min-width:150px}
.fx-c{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:14.5px}
.fx-c b{font:640 20px var(--fd)}
.fx-x{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--fog);padding:8px 12px;border-radius:3px;font:600 13.5px var(--fd)}
.fx-x .ic{width:15px;height:15px}
.vw{margin:0;border:0}
.res{padding:30px 0 clamp(70px,8vw,110px)}
.res[data-mode=indeks] .gg,.res[data-mode=izgara] .res-ix{display:none}
.ix-h,.ix-a{display:grid;grid-template-columns:70px minmax(0,2fr) 120px 120px 110px 70px 140px;gap:16px;align-items:center}
.ix-h{font-size:12.5px;color:var(--beton-d);padding:0 0 10px;border-bottom:2px solid var(--ink)}
.ix-r{border-bottom:1px solid var(--line);position:relative}
.ix-a{padding:16px 0;text-decoration:none;position:relative;transition:background .15s,padding .25s var(--ease)}
.ix-a:hover{background:var(--fog);padding-left:10px}
.ix-no{font:600 15px var(--fd);color:var(--beton-d)}
.ix-n b{display:block;font:620 21px/1.15 var(--fd);font-stretch:90%;letter-spacing:-.01em}
.ix-n small{font-size:13.5px;color:var(--beton-d)}
.ix-t,.ix-c,.ix-ar,.ix-y{font-size:14.5px}
.ix-th{position:absolute;right:170px;top:50%;width:220px;aspect-ratio:4/3;border-radius:4px;overflow:hidden;box-shadow:var(--sh3);opacity:0;transform:translateY(-50%) scale(.94) rotate(2deg);transition:opacity .2s,transform .3s var(--ease);pointer-events:none;z-index:4}
.ix-th img{width:100%;height:100%;object-fit:cover}
.ix-a:hover .ix-th{opacity:1;transform:translateY(-50%) scale(1) rotate(2deg)}
.ix-a:hover .ix-n b{color:var(--u)}
.gg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}
.gt a{display:block;text-decoration:none}
.gt-b{display:block;padding-top:12px}
.gt-k{display:flex;align-items:center;gap:10px}
.gt-n{display:block;font:620 22px/1.15 var(--fd);font-stretch:90%;margin:6px 0 4px}
.gt-m{display:block;font-size:13.5px;color:var(--beton-d)}
.gt a:hover .gt-n{color:var(--u)}
.gt a:hover .pic img{transform:scale(1.035)}
.res-0{padding:40px 0;text-align:center}
.res-0 .h3{margin-bottom:8px}
.arc-note{display:flex;gap:12px;align-items:flex-start;margin-top:30px;background:var(--fog);border-radius:6px;padding:16px 18px;font-size:14.5px;color:var(--ink2)}
.arc-note .ic{color:var(--u)}

/* proje dosyası */
.pj-h{padding:clamp(26px,3vw,40px) 0 0}
.pj-h .bc{padding-bottom:14px;border-bottom:1px solid var(--ink)}
.pj-hg{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:clamp(30px,5vw,80px);align-items:end;margin:clamp(30px,4vw,56px) 0 clamp(26px,3vw,40px)}
.pj-k{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.pj-ht .h1{font:650 clamp(52px,7.4vw,120px)/.86 var(--fd);font-stretch:76%;letter-spacing:-.045em}
.pj-ht .lead{margin-top:20px}
.kn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--ink)}
.kn div{padding:9px 12px;border-bottom:1px solid var(--line2)}
.kn div:nth-child(2n){border-left:1px solid var(--line2)}
.kn div:nth-last-child(-n+2){border-bottom:0}
.kn dt{font-size:12px;color:var(--beton-d)}
.kn dd{font:600 15px/1.3 var(--fd);font-stretch:94%}
.kn a{color:var(--ink)}.kn a:hover{color:var(--u)}
.pj-stage{height:clamp(480px,74svh,820px)}
.pj-stage .hx-cap{color:#fff}
.pj-hf{position:relative;margin:0 clamp(10px,1.4vw,22px);border-radius:6px;overflow:hidden;height:clamp(420px,70svh,780px)}
.pj-hf img{width:100%;height:100%;object-fit:cover}
.pj-hf figcaption{position:absolute;left:18px;bottom:16px;color:#fff;font-size:14px;text-shadow:0 1px 10px rgba(0,0,0,.4);max-width:60%}
.pj-dim{top:20px;left:22px;right:22px}
.pj-live{background:var(--u);color:#fff;margin:0 clamp(10px,1.4vw,22px);border-radius:0 0 6px 6px}
.pj-lg{display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px;padding:16px 0}
.pj-lk{display:flex;align-items:center;gap:8px;font:620 16px var(--fd)}
.pj-pg{display:flex;align-items:center;gap:12px;min-width:220px}
.pj-pg .bt-pg{flex:1;background:rgba(255,255,255,.25)}.pj-pg .bt-pg i{background:#fff}
.pj-pg b{font:640 22px var(--fd)}
.pj-live .kv{display:flex;gap:30px}
.pj-live .kv div{border:0;padding:0;display:block}
.pj-live .kv dt{color:rgba(255,255,255,.7);font-size:12.5px}
.pj-tx{padding:clamp(60px,7vw,100px) 0}
.pj-txg{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:clamp(30px,5vw,80px)}
.pj-cols p{font-size:18px;color:var(--ink2);margin-bottom:16px;max-width:64ch}
.pj-cols p:first-child::first-line{color:var(--ink);font-weight:500}
.pj-q{border-left:3px solid var(--u);padding:4px 0 4px 20px;margin-bottom:26px}
.pj-q p{font:560 26px/1.18 var(--fd);font-stretch:88%;letter-spacing:-.015em}
.pj-team li+li{border-top:1px solid var(--fog2)}
.pj-team a{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:9px 0;text-decoration:none}
.pj-team .pf-a{width:44px;height:44px;font-size:14px}
.pj-team b{display:block;font:600 15px var(--fd)}
.pj-team small{font-size:13px;color:var(--beton-d)}
.pj-team a:hover b{color:var(--u)}
.gl{background:var(--fog);padding:clamp(60px,7vw,100px) 0}
.gl-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.gl-g[data-n="1"]{grid-template-columns:minmax(0,1fr)}
.gl-g[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.gl-g li:nth-child(4n+1){grid-row:span 2}
.gl-b{display:block;width:100%;border:0;padding:0;background:none;position:relative;border-radius:4px;overflow:hidden;cursor:zoom-in}
.gl-b .pic{border-radius:4px}
.gl-b img{aspect-ratio:auto}
.gl-z{position:absolute;right:12px;bottom:12px;width:40px;height:40px;display:grid;place-items:center;background:#fff;border-radius:3px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .25s var(--ease)}
.gl-b:hover .gl-z,.gl-b:focus-visible .gl-z{opacity:1;transform:none}
.gl-b:hover img{transform:scale(1.03)}
.gl-g p{font-size:13.5px;color:var(--beton-d);margin-top:8px}
.pm{padding:clamp(60px,7vw,100px) 0}
.pm-w{position:relative;overflow-x:auto;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line)}
.pm-t{width:100%;border-collapse:collapse;min-width:760px;font-size:15px}
.pm-t th,.pm-t td{padding:14px 16px;border-bottom:1px solid var(--fog2);text-align:left}
.pm-t thead th{font:600 13px var(--fd);color:var(--beton-d);background:var(--fog)}
.pm-t tbody th{font:620 16px var(--fd)}
.pm-c .pm-sw{width:44px;height:44px}
.pm-n{color:var(--ink2);font-size:14px;max-width:34ch}
.pm-t tbody tr:hover{background:var(--u-ll)}
.pj-sim{padding:0 0 clamp(70px,8vw,110px)}
.pj-pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.pn{display:flex;align-items:center;gap:16px;padding:12px;border-radius:6px;background:var(--fog);text-decoration:none;transition:background .2s}
.pn:hover{background:var(--u-ll)}
.pn-next{flex-direction:row-reverse;text-align:right}
.pn-i{width:120px;height:86px;object-fit:cover;border-radius:3px}
.pn-k{display:inline-flex;align-items:center;gap:6px;font:600 13px var(--fd);color:var(--u)}
.pn-k .ic{width:15px;height:15px}
.pn-t b{display:block;font:620 19px/1.2 var(--fd);margin:2px 0}
.pn-t>span:last-child{font-size:13px;color:var(--beton-d)}
.lb{position:fixed;inset:0;z-index:120;background:rgba(14,16,22,.94);display:grid;grid-template-columns:70px 1fr 70px;align-items:center}
.lb[hidden]{display:none}
.lb.on figure{animation:lbIn .35s var(--ease)}
@keyframes lbIn{from{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0)}}
.lb figure{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:12px}
.lb img{max-height:82svh;max-width:100%;object-fit:contain}
.lb figcaption{display:flex;justify-content:space-between;gap:20px;width:100%;color:rgba(255,255,255,.8);font-size:14px}
.lb figcaption b{color:#fff;font:600 14px var(--fd)}
.lb-x{position:absolute;top:16px;right:16px}
.lb-x,.lb-n{width:48px;height:48px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:4px;display:grid;place-items:center;justify-self:center}
.lb-x:hover,.lb-n:hover{background:rgba(255,255,255,.1)}

/* gazete */
.gzp{padding:clamp(56px,6vw,90px) 0}
.gzp-g{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:start}
.gzp-1{display:block;text-decoration:none}
.gzp-b{display:block}
.gzp-1 .h2{margin:10px 0 10px}
.gzp-1:hover .h2{color:var(--u)}
.gzp-1:hover .pic img{transform:scale(1.03)}
.gzp-au{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px;color:var(--ink2)}
.gzp-au .pf-a{width:38px;height:38px;font-size:13px}
.gzp-s{display:grid;gap:26px}
.gzp-s .gz-n{border-top:2px solid var(--ink);padding-top:14px}
.nt{background:var(--fog);padding:clamp(60px,7vw,100px) 0;scroll-margin-top:var(--hd)}
.nt-g{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:clamp(30px,5vw,80px)}
.nt-g>div p{color:var(--ink2);margin-top:10px}
.nt-l li{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line)}
.nt-l time{font:600 14px var(--fd);color:var(--u)}
.nt-l h3{font:620 20px var(--fd);margin-bottom:6px}
.nt-l p{color:var(--ink2);font-size:15.5px;margin-bottom:8px}
.gzp+.nt+.pb{padding-top:clamp(60px,7vw,100px)}
.ar-hd{padding:clamp(26px,3vw,44px) 0 30px}
.ar-hd .wrap{max-width:960px}
.ar-t{margin:12px 0 18px;max-width:18ch}
.ar-hero .wrap{border-radius:6px;overflow:hidden}
.ar-hero img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:6px}
.ar-g{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(30px,5vw,80px);padding:clamp(40px,5vw,70px) 0;max-width:1100px}
.ar-side{position:sticky;top:calc(var(--hd) + 20px);align-self:start;display:grid;gap:10px}
.ar-side li{border-top:1px solid var(--fog2)}
.ar-side a{display:block;padding:8px 0;font:560 14.5px var(--fd);text-decoration:none}
.ar-side a:hover{color:var(--u)}
.ar-side .btn{margin-top:10px;min-height:42px;font-size:14px}
.ar-b>p{font-size:18.5px;line-height:1.7;color:var(--ink2);margin-bottom:20px;max-width:66ch}
.ar-h{font:620 30px/1.1 var(--fd);font-stretch:88%;letter-spacing:-.02em;margin:36px 0 14px;scroll-margin-top:calc(var(--hd) + 20px)}
.ar-q{margin:32px 0;padding:6px 0 6px 24px;border-left:3px solid var(--u)}
.ar-q p{font:560 clamp(24px,2.4vw,32px)/1.2 var(--fd);font-stretch:88%;letter-spacing:-.015em}
.ar-f{margin:30px 0}
.ar-f figcaption{font-size:13.5px;color:var(--beton-d);margin-top:10px}
.ar-m{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0}
.ar-ft{padding:0 0 clamp(70px,8vw,110px)}
.ar-nx{display:grid;grid-template-columns:160px 1fr 24px;gap:20px;align-items:center;padding:16px;background:var(--fog);border-radius:8px;text-decoration:none;transition:background .2s}
.ar-nx:hover{background:var(--u-ll)}
.ar-nx img{width:160px;height:110px;object-fit:cover;border-radius:4px}
.ar-nx b{display:block;font:620 22px/1.15 var(--fd);margin:4px 0}

@media (max-width:1100px){
  .pg-hg,.pj-hg,.ap-g,.ob-g,.ph-g,.kr-g,.jb-g,.fm-g,.ct-g,.tr-g,.lg-g,.rv-g,.sq-g,.pl-hd,.pl-g,.gzp-g,.nt-g,.pj-txg{grid-template-columns:1fr}
  .pg-hs{margin-bottom:0;max-width:560px}
  .pg-no{display:flex}
  .ap-t,.sq-a,.rv-a,.lg-a,.pl-f,.ar-side{position:static}
  .pt-g,.tm-g{grid-template-columns:1fr 1fr}
  .mcs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ix-h,.ix-a{grid-template-columns:60px minmax(0,2fr) 110px 100px 90px}
  .ix-c,.ix-s,.ix-h span:nth-child(4),.ix-h span:nth-child(7){display:none}
  .ix-th{display:none}
  .ty-i{display:none}
  .ar-g{grid-template-columns:1fr}
}
@media (max-width:700px){
  .pg-t{font-size:clamp(46px,13vw,64px)}
  .sh{grid-template-columns:1fr}.sh>p,.sh>.ln{grid-column:1}

  .pg-dl{display:none}
  .pt-g,.tm-g,.tr-l,.jb-c,.fm-2,.fm-3,.mcs,.gg,.pl-simg,.pl-d,.ar-m,.gl-g,.gl-g[data-n="2"]{grid-template-columns:1fr}
  .gl-g li:nth-child(4n+1){grid-row:auto}
  .pl-ty{grid-template-columns:1fr 1fr}
  .pl-sum{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pl-sum div{min-width:0;padding:12px 14px}
  .pl-sum b{font-size:26px}
  .sg-w{padding:14px 12px;overflow:hidden}
  .sg-ax,.sg-l a{grid-template-columns:96px minmax(0,1fr)}
  .sg-ax div span:nth-child(even){visibility:hidden}
  .sg-ax div{font-size:10.5px}
  .sg-n b{font-size:13px}
  .sg-b span{display:none}
  .pl-sum div:nth-child(3){border-left:0}
  .pl-sum div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.16)}
  .cal-d{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .cal-d button{padding:8px 6px}
  .ix-h{display:none}
  .ix-a{grid-template-columns:44px 1fr auto;gap:10px}
  .ix-t,.ix-ar{display:none}
  .ix-n b{font-size:18px}
  .ty-l a{grid-template-columns:1fr;gap:6px}
  .kv div,.kv-k div{grid-template-columns:1fr;gap:2px}
  .ok{grid-template-columns:1fr;text-align:left}
  .ok-s{width:70px;height:70px}
  .nt-l li{grid-template-columns:1fr;gap:4px}
  .pj-pn{grid-template-columns:1fr}
  .pn-next{flex-direction:row;text-align:left}
  .ar-nx{grid-template-columns:90px 1fr}.ar-nx img{width:90px;height:70px}.ar-nx .ic{display:none}
  .lb{grid-template-columns:44px 1fr 44px}
  .fx-d .dd-b{min-width:0}
  .fx-c{margin-left:0}
  .sc-st{height:210px}
  .pj-live .kv{flex-direction:column;gap:6px}
}
.gzp-s .gz-n{grid-column:auto}