@charset "UTF-8";
/* ==========================================================================
   ALKAYA MÜHENDİSLİK — Premium tasarım katmanı
   Mevcut Bootstrap 3 iskeletinin üzerine biner. DOM ve URL'ler korunur.
   ========================================================================== */

/* --------------------------------------------------------------- 1. Jetonlar */
:root{
  /* Yüzeyler — derin lacivert/antrasit, endüstriyel otorite */
  --ink-950:#070C15;
  --ink-900:#0B1220;
  --ink-850:#0F1728;
  --ink-800:#131D31;
  --ink-700:#1B2740;
  --ink-600:#27364F;
  --line   :#243149;

  /* Nötrler */
  --steel-500:#6B7B96;
  --steel-400:#8A99B2;
  --steel-300:#AEBACE;
  --steel-200:#D3DAE6;
  --mist-100 :#EDF1F7;
  --mist-50  :#F6F8FC;
  --white    :#FFFFFF;

  /* Marka — mevcut kırmızı korundu ama derinleştirildi */
  --brand-600:#A5121F;
  --brand-500:#C4152A;
  --brand-400:#DC2438;
  --brand-100:#FDECEE;

  /* Sinyal sarısı — vinç/uyarı dili, çok az kullanılır */
  --signal:#F5B324;

  --r-sm:3px; --r-md:5px; --r-lg:8px;

  --sh-1:0 1px 2px rgba(11,18,32,.06), 0 1px 3px rgba(11,18,32,.05);
  --sh-2:0 2px 4px rgba(11,18,32,.05), 0 8px 20px rgba(11,18,32,.07);
  --sh-3:0 4px 8px rgba(11,18,32,.06), 0 20px 48px rgba(11,18,32,.12);

  --ease:cubic-bezier(.22,.61,.36,1);

  /* Sistem font yığını — harici istek yok, anında render, KVKK dostu */
  --fd:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI Variable Display',
       'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --fb:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI Variable Text',
       'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}

/* --------------------------------------------------------------- 2. Temel */
*,*::before,*::after{box-sizing:border-box}

/* Sabit menü yüksekliği telafisi — ölçülen gerçek değerler */
#container{padding-top:123px}

/* GÜVENLİK: şablon #container'ı opacity:0 ile gizliyor ve görünür hale
   getirmeyi script.js'e bırakıyordu. jQuery ya da script.js yüklenmezse
   sitenin tamamı boş kalıyordu. Varsayılan görünür yapıldı. */
#container{opacity:1!important}

body{
  font-family:var(--fb);
  font-size:17.5px;
  line-height:1.72;
  color:#33415C;
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3{
  font-family:var(--fd);
  color:var(--ink-900);
  font-weight:800;
  letter-spacing:-.021em;
  line-height:1.14;
  margin:0 0 .6em;
  text-wrap:balance;
}
h1{font-size:clamp(2.1rem,1.35rem + 2.5vw,3.5rem)}
h2{font-size:clamp(1.6rem,1.15rem + 1.5vw,2.5rem)}
h3{font-size:clamp(1.22rem,1.05rem + .6vw,1.6rem);font-weight:700}
h4{font-size:1.09rem;font-weight:700;letter-spacing:-.012em}

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

a{color:var(--brand-500);text-decoration:none;transition:color .2s var(--ease)}
a:hover,a:focus{color:var(--brand-600);text-decoration:none}

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

::selection{background:var(--ink-900);color:#fff}

/* Odak halkası: fareyle tıklamada gizli, klavyeyle gezinmede görünür.
   :focus:not(:focus-visible) tam olarak "tıklandı ama klavyeyle gelinmedi" durumudur. */
:focus:not(:focus-visible){
  outline:none !important;
  box-shadow:none !important;
}
/* :focus-visible desteklemeyen eski tarayıcılar için güvenli geri dönüş */
a:focus,button:focus,summary:focus,.navbar-brand:focus,
input:focus,textarea:focus,select:focus{outline:none}

:focus-visible{
  outline:2px solid var(--brand-500) !important;
  outline-offset:3px;
  border-radius:var(--r-sm);
}

/* Bölüm ritmi — sıkılaştırıldı */
section{padding:clamp(42px,4.8vw,72px) 0}
section.no-pad{padding:0}

/* Bölüm başlığı bloğu */
.sec-head{max-width:720px;margin:0 auto clamp(26px,3vw,42px);text-align:center}
.sec-head .eyebrow{
  display:inline-block;font-family:var(--fd);font-size:.735rem;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:var(--brand-500);
  margin-bottom:14px;
}
.sec-head .eyebrow::before{
  content:"";display:inline-block;width:22px;height:2px;background:var(--brand-500);
  vertical-align:middle;margin-right:10px;transform:translateY(-2px);
}
.sec-head p{color:var(--steel-500);font-size:1.06rem;margin-top:-.2em}

/* --------------------------------------------------------------- 3. Üst şerit */
.top-line{
  background:var(--ink-950)!important;
  border-bottom:1px solid rgba(255,255,255,.07);
  padding:9px 0;
  font-size:.78rem;
  letter-spacing:.028em;
}
/* İki grup tek satırda kalsın — Bootstrap sütunları tablette alt alta düşüyordu */
.top-line .row{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:nowrap;gap:16px;margin:0;
}
.top-line .row::before,.top-line .row::after{display:none!important}
.top-line .row > [class*="col-"]{width:auto;float:none;padding:0;flex:0 0 auto}
.top-line .row > [class*="col-"]:first-child{flex:1 1 auto;min-width:0}

.top-line .info-list{margin:0;padding:0;list-style:none}
.top-line .info-list li{
  display:inline-block;margin-right:28px;color:var(--steel-400);
  font-weight:500;text-transform:none;
}
.top-line .info-list li i{color:var(--brand-400);margin-right:8px}
.top-line .info-list li span,
.top-line .info-list li span a{color:var(--white);font-weight:600}
.top-line .info-list li span a:hover{color:var(--signal)}

.top-line .social-icons{margin:0;padding:0;list-style:none;text-align:right}
.top-line .social-icons li{display:inline-block;margin-left:5px}
.top-line .social-icons li a{
  display:grid;place-items:center;width:27px;height:27px;
  border:1px solid rgba(255,255,255,.14);border-radius:var(--r-sm);
  color:var(--steel-400);font-size:.76rem;
  transition:all .22s var(--ease);
}
.top-line .social-icons li a:hover{
  background:var(--brand-500);border-color:var(--brand-500);
  color:#fff;transform:translateY(-1px);
}

/* --------------------------------------------------------------- 4. Navbar */
.navbar-default,.navbar.navbar-fixed-top{
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border:0!important;
  border-bottom:1px solid var(--mist-100)!important;
  box-shadow:0 1px 0 rgba(11,18,32,.04);
  border-radius:0;
  margin:0;
}
.navbar-brand{
  height:auto;padding:14px 15px;
  display:inline-flex;align-items:center;gap:13px;
}
.navbar-brand img{max-height:46px;width:auto;flex-shrink:0}
.brand-text{
  font-family:var(--fd);font-size:.945rem;font-weight:800;
  letter-spacing:.085em;color:var(--ink-900);
  white-space:nowrap;line-height:1.1;
  transition:color .2s var(--ease);
}
.navbar-brand:hover .brand-text{color:var(--brand-500)}
@media (max-width:480px){
  .brand-text{font-size:.78rem;letter-spacing:.05em}
  .navbar-brand{gap:9px;padding-left:12px}
  .navbar-brand img{max-height:38px}
}

.navbar-default .navbar-nav > li > a{
  font-family:var(--fd);
  font-size:.795rem;
  font-weight:700;
  letter-spacing:.085em;
  text-transform:uppercase;
  color:var(--ink-700)!important;
  padding:28px 15px;
  position:relative;
  transition:color .2s var(--ease);
}
.navbar-default .navbar-nav > li > a::after{
  content:"";position:absolute;left:15px;right:15px;bottom:20px;height:2px;
  background:var(--brand-500);transform:scaleX(0);transform-origin:left;
  transition:transform .28s var(--ease);
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.active > a{color:var(--brand-500)!important;background:transparent!important}
.navbar-default .navbar-nav > li > a:hover::after,
.navbar-default .navbar-nav > li.active > a::after{transform:scaleX(1)}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a{background:transparent!important;box-shadow:none}

/* Açılır menü */
.dropdown-menu{
  border:1px solid var(--mist-100);
  border-radius:var(--r-md);
  box-shadow:var(--sh-3);
  padding:8px;
  min-width:236px;
  margin-top:0;
}
.dropdown-menu > li > a{
  font-family:var(--fb);font-size:.9rem;font-weight:500;
  color:var(--ink-700);padding:10px 14px;border-radius:var(--r-sm);
  transition:all .18s var(--ease);
}
.dropdown-menu > li > a:hover{background:var(--mist-50);color:var(--brand-500);padding-left:19px}

.navbar-toggle{border-color:var(--mist-100);border-radius:var(--r-sm);margin-top:19px}
.navbar-toggle .icon-bar{background:var(--ink-800)}

/* --------------------------------------------------------------- 5. Butonlar */
.btn,.btn-default,.btn-primary,input[type=submit],button[type=submit]{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--fd);font-size:.83rem;font-weight:800;
  letter-spacing:.075em;text-transform:uppercase;
  padding:15px 30px;border:0;border-radius:var(--r-sm);
  background:var(--brand-500);color:#fff!important;
  box-shadow:0 1px 2px rgba(164,18,31,.2);
  transition:all .24s var(--ease);
  cursor:pointer;white-space:nowrap;
}
.btn:hover,.btn:focus,input[type=submit]:hover,button[type=submit]:hover{
  background:var(--brand-600);color:#fff!important;
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(164,18,31,.28);
}
.btn:active{transform:translateY(0)}

.btn-ghost{
  background:transparent;color:var(--white)!important;
  border:1.5px solid rgba(255,255,255,.42);box-shadow:none;
}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff;box-shadow:none}

.btn-dark{background:var(--ink-800)}
.btn-dark:hover{background:var(--ink-900);box-shadow:0 8px 22px rgba(11,18,32,.26)}

.btn-lg{padding:18px 38px;font-size:.88rem}

/* --------------------------------------------------------------- 6. Hero */
.hero{
  position:relative;
  min-height:clamp(520px,68vh,720px);
  display:flex;flex-direction:column;
  padding:0;
  background:var(--ink-950);
  overflow:hidden;
  isolation:isolate;
}
.hero__body{flex:1;display:flex;align-items:center;width:100%}
.hero__media{position:absolute;inset:0;z-index:-2}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
/* Mobilde kadraj sağa dayansın — çalışan teknisyen görünür kalsın */
@media (max-width:767px){
  .hero__media img{object-position:78% center}
  .page-banner-section--foto .page-banner-section__media img{object-position:72% center}
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(102deg,rgba(7,12,21,.94) 0%,rgba(7,12,21,.8) 42%,rgba(7,12,21,.42) 72%,rgba(7,12,21,.3) 100%),
    linear-gradient(0deg,rgba(7,12,21,.55) 0%,rgba(7,12,21,0) 45%);
}
.hero__inner{position:relative;z-index:2;padding:clamp(72px,9vw,120px) 0;max-width:750px}

.hero__eyebrow{
  display:inline-flex;align-items:center;gap:11px;
  font-family:var(--fd);font-size:.735rem;font-weight:800;
  letter-spacing:.17em;text-transform:uppercase;
  color:var(--signal);margin-bottom:22px;
}
.hero__eyebrow::before{content:"";width:26px;height:2px;background:var(--signal)}

.hero h1{
  color:#fff;
  font-size:clamp(2.25rem,1.3rem + 3.4vw,4.05rem);
  line-height:1.06;
  letter-spacing:-.03em;
  margin-bottom:.42em;
}
.hero h1 em{font-style:normal;color:var(--signal)}

.hero__lead{
  color:var(--steel-300);
  font-size:clamp(1.02rem,.96rem + .3vw,1.2rem);
  line-height:1.68;
  max-width:590px;
  margin-bottom:34px;
}
.hero__cta{display:flex;flex-wrap:wrap;gap:13px;align-items:center}

/* Hero altı güven şeridi */
.hero__facts{
  position:relative;z-index:2;
  border-top:1px solid rgba(255,255,255,.11);
  background:rgba(7,12,21,.55);
  backdrop-filter:blur(6px);
}
.hero__facts ul{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  list-style:none;margin:0;padding:0;
}
.hero__facts li{
  padding:22px 26px;color:var(--steel-300);font-size:.9rem;
  border-left:1px solid rgba(255,255,255,.09);
  display:flex;align-items:center;gap:13px;
}
.hero__facts li:first-child{border-left:0}
.hero__facts li i{color:var(--brand-400);font-size:1.15rem}
.hero__facts li b{color:#fff;font-family:var(--fd);font-weight:800;display:block;font-size:1rem}

/* --------------------------------------------------------------- 7. Sayfa başlığı (iç sayfalar) */
.page-banner-section{
  background:
    linear-gradient(100deg,rgba(7,12,21,.96) 0%,rgba(11,18,32,.86) 55%,rgba(19,29,49,.78) 100%),
    var(--ink-900);
  padding:clamp(64px,8vw,104px) 0 clamp(56px,7vw,88px);
  position:relative;
  border-bottom:3px solid var(--brand-500);
}
.page-banner-section::before{
  content:"";position:absolute;inset:0;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:22px 22px;
}
.page-banner-section .container{position:relative;z-index:1}
.page-banner-section h1{
  color:#fff;margin:0;
  font-size:clamp(1.95rem,1.3rem + 2.1vw,3.05rem);
  letter-spacing:-.027em;
  text-align:left!important;   /* şablon ortalıyordu, alt metinle uyumsuzdu */
  text-transform:none;
}
.page-banner-section .page-banner-sub{
  color:var(--steel-300);font-size:1.06rem;max-width:640px;margin:16px 0 0;
}

/* Fotoğraflı sayfa başlığı — ortada siyah şerit */
.page-banner-section--foto{
  background:var(--ink-950)!important;
  padding:0;
  display:flex;align-items:center;
  min-height:clamp(300px,34vw,420px);
  isolation:isolate;
}
.page-banner-section--foto::before{display:none}
.page-banner-section--foto .page-banner-section__media{
  position:absolute;inset:0;z-index:-2;
}
.page-banner-section--foto .page-banner-section__media img{
  width:100%;height:100%;object-fit:cover;object-position:center 42%;
}
/* Metnin oturduğu sol taraf koyu, sağa doğru fotoğraf açılır */
.page-banner-section--foto::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(96deg,rgba(7,12,21,.80) 0%,rgba(7,12,21,.62) 32%,
                    rgba(7,12,21,.30) 60%,rgba(7,12,21,.14) 100%),
    linear-gradient(180deg,rgba(7,12,21,.34) 0%,rgba(7,12,21,0) 30%,
                    rgba(7,12,21,0) 70%,rgba(7,12,21,.42) 100%);
}
.page-banner-section--foto .container{
  position:relative;z-index:1;
  padding-top:clamp(30px,4vw,48px);padding-bottom:clamp(30px,4vw,48px);
}
.page-banner-eyebrow{
  display:inline-flex;align-items:center;gap:11px;
  font-family:var(--fd);font-size:.72rem;font-weight:800;
  letter-spacing:.17em;text-transform:uppercase;
  color:var(--signal);margin-bottom:14px;
}
.page-banner-eyebrow::before{content:"";width:26px;height:2px;background:var(--signal)}

/* --------------------------------------------------------------- 8. CTA şeridi */
.banner-section,.quote-section{
  background:linear-gradient(96deg,var(--brand-600) 0%,var(--brand-500) 55%,#D9202F 100%);
  padding:clamp(34px,4vw,50px) 0;
  position:relative;overflow:hidden;
}
.banner-section::after,.quote-section::after{
  content:"";position:absolute;top:-60%;right:-4%;width:420px;height:420px;
  background:radial-gradient(circle,rgba(255,255,255,.13) 0%,transparent 62%);
  pointer-events:none;
}
.banner-section h2,.banner-section h3,.banner-section p,
.quote-section h2,.quote-section h3,.quote-section p{
  color:#fff;margin:0;
}
.banner-section h2,.quote-section h2{
  font-size:clamp(1.15rem,1rem + .7vw,1.6rem);
  letter-spacing:-.018em;line-height:1.32;
}
/* Metin solda, buton sağda — tek satır */
.banner-section .container{
  display:flex;align-items:center;justify-content:center;
  gap:clamp(20px,3vw,44px);flex-wrap:wrap;
}
.banner-section h2{margin:0;text-align:left}

/* Çerçeveli buton */
.btn-outline,
.banner-section .btn-outline,
.quote-section .btn-outline{
  background:transparent;color:#fff!important;
  border:2px solid rgba(255,255,255,.9);
  box-shadow:none;padding:14px 34px;
}
.btn-outline:hover,
.banner-section .btn-outline:hover,
.quote-section .btn-outline:hover{
  background:#fff;color:var(--brand-600)!important;
  border-color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.18);
}

@media (max-width:767px){
  .banner-section .container{flex-direction:column;text-align:center}
  .banner-section h2{text-align:center}
  .banner-section .btn-outline{width:100%;max-width:320px}
}

/* --------------------------------------------------------------- 9. Kartlar */
.services-section,.portfolio-section{background:var(--mist-50)}
.services-section + .services-section{background:var(--white)}

.services-post,.service-box,.portfolio-item,.blog-post,.pcard{
  background:var(--white);
  border:1px solid var(--mist-100);
  border-radius:var(--r-md);
  overflow:hidden;
  box-shadow:var(--sh-1);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);
  height:100%;
}
.services-post:hover,.service-box:hover,.portfolio-item:hover,.pcard:hover{
  transform:translateY(-5px);
  box-shadow:var(--sh-3);
  border-color:var(--steel-200);
}
/* Ürün kartı iç düzeni */
.services-post{display:flex;flex-direction:column}
.services-post img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
                   transition:transform .5s var(--ease)}
