/* Kuşluk Sırtı — iç sayfa bileşenleri (ana sayfa dışındaki tüm sayfalar) */
.phd-a{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.pc-t{font:500 14px var(--f-b);color:var(--mute);font-variant-numeric:tabular-nums}
.pc-n{font-size:13.5px;color:var(--mute);margin:12px 0 0;line-height:1.5}
.pc-live,.pc-cats,.pc-bars{list-style:none;margin:0;padding:0}
.pc-live li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:14.5px}
.pc-live li::before{content:'';flex:none;width:7px;height:7px;border-radius:50%;background:var(--sold)}
.pc-live li.on::before{background:var(--ok);box-shadow:0 0 0 3px rgba(79,138,98,.18)}
.pc-live span{flex:1}.pc-live em{font-style:normal;font-size:13px;color:var(--mute)}
.pc-a{font-size:15px;color:var(--ink2);margin:-6px 0 8px;max-width:24ch}
.pc-o{font-weight:600;font-size:14.5px;color:var(--mute);margin:-6px 0 12px}
.pc-o.open{color:var(--ok)}
.pc-tel{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.pc-tel a,.pc-tel span{display:inline-flex;align-items:center;gap:10px;font-size:15.5px;text-decoration:none;color:var(--ink)}
.pc-tel a:hover{color:var(--olt)}
.pc-tel .ic{color:var(--ol)}
.pc-pus{position:relative}
.pus{position:absolute;right:20px;top:18px;width:74px}
.pus svg{width:74px;height:74px}
.pus circle{fill:none;stroke:var(--line2);stroke-width:1}
.pus .pus-i{stroke-dasharray:2 3}
.pus path{fill:var(--fog3)}.pus .pus-n{fill:var(--ol)}
.pus text{font:600 10px var(--f-b);fill:var(--ink)}
.pc-ring{display:grid;grid-template-columns:120px 1fr;gap:6px 18px;align-items:center}
.ring{width:120px;height:120px;transform:rotate(-90deg)}
.ring circle{fill:none;stroke:var(--fog2);stroke-width:9}
.ring .ring-f{stroke:var(--sl)}
.ring-v{margin:0;display:flex;flex-direction:column}
.ring-v b{font:500 48px/1 var(--f-d);letter-spacing:-.05em}
.ring-v span{font-size:13.5px;color:var(--mute)}
.pc-ring .pc-dl{grid-column:1/-1}
.pc-cat{display:flex;justify-content:space-between;align-items:baseline;width:100%;padding:11px 0;border-top:1px solid var(--line);font-size:15.5px;text-align:left;transition:padding .2s var(--ease),color .15s}
.pc-cat:hover{padding-left:8px;color:var(--olt)}
.pc-cat b{font:500 24px var(--f-d);font-variant-numeric:tabular-nums}
.pc-bar{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;padding:12px 0 16px;border-top:1px solid var(--line);text-align:left}
.pc-bar span{display:flex;flex-direction:column}
.pc-bar b{font-weight:600;font-size:15px}.pc-bar small{font-size:12.5px;color:var(--mute)}
.pc-bar em{font:500 26px var(--f-d);font-style:normal;font-variant-numeric:tabular-nums}
.pc-bar em small{font-size:13px;color:var(--mute)}
.pc-bar i{position:absolute;left:0;right:0;bottom:5px;height:3px;background:var(--fog2)}
.pc-bar i::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--ok)}
.pc-bar:hover b{color:var(--olt)}
.legend{list-style:none;margin:12px 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--ink2)}
.legend li{display:inline-flex;align-items:center;gap:7px}
/* sayfa içi gezinme */
.pnav{position:sticky;top:var(--hh);z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.pnav ul{position:relative;list-style:none;margin:0;padding:0;display:flex;gap:28px;overflow-x:auto;scrollbar-width:none}
.pnav ul::-webkit-scrollbar{display:none}
.pnav a{display:block;padding:16px 0;font-size:14.5px;font-weight:500;color:var(--mute);text-decoration:none;white-space:nowrap}
.pnav a:hover,.pnav a.on{color:var(--ink)}
.pnav-ln{position:absolute;left:0;bottom:0;height:2px;background:var(--ol);opacity:0;transition:transform .25s var(--ease),width .25s var(--ease)}

/* proje */
.pj1{padding:clamp(70px,8vw,120px) 0 clamp(50px,6vw,90px)}
.pj1-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 70px;align-items:end}
.pj1-g h2{font-size:clamp(40px,5vw,84px);letter-spacing:-.05em;line-height:.95}
.pj1-p{font-size:19px;line-height:1.6;color:var(--ink2);margin:0}
.pj1-ks{margin-top:clamp(36px,4vw,60px)}
.pj1-kb{background:var(--fog);border-radius:8px;padding:clamp(14px,2.4vw,36px)}
.pj1-ks figcaption,.pj2-el figcaption,.pln-f figcaption,.kmap-m figcaption{font-size:14px;color:var(--mute);margin-top:12px}
.pj2{padding:clamp(40px,5vw,80px) 0}
.pj2-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);align-items:start}
.pj2-el{background:#fff;border-radius:8px;box-shadow:var(--sh2);padding:clamp(14px,2vw,28px)}
.pj2-t h2{margin-bottom:18px}.pj2-t p{color:var(--ink2)}
.pj2-im{margin-top:28px;border-radius:8px;overflow:hidden;aspect-ratio:4/3}.pj2-im img{width:100%;height:100%;object-fit:cover}
.pj3{padding:clamp(70px,8vw,120px) 0;background:var(--fog)}
.mt-g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:16px}
.mt{background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh1)}
.mt figure{aspect-ratio:4/3;overflow:hidden}.mt img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.mt:hover img{transform:scale(1.04)}
.mt-0{grid-row:1/3}.mt-0 figure{aspect-ratio:auto;flex:1;min-height:320px}
.mt-3{grid-column:2/4;flex-direction:row}.mt-3 figure{aspect-ratio:auto;width:46%}
.mt-t{padding:18px 20px 20px}
.mt-t h3{font-size:24px;margin-bottom:10px}
.mt-t dl div{padding:7px 0;border-top:1px solid var(--line)}
.mt-t dt{font-size:12.5px;color:var(--mute)}.mt-t dd{font-size:14.5px}
.pj4{position:relative;padding-bottom:clamp(60px,7vw,110px)}
.pj4-im{height:clamp(360px,60vh,680px);overflow:hidden}.pj4-im img{width:100%;height:100%;object-fit:cover}
.pj4-g{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px 50px;margin-top:-140px;align-items:start}
.pj4-c{background:var(--sl);color:#fff;border-radius:8px;padding:clamp(24px,3vw,40px);box-shadow:var(--sh3)}
.pj4-c h2{color:#fff;margin-bottom:14px}.pj4-c p{color:var(--slt);margin:0}
.plants{background:#fff;border-radius:8px;box-shadow:var(--sh2);overflow:hidden;margin-top:140px}
.plants th,.plants td{padding:13px 18px;border-bottom:1px solid var(--line);font-size:15px;text-align:left;font-weight:400}
.plants thead th{font-size:12.5px;color:var(--mute);font-weight:600;background:var(--fog)}
.plants tbody th{font-weight:500}.plants i{color:var(--ink2)}
.plants tbody tr:hover{background:var(--fog)}
.pj5{padding:clamp(60px,7vw,110px) 0}
.pj5-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:30px 70px}
.pj5-n{display:flex;flex-direction:column;margin-top:20px;color:var(--mute);font-size:14.5px}
.pj5-n b{font:500 clamp(70px,8vw,120px)/.9 var(--f-d);letter-spacing:-.06em;color:var(--ok)}
.pj5-l{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.pj5-i{padding:22px 0;border-top:1px solid var(--line2)}
.pj5-i h3{margin-bottom:8px}.pj5-i p{color:var(--ink2);margin:0;font-size:16px}
.pj6{padding:clamp(40px,5vw,80px) 0 0}
.pj6-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:30px 70px}
.spec div{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.spec dt{font-weight:600;font-size:15px}.spec dd{color:var(--ink2);font-size:15.5px}

/* yaşam */
.ywide{height:clamp(320px,56vh,640px);overflow:hidden}.ywide img{width:100%;height:100%;object-fit:cover}
.ams{padding:clamp(70px,8vw,120px) 0}
.am{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,70px);align-items:center;margin-bottom:clamp(50px,6vw,90px)}
.am-1{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.am-1 figure{order:2}
.am figure{border-radius:8px;overflow:hidden;aspect-ratio:16/11;box-shadow:var(--sh2)}
.am img{width:100%;height:100%;object-fit:cover}
.am-t h2{font-size:clamp(30px,3vw,46px);margin-bottom:14px}.am-t p{color:var(--ink2)}
.am-h{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--mute);margin-bottom:14px}
.am-h::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--sold)}
.am-h.on{color:var(--ok)}.am-h.on::before{background:var(--ok)}
.svc{padding:clamp(60px,7vw,110px) 0;background:var(--fog)}
.svc-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:30px 70px}
.svc-g p{color:var(--ink2)}
.svc-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
.svc-l li{padding:14px 0 14px 34px;border-top:1px solid var(--line2);position:relative;font-size:15.5px}
.svc-l li::before{content:'';position:absolute;left:4px;top:20px;width:14px;height:8px;border-left:1.5px solid var(--ol);border-bottom:1.5px solid var(--ol);transform:rotate(-45deg)}
.hrs{padding:clamp(60px,7vw,100px) 0 0}
.hrs-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px 70px}
.ht th,.ht td{padding:12px 0;border-bottom:1px solid var(--line);font-size:15.5px;font-weight:400}
.ht td{text-align:right;color:var(--ink2)}
.ht tr.today th,.ht tr.today td{font-weight:600;color:var(--ink)}
.ht tr.today th::after{content:'Bugün';margin-left:10px;font-size:11.5px;font-weight:600;color:var(--olt);background:var(--ol3);padding:2px 7px;border-radius:2px}

