@charset "UTF-8";
/* ==========================================================================
   Kurtköy Arabuluculuk Merkezi — Premium Tema Katmanı
   style.css'ten SONRA yüklenir; mevcut şablonu ezer.
   Mobil kırılım 991px (assets/js/script.js ile aynı olmak zorunda).
   ========================================================================== */

/* --------------------------------------------------- 0. İKON FONTU DÜZELTMESİ
   flaticon.css, "@media screen and (-webkit-min-device-pixel-ratio:0)" bloğu
   içinde Flaticon'u YALNIZCA SVG formatıyla yeniden tanımlıyor. Firefox bu
   media özelliğini destekliyor ama SVG fontları desteklemiyor; sonuçta tüm
   flaticon ikonları Firefox'ta hiç yüklenmiyordu
   ("downloadable font: no supported format found").
   Aşağıdaki tanım daha sonra geldiği için kazanır ve woff2/woff/ttf sunar. */
@font-face{
  font-family:"Flaticon";
  src:url("../fonts/Flaticon.woff2") format("woff2"),
      url("../fonts/Flaticon.woff")  format("woff"),
      url("../fonts/Flaticon.ttf")   format("truetype");
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"themify";
  src:url("../fonts/themify.woff") format("woff"),
      url("../fonts/themify.ttf")  format("truetype");
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}

/* ----------------------------------------------------------------- 1. TOKENS */
:root{
  /* Renkler doğrudan logodan örneklendi:
     lacivert #0C243C, altın #B49C54 (eski #C9A961'den daha sakin, sarıya kaçmayan) */
  --navy-950:#06182B;
  --navy-900:#0C243C;   /* logo laciverti */
  --navy-800:#123351;
  --navy-700:#1B4468;
  --navy-600:#2A5A83;
  --navy-050:#EEF2F7;

  --gold-700:#8A7538;
  --gold-600:#9C8544;
  --gold-500:#B49C54;   /* logo altını */
  --gold-400:#C9B478;
  --gold-200:#E6DCC2;
  --gold-050:#FAF6EE;

  --ink:#0E1D2C;
  --ink-2:#2C3E4F;
  --muted:#61708220;
  --text:#51606E;
  --text-soft:#71808E;

  /* Sıcak, fildişi nötrler — soğuk gri yerine daha yumuşak ve pahalı bir his */
  --line:#E4E0D8;
  --line-soft:#EFEDE7;

  --bg:#FFFFFF;
  --bg-soft:#FAF9F5;
  --bg-tint:#F3F1EA;

  --ff-head:'Playfair Display',Georgia,'Times New Roman',serif;
  --ff-body:'Inter','Muli',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;

  --r-sm:6px;
  --r:12px;
  --r-lg:18px;

  --sh-1:0 1px 2px rgba(10,26,47,.06),0 2px 8px rgba(10,26,47,.05);
  --sh-2:0 4px 12px rgba(10,26,47,.07),0 12px 32px rgba(10,26,47,.07);
  --sh-3:0 10px 24px rgba(10,26,47,.09),0 24px 60px rgba(10,26,47,.11);
  --sh-gold:0 10px 30px rgba(201,169,97,.28);

  --ease:cubic-bezier(.4,.14,.3,1);
  --dur:.35s;

  --shell:1220px;
}

/* ------------------------------------------------------------- 2. BASE/TYPO */
*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
}

body{
  font-family:var(--ff-body);
  font-size:16.5px;
  line-height:1.75;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-feature-settings:"kern" 1,"liga" 1;
  overflow-x:hidden;
}

/* style.css içindeki eski 'Muli' / 'Roboto Slab' bildirimlerini nötrle.
   İkon fontları ::before/::after üzerinden tanımlandığı için etkilenmez. */
p,span,div,li,td,th,dt,dd,a,label,legend,figcaption,blockquote,
input,textarea,select,button,.form-control{
  font-family:var(--ff-body);
}

h1,h2,h3,h4,h5,h6,
.section-title h2,.section-title-s2 h2,.section-title-s3 h2{
  font-family:var(--ff-head);
  color:var(--navy-800);
  font-weight:600;
  line-height:1.22;
  letter-spacing:-.012em;
  margin:0 0 .6em;
  text-transform:none;
}

h1,.h1{font-size:clamp(2rem,1.35rem + 2.6vw,3.35rem);font-weight:600;}
h2,.h2{font-size:clamp(1.65rem,1.2rem + 1.85vw,2.6rem);}
h3,.h3{font-size:clamp(1.2rem,1.06rem + .62vw,1.55rem);}
h4,.h4{font-size:clamp(1.06rem,1rem + .3vw,1.2rem);}
h5,h6{font-size:1rem;}

p{margin:0 0 1.15em;}
p:last-child{margin-bottom:0;}

a{color:var(--navy-700);text-decoration:none;transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),opacity var(--dur) var(--ease);}
a:hover,a:focus{color:var(--gold-600);text-decoration:none;}

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

strong,b{font-weight:600;color:var(--ink-2);}

::selection{background:var(--gold-200);color:var(--navy-900);}

:focus-visible{outline:2px solid var(--gold-500);outline-offset:3px;border-radius:3px;}

.skip-link{
  position:absolute;left:-9999px;top:0;z-index:9999;
  background:var(--navy-800);color:#fff;padding:12px 20px;border-radius:0 0 var(--r-sm) 0;font-weight:600;
}
.skip-link:focus{left:0;color:#fff;}

/* ------------------------------------------------------------ 3. LAYOUT */
.container{
  width:100%!important;
  max-width:var(--shell);
  margin-inline:auto;
  padding-inline:22px;
}
@media (max-width:575px){ .container{padding-inline:18px;} }

.section-padding{padding:clamp(56px,7vw,110px) 0;}

/* Bootstrap 3'ün negatif margin'i container padding'iyle çakışmasın */
.row{margin-inline:-15px;}
.row::after{content:"";display:table;clear:both;}

/* ÖNEMLİ: Bootstrap .row'a ::before ve ::after clearfix'i ekliyor.
   Bir .row'u grid/flex konteynerine çevirdiğimizde bu iki sözde öğe
   birer HÜCREYE dönüşüp yerleşimi kaydırıyor (footer'daki "hakkımızda"
   sütununun sağa kayması bundandı). Dönüştürdüğümüz her yerde kapatılmalı. */
.site-footer .upper-footer > .container > .row::before,
.site-footer .upper-footer > .container > .row::after,
.about-section > .container > .row::before,
.about-section > .container > .row::after,
.about-section-s3 > .container > .row::before,
.about-section-s3 > .container > .row::after,
.service-single-section > .container > .row::before,
.service-single-section > .container > .row::after,
.blog-single-section > .container > .row::before,
.blog-single-section > .container > .row::after,
.site-header .topbar .row::before,
.site-header .topbar .row::after{
  display:none!important;
}

/* Sık kullanılan iki kolonlu blokları flex'e çeviriyoruz (float yerine) */
.about-section > .container > .row,
.about-section-s3 > .container > .row,
.service-single-section > .container > .row,
.blog-single-section > .container > .row{
  display:flex;flex-wrap:wrap;align-items:flex-start;
}
.about-section > .container > .row > [class*="col"],
.about-section-s3 > .container > .row > [class*="col"],
.service-single-section > .container > .row > [class*="col"],
.blog-single-section > .container > .row > [class*="col"]{float:none;}

/* push/pull yerine flex order (hizmet detay: içerik solda, sidebar sağda) */
.service-single-section .col-md-push-3{left:auto;order:1;}
.service-single-section .col-md-pull-9{right:auto;order:2;}

.sec-head{max-width:760px;margin:0 auto clamp(36px,4.5vw,60px);text-align:center;}
.sec-head.is-left{margin-inline:0;text-align:left;}

/* --------------------------------------------------------- 4. EYEBROW/RULE */
.eyebrow,
.section-title span,.section-title-s2 span,.section-title-s3 span{
  display:inline-block;
  font-family:var(--ff-body);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.19em;
  text-transform:uppercase;
  color:var(--gold-600);
  margin-bottom:.85rem;
  position:relative;
  padding-left:44px;
}
.eyebrow::before,
.section-title span::before,.section-title-s2 span::before,.section-title-s3 span::before{
  content:"";position:absolute;left:0;top:50%;
  width:32px;height:1px;background:var(--gold-500);
}
.sec-head:not(.is-left) .eyebrow{padding-left:0;padding-inline:44px;}
.sec-head:not(.is-left) .eyebrow::before{left:0;}
.sec-head:not(.is-left) .eyebrow::after{
  content:"";position:absolute;right:0;top:50%;width:32px;height:1px;background:var(--gold-500);
}

.section-title .icon,.section-title-s2 .icon,.section-title-s3 .icon{display:none;}

.lead{font-size:1.075rem;line-height:1.8;color:var(--text-soft);}

/* --------------------------------------------------------------- 5. BUTTONS */
.theme-btn,
.btn-premium,
.contact-form .submit-area button,
a.more-about{
  --btn-bg:var(--navy-800);
  --btn-fg:#fff;
  display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  font-family:var(--ff-body);
  font-size:.87rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
  line-height:1;
  padding:1.15em 2.3em;
  border:1px solid var(--btn-bg);
  border-radius:var(--r-sm);
  background:var(--btn-bg);
  color:var(--btn-fg);
  cursor:pointer;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease);
  box-shadow:var(--sh-1);
  text-align:center;
}
.theme-btn::before,.btn-premium::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(120deg,var(--gold-600),var(--gold-500));
  transform:translateY(101%);
  transition:transform var(--dur) var(--ease);
}
.theme-btn:hover,.theme-btn:focus,
.btn-premium:hover,.btn-premium:focus,
.contact-form .submit-area button:hover{
  color:var(--navy-900);
  border-color:var(--gold-500);
  transform:translateY(-2px);
  box-shadow:var(--sh-gold);
}
.theme-btn:hover::before,.theme-btn:focus::before,
.btn-premium:hover::before,.btn-premium:focus::before{transform:translateY(0);}
.theme-btn:active,.btn-premium:active{transform:translateY(0);}