.services-post:hover img{transform:scale(1.045)}
.services-content{padding:24px 22px 26px;display:flex;flex-direction:column;flex:1}
.services-content h2,.services-content h3{
  font-size:1.08rem;font-weight:800;letter-spacing:-.012em;
  margin-bottom:10px;color:var(--ink-900);text-transform:none;
}
.services-content p{color:var(--steel-500);font-size:.95rem;line-height:1.66;flex:1}
.services-content a{
  display:inline-flex;align-items:center;gap:7px;margin-top:16px;
  font-family:var(--fd);font-size:.78rem;font-weight:800;
  letter-spacing:.07em;text-transform:uppercase;color:var(--brand-500);
}
.services-box .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:20px}
.services-box .row > [class*="col-"]{width:100%;float:none;padding:0}

.service-box img,.portfolio-item img,.pcard img{
  width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
  transition:transform .5s var(--ease);
}
.service-box:hover img,.pcard:hover img{transform:scale(1.045)}

.service-box .box-text,.pcard__body{padding:26px 24px 28px}
.service-box h3,.service-box h2,.pcard h3{
  font-size:1.13rem;font-weight:800;letter-spacing:-.014em;
  margin-bottom:11px;color:var(--ink-900);
}
.service-box p,.pcard p{color:var(--steel-500);font-size:.945rem;line-height:1.68}

