:root{
  --bg:#f7f8fa;
  --surface:#ffffff;
  --muted:#6b7280;
  --text:#1f2937;
  --line:#e5e7eb;
  --brand:#29509c;        /* ana mavi ton */
  --brand-strong:#1f3f7a; /* koyu mavi tonu */
}

html,body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}
a,button{transition:all .25s ease}

/* ===== NAVBAR & FOOTER ===== */
nav.navbar,
nav.navbar.bg-dark,
nav.navbar.navbar-dark,
nav.navbar[data-bs-theme="dark"],
.footer {
  background:#29509c !important;
  background-color:#29509c !important;
  border:none !important;
}

nav.navbar .navbar-brand,
nav.navbar .nav-link {
  color:#fff !important;
}
nav.navbar .nav-link:hover {
  color:#e5e7eb !important;
}

nav.navbar .dropdown-menu {
  background:#fff;
  border:1px solid #e5e7eb;
}
nav.navbar .dropdown-item{color:#111;}
nav.navbar .dropdown-item:hover{background:#f3f4f6;}

.footer {
  color:#fff !important;
}
.footer a {color:#fff !important;}
.footer a:hover {color:#e5e7eb !important;}

/* ===== GENEL SPACING ===== */
.section{padding:40px 0}
.anchor{scroll-margin-top:90px}
.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}

/* ===== BUTONLAR ===== */
.btn,
.btn-brand,
.btn-outline,
button,
input[type=submit],
input[type=button] {
  background: var(--brand);
  color: #fff !important;
  border: 1px solid var(--brand);
  border-radius:10px;
}
.btn:hover,
.btn:focus,
.btn-brand:hover,
.btn-brand:focus,
button:hover,
button:focus,
input[type=submit]:hover,
input[type=button]:hover {
  background: var(--brand-strong);
  border-color: var(--brand-strong);
  color: #fff !important;
}
.btn-outline {
  background: transparent;
  border:1px solid var(--brand);
  color: var(--brand) !important;
}
.btn-outline:hover,
.btn-outline:focus {
  background: var(--brand);
  color: #fff !important;
}

/* Section ayırıcıları */
.section-sep{
  height:36px;
  background:radial-gradient(60% 16px at 50% 100%, rgba(0,0,0,.08), transparent 70%);
  opacity:.6
}
.section-sep-lg{
  height:56px;
  background:radial-gradient(60% 20px at 50% 100%, rgba(0,0,0,.10), transparent 70%);
  opacity:.7
}

/* HERO */
.hero{
  min-height:auto;
  display:grid;
  place-items:center;
  background:var(--surface);
  padding:40px 0;
}
.lead-strong{font-size:1.1rem;color:#374151}

/* Sabit navbar boşluğu */
body{padding-top:56px}

/* KARTLAR */
.cardx{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:18px;
  position:relative;
  overflow:hidden;
}
.cardx:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.06)}
.product-img{height:220px;object-fit:cover;border-radius:12px}

/* ABOUT */
.about-card{
  display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;
  background:var(--surface);border:1px solid var(--line);border-radius:18px;
  padding:28px;box-shadow:0 10px 24px rgba(0,0,0,.06);margin-bottom:26px
}
.about-card.reverse{grid-template-columns:1fr 1fr}
.about-media{width:100%;height:100%}
.about-img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.about-body .badge{background:#eef2f7;border:1px solid #e5e7eb;color:#374151}

/* 6’lı özellikler */
.features-grid .feature-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px;
  box-shadow:0 2px 8px rgba(0,0,0,.03);
  position:relative;
  overflow:hidden;
}
.features-grid .feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.08)}
.feat-icon{width:72px;height:72px;object-fit:contain}
.feature-title{font-weight:800}
.small.muted{color:var(--muted)}

/* Dil seçici */
.lang-flag{width:22px;height:22px;border-radius:50%;object-fit:cover}

/* RESPONSIVE */
@media (max-width: 991px){
  .about-card{grid-template-columns:1fr}
}

