/* 3E Yazılım temiz kurumsal görünüm */
:root{
  --bg:#f6f8fc !important;
  --surface:#ffffff !important;
  --surface-soft:#f8fafc !important;
  --text:#081426 !important;
  --muted:#64748b !important;
  --primary:#0f4be8 !important;
  --primary-soft:#eef5ff !important;
  --green:#16a34a !important;
  --border:#e5eaf2 !important;
  --shadow:0 18px 48px rgba(15,23,42,.08) !important;
}

html,
body{
  background:#f6f8fc !important;
  color:#081426 !important;
}

body{
  font-family:Arial, Helvetica, sans-serif !important;
  background:linear-gradient(180deg,#ffffff 0,#f6f8fc 420px,#f6f8fc 100%) !important;
}

p{
  color:#64748b !important;
}

/* Üst kampanya bandı */
.q3e-topbar{
  background:#071426 !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
}

.q3e-topbar-inner{
  width:min(1180px, calc(100% - 32px)) !important;
  margin:0 auto !important;
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
}

.q3e-topbar strong{
  color:#7dd3fc !important;
}

.q3e-topbar a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  padding:7px 13px !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#071426 !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

/* Header */
header.nav,
.container.nav{
  position:sticky !important;
  top:0 !important;
  z-index:999 !important;
  width:min(1180px, calc(100% - 32px)) !important;
  min-height:76px !important;
  margin:14px auto 22px !important;
  padding:14px 18px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:24px !important;
  box-shadow:0 18px 50px rgba(15,23,42,.09) !important;
  backdrop-filter:blur(14px) !important;
}

.logo{
  color:#081426 !important;
  font-size:22px !important;
  font-weight:950 !important;
}

.logo-badge,
.footer-logo-badge{
  background:#f1f5f9 !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:none !important;
}

.nav-links{
  gap:8px !important;
}

.nav-links a:not(.btn),
.menu-lang-switcher a{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:9px 11px !important;
  color:#334155 !important;
  border-radius:12px !important;
  font-size:14px !important;
  font-weight:850 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.nav-links a:not(.btn):hover,
.menu-lang-switcher a:hover{
  color:#0f4be8 !important;
  background:#eef5ff !important;
}

.lang-switcher{
  display:flex !important;
  gap:4px !important;
  padding:4px !important;
  border:1px solid #e5eaf2 !important;
  border-radius:14px !important;
  background:#f8fafc !important;
}

/* Butonlar */
.btn{
  border-radius:14px !important;
  min-height:46px !important;
  padding:12px 19px !important;
  font-weight:950 !important;
}

.btn-primary{
  background:#0f4be8 !important;
  border-color:#0f4be8 !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(15,75,232,.20) !important;
}

.btn-whatsapp{
  background:#16a34a !important;
  border-color:#16a34a !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(22,163,74,.18) !important;
}

.btn-ghost{
  background:#fff !important;
  color:#081426 !important;
  border:1px solid #dbe3ef !important;
  box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
}

/* Slider / banner */
.hero-carousel{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:28px !important;
  box-shadow:0 18px 50px rgba(15,23,42,.08) !important;
  overflow:hidden !important;
}

.carousel-btn{
  background:#fff !important;
  color:#081426 !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow:0 12px 26px rgba(15,23,42,.16) !important;
}

/* Hero */
.hero,
.page-hero{
  margin-top:26px !important;
  padding:42px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 94% 12%, rgba(38,99,255,.12), transparent 28%),
    linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 22px 60px rgba(15,23,42,.08) !important;
}

.eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px !important;
  padding:8px 13px !important;
  color:#0f4be8 !important;
  background:#eef5ff !important;
  border:1px solid #dbeafe !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
}

.hero h1,
.page-hero h1{
  color:#081426 !important;
  letter-spacing:-1.4px !important;
  font-weight:950 !important;
}

.hero h1{
  font-size:clamp(42px,6vw,72px) !important;
  line-height:1.02 !important;
}

.hero p,
.page-hero p{
  color:#5f6b7d !important;
  font-size:17px !important;
}

/* Preview */
.panel-preview{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:28px !important;
  box-shadow:0 22px 60px rgba(15,23,42,.09) !important;
}

.window-bar{
  background:#f8fafc !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
}

.preview-card{
  background:#f8fafc !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:18px !important;
}