.more-link,.service-box a.more,.pcard a.more{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--fd);font-size:.79rem;font-weight:800;
  letter-spacing:.075em;text-transform:uppercase;
  color:var(--brand-500);margin-top:16px;
}
.more-link i,.pcard a.more i{transition:transform .24s var(--ease)}
.more-link:hover i,.pcard a.more:hover i{transform:translateX(4px)}

/* --------------------------------------------------------------- 10. Proje ızgarası (dikey fotoğraflar) */
.proj-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(268px,1fr));
  gap:22px;
}
.proj-card{
  position:relative;display:block;overflow:hidden;
  border-radius:var(--r-md);background:var(--ink-900);
  box-shadow:var(--sh-1);
  transition:transform .34s var(--ease),box-shadow .34s var(--ease);
}
.proj-card:hover{transform:translateY(-5px);box-shadow:var(--sh-3)}
.proj-card img{
  width:100%;aspect-ratio:3/4;object-fit:cover;display:block;
  transition:transform .6s var(--ease),opacity .3s var(--ease);
}
.proj-card:hover img{transform:scale(1.05);opacity:.9}
.proj-card__cap{
  position:absolute;left:0;right:0;bottom:0;
  padding:56px 20px 20px;color:#fff;
  background:linear-gradient(0deg,rgba(7,12,21,.94) 0%,rgba(7,12,21,.6) 48%,transparent 100%);
}
.proj-card__cap b{
  display:block;font-family:var(--fd);font-weight:800;font-size:1.02rem;
  line-height:1.3;letter-spacing:-.012em;margin-bottom:5px;
}
.proj-card__cap span{font-size:.83rem;color:var(--steel-300)}

/* --------------------------------------------------------------- 11. Galeri */
.gallery-container{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:16px;
  max-width:1240px;margin:0 auto;
  padding:clamp(44px,5vw,72px) 20px;
}
.gallery-item{
  overflow:hidden;border-radius:var(--r-md);background:var(--mist-100);
  box-shadow:var(--sh-1);transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--sh-3)}
.gallery-item img{
  width:100%;aspect-ratio:1/1;object-fit:cover;display:block;
  transition:transform .55s var(--ease);
}
.gallery-item:hover img{transform:scale(1.06)}

/* --------------------------------------------------------------- 12. Referans şeridi */
.carousel,.clients-section{background:var(--white);padding:clamp(40px,4.5vw,64px) 0;border-top:1px solid var(--mist-100)}
.client-logo img{filter:grayscale(1);opacity:.55;transition:filter .3s var(--ease),opacity .3s var(--ease)}
.client-logo img:hover{filter:grayscale(0);opacity:1}

/* --------------------------------------------------------------- 13. İçerik gövdesi */
.post-content-text,.content-block{font-size:1.045rem;line-height:1.78;color:#3A4761}
.post-content-text h2,.content-block h2{
  margin-top:1.9em;margin-bottom:.62em;
  font-size:clamp(1.4rem,1.15rem + .8vw,1.95rem);
  padding-bottom:.42em;border-bottom:1px solid var(--mist-100);
}
.post-content-text h2:first-child,.content-block h2:first-child{margin-top:0}
.post-content-text h3,.content-block h3{margin-top:1.55em;margin-bottom:.5em}
.post-content-text ul,.content-block ul{padding-left:0;list-style:none;margin:0 0 1.3em}
.post-content-text ul li,.content-block ul li{
  position:relative;padding-left:29px;margin-bottom:11px;
}
.post-content-text ul li::before,.content-block ul li::before{
  content:"";position:absolute;left:4px;top:.62em;
  width:7px;height:7px;border-radius:50%;
  background:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100);
}
.post-content-text strong,.content-block strong{color:var(--ink-900);font-weight:700}

blockquote{
  border:0;border-left:3px solid var(--brand-500);
  background:var(--mist-50);
  padding:22px 26px;margin:1.7em 0;
  border-radius:0 var(--r-md) var(--r-md) 0;
  font-size:1.05rem;color:var(--ink-700);
}

/* Tablo */
table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.96rem}
th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--mist-100)}
th{
  background:var(--ink-900);color:#fff;font-family:var(--fd);
  font-weight:700;font-size:.79rem;letter-spacing:.075em;text-transform:uppercase;
}
tbody tr:nth-child(even){background:var(--mist-50)}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* --------------------------------------------------------------- 14. SSS */
.faq-list{max-width:840px;margin:0 auto;border-top:1px solid var(--mist-100)}
.faq-item{border-bottom:1px solid var(--mist-100)}
.faq-item summary{
  cursor:pointer;list-style:none;
  padding:21px 46px 21px 2px;position:relative;
  font-family:var(--fd);font-weight:700;font-size:1.055rem;
  color:var(--ink-900);letter-spacing:-.012em;line-height:1.45;
  transition:color .2s var(--ease);
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--brand-500)}
.faq-item summary::after{
  content:"";position:absolute;right:8px;top:50%;
  width:10px;height:10px;margin-top:-6px;
  border-right:2px solid var(--brand-500);border-bottom:2px solid var(--brand-500);
  transform:rotate(45deg);transition:transform .26s var(--ease);
}
.faq-item[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.faq-item .faq-a{padding:0 46px 23px 2px;color:var(--steel-500);line-height:1.75}

/* --------------------------------------------------------------- 15. Formlar */
input[type=text],input[type=email],input[type=tel],textarea,select,.form-control{
  width:100%;padding:13px 15px;
  border:1px solid var(--steel-200);border-radius:var(--r-sm);
  background:var(--white);font-family:var(--fb);font-size:.97rem;color:var(--ink-800);
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease);
  box-shadow:none;
}
input:focus,textarea:focus,select:focus,.form-control:focus{
  border-color:var(--brand-500);
  box-shadow:0 0 0 3px rgba(196,21,42,.11);
  outline:none;
}
::placeholder{color:var(--steel-400)}
label{font-family:var(--fd);font-weight:700;font-size:.85rem;color:var(--ink-800);margin-bottom:6px;display:block}

/* İletişim bilgi listesi */
.information-list{list-style:none;padding:0;margin:0}
.information-list li{
  display:flex;gap:14px;align-items:flex-start;
  padding:15px 0;border-bottom:1px solid var(--mist-100);
  color:var(--ink-700);
}
.information-list li:last-child{border-bottom:0}
.information-list li i{
  color:var(--brand-500);font-size:1.02rem;margin-top:5px;flex-shrink:0;
  width:20px;text-align:center;
}

