                                                                          
                                       
                                                                          
                             
                                                                       
                                                                    
                                                           
                                                                           
                                                                          
                                                                          
                                                                           
                                                           
                                                                           

                                                                  
                                                                                
.nv07-marka{
  position:relative;display:flex;align-items:center;
  gap:clamp(.7rem,1.4vw,1.15rem);flex:none;
  color:var(--mrk);
                                                                            
                                                                      
                                                                               
                                                                              
                                                           
  min-block-size:2.75rem;
}
                                                                  
                                                                    
                                                                        
                                   
.nv07-marka{--nv07-logo-h:clamp(2.5rem,4.8vh,3.3rem)}

                                              
.nv07-mrk-ek{
                                                                       
                                                              
  flex:none;display:block;background:currentColor;
  block-size:var(--nv07-logo-h);
  inline-size:calc(var(--nv07-logo-h) * 1.895);
  -webkit-mask:url(/kalici/t-23/tema/assets/logo/emlak-konut-2026-tr.png) no-repeat center/contain;
          mask:url(/kalici/t-23/tema/assets/logo/emlak-konut-2026-tr.png) no-repeat center/contain;
}
/* 22.09.2026 17:48 Patron: Emlak Konut logosu dile göre (masterplan/emlak-konut-logo-{tr,en,ar}-beyaz.png).
   Eski sade logo (emlak-konut-sade.png) yedek olarak duruyor. */
html[lang="en"] .nv07-mrk-ek{
  inline-size:calc(var(--nv07-logo-h) * 1.807);
  -webkit-mask-image:url(/kalici/t-23/tema/assets/logo/emlak-konut-2026-en.png);mask-image:url(/kalici/t-23/tema/assets/logo/emlak-konut-2026-en.png);
}
html[lang="ar"] .nv07-mrk-ek{
  inline-size:calc(var(--nv07-logo-h) * 1.807);
  -webkit-mask-image:url(/kalici/t-23/tema/assets/logo/emlak-konut-2026-ar.png);mask-image:url(/kalici/t-23/tema/assets/logo/emlak-konut-2026-ar.png);
}
.nv07-mrk-ayrac{
  inline-size:1px;block-size:calc(var(--nv07-logo-h) * .74);
  background:var(--cizgi);flex:none;
}
                                                                       
                                                           
                                                                          
                                                          

                                                                  
                                                                    
                                                 

                                                               
.nv07-mrk-hm{
  flex:none;display:block;background:currentColor;
  block-size:var(--nv07-logo-h);
  inline-size:calc(var(--nv07-logo-h) * 3.304);                              
  -webkit-mask:url(/kalici/t-23/tema/assets/logo/hm-kilit-yatay-2satir.svg) no-repeat center/contain;
          mask:url(/kalici/t-23/tema/assets/logo/hm-kilit-yatay-2satir.svg) no-repeat center/contain;
}
html[lang="tr"] .nv07-mrk-hm{                                               
  inline-size:calc(var(--nv07-logo-h) * 2.810);
  -webkit-mask-image:url(/kalici/t-23/tema/assets/logo/hm-kilit-yatay-2satir-tr.svg);
          mask-image:url(/kalici/t-23/tema/assets/logo/hm-kilit-yatay-2satir-tr.svg);
}
html[lang="ar"] .nv07-mrk-hm{                                          
  inline-size:calc(var(--nv07-logo-h) * 1.970);
  -webkit-mask-image:url(/kalici/t-23/tema/assets/logo/hm-kilit-yatay-2satir-ar.svg);
          mask-image:url(/kalici/t-23/tema/assets/logo/hm-kilit-yatay-2satir-ar.svg);
}

                                                                     
                                                                          
                                                                     
                                                                         
