:root{
    --navy:#0e1a2b;
    --navy2:#13233a;
    --gold:#c7a35a;
    --gold2:#b89243;
    --text:#1d2633;
    --muted:#667085;
    --bg:#ffffff;
    --alt:#f6f7f9;
    --line:#e6e8ee;
    --shadow:0 10px 30px rgba(10,25,40,.12);
    --radius:14px;
    --max:1180px;
}

img{max-width: 100%; height: auto}

*{box-sizing:border-box}

li{list-style: none; margin:0; padding: 0;}

html{scroll-behavior:smooth}
body{
    margin:0;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
    background:var(--bg);
    color:var(--text);
}

a{color:inherit;text-decoration:none}
/* =========================
   TYPOGRAPHY – Content
   ========================= */

.content{
  line-height: 1.7;
}

/* Başlıklar */
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6{
  margin-top: 1.6em;      /* ÜST boşluk */
  margin-bottom: .6em;    /* ALT boşluk */
  line-height: 1.25;
  font-weight: 600;
}

/* İlk başlık üstten boşluk almasın */
.content h1:first-child,
.content h2:first-child{
  margin-top: 0;
}

/* Paragraflar */
.content p{
  margin-bottom: 1.1em;
  line-height: 1.75;
}

/* Son paragraf alttan boşluk almasın */
.content p:last-child{
  margin-bottom: 0;
}

.content ul,
.content ol{
  margin: 1em 0 1.2em 1.4em;
}

.content li{
  margin-bottom: .5em;
}

.content strong{
  font-weight: 600;
}

.content em{
  font-style: italic;
}

.content h2{
  font-size: clamp(20px, 2.2vw, 26px);
}

@media (max-width: 768px){
  .content{
    line-height: 1.65;
  }

  .content h2{
    font-size: 20px;
  }
}

.container{max-width:var(--max);margin:0 auto;padding:0 18px}

/* Topbar */
.topbar{
    background:var(--navy);
    color:#fff;
    font-size:13px;
}
.topbar__inner{
    display:flex;align-items:center;justify-content:space-between;
    padding:10px 0;
}
.topbar__left{display:flex;gap:14px;align-items:center}
.topbar__tel{font-weight:700}
.topbar__map{opacity:.9;text-decoration:underline}
.topbar__right{display:flex;gap:10px;align-items:center}
.social{
    width:30px;height:30px;border-radius:999px;
    display:grid;place-items:center;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.14);
    font-size:12px;
}
.lang{position:relative}
.lang__btn{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    padding:8px 10px;
    border-radius:999px;
    cursor:pointer;
}
.lang__menu{
    position:absolute;right:0;top:40px;
    background:#fff;color:var(--text);
    border:1px solid var(--line);
    border-radius:12px;
    overflow:hidden;
    min-width:150px;
    box-shadow:var(--shadow);
    opacity:0;transform:translateY(-6px);
    pointer-events:none;
    transition:.15s;
}
.lang__menu.show{opacity:1;transform:translateY(0);pointer-events:auto}
.lang__menu a{display:block;padding:10px 12px}
.lang__menu a:hover{background:var(--alt)}

/* =========================
   HEADER (Clean)
   LOGO | MENU (CENTER) | CTA (RIGHT)
   ========================= */

.header{
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fff;
  border-bottom: 1px solid var(--line);
}

.header__inner{
  max-width: var(--max);
  margin: 0 auto;
  padding: 15px 0px;
  display: grid;
  grid-template-columns: auto 1fr auto; /* logo | menu | cta */
  align-items: center;
  column-gap: 28px;
  min-height: 72px;
}

/* Brand */
.brand{
  display: flex;
  align-items: center;
  gap: 12px;
}

.brand__logo{ height: 50px; }
.brand__name{ font-weight: 900; letter-spacing: .8px; }
.brand__sub{ font-size: 12px; color: var(--muted); letter-spacing: .8px; }
.brand--mini .brand__sub{ display: none; }

/* =========================
   NAV (WordPress menu markup)
   ========================= */

.nav{
  display: flex;
  align-items: center;
  justify-content: center;   /* MENU TAM ORTA */
  gap: 16px;
  flex-wrap: nowrap;
  min-width: 0;
}