/* --------------------------------------------------------------- 16. Footer */
footer,.footer,.footer-section{
  background:var(--ink-950);
  color:var(--steel-400);
  padding:clamp(52px,6vw,80px) 0 0;
  font-size:.945rem;
}
footer h2,footer h3,footer h4,.footer h2,.footer h3{
  color:#fff;font-size:.815rem;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;
  margin-bottom:20px;padding-bottom:13px;
  border-bottom:1px solid rgba(255,255,255,.1);
  position:relative;
}
footer h2::after,footer h3::after,.footer h2::after{
  content:"";position:absolute;left:0;bottom:-1px;width:34px;height:2px;background:var(--brand-500);
}
footer a,.footer a{color:var(--steel-400)}
footer a:hover,.footer a:hover{color:#fff}
footer ul,.footer ul{list-style:none;padding:0;margin:0}
footer li,.footer li{margin-bottom:9px;line-height:1.62}

/* Etiket bulutu */
.tags,.tag-list{display:flex;flex-wrap:wrap;gap:7px}
/* style.css'in daha yüksek özgüllüğü (#333 çipler) için tam eşleşme */
footer .footer-widgets .widgets ul.tag-list li a,
.tags a,.tag-list a,footer .tagcloud a{
  display:inline-block;padding:6px 12px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  border-radius:var(--r-sm);
  font-size:.755rem;font-weight:600;letter-spacing:.03em;
  color:var(--steel-300);
  transition:all .2s var(--ease);
}
.tags a:hover,.tag-list a:hover,footer .tagcloud a:hover{
  background:var(--brand-500);border-color:var(--brand-500);color:#fff;
}

.copyright,.footer-bottom{
  padding:0;margin:0;
  font-size:.855rem;color:var(--steel-500);
}
/* Şablonun alt şeridi ayrı bir gri (#111) kullanıyordu — palete uyduruldu */
footer .last-line{
  background:transparent!important;
  border-top:1px solid rgba(255,255,255,.09);
  margin-top:clamp(26px,3vw,42px);
  padding:20px 0!important;
}
footer .last-line p.copyright{color:var(--steel-500);font-size:.83rem}
footer .last-line a{color:var(--steel-400)}
footer .last-line a:hover{color:#fff}

/* --------------------------------------------------------------- 16c. Testimonial */
.testimonial-section{
  position:relative;background:var(--ink-900);
  padding:clamp(56px,6.5vw,88px) 0;
  text-align:center;
}
.testimonial-section::before{
  content:"";position:absolute;inset:0;background:rgba(7,12,21,.78);
}
.testimonial-section .container{position:relative;z-index:1;max-width:840px}
.testimonial-section h2,.testimonial-section h3{
  color:#fff!important;font-size:1.35rem;margin-bottom:4px;
}
.testimonial-section h2 + span,.testimonial-section .role{
  display:block;color:var(--signal);font-family:var(--fd);
  font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;
  margin-bottom:22px;
}
.testimonial-section p{color:var(--steel-300)!important;font-size:1.05rem;line-height:1.78}

/* --------------------------------------------------------------- 16d. İletişim formu bloğu */
.quote-section{
  background:var(--mist-50)!important;
  padding:clamp(56px,6.5vw,88px) 0;
}
.quote-section::after{display:none}
.quote-section h2,.quote-section h3{
  color:var(--ink-900)!important;text-align:center;
  font-size:clamp(1.4rem,1.15rem + .8vw,1.95rem);margin-bottom:1.1em;
}
/* Tek kutu: dış sarmalayıcı kutuyu taşır, iç form şeffaf kalır */
.quote-section > .container > div,
.quote-section .contact-form-box{
  max-width:780px;margin:0 auto;
  background:var(--white);
  border:1px solid var(--mist-100);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-2);
  padding:clamp(28px,3.5vw,48px);
}
.quote-section form{
  background:transparent;border:0;box-shadow:none;padding:0;margin:0;max-width:none;
}
.quote-section input,.quote-section textarea{margin-bottom:14px}
.quote-section .btn{
  background:var(--brand-500);color:#fff!important;box-shadow:0 1px 2px rgba(164,18,31,.2);
}
.quote-section .btn:hover{background:var(--brand-600);color:#fff!important}

/* --------------------------------------------------------------- 16e. Kart görsel tutarlılığı */
.services-section img,.portfolio-section img,
.service-box img,.project-post img,.blog-post > img{
  width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
}
.portfolio-section .project-post{
  background:var(--white);border:1px solid var(--mist-100);
  border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-1);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.portfolio-section .project-post:hover{transform:translateY(-5px);box-shadow:var(--sh-3)}

/* Galeri karuseli okları */
.carousel button,.carousel .nav-btn,
.owl-theme .owl-controls .owl-buttons div{
  width:42px;height:42px;display:grid;place-items:center;
  background:var(--white)!important;color:var(--ink-800)!important;
  border:1px solid var(--mist-100)!important;border-radius:50%!important;
  box-shadow:var(--sh-2);opacity:1!important;
  font-size:.95rem;transition:all .22s var(--ease);
}
.carousel button:hover,.owl-theme .owl-controls .owl-buttons div:hover{
  background:var(--brand-500)!important;color:#fff!important;
  border-color:var(--brand-500)!important;transform:scale(1.06);
}

/* Referans bölümü — metin çipleri */
.carousel{background:var(--white);border-top:1px solid var(--mist-100);
          border-bottom:1px solid var(--mist-100)}
.carousel .sec-head{margin-bottom:clamp(26px,3vw,40px)}
/* (marquee kuralları aşağıda 16g bölümünde — burada tekrar tanımlanmaz) */
/* Metne geçtiği için karusel okları gereksiz */
.carousel > button,.carousel .nav-btn{display:none!important}

/* Şablondan kalan boşluk doldurucular */
#hakkımızda,#hakkimizda{height:0;overflow:hidden}
#hakkımızda br,#hakkimizda br{display:none}

/* --------------------------------------------------------------- 16f. Yatay taşma koruması */
/* Owl Carousel öğe genişliklerini JS ile hesaplıyor ve dar ekranda
   .owl-wrapper'ı 20000px+ genişletiyordu. Kaynağında kırpılıyor. */
html,body{overflow-x:hidden;max-width:100%}

/* Owl inline width/transform yazdığı için !important ile ızgaraya çevriliyor */
.owl-carousel,.owl-wrapper-outer,.portfolio-box{
  overflow:visible!important;max-width:100%!important;width:100%!important;
}
.owl-wrapper,.portfolio-box.owl-wrapper{
  width:100%!important;max-width:100%!important;
  transform:none!important;left:0!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(238px,1fr));
  gap:18px;
}
.owl-item,.owl-wrapper > .owl-item{
  width:auto!important;max-width:100%!important;float:none!important;
  margin:0!important;padding:0!important;
}
.owl-item .item,.owl-item .item.project-post{padding:0!important;width:auto!important}
.owl-item img,.project-gallery img{max-width:100%;height:auto}
.owl-controls,.owl-pagination,.owl-buttons{display:none!important}

/* Uzun e-posta/URL taşmasını engelle */
.top-line .info-list li,.information-list li,footer li{
  overflow-wrap:anywhere;word-break:break-word;
}

/* Bootstrap satır negatif kenar boşluğu taşması */
.row{margin-left:0;margin-right:0}

/* KRİTİK: Bootstrap 3'ün .row::before/::after clearfix'i, satır grid'e
   çevrildiğinde birer grid hücresi kaplıyor ve içeriği kaydırıyor.
   Grid'e çevirdiğimiz her satırda bu sözde-öğeler kapatılmalı. */
.services-box .row::before,.services-box .row::after,
.tabs-section > .container > .row::before,.tabs-section > .container > .row::after,
.tabs-section .about-us-box > .row::before,.tabs-section .about-us-box > .row::after,
.iletisim-form .row::before,.iletisim-form .row::after,
.top-line .row::before,.top-line .row::after,
.quote-section .row::before,.quote-section .row::after{
  display:none!important;
  content:none!important;
}

/* ===============================================================
   16g. RÖTUŞLAR
   =============================================================== */

/* --- Hero alt şeridi: ayrım belirginleşti --- */
.hero__facts{
  background:var(--ink-950);
  border-top:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 -18px 34px rgba(7,12,21,.55);
  backdrop-filter:none;
}
.hero__facts li{border-left-color:rgba(255,255,255,.11)}

/* --- Referanslar: tek şerit sonsuz kayma --- */
.carousel{overflow:hidden}
/* Kaydırılabilir şerit: otomatik akar, ok/sürükleme/tekerlek ile yönlendirilir */
.marquee{
  position:relative;
  overflow-x:auto;overflow-y:hidden;
  scrollbar-width:none;-ms-overflow-style:none;
  cursor:grab;touch-action:pan-y;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
.marquee::-webkit-scrollbar{display:none}
.marquee.is-dragging{cursor:grabbing;scroll-behavior:auto}
.marquee *{user-select:none;-webkit-user-drag:none}

.carousel-track{
  display:flex!important;
  grid-template-columns:none!important;
  flex-wrap:nowrap;
  width:max-content;max-width:none;
  gap:12px;padding:4px 0;margin:0;
}

/* Şerit okları */
.marquee-nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:42px;height:42px;display:grid;place-items:center;
  background:var(--white);color:var(--ink-800);
  border:1px solid var(--mist-100);border-radius:50%;
  box-shadow:var(--sh-2);cursor:pointer;
  font-size:.95rem;transition:all .22s var(--ease);padding:0;
}
.marquee-nav:hover{background:var(--ink-900);color:#fff;border-color:var(--ink-900)}
.marquee-nav--geri{left:8px}
.marquee-nav--ileri{right:8px}
.marquee-kapsayici{position:relative}
@media (max-width:767px){.marquee-nav{display:none}}
.client-box{
  flex:0 0 auto;min-width:212px;
  display:grid;place-items:center;min-height:74px;padding:18px 26px;
  background:var(--mist-50);border:1px solid var(--mist-100);
  border-radius:var(--r-md);
  font-family:var(--fd);font-weight:700;font-size:.875rem;
  letter-spacing:.04em;color:var(--ink-800);
  text-align:center;line-height:1.38;white-space:nowrap;
  transition:color .26s var(--ease),background .26s var(--ease),
             border-color .26s var(--ease),box-shadow .26s var(--ease);
}
.client-box:hover{
  color:var(--ink-950);background:var(--white);
  border-color:var(--steel-200);box-shadow:var(--sh-2);
}
@media (prefers-reduced-motion:reduce){
  .carousel-track{animation:none;flex-wrap:wrap;justify-content:center;width:100%}
}

/* --- HAKKIMIZDA: yeniden kurgu --- */
.tabs-section{padding:clamp(64px,7.5vw,112px) 0}
/* DIŞ satır: metin sütunu + görsel sütunu */
.tabs-section > .container > .row{
  display:grid;grid-template-columns:1.12fr .88fr;
  gap:clamp(32px,4.5vw,64px);align-items:start;
  margin:0;
}
.tabs-section > .container > .row > [class*="col-"]{
  width:100%;float:none;padding:0;
}
.tabs-section .about-us-box > h1,
.tabs-section .about-us-box > h2{
  font-size:clamp(1.75rem,1.3rem + 1.6vw,2.6rem);margin-bottom:.5em;
}
.tabs-section .about-us-box > p{
  font-size:1.09rem;line-height:1.78;color:var(--steel-200)!important;
  max-width:none;margin-bottom:2.4em;
}
/* İÇ satır: değer kartları 2'li ızgara */
.tabs-section .about-us-box > .row{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;
}
.tabs-section .about-us-box > .row > [class*="col-"]{
  width:100%;float:none;padding:0;
}
.tabs-section .about-us-post{
  padding:22px 20px 22px 66px;margin:0;min-height:0;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-md);
  transition:background .26s var(--ease),border-color .26s var(--ease),transform .26s var(--ease);
}
.tabs-section .about-us-post:hover{
  background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);
  transform:translateY(-3px);
}
.tabs-section .about-us-post a{
  left:18px;top:20px;width:34px;height:34px;font-size:.85rem;
  background:var(--brand-500);border-color:var(--brand-500);color:#fff!important;
}
.tabs-section .about-us-post h2,.tabs-section .about-us-post h3{
  font-size:1.045rem;margin-bottom:7px;
}
.tabs-section .about-us-post span{font-size:.94rem;color:var(--steel-400)!important}