@media (max-width:34rem){
  .nv07-mrk-ek,.nv07-mrk-ayrac{display:none}
  .nv07-marka{--nv07-logo-h:clamp(2rem,8.6vw,2.6rem)}
}

             
.nv07-chv{opacity:.5;flex:none;transition:transform 260ms var(--egri)}
[aria-expanded="true"] > .nv07-chv,[open] > summary .nv07-chv{transform:rotate(180deg)}
html[dir="rtl"] .nv07-ok{transform:scaleX(-1)}

                   
.nv07-tema{
  display:inline-grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;
  border:0;border-radius:50%;background:none;color:inherit;cursor:pointer;
  opacity:.72;transition:opacity var(--mikro)
}
.nv07-tema:hover{opacity:1}
.nv07-tema-i{display:none;line-height:0}
html[data-tema="acik"] .nv07-tema-a,html[data-tema="koyu"] .nv07-tema-g{display:block}
.nv07-ar-et{font-size:var(--yz-kck);font-weight:600}

                
.nv07-dil{position:relative}
.nv07-dil-dgm{
  display:inline-flex;align-items:center;gap:.3rem;min-block-size:2.75rem;
  padding-inline:.7rem;border:0;border-radius:var(--yr-l);background:none;color:inherit;
  cursor:pointer;font-size:var(--yz-kck);font-weight:600;letter-spacing:.06em;
  opacity:.78;transition:opacity var(--mikro)
}
.nv07-dil-dgm:hover,.nv07-dil-dgm[aria-expanded="true"]{opacity:1}
.nv07-dil-mn{
  position:absolute;z-index:6;inset-block-start:calc(100% + .45rem);inset-inline-end:0;
  min-inline-size:11rem;padding:.35rem;border-radius:var(--yr-m);
                                                         
                                                                    
                                                                 
                                                                       
                                                                
                                                                  
                                                        
                                                        
                                                                       
  background:var(--z1);border:1px solid var(--cizgi-bilesen);color:var(--mrk);display:grid;
  opacity:0;visibility:hidden;transform:translateY(-.25rem);
  transition:opacity 180ms,transform 240ms var(--egri),visibility 0s 240ms
}
.nv07-dil[data-acik="1"] .nv07-dil-mn,.nv07-dil:focus-within .nv07-dil-mn{
  opacity:1;visibility:visible;transform:translateY(0);
  transition:opacity 160ms,transform 240ms var(--egri),visibility 0s
}
.nv07-dil-mn button{
  display:flex;align-items:center;gap:.55rem;min-block-size:2.85rem;padding-inline:.8rem;
  border:0;border-radius:var(--yr-m);background:none;cursor:pointer;text-align:start;
  inline-size:100%;transition:background-color var(--mikro)
}
.nv07-dil-mn button:hover{background:var(--z2)}
                                                                       
                                                                     
                                                                         
.nv07-dil-mn button span{font-size:var(--yz-etk);font-weight:700;letter-spacing:.08em;inline-size:1.5rem;color:var(--mrk2)}
.nv07-dil-mn button em{font-style:normal;font-size:var(--yz-dgm)}
                                                                     
                                                       
                                                                      
                                                                   
                                                          
