/* V26 | Canli Demo header CTA — yalnizca ana sayfa header'ina etki eder. */
.site-header .header-live-demo {
  min-height:43px;
  padding:10px 15px;
  border:1px solid #9adfd5;
  border-radius:11px;
  background:#e9faf6;
  color:#096f69;
  font-size:12px;
  font-weight:800;
  box-shadow:0 3px 11px rgba(8,123,111,.07);
}
.site-header .header-live-demo:hover {
  background:#d8f5ed;
  border-color:#69cfbe;
  box-shadow:0 8px 18px rgba(8,123,111,.14);
}
.site-header .header-live-demo .ico {width:15px;height:15px;}
.site-header .header-actions {gap:9px;}
/* Genis masaustunde, linki ikinci kez gostermeyelim: asagidaki ek CTA onun yerini alir. */
@media(min-width:1181px){
  .site-header .site-nav .ys-nav-live-demo{display:none!important;}
  .site-header .nav-shell{gap:24px;}
  .site-header .site-nav{gap:clamp(12px,1.85vw,25px);}
}
/* Orta masaustunde eski menu genisligini koruyup nav icindeki demo baglantisini vurgula. */
@media(min-width:901px) and (max-width:1180px){
  .site-header .header-live-demo{display:none!important;}
  .site-header .site-nav .ys-nav-live-demo{
    display:inline-flex;
    padding:9px 10px;
    align-items:center;
    border:1px solid #a8ddd6;
    border-radius:9px;
    background:#ecfaf7;
    color:#087b75;
    font-weight:800;
    white-space:nowrap;
  }
}
/* Tablet: masaustu nav yerine tam ekran menu mevcut; iki CTA sigdiginda birlikte goster. */
@media(min-width:681px) and (max-width:900px){
  .site-header .header-live-demo{min-height:42px;padding:9px 12px;}
}
/* Dar mobilde logo ve 30 gun CTA korunur; Canli Demo tam ekran menude gorunur. */
@media(max-width:680px){
  .site-header .header-live-demo{display:none!important;}
}