/* Sağ sütun */
.tabs-section .col-md-5{padding-left:0}
.tabs-section .col-md-5 img{
  aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-md);
  border:1px solid rgba(255,255,255,.1);
}
.tabs-section .col-md-5 h1,.tabs-section .col-md-5 h2{
  margin-top:30px;font-size:1.22rem;
}

/* --- Galeri: tek sıra kayan şerit (Owl kaldırıldı, saf CSS) --- */
.portfolio-section{background:var(--white);border-top:1px solid var(--mist-100);overflow:hidden}
/* overflow, .marquee kuralından gelir (auto) — burada ezilirse kaydırma ölür */
.gallery-marquee{
  position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
.gallery-track{
  display:flex;flex-wrap:nowrap;
  width:max-content;gap:14px;padding:4px 0;
  animation:alkaya-marquee 90s linear infinite;
  will-change:transform;
}
.portfolio-section:hover .gallery-track{animation-play-state:paused}
.gallery-track .item,.gallery-track .project-post{
  flex:0 0 auto;width:266px!important;float:none!important;margin:0!important;padding:0!important;
}
@media (max-width:767px){
  /* Mobilde kayan şerit yerine 2x2 kare ızgara — dört görsel */
  .gallery-marquee{
    overflow:visible;cursor:default;
    -webkit-mask-image:none;mask-image:none;
  }
  .gallery-track{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:10px;width:100%!important;padding:0;
    animation:none!important;transform:none!important;
  }
  .gallery-track .item,.gallery-track .project-post{
    width:auto!important;flex:none!important;
  }
  /* yalnızca ilk dört kare gösterilir (şerit için içerik iki kez basılıydı) */
  .gallery-track > *:nth-child(n+5){display:none!important}

  /* Kutu oranını kabın kendisine ver: grid hücresi öğeyi gerdiği için
     img üzerindeki aspect-ratio yok sayılıyordu.
     4/5 seçildi — kaynak fotoğraflar 3/4 dikey; kareye zorlamak
     görselin çok fazlasını kırpıyordu. */
  .gallery-track .item,.gallery-track .project-post{
    aspect-ratio:4/5;height:auto!important;
  }
  .gallery-track .gal-link{display:block;height:100%}
  .gallery-track .project-gallery{height:100%;border-radius:var(--r-md);overflow:hidden}
  .gallery-track .project-gallery img{
    width:100%!important;height:100%!important;
    aspect-ratio:auto!important;object-fit:cover;object-position:center 48%;
  }
}
/* Galeri şeridi kareleri galeri sayfasına gider */
.gal-link{display:block;color:inherit}
.gal-link:hover{color:inherit}

/* --------------------------------------------------------------- 16p. Mobil arama çubuğu */
.mobil-ara{display:none}
@media (max-width:767px){
  .mobil-ara{
    display:block;position:fixed;left:0;right:0;bottom:0;z-index:1200;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    background:rgba(7,12,21,.92);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    border-top:1px solid rgba(255,255,255,.12);
    /* varsayılan: gizli — yalnızca sayfada arama butonu görünmezken açılır */
    transform:translateY(105%);opacity:0;pointer-events:none;
    transition:transform .3s var(--ease),opacity .25s var(--ease);
  }
  .mobil-ara.gorunur{transform:translateY(0);opacity:1;pointer-events:auto}
  .mobil-ara__btn{
    display:flex;align-items:center;justify-content:center;gap:10px;
    width:100%;padding:15px 18px;
    background:var(--brand-500);color:#fff!important;
    border-radius:var(--r-sm);
    font-family:var(--fd);font-size:.9rem;font-weight:800;
    letter-spacing:.05em;
    box-shadow:0 6px 20px rgba(164,18,31,.4);
  }
  .mobil-ara__btn:active{background:var(--brand-600)}
  /* boşluk yalnızca çubuk açıkken */
  body.ara-acik{padding-bottom:78px}
}
@media (prefers-reduced-motion:reduce){
  .gallery-track{animation:none;flex-wrap:wrap;width:100%;justify-content:center}
}
.portfolio-section .project-post{padding:0!important}
.portfolio-section .project-gallery{
  position:relative;overflow:hidden;border-radius:var(--r-md);
  background:var(--mist-100);box-shadow:var(--sh-1);
  transition:box-shadow .3s var(--ease),transform .3s var(--ease);
}
.portfolio-section .project-gallery:hover{transform:translateY(-4px);box-shadow:var(--sh-3)}
.portfolio-section .project-gallery img{
  width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
  transition:transform .55s var(--ease);
}
.portfolio-section .project-gallery:hover img{transform:scale(1.05)}
.portfolio-section .hover-box{
  position:absolute;inset:0;display:grid;place-items:center;
  background:linear-gradient(0deg,rgba(7,12,21,.9),rgba(7,12,21,.35));
  opacity:0;transition:opacity .32s var(--ease);
}
.portfolio-section .project-gallery:hover .hover-box{opacity:1}
.portfolio-section .hover-box h2,.portfolio-section .hover-box h2 a{color:#fff!important;font-size:1rem}
.portfolio-section .hover-box span{color:var(--steel-300)!important;font-size:.85rem}
.portfolio-section ul.filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:34px}
.portfolio-section ul.filter li a{
  display:inline-block;padding:9px 18px;border-radius:var(--r-sm);
  border:1px solid var(--mist-100);background:var(--white);
  font-family:var(--fd);font-size:.78rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--steel-500);
}
.portfolio-section ul.filter li a:hover,.portfolio-section ul.filter li a.active{
  background:var(--ink-900);border-color:var(--ink-900);color:#fff;
}

/* ===============================================================
   16h. HAKKIMIZDA — aydınlık, rafine
   =============================================================== */
.tabs-section{
  background:
    radial-gradient(1100px 520px at 82% 6%, #FFFFFF 0%, rgba(255,255,255,0) 62%),
    linear-gradient(180deg,#FFFFFF 0%, var(--mist-50) 46%, #EFF3F9 100%)!important;
  padding:clamp(68px,8vw,116px) 0;
  position:relative;overflow:hidden;
  border-top:1px solid var(--mist-100);
}
.tabs-section::before{
  content:"";position:absolute;top:0;left:0;width:100%;height:1px;
  background:linear-gradient(90deg,transparent,var(--steel-200),transparent);
  opacity:1;background-image:none;background-size:auto;
}
.tabs-section .container{position:relative;z-index:1}

.tabs-section .about-top{
  display:grid;
  grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);
  gap:clamp(32px,4vw,60px);
  align-items:start;          /* iki sütun aynı hizada başlasın */
  margin-bottom:clamp(36px,4.2vw,60px);
}
.tabs-section .about-intro{padding-top:2px}

/* Görsel — ofset aksan bloğu ile */
.tabs-section .about-figure{margin:0;position:relative;order:1}
.tabs-section .about-figure::before{
  content:"";position:absolute;
  left:-18px;top:-18px;width:58%;height:58%;
  border:2px solid var(--brand-500);border-right:0;border-bottom:0;
  border-radius:var(--r-lg) 0 0 0;
  opacity:.5;z-index:0;
}
.tabs-section .about-figure::after{
  content:"";position:absolute;
  right:-16px;bottom:42px;width:46%;height:46%;
  background:var(--ink-900);border-radius:0 0 var(--r-lg) 0;
  opacity:.055;z-index:0;
}
.tabs-section .about-figure picture{position:relative;z-index:1;display:block}
.tabs-section .about-figure img{
  width:100%;max-width:340px;aspect-ratio:3/4;object-fit:cover;
  border-radius:var(--r-lg);display:block;
  box-shadow:0 14px 34px rgba(11,18,32,.14), 0 3px 10px rgba(11,18,32,.06);
}
.tabs-section .about-figure figcaption{
  position:relative;z-index:1;
  margin-top:16px;font-size:.855rem;color:var(--steel-500);
  padding-left:13px;border-left:2px solid var(--brand-500);line-height:1.5;
}

/* Metin */
.tabs-section .about-intro{order:2}
.tabs-section .about-intro .eyebrow{
  display:inline-flex;align-items:center;gap:11px;
  font-family:var(--fd);font-size:.735rem;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--brand-500);margin-bottom:18px;
}
.tabs-section .about-intro .eyebrow::before{content:"";width:26px;height:2px;background:var(--brand-500)}
.tabs-section .about-intro h2{
  color:var(--ink-900);font-size:clamp(1.85rem,1.3rem + 1.9vw,2.8rem);
  line-height:1.12;letter-spacing:-.029em;margin-bottom:.55em;
}
.tabs-section .about-lead{
  font-size:1.13rem;line-height:1.76;color:#3A4761;margin-bottom:1.15em;
}
.tabs-section .about-intro p{color:var(--steel-500);font-size:1.015rem;line-height:1.76}
.tabs-section .about-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.tabs-section .about-cta .btn-ghost{
  background:transparent;color:var(--ink-800)!important;
  border:1.5px solid var(--steel-200);box-shadow:none;
}
.tabs-section .about-cta .btn-ghost:hover{
  background:var(--ink-900);border-color:var(--ink-900);color:#fff!important;
}