.nv07-dil-mn button[aria-current="true"] span{color:var(--toprak-mtn)}

                    
.nv07-cta{
  display:inline-flex;align-items:center;min-block-size:2.75rem;padding-inline:1.25rem;
  border-radius:var(--yr-l);background:var(--mrk);color:var(--z1);
  font-size:var(--yz-gvd);font-weight:600;white-space:nowrap;
  transition:opacity var(--mikro),background-color var(--gecis) var(--egri),color var(--gecis) var(--egri)
}
.nv07-cta:hover{opacity:.86}

               
.nv07-hb{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
                                                                      
                                                                           
                                                                         
                                 
  min-block-size:2.75rem;min-inline-size:2.75rem;padding-inline:.6rem;
  border:0;border-radius:var(--yr-l);background:none;color:inherit;cursor:pointer;
  font-size:var(--yz-dgm);font-weight:600;
  opacity:.78;transition:opacity var(--mikro)
}
.nv07-hb:hover{opacity:1}
.nv07-hb-c{display:grid;gap:5.5px;inline-size:1.0625rem}
.nv07-hb-c i{display:block;block-size:1.5px;background:currentColor;transition:transform 300ms var(--egri)}
.nv07-hb[aria-expanded="true"] .nv07-hb-c i:first-child{transform:translateY(3.5px) rotate(45deg) scaleX(1.32)}
.nv07-hb[aria-expanded="true"] .nv07-hb-c i:last-child{transform:translateY(-3.5px) rotate(-45deg) scaleX(1.32)}

                            
.nv07-mg-iz{display:grid;gap:.5rem}
.nv07-mg-k4{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}
.nv07-mg-k2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
.nv07-mg-k1{grid-template-columns:minmax(0,1fr);gap:.15rem}
.nv07-mg-oge{display:grid;gap:.5rem;padding:.8rem;border-radius:var(--yr-m);transition:background-color var(--mikro)}
.nv07-mg-oge:hover{background:var(--z2)}
.nv07-mg-gor{display:block;overflow:hidden;border-radius:var(--yr-s);aspect-ratio:4/3;background:var(--z3)}
.nv07-mg-gor img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform 700ms var(--egri)}
.nv07-mg-oge:hover .nv07-mg-gor img{transform:scale(1.045)}
.nv07-mg-mtn{display:grid;gap:.1rem}
.nv07-mg-mtn b{font-size:var(--yz-gvd);font-weight:600}
                                                                       
.nv07-mg-mtn em{font-style:normal;font-size:var(--yz-kck);color:var(--mrk2);line-height:1.4}

                                                         
.nv07-mb-nav{padding:.5rem 1.15rem 1.5rem;display:grid;gap:.1rem}
.nv07-mb-grp > summary,.nv07-mb-lnk{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;min-block-size:3.35rem;
  cursor:pointer;list-style:none;font-size:var(--yz-gir);font-weight:500;
  border-block-end:1px solid var(--cizgi2)
}
.nv07-mb-grp > summary::-webkit-details-marker{display:none}
.nv07-mb-ic{display:grid;padding-block:.25rem .65rem}
.nv07-mb-ic a{min-block-size:2.9rem;display:flex;align-items:center;font-size:var(--yz-gvd);color:var(--mrk2)}

                                                               
                                                                           
.nv07-tel{
  display:inline-flex;align-items:center;gap:.45rem;min-block-size:2.75rem;padding-inline:.7rem;
  border-radius:var(--yr-l);color:inherit;font-size:var(--yz-dgm);font-weight:600;white-space:nowrap;
  opacity:.82;transition:opacity var(--mikro),background-color var(--mikro)
}
.nv07-tel:hover{opacity:1}
                                                                         
.nv07-tel-i{inline-size:.9rem;block-size:.9rem;fill:currentColor;flex:none;opacity:.6}
.nv07-tel-n{font-variant-numeric:tabular-nums;letter-spacing:.01em}

                                                                          
                                         
                                                                          
                                                                        
                                                                          
                                                                        
                            

                                                                       
                            
                                                                           
:root{--nav-h:4.25rem}

                                                                         
                                                                      
                                                                       
                               
.nv07{
  position:fixed;inset-block-start:var(--nv07-cerceve);z-index:80;color:var(--mrk);
  inset-inline:var(--nv07-cerceve);
  border-radius:var(--yr-xl);
  background:color-mix(in oklab,var(--z1) 88%,transparent);
                                                                         
                                                                         
  border:var(--nv07-knr) solid var(--cizgi2);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);
}
.nv07{ --nv07-cerceve:var(--cerceve); --nv07-knr:1px }

                                                                         
                                                                    
                                                                   
                                                

                                                                     
                                                                     
                                                                   
                 

                                                                        
                                                                     
                                                    

                                                                       
                                                                   
                                                                 
             

                                                                       
                                                                      