/* konum */
.kmap{padding:clamp(50px,6vw,90px) 0}
.kmap-g{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:start}
.kmap-m .map{border-radius:8px;box-shadow:var(--sh2);background:#fff}
.kmap-l{position:sticky;top:calc(var(--hh) + 20px)}
.dir{padding:clamp(50px,6vw,90px) 0;background:var(--fog)}
.dir-g{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:30px 70px}
.dir-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dir-l li{background:#fff;border-radius:8px;padding:22px;box-shadow:var(--sh1)}
.dir-l h3{margin-bottom:8px}.dir-l p{font-size:15px;color:var(--ink2);margin:0}
.kpair{padding:clamp(60px,7vw,110px) 0 0}
.kpair-g{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:end}
.kpair figure img{width:100%;border-radius:8px;aspect-ratio:16/10;object-fit:cover}
.kp-b img{aspect-ratio:4/5!important}
.kpair figcaption{font-size:14px;color:var(--mute);margin-top:10px}

/* inşaat */
.prog{padding:clamp(60px,7vw,110px) 0}
.gbox{background:#fff;border-radius:8px;box-shadow:var(--sh2);padding:26px 26px 40px}
.gbox .gantt{--gl:260px}
.g-yrs{position:relative;margin-left:var(--gl);height:26px;border-bottom:1px solid var(--line2)}
.g-yrs span{position:absolute;top:0;font:500 13px var(--f-d);color:var(--mute);border-left:1px solid var(--line);padding-left:6px}
.g-n small{display:block;font-size:12px;color:var(--mute)}
.bpg{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bpg li{display:grid;grid-template-columns:1fr auto;gap:6px 10px;background:var(--fog);border-radius:8px;padding:18px}
.bpg-n{font-weight:600}.bpg b{font:500 26px/1 var(--f-d);font-variant-numeric:tabular-nums}
.bpg-b{grid-column:1/-1;position:relative;height:4px;background:var(--fog3)}
.bpg-b i{position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--sl)}
.bpg small{grid-column:1/-1;font-size:13px;color:var(--mute)}
.log{padding:clamp(60px,7vw,110px) 0;background:var(--fog)}
.log-hd{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.log-f{display:flex;flex-wrap:wrap;gap:6px}
.log-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.lg{display:grid;grid-template-columns:120px minmax(0,300px) minmax(0,1fr);gap:24px;align-items:start;background:#fff;border-radius:8px;padding:18px;box-shadow:var(--sh1)}
.lg-d{font-size:13.5px;color:var(--mute);line-height:1.3}
.lg-d b{display:block;font:500 52px/1 var(--f-d);letter-spacing:-.04em;color:var(--ink)}
.lg-f{border-radius:6px;overflow:hidden}.lg-i{width:100%;aspect-ratio:4/3;object-fit:cover}
.lg-t h3{margin-bottom:10px}.lg-t p{color:var(--ink2);font-size:15.5px}
.lg-m{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:var(--mute)!important;margin:0}
.lg-m span+span::before{content:'·';margin-right:16px}
.sub{padding:clamp(60px,7vw,100px) 0 0}
.sub-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 70px;align-items:start}
.sub-g p{color:var(--ink2)}
.frm-a{display:flex;align-items:center;gap:16px;flex-wrap:wrap}

/* galeri */
.galw{padding:clamp(40px,5vw,70px) 0 0}
.gf{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}
.gal{columns:3 320px;column-gap:16px}
.gi{break-inside:avoid;margin:0 0 16px}
.gi-b{position:relative;display:block;width:100%;border-radius:8px;overflow:hidden;cursor:zoom-in}
.gi-b img{width:100%;transition:transform .8s var(--ease)}
.gi-1 img,.gi-4 img{aspect-ratio:4/5;object-fit:cover}.gi-0 img,.gi-2 img{aspect-ratio:4/3;object-fit:cover}.gi-3 img{aspect-ratio:1;object-fit:cover}
.gi-b:hover img{transform:scale(1.04)}
.gi-z{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:4px;background:#fff;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}
.gi-b:hover .gi-z,.gi-b:focus-visible .gi-z{opacity:1;transform:none}
.gi figcaption{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:8px 2px 0}
.gi figcaption span{color:var(--mute);font-size:12.5px;white-space:nowrap}
.lb{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:clamp(16px,4vw,60px);border:0;background:rgba(26,36,44,.94);color:#fff}
.lb[open]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;animation:mgIn .15s}
.lb figure{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.lb img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:4px}
.lb figcaption{font-size:14.5px;color:var(--slt)}
.lb button{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.3);border-radius:4px}
.lb-x{position:absolute;right:20px;top:20px}

/* firma */
.fm1{padding:clamp(50px,6vw,90px) 0}
.fm1-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px 70px}
.fm1-l{font:500 clamp(22px,2vw,30px)/1.4 var(--f-d);letter-spacing:-.02em}
.fm1-g p:not(.fm1-l){color:var(--ink2);padding-top:6px}
.prn{padding:0 0 clamp(50px,6vw,90px)}
.prn-g{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ink)}
.prn-i{padding:28px 30px 10px 0;border-right:1px solid var(--line)}
.prn-i+.prn-i{padding-left:30px}.prn-i:last-child{border-right:0}
.prn-em{width:36px;height:36px;margin-bottom:16px;color:var(--ink)}
.prn-i h3{margin-bottom:8px}.prn-i p{color:var(--ink2);font-size:16px}
.prj{padding:clamp(60px,7vw,110px) 0;background:var(--fog)}
.prj-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(30px,4vw,60px)}
.prj-i{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center}
.prj-1{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.prj-1 figure{order:2}
.prj-i figure{border-radius:8px;overflow:hidden;aspect-ratio:16/10;box-shadow:var(--sh2)}.prj-i img{width:100%;height:100%;object-fit:cover}
.prj-y{font:500 15px var(--f-d);color:var(--olt);margin-bottom:6px}
.prj-t h3{font-size:clamp(26px,2.4vw,38px);margin-bottom:10px}.prj-t>p{color:var(--ink2)}
.prj-t dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line2);padding-top:12px}
.prj-t dt{font-size:12.5px;color:var(--mute)}.prj-t dd{font-weight:500}
.team{padding:clamp(60px,7vw,110px) 0 0}
.team-g{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr) minmax(0,.9fr);gap:30px 50px;align-items:start}
.team-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.team-l li{display:grid;grid-template-columns:44px 1fr;gap:0 14px;padding:14px 0;border-top:1px solid var(--line)}
.team-m{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--fog2);font:600 14px var(--f-d);color:var(--ink2)}
.team-l b{font-weight:600}.team-l span:last-child{font-size:14px;color:var(--mute)}
.team-c{background:var(--fog);border-radius:8px;padding:22px}
.team-c ul{list-style:none;margin:0;padding:0}
.team-c li{display:flex;flex-direction:column;padding:10px 0;border-top:1px solid var(--line);font-weight:500}
.team-c li span{font-size:12.5px;font-weight:400;color:var(--mute)}