/* Değer kartları — tam genişlik koyu şerit içinde */
.value-band{
  position:relative;
  width:100vw;margin-left:calc(50% - 50vw);
  background:#070c15f2;
  padding:clamp(44px,5vw,72px) 0;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  margin-top:clamp(36px,4.2vw,60px);
  margin-bottom:clamp(36px,4.2vw,60px);
  overflow:hidden;
}
.value-band::before{
  content:"";position:absolute;inset:0;opacity:.55;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:24px 24px;
}
.value-band > .container{position:relative;z-index:1}

.tabs-section .value-grid{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.tabs-section .value-grid li{
  margin:0;padding:30px 28px 32px;
  background:var(--white);
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--r-md);
  box-shadow:0 10px 30px rgba(0,0,0,.34);
  display:flex;flex-direction:column;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease);
}
.tabs-section .value-grid li:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 44px rgba(0,0,0,.46);
}
.tabs-section .value-grid i{
  width:52px;height:52px;display:grid;place-items:center;
  border-radius:var(--r-md);margin-bottom:20px;
  background:var(--brand-100);color:var(--brand-500);
  font-size:1.42rem;line-height:1;flex-shrink:0;
  transition:background .28s var(--ease),color .28s var(--ease);
}
.tabs-section .value-grid li:hover i{background:var(--brand-500);color:#fff}
.tabs-section .value-grid h3{
  color:var(--ink-900)!important;font-size:1.075rem;font-weight:800;
  letter-spacing:-.014em;margin:0 0 9px;line-height:1.3;
}
.tabs-section .value-grid p{
  color:var(--steel-500)!important;font-size:.95rem;line-height:1.68;margin:0;
}

/* Kurucu notu — imzalı alıntı */
.founder-note{
  margin:clamp(34px,4vw,56px) 0 0;padding:0;
  display:grid;grid-template-columns:auto 1fr;
  gap:clamp(22px,3vw,40px);align-items:start;
  background:var(--white);
  border:1px solid var(--mist-100);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-1);
  padding:clamp(28px,3.4vw,44px) clamp(26px,3.4vw,48px);
  position:relative;overflow:hidden;
}
.founder-note::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--brand-500),var(--brand-600));
}
.founder-note blockquote{
  border:0;background:transparent;padding:0;margin:0;
  grid-column:2;grid-row:1;
  font-size:1.045rem;line-height:1.78;color:#3A4761;
  position:relative;
}
.founder-note blockquote p{margin-bottom:1.05em}
.founder-note blockquote p:last-child{margin-bottom:0}

.founder-note figcaption{
  grid-column:1;grid-row:1;
  display:flex;flex-direction:column;gap:3px;
  min-width:172px;padding-right:clamp(20px,2.4vw,32px);
  border-right:1px solid var(--mist-100);
}
.founder-note figcaption::before{
  content:"\201C";
  font-family:Georgia,'Times New Roman',serif;
  font-size:3.6rem;line-height:.72;color:var(--brand-500);
  opacity:.24;margin-bottom:10px;
}
.founder-note__sign{
  font-size:.85rem;color:var(--steel-500);font-style:italic;
}
.founder-note figcaption b{
  font-family:var(--fd);font-size:1.09rem;font-weight:800;
  color:var(--ink-900);letter-spacing:-.014em;line-height:1.25;
}
.founder-note__role{
  font-family:var(--fd);font-size:.715rem;font-weight:800;
  letter-spacing:.15em;text-transform:uppercase;color:var(--brand-500);
  margin-top:2px;
}

@media (max-width:767px){
  .founder-note{grid-template-columns:1fr;gap:22px;padding:26px 22px}
  .founder-note blockquote{grid-column:1;grid-row:2}
  .founder-note figcaption{
    grid-column:1;grid-row:1;
    border-right:0;border-bottom:1px solid var(--mist-100);
    padding-right:0;padding-bottom:18px;min-width:0;
  }
  .founder-note figcaption::before{font-size:2.8rem;margin-bottom:4px}
}

@media (max-width:991px){
  .tabs-section .about-top{grid-template-columns:1fr;gap:40px}
  .tabs-section .about-figure{order:2;max-width:460px;margin:0 auto}
  .tabs-section .about-intro{order:1}
  .tabs-section .value-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .tabs-section .value-grid{grid-template-columns:1fr}
  .tabs-section .about-cta .btn{width:100%}
  .tabs-section .about-figure::before,.tabs-section .about-figure::after{display:none}
}

/* --------------------------------------------------------------- 16i. Bağlantı ızgarası */
.link-grid{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:14px;
}
.link-grid li{margin:0}
.link-grid a{
  display:block;height:100%;
  padding:22px 24px 24px;
  background:var(--white);
  border:1px solid var(--mist-100);
  border-radius:var(--r-md);
  box-shadow:var(--sh-1);
  position:relative;
  transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease);
}
.link-grid a::after{
  content:"\f105";font-family:FontAwesome;
  position:absolute;right:20px;top:22px;
  color:var(--steel-300);font-size:1.05rem;
  transition:transform .26s var(--ease),color .26s var(--ease);
}
.link-grid a:hover{
  transform:translateY(-4px);box-shadow:var(--sh-3);border-color:var(--steel-200);
}
.link-grid a:hover::after{color:var(--brand-500);transform:translateX(4px)}
.link-grid b{
  display:block;font-family:var(--fd);font-size:1.045rem;font-weight:800;
  letter-spacing:-.014em;color:var(--ink-900);margin-bottom:7px;padding-right:26px;
}
.link-grid span{display:block;font-size:.92rem;line-height:1.6;color:var(--steel-500)}

/* Sosyal ikonları dikey ortala */
.top-line .social-icons{
  display:flex;align-items:center;justify-content:flex-end;
  gap:5px;height:100%;
}
.top-line .social-icons li{margin:0}

/* --------------------------------------------------------------- 16j. Hizmetler sayfası */
.urun-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:20px;
}
.urun-grid .services-post{
  display:flex;flex-direction:column;height:100%;
  background:var(--white);border:1px solid var(--mist-100);
  border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-1);
  color:inherit;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);
}
a.services-post:hover{
  transform:translateY(-5px);box-shadow:var(--sh-3);border-color:var(--steel-200);
  color:inherit;
}
.urun-grid .services-post img{
  width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
  transition:transform .5s var(--ease);
}
a.services-post:hover img{transform:scale(1.05)}
.urun-grid .services-content{
  padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;
}
.urun-grid h3{
  font-size:1.06rem;font-weight:800;letter-spacing:-.014em;
  color:var(--ink-900);margin:0 0 9px;
}
.urun-grid p{color:var(--steel-500);font-size:.93rem;line-height:1.65;margin:0;flex:1}
.urun-grid .more-link{margin-top:15px}

/* Servis bölümü — koyu şerit */
.servis-section{
  background:#070c15f2;
  padding:clamp(46px,5.2vw,76px) 0;
  position:relative;overflow:hidden;
}
.servis-section::before{
  content:"";position:absolute;inset:0;opacity:.55;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:24px 24px;
}
.servis-section .container{position:relative;z-index:1}
.servis-section .sec-head h2{color:#fff}
.servis-section .sec-head p{color:var(--steel-400)}
.servis-section .eyebrow{color:var(--signal)}
.servis-section .eyebrow::before{background:var(--signal)}
.servis-section .link-grid a{
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.1);
  box-shadow:none;
}
.servis-section .link-grid a:hover{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);
  box-shadow:0 14px 34px rgba(0,0,0,.34);
}
.servis-section .link-grid b{color:#fff;display:flex;align-items:center;gap:10px}
.servis-section .link-grid b i{color:var(--brand-400);font-size:1.05rem;width:20px}
.servis-section .link-grid span{color:var(--steel-400)}
.servis-section .link-grid a::after{color:var(--steel-500)}
.servis-section .link-grid a:hover::after{color:var(--signal)}

/* Yedek parça ızgarası */
.parca-section{background:var(--mist-50)}
.parca-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:16px;
}
.parca-kart{
  display:block;background:var(--white);
  border:1px solid var(--mist-100);border-radius:var(--r-md);
  overflow:hidden;box-shadow:var(--sh-1);
  transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease);
}
.parca-kart:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:var(--steel-200)}
.parca-kart img{
  width:100%;aspect-ratio:1/1;object-fit:contain;display:block;
  background:#fff;padding:10px;
  transition:transform .45s var(--ease);
}
.parca-kart:hover img{transform:scale(1.05)}
.parca-kart span{
  display:block;padding:14px 14px 16px;text-align:center;
  font-family:var(--fd);font-size:.885rem;font-weight:700;
  color:var(--ink-900);letter-spacing:-.008em;line-height:1.3;
}