.nv07{
  transition:inset-block-start var(--gecis) var(--egri),
             inset-inline-start var(--gecis) var(--egri),
             inset-inline-end var(--gecis) var(--egri),
             border-radius var(--gecis) var(--egri);
}
html[data-kaydi="1"] .nv07{
  --nv07-cerceve:0px;
  border-radius:0;
  border-block-start-width:0;
  border-inline-width:0;
}
@media (prefers-reduced-motion:reduce){
  .nv07{transition:none}
}
.nv07-ic{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;
  block-size:var(--nav-h);inline-size:100%;
  max-inline-size:calc(var(--serit-w) + 2 * var(--serit-kenar));margin-inline:auto;
  padding-inline:calc(var(--serit-kenar) + var(--serit-pd))
}
.nv07-sol{display:flex;align-items:center;gap:.85rem;min-inline-size:0}
                                                                
                                                               
                        
.nv07-marka{flex:none}
.nv07-nav{display:flex;justify-content:center;min-inline-size:0}
.nv07-liste{display:flex;align-items:center;gap:clamp(.1rem,.8vw,.6rem);list-style:none;margin:0;padding:0}
.nv07-oge{position:static}
.nv07-lnk{
  position:relative;display:inline-flex;align-items:center;gap:.3rem;min-block-size:var(--nav-h);
  padding-inline:.55rem;border:0;background:none;cursor:pointer;color:var(--mrk2);
  font-size:var(--yz-dgm);font-weight:500;white-space:nowrap;transition:color var(--mikro)
}
.nv07-lnk::after{
  content:"";position:absolute;inset-block-end:-1px;inset-inline:.55rem;block-size:1px;
  background:var(--mrk);transform:scaleX(0);transition:transform 340ms var(--egri)
}
.nv07-lnk:hover,.nv07-lnk[aria-expanded="true"],.nv07-lnk[aria-current="true"]{color:var(--mrk)}
.nv07-lnk[aria-expanded="true"]::after{transform:scaleX(1)}

                 
.nv07-mg{
  position:absolute;inset-block-start:100%;inset-inline:0;z-index:3;
  background:var(--z1);border-block-end:1px solid var(--cizgi2);
  clip-path:inset(0 0 100% 0);visibility:hidden;
  transition:clip-path 560ms var(--egri),visibility 0s 560ms
}
.nv07-oge[data-acik="1"] .nv07-mg{
  clip-path:inset(0 0 0 0);visibility:visible;
  transition:clip-path 620ms var(--egri),visibility 0s
}
.nv07-mg-ic{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.5rem,4vw,3.5rem);
  inline-size:100%;max-inline-size:calc(var(--serit-w) + 2 * var(--serit-kenar));margin-inline:auto;
  padding:clamp(1.5rem,3vw,2.6rem) calc(var(--serit-kenar) + var(--serit-pd)) clamp(1.75rem,3vw,2.8rem);
  align-items:center
}
.nv07-mg-k2,.nv07-mg-k4{grid-template-columns:minmax(0,1fr);gap:0}
.nv07-mg-oge{
  display:grid;gap:.1rem;padding:.85rem .2rem;border-radius:0;
  border-block-end:1px solid var(--cizgi2);background:none;
  transform:translateY(.6rem);opacity:0;
  transition:transform 520ms var(--egri),opacity 420ms var(--egri),padding-inline-start 300ms var(--egri)
}
.nv07-oge[data-acik="1"] .nv07-mg-oge{transform:translateY(0);opacity:1}
.nv07-oge[data-acik="1"] .nv07-mg-oge:nth-child(2){transition-delay:70ms}
.nv07-oge[data-acik="1"] .nv07-mg-oge:nth-child(3){transition-delay:140ms}
.nv07-oge[data-acik="1"] .nv07-mg-oge:nth-child(4){transition-delay:210ms}
.nv07-mg-oge:hover{background:none;padding-inline-start:.65rem}
.nv07-mg-mtn b{font-size:var(--yz-alt);font-weight:600}
.nv07-mg-mtn em{font-size:var(--yz-kck)}
                                                                    
                                                                          
                                                                          
                       
.nv07-mg-gorsel{
  position:relative;aspect-ratio:16/10;border-radius:var(--yr-l);overflow:hidden;background:var(--z2);
  opacity:0;transform:scale(1.02);
  transition:opacity 620ms var(--egri),transform 1000ms var(--egri)
}
.nv07-oge[data-acik="1"] .nv07-mg-gorsel{opacity:1;transform:scale(1)}
.nv07-mg-kare{
  position:absolute;inset:0;display:block;background:no-repeat center/cover;
  opacity:0;transform:scale(1.05);
  transition:opacity 560ms var(--egri),transform 1600ms var(--egri)
}
.nv07-mg-kare[data-acik="1"]{opacity:1;transform:scale(1)}

