/* Kasnak tabloları responsive ve tam sayfa taşmasını önler */
.table-responsive {
  max-width: 100%;
  width: 100%;
  overflow-x: auto;
}
.table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  word-break: break-word;
}
/* Dişli görsellerini büyüt ve kopyalamayı engelle */
.gear-img {
  max-width: 360px;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* Tüm tablo başlıklarını ortala */
.table-section-title, .table-section-title-center, h3.h5.mt-4 {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
/* Daha kompakt tablolar için özel stil */
table.table, table.table-bordered, table.table-striped, table.table-hover, table.align-middle {
  font-size: 0.75rem;
  line-height: 0.9;
}
table th, table td {
  padding-top: 0.02rem;
  padding-bottom: 0.02rem;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  vertical-align: middle;
  height: 1.2em;
}
table th {
  font-weight: 600;
}
/* Sertifika kartlarının yatayda ve dikeyde eşitlenmesi */
.certificate-card {
  min-width: 180px;
  min-height: 260px;
  box-sizing: border-box;
}
/* Sertifika kartlarının yatayda eşitlenmesi */
.certificate-card {
  min-width: 180px;
  min-height: 260px;
  box-sizing: border-box;
}
/* Sertifika resimlerini eşit boyutlandır */
.certificate-card img {
  height: 120px;
  width: 100%;
  object-fit: contain;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  max-width: 100%;
}
/* Sertifika kartındaki resmi dikeyde ortala */
.certificate-card img {
  margin-top: auto;
  margin-bottom: auto;
}
/* Sertifika kartı içeriğini dikeyde ortala */
.certificate-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
/* Sertifika kartı başlık hizalama düzeltmesi */
.certificate-text {
  min-height: 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body{font-family:Inter,Segoe UI,system-ui,Roboto,Arial,sans-serif;margin:0;background:#f7fafc;color:#0b1220}.container{max-width:1200px;margin:0 auto;padding:1rem}.site-header{background:#fff;position:sticky;top:0;z-index:20;margin-bottom:0}.hero{padding:0 0 2.4rem 0;background:transparent;margin-top:0}.hero-img{max-height:460px;object-fit:cover}.service-card{border:0;box-shadow:0 8px 30px rgba(15,23,42,0.06);border-radius:12px;background:#fff;border:1px solid rgba(11,103,255,0.06);padding:1rem}.card{background:#fff;border-radius:12px;color:inherit}.card .card-body{padding:1rem}.section{padding:2.5rem 0}.note{color:#6b7280;font-size:.95rem}.site-footer{padding:1.2rem 0;text-align:center;color:#6b7280;background:#fff;margin-top:2rem;background:#07104a;color:#fff;border-top:1px solid rgba(255,255,255,0.04);padding-top:3rem;padding-bottom:1.2rem;margin-top:0!important}.site-footer .container{padding-left:1rem;padding-right:1rem}.site-footer .footer-link{color:rgba(223,236,255,0.9);text-decoration:none}.site-footer .footer-link:hover{color:#fff;text-decoration:underline;transform:translateY(-3px)}.footer-brand{font-size:1.35rem;font-weight:700;color:#fff;text-decoration:none}.footer-desc{font-size:0.95rem;color:rgba(255,255,255,0.75);margin-top:0.25rem}.display-6{font-weight:700}.navbar .nav-link{text-transform:uppercase;font-weight:600;letter-spacing:0.02em;font-size:0.92rem}.navbar .nav-link:hover,.navbar .nav-link:focus{color:#0b67ff;text-decoration:none}.hero-title{font-size:2rem;font-weight:700}.hero-stats{margin-top:0.6rem}.hero-stats .stat-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:10px;min-width:110px;padding:.5rem .75rem;box-shadow:0 6px 18px rgba(3,10,30,0.25)}.hero-stats .stat-number{font-size:1.25rem;font-weight:700;color:#fff}.hero-stats .stat-label{font-size:0.78rem;color:rgba(234,246,255,0.9);margin-top:2px}.hero-frame{width:100%;max-width:560px;height:360px;border-radius:12px;overflow:hidden;background:transparent;box-shadow:0 12px 30px rgba(3,10,30,0.14);position:relative}.hero-frame img{width:100%;height:100%;object-fit:cover;display:block;padding:0}.service-card i{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(180deg,rgba(11,103,255,0.12),rgba(11,103,255,0.06));color:#0b67ff}.card-img-top{height:200px;object-fit:cover}.top-contact-bar{background:#07104a;color:#eaf6ff;padding:0rem 0}.top-contact-bar .container,.top-contact-bar .container-fluid{padding-top:0;padding-bottom:0;min-height:26px;display:flex;align-items:center;gap:.35rem}.top-contact-bar .contact-link{color:#eaf6ff;text-decoration:none;font-weight:600;font-size:0.72rem;display:inline-flex;align-items:center;line-height:1}.top-contact-bar .contact-link i{margin-right:4px;font-size:0.82rem}.top-contact-bar .contact-phone{pointer-events:none;cursor:default;opacity:0.98}.top-contact-bar .contact-link:hover{color:#fff;text-decoration:underline;transform:none}.top-contact-bar .sep{color:rgba(255,255,255,0.18);margin:0 .25rem}
.certificate-modal-bg {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1 1 auto;
  margin-bottom: 1.2rem;
}
body{font-family:Inter,Segoe UI,system-ui,Roboto,Arial,sans-serif;margin:0;background:#f7fafc;color:#0b1220}.container{max-width:1200px;margin:0 auto;padding:1rem}.site-header{background:#fff;position:sticky;top:0;z-index:20;margin-bottom:0}.hero{padding:0 0 2.4rem 0;background:transparent;margin-top:0}.hero-title{font-size:2rem;font-weight:700;color:#eaf6ff}.navbar .nav-link{text-transform:uppercase;font-weight:600;letter-spacing:0.02em;font-size:0.92rem}.navbar .nav-link:hover,.navbar .nav-link:focus{color:#0b67ff;text-decoration:none}.top-contact-bar{background:#07104a;color:#eaf6ff;padding:0rem 0}.site-footer{background:#07104a;color:#fff;border-top:1px solid rgba(255,255,255,0.04);padding-top:3rem;padding-bottom:1.2rem;margin-top:0!important}.site-footer .footer-link{color:rgba(223,236,255,0.9);text-decoration:none}.site-footer .footer-link:hover{color:#fff;text-decoration:underline;transform:translateY(-3px)}.footer-brand{font-size:1.35rem;font-weight:700;color:#fff;text-decoration:none}.footer-desc{font-size:0.95rem;color:rgba(255,255,255,0.75);margin-top:0.25rem}.display-6{font-weight:700}.hero-frame{width:100%;max-width:560px;height:360px;border-radius:12px;overflow:hidden;background:transparent;box-shadow:0 12px 30px rgba(3,10,30,0.14);position:relative}.hero-frame img{width:100%;height:100%;object-fit:cover;display:block;padding:0}.card-img-top{height:200px;object-fit:cover}.certificate-card img{max-height:1000px!important;width:auto;max-width:100%;display:block;margin-left:auto;margin-right:auto}.service-card{border:0;box-shadow:0 8px 30px rgba(15,23,42,0.06);border-radius:12px;background:#fff;border:1px solid rgba(11,103,255,0.06);padding:1rem}.stat-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:10px;min-width:110px;padding:.5rem .75rem;box-shadow:0 6px 18px rgba(3,10,30,0.25)}.stat-number{font-size:1.25rem;font-weight:700;color:#fff}.stat-label{font-size:0.78rem;color:rgba(234,246,255,0.9);margin-top:2px}
/* Minified and cleaned CSS for performance. Unused selectors removed. */
:root{
  --bg:#ffffff; --card:#ffffff; --accent:#0b67ff; --muted:#6b7280; --radius:10px;
  --max-width:1200px;
}
*{box-sizing:border-box}
@font-face{font-family:'Poppins Fallback';src:local('Arial');size-adjust:112%;ascent-override:93%;descent-override:24%;line-gap-override:0%}
body{font-family:Poppins,'Poppins Fallback',Inter,Segoe UI,system-ui,Arial,sans-serif;margin:0;background:var(--bg);color:#0b1220}
.container{max-width:var(--max-width);margin:0 auto;padding:1rem}
.site-header{background:#fff;position:sticky;top:0;z-index:20;margin-bottom:0}
.hero{padding:0 0 2.4rem 0;background:transparent;margin-top:0}
.hero-img{max-height:460px;object-fit:cover}
.service-card{border:0;box-shadow:0 8px 30px rgba(15,23,42,0.06);border-radius:12px}
.card{background:#fff;border-radius:12px;color:inherit;border:1px solid #dde3ed;box-shadow:0 1px 4px rgba(0,0,0,.07)}
.card .card-body{padding:1rem}
.service-card{background:#ffffff;border:1px solid rgba(11,103,255,0.06);padding:1rem}
.section{padding:2.5rem 0}
.note{color:var(--muted);font-size:.95rem}
.site-footer{padding:1.2rem 0;text-align:center;color:var(--muted);background:#fff;margin-top:2rem}

/* Footer styles */
.site-footer{
  background:#07104a;
  color:#ffffff;
  border-top:1px solid rgba(255,255,255,0.04);
  padding-top:3rem;
  padding-bottom:1.2rem;
  margin-top:0 !important;
}
.site-footer .container{padding-left:1rem;padding-right:1rem}
.site-footer .d-inline-block{color:#ffffff}
.site-footer h6{color:#ffffff;margin-bottom:.6rem}
.footer-col-title{color:#ffffff;margin-bottom:.6rem;font-size:0.95rem;letter-spacing:0.04em;text-transform:uppercase}
.footer-service-list li{color:rgba(255,255,255,0.85);font-size:0.9rem}
.site-footer p{color:rgba(255,255,255,0.85)}
.site-footer .footer-link{color:rgba(223,236,255,0.9);text-decoration:none}
.site-footer .footer-link:hover{color:#ffffff;text-decoration:underline;transform:translateY(-3px)}
/* Removed: Unused social-icon style */

/* Footer brand and description */
.footer-brand{font-size:1.35rem;font-weight:700;color:#ffffff;text-decoration:none}
.footer-desc{font-size:0.95rem;color:rgba(255,255,255,0.75);margin-top:0.25rem}

/* Responsive tweaks */
/* If you use custom @font-face, add font-display: swap. Example:
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.woff2') format('woff2');
  font-display: swap;
}
*/
@media (max-width:576px){
  .site-footer{padding-top:2rem;padding-bottom:1.5rem}
  .site-footer .social-icon{width:34px;height:34px}
  .site-footer .d-flex.align-items-center.gap-3.mb-2 {
    justify-content: center !important;
    text-align: center !important;
    width: 100%;
  }
  .site-footer .d-flex.align-items-center.gap-3.mb-2 img {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
  }
}

/* Force high-contrast colors inside footer to avoid Bootstrap utility overrides */
.site-footer, .site-footer *{
  color: #eaf6ff !important;
}
.site-footer a, .site-footer a *{
  color: #cfe3ff !important;
}
.site-footer .d-inline-block{color:#ffffff !important}
.site-footer .social-icon{background:rgba(255,255,255,0.02);border-color:rgba(255,255,255,0.06)}
/* Removed: Unused social-icon icon style */


@media (max-width:576px){
  .site-footer .container{padding-left:1rem;padding-right:1rem}
}

/* small helpers */
.display-6{font-weight:700}

/* Navbar links uppercase for consistent header styling */
.navbar .nav-link{ text-transform:uppercase; font-weight:600; letter-spacing:0.02em; font-size:0.92rem}
.navbar .nav-link:hover, .navbar .nav-link:focus{ color:var(--accent); text-decoration:none}

@media (max-width:800px){
  .hero{padding:1.6rem 0}
  .hero-img{max-height:300px}
}

/* Hero carousel */
.hero-slide{padding:3.5rem 0;background:linear-gradient(180deg,rgba(4,19,48,0.95),rgba(4,19,48,0.9));color:#fff}
.hero-title{font-size:2rem;font-weight:700}
.stats small{color:rgba(255,255,255,0.85)}

/* Ensure white text inside hero slides to avoid contrast issues */
.hero h1, .hero h2, .hero p, .hero .lead, .hero small{color:#eaf6ff !important}

@media (max-width:576px){
  .hero-title{font-size:1.2rem}
}

/* Hero stat cards */
.hero-stats{margin-top:0.6rem}
.hero-stats .stat-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:10px;min-width:110px;padding:.5rem .75rem;box-shadow:0 6px 18px rgba(3,10,30,0.25)}
.hero-stats .stat-number{font-size:1.25rem;font-weight:700;color:#ffffff}
.hero-stats .stat-label{font-size:0.78rem;color:rgba(234,246,255,0.9);margin-top:2px}
.hero-stats .stat-card + .stat-card{margin-left:0}

@media (max-width:576px){
  .hero-stats{gap:.5rem;flex-wrap:wrap}
  .hero-stats .stat-card{flex:1 1 30%;min-width:88px;padding:.4rem .5rem}
  .hero-stats .stat-number{font-size:1.05rem}
  .hero-stats .stat-label{font-size:0.68rem}
}

/* Fixed hero image frame */
.hero-frame{width:100%;max-width:560px;height:360px;border-radius:12px;overflow:hidden;background:transparent;box-shadow:0 12px 30px rgba(3,10,30,0.14);position:relative}
.hero-frame img{width:100%;height:100%;object-fit:cover;display:block;padding:0}

@media (max-width:992px){
  .hero-frame{max-width:460px;height:300px}
}

@media (max-width:576px){
  .hero-frame{max-width:100%;height:220px;border-radius:8px}
}

/* Dark variant for frames where image background needs to blend with hero */
.hero-frame--dark{background:transparent}
.hero-frame--dark img{object-fit:cover;padding:0;display:block;position:relative;z-index:0}
.hero-frame--dark::after{display:none !important}

/* Services */
.service-card i{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(180deg, rgba(11,103,255,0.12), rgba(11,103,255,0.06));color:var(--accent);}

/* Tel Erozyon görselini kutuya tam sığdır */
.service-img.tel-erozyon-img {
  background: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-img.tel-erozyon-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Projects */
.card-img-top{height:200px;object-fit:cover}

/* Forms */
#contactForm{background:linear-gradient(180deg,#fff,#f8fbff)}

/* Ensure text contrast if Bootstrap fails to load */
h2, h5, p, small, .lead{color: #0b1220}

/* Top contact bar above header */
.top-contact-bar{background:#07104a;color:#eaf6ff;padding:0rem 0}
.top-contact-bar .container, .top-contact-bar .container-fluid{padding-top:0;padding-bottom:0;min-height:26px;display:flex;align-items:center;gap:.35rem}
.top-contact-bar .contact-link{color:#eaf6ff;text-decoration:none;font-weight:600;font-size:0.72rem;display:inline-flex;align-items:center;line-height:1}
.top-contact-bar .contact-link i{margin-right:4px;font-size:0.82rem}
.top-contact-bar .contact-phone{pointer-events:none;cursor:default;opacity:0.98}
.top-contact-bar .contact-link:hover{color:#ffffff;text-decoration:underline;transform:none}
.top-contact-bar .sep{color:rgba(255,255,255,0.18);margin:0 .25rem}

/* Keep top-contact-bar visible on smaller screens and make it compact */
@media (max-width:992px){
  .top-contact-bar{display:block}
}

@media (max-width:768px){
  .top-contact-bar .container-fluid{padding-left:.5rem;padding-right:.5rem;min-height:22px}
  .top-contact-bar .contact-link{font-size:0.68rem}
  .top-contact-bar .contact-link i{font-size:0.78rem;margin-right:3px}
  .top-contact-bar .sep{margin:0 .18rem}
  .top-contact-bar .container-fluid{justify-content:flex-end}
}

@media (max-width:420px){
  .top-contact-bar .contact-link{font-size:0.64rem}
  .top-contact-bar .container-fluid{min-height:20px;gap:.25rem}
  .top-contact-bar .sep{margin:0 .12rem}
}

.about-page main{padding-top:1rem;padding-bottom:0; overflow-x:hidden;}
.about-page main .container{max-width:1200px; padding-left: 12px; padding-right: 12px; overflow-x:hidden;}
/* Hakkımızda ana container genişliği index.html ile aynı (1200px) */
.about-page main .container {
  max-width: 1200px;
  padding-left: 12px;
  padding-right: 12px;
  overflow-x: hidden;
  /* Confirmed: Used in about-page layout */
}
@media (max-width:576px){
  .about-page main .container,
  .about-page .container,
  .about-page .row,
  .about-page section {
    max-width: 100vw !important;
    width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
    overflow-x: hidden !important;
  }
  html, body {
    overflow-x: hidden !important;
  }
}
.about-page h1.display-6{font-family:Poppins, sans-serif;font-weight:700;letter-spacing:0.01em;margin-bottom:0.75rem}
.about-page h5, .about-page h4{font-weight:600}
.about-page .card{border-radius:10px}
.about-page ul{margin-left:1.1rem}
.about-page .card.p-4{padding:1.25rem}

/* Ensure footer is full-width centered on about page */

/* Make about page full-height so footer sits at bottom when content is short */
.about-page{display:flex;flex-direction:column;min-height:100vh}
.about-page main{flex:1}

/* Feature card styles for about page */
.about-page .feature-grid{margin-top:1rem}
.about-page .feature-card{background:#ffffff;border-radius:10px;border-left:4px solid var(--accent);box-shadow:0 10px 30px rgba(11,17,34,0.06);padding:1.25rem}
/* Confirmed: Used in about-page feature cards */
.about-page .feature-card p{color:var(--muted)}
.about-page .feature-card .icon-wrap{width:46px;height:46px;border-radius:8px;background:rgba(37,99,235,0.08);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.25rem}

@media (max-width:768px){
  .about-page .feature-card{padding:0.9rem}
  .about-page h1.display-6{font-size:1.3rem}
}

/* Hakkımızda hero resmi responsive ve taşma yapmaz */
.about-hero-img {
  width: 100%;
  max-width: 420px;
  aspect-ratio: 16/9;
  min-height: 160px;
  background: #e9ecef url('images/about-hero.webp') center/cover no-repeat;
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* Confirmed: Used for hero image responsive */
}
@media (max-width: 576px) {
  .about-hero-img {
    max-width: 100%;
    min-width: 0;
    aspect-ratio: 16/9;
    min-height: 120px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Dişli tabloları için profesyonel kutulu ve ortalı görünüm */
table tr:not(:last-child) td {
  border-bottom: 2px solid #dee2e6 !important;
}
table thead th {
  background: #f8f9fa;
  font-weight: bold;
  border-bottom: 2.5px solid #adb5bd !important;
  text-align: center !important;
}
table td, table th {
  vertical-align: middle !important;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border: 2px solid #dee2e6 !important;
  background: #fff;
  text-align: center !important;
}
table {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.06);
}

/* Tüm sayfalarda yatay kaydırma engeli — genişlik tutarsızlığını önler */
html, body { overflow-x: hidden; }

/* ===============================
   Anasayfa — Mobil Responsive
   =============================== */
.hero-stats { flex-wrap: wrap !important; }

@media (max-width: 575px) {
  .navbar-brand img { height: 56px !important; }
  .hero-title { font-size: 1.5rem !important; }
  .stat-card { min-width: 80px; }
  .stat-number { font-size: 1.4rem; }
  #projects .card-img-top { height: 200px; object-fit: cover; }
}

@media (orientation: landscape) and (max-height: 500px) {
  .hero-slide { min-height: auto !important; padding: 24px 0 !important; }
  .hero .carousel-item { height: auto !important; }
}

.certificate-card img { max-height: 180px !important; width: auto; }

/* Footer: ≤767px — 2 sütun (dikey ve yatay) */
@media (max-width: 767px) {
  .site-footer .col-md-4,
  .site-footer .col-md-2,
  .site-footer .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Footer: ≤575px — tam genişlik */
@media (max-width: 575px) {
  .site-footer .col-md-4,
  .site-footer .col-md-2,
  .site-footer .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .site-footer img { height: 50px !important; }
  .site-footer h3 { font-size: 0.9rem; }
  .site-footer .py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
}

/* Navbar logosu: yatay telefon landscape */
@media (orientation: landscape) and (max-height: 500px) {
  .navbar-brand img { height: 44px !important; }
}

/* Footer: yatay telefon landscape — 4 sütun kompakt */
@media (orientation: landscape) and (max-height: 500px) {
  .site-footer .col-md-4 {
    flex: 0 0 30% !important;
    max-width: 30% !important;
    overflow: hidden;
  }
  .site-footer .col-md-2 {
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }
  .site-footer .col-md-3 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
  .site-footer img { height: 28px !important; max-height: 28px !important; max-width: 100% !important; width: auto !important; }
  .site-footer .py-5 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
  .site-footer h3, .site-footer h6 { font-size: 0.78rem !important; margin-bottom: 0.25rem !important; }
  .site-footer .list-unstyled li,
  .site-footer p { font-size: 0.72rem !important; margin-bottom: 0.1rem !important; line-height: 1.3; }
  .site-footer .gy-4 { --bs-gutter-y: 0.25rem; }
}

/* Resim koruma: sağ tık / sürükleme engeli */
/* ===============================
   Sertifika Coverflow Carousel
   =============================== */
.cert-coverflow-outer { position: relative; padding: 1.5rem 0 0.5rem; }
.cert-stage {
  position: relative;
  height: 300px;
  perspective: 1400px;
  overflow: visible;
}
.cert-item {
  position: absolute;
  left: 50%;
  top: 0;
  width: 150px;
  background: #fff;
  border-radius: 12px;
  padding: 10px 10px 12px;
  box-shadow: 0 6px 24px rgba(0,0,20,0.13);
  text-align: center;
  cursor: pointer;
  transition: transform 0.55s cubic-bezier(.4,0,.2,1);
  will-change: transform;
  user-select: none;
}
.cert-item img { width: 100%; height: auto; border-radius: 6px; display: block; }
.cert-label { font-weight: 700; font-size: 0.75rem; margin-top: 7px; color: #0f3460; }
.cert-sub   { font-size: 0.7rem; color: #374151; margin-top: 2px; line-height: 1.3; }
.cert-item[data-pos="0"]  { transform: translateX(-50%) scale(1);                                         z-index:10; box-shadow:0 16px 48px rgba(0,0,30,0.22); }
.cert-item[data-pos="1"]  { transform: translateX(calc(-50% + 145px)) scale(0.75) rotateY(-28deg); z-index:8; }
.cert-item[data-pos="-1"] { transform: translateX(calc(-50% - 145px)) scale(0.75) rotateY(28deg);  z-index:8; }
.cert-item[data-pos="2"]  { transform: translateX(calc(-50% + 255px)) scale(0.52) rotateY(-44deg); z-index:6; }
.cert-item[data-pos="-2"] { transform: translateX(calc(-50% - 255px)) scale(0.52) rotateY(44deg);  z-index:6; }
.cert-item[data-pos="3"],
.cert-item[data-pos="-3"] { transform: translateX(-50%) scale(0.2);                                z-index:1;  opacity:0; pointer-events:none; }
.cert-item[data-pos="0"]:hover { box-shadow: 0 20px 56px rgba(0,0,30,0.30); }
/* Coverflow controls */
.cert-controls { display:flex; justify-content:center; align-items:center; gap:1rem; margin-top:1.2rem; }
.cert-nav-btn {
  background: rgba(15,52,96,0.08); border:none; width:38px; height:38px;
  border-radius:50%; font-size:1.6rem; color:#0f3460; cursor:pointer;
  transition: background 0.2s; display:flex; align-items:center; justify-content:center; line-height:1;
}
.cert-nav-btn:hover { background: rgba(15,52,96,0.18); }
.cert-dots { display:flex; gap:0; align-items:center; }
.cert-dot { width:24px; height:24px; border-radius:50%; background:transparent; cursor:pointer; border:none; padding:0; outline-offset:2px; position:relative; flex-shrink:0; }
.cert-dot::before { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:8px; height:8px; border-radius:50%; background:rgba(15,52,96,0.2); transition: background 0.3s, transform 0.3s; }
.cert-dot.active::before { background:#0f3460; transform:translate(-50%,-50%) scale(1.4); }
/* Lightbox modal */
.cert-lightbox {
  display:none; position:fixed; inset:0; z-index:9999;
  background:rgba(0,0,0,0.82); align-items:center; justify-content:center;
  padding:1rem;
}
.cert-lightbox.open { display:flex; }
.cert-lightbox img { max-width:90vw; max-height:88vh; border-radius:10px; box-shadow:0 8px 48px rgba(0,0,0,0.5); }
.cert-lightbox-close {
  position:absolute; top:1rem; right:1.2rem;
  color:#fff; font-size:2.2rem; cursor:pointer; line-height:1; background:none; border:none; opacity:0.85;
}
.cert-lightbox-close:hover { opacity:1; }
.cert-lightbox-title {
  position:absolute; bottom:1.5rem; left:50%; transform:translateX(-50%);
  color:#fff; font-size:0.95rem; font-weight:600; white-space:nowrap;
  background:rgba(0,0,0,0.45); padding:4px 14px; border-radius:20px;
}
/* Responsive: tablet ve mobil */
@media (max-width:768px) {
  .cert-stage { height: 240px; }
  .cert-item { width: 120px; }
  .cert-item[data-pos="1"]  { transform: translateX(calc(-50% + 110px)) scale(0.72) rotateY(-26deg); }
  .cert-item[data-pos="-1"] { transform: translateX(calc(-50% - 110px)) scale(0.72) rotateY(26deg); }
  .cert-item[data-pos="2"]  { transform: translateX(calc(-50% + 190px)) scale(0.48) rotateY(-42deg); }
  .cert-item[data-pos="-2"] { transform: translateX(calc(-50% - 190px)) scale(0.48) rotateY(42deg); }
}

/* Resim koruma: sağ tık / sürükleme engeli */
img:not(.allow-copy) {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* CLS fix: Bootstrap Icons font yüklenince top-contact-bar yüksekliği değişmesin */
.top-contact-bar{height:1.6rem!important;overflow:hidden!important;line-height:1.3!important;display:flex!important;align-items:center!important}

/* ================================================================
   KURUMSAL & PROFESYONEL GÖRÜNÜM
   ================================================================ */

/* 1. Temiz beyaz arka plan */
body{background:#ffffff!important}

/* 2. Bölüm başlıklarına marka aksanı çizgisi */
.text-center.mb-5 h2.fw-bold{
  position:relative;
  padding-bottom:20px;
}
.text-center.mb-5 h2.fw-bold::after{
  content:'';
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:48px;
  height:3px;
  background:#0a6ebd;
  border-radius:2px;
}
/* Koyu hero/gradient bölümlerde aksanı yarı saydam beyaz yap */
section[style*="#1a1a2e"] .text-center.mb-5 h2.fw-bold::after,
section[style*="#0f3460"] .text-center.mb-5 h2.fw-bold::after{
  background:rgba(255,255,255,0.45);
}

/* 3. Neden AXIOM / Feature kartları — beyaz + sol kurumsal çizgi */
.d-flex.p-4.h-100.bg-light.rounded-3{
  background:#ffffff!important;
  border-left:3px solid #0a6ebd!important;
  border-top:1px solid #dde3ed!important;
  border-right:1px solid #dde3ed!important;
  border-bottom:1px solid #dde3ed!important;
  box-shadow:none!important;
  transition:box-shadow .2s;
}
.d-flex.p-4.h-100.bg-light.rounded-3:hover{
  box-shadow:0 4px 16px rgba(0,0,0,.09)!important;
}