@charset "UTF-8";

/* =========================================================
   SEO MAKİNESİ - HEADER FINAL CSS
   Tüm sayfalarda aynı logo / menü / buton hizası
========================================================= */

:root{
  --ks27ph-blue:#4285f4;
  --ks27ph-red:#ea4335;
  --ks27ph-yellow:#fbbc05;
  --ks27ph-green:#34a853;
  --ks27ph-dark:#07111f;
  --ks27ph-border:rgba(15,23,42,.08);
  --ks27ph-header-h:74px;
}

html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

html{
  scroll-padding-top:var(--ks27ph-header-h);
}

body{
  margin:0;
  padding-top:var(--ks27ph-header-h);
  font-family:Arial, Helvetica, sans-serif;
}

/* =========================================================
   HEADER TEMEL
========================================================= */

.ks27ph-header,
.ks27ph-header *,
.ks27ph-mobile,
.ks27ph-mobile *,
.ks27ph-overlay{
  box-sizing:border-box;
}

.ks27ph-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:2147482000;
  width:100%;
  min-height:var(--ks27ph-header-h);
  background:rgba(255,255,255,.985);
  border-bottom:1px solid rgba(15,23,42,.06);
  box-shadow:0 8px 22px rgba(15,23,42,.03);
}

/* Tüm sayfalarda header aynı genişlik */
.ks27ph-inner{
  width:min(100% - 40px,1500px);
  max-width:1500px;
  min-height:var(--ks27ph-header-h);
  margin:0 auto;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}

/* =========================================================
   LOGO
========================================================= */

.ks27ph-logo-link,
.ks27ph-mobile-logo{
  display:inline-flex;
  flex-direction:column;
  flex:0 0 auto;
  text-decoration:none !important;
  color:#07111f;
}

.ks27ph-logo-main,
.ks27ph-mobile-logo span{
  font-size:19px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.04em;
  white-space:nowrap;
}

.ks27ph-logo-line,
.ks27ph-mobile-logo i{
  display:block;
  width:72px;
  height:3px;
  margin-top:7px;
  border-radius:999px;
  background:linear-gradient(90deg,#4285f4,#ea4335,#fbbc05,#34a853);
}

/* =========================================================
   DESKTOP MENÜ
========================================================= */

.ks27ph-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  flex:1 1 auto;
  min-width:0;
}

.ks27ph-nav-link,
.ks27ph-drop-trigger{
  min-height:42px;
  padding:0 11px;
  border-radius:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#172033 !important;
  text-decoration:none !important;
  font-size:14px;
  font-weight:760;
  white-space:nowrap;
  border:0;
  background:transparent;
  cursor:pointer;
  font-family:inherit;
}

.ks27ph-nav-link:hover,
.ks27ph-drop-trigger:hover{
  color:#0b57d0 !important;
  background:#f3f7ff;
}

.ks27ph-nav-link.is-active,
.ks27ph-drop-trigger.is-active{
  color:#0b57d0 !important;
  background:#f3f7ff;
}

.ks27ph-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.ks27ph-icon svg,
.ks27ph-menu-btn svg,
.ks27ph-close svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================================
   DROPDOWN
========================================================= */

.ks27ph-drop{
  position:relative;
}

.ks27ph-drop-panel{
  display:none;
  position:absolute;
  left:50%;
  top:calc(100% + 12px);
  transform:translateX(-50%);
  min-width:260px;
  padding:16px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 22px 60px rgba(15,23,42,.12);
  z-index:2147482100;
}

.ks27ph-drop:hover .ks27ph-drop-panel,
.ks27ph-drop:focus-within .ks27ph-drop-panel{
  display:grid;
  gap:6px;
}

.ks27ph-drop-panel::before{
  content:"";
  position:absolute;
  top:-8px;
  left:50%;
  width:16px;
  height:16px;
  transform:translateX(-50%) rotate(45deg);
  background:#fff;
  border-left:1px solid rgba(15,23,42,.08);
  border-top:1px solid rgba(15,23,42,.08);
}

.ks27ph-drop-panel a{
  position:relative;
  z-index:2;
  min-height:42px;
  padding:0 10px;
  border-radius:12px;
  display:flex;
  align-items:center;
  color:#172033 !important;
  text-decoration:none !important;
  font-size:14px;
  line-height:1.35;
  font-weight:760;
  white-space:nowrap;
}

