/* 42 kolon grid uyum katmani (temanin ozel BS3 gridi, BS5 bilesenlerinin yaninda) - FORPUS */
/* BS5 gutter tuzagi: .row --bs-gutter-x=1.5rem -> .row>* her col-olmayan cocuga 12px padding ekler (BS3'te yok).
   Kolonlar kendi explicit 10px'ini kullandigi icin etkilenmez; gutter'i 0'la -> sadece col-olmayan .row cocuklari duzelir. */
.row{--bs-gutter-x:0;--bs-gutter-y:0;display:block !important;margin-left:-10px;margin-right:-10px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}
/* BS5 `.row > *{width:100%;max-width:100%}` row'un KOLON-OLMAYAN dogrudan cocuklarini da tam-genislik
   yapiyor (ornek: ilan detayda `<a class="float-end">` eski .pull-right -> mobilde full-width sola yapisti,
   canli BS3'te floated <a> icerige daralip SAGDA; PWA butonu da ayni tuzaga dusuyordu). Canli BS3 `.row > *`
   width vermez. Kolon-olmayan cocuklarda sifirla (GENEL; vaka bazinda degil). `[class*=col-]` olanlar
   kendi width'ini korur - FORPUS */
.row > *:not([class*="col-"]):not([class*=" col"]){width:auto;max-width:none}
/* BS3 ORTAK COL BASE: tum col siniflari media'dan BAGIMSIZ 10px padding alir.
   Jenerator bunu atlamisti -> col-md/sm/lg mobilde (kendi breakpoint'inin altinda)
   paddingsiz kaliyordu; ic row'un -10px margini emilemeyip 8px tasiyordu (anasayfa,
   /emlak sayfalama). float/width YALNIZ kendi breakpoint media'sinda; base sadece padding. */
[class^="col-"],[class*=" col-"]{position:relative;min-height:1px;padding-left:10px;padding-right:10px}
/* container: BS5 --bs-gutter-x ile 12px veriyordu; canli 10px. (container-fluid'e
   DOKUNMA: canlida 0 padding'li mobil sarmalayici; tasmaya da neden olmuyor.) */
.container{padding-left:10px;padding-right:10px}
/* KRITIK YERLESIM: BS5 .container{max-width:...1320px(xxl)} kullaniyor -> 1440 ekranda icerik
   1320px (neredeyse tam genislik) oluyordu, canli ise BS3 SABIT width 740/960/1160 kullaniyor
   (max-width:none). Fark 160px -> tum sayfa yayiliyor, sliderlar/kolonlar bozuluyordu.
   Canlinin bootstrap.min.css degerleri birebir (740/960/1160 + max-width:100%) - FORPUS */