/* WP li items */
.nav > .menu-item{
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

/* Links */
.nav .nav__link{
  display: inline-flex;
  align-items: center;
  gap: 8px;

  font-size: 14px;
  font-weight: 600;
  color: #1f2a37;

  padding: 10px 12px;
  border-radius: 10px;
  white-space: nowrap;

  transition: background .2s ease, color .2s ease;
}

.nav .nav__link:hover{
  background: var(--alt);
}

/* Active */
.nav .current-menu-item > a,
.nav .current_page_item > a{
  background: rgba(199,163,90,.16); /* gold soft */
  color: var(--navy);
}

/* Dropdown arrow */
.nav > .menu-item-has-children > a::after{
  content: "▾";
  font-size: 12px;
  margin-left: 6px;
  transform: translateY(1px);
  opacity: .8;
}

/* Dropdown */
.nav .sub-menu{
  position: absolute;
  top: calc(100% + 10px);
  left: 0;

  min-width: 220px;
  margin: 0;
  padding: 10px 0;
  list-style: none;

  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: .18s ease;
  z-index: 9999;
}

.nav > .menu-item-has-children:hover > .sub-menu{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav .sub-menu a{
  display: flex;
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 14px;
  color: #1f2a37;
  white-space: nowrap;
}

.nav .sub-menu a:hover{
  background: var(--alt);
  color: var(--gold2);
}

/* =========================
   CTA (Phone) - RIGHT COLUMN
   ========================= */

.nav__cta{
  justify-self: end;          /* grid sağ kolon */
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--navy);
  color: #fff !important;
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: 700;
  white-space: nowrap;
}

.nav__cta i{ margin-right: 6px; }
.nav__cta:hover{ background: var(--gold2); }

/* =========================
   Responsive
   ========================= */
.burger{
  display: none;
}
@media (max-width: 980px){
  .nav{ display: none; }
  .burger{ display: inline-grid; place-items: center; }
}


/* =========================
   MOBILE HEADER FIX
   ========================= */
@media (max-width: 980px){

  /* 1) Topbar mobilde kapat (en temiz çözüm) */
  .topbar{
    display: none !important;
  }

  /* 2) Header içini mobile layout'a çevir */
  .header__inner{
    grid-template-columns: auto auto !important; /* logo | burger */
    justify-content: space-between;
    column-gap: 12px !important;
    min-height: 64px !important;
    padding: 10px 14px !important;
  }

  /* 3) Menü zaten mobilde gizli */
  .nav{
    display: none !important;
  }

  /* 4) Burger sağda net görünsün */
  .burger{
    display: inline-grid !important;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: #fff;
  }

  /* 5) Header içindeki telefon butonunu mobilde gizle */
  .nav__cta{
    display: none !important;
  }

  /* 6) Logo biraz küçülsün */
  .brand__logo{
    height: 42px;
  }
}


/* Buttons */
.btn{
    display:inline-flex;align-items:center;justify-content:center;
    gap:10px;
    padding:12px 14px;
    border-radius:12px;
    border:1px solid var(--line);
    background:#fff;
    cursor:pointer;
    font-weight:700;
}
.btn--gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    border-color:transparent;
    color:#1b1204;
}
.btn--navy{
    background:var(--navy);
    border-color:transparent;
    color:#fff;
}
.btn--outline{
    background:#fff;
    border-color:rgba(14,26,43,.20);
    color:var(--navy);
}
.btn--outline:hover{background:var(--alt)}
.btn--navy:hover{background:var(--navy2)}

/* Drawer */
.drawer-backdrop{
    position:fixed;inset:0;
    background:rgba(0,0,0,.45);
    opacity:0;pointer-events:none;
    transition:.2s;
    z-index:90;
}
.drawer-backdrop.show{opacity:1;pointer-events:auto}
.drawer{
    position:fixed;top:0;right:0;
    height:100vh;width:min(380px, 92vw);
    background:#fff;
    border-left:1px solid var(--line);
    transform:translateX(100%);
    transition:.22s;
    z-index:100;
    padding:16px;
    display:flex;flex-direction:column;gap:14px;
}
.drawer.show{transform:translateX(0)}
.drawer__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.drawer__close{
    width:44px;height:44px;border-radius:12px;
    border:1px solid var(--line);
    background:#fff;cursor:pointer;
}
.drawer__nav{display:flex;flex-direction:column;gap:6px}
.drawer__nav a{
    padding:12px 12px;border-radius:12px;
    border:1px solid var(--line);
    background:var(--alt);
}