.btn-gold{--btn-bg:var(--gold-500);--btn-fg:var(--navy-900);border-color:var(--gold-500);}
.btn-gold::before{background:linear-gradient(120deg,var(--navy-800),var(--navy-700));}
.btn-gold:hover,.btn-gold:focus{color:#fff;border-color:var(--navy-800);}

.btn-ghost{--btn-bg:transparent;--btn-fg:#fff;border-color:rgba(255,255,255,.45);box-shadow:none;}
.btn-ghost::before{background:#fff;}
.btn-ghost:hover,.btn-ghost:focus{color:var(--navy-900);border-color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18);}

/* Metin bağlantı butonu */
a.more-about,a.read-more,.read-more{
  background:none;border:0;box-shadow:none;padding:0;
  color:var(--navy-700);text-transform:uppercase;
  font-size:.8rem;letter-spacing:.13em;font-weight:600;
  display:inline-flex;align-items:center;gap:.55em;
}
a.more-about::before,a.read-more::before{display:none;}
a.more-about::after,a.read-more::after,.read-more::after{
  content:"→";font-size:1.05em;line-height:1;
  transition:transform var(--dur) var(--ease);
}
a.more-about:hover,a.read-more:hover,.read-more:hover{color:var(--gold-600);transform:none;box-shadow:none;}
a.more-about:hover::after,a.read-more:hover::after,.read-more:hover::after{transform:translateX(5px);}
a.more-about i,.read-more i{display:none;}

/* ------------------------------------------------------------ 6. PRELOADER */
.preloader{display:none!important;}

/* --------------------------------------------------------------- 7. TOPBAR */
.site-header{position:relative;z-index:1000;background:transparent;border:0;}

.site-header .topbar{
  background:var(--navy-950);
  color:rgba(255,255,255,.72);
  font-size:.82rem;
  padding:0;
  border:0;
}
.site-header .topbar .row{display:flex;flex-wrap:wrap;align-items:center;margin-inline:-15px;}
.site-header .topbar [class*="col"]{float:none;}

.site-header .topbar .contact-info ul,
.site-header .topbar .social ul{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;align-items:center;
}
.site-header .topbar .contact-info ul{gap:0 24px;padding:10px 0;}
.site-header .topbar .contact-info li{
  float:none;margin:0;padding:0;border:0;
  color:rgba(255,255,255,.68);
  display:inline-flex;align-items:center;gap:.55em;
  line-height:1.5;
}
.site-header .topbar .contact-info li span{
  color:rgba(255,255,255,.55);font-weight:500;letter-spacing:.03em;
}

/* En solda marka adı — beyaz, ince ve sakin */
.site-header .topbar .contact-info .tb-marka{
  color:#fff;font-weight:600;letter-spacing:.09em;
  font-size:.775rem;text-transform:uppercase;
  position:relative;padding-right:24px;
}
.site-header .topbar .contact-info .tb-marka::after{
  content:"";position:absolute;right:0;top:50%;
  width:1px;height:13px;margin-top:-6px;
  background:rgba(255,255,255,.18);
}
/* Telefon: altın yerine beyaz; altın yalnızca ince ikon vurgusu olarak kalıyor */
.site-header .topbar .contact-info .tb-tel a{
  color:rgba(255,255,255,.92);font-weight:500;
  display:inline-flex;align-items:center;gap:.55em;letter-spacing:.01em;
}
.site-header .topbar .contact-info .tb-tel a:hover{color:#fff;}
.site-header .topbar .contact-info .tb-tel i{
  font-size:.68em;color:var(--gold-400);opacity:.9;
}
.site-header .topbar .contact-info .tb-mail a{color:rgba(255,255,255,.62);}
.site-header .topbar .contact-info .tb-mail a:hover{color:#fff;}
.site-header .topbar .social ul{justify-content:flex-end;gap:6px;padding:7px 0;}
.site-header .topbar .social li{float:none;margin:0;}
.site-header .topbar .social a{
  width:32px;height:32px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.7);
  background:rgba(255,255,255,.07);
  font-size:.82rem;
}
.site-header .topbar .social a:hover{background:var(--gold-500);color:var(--navy-900);}

@media (max-width:991px){
  .site-header .topbar{font-size:.78rem;}
  .site-header .topbar .contact-info ul{gap:2px 16px;justify-content:center;padding:9px 0;}
  .site-header .topbar .social ul{justify-content:center;padding-bottom:9px;}
  /* Dar ekranda e-posta gizlenir; marka adı ve telefon kalır */
  .site-header .topbar .contact-info .tb-mail{display:none;}
}
@media (max-width:575px){
  .site-header .topbar .contact-info .tb-marka{
    padding-right:0;font-size:.76rem;
  }
  .site-header .topbar .contact-info .tb-marka::after{display:none;}
}

/* ----------------------------------------------------------- 8. NAVIGATION */
/* Logo lacivert+altın ve açık zemin için tasarlandığı için ana menü barı
   BEYAZ. Bu hem logonun doğru görünmesini sağlıyor hem de üst bardaki
   altın yazıların yarattığı "sarı" hissi ortadan kaldırıyor. */
.site-header .navigation{
  background:#fff;
  border:0;margin:0;border-radius:0;min-height:0;
  box-shadow:0 1px 0 var(--line);
}
.site-header .navigation > .container{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}

.navbar-header{float:none;display:flex;align-items:center;gap:14px;}
.navbar-brand{display:none;}

/* --- Marka kilidi: panele yüklenen logo görseli --- */
.brand{
  display:inline-flex;align-items:center;
  padding:10px 0;text-decoration:none;line-height:0;
  flex:0 0 auto;
}
.brand img{
  display:block;width:auto;height:auto;
  max-height:clamp(46px,4.6vw,62px);
  transition:opacity var(--dur) var(--ease);
}
.brand:hover img{opacity:.85;}
/* Koyu zeminde (footer, mobil çekmece) logo biraz daha küçük durur */
.brand--koyu img{max-height:clamp(44px,4.2vw,56px);}

@media (max-width:991px){
  .brand img{max-height:44px;}
}
@media (max-width:400px){
  .brand img{max-height:38px;}
}

/* Masaüstü menü */
#navbar{float:none;padding:0;border:0;box-shadow:none;}
.navigation-holder{background:transparent;}

.nav.navbar-nav{
  display:flex;align-items:center;gap:2px;margin:0;float:none;
}
.nav.navbar-nav > li{float:none;position:relative;}
/* NOT: style.css'te ".header-style-1 #navbar > ul > li > a { color:#fff }"
   kuralı var (ID içerdiği için ağır basıyor). Beyaz zeminli menüde yazılar
   görünmez oluyordu; bu yüzden buradaki seçiciler de #navbar ile yazıldı. */
#navbar .nav.navbar-nav > li > a,
.header-style-1 #navbar > ul > li > a{
  font-family:var(--ff-body);
  font-size:.88rem;
  font-weight:500;
  letter-spacing:.035em;
  color:var(--navy-800);
  padding:30px 15px;
  background:none;
  position:relative;
  text-transform:none;
  display:block;
}
#navbar .nav.navbar-nav > li > a::after{
  content:"";position:absolute;left:15px;right:15px;bottom:22px;height:2px;
  background:var(--gold-500);
  transform:scaleX(0);transform-origin:left;
  transition:transform var(--dur) var(--ease);
}
#navbar .nav.navbar-nav > li > a:hover,
#navbar .nav.navbar-nav > li > a:focus,
#navbar .nav.navbar-nav > li.current > a,
.header-style-1 #navbar > ul > li > a:hover,
.header-style-1 #navbar > ul > li.current > a{color:var(--gold-700);background:none;}
.nav.navbar-nav > li > a:hover::after,
.nav.navbar-nav > li.current > a::after{transform:scaleX(1);}

.nav.navbar-nav > li.menu-item-has-children > a{padding-right:28px;}
.nav.navbar-nav > li.menu-item-has-children > a::before{
  content:"";position:absolute;right:14px;top:50%;
  width:6px;height:6px;margin-top:-4px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);opacity:.65;
  transition:transform var(--dur) var(--ease);
}
.nav.navbar-nav > li.menu-item-has-children:hover > a::before{transform:rotate(225deg);margin-top:-1px;}

/* Alt menü (masaüstü) */
@media (min-width:992px){
  /* Menü başlıkları iki satıra kırılmasın */
  .nav.navbar-nav > li > a{white-space:nowrap;}
}
@media (min-width:992px) and (max-width:1140px){
  .nav.navbar-nav > li > a{padding-inline:11px;font-size:.83rem;}
}