.container{width:100%;max-width:100%}
@media(min-width:768px){.container{width:740px;max-width:100%}}
@media(min-width:992px){.container{width:960px;max-width:100%}}
@media(min-width:1200px){.container{width:1160px;max-width:100%}}
.col-xs-1{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:2.38095%}
.col-xs-2{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:4.76190%}
.col-xs-3{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:7.14286%}
.col-xs-4{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:9.52381%}
.col-xs-5{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:11.90476%}
.col-xs-6{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:14.28571%}
.col-xs-7{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:16.66667%}
.col-xs-8{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:19.04762%}
.col-xs-9{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:21.42857%}
.col-xs-10{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:23.80952%}
.col-xs-11{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:26.19048%}
.col-xs-12{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:28.57143%}
.col-xs-13{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:30.95238%}
.col-xs-14{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:33.33333%}
.col-xs-15{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:35.71429%}
.col-xs-16{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:38.09524%}
.col-xs-17{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:40.47619%}
.col-xs-18{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:42.85714%}
.col-xs-19{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:45.23810%}
.col-xs-20{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:47.61905%}
.col-xs-21{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:50.00000%}
.col-xs-22{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:52.38095%}
.col-xs-23{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:54.76190%}
.col-xs-24{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:57.14286%}
.col-xs-25{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:59.52381%}
.col-xs-26{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:61.90476%}
.col-xs-27{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:64.28571%}
.col-xs-28{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:66.66667%}
.col-xs-29{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:69.04762%}
.col-xs-30{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:71.42857%}
.col-xs-31{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:73.80952%}
.col-xs-32{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:76.19048%}
.col-xs-33{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:78.57143%}
.col-xs-34{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:80.95238%}
.col-xs-35{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:83.33333%}
.col-xs-36{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:85.71429%}
.col-xs-37{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:88.09524%}
.col-xs-38{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:90.47619%}
.col-xs-39{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:92.85714%}
.col-xs-40{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:95.23810%}
.col-xs-41{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:97.61905%}
.col-xs-42{position:relative;min-height:1px;padding-left:10px;padding-right:10px;float:left;width:100.00000%}
.col-xs-offset-0{margin-left:0.00000%}
.col-xs-offset-1{margin-left:2.38095%}
.col-xs-offset-2{margin-left:4.76190%}
.col-xs-offset-3{margin-left:7.14286%}
.col-xs-offset-4{margin-left:9.52381%}
.col-xs-offset-5{margin-left:11.90476%}
.col-xs-offset-6{margin-left:14.28571%}
.col-xs-offset-7{margin-left:16.66667%}
.col-xs-offset-8{margin-left:19.04762%}
.col-xs-offset-9{margin-left:21.42857%}
.col-xs-offset-10{margin-left:23.80952%}
.col-xs-offset-11{margin-left:26.19048%}
.col-xs-offset-12{margin-left:28.57143%}
.col-xs-offset-13{margin-left:30.95238%}
.col-xs-offset-14{margin-left:33.33333%}
.col-xs-offset-15{margin-left:35.71429%}
.col-xs-offset-16{margin-left:38.09524%}
.col-xs-offset-17{margin-left:40.47619%}
.col-xs-offset-18{margin-left:42.85714%}
.col-xs-offset-19{margin-left:45.23810%}
.col-xs-offset-20{margin-left:47.61905%}
.col-xs-offset-21{margin-left:50.00000%}
.col-xs-offset-22{margin-left:52.38095%}
.col-xs-offset-23{margin-left:54.76190%}
.col-xs-offset-24{margin-left:57.14286%}
.col-xs-offset-25{margin-left:59.52381%}
.col-xs-offset-26{margin-left:61.90476%}
.col-xs-offset-27{margin-left:64.28571%}
.col-xs-offset-28{margin-left:66.66667%}
.col-xs-offset-29{margin-left:69.04762%}
.col-xs-offset-30{margin-left:71.42857%}
.col-xs-offset-31{margin-left:73.80952%}
.col-xs-offset-32{margin-left:76.19048%}
.col-xs-offset-33{margin-left:78.57143%}
.col-xs-offset-34{margin-left:80.95238%}
.col-xs-offset-35{margin-left:83.33333%}
.col-xs-offset-36{margin-left:85.71429%}
.col-xs-offset-37{margin-left:88.09524%}
.col-xs-offset-38{margin-left:90.47619%}
.col-xs-offset-39{margin-left:92.85714%}
.col-xs-offset-40{margin-left:95.23810%}
.col-xs-offset-41{margin-left:97.61905%}
.col-xs-offset-42{margin-left:100.00000%}
@media(min-width:768px){.col-sm-1{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:2.38095%}.col-sm-2{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:4.76190%}.col-sm-3{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:7.14286%}.col-sm-4{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:9.52381%}.col-sm-5{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:11.90476%}.col-sm-6{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:14.28571%}.col-sm-7{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:16.66667%}.col-sm-8{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:19.04762%}.col-sm-9{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:21.42857%}.col-sm-10{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:23.80952%}.col-sm-11{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:26.19048%}.col-sm-12{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:28.57143%}.col-sm-13{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:30.95238%}.col-sm-14{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:33.33333%}.col-sm-15{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:35.71429%}.col-sm-16{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:38.09524%}.col-sm-17{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:40.47619%}.col-sm-18{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:42.85714%}.col-sm-19{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:45.23810%}.col-sm-20{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:47.61905%}.col-sm-21{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:50.00000%}.col-sm-22{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:52.38095%}.col-sm-23{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:54.76190%}.col-sm-24{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:57.14286%}.col-sm-25{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:59.52381%}.col-sm-26{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:61.90476%}.col-sm-27{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:64.28571%}.col-sm-28{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:66.66667%}.col-sm-29{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:69.04762%}.col-sm-30{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:71.42857%}.col-sm-31{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:73.80952%}.col-sm-32{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:76.19048%}.col-sm-33{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:78.57143%}.col-sm-34{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:80.95238%}.col-sm-35{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:83.33333%}.col-sm-36{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:85.71429%}.col-sm-37{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:88.09524%}.col-sm-38{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:90.47619%}.col-sm-39{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:92.85714%}.col-sm-40{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:95.23810%}.col-sm-41{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:97.61905%}.col-sm-42{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:100.00000%}.col-sm-offset-0{margin-left:0.00000%}.col-sm-offset-1{margin-left:2.38095%}.col-sm-offset-2{margin-left:4.76190%}.col-sm-offset-3{margin-left:7.14286%}.col-sm-offset-4{margin-left:9.52381%}.col-sm-offset-5{margin-left:11.90476%}.col-sm-offset-6{margin-left:14.28571%}.col-sm-offset-7{margin-left:16.66667%}.col-sm-offset-8{margin-left:19.04762%}.col-sm-offset-9{margin-left:21.42857%}.col-sm-offset-10{margin-left:23.80952%}.col-sm-offset-11{margin-left:26.19048%}.col-sm-offset-12{margin-left:28.57143%}.col-sm-offset-13{margin-left:30.95238%}.col-sm-offset-14{margin-left:33.33333%}.col-sm-offset-15{margin-left:35.71429%}.col-sm-offset-16{margin-left:38.09524%}.col-sm-offset-17{margin-left:40.47619%}.col-sm-offset-18{margin-left:42.85714%}.col-sm-offset-19{margin-left:45.23810%}.col-sm-offset-20{margin-left:47.61905%}.col-sm-offset-21{margin-left:50.00000%}.col-sm-offset-22{margin-left:52.38095%}.col-sm-offset-23{margin-left:54.76190%}.col-sm-offset-24{margin-left:57.14286%}.col-sm-offset-25{margin-left:59.52381%}.col-sm-offset-26{margin-left:61.90476%}.col-sm-offset-27{margin-left:64.28571%}.col-sm-offset-28{margin-left:66.66667%}.col-sm-offset-29{margin-left:69.04762%}.col-sm-offset-30{margin-left:71.42857%}.col-sm-offset-31{margin-left:73.80952%}.col-sm-offset-32{margin-left:76.19048%}.col-sm-offset-33{margin-left:78.57143%}.col-sm-offset-34{margin-left:80.95238%}.col-sm-offset-35{margin-left:83.33333%}.col-sm-offset-36{margin-left:85.71429%}.col-sm-offset-37{margin-left:88.09524%}.col-sm-offset-38{margin-left:90.47619%}.col-sm-offset-39{margin-left:92.85714%}.col-sm-offset-40{margin-left:95.23810%}.col-sm-offset-41{margin-left:97.61905%}.col-sm-offset-42{margin-left:100.00000%}}
@media(min-width:992px){.col-md-1{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:2.38095%}.col-md-2{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:4.76190%}.col-md-3{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:7.14286%}.col-md-4{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:9.52381%}.col-md-5{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:11.90476%}.col-md-6{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:14.28571%}.col-md-7{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:16.66667%}.col-md-8{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:19.04762%}.col-md-9{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:21.42857%}.col-md-10{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:23.80952%}.col-md-11{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:26.19048%}.col-md-12{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:28.57143%}.col-md-13{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:30.95238%}.col-md-14{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:33.33333%}.col-md-15{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:35.71429%}.col-md-16{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:38.09524%}.col-md-17{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:40.47619%}.col-md-18{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:42.85714%}.col-md-19{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:45.23810%}.col-md-20{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:47.61905%}.col-md-21{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:50.00000%}.col-md-22{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:52.38095%}.col-md-23{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:54.76190%}.col-md-24{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:57.14286%}.col-md-25{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:59.52381%}.col-md-26{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:61.90476%}.col-md-27{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:64.28571%}.col-md-28{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:66.66667%}.col-md-29{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:69.04762%}.col-md-30{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:71.42857%}.col-md-31{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:73.80952%}.col-md-32{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:76.19048%}.col-md-33{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:78.57143%}.col-md-34{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:80.95238%}.col-md-35{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:83.33333%}.col-md-36{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:85.71429%}.col-md-37{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:88.09524%}.col-md-38{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:90.47619%}.col-md-39{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:92.85714%}.col-md-40{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:95.23810%}.col-md-41{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:97.61905%}.col-md-42{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:100.00000%}.col-md-offset-0{margin-left:0.00000%}.col-md-offset-1{margin-left:2.38095%}.col-md-offset-2{margin-left:4.76190%}.col-md-offset-3{margin-left:7.14286%}.col-md-offset-4{margin-left:9.52381%}.col-md-offset-5{margin-left:11.90476%}.col-md-offset-6{margin-left:14.28571%}.col-md-offset-7{margin-left:16.66667%}.col-md-offset-8{margin-left:19.04762%}.col-md-offset-9{margin-left:21.42857%}.col-md-offset-10{margin-left:23.80952%}.col-md-offset-11{margin-left:26.19048%}.col-md-offset-12{margin-left:28.57143%}.col-md-offset-13{margin-left:30.95238%}.col-md-offset-14{margin-left:33.33333%}.col-md-offset-15{margin-left:35.71429%}.col-md-offset-16{margin-left:38.09524%}.col-md-offset-17{margin-left:40.47619%}.col-md-offset-18{margin-left:42.85714%}.col-md-offset-19{margin-left:45.23810%}.col-md-offset-20{margin-left:47.61905%}.col-md-offset-21{margin-left:50.00000%}.col-md-offset-22{margin-left:52.38095%}.col-md-offset-23{margin-left:54.76190%}.col-md-offset-24{margin-left:57.14286%}.col-md-offset-25{margin-left:59.52381%}.col-md-offset-26{margin-left:61.90476%}.col-md-offset-27{margin-left:64.28571%}.col-md-offset-28{margin-left:66.66667%}.col-md-offset-29{margin-left:69.04762%}.col-md-offset-30{margin-left:71.42857%}.col-md-offset-31{margin-left:73.80952%}.col-md-offset-32{margin-left:76.19048%}.col-md-offset-33{margin-left:78.57143%}.col-md-offset-34{margin-left:80.95238%}.col-md-offset-35{margin-left:83.33333%}.col-md-offset-36{margin-left:85.71429%}.col-md-offset-37{margin-left:88.09524%}.col-md-offset-38{margin-left:90.47619%}.col-md-offset-39{margin-left:92.85714%}.col-md-offset-40{margin-left:95.23810%}.col-md-offset-41{margin-left:97.61905%}.col-md-offset-42{margin-left:100.00000%}}
@media(min-width:1200px){.col-lg-1{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:2.38095%}.col-lg-2{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:4.76190%}.col-lg-3{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:7.14286%}.col-lg-4{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:9.52381%}.col-lg-5{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:11.90476%}.col-lg-6{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:14.28571%}.col-lg-7{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:16.66667%}.col-lg-8{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:19.04762%}.col-lg-9{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:21.42857%}.col-lg-10{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:23.80952%}.col-lg-11{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:26.19048%}.col-lg-12{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:28.57143%}.col-lg-13{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:30.95238%}.col-lg-14{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:33.33333%}.col-lg-15{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:35.71429%}.col-lg-16{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:38.09524%}.col-lg-17{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:40.47619%}.col-lg-18{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:42.85714%}.col-lg-19{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:45.23810%}.col-lg-20{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:47.61905%}.col-lg-21{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:50.00000%}.col-lg-22{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:52.38095%}.col-lg-23{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:54.76190%}.col-lg-24{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:57.14286%}.col-lg-25{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:59.52381%}.col-lg-26{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:61.90476%}.col-lg-27{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:64.28571%}.col-lg-28{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:66.66667%}.col-lg-29{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:69.04762%}.col-lg-30{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:71.42857%}.col-lg-31{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:73.80952%}.col-lg-32{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:76.19048%}.col-lg-33{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:78.57143%}.col-lg-34{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:80.95238%}.col-lg-35{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:83.33333%}.col-lg-36{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:85.71429%}.col-lg-37{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:88.09524%}.col-lg-38{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:90.47619%}.col-lg-39{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:92.85714%}.col-lg-40{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:95.23810%}.col-lg-41{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:97.61905%}.col-lg-42{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:100.00000%}.col-lg-offset-0{margin-left:0.00000%}.col-lg-offset-1{margin-left:2.38095%}.col-lg-offset-2{margin-left:4.76190%}.col-lg-offset-3{margin-left:7.14286%}.col-lg-offset-4{margin-left:9.52381%}.col-lg-offset-5{margin-left:11.90476%}.col-lg-offset-6{margin-left:14.28571%}.col-lg-offset-7{margin-left:16.66667%}.col-lg-offset-8{margin-left:19.04762%}.col-lg-offset-9{margin-left:21.42857%}.col-lg-offset-10{margin-left:23.80952%}.col-lg-offset-11{margin-left:26.19048%}.col-lg-offset-12{margin-left:28.57143%}.col-lg-offset-13{margin-left:30.95238%}.col-lg-offset-14{margin-left:33.33333%}.col-lg-offset-15{margin-left:35.71429%}.col-lg-offset-16{margin-left:38.09524%}.col-lg-offset-17{margin-left:40.47619%}.col-lg-offset-18{margin-left:42.85714%}.col-lg-offset-19{margin-left:45.23810%}.col-lg-offset-20{margin-left:47.61905%}.col-lg-offset-21{margin-left:50.00000%}.col-lg-offset-22{margin-left:52.38095%}.col-lg-offset-23{margin-left:54.76190%}.col-lg-offset-24{margin-left:57.14286%}.col-lg-offset-25{margin-left:59.52381%}.col-lg-offset-26{margin-left:61.90476%}.col-lg-offset-27{margin-left:64.28571%}.col-lg-offset-28{margin-left:66.66667%}.col-lg-offset-29{margin-left:69.04762%}.col-lg-offset-30{margin-left:71.42857%}.col-lg-offset-31{margin-left:73.80952%}.col-lg-offset-32{margin-left:76.19048%}.col-lg-offset-33{margin-left:78.57143%}.col-lg-offset-34{margin-left:80.95238%}.col-lg-offset-35{margin-left:83.33333%}.col-lg-offset-36{margin-left:85.71429%}.col-lg-offset-37{margin-left:88.09524%}.col-lg-offset-38{margin-left:90.47619%}.col-lg-offset-39{margin-left:92.85714%}.col-lg-offset-40{margin-left:95.23810%}.col-lg-offset-41{margin-left:97.61905%}.col-lg-offset-42{margin-left:100.00000%}}
/* google translate konteyner (headless artifact önlemi) - footer KIRMIZI kalir (custom-modifications) */
#google_translate_element,.goog-te-gadget,.skiptranslate{background:#f9f9f9}
/* NOT: .nav-tabs.ozel'e DOKUNMA. Tema HTML'de inline <style> ile sekmeleri KIRMIZI (#f70505) yapiyor
   (canli boyle). Eskiden buraya !important mavi kural koymustum -> inline kirmiziyi eziyordu, deneme
   mavi/beyaz oluyordu. Kaldirildi; inline kirmizi artik kazaniyor, canliyla ayni - FORPUS */