/* =========================
   MOBILE DRAWER ACCORDION (Clean, line separators)
   ========================= */
@media (max-width: 980px){

  /* Drawer içi menü genel */
  .drawer__nav{
    display: block !important;
    padding-top: 8px;
  }

  /* Üst seviye li */
  .drawer__nav .menu-item{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0,0,0,.08); /* sadece alt çizgi */
  }

  /* Linkler: buton gibi değil */
  .drawer__nav .menu-item > a{
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 14px 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    font-size: 16px;
    font-weight: 650;
    color: var(--navy);
    text-decoration: none;
  }

  /* Hover çok hafif */
  .drawer__nav .menu-item > a:hover{
    opacity: .85;
  }

  /* Aktif sayfa: sadece renk */
  .drawer__nav .current-menu-item > a,
  .drawer__nav .current_page_item > a{
    color: var(--gold2);
  }

  /* Accordion ok ikonu (JS class'ı ile dönecek) */
  .drawer__nav .menu-item-has-children > a::after{
    content: "▾";
    font-size: 13px;
    opacity: .75;
    transform: translateY(1px);
    transition: transform .18s ease;
  }

  .drawer__nav .menu-item-has-children.is-open > a::after{
    transform: rotate(180deg);
  }

  /* Sub menu: kapalı/açık kontrol */
  .drawer__nav .sub-menu{
    position: static !important;
    margin: 0;
    padding: 0 0 12px 0;
    list-style: none;

    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease;
  }

  /* Açıkken */
  .drawer__nav .menu-item-has-children.is-open > .sub-menu{
    max-height: 500px; /* yeterli */
  }

  /* Sub menu link: indentli, çizgili */
  .drawer__nav .sub-menu li{
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(0,0,0,.06);
  }

  .drawer__nav .sub-menu a{
    display: block;
    padding: 12px 0 12px 14px; /* indent */
    font-size: 14px;
    font-weight: 550;
    color: rgba(14,26,43,.92);
    background: transparent !important;
  }

  .drawer__nav .sub-menu a:hover{
    color: var(--gold2);
  }

  /* Drawer alt CTA alanı (telefon) - temiz sabit */
  .drawer__cta{
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(0,0,0,.10);
  }

  .drawer__cta a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding: 14px 16px;
    border-radius: 14px;

    background: linear-gradient(135deg, var(--gold), var(--gold2));
    color: #1b1204 !important;
    font-weight: 900;
    text-decoration: none;
  }
}


/* Hero */
.hero{position:relative}
.hero__bg{
    position:absolute;inset:0;
    background:
            linear-gradient(90deg, rgba(14,26,43,.78), rgba(14,26,43,.35)),
            url("../img/hero.webp") center/cover no-repeat;
    min-height:520px;
}
.hero__inner{
    position:relative;
    padding: 15px;
    display: flex;
    min-height:600px;
    grid-template-columns: 1.2fr .8fr;
    gap:18px;
    align-items:center;
}
.kicker{
    display:inline-block;
    color:rgba(255,255,255,.85);
    letter-spacing:1px;
    font-size:12px;
    font-weight:800;
    margin-bottom:10px;
}
.hero__title{
    margin:0 0 12px;
    color:#fff;
    font-size:44px;
    line-height:1.05;
}
.hero__text{
    margin:0 0 18px;
    color:rgba(255,255,255,.86);
    font-size:16px;
    line-height:1.7;
    max-width:58ch;
}
.hero__actions{display:flex;gap:10px;flex-wrap:wrap}

.hero__card{
    background:#fff;
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:18px;
    align-self:center;
}
.hero__cardTitle{font-weight:900;color:var(--navy);margin-bottom:6px}
.hero__cardText{color:var(--muted);line-height:1.6;margin-bottom:12px}
.hero__mini{
    margin-top:14px;
    display:flex;gap:10px;align-items:flex-start;
    padding-top:14px;border-top:1px solid var(--line);
    color:var(--muted);
}
.hero__miniBold{font-weight:800;color:var(--navy)}
.hero__miniSub{font-size:13px}