@media (min-width:992px){
  .nav.navbar-nav .sub-menu{
    position:absolute;top:100%;left:0;z-index:120;
    min-width:290px;max-width:360px;
    background:#fff;
    list-style:none;margin:0;padding:10px 0;
    border-radius:0 0 var(--r) var(--r);
    border-top:2px solid var(--gold-500);
    box-shadow:var(--sh-3);
    opacity:0;visibility:hidden;transform:translateY(12px);
    transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur);
    display:block!important;
  }
  .nav.navbar-nav > li:hover > .sub-menu,
  .nav.navbar-nav > li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
  .nav.navbar-nav > li:last-child .sub-menu,
  .nav.navbar-nav > li:nth-last-child(2) .sub-menu{left:auto;right:0;}
  .nav.navbar-nav .sub-menu li{float:none;}
  .nav.navbar-nav .sub-menu a{
    display:block;padding:11px 24px;
    font-size:.9rem;font-weight:450;line-height:1.45;
    color:var(--ink-2);background:none;border:0;
    border-left:2px solid transparent;
  }
  .nav.navbar-nav .sub-menu a:hover,
  .nav.navbar-nav .sub-menu a:focus{
    background:var(--gold-050);color:var(--navy-800);border-left-color:var(--gold-500);
  }
}

/* Açılır menü içi grup başlığı ("Multimedya") ve ayraçlı öğe ("İletişim") */
.nav.navbar-nav .sub-menu .sub-menu-baslik{pointer-events:none;}
.nav.navbar-nav .sub-menu .sub-menu-baslik span{
  display:block;padding:12px 24px 5px;
  font-size:.68rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;
  color:var(--gold-600);opacity:.9;
}
.nav.navbar-nav .sub-menu .sub-menu-ayrac{
  border-top:1px solid var(--line);margin-top:6px;padding-top:4px;
}
@media (max-width:991px){
  #navbar .nav.navbar-nav .sub-menu .sub-menu-baslik span{
    padding:11px 16px 4px 16px;color:var(--gold-500);opacity:.75;
  }
  #navbar .nav.navbar-nav .sub-menu .sub-menu-baslik::before{display:none;}
  #navbar .nav.navbar-nav .sub-menu .sub-menu-ayrac{
    border-top-color:rgba(255,255,255,.12);
  }
}

/* Sabit (sticky) header */
.site-header .navigation.sticky-on,
.site-header .navigation.sticky-header{
  position:fixed;top:0;left:0;right:0;z-index:1001;
  background:rgba(255,255,255,.97);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  box-shadow:0 4px 24px rgba(12,36,60,.12);
  animation:pmSlideDown .4s var(--ease);
}
@keyframes pmSlideDown{from{transform:translateY(-100%);}to{transform:translateY(0);}}

/* script.js sabit başlık için .navigation'ı klonlayıp ".sticky-header"
   sınıfıyla ekliyor ve sayfa kaydırılana kadar opacity:0 ile gizliyor.
   Ancak görünmez klon hâlâ tıklama alıyordu: ekranın üst ~124px'lik bandına
   denk gelen gerçek başlık öğeleri (768px'te hamburger, logo) tıklanamıyordu.
   Klon yalnızca gerçekten görünürken (.sticky-on) etkileşime açık olmalı. */
.site-header .navigation.sticky-header{pointer-events:none;}
.site-header .navigation.sticky-header.sticky-on{pointer-events:auto;}
.site-header .navigation.sticky-on .brand{padding:8px 0;}
.site-header .navigation.sticky-on .brand img{max-height:clamp(38px,3.6vw,48px);}
.site-header .navigation.sticky-on .nav.navbar-nav > li > a{padding-top:24px;padding-bottom:24px;}
.site-header .navigation.sticky-on .nav.navbar-nav > li > a::after{bottom:17px;}

/* Hamburger — açık zeminde lacivert */
.navbar-header .open-btn{
  display:none;
  width:46px;height:46px;
  border:1px solid var(--line);
  border-radius:var(--r-sm);
  background:#fff;
  padding:0;
  align-items:center;justify-content:center;
  flex-direction:column;gap:5px;
  cursor:pointer;
  position:static;              /* şablon absolute yapıyordu; logoyu ortalıyordu */
  margin-left:auto;             /* daima sağa yaslansın */
  flex:0 0 auto;
}
.navbar-header .open-btn:hover{border-color:var(--gold-500);background:var(--gold-050);}
.navbar-header .open-btn .icon-bar{
  display:block;width:20px;height:2px;background:var(--navy-800);border-radius:2px;margin:0;
}

/* --------------------------------------------- 9. MOBİL MENÜ (≤991px) */
@media (max-width:991px){
  /* Logo SOLA yaslı, hamburger SAĞDA. Şablon .open-btn'i absolute
     yaptığı için logo tek flex öğesi kalıp ortalanıyordu. */
  .navbar-header{
    width:100%;display:flex;align-items:center;
    justify-content:flex-start;gap:12px;
  }
  .navbar-header .brand{margin-right:auto;}
  .navbar-header .open-btn{display:flex;}

  .site-header .navigation > .container{flex-wrap:wrap;padding-block:6px;}

  /* Çekmece #header'ın içinde. #header kendi yığın bağlamını kurduğu için
     çekmecenin z-index'i karartma katmanıyla doğrudan yarışamaz; bu yüzden
     başlığın tamamını karartmanın üstüne alıyoruz. */
  .site-header{z-index:1200;}

  /* #navbar ID seçicisi şablonda arka planı ve z-index'i belirlediği için
     buradaki kuralların da ID özgüllüğüne çıkması gerekiyor. */
  #navbar.navigation-holder{
    position:fixed;top:0;right:0;bottom:0;
    width:min(348px,88vw);
    /* Sabit başlık klonu (.sticky-on) aynı .site-header içinde ve z-index:1001;
       çekmece onun ALTINDA kalınca kapatma düğmesi tıklanamıyordu. */
    z-index:1400;
    background:
      radial-gradient(520px 300px at 100% 0%,rgba(180,156,84,.16),transparent 60%),
      linear-gradient(170deg,var(--navy-900) 0%,var(--navy-950) 100%);
    padding:0 0 28px;
    /* Dikey kolon: üstte logo, ortada kaydırılabilir menü, altta iletişim */
    display:flex!important;
    flex-direction:column;
    overflow:hidden;            /* kaydırma orta bölüme ait */
    transform:translateX(100%);
    transition:transform .42s var(--ease);
    box-shadow:-14px 0 44px rgba(5,14,27,.4);
    height:100%;
    max-height:100%;
    border:0;
    visibility:hidden;
  }
  #navbar.navigation-holder.slideInn{transform:translateX(0);visibility:visible;}

  /* Menü açıkken hamburger düğmesi gizlensin (çekmecede kapatma düğmesi var).
     ÖNEMLİ: script.js sabit başlık için .navigation'ı KLONLUYOR; sayfada iki
     ayrı .open-btn oluşuyor ve klonunki sabit konumda, çekmecenin kapatma
     düğmesinin tam üstüne denk gelip tıklamayı yutuyordu.
     Bu yüzden kancayı tek bir .navigation'a değil, her iki başlığı da içeren
     .page-wrapper'a bağlıyoruz. */
  .page-wrapper.body-overlay .navbar-header .open-btn{
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Arka plan karartma */
  .page-wrapper::after{
    content:"";position:fixed;inset:0;z-index:1150;
    background:rgba(5,14,27,.6);
    opacity:0;pointer-events:none;
    transition:opacity .42s var(--ease);
  }
  .page-wrapper.body-overlay::after{opacity:1;pointer-events:auto;}

  #navbar.navigation-holder .close-navbar{
    /* left:auto şart — şablon bir left değeri veriyor ve aşırı kısıtlanmış
       kutuda left, right'ı ezerek düğmeyi çekmecenin dışına atıyor. */
    position:absolute;top:20px;right:20px;left:auto;bottom:auto;
    width:42px;height:42px;border-radius:50%;
    border:1px solid rgba(255,255,255,.25);
    background:transparent;color:#fff;font-size:1rem;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    z-index:70;              /* klonlanan başlığın düğmelerinin üstünde kalmalı */
  }
  #navbar.navigation-holder .close-navbar:hover{
    background:var(--gold-500);color:var(--navy-900);border-color:var(--gold-500);
  }

  /* --- Çekmece başlığı: logo --- */
  .drawer-ust{
    padding:22px 22px 20px;
    border-bottom:1px solid rgba(255,255,255,.09);
    background:rgba(255,255,255,.03);
    flex:0 0 auto;
  }
  .drawer-ust .brand{padding:0;}
  .drawer-ust .brand img{max-height:46px;}

  /* --- Menü listesi kaydırılabilir orta bölüm --- */
  #navbar .nav.navbar-nav{
    display:block;padding:14px 12px;background:transparent;
    flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;
  }

  /* --- Çekmece altı: telefon + randevu + adres --- */
  .drawer-alt{
    flex:0 0 auto;
    padding:18px 22px 4px;
    border-top:1px solid rgba(255,255,255,.09);
  }
  .drawer-tel{
    display:flex;align-items:center;gap:12px;
    padding:12px 14px;margin-bottom:12px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.1);
    border-radius:var(--r);
    color:#fff;
  }
  .drawer-tel i{
    width:34px;height:34px;flex:0 0 auto;border-radius:50%;
    background:var(--gold-500);color:var(--navy-900);
    display:flex;align-items:center;justify-content:center;font-size:.8rem;
  }
  .drawer-tel span{display:flex;flex-direction:column;line-height:1.25;}
  .drawer-tel small{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-400);}
  .drawer-tel strong{font-size:.98rem;font-weight:600;color:#fff;}
  .drawer-tel:hover{background:rgba(255,255,255,.1);color:#fff;}

  .drawer-cta{
    display:block;text-align:center;
    padding:.95em 1.2em;border-radius:var(--r-sm);
    background:var(--gold-500);color:var(--navy-900);
    font-size:.8rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  }
  .drawer-cta:hover{background:#fff;color:var(--navy-900);}

  .drawer-adres{
    margin:14px 0 0;font-size:.78rem;line-height:1.6;
    color:rgba(255,255,255,.5);text-align:center;
  }
  #navbar .nav.navbar-nav > li{border-bottom:1px solid rgba(255,255,255,.08);background:transparent;}
  #navbar .nav.navbar-nav > li:last-child{border-bottom:0;}
  #navbar .nav.navbar-nav > li > a{
    padding:15px 16px;font-size:.97rem;color:rgba(255,255,255,.9);background:transparent;
  }
  #navbar .nav.navbar-nav > li > a::after{display:none;}
  #navbar .nav.navbar-nav > li > a:hover,
  #navbar .nav.navbar-nav > li.current > a{color:var(--gold-400);}
  #navbar .nav.navbar-nav > li.menu-item-has-children > a::before{right:20px;}

  /* Alt menü: display'e DOKUNMUYORUZ (jQuery slideToggle yönetiyor) */
  #navbar .nav.navbar-nav .sub-menu{
    list-style:none;margin:0;padding:2px 0 10px;
    background:rgba(0,0,0,.22);border-radius:var(--r-sm);
    position:static;box-shadow:none;border:0;min-width:0;
  }
  #navbar .nav.navbar-nav .sub-menu li{border:0;background:transparent;}
  #navbar .nav.navbar-nav .sub-menu a{
    display:block;padding:10px 16px 10px 30px;
    font-size:.875rem;line-height:1.45;
    color:rgba(255,255,255,.68);position:relative;background:transparent;
  }
  #navbar .nav.navbar-nav .sub-menu a::before{
    content:"";position:absolute;left:16px;top:19px;width:6px;height:1px;
    background:var(--gold-500);opacity:.7;
  }
  #navbar .nav.navbar-nav .sub-menu a:hover{color:var(--gold-400);}

  .site-header .navigation.sticky-on .navbar-brand{padding:12px 0;}
}