.nv07-ar{display:flex;align-items:center;gap:.3rem}
                                                                         
                                                                         
                                                                         
                                                                          
                                                       

                                                                   
                                                                     
                                                                         
                           

                                                                        
                                                                     
                                                                            
                                                                         
                                             

                                                                      
                               
.nv07{ --nv07-cta-boy:2.65rem; --nv07-dokun:2.75rem }
.nv07-cta{min-block-size:var(--nv07-cta-boy);padding-inline:1.3rem;
  font-size:var(--yz-gvd);position:relative}
.nv07-cta::after{
  content:"";position:absolute;inset-inline:0;
  inset-block:calc((var(--nv07-dokun) - var(--nv07-cta-boy)) / -2);
  border-radius:inherit;
}
.nv07-hb{display:none}
.nv07-panel{
  position:absolute;inset-block-start:100%;inset-inline:0;z-index:5;background:var(--z1);
  border-block-end:1px solid var(--cizgi2);
  max-block-size:calc(100svh - var(--nav-h));overflow-y:auto;overscroll-behavior:contain;
  opacity:0;visibility:hidden;transform:translateY(-.4rem);
  transition:opacity 240ms var(--egri),transform 380ms var(--egri),visibility 0s 380ms
}
.nv07-panel[data-acik="1"]{opacity:1;visibility:visible;transform:translateY(0);transition:opacity 200ms,transform 380ms var(--egri),visibility 0s}
.nv07-panel-alt{padding:0 1.15rem 1.5rem;display:grid}
.nv07-panel-alt .nv07-cta{justify-content:center;min-block-size:3.1rem;border-radius:var(--yr-l);font-size:var(--yz-gvd)}

                                                                           
                                                                       

                                                                       
                                                                       
                                                                      
                                                        

                                                                                 
                                                                     

                                                                        

                                                                          
                                                                       
                                                                       
                                                                                       

                                                                      
                                                                      
                                                                       
                                              

                                                                                  
                                                                                       

                                                                       
                                                                          
                                                                           
@media(max-width:1139px){
  .nv07-nav,.nv07-mg{display:none}
  .nv07-hb{display:inline-flex}
  .nv07-ic{grid-template-columns:1fr auto}
  .nv07-cta{display:none}
}
@media(min-width:1140px){.nv07-panel{display:none}}
                                                                     
                                                                   
                                                                       
                                                       
@media(min-width:1140px) and (max-width:1240px){
  .nv07-lnk{padding-inline:.35rem}
  .nv07-lnk::after{inset-inline:.35rem}
  .nv07-liste{gap:.3rem}
  .nv07-ic{gap:.55rem}
}
@media(max-width:1240px){.nv07-mg-gorsel{display:none}.nv07-mg-ic{grid-template-columns:minmax(0,1fr)}}

                                                                          
                                                             
                                                                          
                                                                        
                                                                       
                                                        

                                                                        

                                                                       
                                                                          
                                                                           

                                                                     
                                                                      
                                                                         
                                                                   
                                           

                                                                      
                                                                            
                                                                           
html[data-marka="ek"] .nv07:has(.nv07-oge:hover) ~ [data-hro-mrk-kap],
html[data-marka="ek"] .nv07:has(.nv07-oge:focus-within) ~ [data-hro-mrk-kap],
html[data-marka="ek"] .nv07:has(.nv07-dil:hover) ~ [data-hro-mrk-kap],
html[data-marka="ek"] .nv07:has(.nv07-mbd[open]) ~ [data-hro-mrk-kap]{z-index:60}

                                                                          
                                                               
                                                                          
                                                                           
                                       

                             
                                                        
                                                                   
                                                                         
                                                                    

                                                                  
                                                                       
                                                                           
                                                                     

                                                                       
                                                                          
                                                                           
                                                          
                                                                          
                                                                          
                                                                      
                              

                                                                        
                                                                        
                                                                        
           

                                                                          
                                    
                                    
                                                                  
                                                               
                                                                             

                                                                      
                                                                  
                                                                        
                                                                     
                                                                    
                                                
                                                              
                         

                                                                        
                                                                    
                                        
                                                                           