/* Sections */
.section{padding:70px 0}
.section--alt{background:var(--alt)}
.section__head{margin-bottom:18px}
.section__kicker{
    font-size:12px;
    font-weight:900;
    color:var(--gold2);
    letter-spacing:1px;
    margin-bottom:8px;
}
.section__title{
    margin:0;
    font-size:34px;
    color:var(--navy);
}

.split{
    display:grid;
    grid-template-columns: 1.15fr .85fr;
    gap:18px;
    align-items:stretch;
}
.split__text p{color:#344054;line-height:1.9;margin:0 0 14px}
.badgeRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.badge{
    padding:8px 10px;border-radius:999px;
    border:1px solid var(--line);
    background:#fff;
    font-weight:700;
    font-size:12px;
    color:var(--navy);
}

.split__media{display:flex;flex-direction:column;gap:12px}
.mediaCard{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:16px;
    box-shadow:var(--shadow);
}
.mediaCard__title{font-weight:900;color:var(--navy);margin-bottom:10px}
.mediaCard__line{color:#344054;line-height:1.9}
.mediaImage{
    border-radius:var(--radius);
    overflow: hidden;
}

/* Cards */
.card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:18px;
    box-shadow:var(--shadow);
}
.card p{margin:0;color:#344054;line-height:1.9}

/* Services */
.services{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:14px;
}
.service{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:16px;
        flex-direction: column;
    box-shadow:var(--shadow);
    transition: all .3s;
    display:flex;gap:12px;align-items:center;
    overflow: hidden;
}
.service:hover{
    box-shadow:-0 10px 30px rgba(10,25,40,.2);;
}
.service:hover .service__title{ color: var(--gold2); }
.service__title{font-weight:900;color:var(--navy); font-size: 24px; transition: all .3s;}

.service__excerpt{
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.45;
  opacity: .8;
  display: -webkit-box;
  -webkit-line-clamp: 3;   /* 3 satırdan sonra ... */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.faqItem{
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.faqItem:last-child{ border-bottom: 0; }

.faqQ{
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}
.faqQ::-webkit-details-marker{ display:none; }

.faqA{
  margin-top: 10px;
  opacity: .85;
}


/* Faaliyet Alanı – sadece görsel */
.service__image {
  width: 100%;
  aspect-ratio: 1 / 1; /* kare kart */
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 5px;
  height: 200px;
  overflow: hidden;
}

.service__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
   transition: transform .35s ease;
}
.service:hover .service__image img{
  transform: scale(1.06);
}

@media (max-width: 768px){
  .service__image{
    height: 150px;
  }
}


/* Team */
.team{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:14px;
}
.person{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:14px;
    box-shadow:var(--shadow);
}
.person__img{
    border-radius:12px;
    background:linear-gradient(135deg, rgba(14,26,43,.12), rgba(199,163,90,.22));
    border:1px solid var(--line);
    margin-bottom:12px;
}
.person__name{font-weight:900;color:var(--navy)}
.person__role{color:var(--muted);font-size:13px;margin-top:4px}

/* Lists */
.listGrid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:12px;
}
.listItem{
    background:#fff;
    border:1px solid var(--line);
    border-radius:12px;
    padding:14px;
    font-weight:800;
    color:var(--navy);
}
.listItem:hover{background:var(--alt)}

/* Posts */
.posts{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:14px;
}
.post{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:var(--shadow);
}
.post__img{
    height:160px;
    background:linear-gradient(135deg, rgba(14,26,43,.10), rgba(199,163,90,.18));
}
.post__title{padding:12px 14px 0;font-weight:900;color:var(--navy)}
.post__meta{padding:6px 14px 14px;color:var(--muted);font-size:13px}

/* FAQ */
.faq{display:grid;gap:10px}
.faq__item{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:14px 16px;
}
.faq__item summary{
    cursor:pointer;
    font-weight:900;
    color:var(--navy);
}
.faq__item p{margin:10px 0 0;color:#344054;line-height:1.9}

/* Contact */
.contact{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:16px;
}
.infoLine{color:#344054;line-height:1.9;margin-bottom:8px}
.legalBox{
    margin-top:14px;
    background:var(--alt);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:14px;
}
.legalBox__title{font-weight:900;color:var(--navy);margin-bottom:6px}
.legalBox__text{color:#344054;line-height:1.8}

.contact__form{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:18px;
}
.formTitle{font-weight:900;color:var(--navy);margin-bottom:12px}
label{display:block;font-size:13px;color:var(--muted);margin:10px 0 6px}
input, textarea{
    width:100%;
    padding:12px 12px;
    border-radius:12px;
    border:1px solid var(--line);
    outline:none;
    font:inherit;
}
textarea{min-height:120px;resize:vertical}
.formActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.kvkk{display:flex;gap:10px;align-items:flex-start;margin-top:12px;color:#344054}
.kvkk input{width:auto;margin-top:3px}

/* Footer */
.footer{
    background:var(--navy);
    color:#fff;
    padding:18px 0;
}
.footer-contact{
    background-color: var(--line);
}
.footer__inner{
   text-align: center;
    font-size:13px;
}
.footer__links{display:flex;gap:12px;flex-wrap:wrap}
.footer__links a{opacity:.9;text-decoration:underline}

/* Responsive */
@media (max-width: 980px){
    .nav{display:none}
    .burger{display:inline-grid;place-items:center}
    .hero__inner{grid-template-columns:1fr}
    .hero__title{font-size:36px}
    .split{grid-template-columns:1fr}
    .services{grid-template-columns:1fr}
    .team{grid-template-columns:1fr 1fr}
    .listGrid{grid-template-columns:1fr}
    .posts{grid-template-columns:1fr}
    .contact{grid-template-columns:1fr}
}
@media (max-width: 520px){
    .team{grid-template-columns:1fr}
}
/* Mobile Call Button */
.mobile-call-btn {
    position: fixed;
    right: 18px;
    bottom: 18px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--navy);
    color: #fff;
    display: flex; /* desktop gizli */
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 10px 25px rgba(14,26,43,.35);
    z-index: 999;
}

/* Hover / active */
.mobile-call-btn:hover {
    background: var(--gold2);
    transform: translateY(-2px);
}
.mobile-call-btn_2 {
    bottom: 90px;
    background: #1671ee;
}

/* WhatsApp Floating Button */
.whatsapp-btn {
    position: fixed;
    right: 18px;
    bottom: 160px; /* call butonunun üstünde */
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    box-shadow: 0 10px 25px rgba(0,0,0,.25);
    z-index: 998;
    transition: transform .15s ease, box-shadow .15s ease;
}

.whatsapp-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(0,0,0,.30);
}

/* Single Hero */
.pageHero{
  padding:40px 0 30px;
  background: var(--alt);
  border-bottom: 1px solid rgba(255,255,255,.08);
  text-align: center;
}

.pageHero__title{
  margin: 10px 0 0;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.15;
}

.pageHero__text{
  margin: 10px 0 0;
  opacity: .8;
  text-align: center;
}

/* Breadcrumbs */
.breadcrumbs{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;justify-content: center;
  font-size: 13px;
  opacity: .8;
}
.breadcrumbs__link{
  text-decoration: none;
}
.breadcrumbs__sep{
  opacity: .6;
}
.breadcrumbs__current{
  opacity: .9;
}

/* Single faaliyet – üst görsel */
.serviceTopImage{
  width: 100%;
  max-height: 420px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom:30px;
}

.serviceTopImage img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* İçerik daha rahat okunsun */
.container--narrow{
  max-width: 860px;
}
.serviceLayout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 40px;
  align-items: start;
}

.serviceLayout__main{
  min-width: 0;
}

.serviceMenu{
  position: sticky;
  background: var(--alt);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 18px;
}

.serviceMenu__title{
  font-weight: 600;
  margin-bottom: 14px;
    font-size: 20px;
}

.serviceMenu__list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.serviceMenu__list li{
  margin-bottom: 6px;
}

.serviceMenu__list li:last-child{
  margin-bottom: 0;
}

.serviceMenu__list a{
  display: block;
  padding: 8px 10px;
  border-radius: 5px;
  text-decoration: none;
  background: var(--bg);
  opacity: .85;
  transition: background .2s ease, opacity .2s ease;
}

.serviceMenu__list a:hover{
  background: rgba(255,255,255,.06);
  opacity: 1;
}

.serviceMenu__list li.is-active a{
  background: var(--gold);
  font-weight: 600;
  opacity: 1;
  color: #fff;
}
@media (max-width: 900px){
  .serviceLayout{
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .serviceMenu{
    position: static;
    top: auto;
  }
}

/* Archive - services grid */
.servicesGrid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

@media (max-width: 1100px){
  .servicesGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px){
  .servicesGrid{ grid-template-columns: 1fr; }
}

.serviceCard{
  display: block;
  text-decoration: none;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: var(--shadow);
  background: rgba(255,255,255,.02);
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

.serviceCard:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.03);
  border-color: rgba(255,255,255,.14);
}

.serviceCard__image{
  height: 170px; /* sabit yükseklik */
  overflow: hidden;
}

.serviceCard__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}

.serviceCard:hover .serviceCard__image img{
  transform: scale(1.05);
}
.serviceCard:hover  .serviceCard__title{color:var(--gold2);}

.serviceCard__body{
  padding: 16px 16px 18px;
}

.serviceCard__title{
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.25;
}

.serviceCard__excerpt{
  opacity: .8;
  font-size: 14px;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 3 satır */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.serviceCard__cta{
  margin-top: 12px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  opacity: .9;
}
.serviceCard__cta:hover{color:var(--gold2);}

.paginationWrap{
  margin-top: 18px;
}

/* =========================
   TEAM
   ========================= */
.teamGrid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

@media (max-width: 1100px){
  .teamGrid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 850px){
  .teamGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .teamGrid{ grid-template-columns: 1fr; }
}

.teamCard{
  display: block;
  text-decoration: none;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow);
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.teamCard:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.03);
}

.teamCard__image{
  height: 320px;
  overflow: hidden;
}

.teamCard__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}