@media (max-width:600px){
  .parca-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
  .urun-grid{grid-template-columns:1fr}
}

/* --------------------------------------------------------------- 16k. Ürün sayfaları */
.urun-intro{background:var(--white);padding:clamp(48px,5.5vw,84px) 0}
.urun-intro__grid{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
  gap:clamp(32px,4vw,60px);align-items:start;
}
.urun-intro__metin .eyebrow{
  display:inline-flex;align-items:center;gap:11px;
  font-family:var(--fd);font-size:.735rem;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:var(--brand-500);margin-bottom:16px;
}
.urun-intro__metin .eyebrow::before{content:"";width:26px;height:2px;background:var(--brand-500)}
.urun-intro__metin h2{
  font-size:clamp(1.6rem,1.25rem + 1.4vw,2.35rem);line-height:1.14;
  letter-spacing:-.026em;margin-bottom:.7em;
}
.urun-intro__metin p{font-size:1.045rem;line-height:1.78;color:#3A4761;margin-bottom:1.2em}

/* Özet kutusu */
.urun-ozet{
  background:var(--mist-50);
  border:1px solid var(--mist-100);
  border-radius:var(--r-lg);
  padding:clamp(24px,2.6vw,32px);
  position:sticky;top:140px;
}
.urun-ozet h3{
  font-size:1.02rem;font-weight:800;letter-spacing:-.012em;
  margin:0 0 18px;padding-bottom:14px;position:relative;
  border-bottom:1px solid var(--mist-100);
}
.urun-ozet h3::after{
  content:"";position:absolute;left:0;bottom:-1px;width:38px;height:2px;background:var(--brand-500);
}
.ozet-list{list-style:none;margin:0 0 22px;padding:0}
.ozet-list li{
  padding:12px 0;border-bottom:1px dashed var(--mist-100);margin:0;
}
.ozet-list li:last-child{border-bottom:0}
.ozet-list b{
  display:block;font-family:var(--fd);font-size:.9rem;font-weight:800;
  color:var(--ink-900);margin-bottom:4px;letter-spacing:-.008em;
}
.ozet-list span{display:block;font-size:.885rem;line-height:1.6;color:var(--steel-500)}
.urun-ozet .btn{width:100%}

/* Ürün fotoğraf ızgarası */
.urun-galeri{background:var(--mist-50);border-top:1px solid var(--mist-100)}
.urun-foto-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:18px;
}
.urun-foto-grid figure{
  margin:0;background:var(--white);border:1px solid var(--mist-100);
  border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-1);
  transition:transform .28s var(--ease),box-shadow .28s var(--ease);
}
.urun-foto-grid figure:hover{transform:translateY(-4px);box-shadow:var(--sh-3)}
.urun-foto-grid img{
  width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
  transition:transform .5s var(--ease);
}
.urun-foto-grid figure:hover img{transform:scale(1.04)}
.urun-foto-grid figcaption{
  padding:14px 16px 16px;font-size:.875rem;line-height:1.5;color:var(--steel-500);
}

/* SSS bölümü */
.sss-section{background:var(--white);border-top:1px solid var(--mist-100)}

@media (max-width:991px){
  .urun-intro__grid{grid-template-columns:1fr}
  .urun-ozet{position:static}
}

/* --------------------------------------------------------------- 16l. Blog */
.blog-section{background:var(--white);padding:clamp(44px,5vw,76px) 0}
.blog-section > .container{max-width:1080px}

.icindekiler{
  background:var(--mist-50);border:1px solid var(--mist-100);
  border-radius:var(--r-lg);padding:clamp(24px,3vw,34px);
  margin-bottom:clamp(36px,4vw,56px);
}
.icindekiler h2{
  font-size:.815rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brand-500);margin:0 0 18px;
}
.icindekiler ol{
  list-style:none;counter-reset:y;margin:0;padding:0;
  columns:2;column-gap:32px;
}
.icindekiler li{counter-increment:y;margin:0 0 10px;break-inside:avoid}
.icindekiler li a{
  display:block;padding-left:32px;position:relative;
  font-size:.95rem;line-height:1.5;color:var(--ink-700);
}
.icindekiler li a::before{
  content:counter(y,decimal-leading-zero);
  position:absolute;left:0;top:1px;
  font-family:var(--fd);font-size:.78rem;font-weight:800;color:var(--brand-500);
}
.icindekiler li a:hover{color:var(--brand-500)}

.yazi{
  padding:0 0 clamp(30px,3.4vw,46px);
  margin-bottom:clamp(30px,3.4vw,46px);
  border-bottom:1px solid var(--mist-100);
  scroll-margin-top:150px;
}
.yazi:last-child{border-bottom:0;margin-bottom:0}
.yazi h2{
  font-size:clamp(1.35rem,1.1rem + .9vw,1.85rem);
  line-height:1.2;letter-spacing:-.022em;margin-bottom:.7em;
}
.yazi p{font-size:1.04rem;line-height:1.8;color:#3A4761;margin-bottom:1.1em}
.yazi-ust{
  display:inline-block;margin-top:6px;
  font-family:var(--fd);font-size:.75rem;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;color:var(--steel-400);
}
.yazi-ust:hover{color:var(--brand-500)}

/* --------------------------------------------------------------- 16m. İletişim */
.iletisim-section{background:var(--mist-50);padding:clamp(44px,5vw,76px) 0}
.iletisim-grid{
  display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:clamp(28px,3.4vw,50px);align-items:start;
}
.iletisim-kartlar{display:grid;gap:14px}
.il-kart{
  display:block;background:var(--white);
  border:1px solid var(--mist-100);border-radius:var(--r-md);
  padding:22px 24px;box-shadow:var(--sh-1);color:inherit;
  transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease);
}
a.il-kart:hover{transform:translateY(-3px);box-shadow:var(--sh-3);border-color:var(--steel-200);color:inherit}
.il-kart i{
  display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;
  border-radius:var(--r-md);background:var(--brand-100);color:var(--brand-500);font-size:1rem;
}
a.il-kart:hover i{background:var(--brand-500);color:#fff}
.il-kart b{
  display:block;font-family:var(--fd);font-size:.72rem;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;color:var(--steel-500);margin-bottom:6px;
}
.il-kart span{display:block;font-size:1.02rem;line-height:1.5;color:var(--ink-900);font-weight:600}

.iletisim-form{
  background:var(--white);border:1px solid var(--mist-100);
  border-radius:var(--r-lg);padding:clamp(26px,3.2vw,42px);box-shadow:var(--sh-2);
}
.iletisim-form h2{font-size:clamp(1.3rem,1.1rem + .7vw,1.7rem);margin-bottom:.5em}
.form-not{font-size:.95rem;color:var(--steel-500);margin-bottom:1.6em;line-height:1.65}
.iletisim-form .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0}
.iletisim-form .row > [class*="col-"]{width:100%;float:none;padding:0}
.iletisim-form textarea{min-height:150px;margin-top:12px;resize:vertical}
.iletisim-form input[type=submit]{margin-top:16px}
.iletisim-form .message{margin-top:12px;font-size:.92rem}

.hizmet-bolgesi{
  margin-top:clamp(34px,4vw,58px);
  background:var(--white);border:1px solid var(--mist-100);
  border-radius:var(--r-lg);padding:clamp(24px,3vw,36px);
}
.hizmet-bolgesi h2{font-size:1.1rem;margin-bottom:18px}
.bolge-list{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}
.bolge-list li{
  padding:8px 16px;background:var(--mist-50);
  border:1px solid var(--mist-100);border-radius:var(--r-sm);
  font-family:var(--fd);font-size:.85rem;font-weight:700;color:var(--ink-800);
}

@media (max-width:900px){
  .iletisim-grid{grid-template-columns:1fr}
  .icindekiler ol{columns:1}
}