.nv07-mg,
.nv07-panel{
  inset-inline:calc(-1 * var(--nv07-knr));
  inset-block-start:calc(100% + var(--nv07-knr));
}

                                                                       
                                                                          
                                                                   
                                                                      
                                                                         
.nv07:has(.nv07-oge[data-acik="1"]),
.nv07:has(.nv07-panel[data-acik="1"]){
  border-end-start-radius:0;border-end-end-radius:0
}

                                                                          
                                                          
                                                                          
                                                                         
                                                                         
                                                                     
                    

                              
                                                
                                                                        
                                                          

                                                                      
                                                                         
                                                         

                                                                           
                                                                           
                                                                         
                                                 
                                                                           
.nv07-mg{
  background:linear-gradient(180deg,
    var(--z1) 0%,
    var(--z1) 46%,
    color-mix(in oklab,var(--z1) 90%,var(--mrk)) 82%,
    color-mix(in oklab,var(--z1) 82%,var(--mrk)) 100%);
  border-block-end:0
}
                                                                       
                                                                        
                                                    
.nv07-mg::after{
  content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,var(--cizgi) 18%,
    var(--cizgi) 82%,transparent 100%)
}

                                                                         
                                                                        
                                                                      
                                                                     
.nv07-panel{border-block-end-color:var(--cizgi)}
.nv07-panel-alt{
  background:linear-gradient(180deg,
    transparent 0%,
    color-mix(in oklab,var(--z1) 90%,var(--mrk)) 62%,
    color-mix(in oklab,var(--z1) 82%,var(--mrk)) 100%)
}

/* 22.09.2026 Patron: header logoları ilk açılışta biraz daha büyük, sayfa kaydırılınca
   bugünkü boyuta döner (html[data-kaydi] → nav-v8.js, 1 px kaydırmada "1").
   Büyütme transform ile: marka kutusunun yeri/eni değişmez → menü kaymaz, zıplama yok.
   Yüksek ekranda logo zaten büyük (4.8vh) → çarpan küçük, 68 px'lik şeritten taşmaz. */
.nv07-marka{transform-origin:left center;transition:transform 420ms var(--egri)}
html[dir="rtl"] .nv07-marka{transform-origin:right center}
html:not([data-kaydi="1"]) .nv07-marka{transform:scale(1.22)}
@media (min-height:1000px){
  html:not([data-kaydi="1"]) .nv07-marka{transform:scale(1.13)}
}
@media (prefers-reduced-motion:reduce){
  .nv07-marka{transition:none}
}