.teamCard:hover .teamCard__image img{
  transform: scale(1.04);
}

.teamCard__body{
  padding: 14px 16px 16px;
  text-align: center;
}

.teamCard__name{
  font-weight: 700;
  line-height: 1.2;
}

.teamCard__role{
  margin-top: 6px;
  font-size: 14px;
  opacity: .8;
}

/* Single ekip */
.profileLayout{
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

@media (max-width: 900px){
  .profileLayout{ grid-template-columns: 1fr; }
}

.profilePhoto{
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
}

.profilePhoto img{
  width: 100%;
  height: auto;
  display: block;
}

.profileCta{
  margin-top: 20px;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
}

/* BLOG GRID */
.blogGrid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
@media (max-width: 1100px){
  .blogGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px){
  .blogGrid{ grid-template-columns: 1fr; }
}

.blogCard{
  display:block;
  text-decoration:none;
  border-radius:15px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
  box-shadow: var(--shadow);
}
.blogCard:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.03);
}
.blogCard__image{ height: 200px; overflow:hidden; }
.blogCard__image img{
  width:100%; height:100%;
  object-fit: cover;
  display:block;
  transition: transform .35s ease;
}
.blogCard:hover .blogCard__image img{ transform: scale(1.05); }
.blogCard__body{ padding: 16px 16px 18px; }
.blogCard__meta{ font-size: 13px; opacity: .75; margin-bottom: 8px; }
.blogCard__title{ margin:0 0 10px; font-size: 18px; line-height: 1.25; }
.blogCard__excerpt{
  opacity:.8; font-size:14px; line-height:1.55;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.blogCard__cta{ margin-top: 12px; font-size: 13px; font-weight: 600; opacity: .9; }

.blogCard:hover .blogCard__title,
.blogCard__cta:hover{color: var(--gold2);}

/* Post top image */
.postTopImage{
  width:100%;
  max-height: 460px;
  overflow:hidden;
  border-radius: 15px;
}
.postTopImage img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

/* Share + nav */
.postShare{
  margin-top: 18px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  opacity:.95;
}
.postShare__label{ opacity:.8; margin-right: 6px; }
.postShare__btn{
  text-decoration:none;
  border:1px solid rgba(255,255,255,.12);
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 13px;
  opacity:.85;
}
.postShare__btn:hover{ opacity:1; background: rgba(255,255,255,.05); }

.postNav{
  margin-top: 18px;
  display:flex;
  justify-content: space-between;
  gap: 14px;
}

/* =========================
   PAGINATION (Compact)
   ========================= */

.paginationWrap{
  margin-top: 28px;
  display: flex;
  justify-content: center;
}

.pagination{
  display: flex;
  align-items: center;
  gap: 6px; /* SIKLIK BURADA */
  flex-wrap: wrap;
}

.pagination .page-numbers{
  min-width: 34px;
  height: 34px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;

  border: 1px solid rgba(255,255,255,.12);
  opacity: .8;
  transition: background .2s ease, opacity .2s ease, border-color .2s ease;
}

/* Hover */
.pagination .page-numbers:hover{
  opacity: 1;
  color: var(--gold);
  background: rgba(255,255,255,.06);
}

/* Aktif sayfa */
.pagination .page-numbers.current{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.22);
  font-weight: 600;
  opacity: 1;
}

