/* Ortak katman: tüm sayfalar. Renkler, container, header, butonlar, footer, rehber. */
/* Ana sayfa: pafta dili. Yalnızca index.html yükler; site.css üzerine bindirilir. */
:root{--br:#C59A2E;--brd:#8A6410;--g0:#0E1216;--g2:#1D252D;--cut:30px;--ez:cubic-bezier(.2,.7,.2,1);--page:var(--bg);overflow-x:clip;--wm:1260px;--wg:28px;--bg:#E6E9EC;--sf:#F3F5F6;--ln:#CDD3D8;--mot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='480'%3E%3Cfilter id='a' x='0' y='0' width='100%' height='100%'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.36 0 0 0 0 0.4 0 0 0 0 0.44 0 0 0 .6 -.05'/%3E%3C/filter%3E%3Crect width='480' height='480' filter='url(%23a)'/%3E%3C/svg%3E");--cd:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='480'%3E%3Cfilter id='a' x='0' y='0' width='100%' height='100%'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='480' height='480' filter='url(%23a)'/%3E%3C/svg%3E");--brk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='48'%3E%3Crect x='1' y='1' width='46' height='22' fill='%23fff' fill-opacity='.08'/%3E%3Crect x='49' y='1' width='46' height='22' fill='%23fff' fill-opacity='.045'/%3E%3Crect x='25' y='25' width='46' height='22' fill='%23fff' fill-opacity='.065'/%3E%3Crect x='73' y='25' width='46' height='22' fill='%23fff' fill-opacity='.035'/%3E%3Crect x='-23' y='25' width='46' height='22' fill='%23fff' fill-opacity='.035'/%3E%3C/svg%3E");--hz:repeating-linear-gradient(-45deg,#C59A2E 0 14px,#0E1216 14px 28px)}
.i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.skip{position:absolute;left:12px;top:-60px;z-index:60;background:var(--br);color:var(--ink);padding:10px 16px;font-weight:700}.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--br);outline-offset:3px}
h1,h2,h3{font-stretch:106%}
.dk{background:var(--g0);color:#fff;--page:var(--g0)}.dk p{color:#B9C0C7}
/* header */
header{transition:box-shadow .3s}header.sc{box-shadow:0 8px 28px rgba(0,0,0,.28)}
#mb{position:relative;display:none;width:44px;height:44px;border:1px solid #47505A;background:0;cursor:pointer}
#mb i{position:absolute;left:12px;right:12px;height:2px;background:#fff;transition:transform .3s var(--ez),opacity .2s}#mb i:nth-child(1){top:15px}#mb i:nth-child(2){top:21px}#mb i:nth-child(3){top:27px}
#mb[aria-expanded=true] i:nth-child(1){transform:translateY(6px) rotate(45deg)}#mb[aria-expanded=true] i:nth-child(2){opacity:0}#mb[aria-expanded=true] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
/* butonlar: ana / ikincil / küçük / büyük */
.bt{--f:#fff;position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;font:700 .98rem/1 var(--b);padding:6px 6px 6px 22px;min-height:52px;border:1.5px solid transparent;cursor:pointer;transition:color .35s,box-shadow .35s,transform .25s var(--ez);background-repeat:no-repeat;background-position:left;background-size:0 100%}
.bt span{display:inline-flex;align-items:center;gap:10px}.bt:hover,.bt:focus-visible{background-size:100% 100%}.bt:active{transform:scale(.97)}
.ic{display:grid;place-items:center;width:40px;height:40px;flex:none;transition:background .35s,color .35s}.ic .i{font-size:1.15rem;transition:transform .35s var(--ez)}.bt:hover .ic .i,.pz-c:hover .ic .i,.pj-c:hover .ic .i{transform:translateX(4px)}
.bt-p{background-color:var(--br);background-image:linear-gradient(var(--f),var(--f));color:var(--ink)}.bt-p .ic{background:var(--ink);color:var(--br)}.bt-p:hover{box-shadow:0 0 0 4px rgba(197,154,46,.25),0 10px 30px -8px rgba(197,154,46,.55)}.bt-p:hover .ic{background:var(--br);color:var(--ink)}
.bt-g{background-image:linear-gradient(currentColor,currentColor);color:inherit;border-color:currentColor;padding-left:22px}.bt-g .ic{background:0}.bt-g:hover{color:var(--ink)}.dk .bt-g:hover{color:var(--ink);background-image:linear-gradient(#fff,#fff);border-color:#fff}
.bt-g:not(.dk .bt-g):hover{color:var(--bg)}
.bt-s{min-height:44px;padding:4px 4px 4px 16px;font-size:.9rem}.bt-s .ic{width:34px;height:34px}.bt-l{font-size:clamp(1.05rem,2.6vw,1.45rem);min-height:68px;padding-left:28px}.bt-l .ic{width:56px;height:56px}
.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.lk{display:inline-flex;align-items:center;gap:8px;font-weight:700;border-bottom:2px solid var(--br);padding-bottom:3px;transition:gap .3s var(--ez),color .2s}.lk:hover{gap:14px;color:var(--brd)}.dk .lk:hover{color:var(--br)}
.sh{display:flex;justify-content:space-between;align-items:end;gap:16px 28px;flex-wrap:wrap;margin-bottom:clamp(26px,4vw,44px)}.sh h2{font-size:clamp(1.9rem,4.4vw,3.2rem)}.sh p{margin-top:10px}

.w{width:min(var(--wm),100% - var(--wg))}
/* açık gri işlemeli zeminler */
body{background:var(--bg) var(--mot)}.alt,.svs,.nws,.pz,.ab{background-image:var(--mot)}.svs,.nws,.alt{background-color:var(--sf)}
.pz,.ab,.art,.pgline+.sec{position:relative}.pz:after,.ab:after{content:"";position:absolute;right:0;top:0;width:min(520px,60%);height:100px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 960 180' width='960' height='180'><g stroke='%238F99A2' stroke-opacity='.35' fill='none' stroke-width='1.2'><path d='M0 179H960'/><rect x='20' y='100' width='70' height='79' fill='none'/><rect x='100' y='70' width='55' height='109' fill='none'/><rect x='165' y='120' width='80' height='59' fill='none'/><rect x='420' y='90' width='60' height='89' fill='none'/><rect x='490' y='50' width='70' height='129' fill='none'/><rect x='570' y='110' width='90' height='69' fill='none'/><rect x='700' y='80' width='60' height='99' fill='none'/><rect x='770' y='125' width='70' height='54' fill='none'/><rect x='850' y='60' width='80' height='119' fill='none'/><rect x='300' y='20' width='12' height='159' fill='none'/><path d='M300 20L306 4L312 20M306 4L190 16M306 4L420 16'/><rect x='186' y='16' width='240' height='9' fill='none'/><rect x='186' y='25' width='22' height='16'/><path d='M396 25V92'/><rect x='392' y='92' width='8' height='10'/><path d='M262 179V140H350V179'/></g></svg>") right top/520px 94px no-repeat;opacity:.35;pointer-events:none}
.pz>.w,.ab>.w{position:relative;z-index:1}
/* eski butonlar: hafif yuvarlak + dolgu kayması */
.btn{border-radius:6px;background-image:linear-gradient(#fff,#fff);background-repeat:no-repeat;background-size:0 100%;background-position:left;transition:background-size .4s var(--ez),color .3s,border-color .3s}
.btn:hover{background-size:100% 100%;background-color:var(--ac);color:var(--ink);border-color:#fff}.btn.o:hover{color:var(--ink)}
.btn.o{background-image:linear-gradient(currentColor,currentColor)}.btn.o:hover{background-color:transparent;color:var(--bg)}.cta .btn.o:hover{color:var(--ink);background-image:linear-gradient(#fff,#fff)}
.jump a,.tabs button,.tag,.chip,.note,.card,.tbl,form,input,select,textarea,.res,.pv,.ci a,.ci div.i{border-radius:6px}
/* rehber: kartlar */
.card{position:relative;transition:transform .35s var(--ez),border-color .3s,box-shadow .35s}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--br);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ez)}
a.card:hover{transform:translateY(-5px);border-color:var(--br);box-shadow:0 20px 40px -20px rgba(14,18,22,.4)}a.card:hover:before{transform:scaleY(1)}.card h3{transition:color .2s}a.card:hover h3{color:var(--brd)}
.more{display:inline-flex;align-items:center;gap:6px;color:var(--brd);font-weight:700}.more:after{transition:transform .3s var(--ez)}a.card:hover .more:after{transform:translateX(5px)}
.jump a{transition:background .25s,border-color .25s,color .25s}.jump a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.art .w{max-width:min(820px,100% - var(--wg))}.art h2{padding-top:8px;border-top:1px solid var(--ln);margin-top:44px}.art h2:first-of-type{border:0}.art li{border-top:1px dashed var(--ln)}
.art li b{color:var(--brd)}.art .rel h2{border:0}.pg h1{font-weight:800;font-stretch:108%}.pg .w{max-width:var(--wm)}
.pg:after{content:"";position:absolute;right:0;bottom:0;width:min(520px,70%);height:100px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 960 180' width='960' height='180'><g stroke='%23fff' stroke-opacity='.10' fill='none' stroke-width='1.2'><path d='M0 179H960'/><rect x='20' y='100' width='70' height='79' fill='none'/><rect x='100' y='70' width='55' height='109' fill='none'/><rect x='165' y='120' width='80' height='59' fill='none'/><rect x='420' y='90' width='60' height='89' fill='none'/><rect x='490' y='50' width='70' height='129' fill='none'/><rect x='570' y='110' width='90' height='69' fill='none'/><rect x='700' y='80' width='60' height='99' fill='none'/><rect x='770' y='125' width='70' height='54' fill='none'/><rect x='850' y='60' width='80' height='119' fill='none'/><rect x='300' y='20' width='12' height='159' fill='none'/><path d='M300 20L306 4L312 20M306 4L190 16M306 4L420 16'/><rect x='186' y='16' width='240' height='9' fill='none'/><rect x='186' y='25' width='22' height='16'/><path d='M396 25V92'/><rect x='392' y='92' width='8' height='10'/><path d='M262 179V140H350V179'/></g></svg>") right bottom/520px 94px no-repeat;pointer-events:none}.pg .w{z-index:1}
/* footer: inşaat işlemeleri (şantiye silueti, vinç, pafta ızgarası) */
footer{position:relative;isolation:isolate;background:var(--cd),var(--ink)}
footer .fg{padding-bottom:150px}footer .fb{background:rgba(14,18,22,.85)}footer .bar{display:none}
@media(max-width:1000px){#mb{display:block}header .btn.sm,header .bt-s{display:none}nav{top:72px}nav.o{box-shadow:0 20px 40px rgba(0,0,0,.35)}.pz:after,.ab:after{opacity:.25}footer .fg{padding-bottom:130px}}
@media(max-width:640px){:root{--wg:24px}footer{background-size:240px 240px,auto;background-position:0 0,0 0}footer .fg{padding:44px 0 110px;gap:28px}.pg:after{opacity:.6}}
.bt{border-radius:6px}.bt .ic{border-radius:4px}.bt-s .ic{border-radius:3px}.bt-l{border-radius:8px}.bt-l .ic{border-radius:5px}

/* inşaat dokuları */
.pz:after,.ab:after{display:none}
.pg:before{background:var(--cd);-webkit-mask-image:linear-gradient(90deg,transparent 15%,#000 85%);mask-image:linear-gradient(90deg,transparent 15%,#000 85%)}
.pg:after{content:"";position:absolute;left:0;right:0;bottom:0;top:auto;width:auto;height:3px;background:var(--br);opacity:1;z-index:2}
.cta:before{background:var(--cd)}
footer:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--br);z-index:2}

/* ARKA PLAN STRATEJİSİ (tüm sayfalar): tek koyu ton, tek açık ton */
:root{--ink:#0E1216}
.dk,.pg,.cta,footer{background:var(--cd),var(--g0)}
.pg:before{display:none}
.pg .w{padding:clamp(26px,3.6vw,42px) 0 clamp(20px,2.6vw,30px)}
.pg h1{font-size:clamp(1.9rem,4vw,2.9rem)}
.pg p{margin-top:8px;font-size:1rem}
.pg .sw{width:clamp(64px,9vw,104px)}
footer .fg{padding:24px 0 16px;gap:18px 32px}
footer .fg li{margin:3px 0}
footer .fb{padding:10px 0;background:transparent}
footer{border-top:0}

/* ===== v14: mobil ortalama + alt iletişim çubuğu ===== */
body{overflow-x:clip;max-width:100%}
:root{--wg:32px}
@media(max-width:1000px){footer .fg{padding:22px 0 12px}}
@media(max-width:640px){:root{--wg:32px}footer .fg{padding:22px 0 10px;gap:18px}}
.mbar{display:none}
@media(max-width:700px){
body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
.mbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;z-index:40;left:0;right:0;bottom:0;padding:9px 14px calc(9px + env(safe-area-inset-bottom));background:var(--g0);border-top:2px solid var(--br);box-shadow:0 -10px 30px rgba(0,0,0,.35)}
.mbar p{margin:0;max-width:none;color:#fff;min-width:0}
.mbar b{display:block;font:700 .98rem/1.2 var(--d);font-stretch:100%;color:#fff}
.mbar span{display:block;margin-top:2px;font:500 .8rem/1.3 var(--b);color:#B9C0C7}
.mbar a{flex:none;display:flex;align-items:center;gap:8px;min-height:46px;padding:0 22px;background:var(--br);color:var(--ink);font-weight:800;font-size:1rem;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.mbar a .i{font-size:1.15rem}
}
@media(max-width:560px){.fg{grid-template-columns:1fr 1fr!important}.fg>div:first-child,.fg>div:last-child{grid-column:1/-1}.fg li{font-size:.92rem}}
.mbar{top:auto!important;height:auto}

/* ===== v19: kibar butonlar, açık zeminde ikincil buton hover, mobil footer ===== */
.bt,.bt.bt-l{min-height:44px;padding:4px 4px 4px 16px;font-size:.9rem;gap:14px}
.bt .ic,.bt.bt-l .ic{width:34px;height:34px}.bt .ic .i{font-size:1.05rem}
.bt.bt-g,.bt.bt-l.bt-g{padding-left:16px}
.bt.bt-g:not(.dk .bt-g){background-image:linear-gradient(var(--g0),var(--g0));color:var(--ink);border-color:var(--ink)}
.bt.bt-g:not(.dk .bt-g):hover,.bt.bt-g:not(.dk .bt-g):focus-visible{color:#fff;border-color:var(--g0);background-image:linear-gradient(var(--g0),var(--g0))}
@media(max-width:700px){
footer .fg>div:nth-child(n+2){display:none}
footer .fg{grid-template-columns:1fr!important;padding:20px 0 6px}
}