@media (min-width:992px){
  /* Çekmeceye özel bloklar masaüstünde görünmez */
  .navigation-holder .close-navbar,
  .drawer-ust,
  .drawer-alt{display:none!important;}
}

/* ------------------------------------------------------------ 10. HERO */
/* style.css hero'yu sabit 700px + mutlak konumlandırma ile kuruyor.
   Normal akışa çeviriyoruz: yükseklik içerikle belirlensin, uzun ekranlarda
   ve mobilde öngörülebilir kalsın. */
.hero-slider{
  position:relative;
  width:100%;height:auto!important;display:block;
}
.hero-slider .swiper-container{
  position:relative!important;left:auto;top:auto;
  width:100%;height:auto!important;overflow:hidden;
}
.hero-slider .swiper-wrapper{height:auto!important;}
.hero-slider .swiper-slide{height:auto!important;overflow:hidden;}

.hero-slider .slide-inner{
  position:relative!important;left:auto;top:auto;
  width:100%;height:auto!important;
  /* Yükseklik: küçük ekranlarda taban 560px, geniş ekranlarda ekranın
     %82'si, en fazla 900px. Üst çubuk + menü ~146px yer kapladığı için
     vh oranını buna göre seçtik. */
  min-height:clamp(580px,88vh,960px);
  display:flex;align-items:center;
  /* Dolgu ölçülü tutuluyor: aksi hâlde 1280x800 gibi dizüstü ekranlarda
     içerik min-height'i aşıp hero ekranın tamamını yutuyor. */
  padding:clamp(64px,6.5vw,100px) 0;
  background-size:cover;background-position:center;
}

/* Kısa ekranlı telefonlarda (ör. 360x640) çağrı butonu fold altında
   kalmasın diye tabanı düşürüyoruz. */
@media (max-width:600px) and (max-height:700px){
  .hero-slider .slide-inner{min-height:470px;padding:44px 0;}
}

/* Yatay duran telefonlarda ekran çok basıksa hero sayfayı yutmasın */
@media (max-height:520px) and (orientation:landscape){
  .hero-slider .slide-inner{min-height:400px;padding:48px 0;}
}
/* Karartma hafifletildi: fotoğraf görünsün ama metin okunaklı kalsın.
   Sol tarafta biraz daha koyu (yazı orada), sağa doğru neredeyse açılıyor. */
.hero-slider .slide-inner::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(100deg,
      rgba(6,24,43,.78) 0%,
      rgba(6,24,43,.58) 34%,
      rgba(6,24,43,.24) 62%,
      rgba(6,24,43,.10) 100%);
}
/* Alt kenarda ince bir koyulaşma: sayfalama çubukları ve geçiş için */
.hero-slider .slide-inner::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:34%;
  background:linear-gradient(to top,rgba(6,24,43,.42),transparent);
  pointer-events:none;
}
.hero-slider .slide-inner > .container{position:relative;z-index:2;}

/* Metin okunurluğu artık gölgeyle destekleniyor (karartma azaldığı için) */
.hero-slider .slide-title h2{text-shadow:0 2px 20px rgba(3,14,26,.55);}
.hero-slider .slide-text p{text-shadow:0 1px 12px rgba(3,14,26,.5);}
.hero-slider .slide-eyebrow{text-shadow:0 1px 10px rgba(3,14,26,.5);}
.hero-slider .slide-inner > .container{position:relative;z-index:2;}

.hero-slider .slide-title h2{
  color:#fff;
  font-size:clamp(2rem,1.15rem + 3.6vw,4.1rem);
  line-height:1.1;
  max-width:17ch;
  margin-bottom:.35em;
  text-shadow:0 2px 26px rgba(0,0,0,.3);
}
.hero-slider .slide-text p{
  color:rgba(255,255,255,.84);
  font-size:clamp(1rem,.94rem + .38vw,1.2rem);
  line-height:1.72;
  max-width:56ch;
  margin-bottom:2.1em;
}
.hero-slider .slide-eyebrow{
  color:var(--gold-400);
  letter-spacing:.22em;font-size:.78rem;font-weight:600;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:14px;margin-bottom:1.35rem;
}
.hero-slider .slide-eyebrow::before{content:"";width:38px;height:1px;background:var(--gold-500);}