.preview-card h3{
  color:#081426 !important;
}

.preview-card p{
  color:#64748b !important;
}

/* Bölümler */
.section{
  margin-top:42px !important;
}

.section-head{
  max-width:820px !important;
  margin-bottom:24px !important;
}

.section-head h2{
  color:#081426 !important;
  font-size:clamp(30px,4vw,46px) !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  letter-spacing:-1px !important;
}

.section-head p{
  color:#64748b !important;
  font-size:16px !important;
}

/* Kartlar */
.card,
.content-card,
.price-card,
.quick-info-card,
.contact-map-card{
  background:#fff !important;
  color:#081426 !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:22px !important;
  box-shadow:0 14px 34px rgba(15,23,42,.065) !important;
}

.card{
  padding:24px !important;
}

.card:hover,
.content-card:hover,
.price-card:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 24px 60px rgba(15,23,42,.10) !important;
}

.card b,
.card strong,
.content-card h2,
.content-card h3,
.price-card h2,
.price-card h3,
.package-name{
  color:#081426 !important;
}

.card p,
.content-card p,
.price-card p,
.price-card li{
  color:#64748b !important;
}

.price-card.featured{
  border-color:#bfdbfe !important;
  background:linear-gradient(180deg,#eef5ff,#ffffff) !important;
}

.price-card.eexport{
  border-color:#fde68a !important;
  background:linear-gradient(180deg,#fffbeb,#ffffff) !important;
}

.badge,
.gift-badge{
  background:#eef5ff !important;
  color:#0f4be8 !important;
  border:1px solid #dbeafe !important;
}

/* CTA */
.cta{
  background:
    radial-gradient(circle at 95% 15%, rgba(125,211,252,.18), transparent 30%),
    linear-gradient(135deg,#071426,#10233e) !important;
  color:#fff !important;
  border-radius:28px !important;
  border:0 !important;
  box-shadow:0 22px 60px rgba(15,23,42,.15) !important;
}

.cta h2{
  color:#fff !important;
}

.cta p{
  color:rgba(255,255,255,.76) !important;
}

/* Footer */
footer{
  margin-top:50px !important;
  background:#071426 !important;
  border-top:0 !important;
  color:#fff !important;
}

.footer-inner{
  color:rgba(255,255,255,.78) !important;
}

.footer-links a{
  color:rgba(255,255,255,.78) !important;
}

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

/* Sol sosyal bar */
.floating-social-left{
  left:16px !important;
}

.floating-social-item{
  background:#fff !important;
  color:#081426 !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 12px 26px rgba(15,23,42,.10) !important;
}

.floating-social-text{
  color:#081426 !important;
}

@media(max-width:1180px){
  header.nav,
  .container.nav{
    width:calc(100% - 24px) !important;
    border-radius:20px !important;
  }

  .nav-links{
    gap:5px !important;
  }

  .nav-links a:not(.btn),
  .menu-lang-switcher a{
    font-size:12px !important;
    padding:8px 8px !important;
  }
}

@media(max-width:980px){
  .q3e-topbar-inner{
    display:block !important;
    padding:9px 0 !important;
    text-align:center !important;
  }

  .q3e-topbar a{
    margin-top:7px !important;
  }

  header.nav,
  .container.nav{
    position:relative !important;
    display:block !important;
    min-height:auto !important;
  }

  .logo{
    justify-content:center !important;
    margin-bottom:12px !important;
  }

  .nav-links{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .nav-links a:not(.btn),
  .menu-lang-switcher a{
    background:#f8fafc !important;
    border:1px solid #e5eaf2 !important;
    font-size:12px !important;
  }

  .lang-switcher{
    grid-column:1 / -1 !important;
    justify-content:center !important;
  }

  .hero,
  .page-hero{
    padding:30px !important;
  }
}

@media(max-width:640px){
  .q3e-topbar{
    font-size:12px !important;
  }

  .q3e-topbar-inner{
    width:calc(100% - 24px) !important;
  }

  header.nav,
  .container.nav{
    width:calc(100% - 24px) !important;
    margin-top:10px !important;
    padding:12px !important;
  }

  .nav-links{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .hero,
  .page-hero{
    padding:24px !important;
    border-radius:22px !important;
  }

  .hero h1{
    font-size:36px !important;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .floating-social-left{
    display:none !important;
  }
}