/* --------------------------------------------------------------- 16o. Şehir sayfaları */
.sehir-icerik{background:var(--white);padding:clamp(44px,5vw,76px) 0}
.sehir-icerik > .container{max-width:900px}
.sehir-icerik .yazi{
  padding:0 0 clamp(26px,3vw,38px);
  margin-bottom:clamp(26px,3vw,38px);
  border-bottom:1px solid var(--mist-100);
}
.sehir-icerik .yazi:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.sehir-icerik .yazi h2{
  font-size:clamp(1.3rem,1.1rem + .85vw,1.8rem);
  line-height:1.22;letter-spacing:-.022em;
  text-align:left;text-transform:none;margin-bottom:.65em;
}
.sehir-icerik .yazi h2 strong{font-weight:inherit}
.sehir-icerik .yazi p{font-size:1.04rem;line-height:1.8;color:#3A4761;margin-bottom:1.05em}
.sehir-icerik .yazi p:last-child{margin-bottom:0}
.sehir-icerik .yazi strong{color:var(--ink-900);font-weight:700}

/* --------------------------------------------------------------- 16n. Galeri sayfası */
.galeri-section{background:var(--mist-50);padding:clamp(44px,5vw,76px) 0}
.galeri-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));
  gap:16px;
}
.gal-item{
  margin:0;overflow:hidden;border-radius:var(--r-md);
  background:var(--white);border:1px solid var(--mist-100);
  box-shadow:var(--sh-1);
  transition:transform .28s var(--ease),box-shadow .28s var(--ease);
}
.gal-item:hover{transform:translateY(-4px);box-shadow:var(--sh-3)}
.gal-item img{
  width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
  transition:transform .5s var(--ease);
}
.gal-item:hover img{transform:scale(1.05)}

.video-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;
}
.gal-video{
  margin:0;border-radius:var(--r-md);overflow:hidden;
  background:var(--ink-950);border:1px solid var(--mist-100);
  box-shadow:var(--sh-1);
}
.gal-video video{
  width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--ink-950);
}

/* Görsel büyütme */
.lightbox{
  position:fixed;inset:0;z-index:2000;
  display:none;align-items:center;justify-content:center;
  background:rgba(7,12,21,.94);
  padding:clamp(16px,4vw,56px);
}
.lightbox.acik{display:flex}
.lightbox img{
  max-width:92%;max-height:88vh;
  border-radius:var(--r-md);
  box-shadow:0 30px 80px rgba(0,0,0,.6);
}
.lightbox__kapat,.lightbox__ok{
  position:absolute;display:grid;place-items:center;
  background:rgba(255,255,255,.08);color:#fff;
  border:1px solid rgba(255,255,255,.2);border-radius:50%;
  cursor:pointer;transition:background .2s var(--ease),transform .2s var(--ease);
  padding:0;line-height:1;
}
.lightbox__kapat{
  top:clamp(14px,2.4vw,28px);right:clamp(14px,2.4vw,28px);
  width:46px;height:46px;font-size:1.9rem;
}
.lightbox__ok{width:52px;height:52px;font-size:2.1rem;top:50%;margin-top:-26px}
.lightbox__ok--geri{left:clamp(10px,2vw,28px)}
.lightbox__ok--ileri{right:clamp(10px,2vw,28px)}
.lightbox__kapat:hover,.lightbox__ok:hover{
  background:var(--brand-500);border-color:var(--brand-500);transform:scale(1.06);
}
@media (max-width:600px){
  .lightbox__ok{width:42px;height:42px;font-size:1.7rem;margin-top:-21px}
  .lightbox img{max-width:100%}
}

@media (max-width:600px){
  .galeri-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px}
  .video-grid{grid-template-columns:1fr}
}

/* --------------------------------------------------------------- 17. Yardımcılar */
.container{max-width:1200px}
.u-center{text-align:center}
.u-mt0{margin-top:0}
.lead{font-size:1.14rem;line-height:1.68;color:var(--steel-500)}

.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4.5vw,64px);align-items:center}
.stat-row{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:1px;background:var(--mist-100);
  border:1px solid var(--mist-100);border-radius:var(--r-md);overflow:hidden;
}
.stat{background:var(--white);padding:26px 22px;text-align:center}
.stat b{
  display:block;font-family:var(--fd);font-weight:800;
  font-size:clamp(1.7rem,1.3rem + 1.3vw,2.3rem);
  color:var(--ink-900);letter-spacing:-.03em;line-height:1.1;
}
.stat span{font-size:.855rem;color:var(--steel-500);margin-top:5px;display:block}

/* --------------------------------------------------------------- 18. Duyarlı */
@media (max-width:991px){
  .split{grid-template-columns:1fr}
  .hero{min-height:auto}
  .hero__inner{max-width:100%}
  .navbar-default .navbar-nav > li > a{padding:13px 15px}
  .navbar-default .navbar-nav > li > a::after{display:none}
  /* ---------- Mobil menü ----------
     Bootstrap'in .navbar-fixed-top .navbar-collapse{max-height:340px} kuralı
     menüyü kesiyordu; aynı özgüllükle eziliyor. */
  .navbar-fixed-top .navbar-collapse,
  .navbar-collapse{
    background:#fff;
    border-top:1px solid var(--mist-100);
    box-shadow:0 18px 40px rgba(11,18,32,.14);
    max-height:calc(100vh - 118px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding:6px 0 10px;
    margin:0;
  }
  .navbar-default .navbar-collapse{border-color:var(--mist-100)}

  .navbar-default .navbar-nav{margin:0}
  .navbar-default .navbar-nav > li{border-bottom:1px solid var(--mist-100)}
  .navbar-default .navbar-nav > li:last-child{border-bottom:0}

  /* Ana menü öğeleri */
  .navbar-default .navbar-nav > li > a{
    padding:15px 22px;
    font-size:.83rem;letter-spacing:.09em;
    display:flex;align-items:center;justify-content:space-between;
    position:relative;
  }
  .navbar-default .navbar-nav > li.active > a{
    color:var(--brand-500)!important;
    background:var(--brand-100)!important;
  }
  .navbar-default .navbar-nav > li.active > a::before{
    content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
    background:var(--brand-500);
  }

  /* Alt menü — girintili, daha hafif, sol şeritli */
  .navbar-nav .drop-down{
    list-style:none;margin:0;padding:4px 0 8px;
    background:var(--mist-50);
    border-top:1px solid var(--mist-100);
  }
  .navbar-nav .drop-down li{border:0}
  .navbar-nav .drop-down li a{
    display:block;padding:11px 22px 11px 40px;
    font-family:var(--fb);
    font-size:.9rem;font-weight:500;letter-spacing:0;
    text-transform:none;
    color:var(--steel-500);
    position:relative;
  }
  .navbar-nav .drop-down li a::before{
    content:"";position:absolute;left:24px;top:50%;
    width:6px;height:1px;background:var(--steel-300);
  }
  .navbar-nav .drop-down li a:hover{color:var(--brand-500);background:var(--white)}
  .navbar-nav .drop-down li a:hover::before{background:var(--brand-500);width:12px}

  /* Hamburger */
  .navbar-toggle{
    margin:0;padding:9px 10px;
    border:1px solid var(--mist-100);border-radius:var(--r-sm);
    background:var(--white);
    position:absolute;right:15px;top:50%;transform:translateY(-50%);
  }
  .navbar-toggle .icon-bar{
    background:var(--ink-800);width:20px;height:2px;border-radius:1px;
    transition:transform .25s var(--ease),opacity .2s var(--ease);
  }
  .navbar-toggle .icon-bar + .icon-bar{margin-top:4px}
  .navbar-toggle:not(.collapsed){background:var(--brand-500);border-color:var(--brand-500)}
  .navbar-toggle:not(.collapsed) .icon-bar{background:#fff}
  .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){transform:translateY(6px) rotate(45deg)}
  .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){opacity:0}
  .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4){transform:translateY(-6px) rotate(-45deg)}
}
@media (max-width:991px){
  /* Sabit menü mobilde daha yüksek — telafiyi ona göre ayarla */
  #container{padding-top:104px}
  .tabs-section .row{grid-template-columns:1fr}
  .tabs-section .about-us-box .row{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  body{font-size:16.5px}
  #container{padding-top:104px}

  /* Üst şerit tek satıra sığdırılıyor: e-posta ve sosyal ikonlar gizlenir,
     telefon kalır. Böylece menü yüksekliği sabitlenir. */
  .top-line{text-align:center;padding:7px 0}
  .top-line .info-list li{display:inline-block;margin:0}
  .top-line .info-list li:nth-child(2){display:none}
  .top-line .social-icons{display:none}
  .navbar-brand{padding:12px 15px}
  .navbar-brand img{max-height:36px}

  .tabs-section .about-us-box .row{grid-template-columns:1fr}
  .client-box{min-width:172px;font-size:.8rem;padding:15px 20px;min-height:66px}
  .carousel-track{animation-duration:30s}
  .hero__facts li{padding:16px 20px}
  .hero__facts li{border-left:0;border-top:1px solid rgba(255,255,255,.09)}
  .hero__facts li:first-child{border-top:0}
  .hero__cta{flex-direction:column;align-items:stretch}
  .hero__cta .btn{width:100%}
  .gallery-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px}
  .proj-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:13px}
  section{padding:46px 0}
}

/* --------------------------------------------------------------- 19. Erişilebilirlik / baskı */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
  .service-box:hover,.pcard:hover,.proj-card:hover,.gallery-item:hover{transform:none}
}

.skip-link{
  position:absolute;left:-9999px;top:0;z-index:999;
  background:var(--ink-900);color:#fff;padding:12px 20px;
  font-family:var(--fd);font-weight:700;border-radius:0 0 var(--r-sm) 0;
}
.skip-link:focus{left:0;color:#fff}

@media print{
  .top-line,.navbar,footer,.banner-section,.quote-section,.hero__facts{display:none!important}
  body{font-size:11pt;color:#000}
  a::after{content:" (" attr(href) ")";font-size:9pt;color:#555}
}