/* Önceki / Sonraki */
.pagination .page-numbers.prev,
.pagination .page-numbers.next{
  padding: 0 10px;
  font-weight: 600;
}

/* Noktalar (...) */
.pagination .page-numbers.dots{
  border: none;
  opacity: .6;
  pointer-events: none;
}

.postMetaBar{
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
margin-bottom: 15px;
  font-size: 14px;
  opacity: .85;
}

.postMetaBar__left,
.postMetaBar__right{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.postMetaBar i{
  opacity: .75;
}

.postMetaBar__right a{
  text-decoration: none;
}
.postMetaBar__right a:hover{
  text-decoration: underline;
}

/* Blog card meta (date + category) */
.blogCard__metaRow{
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  font-size: 13px;
  opacity: .8;
}

.blogCard__metaLeft,
.blogCard__metaRight{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.blogCard__metaRight a{
  text-decoration: none;
}

.blogCard__metaRight a:hover{
  text-decoration: underline;
}

.blogCard__metaRow i{
  opacity: .7;
}

/* Blog card image - overlay/taşma olmaması için */
.blogCard__image{
  height: 170px;
  overflow: hidden;
}

.blogCard__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Meta row */
.blogCard__metaRow{
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
  opacity: .8;
}

.blogCard__metaLeft,
.blogCard__metaRight{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.blogCard__metaRight a{
  text-decoration: none;
}
.blogCard__metaRight a:hover{
  text-decoration: underline;
}

.blogCard__metaRow i{
  opacity: .7;
}

/* Pagination compact (senin "boşluklu" görünümü düzeltir) */
.paginationWrap{
  margin-top: 28px;
  display: flex;
  justify-content: center;
}

.pagination{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.pagination .page-numbers{
  min-width: 34px;
  height: 34px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid rgba(255,255,255,.12);
  opacity: .8;
}

.pagination .page-numbers:hover{
  opacity: 1;
  background: rgba(255,255,255,.06);
}

.pagination .page-numbers.current{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.22);
  font-weight: 600;
  opacity: 1;
}

.pagination .page-numbers.dots{
  border: none;
  opacity: .6;
  pointer-events: none;
}

/* =========================
   Single Post Sidebar
   ========================= */

.postLayout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 40px;
  align-items: start;
}

.postLayout__main{ min-width: 0; }

.postLayout__side{
  position: relative;
  box-shadow: var(--shadow);
  border-radius: 10px;
}

.postSide{
  position: sticky;
  top: 110px; /* header yüksekliğine göre 90-130 arası */
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 18px;
}

.postSide__title{
  font-weight: 700;
  margin-bottom: 12px;
}

.postSide__list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

.postSide__link{
  display: grid;
  gap: 4px;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  opacity: .9;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.postSide__link:hover{color: var(--gold);}

.postSide__link:hover{
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.14);
  transform: translateY(-1px);
}

.postSide__name{
  font-weight: 600;
  line-height: 1.25;

  display: -webkit-box;
  -webkit-line-clamp: 2;  /* 2 satır */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.postSide__date{
  font-size: 12px;
  opacity: .75;
}

@media (max-width: 980px){
  .postLayout{
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .postSide{
    position: static;
    top: auto;
  }
}

.contact-page { padding: 24px 0; }
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 20px;
}
.contact-card, .map-card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 18px;
}
.contact-card h2, .map-card h2 { margin: 0 0 12px; font-size: 20px; }

.contact-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.contact-list a { text-decoration: none; }

.map-embed { border-radius: 16px; overflow: hidden; }
.map-embed iframe { width: 100%; height: 380px; display: block; }

.cf-grid .wpcf7-form-control { width: 100%; }
.cf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
.cf-col-full { grid-column: 1 / -1; }
.cf-consent { font-size: 14px; }

.btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 10px 14px; border-radius: 12px;
  text-decoration: none; cursor: pointer;
}
.btn-primary { background:#111; color:#fff; border:1px solid #111; }
.btn-outline { background:transparent; color:#111; border:1px solid rgba(0,0,0,.2); }

@media (max-width: 900px){
  .contact-grid { grid-template-columns: 1fr; }
  .cf-row { grid-template-columns: 1fr; }
  .map-embed iframe { height: 320px; }
}

.k-contact { padding: 24px 0; }

.k-contact__grid{
  display: grid;
  grid-template-columns: 1.55fr 1fr; /* sol büyük, sağ info */
  gap: 20px;
  align-items: start;
}

.k-contact__box{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 15px;
  overflow: hidden;
  padding-top: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}
.k-contact__content{ padding: 18px; }
.k-contact__title{
  margin: 0 0 14px;
  font-size: 22px;
  font-weight: 800;
  padding-left:0 !important;
  letter-spacing: -0.02em;
}

.k-contact__box--info .k-contact__title{padding-left: 18px  !important;}

.k-contact__list{
  list-style: none;
  padding: 0 18px 0px;
  margin: 0 !important;
  display: grid;
  gap: 12px;
}
.k-contact__list li{
  padding: 12px 12px;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  background: rgba(0,0,0,.02);
}
.k-contact__label{
  display:block;
  font-size: 12px;
  opacity: .65;
  margin-bottom: 4px;
}
.k-contact__value{
  display:block;
  font-size: 15px;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
  line-height: 1.45;
}

.k-contact__divider{
  height: 1px;
  background: rgba(0,0,0,.08);
  margin: 0 18px 18px;
}

.k-contact__map{
  padding: 0 18px 18px;
}
.k-contact__map iframe{
  width: 100%;
  height: 260px;
  border: 0;
  border-radius: 16px;
  display: block;
}

/* CF7 Form Stilleri */
.k-contact__form .wpcf7 form { margin: 0; }

.k-contact__form .wpcf7 input,
.k-contact__form .wpcf7 textarea,
.k-contact__form .wpcf7 select{
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.12);
  padding: 12px 12px;
  outline: none;
  font-size: 14px;
  background: #fff;
  width: 100%;
}

.k-contact__form .wpcf7 textarea{ min-height: 160px; resize: vertical; }

.k-contact__form .wpcf7 input:focus,
.k-contact__form .wpcf7 textarea:focus{
  border-color: rgba(0,0,0,.35);
  box-shadow: 0 0 0 4px rgba(0,0,0,.06);
}

.k-contact__form .wpcf7 .wpcf7-form-control-wrap{
  display: block;
  margin-bottom: 12px;
}

.k-contact__form .wpcf7 input[type="submit"]{
  width: 100%;
  padding: 14px 14px;
  border-radius: 14px;
  border: 0;
  cursor: pointer;
  font-weight: 700;
  background: #0b0b0b;
  color: #fff;
}

.k-contact__form .wpcf7 input[type="submit"]:hover{
  opacity: .92;
}

/* Responsive */
@media (max-width: 980px){
  .k-contact__grid{ grid-template-columns: 1fr; }
  .k-contact__media{ height: 200px; }
  .k-contact__map iframe{ height: 240px; }
}

@media (max-width: 980px){
  .k-contact__form .k-cf7-row{ grid-template-columns: 1fr; }
}