/* ===== HERO (revize) ===== */
.hero-new{
  position:relative;
  background:
    radial-gradient(60% 120px at 50% 0%, rgba(0,0,0,.04), rgba(0,0,0,0) 70%),
    var(--surface);
  padding:48px 0;
}

.hero-badge{
  display:inline-block;
  font-size:.8rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  padding:.35rem .6rem;
  border-radius:999px;
}

.hero-title{
  font-weight:800;
  line-height:1.15;
}

.cta-group{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.hero-kpis{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:0;
  margin:0;
  list-style:none;
}
.hero-kpis li{
  font-size:.88rem;
  color:#374151;
  background:#f9fafb;
  border:1px solid var(--line);
  border-radius:999px;
  padding:.45rem .7rem;
  white-space:nowrap;
}

.media-frame{
  background:linear-gradient(180deg,#fff, #fafafa);
  border:1px solid var(--line);
  border-radius:20px;
  padding:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  position:relative;
}

@media (min-width: 992px){
  .media-frame{transform:translateY(6px);}
  .hero-title{font-size:2.75rem;}
}

@media (max-width: 991.98px){
  .hero-new{padding:28px 0;}
  .hero-title{font-size:2rem;}
  .hero-kpis{gap:6px;}
  .hero-kpis li{font-size:.84rem;}
}

/* ===== TÜM BUTONLAR ===== */
.btn,
button,
input[type=submit],
input[type=button] {
  background: #29509c !important;   /* sabit mavi */
  color: #fff !important;
  border: 1px solid #29509c !important;
  border-radius: 10px;
  transition: all .25s ease;
}

.btn:hover,
button:hover,
input[type=submit]:hover,
input[type=button]:hover,
.btn:focus,
button:focus,
input[type=submit]:focus,
input[type=button]:focus {
  background: #1f3f7a !important;   /* koyu mavi */
  border-color: #1f3f7a !important;
  color: #fff !important;
}

/* Özellikle siyah olan bootstrap class’larını ezelim */
.btn-dark,
.btn-secondary {
  background: #29509c !important;
  border-color: #29509c !important;
  color: #fff !important;
}
.btn-dark:hover,
.btn-secondary:hover {
  background: #1f3f7a !important;
  border-color: #1f3f7a !important;
  color: #fff !important;
}

/* Outline butonlar */
.btn-outline,
.btn-outline-primary,
.btn-outline-dark,
.btn-outline-secondary {
  background: transparent !important;
  border: 1px solid #29509c !important;
  color: #29509c !important;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline-primary:hover,
.btn-outline-dark:hover,
.btn-outline-secondary:hover {
  background: #29509c !important;
  border-color: #29509c !important;
  color: #fff !important;
}

/* === NAVBAR DİL MENÜSÜ: beyaz boşlukları kaldır, mavi yap === */
nav.navbar .dropdown-menu {
  background:#29509c !important;     /* menü zemini */
  border:0 !important;               /* beyaz sınırı kaldır */
  box-shadow:none !important;        /* beyaz gölgeyi kaldır */
  margin-top:.25rem !important;      /* hizalama */
  padding:.35rem 0 !important;       /* dikey boşluk */
  --bs-dropdown-bg:#29509c;          /* BS değişkeni de ezilsin */
  --bs-dropdown-link-hover-bg:#1f3f7a;
}

nav.navbar .dropdown-menu .dropdown-item{
  color:#fff !important;
  padding:.45rem .85rem;
}
nav.navbar .dropdown-menu .dropdown-item:hover,
nav.navbar .dropdown-menu .dropdown-item:focus{
  background:#1f3f7a !important;     /* hover koyu mavi */
  color:#fff !important;
}
nav.navbar .dropdown-divider{ border-top-color:rgba(255,255,255,.15) !important; }

/* Menü kutusunun köşeleri */
nav.navbar .dropdown-menu { border-radius:10px !important; }