:root{
  --brand:#0b61d6;            /* mavi menü */
  --text:#0f172a;
  --muted:#64748b;
  --bg:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Montserrat,system-ui,Arial; color:var(--text); background:var(--bg); line-height:1.6}
.container{max-width:1180px; margin:auto; padding:0 16px}

/* HEADER */
.site-header{position:sticky; top:0; background:#fff; z-index:20; box-shadow:0 2px 20px rgba(0,0,0,.05)}
.header-inner{display:flex; align-items:center; justify-content:space-between; min-height:72px; gap:16px}
.logo img{
  height:72px;      /* önce 44px idi — artık daha büyük */
  display:block;
  transition:all .3s ease;
}

@media (max-width:760px){
  .logo img{
    height:60px;   /* mobilde biraz daha küçük */
  }
}

.nav-toggle{display:none; background:none; border:0; font-size:26px}
.menu{list-style:none; margin:0; padding:0; display:flex; gap:22px; align-items:center}
.menu a{display:block; padding:10px 4px; text-decoration:none; font-weight:600; color:var(--brand)}
.menu a:hover,.menu a.active{color:#063e8f}
.has-sub{position:relative}
.sub{display:none; position:absolute; left:0; top:100%; background:#fff; border:1px solid #e5e7eb; border-radius:8px; min-width:280px; padding:8px 0; box-shadow:0 10px 24px rgba(0,0,0,.08)}
.has-sub:hover .sub{display:block}
.sub a{padding:10px 14px; color:var(--text)}

/* HERO (ana sayfa üst görseli index.php içinde inline arka plan yok; içerik bloklarıyla) */
.hero{position:relative; min-height:58vh; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; overflow:hidden}
.hero::before{content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.55)), url('/assets/img/hero.jpg') center/cover no-repeat}
.hero .inner{position:relative; z-index:1; padding:40px 16px}
.hero h1{font-family:"Playfair Display",serif; font-size:50px; margin:0 0 8px}
.hero p{margin:0 0 22px; color:#e5e7eb}
.btn{display:inline-block; padding:12px 20px; border:2px solid #fff; color:#fff; text-decoration:none; border-radius:6px; font-weight:700}
.btn:hover{background:#fff; color:#111}

/* CONTENT */
.section{padding:64px 0}
.section h2{font-family:"Playfair Display",serif; font-size:34px; margin:0 0 8px}
.lead{color:var(--muted); margin-bottom:24px}

.grid{display:grid; gap:22px}
.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{border:1px solid #e5e7eb; border-radius:12px; padding:22px; background:#fff}
.card h3{margin:0 0 8px; font-size:20px}
.card p{margin:0 0 14px; color:var(--muted)}
.card a{color:var(--brand); text-decoration:none; font-weight:600}
.card a:hover{color:#063e8f}

.bullets{padding-left:18px}
.bullets li{margin:6px 0}

/* CTA */
.cta{background:#0f172a; color:#fff; text-align:center; padding:56px 16px}
.cta a{border-color:#fff}

/* FOOTER */
.site-footer{padding:26px 0; border-top:1px solid #e5e7eb}
.footer-grid{display:flex; align-items:center; justify-content:space-between; gap:10px}
.social a{color:var(--brand); margin-left:12px;}

/* RESPONSIVE */
@media (max-width:1024px){ .cols-3{grid-template-columns:1fr 1fr} }
@media (max-width:760px){
  .nav-toggle{display:block}
  .nav{position:fixed; inset:72px 0 0 auto; width:300px; background:#fff; transform:translateX(100%); transition:.25s; box-shadow:-8px 0 20px rgba(0,0,0,.08)}
  body.nav-open .nav{transform:translateX(0)}
  .menu{flex-direction:column; align-items:flex-start; padding:16px}
  .sub{position:static; box-shadow:none; border:0; padding:0; margin-left:8px}
  .cols-2,.cols-3{grid-template-columns:1fr}
  .hero h1{font-size:36px}
}
/* Genel grid yardımcıları */
.grid{ display:grid; gap:16px; }
.grid.cols-4{ grid-template-columns:repeat(4, minmax(0,1fr)); }
/* ---- Standalone clean 4-column gallery ---- */
.about-gallery4 {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: nowrap;           /* asla alt satıra geçmez */
  margin: -40px 0 40px;
}

.about-gallery4 img {
  width: 23%;                  /* 4 tanesi yan yana = %92 + gap */
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

/* Responsive: tablet/mobilde alta geçsin */
@media (max-width:1024px){
  .about-gallery4 { flex-wrap: wrap; }
  .about-gallery4 img { width: 48%; }   /* 2 yan yana */
}
@media (max-width:640px){
  .about-gallery4 img { width: 100%; }  /* tek tek */
}
/* ==== STRICT 4-LI GALERI ==== */
.about-galleryX{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;  /* tam 4 sütun */
  gap:14px !important;
  margin:-32px 0 28px !important;
}

.about-galleryX img{
  display:block !important;
  width:100% !important;
  height:140px !important;          /* sabit yükseklik */
  object-fit:cover !important;
  border-radius:14px !important;
  box-shadow:0 6px 16px rgba(0,0,0,.08) !important;
  margin:0 !important;              /* olası global img margin’lerini nötrler */
  padding:0 !important;
  border:0 !important;
}

/* tablet/mobil kırılımları */
@media (max-width:1024px){
  .about-galleryX{ grid-template-columns:repeat(2, 1fr) !important; }
}
@media (max-width:640px){
  .about-galleryX{ grid-template-columns:1fr !important; }
}
/* ==== About: 6 görsel, 3x3 düzen ==== */
.about-six{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;  /* 3 sütun */
  gap:18px !important;
  margin:-28px 0 28px !important;                  /* üst boşluk istersen 0 yap */
}
.about-six img{
  width:100% !important;
  height:180px !important;      /* resim boyu */
  object-fit:cover !important;
  border-radius:14px !important;
  box-shadow:0 8px 18px rgba(0,0,0,.08) !important;
  display:block !important;
  margin:0 !important;
  border:0 !important;
}

/* responsive */
@media (max-width:1024px){
  .about-six{ grid-template-columns:repeat(2, 1fr) !important; }
  .about-six img{ height:160px !important; }
}
@media (max-width:640px){
  .about-six{ grid-template-columns:1fr !important; }
  .about-six img{ height:160px !important; }
}
/* === About page single image === */
.about-image {
  text-align: center;
  margin-bottom: 36px;
}

.about-image img {
  width: 100%;
  max-width: 1000px;     /* container genişliğine göre sınırla */
  border-radius: 14px;
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
  height: auto;
  display: inline-block;
}
/* ====== Sector cards (2 sütun, beyaz kart) ====== */
.sector-cards{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px 24px;
  margin:20px 0 10px;
}

.sector-card{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;           /* link çizgisini kaldır */
  color:#0f172a;                  /* siyah yazı */
  background:#fff;
  border:1px solid #eef0f4;
  border-radius:16px;
  padding:14px 16px;
  box-shadow:0 8px 20px rgba(0,0,0,.05);
  transition:.2s ease;
}
.sector-card:hover{
  border-color:#d7dbe3;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}

.sector-card img{
  width:56px; height:56px;
  border-radius:50%;
  object-fit:cover;
  flex:0 0 56px;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
}
.sector-card span{
  font-weight:600; line-height:1.35;
  color:#0f172a;                 /* yazı kesin siyah kalsın */
}

/* responsive */
@media (max-width:900px){
  .sector-cards{ grid-template-columns:1fr; }
}
/* ==== Career Page ==== */
.career-text {
  max-width: 800px;
  margin: auto;
  text-align: center;
  font-size: 17px;
  line-height: 1.8;
  color: #0f172a;
}

.career-text p {
  margin-bottom: 22px;
}

.career-mail a {
  display: inline-block;
  margin: 10px 0 24px;
  padding: 12px 28px;
  background: #0b61d6;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  transition: 0.3s;
}
.career-mail a:hover {
  background: #063e8f;
}
/* ===== Conformity page blocks ===== */
.svc{ max-width:980px; margin:auto; color:#0f172a; }
.svc-block{ margin-bottom:28px; }
.svc-block h2{
  font-size:22px;
  margin:0 0 10px;
  font-family:"Playfair Display",serif;
}
.svc-block ul{ 
  margin:0; padding-left:20px; 
}
.svc-block li{ 
  margin:6px 0; 
}

/* son kısımdaki kısa listeyi yatay yapalım */
.svc-inline{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px 18px;
  padding-left:16px;
}
@media (max-width:640px){
  .svc-inline{ grid-template-columns:1fr; }
}
/* === Contact page === */
.map-embed iframe{
  width:100%;
  height:340px;
  display:block;
}
.contact-wrap{
  display:grid;
  grid-template-columns: 1.3fr 0.7fr; /* sol form, sağ bilgi */
  gap:24px;
}
.contact-form h2{ margin:0 0 12px; }
.contact-form form{ display:flex; flex-direction:column; gap:12px; }
.contact-form input,
.contact-form textarea{
  width:100%;
  padding:12px 14px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  font:inherit;
}
.btn-primary{
  background:#0b61d6; color:#fff; border:0; border-radius:8px;
  padding:12px 20px; font-weight:700; cursor:pointer;
}
.btn-primary:hover{ background:#063e8f; }

.alert{ padding:12px 14px; border-radius:8px; margin-bottom:12px; font-weight:600 }
.alert.success{ background:#e8f7ee; color:#0f5132; border:1px solid #badbcc }
.alert.error{ background:#fdecea; color:#7f1d1d; border:1px solid #f5c2c7 }

.contact-info{
  background:#fff; border:1px solid #eef0f4; border-radius:12px;
  padding:16px 18px; box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.contact-info h3{ margin:0 0 10px; }
.contact-info h4{ margin:16px 0 8px; }
.contact-info a{ color:#0f172a; text-decoration:none; }
.contact-info a:hover{ text-decoration:underline; }

.contact-social a{
  display:inline-block; margin-right:12px; font-size:18px; color:#0b61d6;
}

@media (max-width:900px){
  .contact-wrap{ grid-template-columns:1fr; }
  .map-embed iframe{ height:300px; }
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
  width:100%;
  padding:12px 14px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  font:inherit;
}

.contact-form label {
  font-weight:600;
  margin-top:8px;
}
/* ==== Strong Team Görseli (tam responsive, zorunlu ölçekleme) ==== */
.about-strong { 
  align-items: center !important; 
  gap: 24px !important;
}

.about-strong .about-photo img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 14px !important;
  display: block !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.10) !important;
  object-fit: cover !important;
  max-height: none !important;
}

/* Mobil uyumlu tek sütun için */
@media (max-width: 760px){
  .about-strong { 
    grid-template-columns: 1fr !important;
    gap: 18px !important; 
  }
  .about-strong .about-photo img{
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }
}
/* ok butonu */
.sub-toggle{
  display:none;
  margin-left:6px;
  width:28px;height:28px;
  border:0;background:transparent; cursor:pointer;
  position:relative; top:2px;
}
.sub-toggle::before{
  content:"▾"; font-size:16px; line-height:28px;
  color:var(--brand);
}

/* ====== NAV: desktop + mobile (temiz) ====== */
/* Desktop: aynı davranış (hover ile aç) */
.sub-toggle{ display:none; }                  /* desktop'ta ok görünmez   */
.has-sub:hover > .sub{ display:block; }

/* Mobile: ok sağda, link pasif, alt menü akordeon */
@media (max-width:760px){

  /* Üst öğe aynı satırda: [Yazı] [Ok] */
  .menu > li.has-sub{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
  }

  /* Üst link mobilde tıklanmasın; satırı doldursun */
  .menu > li.has-sub > a.parent{
    flex:1 1 auto !important;
    pointer-events:none !important;
    cursor:default !important;
    padding-right:6px !important;
  }

  /* Ok butonu */
  .menu > li.has-sub > .sub-toggle{
    display:inline-flex !important;
    width:28px !important; height:28px !important;
    align-items:center !important; justify-content:center !important;
    background:transparent !important; border:0 !important;
    margin-left:6px !important; cursor:pointer !important;
  }
  /* Chevron simgesi */
  .menu > li.has-sub > .sub-toggle::before{
    content:"" !important;
    width:8px !important; height:8px !important;
    border-right:2px solid var(--brand) !important;
    border-bottom:2px solid var(--brand) !important;
    transform:rotate(45deg) !important;          /* ▼ */
    transition:transform .2s ease !important;
    display:inline-block !important;
  }
  /* Açıkken yukarı dönsün */
  .menu > li.has-sub.open > .sub-toggle::before{
    transform:rotate(-135deg) !important;        /* ▲ */
  }

  /* Alt menü: mobilde akordeon, satıra oturur */
  .menu .sub{
    display:none !important;
    position:static !important;                  /* absolute değil */
    border:0 !important; box-shadow:none !important; min-width:auto !important;
    padding:6px 0 6px 14px !important;
    margin:6px 0 0 0 !important;
  }
  .menu li.has-sub.open > .sub{ display:block !important; }

  /* Hover ile açılmayı iptal et (mobil) */
  .has-sub:hover > .sub{ display:none !important; }
}