/* Dinamik sayfalar için ek stiller: header seçiciler, listeleme, form, sayfalama, ortak footer */
.switch{position:relative}
.switch>button{display:flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:600;padding:8px 4px}
.switch>button svg{width:12px;height:12px}
.switch .drop{position:absolute;right:0;top:100%;margin-top:6px;background:#fff;color:var(--text);border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.22);min-width:150px;padding:6px;display:none;z-index:70}
.switch.open .drop{display:block}
.switch .drop a{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap}
.switch>button .flag,.switch .drop .flag,.flag{width:20px!important;height:20px!important;flex-shrink:0;border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.35)}
.drop .flag{box-shadow:0 0 0 1px var(--line)}
.switch .drop a:hover,.switch .drop a.on{background:var(--bg-soft);color:var(--navy)}
.burger{display:none;width:40px;height:40px;color:#fff;align-items:center;justify-content:center}
.burger svg{width:22px;height:22px}
.mnav-backdrop{position:fixed;inset:0;background:rgba(7,28,69,.5);z-index:55;opacity:0;pointer-events:none;transition:opacity .2s}
.mnav-backdrop.on{opacity:1;pointer-events:auto}
.card-img{display:block;height:auto;aspect-ratio:16/10}
.card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.card h3 a:hover{color:var(--blue)}
.flash{background:#E7F6EC;color:#16A34A;text-align:center;padding:12px;font-weight:600;font-size:14px}
.field select,.field input{border:0;outline:0;width:100%;font:inherit;font-size:13px;font-weight:600;color:var(--text);background:transparent;appearance:none;-webkit-appearance:none;padding:0;margin-top:2px}
.field input::placeholder{color:var(--muted-2);font-weight:500}

/* Üst bant (ilan detay tasarımından) */
.band{position:relative;background:var(--navy);color:#fff;min-height:340px;overflow:hidden}
.band-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(11,42,94,.96) 0%,rgba(11,42,94,.85) 35%,rgba(11,42,94,.45) 60%,rgba(11,42,94,.15) 100%),url("/assets/kibris-bg.jpg");background-size:cover;background-position:center}
.band-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,42,94,.55) 0%,rgba(11,42,94,0) 40%,rgba(11,42,94,.25) 100%)}
.band .container{position:relative;z-index:2;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-top:120px;padding-bottom:44px}
.band-script{position:absolute;right:60px;top:88px;z-index:3;font-family:var(--script);font-weight:700;font-size:32px;line-height:1;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45);transform:rotate(-7deg);white-space:nowrap}
.band h1{font-size:38px;font-weight:800;margin-top:10px;letter-spacing:-.02em;line-height:1.1}
.band .band-sub{font-size:15px;color:rgba(255,255,255,.85);margin-top:8px;max-width:640px}
.crumbs{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.85);flex-wrap:wrap;background:rgba(7,28,69,.35);padding:8px 14px;border-radius:999px;backdrop-filter:blur(4px)}
.crumbs a:hover{color:#fff}.crumbs span{opacity:.6}.crumbs b{font-weight:600;color:#fff}

/* Listeleme */
.listing-wrap{background:var(--bg-soft);padding:24px 0 56px}
.listing-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}
.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 18px rgba(20,40,80,.05)}
.filters{padding:18px;position:sticky;top:20px}
.filters h3{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:12px}
.fgroup{margin-bottom:12px}
.fgroup label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:5px}
.fgroup select,.fgroup input{width:100%;height:40px;border:1px solid var(--line);border-radius:8px;padding:0 12px;font:inherit;font-size:13px;background:#fff;outline:0}
.frow2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.toolbar .count{font-size:14px;color:var(--muted)}.toolbar .count b{color:var(--navy)}
.toolbar select{height:40px;border:1px solid var(--line);border-radius:8px;padding:0 12px;font:inherit;font-size:13px;font-weight:600;background:#fff}
.empty{text-align:center;padding:50px 20px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:12px}
.pagination{display:flex;gap:6px;justify-content:center;margin-top:26px;flex-wrap:wrap}
.pagination a,.pagination span{min-width:40px;height:40px;padding:0 12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;font-size:14px;font-weight:600;background:#fff;color:var(--text)}
.pagination .on{background:var(--navy);color:#fff;border-color:var(--navy)}
.pagination .dis{opacity:.4;pointer-events:none}
.btn-navy{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:8px;background:var(--navy);color:#fff;font-size:14px;font-weight:600;transition:background .2s}
.btn-navy:hover{background:var(--navy-mid)}
.btn-line{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:8px;border:1.5px solid var(--navy);color:var(--navy);background:#fff;font-size:14px;font-weight:600}
.btn-line:hover{background:#eef2f9}

/* Formlar */
.form-card{padding:24px;max-width:640px}
.form-row{margin-bottom:14px}.form-row label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
.form-row input,.form-row textarea,.form-row select{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px 14px;font:inherit;font-size:14px;outline:0}
.form-row input:focus,.form-row textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,82,168,.12)}
.form-row textarea{min-height:130px;resize:vertical}
.err{color:#DC2626;font-size:12px;margin-top:4px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rich{font-size:14px;line-height:1.75;color:var(--text)}.rich p{margin:0 0 12px}.rich h3,.rich h4{font-size:15px;font-weight:700;color:var(--navy);margin:20px 0 8px}.rich h3:first-child{margin-top:0}.rich ul,.rich ol{padding-left:20px;margin:0 0 14px}.rich ul{list-style:disc}.rich li{margin:3px 0}.rich li p{margin:0}.rich strong{color:var(--text)}.rich table{border-collapse:collapse;width:100%;margin:0 0 14px}.rich td,.rich th{border:1px solid var(--line);padding:6px 10px;font-size:13px}

/* Ortak lacivert footer (ilan detay tasarımı) */
.foot{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.foot-mark{position:absolute;left:50%;top:6px;transform:translateX(-40%);height:150px;width:auto;opacity:.07;pointer-events:none}
.foot .container{position:relative;z-index:1}
.foot-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0}
.foot-left{display:flex;align-items:center;gap:26px}
.foot-left p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.88);max-width:340px}
.foot-right{display:flex;align-items:center;gap:28px}
.foot-cta{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border:1.5px solid rgba(255,255,255,.8);border-radius:8px;font-size:14px;font-weight:600;color:#fff;transition:background .2s}
.foot-cta:hover{background:rgba(255,255,255,.12)}
.foot-cta svg{width:16px;height:16px}
.foot .socials{display:flex;gap:18px}.foot .socials a{color:rgba(255,255,255,.85)}.foot .socials svg{width:18px;height:18px}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding:14px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:rgba(255,255,255,.7)}
.foot-links{display:flex}.foot-links a{padding:0 14px;border-right:1px solid rgba(255,255,255,.25);line-height:1}.foot-links a:last-child{border-right:0}.foot-links a:hover{color:#fff}
.foot-script{font-family:var(--script);font-weight:700;font-size:26px;color:#fff;line-height:1;transform:rotate(-6deg);white-space:nowrap}
.wa-float{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.25);z-index:40}
.wa-float svg{width:30px;height:30px}

@media (max-width:1100px){.listing-layout{grid-template-columns:1fr}.filters{position:static}.band-script{right:32px}}
@media (max-width:960px){
  .burger{display:flex}
  .nav{position:fixed;inset:0 0 0 auto;width:82%;max-width:320px;background:var(--navy);display:flex!important;flex-direction:column;padding:80px 24px 24px;gap:0;transform:translateX(100%);transition:transform .25s;z-index:60;box-shadow:-10px 0 30px rgba(0,0,0,.3)}
  .nav::before{content:"";position:absolute;top:22px;left:24px;right:24px;height:1px;background:rgba(255,255,255,.12)}
  .header .container{gap:12px}
  .header-right{gap:4px;flex-shrink:0}
  .logo-text .l1{font-size:11px}.logo-text .l2{font-size:14px}
  .burger{display:flex!important}
  .nav.open{transform:none}
  .nav a{font-size:16px;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
  .header-right .btn-outline{display:none}
  .foot-top,.foot-bottom{flex-direction:column;align-items:flex-start}.foot-left{flex-direction:column;align-items:flex-start}.foot-mark{display:none}
  .band .container{padding-top:96px;min-height:260px;padding-bottom:32px}.band h1{font-size:28px}
}
@media (max-width:640px){.two{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:flex-start}}

/* ===== Kurumsal footer ===== */
.ftr{background:var(--navy-deep);color:rgba(255,255,255,.78);font-size:13px;position:relative;overflow:hidden}
.ftr::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--blue),#5aa0d6,var(--blue))}
.ftr-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.3fr;gap:40px;padding:56px 0 40px}
.ftr-brand .logo{margin-bottom:18px}
.ftr-brand p{line-height:1.7;max-width:360px;margin-bottom:20px}
.ftr-stats{display:flex;gap:24px;margin-bottom:22px}
.ftr-stats b{display:block;font-size:22px;font-weight:800;color:#fff;line-height:1}
.ftr-stats small{display:block;font-size:11px;color:rgba(255,255,255,.6);margin-top:4px;letter-spacing:.04em;text-transform:uppercase}
.ftr .socials{display:flex;gap:10px}
.ftr .socials a{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s}
.ftr .socials a:hover{background:#fff;color:var(--navy);border-color:#fff}
.ftr .socials svg{width:17px;height:17px}
.ftr-col h3{font-size:13px;font-weight:700;color:#fff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12);position:relative}
.ftr-col h3::after{content:"";position:absolute;left:0;bottom:-1px;width:34px;height:2px;background:#5aa0d6}
.ftr-col ul{display:flex;flex-direction:column;gap:9px}
.ftr-col ul a{display:flex;justify-content:space-between;align-items:center;gap:10px;color:rgba(255,255,255,.78);transition:color .2s,transform .2s}
.ftr-col ul a:hover{color:#fff;transform:translateX(3px)}
.ftr-col ul a span{font-size:11px;font-weight:700;background:rgba(255,255,255,.1);color:#fff;padding:2px 8px;border-radius:999px}
.ftr-contact address{font-style:normal;display:flex;flex-direction:column;gap:12px}
.ftr-contact address>*{display:flex;gap:10px;align-items:flex-start;line-height:1.5;color:rgba(255,255,255,.85)}
.ftr-contact address svg{width:16px;height:16px;flex-shrink:0;color:#5aa0d6;margin-top:2px}
.ftr-contact address a:hover{color:#fff}
.ftr-cta{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:12px 20px;border-radius:8px;background:#fff;color:var(--navy);font-weight:700;font-size:13px;transition:background .2s}
.ftr-cta:hover{background:#eef2f9}.ftr-cta svg{width:15px;height:15px}
.ftr-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}
.ftr-legal{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ftr-legal nav{display:flex}.ftr-legal nav a{padding:0 12px;border-right:1px solid rgba(255,255,255,.2);line-height:1}
.ftr-legal nav a:first-child{padding-left:0}.ftr-legal nav a:last-child{border-right:0}.ftr-legal nav a:hover{color:#fff}
.ftr-tools{display:flex;gap:10px}
.ftr-mini{display:inline-flex;border:1px solid rgba(255,255,255,.18);border-radius:8px;overflow:hidden}
.ftr-mini a{padding:6px 10px;font-weight:700;font-size:11px;color:rgba(255,255,255,.7)}
.ftr-mini a.on{background:#fff;color:var(--navy)}
.ftr-disclaimer{font-size:11px;color:rgba(255,255,255,.45);line-height:1.6;padding:0 0 22px;max-width:980px}
@media (max-width:1100px){.ftr-grid{grid-template-columns:1fr 1fr 1fr;gap:32px}.ftr-brand{grid-column:1/-1}}
@media (max-width:640px){.ftr-grid{grid-template-columns:1fr 1fr;gap:26px;padding:40px 0 28px}.ftr-contact{grid-column:1/-1}.ftr-bottom,.ftr-legal{flex-direction:column;align-items:flex-start}.ftr-legal nav{flex-wrap:wrap;gap:8px}.ftr-legal nav a{border:0;padding:0}}

/* ===== Kurumsal açılır menü ===== */
.nav .has-drop{position:relative}
.nav .has-drop>a{display:inline-flex;align-items:center;gap:5px}
.nav .has-drop>a svg{width:11px;height:11px;transition:transform .2s}
.nav .drop-menu{position:absolute;left:-14px;top:100%;padding-top:14px;display:none;z-index:70}
.nav .drop-menu>div{background:#fff;color:var(--text);border-radius:10px;box-shadow:0 14px 34px rgba(7,28,69,.22);min-width:220px;padding:8px;border:1px solid var(--line)}
.nav .drop-menu a{display:block;padding:10px 14px;border-radius:7px;font-size:14px;font-weight:600;color:var(--text);opacity:1}
.nav .drop-menu a:hover{background:var(--bg-soft);color:var(--navy)}
@media (min-width:961px){.nav .has-drop:hover .drop-menu,.nav .has-drop:focus-within .drop-menu{display:block}.nav .has-drop:hover>a svg{transform:rotate(180deg)}}
@media (max-width:960px){.nav .has-drop.open .drop-menu{display:block;position:static;padding:0}.nav .drop-menu>div{background:rgba(255,255,255,.06);border:0;box-shadow:none;padding:4px 0 8px 14px}.nav .drop-menu a{color:rgba(255,255,255,.85);font-size:15px;padding:10px 6px;border-bottom:0}.nav .drop-menu a:hover{background:rgba(255,255,255,.08);color:#fff}}

/* ===== Header İlan No + Detaylı ===== */
html{overflow-x:clip}
.hdr-refsearch{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:0 10px;height:38px}
.hdr-refsearch svg{width:15px;height:15px;color:rgba(255,255,255,.8);flex-shrink:0}
.hdr-refsearch input{border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:13px;width:82px}
.hdr-refsearch input::placeholder{color:rgba(255,255,255,.6)}
.hdr-filter{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.5);border-radius:8px;color:#fff;font-size:13px;font-weight:600;white-space:nowrap}
.hdr-filter:hover{background:rgba(255,255,255,.12)}.hdr-filter svg{width:16px;height:16px}
@media(max-width:1180px){.hdr-refsearch,.hdr-filter span{display:none}}
@media(max-width:960px){.hdr-filter{display:none}}

/* ===== Detaylı Arama Drawer ===== */
.drawer-backdrop{position:fixed;inset:0;background:rgba(7,20,45,.5);z-index:80;opacity:0;pointer-events:none;transition:opacity .25s}
.drawer-backdrop.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:92vw;background:#fff;z-index:90;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-16px 0 50px rgba(7,20,45,.25)}
.drawer.on{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}
.drawer-head h3{font-size:18px;font-weight:800;color:var(--navy)}
.drawer-x{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--navy)}
.drawer-x:hover{background:var(--bg-soft)}.drawer-x svg{width:20px;height:20px}
.drawer-body{flex:1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:16px}
.dr-group label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.dr-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dr-in{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;padding:0 12px;font:inherit;font-size:14px;background:#fff;outline:0}
.dr-in:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,82,168,.12)}
.dr-chips{display:flex;flex-wrap:wrap;gap:8px}
.dr-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;margin:0}
.dr-chip input{position:absolute;opacity:0;width:0}
.dr-chip:has(input:checked){border-color:var(--navy);background:var(--navy);color:#fff}
.dr-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.dr-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer;margin:0}
.dr-check input{width:16px;height:16px;accent-color:var(--navy)}
.drawer-foot{display:flex;gap:10px;padding:16px 22px;border-top:1px solid var(--line)}

/* ===== İlan rozetleri (kart) ===== */
.badges{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;gap:6px;z-index:2}
  .pbadge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;letter-spacing:.03em;padding:5px 10px;border-radius:999px;color:#fff;width:fit-content;backdrop-filter:blur(6px);box-shadow:0 2px 6px rgba(7,20,45,.12)}
.pbadge svg{width:11px;height:11px}
  .pbadge.sale{background:rgba(11,42,94,.82)}
  .pbadge.rent{background:rgba(30,122,70,.82)}
  .pbadge.proj{background:rgba(138,90,18,.82)}
  .pbadge.featured{background:rgba(193,150,40,.9)}
  .pbadge.urgent{background:rgba(200,70,60,.85)}
  .pbadge.opportunity{background:rgba(20,120,130,.85)}
  .pbadge.video{background:rgba(7,20,45,.62)}
  .pbadge svg{opacity:.9}

/* ===== Özel select (tarayıcı dropdown yerine) ===== */
select[data-cs]{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none;clip:rect(0 0 0 0)}
.field:has(select[data-cs]) .chev,.dr-group:has(select[data-cs]) ~ .chev{display:none}
.cs{position:relative;width:100%}
.cs-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:transparent;border:0;padding:0;font:inherit;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;text-align:left}
.cs-btn .cs-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-btn svg{width:14px;height:14px;color:var(--muted);flex-shrink:0;transition:transform .2s}
.cs.open .cs-btn svg{transform:rotate(180deg)}
.cs-panel{position:absolute;left:-6px;right:-6px;top:calc(100% + 10px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px rgba(11,42,94,.18);padding:6px;z-index:120;max-height:320px;overflow:auto;display:none;animation:csIn .16s ease}
.cs.open .cs-panel{display:block}
@keyframes csIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.cs-grp{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);padding:10px 12px 4px}
.cs-opt{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:14px;color:var(--text);cursor:pointer;line-height:1.2}
.cs-opt:hover{background:var(--bg-soft)}
.cs-opt.sel{background:var(--navy);color:#fff;font-weight:600}
.cs-opt.sel::after{content:"";margin-left:auto;width:7px;height:7px;border-radius:50%;background:#fff}

/* Responsive 3-col result grids (mobile-first) */
.cards.g3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.cards.g3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.cards.g3{grid-template-columns:1fr}}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}