/* Koyu hero zemininde lacivert buton okunmaz; altın varyanta çeviriyoruz */
.hero-slider .slide-btns .theme-btn{
  --btn-bg:var(--gold-500);--btn-fg:var(--navy-900);
  border-color:var(--gold-500);
}
.hero-slider .slide-btns .theme-btn::before{background:#fff;}
.hero-slider .slide-btns .theme-btn:hover{color:var(--navy-900);border-color:#fff;}

.hero-slider .slide-btns{display:inline-flex;flex-wrap:wrap;gap:14px;align-items:center;float:none;}
.hero-slider .video-btns{display:inline-flex;align-items:center;margin-left:14px;float:none;}
.hero-slider .video-btn{
  width:56px;height:56px;border-radius:50%;
  border:1px solid rgba(255,255,255,.45);
  display:inline-flex;align-items:center;justify-content:center;
  position:relative;color:#fff;
}
.hero-slider .video-btn::after{
  content:"";display:block;
  border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;
  margin-left:4px;
}
.hero-slider .video-btn:hover{background:var(--gold-500);border-color:var(--gold-500);}
.hero-slider .video-btn:hover::after{border-left-color:var(--navy-900);}

/* Swiper kontrolleri */
.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev{
  width:52px;height:52px;border-radius:50%;
  background:rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.28);
  color:#fff;margin-top:-26px;
  transition:all var(--dur) var(--ease);
}
.hero-slider .swiper-button-next:hover,
.hero-slider .swiper-button-prev:hover{background:var(--gold-500);border-color:var(--gold-500);color:var(--navy-900);}
.hero-slider .swiper-button-next::after,
.hero-slider .swiper-button-prev::after{font-size:15px;font-weight:700;}
@media (max-width:767px){
  .hero-slider .swiper-button-next,.hero-slider .swiper-button-prev{display:none;}
}

/* style.css bu noktaları "flex:1 + padding:40px 15px 40px 100px" ile dev
   metin kutularına çeviriyor ve slayt başlığını içlerine basıyor.
   Tamamen sıfırlayıp ince çubuklara indiriyoruz. */
.hero-slider .swiper-cust-pagination{
  position:absolute;bottom:26px;left:0;right:0;z-index:20;
  display:flex;justify-content:center;align-items:center;gap:10px;
  width:auto;max-width:none;margin:0;padding:0;
}
.hero-slider .swiper-cust-pagination > div + div{border-left:0;}
.hero-slider .swiper-cust-pagination .swiper-pagination-bullet{
  flex:0 0 auto;
  width:30px;height:3px;
  padding:0;margin:0;border:0;border-radius:2px;
  background:rgba(255,255,255,.38);opacity:1;
  /* içindeki slayt başlığı metnini gizle */
  font-size:0;line-height:0;color:transparent;overflow:hidden;text-indent:-9999px;
  transition:background var(--dur) var(--ease),width var(--dur) var(--ease);
}
.hero-slider .swiper-cust-pagination .swiper-pagination-bullet::before,
.hero-slider .swiper-cust-pagination .swiper-pagination-bullet::after{display:none;}
.hero-slider .swiper-cust-pagination .swiper-pagination-bullet-active{
  background:var(--gold-500);width:46px;
}

/* -------------------------------------------------- 11. SAYFA BAŞLIĞI */
/* Şablon burada sabit yükseklik (430px / mobilde 300px) + display:table
   kullanıyor; içerik taşınca kırpılıyor. Normal akışa alıyoruz. */
.page-title{
  height:auto;min-height:0;
  position:relative;
  padding:clamp(70px,9vw,130px) 0 clamp(56px,7vw,96px);
  background:
    radial-gradient(1000px 460px at 15% -10%,rgba(201,169,97,.16),transparent 62%),
    linear-gradient(140deg,var(--navy-900) 0%,var(--navy-800) 52%,var(--navy-700) 100%);
  overflow:hidden;
  text-align:left;
}
.page-title::after{
  content:"";position:absolute;right:-90px;top:-90px;
  width:460px;height:460px;border-radius:50%;
  border:1px solid rgba(201,169,97,.16);
  pointer-events:none;
}
.page-title::before{
  content:"";position:absolute;right:20px;bottom:-160px;
  width:300px;height:300px;border-radius:50%;
  border:1px solid rgba(255,255,255,.06);
  pointer-events:none;
}
.page-title .container{
  position:relative;z-index:2;
  height:auto;display:block;padding-top:0;
}
.page-title .container > .row{display:block;vertical-align:baseline;}
.page-title h1,.page-title h2{
  color:#fff;margin:0;
  font-size:clamp(1.9rem,1.3rem + 2.4vw,3.15rem);
  max-width:22ch;
}
.page-title .ph-eyebrow{
  display:inline-flex;align-items:center;gap:13px;
  color:var(--gold-400);font-size:.76rem;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;
}
.page-title .ph-eyebrow::before{content:"";width:34px;height:1px;background:var(--gold-500);}
.page-title .ph-lead{
  color:rgba(255,255,255,.76);max-width:64ch;margin-top:1.1rem;font-size:1.045rem;line-height:1.78;
}

/* Breadcrumb */
.breadcrumb-nav{margin-top:1.6rem;}
.breadcrumb-nav ol{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;align-items:center;gap:.45em .8em;
  font-size:.83rem;
}
.breadcrumb-nav li{display:inline-flex;align-items:center;gap:.8em;color:rgba(255,255,255,.55);}
.breadcrumb-nav li + li::before{content:"/";color:rgba(255,255,255,.3);}
.breadcrumb-nav a{color:rgba(255,255,255,.72);}
.breadcrumb-nav a:hover{color:var(--gold-400);}
.breadcrumb-nav li[aria-current]{color:var(--gold-400);}

/* -------------------------------------------------------- 12. HAKKIMIZDA */
.about-section,.about-section-s3{background:var(--bg);}
/* style.css bu bölüme margin-top:60px veriyordu; slider'ın hemen altında
   hiçbir işlevi olmayan boş bir şerit oluşuyordu. Bölümün zaten
   section-padding'i var, marjı kaldırıyoruz. */
.about-section{margin-top:0;}
.about-section-s3{margin-top:0;}
.about-section .left-col,.about-section-s3 .left-col{padding-right:clamp(0px,3vw,50px);}
.about-section .mid-col,.about-section-s3 .mid-col{position:relative;}
.about-section .mid-col img,.about-section-s3 .mid-col img{
  width:100%;
  border:0!important;
  border-radius:var(--r-lg);
  box-shadow:var(--sh-3)!important;
  object-fit:cover;
  aspect-ratio:4/4.4;
}
.about-section .mid-col::before,.about-section-s3 .mid-col::before{
  content:"";position:absolute;left:-18px;top:-18px;
  width:120px;height:120px;
  border-left:2px solid var(--gold-500);border-top:2px solid var(--gold-500);
  border-radius:var(--r-lg) 0 0 0;
  z-index:-1;
}
.about-section .section-title h2,.about-section-s3 .section-title h2{margin-bottom:.7em;}

/* ------------------------------------------------- 13. HİZMET KARTLARI */
.service-section-s2{background:var(--bg-soft);}
.service-section-s2.on-hero{margin-top:0!important;}

/* 5 uzmanlık alanı için 3+2 yerleşimi, 4+1'den çok daha dengeli durur */
.service-grids{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));
  gap:clamp(16px,2vw,26px);
  float:none;
}
.service-grids::after{display:none;}
.service-grids > a{display:block;height:100%;}
/* style.css bu kartlara text-align:center veriyor; başlık ortalı ama
   "İncele →" bağlantısı sola dayalı kalıyordu. Tümünü sola hizalıyoruz. */
.service-section-s2 .service-grids .grid,
.service-section .service-grids .grid,
.service-grids .grid{
  text-align:left;
}
.service-grids .grid{
  float:none!important;width:auto!important;margin:0!important;
  height:100%;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:clamp(28px,3vw,38px) clamp(22px,2.4vw,30px);
  position:relative;
  overflow:hidden;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease);
  display:flex;flex-direction:column;gap:.35rem;
}
.service-grids .grid::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--gold-500),var(--gold-600));
  transform:scaleY(0);transform-origin:top;
  transition:transform var(--dur) var(--ease);
}
.service-grids .grid:hover{
  transform:translateY(-6px);
  box-shadow:var(--sh-2);
  border-color:var(--gold-200);
}
.service-grids .grid:hover::before{transform:scaleY(1);}
.service-grids .grid i{
  font-size:2.3rem;line-height:1;color:var(--gold-500);
  display:block;margin-bottom:1.1rem;
  transition:transform var(--dur) var(--ease);
}
.service-grids .grid:hover i{transform:translateY(-3px) scale(1.06);}
.service-grids .grid h3{
  font-size:1.14rem;line-height:1.4;margin:0 0 .5rem;color:var(--navy-800);
}
.service-grids .grid p{font-size:.945rem;line-height:1.7;color:var(--text-soft);margin:0;}
.service-grids .grid .card-more{
  margin-top:auto;padding-top:1.1rem;
  font-size:.78rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--navy-700);display:inline-flex;align-items:center;gap:.5em;
}
.service-grids .grid .card-more::after{content:"→";transition:transform var(--dur) var(--ease);}
.service-grids > a:hover .card-more{color:var(--gold-600);}
.service-grids > a:hover .card-more::after{transform:translateX(5px);}

/* ------------------------------------------------ 13b. SÜREÇ ADIMLARI */
.process-section{background:var(--bg);}
.process-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap:clamp(20px,2.6vw,34px);
  list-style:none;margin:0;padding:0;counter-reset:none;
}
.process-step{
  position:relative;padding:0 0 0 4px;list-style:none;
}
.process-step::before{display:none;}
.process-step .ps-no{
  display:block;
  font-family:var(--ff-head);
  font-size:clamp(2.4rem,1.8rem + 2vw,3.4rem);
  font-weight:600;line-height:1;
  color:var(--gold-200);
  margin-bottom:.5rem;
}
.process-step h3{font-size:1.14rem;margin:0 0 .5rem;}
.process-step p{font-size:.96rem;line-height:1.72;color:var(--text-soft);margin:0;}

/* Adımları birbirine bağlayan ince çizgi (geniş ekran) */
@media (min-width:992px){
  .process-step::after{
    content:"";position:absolute;left:calc(100% - 6px);top:26px;
    width:calc(100% - 62px);height:1px;
    background:linear-gradient(90deg,var(--gold-200),transparent);
  }
  .process-step:last-child::after{display:none;}
}

/* ------------------------------------------------ 13c. HİZMET BÖLGELERİ */
.bolge-section{background:var(--bg-soft);}
.bolge-listesi{
  list-style:none;margin:0 auto;padding:0;max-width:960px;
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
}
.bolge-listesi li{
  background:#fff;border:1px solid var(--line);border-radius:100px;
  padding:.62em 1.35em;font-size:.93rem;font-weight:500;color:var(--navy-800);
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),
             transform var(--dur) var(--ease);
}
.bolge-listesi li:hover{
  border-color:var(--gold-500);color:var(--gold-700);transform:translateY(-2px);
}
.bolge-not{
  max-width:720px;margin:clamp(26px,3vw,38px) auto 0;text-align:center;
  font-size:.95rem;color:var(--text-soft);
}
.bolge-not a{color:var(--gold-600);font-weight:500;text-decoration:underline;text-underline-offset:3px;}