/* BS3 tab (.fade.in) → BS5 uyum: aktif sekme içeriği görünür */
.tab-content > .tab-pane.active{display:block !important}
.tab-content > .tab-pane.fade.in,.tab-content > .tab-pane.fade.active,.tab-content > .tab-pane.active{opacity:1 !important;visibility:visible !important}


/* ===== BS3 GORUNURLUK UYUM (gorunurluk siniflari) - orijinal BS3 kirilimlari korunur ===== */
.visible-xs,

.visible-sm,

.visible-md,

.visible-lg {

  display: none !important;

}

.visible-xs-block,

.visible-xs-inline,

.visible-xs-inline-block,

.visible-sm-block,

.visible-sm-inline,

.visible-sm-inline-block,

.visible-md-block,

.visible-md-inline,

.visible-md-inline-block,

.visible-lg-block,

.visible-lg-inline,

.visible-lg-inline-block {

  display: none !important;

}

@media (max-width: 767px) {

  .visible-xs {

    display: block !important;

  }

  table.visible-xs {

    display: table !important;

  }

  tr.visible-xs {

    display: table-row !important;

  }

  th.visible-xs,

  td.visible-xs {

    display: table-cell !important;

  }

}

@media (max-width: 767px) {

  .visible-xs-block {

    display: block !important;

  }

}