.ks27ph-drop-panel a:hover{
  color:#0b57d0 !important;
  background:#f3f7ff;
}

/* =========================================================
   SAĞ BUTONLAR
========================================================= */

.ks27ph-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
}

.ks27ph-phone,
.ks27ph-cta{
  min-height:44px;
  padding:0 14px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none !important;
  font-size:14px;
  font-weight:820;
  white-space:nowrap;
}

.ks27ph-phone{
  color:#07111f !important;
  background:#fff;
  border:1px solid var(--ks27ph-border);
}

.ks27ph-phone:hover{
  background:#f8fbff;
  border-color:rgba(66,133,244,.18);
}

.ks27ph-cta{
  color:#fff !important;
  background:linear-gradient(135deg,#4285f4,#1a73e8 60%,#0b57d0);
  box-shadow:0 12px 28px rgba(26,115,232,.18);
}

.ks27ph-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 32px rgba(26,115,232,.23);
}

/* =========================================================
   MOBİL BUTON
========================================================= */

.ks27ph-menu-btn,
.ks27ph-close{
  width:44px;
  height:44px;
  border:1px solid var(--ks27ph-border);
  border-radius:14px;
  display:none;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#07111f;
  cursor:pointer;
}

/* =========================================================
   MOBİL DRAWER
========================================================= */

.ks27ph-mobile,
.ks27ph-overlay{
  display:none;
}

.ks27ph-mobile{
  position:fixed;
  right:0;
  top:0;
  bottom:0;
  z-index:2147483000;
  width:min(86vw,360px);
  background:#fff;
  transform:translateX(105%);
  transition:transform .24s ease;
  box-shadow:-20px 0 60px rgba(15,23,42,.16);
}

.ks27ph-mobile.is-active{
  display:block;
  transform:translateX(0);
}

.ks27ph-overlay.is-active{
  display:block;
  position:fixed;
  inset:0;
  z-index:2147482500;
  background:rgba(15,23,42,.36);
}

.ks27ph-mobile-head{
  min-height:var(--ks27ph-header-h);
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(15,23,42,.08);
}

.ks27ph-mobile-body{
  padding:18px;
  display:grid;
  gap:8px;
}

.ks27ph-mobile-body a,
.ks27ph-mobile-body button{
  width:100%;
  min-height:44px;
  padding:0 12px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#172033 !important;
  background:#f8fbff;
  border:1px solid rgba(15,23,42,.06);
  text-decoration:none !important;
  font-size:14px;
  font-weight:800;
  font-family:inherit;
}

.ks27ph-mobile-body a:hover,
.ks27ph-mobile-body button:hover{
  color:#0b57d0 !important;
  background:#eef5ff;
}

/* =========================================================
   ERİŞİLEBİLİRLİK
========================================================= */

.ks27ph-sr-only{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

/* =========================================================
   DESKTOP GLOBAL EŞİTLEME
   Anasayfa ve iç sayfalar aynı header genişliği kullanır.
========================================================= */

@media (min-width:1200px){

  body.is-home .ks27ph-header .ks27ph-inner,
  body.is-inner .ks27ph-header .ks27ph-inner,
  .ks27ph-header .ks27ph-inner{
    width:min(100% - 40px,1500px) !important;
    max-width:1500px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.is-home .ks27ph-nav,
  body.is-inner .ks27ph-nav,
  .ks27ph-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.is-home .ks27ph-actions,
  body.is-inner .ks27ph-actions,
  .ks27ph-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }

}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:1199px){

  .ks27ph-nav,
  .ks27ph-actions{
    display:none !important;
  }

  .ks27ph-menu-btn{
    display:inline-flex;
  }

  .ks27ph-inner{
    width:min(100% - 28px,960px);
    max-width:960px;
    gap:14px;
  }

}

/* =========================================================
   MOBİL
========================================================= */

@media(max-width:767px){

  :root{
    --ks27ph-header-h:64px;
  }

  .ks27ph-inner{
    width:min(100% - 24px,560px);
    max-width:560px;
  }

  .ks27ph-logo-main{
    font-size:17px;
  }

  .ks27ph-logo-line{
    width:62px;
    height:3px;
    margin-top:6px;
  }

  .ks27ph-menu-btn{
    width:40px;
    height:40px;
    border-radius:13px;
  }

  .ks27ph-close{
    display:inline-flex;
    width:40px;
    height:40px;
    border-radius:13px;
  }

}