/* -------------------------------------------------------- 14. NEDEN BİZ */
.service-section{background:var(--navy-900);position:relative;overflow:hidden;}
.service-section .content-area{display:flex;flex-wrap:wrap;align-items:stretch;}
.service-section .left-col{
  flex:1 1 42%;min-height:360px;
  background-size:cover!important;background-position:center!important;
  width:auto!important;height:auto!important;float:none!important;position:relative;
}
.service-section .left-col::after{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,26,47,.35),rgba(10,26,47,.7));
}
.service-section .right-col{
  flex:1 1 58%;
  width:auto!important;height:auto!important;float:none!important;
  padding:clamp(48px,6vw,92px) clamp(24px,5vw,80px);
  background:transparent;
}
.service-section .right-col .section-title-s2 h2{color:#fff;}
.service-section .right-col .section-title-s2 span{color:var(--gold-400);}
.service-section .right-col .service-grids{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
}
.service-section .right-col .service-grids .grid{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.1);
  padding:clamp(24px,2.6vw,32px);
}
.service-section .right-col .service-grids .grid:hover{
  background:rgba(255,255,255,.075);border-color:rgba(201,169,97,.42);box-shadow:none;
}
.service-section .right-col .service-grids .grid h3,
.service-section .right-col .service-grids .grid h3 a{color:#fff;font-size:1.06rem;}
.service-section .right-col .service-grids .grid p{color:rgba(255,255,255,.66);}
/* style.css bu ikonları position:absolute; top:-8px ile kartın üst kenarına
   bindiriyordu; normal akışa alıp başlığın üstüne yerleştiriyoruz. */
.service-section .right-col .service-grids .grid i{
  position:static;top:auto;left:auto;
  display:block;
  color:var(--gold-400);font-size:2rem;line-height:1;
  margin:0 0 1rem;
}

@media (max-width:991px){
  .service-section .left-col{flex:1 1 100%;min-height:260px;}
  .service-section .right-col{flex:1 1 100%;}
}

/* ----------------------------------------------------- 15. REFERANSLAR */
.testimonials-section-s3{background:var(--bg-soft);}
.testimonials-grids .grid{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:clamp(28px,3vw,38px);
  position:relative;height:auto;
  box-shadow:var(--sh-1);
}
.testimonials-grids .grid > i{
  font-size:1.9rem;color:var(--gold-200);display:block;margin-bottom:1rem;
}
.testimonials-grids .grid p{
  font-size:1rem;line-height:1.82;color:var(--ink-2);font-style:italic;
  margin-bottom:1.6rem;
}
.testimonials-grids .client-info{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.testimonials-grids .client-info .img-holder{flex:0 0 auto;}
.testimonials-grids .client-info img{
  width:56px!important;height:56px!important;border-radius:50%;object-fit:cover;
  border:2px solid var(--gold-200);
}
.testimonials-grids .client-info h3{
  margin:0;font-size:1rem;color:var(--navy-800);font-family:var(--ff-body);font-weight:600;
}
.testimonials-grids .client-info span{font-size:.85rem;color:var(--text-soft);}

/* -------------------------------------------------------- 16. SAYAÇLAR */
.fun-fact-section{
  background:
    radial-gradient(800px 400px at 80% 0%,rgba(201,169,97,.14),transparent 60%),
    linear-gradient(120deg,var(--navy-900),var(--navy-800));
  padding:clamp(52px,6vw,86px) 0;
}
.fun-fact-grids{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));
  gap:clamp(20px,3vw,40px);float:none;
}
.fun-fact-grids::after{display:none;}
.fun-fact-grids .grid{
  float:none!important;width:auto!important;text-align:center;
  padding:0 12px;position:relative;
}
.fun-fact-grids .grid + .grid::before{
  content:"";position:absolute;left:0;top:14%;bottom:14%;width:1px;
  background:rgba(255,255,255,.12);
}
.fun-fact-grids .grid h3{
  font-size:clamp(2.2rem,1.5rem + 2.4vw,3.3rem);
  color:var(--gold-500);margin:0 0 .1em;line-height:1;font-weight:600;
}
.fun-fact-grids .grid h3 br{display:none;}
.fun-fact-grids .grid p{
  color:rgba(255,255,255,.72);font-size:.9rem;
  letter-spacing:.09em;text-transform:uppercase;margin:.5rem 0 0;font-weight:500;
}
@media (max-width:575px){
  .fun-fact-grids .grid + .grid::before{display:none;}
}

/* ------------------------------------------------------------- 17. EKİP */
.team-section{background:var(--bg);}
/* Owl slider'a bağlı OLMAYAN ekip listesi ızgaraya döner */
.team-grids:not(.team-slider){
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:clamp(18px,2.2vw,28px);
  float:none;
}
.team-grids:not(.team-slider)::after{display:none;}
.team-grids:not(.team-slider) .grid{float:none!important;width:auto!important;margin:0!important;}
.team-grids .grid{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.team-grids .grid:hover{transform:translateY(-6px);box-shadow:var(--sh-2);}
.team-grids .img-holder{position:relative;overflow:hidden;background:var(--bg-tint);}
.team-grids .img-holder img{
  width:100%!important;height:340px!important;object-fit:cover;display:block;
  transition:transform .6s var(--ease);
}
.team-grids .grid:hover .img-holder img{transform:scale(1.05);}
.team-grids .details{padding:22px 24px 26px;text-align:center;position:relative;}
.team-grids .details h3{margin:0 0 .2em;font-size:1.14rem;}
.team-grids .details h3 a{color:var(--navy-800);cursor:default;}
.team-grids .details p{
  margin:0;font-size:.85rem;color:var(--gold-600);
  letter-spacing:.1em;text-transform:uppercase;font-weight:600;
}
.team-grids .social{margin-bottom:.9rem;}
.team-grids .social ul{
  list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:8px;
}
.team-grids .social li{float:none;}
.team-grids .social a{
  width:34px;height:34px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--bg-tint);color:var(--navy-700);font-size:.82rem;
}
.team-grids .social a:hover{background:var(--gold-500);color:var(--navy-900);}

/* Owl carousel içindeyken kartlar arası boşluk */
.team-slider .owl-stage{display:flex;}
.team-slider .owl-item{display:flex;}
.team-slider .owl-item > .grid{width:100%;}
.owl-nav button.owl-prev,.owl-nav button.owl-next{
  width:44px;height:44px;border-radius:50%!important;
  background:#fff!important;border:1px solid var(--line)!important;
  color:var(--navy-800)!important;box-shadow:var(--sh-1);
}
.owl-nav button.owl-prev:hover,.owl-nav button.owl-next:hover{
  background:var(--gold-500)!important;border-color:var(--gold-500)!important;color:var(--navy-900)!important;
}
.owl-dots .owl-dot span{background:var(--line)!important;width:9px!important;height:9px!important;}
.owl-dots .owl-dot.active span{background:var(--gold-500)!important;width:26px!important;border-radius:4px!important;}

/* --------------------------------------------------------- 18. İLETİŞİM */
.contact-section,.contact-section-s3{background:var(--bg-soft);}
/* style.css bölümün üstüne tam boy dekoratif bir degrade katman koyuyor;
   padding alanında boş bir bant olarak görünüyor. Kapatıyoruz. */
.contact-section::before,
.contact-section-s2::before,
.contact-section-s3::before{display:none!important;}
.contact-section,.contact-section-s3{padding-top:0;padding-bottom:0;}
.contact-section .content-area,
.contact-section-s3 .content-area{
  display:flex;flex-wrap:wrap;align-items:stretch;
}
.contact-section .contact-info-col,
.contact-section-s3 .contact-info-col{
  flex:1 1 38%;width:auto!important;float:none!important;
  background:linear-gradient(150deg,var(--navy-900),var(--navy-800));
  padding:clamp(44px,5vw,76px) clamp(26px,3.4vw,54px);
  position:relative;overflow:hidden;
}
.contact-section .contact-info-col::after,
.contact-section-s3 .contact-info-col::after{
  content:"";position:absolute;right:-70px;bottom:-70px;
  width:280px;height:280px;border-radius:50%;
  border:1px solid rgba(201,169,97,.18);
}
.contact-section .contact-form-col,
.contact-section-s3 .contact-form-col{
  flex:1 1 62%;width:auto!important;float:none!important;
  background:#fff;
  padding:clamp(44px,5vw,76px) clamp(26px,3.4vw,60px);
}
@media (max-width:991px){
  .contact-section .contact-info-col,.contact-section-s3 .contact-info-col,
  .contact-section .contact-form-col,.contact-section-s3 .contact-form-col{flex:1 1 100%;}
}

.contact-info ul{list-style:none;margin:0;padding:0;position:relative;z-index:2;}
.contact-info li{
  padding:0 0 30px 0;margin:0 0 30px;border-bottom:1px solid rgba(255,255,255,.1);
  position:relative;list-style:none;
}
.contact-info li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.contact-info li > i{
  font-size:1.5rem;color:var(--gold-500);display:block;margin-bottom:.7rem;
}
.contact-info li h4{
  color:#fff;font-size:.79rem;letter-spacing:.17em;text-transform:uppercase;
  font-family:var(--ff-body);font-weight:600;margin:0 0 .4rem;
}
.contact-info li p,.contact-info li p a{
  color:rgba(255,255,255,.8)!important;margin:0 0 .2rem;font-size:1rem;line-height:1.65;
}
.contact-info li p a:hover{color:var(--gold-400)!important;}

/* Form */
.contact-form form{
  display:grid;grid-template-columns:repeat(2,1fr);gap:16px;
}
.contact-form form > div{margin:0;width:auto!important;float:none!important;}
.contact-form .fullwidth,
.contact-form .submit-area{grid-column:1/-1;}
@media (max-width:600px){
  .contact-form form{grid-template-columns:1fr;}
}