@media (max-width: 767px) {

  .visible-xs-inline {

    display: inline !important;

  }

}

@media (max-width: 767px) {

  .visible-xs-inline-block {

    display: inline-block !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm {

    display: block !important;

  }

  table.visible-sm {

    display: table !important;

  }

  tr.visible-sm {

    display: table-row !important;

  }

  th.visible-sm,

  td.visible-sm {

    display: table-cell !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm-block {

    display: block !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm-inline {

    display: inline !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm-inline-block {

    display: inline-block !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .visible-md {

    display: block !important;

  }

  table.visible-md {

    display: table !important;

  }

  tr.visible-md {

    display: table-row !important;

  }

  th.visible-md,

  td.visible-md {

    display: table-cell !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .visible-md-block {

    display: block !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .visible-md-inline {

    display: inline !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .visible-md-inline-block {

    display: inline-block !important;

  }

}

@media (min-width: 1200px) {

  .visible-lg {

    display: block !important;

  }

  table.visible-lg {

    display: table !important;

  }

  tr.visible-lg {

    display: table-row !important;

  }

  th.visible-lg,

  td.visible-lg {

    display: table-cell !important;

  }

}

@media (min-width: 1200px) {

  .visible-lg-block {

    display: block !important;

  }

}

@media (min-width: 1200px) {

  .visible-lg-inline {

    display: inline !important;

  }

}

@media (min-width: 1200px) {

  .visible-lg-inline-block {

    display: inline-block !important;

  }

}

@media (max-width: 767px) {

  .hidden-xs {

    display: none !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .hidden-sm {

    display: none !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .hidden-md {

    display: none !important;

  }

}

@media (min-width: 1200px) {

  .hidden-lg {

    display: none !important;

  }

}

.visible-print {

  display: none !important;

}

@media print {

  .visible-print {

    display: block !important;

  }

  table.visible-print {

    display: table !important;

  }

  tr.visible-print {

    display: table-row !important;

  }

  th.visible-print,

  td.visible-print {

    display: table-cell !important;

  }

}

.visible-print-block {

  display: none !important;

}

@media print {

  .visible-print-block {

    display: block !important;

  }

}

.visible-print-inline {

  display: none !important;

}

@media print {

  .visible-print-inline {

    display: inline !important;

  }

}

.visible-print-inline-block {

  display: none !important;

}

@media print {

  .visible-print-inline-block {

    display: inline-block !important;

  }

}

@media print {

  .hidden-print {

    display: none !important;

  }

}

/* panel giris kutusu ortalama (col-*-60 tasarim 60-grid varsayimindan; 42-grid'de ortala) - FORPUS */
#giris_kutusu{float:none !important;margin-left:auto !important;margin-right:auto !important;max-width:460px;width:100% !important;}

/* BS3 kalinti sinif koprusu (BS5te stilsiz kalanlar) - FORPUS */
.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373;font-size:.875em}
.panel{margin-bottom:20px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05)}
.panel-heading{padding:10px 15px;border-bottom:1px solid #ddd;border-radius:3px 3px 0 0}
.panel-body{padding:15px}
.panel-title{margin:0;font-size:16px}
.panel-footer{padding:10px 15px;background:#f5f5f5;border-top:1px solid #ddd;border-radius:0 0 3px 3px}
.well{min-height:20px;padding:19px;margin-bottom:20px;background:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px}
.pull-right{float:right!important}.pull-left{float:left!important}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}

/* body font-size uyum (BS5 16px -> temanin 14px'i, canliyla ayni) - FORPUS */
body{font-size:14px;line-height:1.42857143;color:#333;}

/* baslik (h1-h6) BS5 vs BS3 default farki: BS5 h1=2.5rem(40px)/mt:0; canli BS3 h1=36px/mt:20px (ornek:
   ana sayfa "Türkiye'nin İlan ve Alışveriş Pazarı" deneme 40px tepede, canli 36px 20px asagi). style.css
   bare h-kurali VERMIYOR -> cerceve defaulti sizar. BS3 boyut/margin/lh'yi ekle. Tema class-tabanli baslik
   kurallari (.baslik, .card-header vb) daha spesifik -> yine kazanir - FORPUS */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500;line-height:1.1;margin-bottom:10px}
h1,h2,h3,.h1,.h2,.h3{margin-top:20px}
h4,h5,h6,.h4,.h5,.h6{margin-top:10px}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
/* paragraf alt bosluk: BS5 reboot `p{margin-bottom:1rem}`=16px; canli BS3 `p{margin:0 0 10px}`=10px.
   style.css override vermiyor -> deneme tum <p>'ler 6px uzun (liste satirlari, aciklamalar... uzundu). BS3'e esitle - FORPUS */
p{margin:0 0 10px}

/* header arama kutusu + Giris/Kayit dikey ortalama: tema JS (main.js) `.ortala_h`'a
   (yukseklik_h/logo yuksekligi - icerik)/2 top+bottom padding verip logo hizasina dikey ortaliyor.
   Deneme'de sayfa layout'u (fazla CSS/font + SVG logo) GEC oturdugundan JS document.ready'de heights'i
   0 olcup pad=0 birakti -> arama kutusu + Giris/Kayit ~9px YUKARIDA (tepeye hizali). Canli: pad 9.42px
   (ortali). JS'in biraktigi inline pad'i ezmek icin !important + canli degeri. Yalniz >=992px (arama
   kutusu .visible-md .visible-lg; altinda ayri mobil header) - FORPUS */
@media (min-width:992px){.ortala_h{padding:9px 0 !important}}

/* PWA "Uygulamayı Kur" butonu: BS5 .row>*{width:100%} tam genislik yapiyordu; canlidaki pill'e cevir - FORPUS */
#pwa-install-button{position:fixed !important;bottom:22px !important;right:16px !important;left:auto !important;width:auto !important;height:auto !important;background:#f70505 !important;color:#fff !important;border:0 !important;border-radius:999px !important;padding:12px 18px !important;font-size:14px !important;font-weight:700 !important;box-shadow:0 8px 28px rgba(0,0,0,.2) !important;z-index:9999 !important;line-height:1.2 !important}

/* BS5 link alti cizgi uyum: BS5 tum linkleri hep alti cizili yapiyor; BS3 gibi normalde cizgisiz, hover'da cizili - FORPUS */
a{text-decoration:none}
a:hover,a:focus{text-decoration:underline}

/* BS5 form uyum: BS3 .form-group/.checkbox/.radio/.input-sm BS5'te stilsiz kaldi
   (alanlar sikisik + "Oturumu acik tut" checkbox etikete yapisik); canlidaki
   BS3 araligini geri ver - FORPUS */
.form-group{margin-bottom:15px}
.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}
.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}
.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"],.radio input[type="radio"],.radio-inline input[type="radio"]{position:absolute;margin-top:2px;margin-left:-20px}
.checkbox+.checkbox,.radio+.radio{margin-top:-5px}
.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}
.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}

/* BS5 kaldirilan BS3 siniflari koprusu (bootstrap-5.3.3 bunlari tanimlamaz) - FORPUS */
/* .btn-xs: BS5 kaldirdi (temada style.css tanimlar; panelde tanimsiz -> kocaman buton) */
.btn-xs{padding:3px 7px;font-size:13px;font-weight:500;line-height:1.5;border-radius:3px}
/* .close: BS5 .btn-close'a gecti; modal kapatma X'i (icerik "X"/"&times;") stilsiz kaliyordu */
.close{float:right;background:transparent;border:0;padding:0;font-size:21px;font-weight:700;line-height:1;color:#000;opacity:.5;cursor:pointer;text-shadow:0 1px 0 #fff}
.close:hover,.close:focus{opacity:.9;text-decoration:none}
.modal-header .close{margin:-.5rem -.5rem -.5rem auto}
/* .form-inline: BS5 kaldirdi -> satirici formlar dikey kiriliyordu */
.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
/* glyphicon: BS4+ kaldirdi; yuklu FontAwesome ile ciz (ayri glyphicons fontu gerektirmez) */
.glyphicon{display:inline-block;font-family:"Font Awesome 6 Free";font-weight:900;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased}
.glyphicon-ok:before{content:"\f00c"}
.glyphicon-th:before{content:"\f00a"}
.glyphicon-th-list:before{content:"\f00b"}
/* admin bar + sik kullanilan glyphicon'lar (canli BS3 glyphicons fontuyla ciziyor; deneme FA6'ya esle) - FORPUS */
.glyphicon-cog:before{content:"\f013"}
.glyphicon-plus:before{content:"\2b"}
.glyphicon-minus:before{content:"\f068"}
.glyphicon-user:before{content:"\f007"}
.glyphicon-log-out:before{content:"\f2f5"}
.glyphicon-off:before{content:"\f011"}
.glyphicon-remove:before{content:"\f00d"}
.glyphicon-pencil:before{content:"\f303"}
.glyphicon-edit:before{content:"\f044"}
.glyphicon-trash:before{content:"\f1f8"}
.glyphicon-search:before{content:"\f002"}
.glyphicon-home:before{content:"\f015"}
.glyphicon-envelope:before{content:"\f0e0"}
.glyphicon-chevron-right:before{content:"\f054"}
.glyphicon-chevron-left:before{content:"\f053"}
.glyphicon-chevron-down:before{content:"\f078"}
.glyphicon-chevron-up:before{content:"\f077"}
.glyphicon-eye-open:before{content:"\f06e"}
.glyphicon-menu-hamburger:before{content:"\f0c9"}
.glyphicon-list:before{content:"\f03a"}
.glyphicon-picture:before{content:"\f03e"}
.glyphicon-star:before{content:"\f005"}
.glyphicon-info-sign:before{content:"\f05a"}

/* BS3 .hide (BS5 kaldirdi -> .d-none); tabdrop vb. JS eklentileri .hide ekler,
   gizlenmeyince gizli elemanlar goruntuye sizar - FORPUS */
.hide{display:none !important}
/* BS3 nav-tabs (bare <li><a>, .nav-link yok) BS5'te padding'siz sikisik. Genel
   BS3 sekme stili; .nav-tabs.ozel !important kurallari bunu ezer - FORPUS */
/* nav-tabs: SADECE layout. KRITIK: BS3 .nav-tabs>li{float:left} yatay yapar; BS5 kaldirdi ->
   sekmeler tam-genislik blok olup ust uste yigiliyordu (/emlak filtre sekmeleri Sifir/Ikinci El/...
   kayboluyordu, ilan tablari da). float geri -> yatay. RENK/AKTIF kurallari YOK: tema `.nav-tabs.ozel`
   kendi gorunumunu verir (ozel aktif = kirmizi #f70505); grid-42 style.css'ten SONRA yuklendigi icin
   buraya renk koyarsak ayni-specificity'de temayi eziyorduk (aktif sekme kirmizi yerine beyaz oluyordu).
   Padding bare (ozel olmayan) sekmeler icin; .ozel kendi padding'ini verir (daha spesifik) - FORPUS */
.nav-tabs{display:block}
.nav-tabs > li{float:left;margin-bottom:-1px}
.nav-tabs > li > a{display:block;padding:8px 15px}

/* BS5 .card{display:flex;flex-direction:column} -> BS3 .panel block. Markup panel->card
   rename edilmis; blok yap ki ic dizilim canliyla (BS3 .panel) ayni olsun - FORPUS */
.card{display:block}
/* BS5 .card{margin-bottom:0} -> BS3 .panel{margin-bottom:20px}: bolumler arasi bosluk kaybolmustu
   (ilan detay bolumleri yapisiktı). Tema-ozel kartlar (.card.beyaz.sonuc/.filtre) kendi margin'iyle ezer - FORPUS */
.card{margin-bottom:20px}
/* BS5 .breadcrumb{display:flex}, li'ler .breadcrumb-item; markup <li> oldugu icin BS5'te stillenmez.
   Canli BS3: ul block + li inline-block (tema white-space:nowrap + Ionicons ayrac veriyor). li inline-block
   OLMAYINCA li'ler DIKEY yigiliyordu (Anasayfa/Emlak/Konut alt alta). COZUM: - FORPUS */
.breadcrumb{display:block}
.breadcrumb > li{display:inline-block}
/* help-block -> form-text rename edildi; canlidaki BS3 help-block gorunumu (#737373/14px) - FORPUS */
.form-text{color:#737373;font-size:14px;margin-top:5px;margin-bottom:10px}

/* ===== KAPSAMLI BS3 COMPONENT UYUMU (otomatik audit 2026-10-07, canli hedef degerleri) =====
   Kok sebep: onyuz BS5'e gecti, style.css ortak ama bircok component BS5 default'una dusuyor
   (metin rengi, form renk/boyut, btn-default->btn-secondary yetim, radius'lar). Hepsi audit ile
   deneme vs canli olculup eslendi - FORPUS */
/* Global metin rengi: BS5 componentleri color:var(--bs-body-color)=#212529 kullaniyor; tema/BS3 #333 */
:root{--bs-body-color:#333}
/* Form kontrolleri: BS3 #555 / 14px (BS5 #212529 / 16px) */
.form-control,select.form-control,textarea.form-control{color:#555;font-size:14px}
/* btn-default -> btn-secondary rename; tema .btn-default yetim kaldi -> BS5 gri #6c757d cikiyordu */
.btn-secondary{background:#eee!important;color:#777;border:0;border-radius:3px}
.btn-secondary:hover,.btn-secondary:focus{background:#ccc!important;color:#555}
/* Buton radius: tema 3px (BS5 6px leak; mobilde style.css .btn{radius:0!important} yine kazanir) */
.btn{border-radius:3px}
/* input-group buton kose radius: BS3'te birlesik kenar 0 / dis kenar yuvarlak. Ustteki `.btn{radius:3px}`
   header arama butonunun INPUT'a birlesik SOL kosesini de 3px yuvarliyordu (input-buton arasi centik).
   Canli: arama butonu TL/BL=0, TR/BR=4px (input-group dis radius). Markup `.input-group-btn` (BS3) hala var.
   BS3 davranisini replike et (buton input'tan sonra=last -> sol 0/sag 4; oncesinde=first -> sag 0/sol 4) - FORPUS */
.input-group-btn:last-child > .btn{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}
.input-group-btn:first-child > .btn{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
/* input-group buton yuksekligi: input'u 34px'e esitleyince (BS5 padding-tabanli buton 36.5 kaldi) header
   arama butonu input'tan UZUN kaldi (input=34<buton=36.5, centik). BS3'te input-group buton = input
   yuksekligi. Butonu da 34'e esitle (canli: input=buton~34; tutarli kutu) - FORPUS */
.input-group-btn > .btn,.input-group > .btn{height:34px}
/* Form etiketi alt bosluk (BS3 5px; BS5 0) */
label{margin-bottom:5px}
/* list-group-item BS3 (color #555, 1px #eaeaea kenar, 10/15 padding, -1px mb) */
.list-group-item{color:#555;border:1px solid #eaeaea;padding:10px 15px;margin-bottom:-1px}
/* Kucuk kose yaricapi uyumlari (BS5 buyuk; BS3 kucuk) */
.card-header,.card>.card-header:first-child{border-radius:3px}
.breadcrumb{border-radius:4px}
.modal-content{display:block;border-radius:6px}
.pagination{border-radius:4px;margin:20px 0}
/* tablo cizgileri: BS5 td border rengini belirtmiyor -> currentColor #333 (KOYU, kalin gorunur);
   canli BS3 `.table td{border-top:1px solid #ddd}` (ince acik gri). Spec (.detay) tablosu haric (kendi dotted). - FORPUS */
.table:not(.detay) > :not(caption) > * > *{border-top:1px solid #ddd;border-bottom:0}
.table:not(.detay) > thead > tr > th{border-top:0;border-bottom:2px solid #ddd}
.table{margin-bottom:20px}
/* alert (form mesajlari): BS5 radius 6px/mb 16px -> BS3 4px/20px - FORPUS */
.alert{border-radius:4px;margin-bottom:20px}
/* BS5'in kaldirdigi BS3 yardimci siniflari (markup'ta hala kullaniliyor: btn-block 15 dosya, caret 10,
   img-circle 2, img-rounded 1). Canli bootstrap.min.css degerleri - FORPUS */
.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:5px}
.img-circle{border-radius:50%}
.img-rounded{border-radius:6px}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}

/* BS3 pagination modeli: BS5 .pagination{display:flex;nowrap} -> cok sayfali
   sayfalama mobilde sarmayip yatay tasiyordu (/emlak 93px). Canli BS3: ul
   inline-block + li inline + a block+float:left -> dogal sarar. Yalniz display/
   float; padding/renk temadan gelir (gorunum degismez) - FORPUS */
.pagination{display:inline-block}
.pagination > li{display:inline}
.pagination > li > a,.pagination > li > span{display:block;float:left}
/* Inaktif link renk/kenar: canlida BS3 bootstrap'tan (#fff/#337ab7/#ddd kutu); BS5'te .page-link
   oldugu icin deneme'de renksizdi. Tema .pagination li a padding/font + aktif #4398f4 kendi kazanir - FORPUS */
.pagination > li > a,.pagination > li > span{color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination > li:first-child > a,.pagination > li:first-child > span{margin-left:0}
.pagination > li > a:hover,.pagination > li > span:hover{color:#23527c;background-color:#eee}

/* col-*-aN ozel siniflari (a5=%20 5/satir, a4=%25 4/satir; vitrin + FOOTER kolonlari). style.css'te
   width ile TANIMLI DEGIL; grid-42'de veriyoruz. ONEMLI: BS3 breakpoint'lerine gore sar -> col-md-*
   SADECE >=992px aktif (altinda full-width stack). Canli olcumu: col-md-a5 1024'te 192px float:left
   5-across, 390/800'de full-width float:none STACK. Media'siz yazinca MOBILDE footer 5 kolonu yan yana
   sikisip bozuluyordu (ilk bulgu). col-xs tum genislikte, col-sm>=768, col-md>=992, col-lg>=1200 - FORPUS */
.col-xs-a5{width:20%;float:left}
.col-xs-a4{width:25%;float:left}
@media (min-width:768px){.col-sm-a5{width:20%;float:left}.col-sm-a4{width:25%;float:left}}
@media (min-width:992px){.col-md-a5{width:20%;float:left}.col-md-a4{width:25%;float:left}}
@media (min-width:1200px){.col-lg-a5{width:20%;float:left}.col-lg-a4{width:25%;float:left}}

/* cift caret: BS5 .dropdown-toggle::after otomatik ok ekliyor + markup'ta span.caret var = 2 ok.
   Canli BS3'te ::after yok (sadece .caret). BS5 ::after'i kapat -> 1 ok, canli gibi - FORPUS */
.dropdown-toggle::after,.dropdown-toggle::before{display:none!important;content:none!important}

/* .label rozeti: BS5 `.label` sinifini kaldirdi (.badge'e tasidi). Markup'ta hala .label var
   (uyelik banner'inda "Güvenilir Üye"/"Altin" rozeti, durum etiketleri...). Deneme'de taban layout
   yoktu -> DIV ise block (tam satir), SPAN ise inline ama padding'siz; font 14px (dev). Canli BS3
   bootstrap: inline + .2/.6/.3em padding + font %75 + radius .25em. Renk/bg temadan (style.css),
   dokunma; burada yalniz layout + BS3 beyaz metin - FORPUS */
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
.label:empty{display:none}

/* select native oku + yuksekligi: BS5 `.form-control{appearance:none}` select'in tarayici acilir
   okunu gizliyor (deneme'de "Hediye" gibi selectlerde ok yoktu); ayrica BS5 .form-control sabit
   height vermedigi icin appearance:auto ile native select ~30px'e dusuyor. Canli BS3 .form-control:
   appearance yok (native ok) + height:34px. Her ikisini de geri getir. select2 (orijinal gizli) ve
   .form-control'suz selectler etkilenmez.
   ONEMLI: [multiple]/[size] selectler (ornek: ilan-ver kategori_sec size=15 liste kutusu) height:34px
   OLMAZ -> 34px'e ezilir; canli BS3 `select[multiple],select[size]{height:auto}` ile uzun kalir. Hariç tut - FORPUS */
select.form-control{-webkit-appearance:auto;appearance:auto}
select.form-control:not([multiple]):not([size]){height:34px}
select.form-control.input-sm:not([multiple]):not([size]){height:30px}
select.form-control.input-lg:not([multiple]):not([size]){height:46px}

/* input yuksekligi: BS3 `.form-control{height:34px}` (sabit); BS5 padding-tabanli -> deneme TEXT input'lari
   ~36.5px (2.5px uzun, TUM formlarda: iletisim/giris/kayit/ilan-ver/uye/filtre + header arama). style.css
   height vermiyor (deneme BS5 36.5 vs canli BS3 34). Canli 34px'e esitle. textarea (cok satir/content) +
   checkbox/radio/file + select (kendi kurali) HARIC. Tema class'li inputlar daha spesifik -> korunur - FORPUS */
input.form-control{height:34px}
input.form-control.input-sm{height:30px}
input.form-control.input-lg{height:46px}
input[type=file].form-control,input[type=checkbox].form-control,input[type=radio].form-control,input[multiple].form-control,input[size].form-control{height:auto}

/* (ilan-ver kategori secici ilan_ekle_scroll kurallari asagidaki ".panel.trpazar* ORPHAN TAM SET"
   blogunda: height:310px + overflow + responsive genislik 720/940/1140 + mobil height:auto) - FORPUS */

/* modal-header baslik konumu: BS5 `.modal-header{display:flex}`; BS3 markup'ta `.close` butonu
   modal-title'dan ONCE gelir + `float:right`. Flex item'da float yok sayildigi icin baslik saga
   kayiyordu (deneme: "Teklif Gönder" sagda; canli: baslik SOL, close SAG). BS3 gibi block + clearfix
   (floated close dogru sarilsin). Tum modallar BS3 `.close` kullaniyor (btn-close yok) - FORPUS */
.modal-header{display:block}
.modal-header::before,.modal-header::after{content:" ";display:table}
.modal-header::after{clear:both}

/* sol filtre collapse (Durum/Kimden/Haritada...) acilmiyordu: tema JS acarken `.panel-body`'ye
   inline `display:block` set ediyor; deneme markup'i `.card-body` oldugu icin (panel->card rename,
   JS guncellenmemis) JS hedefi bulamiyor -> filtre hic acilmiyordu (canli: aciliyor). JS yine de
   karta "acik" sinifini EKLIYOR (toggle calisiyor, sadece display kismi orphan). Bu yuzden acilmayi
   "acik" sinifindan CSS ile sürekli kil. style.css hide kurali `.arsiv .filtre.kapali .card-body`
   (0,4,0) oldugu icin bunun uzerine cik (.acik ile 0,5,0) - FORPUS */
.arsiv .filtre.kapali.acik .card-body{display:block}

/* .panel.trpazar* ORPHAN'lari (TAM SET): style.css'te panel->card migration'i YARIM -> ebeveyn hala
   `.panel.trpazar` ama cocuk .card-*; markup tamamen `.card.trpazar` (28 PHP) -> kurallar eslesmez,
   trpazar kartlar BS5 default gosterir (fazla border, header/body/footer border yok, .tablo hucre SIYAH,
   ilan_ekle kutu yanlis boyut). style.css'teki TUM `.panel.trpazar*`/`.yuklu_resim .panel` kural
   govdeleri script'le (arac/orphan-uret.mjs) cikarilip `.card.trpazar*`'a BIREBIR (media + sira dahil)
   tasindi. Son `.card.trpazar .card-header{background:#fafafa}` 856 satiri (canli rgb250 ile uyumlu;
   .tab varyanti daha spesifik -> none kalir) - FORPUS */
.card.trpazar{border:none;box-shadow:none;}
.card.trpazar .card-header{background:none;padding:8px 12px;margin:0;font-size:14px;font-weight:600;border:1px solid #eaeaea;border-top-left-radius:2px;border-top-right-radius:2px;}
.card.trpazar.tab .card-header{background:none;padding:0;margin:0 0 8px 0;font-size:15px;font-weight:600;border:none;}
.card.trpazar.tab .card-header+.card-body{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.card.trpazar .card-body{border:1px solid #eaeaea !important;border-bottom-left-radius:2px;border-bottom-right-radius:2px;}
.card.trpazar.menu .card-body{padding:0 !important;}
.card.trpazar.with_footer .card-body{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}
.card.trpazar.with_footer .card-footer{border:1px solid #eaeaea;background:#fafafa !important;}
.card.trpazar.ilan_ekle_scroll .card-body{height:310px;overflow-x:scroll !important;overflow-y:hidden;}
.card.trpazar.ilan_ekle_scroll .card-body::-webkit-scrollbar, .mm-panel::-webkit-scrollbar{height:10px;}
.card.trpazar.ilan_ekle_scroll .card-body::-webkit-scrollbar-thumb, .mm-panel::-webkit-scrollbar-thumb{background:rgba(0,0,0,.20) !important;}
.yuklu_resim .card{margin-bottom:12px !important;}
.card.trpazar.tablo.noborder .table tr:first-child th, .card.trpazar.tablo .table tr:first-child td{border:0 !important;}
.card.trpazar.tablo .table th{font-weight:600;}
.card.trpazar.tablo .table th, .card.trpazar.tablo .table td{border-color:#eaeaea !important;}
.card.trpazar .card-header{background:#fafafa;}
@media (min-width: 768px){.card.trpazar.ilan_ekle_scroll .card-body{width:720px;}}
@media (min-width: 992px){.card.trpazar.ilan_ekle_scroll .card-body{width:940px;}}
@media (min-width: 1200px){.card.trpazar.ilan_ekle_scroll .card-body{width:1140px;}}
@media (max-width: 768px){.card.trpazar.ilan_ekle_scroll .card-body{height:auto !important;width:100%;overflow-x:visible !important;overflow-y:visible;}}
@media (max-width: 992px){.card.trpazar.ilan_ekle_scroll .card-body{height:auto !important;}}