/* iletişim */
.ct{padding:clamp(50px,6vw,90px) 0 0}
.ct-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:clamp(30px,5vw,80px);align-items:start}
.ct-i h2{font-size:30px;margin-bottom:14px}
.ct-i address{font-style:normal;margin-bottom:18px}.ct-i address span{display:inline-flex;gap:10px;align-items:center;color:var(--ink2)}
.ct-n{font-size:14.5px;color:var(--mute);margin:16px 0}
.ct-f{background:#fff;border-radius:8px;box-shadow:var(--sh3);padding:clamp(22px,3vw,40px)}
.ct-f h2{font-size:30px}

/* yasal */
.lgl{padding:clamp(40px,5vw,70px) 0 0}
.lgl-g{display:grid;grid-template-columns:260px minmax(0,780px);gap:clamp(30px,5vw,80px)}
.lgl-n{position:sticky;top:calc(var(--hh) + 20px);align-self:start}
.lgl-n ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line2)}
.lgl-n a{display:block;padding:8px 0 8px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:14.5px;color:var(--ink2);text-decoration:none}
.lgl-n a:hover{color:var(--ink);border-left-color:var(--ol)}
.lgl-t section{padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.lgl-t h2{font-size:clamp(22px,2vw,28px);margin-bottom:10px}
.lgl-t p{color:var(--ink2)}
.lgl-u{font-size:14px;color:var(--mute)!important}

/* daire seçici */
.selr{padding:clamp(30px,4vw,60px) 0 clamp(50px,6vw,90px);background:var(--fog)}
.tb{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line2);margin-bottom:18px}
.tb-tabs{display:flex;gap:26px}
.tb-tabs .tab{display:flex;flex-direction:column;align-items:flex-start;padding:10px 0 12px;font:500 22px/1 var(--f-d);letter-spacing:-.02em}
.tb-tabs .tab small{font:500 12.5px var(--f-b);color:var(--ok);margin-top:5px}
.tb-tabs .tab[aria-selected=true]{box-shadow:inset 0 -2px 0 var(--ol)}
.tb-view{display:flex;border:1px solid var(--line2);border-radius:4px;overflow:hidden;margin-bottom:10px;background:#fff}
.vw{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500}
.vw .ic{width:16px;height:16px}
.vw[aria-pressed=true]{background:var(--sl);color:#fff}
.flt{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:flex-end;background:#fff;border-radius:8px;padding:16px 20px;box-shadow:var(--sh1);margin-bottom:18px}
.flt-g legend{font-size:12.5px;font-weight:600;color:var(--mute)}
.flt-g legend output{font-weight:600;color:var(--ink);margin-left:8px}
.flt-k{min-width:220px}
.flt-s{display:flex;gap:14px}.flt-s legend{width:100%}
.flt-s .ck{align-items:center}
.flt-p,.flt-r{margin:0;font-size:14px;color:var(--ink2)}
.flt-r{margin-left:auto;display:flex;align-items:center;gap:14px;font-variant-numeric:tabular-nums}
.dr{position:relative;height:30px}
.dr input{position:absolute;inset:0;width:100%;margin:0;-webkit-appearance:none;appearance:none;background:none;pointer-events:none;z-index:2;height:30px}
.dr input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:3px;background:#fff;border:1.5px solid var(--ink);cursor:pointer;box-shadow:var(--sh1)}
.dr input::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:3px;background:#fff;border:1.5px solid var(--ink);cursor:pointer}
.dr::before{content:'';position:absolute;left:0;right:0;top:14px;height:2px;background:var(--line2)}
.dr-f{position:absolute;top:13px;height:4px;background:var(--sl);z-index:1}
.sv-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:18px;align-items:start}
.sv-el{position:relative;background:#fff;border-radius:8px;box-shadow:var(--sh1);padding:16px 18px}
.elw figcaption{font-size:13.5px;color:var(--mute);margin-top:10px}
.hint{font-size:13.5px;color:var(--mute);margin:8px 0 0}
.tip{position:absolute;z-index:5;pointer-events:none;background:var(--sl);color:#fff;font-size:12.5px;padding:7px 10px;border-radius:3px;white-space:nowrap;transform:translate(-50%,calc(-100% - 12px))}
.sv-side{display:flex;flex-direction:column;gap:14px}
.sv-side .splan{background:#fff;border-radius:8px;box-shadow:var(--sh1)}
.bi{background:#fff;border-radius:8px;box-shadow:var(--sh1);padding:18px 20px}
.bi h3{font-size:24px;margin-bottom:6px}.bi p{font-size:14.5px;color:var(--ink2)}
.bi dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px}
.bi dt{color:var(--mute)}.bi dd{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.fpw{margin-top:18px;background:#fff;border-radius:8px;box-shadow:var(--sh1);padding:18px 20px}
.fp-hd{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}
.fp-hd h2{font-size:clamp(22px,2vw,30px)}
.fp-nav{display:flex;gap:6px}
.fp-box{overflow-x:auto}
.lv{position:relative;background:#fff;border-radius:8px;box-shadow:var(--sh1);overflow:hidden}
.ut th,.ut td{padding:11px 12px;border-bottom:1px solid var(--line);font-size:14.5px;text-align:left;font-weight:400;white-space:nowrap}
.ut thead th{position:sticky;top:var(--hh);background:#fff;z-index:2;font-size:12.5px;color:var(--mute);font-weight:600}
.srt{font:inherit;color:inherit;display:inline-flex;gap:5px;align-items:center}
.srt::after{content:'↕';opacity:.35;font-size:11px}
.srt[data-dir=asc]::after{content:'↑';opacity:1}.srt[data-dir=desc]::after{content:'↓';opacity:1}
.ut tbody tr:hover{background:var(--fog)}
.ut-p{font-family:var(--f-d);font-weight:500}
.lv-0{padding:20px;margin:0;color:var(--ink2)}
.dp{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);z-index:80;background:#fff;box-shadow:var(--sh3);overflow:auto;display:none}
.dp.on{display:block;animation:dpIn .15s var(--ease)}
@keyframes dpIn{from{transform:translateX(40px);opacity:0}}
.dp-in{padding:22px 24px 30px;display:flex;flex-direction:column;gap:12px}
.dp-hd{display:flex;justify-content:space-between;align-items:center}
.dp-k{margin:0;font-size:13.5px;color:var(--mute)}
.dp-x{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line2);border-radius:4px}
.dp-t{font-size:30px}
.dp-s{margin:0}
.dp-plan{background:var(--fog);border-radius:6px;padding:10px}
.dp-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14.5px}
.dp-dl dt{color:var(--mute)}.dp-dl dd{text-align:right;font-weight:500}
.dp-act{display:flex;flex-wrap:wrap;gap:8px}
.dp-f{grid-template-columns:1fr}
.dp-sc{position:fixed;inset:0;z-index:79;background:rgba(26,36,44,.32)}
.pay{padding:clamp(60px,7vw,100px) 0}
.pay-g{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--ink)}
.pay-i{padding:22px 22px 10px 0;border-right:1px solid var(--line)}
.pay-i+.pay-i{padding-left:22px}.pay-i:last-child{border-right:0}
.pay-d{font:500 19px var(--f-d);color:var(--olt)}
.pay-i p{font-size:15px;color:var(--ink2)}
.pay-n{font-size:14px;color:var(--mute);margin-top:16px}
.faq{padding:0 0 clamp(40px,5vw,70px)}
.faq-in{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.4fr);gap:30px 70px}
.faq-l details{border-top:1px solid var(--line2)}
.faq-l summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;cursor:pointer;list-style:none;font:500 19px var(--f-d);letter-spacing:-.015em}
.faq-l summary::-webkit-details-marker{display:none}
.faq-l summary .ic{transition:transform .2s}
.faq-l details[open] summary .ic{transform:rotate(45deg)}
.faq-l p{color:var(--ink2);margin:0 0 18px}

/* daire tipi */
.pln{padding:clamp(50px,6vw,90px) 0}
.pln-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:start}
.pln-f{background:#fff;border-radius:8px;box-shadow:var(--sh2);padding:clamp(16px,2.4vw,34px)}
.pln-t h2{margin-bottom:18px}
.rt{margin-bottom:16px}
.rt caption{text-align:left;font-size:12.5px;font-weight:600;color:var(--mute);padding-bottom:6px}
.rt th,.rt td{padding:9px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:400}
.rt td{text-align:right;font-family:var(--f-d);font-weight:500}
.rt-s th{font-weight:600}
.feat{list-style:none;margin:20px 0 0;padding:0}
.feat li{display:flex;gap:12px;padding:8px 0;font-size:15.5px;color:var(--ink2)}
.feat .ic{color:var(--ol);margin-top:4px}
.tpi{padding:clamp(40px,5vw,70px) 0;background:var(--fog)}
.tpi-g{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:auto auto;gap:18px 40px}
.tpi-a{grid-row:1/3}.tpi-a img,.tpi-b img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.tpi-a img{aspect-ratio:4/3}.tpi-b img{aspect-ratio:16/10}
.tpi-t p{color:var(--ink2)}
.tpu{padding:clamp(50px,6vw,90px) 0}
.tpu h2{margin-bottom:20px}
.ut-s{background:#fff}
.tpn{border-top:1px solid var(--line)}
.tpn-g{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;padding-bottom:10px}
.tpn-a{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:500 19px var(--f-d)}
.tpn-a span{display:flex;flex-direction:column}
.tpn-a small{font:400 12.5px var(--f-b);color:var(--mute)}
.tpn-r{text-align:right}
.tpn-m{font-size:14.5px;font-weight:500;text-decoration:none;color:var(--ink2)}

/* ziyaret sihirbazı */
.wz-w{padding:clamp(30px,4vw,60px) 0 0}
.wz-g{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto 1fr;gap:18px 30px;align-items:start}
.wz-p{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.wz-p li{position:relative;padding-top:14px;font-size:13.5px;font-weight:500;color:var(--mute)}
.wz-p li::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--fog2)}
.wz-p li[aria-current]{color:var(--ink)}.wz-p li[aria-current]::before{background:var(--ol)}
.wz-p li.done{color:var(--ink2)}.wz-p li.done::before{background:var(--sl)}
.wz{display:block;background:#fff;border-radius:8px;box-shadow:var(--sh3);padding:clamp(22px,3vw,40px)}
.wz-s{display:flex;flex-direction:column;gap:14px}
.wz-h{font:500 clamp(24px,2.2vw,32px) var(--f-d);letter-spacing:-.025em;margin-bottom:6px;color:var(--ink)}
.wz-sub{display:block;font:400 15px var(--f-b);color:var(--mute);margin-top:6px}
.wz-h2{font-weight:600;font-size:14px;color:var(--ink2);margin:8px 0 0}
.wz-k,.wz-t{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.wz-t{grid-template-columns:repeat(2,1fr)}
.opt{position:relative;cursor:pointer}
.opt input{position:absolute;opacity:0}
.opt>span{display:flex;flex-direction:column;gap:3px;height:100%;padding:14px 16px;border:1px solid var(--line2);border-radius:6px;transition:border-color .12s,box-shadow .12s,background .12s}
.opt b{font-weight:600;font-size:15px}.opt small{font-size:13px;color:var(--mute)}
.opt:hover>span{border-color:var(--ink)}
.opt input:checked+span{border-color:var(--sl);box-shadow:inset 0 0 0 1px var(--sl);background:var(--fog)}
.opt input:focus-visible+span{outline:2px solid var(--ol);outline-offset:2px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cd{display:flex;flex-direction:column;align-items:center;padding:9px 0;border:1px solid var(--line2);border-radius:4px;font-size:11.5px;color:var(--mute);transition:border-color .12s,background .12s}
.cd b{font:500 22px var(--f-d);color:var(--ink)}
.cd:hover:not(:disabled){border-color:var(--ink)}
.cd[aria-checked=true]{background:var(--sl);border-color:var(--sl);color:var(--slt)}.cd[aria-checked=true] b{color:#fff}
.cd:disabled{opacity:.32;cursor:default}
.slots{display:flex;flex-wrap:wrap;gap:6px}
.slots-h{width:100%;margin:10px 0 2px;font-size:13px;font-weight:600;color:var(--mute)}
.slt{height:40px;padding:0 16px;border:1px solid var(--line2);border-radius:4px;font:500 15px var(--f-d);font-variant-numeric:tabular-nums}
.slt:hover:not(:disabled){border-color:var(--ink)}
.slt[aria-checked=true]{background:var(--sl);border-color:var(--sl);color:#fff}
.slt:disabled{opacity:.3;text-decoration:line-through;cursor:default}
.wz-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sum{display:grid;grid-template-columns:auto 1fr auto;gap:0}
.sum dt,.sum dd{padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
.sum dt{color:var(--mute);padding-right:20px}.sum dd{font-weight:500}
.sum .ed button{font-size:13.5px;color:var(--olt);text-decoration:underline}
.wz-done h3{font-size:28px;margin-bottom:10px}
.wz-done .btn{margin:10px 10px 0 0}
.wz-nav{display:flex;justify-content:space-between;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.wz-nav #wz-n{margin-left:auto}
.wz-a{position:sticky;top:calc(var(--hh) + 20px);background:var(--fog);border-radius:8px;padding:22px}
.wz-ozet div{display:flex;flex-direction:column;padding:10px 0;border-top:1px solid var(--line)}
.wz-ozet dt{font-size:12.5px;color:var(--mute)}.wz-ozet dd{font-weight:500;font-size:15px}

/* güneş ve manzara simülatörü */
.gs{padding:clamp(40px,5vw,70px) 0 0}
.gs-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 50px;margin-bottom:24px;flex-wrap:wrap}
.gs-hd-t{max-width:760px}
.gs-hd h2{font-size:clamp(30px,3vw,46px);margin-bottom:12px}
.gs-hd p{color:var(--ink2);margin:0;max-width:62ch}
.gs-lg{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--ink2)}
.gs-lg li{display:inline-flex;align-items:center;gap:7px}
.gs-lg i{width:14px;height:10px;display:inline-block}
.lg-sh{background:var(--c-sh)}.lg-or{background:var(--c-or)}.lg-va{background:var(--c-va)}.lg-se{background:var(--c-se)}.lg-bo{background:var(--c-bo)}
.gs-grid{display:grid;grid-template-columns:minmax(0,7.4fr) minmax(0,4.6fr);gap:20px;align-items:start}
.gs-stage,.gs-side{display:flex;flex-direction:column;gap:18px;min-width:0}
.gs-ctl{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:8px;box-shadow:var(--sh2)}
.gs-r{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;padding:14px 18px 10px;border-right:1px solid var(--line)}
.gs-r .rng,.gs-r .gs-q{grid-column:1/-1}
.gs-r-h{border-right:0}.gs-r-h .gs-play{grid-column:2;grid-row:1}
.gs-rl{display:flex;align-items:baseline;gap:12px;min-width:0}
.gs-rl label{font-size:12.5px;font-weight:600;color:var(--mute)}
.gs-rl output{font:500 17px var(--f-d);font-variant-numeric:tabular-nums;white-space:nowrap}
.gs-q{display:flex;border-bottom:1px solid var(--line);margin-top:4px}
.gs-q button{position:relative;padding:6px 0;margin-right:20px;font-size:13px;font-weight:500;color:var(--mute)}
.gs-q button[aria-pressed=true]{color:var(--ink)}
.gs-q button[aria-pressed=true]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ol)}
.gs-play{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border:1px solid var(--line2);border-radius:4px;background:#fff;font-size:14px;font-weight:500;white-space:nowrap}
.gs-play:hover{border-color:var(--ink)}
.gs-play .ic{width:16px;height:16px;fill:currentColor;stroke:none}
.gs-play .i-pa{display:none;fill:none;stroke:currentColor;stroke-width:2.4}
.gs-play[aria-pressed=true] .i-pl{display:none}.gs-play[aria-pressed=true] .i-pa{display:block}
.gs-read{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);padding:10px 18px;gap:10px 22px;border-top:1px solid var(--line)}
.gs-read dt{font-size:12px;font-weight:600;color:var(--mute)}
.gs-read dd{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.gs-plan{position:relative;border-radius:8px;overflow:hidden;background:#fff;box-shadow:var(--sh2)}
.gs-plan figcaption{padding:10px 16px;font-size:13px;color:var(--mute);border-top:1px solid var(--line)}
.gp{display:block;width:100%;height:auto}
.gp-bg{fill:#FBFCFD}.gp-topo{opacity:.55}
.gp-road{fill:none;stroke:#E6EAED;stroke-width:22;stroke-linecap:round}
.gp-path{fill:none;stroke:var(--line2);stroke-width:1.4;stroke-dasharray:5 6}
.gp-pool rect{fill:var(--sky2);stroke:var(--sky);stroke-width:1}
.gp-t{font:500 13px var(--f-b);fill:var(--mute)}
.gp-tr path{fill:#EFE5D3;stroke:#B9A07A;stroke-width:1}.gp-tr .gp-tk{fill:none;stroke:#C9B38E;stroke-width:.9}
.gp-shb{fill:rgba(35,48,58,.17);mix-blend-mode:multiply}.gp-sht{fill:rgba(35,48,58,.09);mix-blend-mode:multiply}
.gp-b{cursor:pointer;outline:none}
.gp-roof{fill:#fff;stroke:var(--ink);stroke-width:1.6;transition:fill .12s}
.gp-band{fill:#fff;stroke:var(--ink);stroke-width:.8}
.gp-bay{fill:none;stroke:var(--ink);stroke-width:.6;opacity:.45}
.gp-perg{fill:none;stroke:#A88E63;stroke-width:.6}
.gp-core{fill:var(--fog2);stroke:var(--ink);stroke-width:.6}
.gp-n{font:500 26px var(--f-d);fill:var(--ink);pointer-events:none}
.gp-l{font:600 12.5px var(--f-b);fill:var(--ink2);pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:4px}
.gp-b:hover .gp-roof,.gp-b:focus-visible .gp-roof{fill:var(--ol3)}
.gp-b.on .gp-roof{fill:var(--ol3);stroke:var(--olt);stroke-width:2.4}
.gp-vw path{mix-blend-mode:multiply;opacity:.38}
.vw-orman{fill:var(--c-or)}.vw-vadi{fill:var(--c-va)}.vw-sehir{fill:var(--c-se)}.vw-bogaz{fill:var(--c-bo)}
.gp-vw .vw-blk{fill:url(#gp-hatch);opacity:.9;mix-blend-mode:normal}
.gp-hl{stroke:var(--ink);stroke-width:1;opacity:.35}
.gp-mk{fill:#fff;stroke:var(--ink);stroke-width:2.2}.gp-mk.lit{fill:var(--olg);stroke:var(--olt)}
.gp-mk2{fill:none;stroke:var(--ol);stroke-width:1.2;stroke-dasharray:3 3}
.gp-ray{fill:none;stroke:var(--ol);stroke-width:1.4;stroke-dasharray:2 5}
.gp-sunc{fill:var(--olg);stroke:var(--olt);stroke-width:1.4}
.gp-sunr{stroke:var(--ol);stroke-width:1.6;stroke-linecap:round}
.gs-night .gp-bg{fill:#EEF2F5}
.gp .nt circle{fill:#fff;stroke:var(--ink)}
.gp-sb text{font:500 11.5px var(--f-b);fill:var(--ink2)}.gp-sb path{stroke:var(--ink);fill:none}
.gs-ins{position:absolute;right:12px;top:12px;width:min(29%,216px);background:rgba(255,255,255,.97);border-radius:6px;box-shadow:var(--sh1);padding:10px 10px 8px}
.gs-ins-c{margin:4px 0 0;font-size:11.5px;line-height:1.45;color:var(--mute)}
.gs-ins-c i{display:inline-block;width:10px;height:8px;margin-right:5px;background:repeating-linear-gradient(-45deg,var(--ink2) 0 1px,transparent 1px 3px);opacity:.6}
.sd{display:block;width:100%;height:auto}
.sd-g circle{fill:none;stroke:var(--line2);stroke-width:.7}.sd-g .sd-h{stroke:var(--ink);stroke-width:1.1}.sd-g path{stroke:var(--ink2);stroke-width:.8}
.sd-a{font:500 9px var(--f-b);fill:var(--mute)}.sd-d{font:600 11px var(--f-b);fill:var(--ink)}
.sd-m0{fill:rgba(35,48,58,.07)}.sd-m{fill:url(#sd-hatch)}.sd-hl{stroke:var(--ink2);stroke-width:1;opacity:.55}
.sd-p0{fill:none;stroke:var(--line2);stroke-width:1;stroke-dasharray:3 3}.sd-p{fill:none;stroke:var(--ol);stroke-width:2}
.sd-dt circle{fill:var(--ol)}.sd-dt text{font:600 9px var(--f-b);fill:var(--ink2)}
.sd-s{fill:#fff;stroke:var(--olt);stroke-width:2}.sd-s.on{fill:var(--olg)}
.gs-pano{background:#fff;border-radius:8px;box-shadow:var(--sh1);padding:16px 18px 14px}
.gs-pano-hd{display:flex;justify-content:space-between;align-items:baseline;gap:6px 20px;flex-wrap:wrap;margin-bottom:10px}
.gs-pano-hd h3{font-size:22px}
.gs-pano-hd p{margin:0;font-size:13.5px;color:var(--ink2);font-variant-numeric:tabular-nums}
.gs-pano-v{border-radius:4px;overflow:hidden}
.pn{display:block;width:100%;height:150px}
.pn-sky{fill:var(--sky3)}.pn-hz{stroke:var(--line2);stroke-width:1}
.pn-far rect{fill:#D5DDE3}.pn-sea rect{fill:var(--c-bo);opacity:.8}.pn-city rect{fill:#AEB6BE}.pn-for{fill:#A7B796}
.pn-bld rect{fill:#fff;stroke:var(--ink);stroke-width:.6}.pn-bl2 path{stroke:var(--ink);stroke-width:.5;opacity:.5}
.pn-dir path{stroke:var(--ink2)}.pn-dir text{font:600 11px var(--f-b);fill:var(--ink2)}
.pn-l text{font:600 11.5px var(--f-b);fill:#fff;paint-order:stroke;stroke:rgba(35,48,58,.4);stroke-width:3px}
.gs-pano-m{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;color:var(--ink2)}
.gs-pano-m li{display:inline-flex;align-items:center;gap:7px}.gs-pano-m i{width:12px;height:12px}
.gs-pano-m b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.pm-orman i{background:var(--c-or)}.pm-vadi i{background:var(--c-va)}.pm-sehir i{background:var(--c-se)}.pm-bogaz i{background:var(--c-bo)}
.pm-blk i{background:repeating-linear-gradient(45deg,var(--ink2) 0 1px,#fff 1px 4px);outline:1px solid var(--line2)}
.gs-fac{position:relative;background:#fff;border-radius:8px;box-shadow:var(--sh2);padding:0 16px 14px}
.gs-tabs{position:relative;display:flex;border-bottom:1px solid var(--line);margin:0 -16px 12px;padding:0 16px}
.gs-tab{display:flex;flex-direction:column;align-items:flex-start;padding:14px 18px 10px 0;margin-right:8px;font:500 20px/1 var(--f-d);color:var(--mute);transition:color .12s}
.gs-tab small{font:500 12px var(--f-b);margin-top:5px;color:var(--mute)}
.gs-tab[aria-selected=true]{color:var(--ink)}.gs-tab[aria-selected=true] small{color:var(--ok)}
.gs-tab-bar{position:absolute;left:0;bottom:-1px;height:2px;background:var(--ol);transition:transform .15s,width .15s}
.gs-mode{position:absolute;right:16px;top:14px;display:flex;border:1px solid var(--line2);border-radius:4px;overflow:hidden}
.gs-mode button{padding:5px 10px;font-size:12.5px;font-weight:600;color:var(--ink2)}
.gs-mode button[aria-pressed=true]{background:var(--sl);color:#fff}
.gs-el{position:relative;margin:0}
.gs-el .el-gr{fill:var(--fog)}
.gs .u rect{fill-opacity:1}
.gs-m-st .u[data-s=musait] rect{fill:var(--ok);fill-opacity:.5}.gs-m-st .u[data-s=opsiyon] rect{fill:var(--opt);fill-opacity:.5}.gs-m-st .u[data-s=satildi] rect{fill:var(--sold);fill-opacity:.2}
.gs .u.dk text{fill:#fff}.gs .u.sel rect{stroke:var(--ink);stroke-width:3}.gs .u:hover rect{stroke:var(--ink)}
.gs-tip{position:absolute;z-index:5;pointer-events:none;background:var(--sl);color:#fff;font-size:12.5px;line-height:1.4;padding:7px 10px;border-radius:3px;white-space:nowrap;transform:translate(-50%,calc(-100% - 12px))}
.gs-key{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums;margin-top:4px}
.gs-key i{height:8px;background:linear-gradient(90deg,rgb(233,237,240),rgb(226,214,190) 35%,rgb(201,158,101) 70%,rgb(139,96,54))}
.gs-key em{grid-column:1/-1;font-style:normal}
.gs-m-st .gs-key{visibility:hidden}
.gc{background:#fff;border-radius:8px;box-shadow:var(--sh3);padding:20px 20px 18px}
.gc-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.gc-k{margin:0 0 4px;font-size:13px;color:var(--mute)}
.gc-t{font-size:26px}
.gc-sun{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:end;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gc-n{margin:0;font:500 48px/1 var(--f-d);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.gc-n small{font:500 16px var(--f-b);color:var(--mute)}
.gc-nl{margin:6px 0 0;font-size:13px;color:var(--mute)}
.gc-sm{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gc-sm dt{font-size:11.5px;color:var(--mute)}.gc-sm dd{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.gc-tl{padding-top:12px}
.tl{display:block;width:100%;height:46px}
.tl .gn{fill:#EEF1F3}.tl .g0{fill:#E1E6E9}.tl .g1{fill:var(--ol3)}.tl .g2{fill:var(--ol2)}
.tl-t path{stroke:var(--line2)}.tl-t text{font:500 10px var(--f-b);fill:var(--mute)}
#tl-now path{stroke:var(--sl);stroke-width:2}#tl-now circle{fill:var(--sl)}
.tl-k{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 0;font-size:12px;color:var(--mute)}
.tl-k span{display:inline-flex;align-items:center;gap:6px}.tl-k i{width:10px;height:8px}
.tl-k .k2{background:var(--ol2)}.tl-k .k1{background:var(--ol3)}.tl-k .k0{background:#E1E6E9}
.gc-yr{padding-top:12px}.gc-yr p{font-size:12.5px;font-weight:600;color:var(--mute);margin:0 0 6px}
.gc-yb{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.yb{display:flex;flex-direction:column;align-items:center;gap:4px}
.yb-b{position:relative;display:block;width:100%;height:42px;background:var(--fog)}
.yb-b i,.yb-b b{position:absolute;left:0;right:0;bottom:0}
.yb-b i{background:var(--ol3)}.yb-b b{background:var(--ol2)}
.yb small{font-size:10.5px;color:var(--mute)}
.yb.on small{color:var(--ink);font-weight:700}.yb.on .yb-b{outline:1.5px solid var(--ink);outline-offset:1px}
.gc-body{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:14px}
.gc-plan .plan{width:100%;height:auto}
.gc-plan .pl-lb text,.gc-plan .sb,.gc-plan .nt{display:none}
.gc-dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}
.gc-dl dt{color:var(--mute)}.gc-dl dd{font-weight:600;font-variant-numeric:tabular-nums}
.gc-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.gc-f{margin-top:14px;grid-template-columns:1fr}
.gs-top-hd{display:flex;align-items:baseline;gap:14px;margin-bottom:8px}
.gs-top-hd h3{font-size:22px}.gs-top-hd p{margin:0;font-size:14px;color:var(--mute)}
.gs-top-l{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.gs-top-l button{display:grid;grid-template-columns:28px 1.6fr 1.4fr auto 92px;gap:14px;align-items:center;width:100%;padding:11px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:14.5px;transition:background .1s;font-variant-numeric:tabular-nums}
.gs-top-l button:hover{background:var(--fog)}
.gt-i{font:500 15px var(--f-d);color:var(--mute)}.gt-v{font-weight:600}.gt-p{text-align:right;font-family:var(--f-d)}
.gs-note{margin:0;font-size:13px;line-height:1.6;color:var(--mute);padding-top:12px}

@media (max-width:1100px){
  .pj1-g,.pj2-g,.pj4-g,.pj5-g,.pj6-g,.svc-g,.hrs-g,.kmap-g,.dir-g,.sub-g,.fm1-g,.ct-g,.faq-in,.pln-g,.am,.am-1,.prj-i,.prj-1{grid-template-columns:1fr}
  .am-1 figure,.prj-1 figure{order:0}
  .kmap-l{position:relative;top:auto}
  .plants{margin-top:0}.pj4-g{margin-top:-80px}
  .team-g{grid-template-columns:1fr}
  .lgl-g{grid-template-columns:1fr}.lgl-n{position:relative;top:auto}
  .sv-main{grid-template-columns:1fr}
  .gs-grid{grid-template-columns:1fr}
  .wz-g{grid-template-columns:1fr}.wz-a{position:relative;top:auto}
  .bpg{grid-template-columns:1fr 1fr}
  .lg{grid-template-columns:90px 1fr}.lg-t{grid-column:1/-1}
  .dir-l{grid-template-columns:1fr}
  .tpi-g{grid-template-columns:1fr}.tpi-a{grid-row:auto}
  .ut thead th{position:static}
}
@media (max-width:700px){
  .mt-g{grid-template-columns:1fr}.mt-0{grid-row:auto}.mt-3{grid-column:auto;flex-direction:column}.mt-3 figure{width:auto;aspect-ratio:4/3}
  .pj5-l,.svc-l,.team-l{grid-template-columns:1fr}
  .spec div{grid-template-columns:1fr;gap:4px}
  .prn-g{grid-template-columns:1fr}.prn-i,.prn-i+.prn-i{padding:22px 0 8px;border-right:0;border-bottom:1px solid var(--line)}
  .pay-g{grid-template-columns:1fr 1fr}.pay-i,.pay-i+.pay-i{padding:18px 12px 8px 0;border-right:0}
  .kpair-g{grid-template-columns:1fr}
  .wz-k,.wz-t,.wz-row{grid-template-columns:1fr}
  .cal{gap:4px}.cd b{font-size:18px}
  .gs-ctl{grid-template-columns:1fr}.gs-r{border-right:0;border-bottom:1px solid var(--line)}.gs-read{grid-template-columns:1fr 1fr}
  .gs-ins{position:static;width:auto;box-shadow:none;border-top:1px solid var(--line);border-radius:0;display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center}
  .gs-mode{position:static;margin:0 0 10px;width:max-content}
  .gs-top-l button{grid-template-columns:22px 1fr auto;gap:4px 10px}
  .gc-body{grid-template-columns:1fr}
  .lv{overflow-x:auto}
  .flt-r{margin-left:0;width:100%}
  .gbox{padding:16px 12px 34px;overflow-x:auto}.gbox .gantt{--gl:130px;min-width:560px}
  .bpg{grid-template-columns:1fr}
  .tb-tabs{gap:16px}.tb-tabs .tab{font-size:18px}
  .tpn-g{flex-wrap:wrap}.tpn-m{order:3;width:100%;text-align:center}
  .lg-d b{font-size:38px}
  .pc-ring{grid-template-columns:96px 1fr}.ring{width:96px;height:96px}
  .fp-n{font-size:34px;stroke-width:8px}.fp-m{font-size:22px;stroke-width:6px}.fp-t{font-size:20px}
}