.form-control,
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form select,
.contact-form textarea{
  width:100%;height:auto;
  padding:15px 18px;
  font-family:var(--ff-body);font-size:.97rem;color:var(--ink);
  background:var(--bg-soft);
  border:1px solid var(--line);
  border-radius:var(--r-sm);
  box-shadow:none;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur) var(--ease);
}
.contact-form textarea{min-height:150px;resize:vertical;}
.form-control:focus,
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{
  outline:0;background:#fff;
  border-color:var(--gold-500);
  box-shadow:0 0 0 3px rgba(201,169,97,.16);
}
.form-control::placeholder{color:#93A0B0;}

.contact-form label.error{
  color:#C0392B;font-size:.82rem;margin-top:.35rem;display:block;font-weight:500;
}
.contact-form .submit-area{margin-top:.4rem;}
.form-note{font-size:.83rem;color:var(--text-soft);grid-column:1/-1;margin:0;}

/* reCAPTCHA — dar ekranlarda 304px'lik widget taşmasın */
.recaptcha-alan{grid-column:1/-1;margin:.2rem 0;}
.recaptcha-alan .g-recaptcha{display:inline-block;}
@media (max-width:360px){
  .recaptcha-alan .g-recaptcha{
    transform:scale(.86);transform-origin:0 0;height:66px;
  }
}

.contact-map iframe,.contact-map-section iframe{
  width:100%;height:clamp(300px,42vw,480px);border:0;display:block;filter:grayscale(.28) contrast(1.04);
}

/* ------------------------------------------------------------- 19. BLOG */
.blog-section{background:var(--bg);}
.blog-grids{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap:clamp(20px,2.4vw,32px);float:none;
}
.blog-grids::after{display:none;}
.blog-grids .grid{
  float:none!important;width:auto!important;margin:0!important;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.blog-grids .grid:hover{transform:translateY(-6px);box-shadow:var(--sh-2);}
.blog-grids .entry-media{overflow:hidden;background:var(--bg-tint);}
.blog-grids .entry-media img{
  width:100%!important;height:230px!important;object-fit:cover;display:block;
  transition:transform .6s var(--ease);
}
.blog-grids .grid:hover .entry-media img{transform:scale(1.055);}
.blog-grids .entry-details{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1;}
/* style.css tarihi karta taşan mutlak konumlu bir rozet yapıyor
   (top:-20px); kart overflow:hidden olduğu için kırpılıyor. Akışa alıyoruz. */
.blog-grids .cat,
.blog-section .entry-details .cat,
.blog-section-s2 .entry-details .cat,
.blog-pg-section .entry-details .cat{
  position:static;left:auto;top:auto;
  display:block;
  font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--gold-600);font-weight:600;
  margin:0 0 .6rem;padding:0;
  background:none;border-radius:0;
}
.blog-grids .entry-details h3{font-size:1.16rem;line-height:1.42;margin:0 0 .55rem;}
.blog-grids .entry-details h3 a{color:var(--navy-800);}
.blog-grids .entry-details h3 a:hover{color:var(--gold-600);}
.blog-grids .entry-details p{font-size:.945rem;color:var(--text-soft);margin-bottom:1.1rem;}
.blog-grids .entry-details .read-more{margin-top:auto;}

/* ------------------------------------------------ 20. TEKİL SAYFALAR */
.service-single-section,.blog-single-section{background:var(--bg);}

.service-single-content,.blog-content .post{
  background:#fff;margin-top:0!important;
}
.service-single-content .service-pic img,
.blog-content .entry-media img{
  border-radius:var(--r);box-shadow:var(--sh-2);margin-bottom:2rem;
  width:100%;object-fit:cover;
}
.service-single-content h2,.blog-content .post h2{
  font-size:clamp(1.55rem,1.2rem + 1.4vw,2.2rem);margin-bottom:.7em;
}
.service-single-content h3,.blog-content .post h3{margin-top:1.9em;font-size:1.35rem;}
.service-single-content h4,.blog-content .post h4{margin-top:1.6em;font-size:1.13rem;}
.service-single-content p,.blog-content .post p{
  font-size:1.045rem;line-height:1.85;margin-bottom:1.25em;
}
.service-single-content ul,.blog-content .post ul,
.service-single-content ol,.blog-content .post ol{
  margin:0 0 1.5em;padding-left:0;list-style:none;
}
.service-single-content ul li,.blog-content .post ul li{
  position:relative;padding-left:30px;margin-bottom:.75em;line-height:1.75;
}
.service-single-content ul li::before,.blog-content .post ul li::before{
  content:"";position:absolute;left:2px;top:.72em;
  width:8px;height:8px;border-radius:50%;
  background:var(--gold-500);
}
.service-single-content ol,.blog-content .post ol{counter-reset:pmol;}
.service-single-content ol li,.blog-content .post ol li{
  position:relative;padding-left:38px;margin-bottom:.75em;counter-increment:pmol;
}
.service-single-content ol li::before,.blog-content .post ol li::before{
  content:counter(pmol);position:absolute;left:0;top:.05em;
  width:25px;height:25px;border-radius:50%;
  background:var(--gold-050);color:var(--gold-700);
  border:1px solid var(--gold-200);
  font-size:.78rem;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.service-single-content blockquote,.blog-content blockquote{
  margin:2em 0;padding:26px 30px;
  background:var(--gold-050);
  border:0;border-left:3px solid var(--gold-500);
  border-radius:0 var(--r) var(--r) 0;
  font-size:1.06rem;font-style:italic;color:var(--navy-800);
}
.service-single-content table,.blog-content table{
  width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem;
}
.service-single-content th,.service-single-content td,
.blog-content th,.blog-content td{border:1px solid var(--line);padding:11px 14px;text-align:left;}
.service-single-content th,.blog-content th{background:var(--bg-tint);color:var(--navy-800);font-weight:600;}

.date-entry-meta .cat{
  color:var(--gold-600);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;
  font-weight:600;margin-bottom:.7rem;background:none;padding:0;
}

/* Kenar çubuğu / widget */
.service-sidebar,.blog-sidebar{position:sticky;top:100px;}
@media (max-width:991px){
  .service-sidebar,.blog-sidebar{position:static;margin-top:44px;}
}
.service-sidebar .widget,.blog-sidebar .widget{
  background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r);
  padding:26px 26px 28px;margin-bottom:24px;
}
.service-sidebar .widget h3,.blog-sidebar .widget h3,
.service-sidebar .widget h4,.blog-sidebar .widget h4{
  font-size:1.1rem;margin:0 0 1.1rem;padding-bottom:.75rem;
  border-bottom:1px solid var(--line);position:relative;
}
.service-sidebar .widget h3::after,.blog-sidebar .widget h3::after{
  content:"";position:absolute;left:0;bottom:-1px;width:44px;height:2px;background:var(--gold-500);
}
.service-list-widget ul,.category-widget ul{list-style:none;margin:0;padding:0;}
.service-list-widget li,.category-widget li{border:0;margin-bottom:2px;}
.service-list-widget li a,.category-widget li a{
  display:block;padding:11px 16px 11px 18px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);
  font-size:.93rem;line-height:1.45;color:var(--ink-2);position:relative;
}
.service-list-widget li a:hover,.category-widget li a:hover,
.service-list-widget li.current a{
  background:var(--navy-800);border-color:var(--navy-800);color:#fff;
}
.service-list-widget li.current a{font-weight:600;}

/* "Desteğe mi İhtiyacınız Var?" kutusu.
   Şablonun kalıtsal kuralları yüzünden metin okunmuyor ve buton taşıyordu;
   tüm değerler burada açıkça (ve !important ile) sabitleniyor. */
.service-sidebar .contact-widget{
  background:linear-gradient(155deg,var(--navy-800) 0%,var(--navy-900) 100%)!important;
  border:0!important;
  border-radius:var(--r);
  padding:30px 26px 32px!important;
  height:auto!important;min-height:0;overflow:visible;
  display:block;
}
/* style.css kutunun üstüne rgba(38,43,62,.9) tam boy bir katman koyuyor.
   Başlık konumlandırılmış olduğu için katmanın üstünde kalıyor, ancak
   paragraf ve buton altında kalıp soluyordu. Katmanı kaldırıyoruz. */
.service-sidebar .contact-widget::before,
.service-sidebar .contact-widget::after{display:none!important;content:none!important;}

.service-sidebar .contact-widget > div{
  background:none;padding:0;margin:0;
  position:relative;z-index:2;
}
.service-sidebar .contact-widget h4,
.service-sidebar .contact-widget p,
.service-sidebar .contact-widget a{position:relative;z-index:2;}

.service-sidebar .contact-widget h4{
  color:#fff!important;
  font-family:var(--ff-head);
  font-size:1.12rem;line-height:1.35;
  margin:0 0 .85rem!important;padding:0 0 .8rem!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  position:relative;
}
.service-sidebar .contact-widget h4::after{
  content:"";position:absolute;left:0;bottom:-1px;
  width:44px;height:2px;background:var(--gold-500);
}
.service-sidebar .contact-widget p{
  color:rgba(255,255,255,.88)!important;
  font-size:.95rem!important;line-height:1.7!important;
  margin:0 0 1.5rem!important;
}
.service-sidebar .contact-widget a{
  display:block!important;width:100%;
  text-align:center;
  padding:1em 1.4em!important;
  background:var(--gold-500)!important;
  color:var(--navy-900)!important;
  border:0;border-radius:var(--r-sm);
  font-size:.82rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  line-height:1.2;
  box-shadow:0 6px 18px rgba(180,156,84,.3);
}
.service-sidebar .contact-widget a:hover{
  background:#fff!important;color:var(--navy-900)!important;
}

.recent-post-widget .posts .post{
  display:flex;gap:14px;align-items:flex-start;
  padding:0 0 15px;margin-bottom:15px;border-bottom:1px solid var(--line);
}
.recent-post-widget .posts .post:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.recent-post-widget .img-holder{flex:0 0 74px;}
.recent-post-widget .img-holder img{
  width:74px!important;height:60px!important;object-fit:cover;border-radius:var(--r-sm);display:block;
}
.recent-post-widget .details h4{
  font-size:.94rem;line-height:1.42;margin:0 0 .3rem;border:0;padding:0;
  font-family:var(--ff-body);font-weight:600;
}
.recent-post-widget .details h4::after{display:none;}
.recent-post-widget .details h4 a{color:var(--navy-800);}
.recent-post-widget .details h4 a:hover{color:var(--gold-600);}
.recent-post-widget .date{font-size:.79rem;color:var(--text-soft);display:inline-flex;align-items:center;gap:.4em;}

/* ---------------------------------------------------------------- 21. SSS */
.faq-pg-section{background:var(--bg);}
.faq-accordion .panel,
.faq-accordion .panel-default{
  border:1px solid var(--line)!important;
  border-radius:var(--r)!important;
  box-shadow:none!important;
  margin:0 0 12px!important;
  background:#fff;
  overflow:hidden;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.faq-accordion .panel:hover{border-color:var(--gold-200)!important;}
.faq-accordion .panel-heading{
  padding:0;background:none!important;border:0!important;border-radius:0!important;
}
.faq-accordion .panel-heading a{
  display:block;position:relative;
  padding:21px 62px 21px 26px;
  font-family:var(--ff-head);
  font-size:clamp(1.02rem,.98rem + .3vw,1.16rem);
  font-weight:600;line-height:1.45;
  color:var(--navy-800);
  background:none;
}
.faq-accordion .panel-heading a:hover{color:var(--gold-600);}
.faq-accordion .panel-heading a::after{
  content:"";position:absolute;right:26px;top:50%;
  width:11px;height:11px;margin-top:-7px;
  border-right:2px solid var(--gold-500);border-bottom:2px solid var(--gold-500);
  transform:rotate(-135deg);
  transition:transform var(--dur) var(--ease);
}
.faq-accordion .panel-heading a.collapsed::after{transform:rotate(45deg);margin-top:-9px;}
.faq-accordion .panel-body{
  padding:0 26px 26px;border:0!important;
  color:var(--text);font-size:1rem;line-height:1.8;
}
.faq-accordion .panel-body p{margin-bottom:1em;}
.faq-accordion .panel-body p:last-child{margin-bottom:0;}
.faq-accordion .panel + .panel{margin-top:0;}

/* ------------------------------------------------------------ 22. GALERİ */
.shop-pg-section{background:var(--bg);}
.shop-grids{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:clamp(16px,2vw,26px);float:none;
}
.shop-grids::after{display:none;}
.shop-grids .grid{
  float:none!important;width:auto!important;margin:0!important;
  border-radius:var(--r);overflow:hidden;background:var(--bg-tint);
  box-shadow:var(--sh-1);
}
.shop-grids .img-holder{overflow:hidden;}
.shop-grids .img-holder img{
  width:100%!important;height:250px!important;object-fit:cover;display:block;
  transition:transform .6s var(--ease);
}
.shop-grids .grid:hover .img-holder img{transform:scale(1.06);}
.shop-grids .img-cart{position:relative;}
.shop-grids iframe{display:block;border-radius:var(--r);aspect-ratio:16/9;height:auto!important;}

/* --------------------------------------------------------- 23. SAYFALAMA */
.pagination-wrapper{margin-top:clamp(34px,4vw,54px);}
.pg-pagination{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
}
.pg-pagination li{float:none;margin:0;}
.pg-pagination li a{
  min-width:44px;height:44px;padding:0 12px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);
  color:var(--navy-800);font-weight:600;font-size:.94rem;
}
.pg-pagination li a:hover{background:var(--gold-050);border-color:var(--gold-500);color:var(--gold-700);}
.pg-pagination li.active a{
  background:var(--navy-800);border-color:var(--navy-800);color:#fff;cursor:default;
}

/* ------------------------------------------------------------ 24. FOOTER */
.site-footer{
  background:var(--navy-950);color:rgba(255,255,255,.62);
  font-size:.945rem;position:relative;overflow:hidden;
}
.site-footer::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold-500),transparent);
}
.site-footer .upper-footer{padding:clamp(52px,6vw,86px) 0 clamp(30px,3.4vw,48px);}
.site-footer .upper-footer > .container > .row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));
  gap:clamp(28px,3vw,44px);
  margin-inline:0;
}
.site-footer .upper-footer [class*="col"]{float:none;width:auto;padding:0;}

.site-footer .logo-area img{max-height:62px;width:auto;}
.site-footer .about-widget p{color:rgba(255,255,255,.6);line-height:1.78;}

.site-footer .widget-title h3{
  color:#fff;font-size:1.06rem;margin:0 0 1.35rem;position:relative;padding-bottom:.7rem;
}
.site-footer .widget-title h3::after{
  content:"";position:absolute;left:0;bottom:0;width:36px;height:2px;background:var(--gold-500);
}
/* style.css "Hızlı Menü" listesine float:left + width:50% veriyor;
   mobilde bu sütun sola kayıp diğerleriyle hizasız kalıyordu. */
.site-footer .widget ul{
  list-style:none;margin:0;padding:0;
  float:none;width:auto;
}
.site-footer .widget li{margin-bottom:.5rem;line-height:1.6;}
.site-footer .widget a{color:rgba(255,255,255,.62);display:inline-block;}
.site-footer .widget a:hover{color:var(--gold-400);transform:translateX(3px);}
.site-footer .contact-widget li{color:rgba(255,255,255,.62);margin-bottom:.85rem;}
.site-footer .contact-widget li span{color:var(--gold-400);font-weight:600;}

.site-footer .lower-footer{
  border-top:1px solid rgba(255,255,255,.08);
  padding:20px 0;
}
.site-footer .lower-footer .separator{display:none;}

/* Alt bar: solda telif, sağda tasarımcı */
.site-footer .lower-footer .alt-bar{
  display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:8px 20px;
}
.site-footer .lower-footer .alt-bar p{
  margin:0;font-size:.86rem;color:rgba(255,255,255,.5);
}
.site-footer .lower-footer .alt-bar-sag{margin-left:auto;}
.site-footer .lower-footer .alt-bar a{
  color:var(--gold-400);font-weight:500;
}
.site-footer .lower-footer .alt-bar a:hover{color:#fff;transform:none;}

@media (max-width:600px){
  .site-footer .lower-footer .alt-bar{justify-content:center;text-align:center;}
  .site-footer .lower-footer .alt-bar-sag{margin-left:0;}
}

@media (max-width:767px){
  .site-footer{text-align:center;}
  .site-footer .widget-title h3::after{left:50%;transform:translateX(-50%);}
  .site-footer .lower-footer .row{justify-content:center;text-align:center;}
  .site-footer .logo-area{display:flex;justify-content:center;}
}

/* --------------------------------------------------- 25. YARDIMCI/DİĞER */
/* --- Sağ alt köşe: WhatsApp → Ara → Yukarı oku, tek sütun --- */
/* Yukarı ok butonunu script.js body'nin sonuna ekliyor; bu yüzden
   ikisini de fixed konumlandırıp aynı sütunda hizalıyoruz. */
:root{
  --qa-sag:22px;      /* sağ kenar boşluğu */
  --qa-alt:22px;      /* alt kenar boşluğu */
  --qa-boyut:52px;    /* düğme çapı */
  --qa-aralik:10px;   /* düğmeler arası boşluk */
}

.quick-actions{
  position:fixed;
  right:var(--qa-sag);
  /* yukarı ok en altta durur, hızlı erişim onun üstünde başlar */
  bottom:calc(var(--qa-alt) + var(--qa-boyut) + var(--qa-aralik));
  left:auto;
  z-index:900;
  display:flex;flex-direction:column;gap:var(--qa-aralik);
}
.quick-actions a{
  width:var(--qa-boyut);height:var(--qa-boyut);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.28rem;box-shadow:var(--sh-2);
  transition:transform var(--dur) var(--ease),filter var(--dur) var(--ease);
}
.quick-actions .qa-wa{background:#25D366;}
.quick-actions .qa-tel{background:#1877F2;}   /* istenen Facebook mavisi */
.quick-actions a:hover{transform:translateY(-3px);color:#fff;filter:brightness(1.07);}

.back-to-top{
  position:fixed;
  right:var(--qa-sag);
  bottom:var(--qa-alt);
  left:auto;
  z-index:900;
  width:var(--qa-boyut);height:var(--qa-boyut);border-radius:50%;
  background:var(--navy-900);color:#fff;
  display:flex!important;align-items:center;justify-content:center;
  box-shadow:var(--sh-2);border:0;
}
.back-to-top:hover{background:var(--gold-500);color:var(--navy-900);}

@media (max-width:575px){
  :root{--qa-sag:14px;--qa-alt:14px;--qa-boyut:46px;--qa-aralik:9px;}
  .quick-actions a{font-size:1.12rem;}
}

/* Görsel olarak gizli ama ekran okuyucuya açık */
.visually-hidden,.hidden-seo{
  position:absolute!important;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* CTA şeridi */
.cta-strip{
  background:linear-gradient(120deg,var(--gold-600),var(--gold-500));
  padding:clamp(38px,4.4vw,60px) 0;
}
.cta-strip .cta-inner{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;
}
.cta-strip h2{color:var(--navy-900);margin:0 0 .25em;font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);}
.cta-strip p{color:rgba(10,26,47,.78);margin:0;font-size:1.02rem;}
.cta-strip .theme-btn{--btn-bg:var(--navy-900);border-color:var(--navy-900);flex:0 0 auto;}
.cta-strip .theme-btn::before{background:#fff;}
.cta-strip .theme-btn:hover{color:var(--navy-900);border-color:#fff;}

/* Bilgi/uyarı kutusu */
.notice-box{
  background:var(--gold-050);border:1px solid var(--gold-200);
  border-radius:var(--r);padding:22px 26px;margin:2em 0;
  font-size:.98rem;color:var(--navy-800);
}
.notice-box strong{color:var(--gold-700);}

/* Eski temadan kalan gereksiz süslemeleri kapat */
.section-title::before,.section-title::after,
.section-title-s2::before,.section-title-s2::after,
.section-title-s3::before,.section-title-s3::after{display:none;}

/* WOW.js animasyonu devre dışıysa içerik görünsün */
.wow{visibility:visible!important;}

/* ------------------------------------------------------------- 26. PRINT */
@media print{
  .site-header,.site-footer,.back-to-top,.quick-actions,
  .hero-slider,.contact-map-section,.breadcrumb-nav{display:none!important;}
  body{color:#000;font-size:11.5pt;}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#555;}
  .section-padding{padding:0;}
}