/* ═══════════════════════════════════════════════════════════════
   GÜVEN BOYA & BADANA — Premium Tasarım v2.0
   ═══════════════════════════════════════════════════════════════ */

/* ─── Google Fonts ───────────────────────────────────────── */
/* Font yükleme header.php'deki <link> etiketi ile yapılıyor (performans için @import yerine) */

/* ─── CSS Değişkenleri ───────────────────────────────────── */
:root {
  --primary:       #0f1f3d;
  --primary-mid:   #1a3366;
  --primary-light: #1e3a73;
  --accent:        #f5a623;
  --accent-dark:   #e0920f;
  --accent-light:  #ffd080;
  --white:         #ffffff;
  --off-white:     #f7f8fc;
  --gray-50:       #f9fafb;
  --gray-100:      #f3f4f6;
  --gray-200:      #e5e7eb;
  --gray-300:      #d1d5db;
  --gray-400:      #9ca3af;
  --gray-500:      #6b7280;
  --gray-600:      #4b5563;
  --gray-800:      #1f2937;
  --dark:          #0f1f3d;
  --bg-light:      #f7f8fc;
  --text:          #1f2937;
  --success:       #10b981;
  --danger:        #ef4444;

  --shadow-sm:  0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
  --shadow:     0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);
  --shadow-md:  0 8px 32px rgba(0,0,0,.10), 0 4px 12px rgba(0,0,0,.06);
  --shadow-lg:  0 16px 48px rgba(0,0,0,.14), 0 8px 20px rgba(0,0,0,.08);
  --shadow-xl:  0 24px 64px rgba(0,0,0,.18);
  --shadow-glow: 0 0 40px rgba(245,166,35,.25);

  --radius-sm:  6px;
  --radius:     12px;
  --radius-lg:  20px;
  --radius-xl:  28px;
  --radius-full: 999px;

  --transition: .3s cubic-bezier(.4,0,.2,1);
  --transition-slow: .6s cubic-bezier(.4,0,.2,1);

  --font-head: 'Poppins', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;
  --container: 1240px;

  --grad-primary: linear-gradient(135deg, #0f1f3d 0%, #1a3366 50%, #1e3a73 100%);
  --grad-accent:  linear-gradient(135deg, #f5a623 0%, #e0920f 100%);
  --grad-hero:    linear-gradient(135deg, rgba(15,31,61,.95) 0%, rgba(26,51,102,.80) 100%);
}

/* ─── Custom Scrollbar ───────────────────────────────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--gray-100); }
::-webkit-scrollbar-thumb { background: var(--primary-mid); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--accent); }

/* ─── Reset & Base ───────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  color: var(--text);
  background: var(--white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* ─── Sayfa Geçiş Animasyonu ─────────────────────────────── */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  background: var(--primary);
  z-index: 9998;
  pointer-events: none;
  opacity: 0;
  transition: opacity .35s ease;
}
body.page-leaving::after { opacity: 1; pointer-events: all; }

/* ─── Utility Classes ────────────────────────────────────── */
.text-center  { text-align: center; }
.mt-40        { margin-top: 40px; }
.bg-light     { background: var(--gray-50); }
.bg-white     { background: var(--white); }
a { color: var(--accent); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--accent-dark); }
img { max-width: 100%; height: auto; display: block; }
ul, ol { list-style: none; }
button { cursor: pointer; font-family: var(--font-body); }
input, textarea, select { font-family: var(--font-body); }
h1,h2,h3,h4,h5,h6 { font-family: var(--font-head); line-height: 1.25; color: var(--primary); font-weight: 700; }
h1 { font-size: clamp(2.2rem, 5.5vw, 3.4rem); font-weight: 800; }
h2 { font-size: clamp(1.75rem, 4vw, 2.6rem); font-weight: 700; }
h3 { font-size: clamp(1.3rem, 2.5vw, 1.75rem); }
h4 { font-size: 1.15rem; }
p  { margin-bottom: 1rem; color: var(--gray-600); }
p:last-child { margin-bottom: 0; }

/* ─── Container ──────────────────────────────────────────── */
.container { max-width: var(--container); margin: 0 auto; padding: 0 24px; }
.section    { padding: 96px 0; }
.section-sm { padding: 60px 0; }
.section-lg { padding: 120px 0; }

/* ─── Section Headers ────────────────────────────────────── */
.section-header { text-align: center; margin-bottom: 72px; }
.section-header .tag {
  display: inline-flex; align-items: center; gap: 6px;
  background: linear-gradient(135deg, rgba(245,166,35,.12), rgba(245,166,35,.06));
  color: var(--accent-dark);
  font-family: var(--font-head);
  font-size: .78rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  padding: 6px 18px; border-radius: var(--radius-full);
  border: 1px solid rgba(245,166,35,.25);
  margin-bottom: 16px;
}
.section-header h2 { margin-bottom: 18px; letter-spacing: -.02em; }
.section-header p  { color: var(--gray-600); max-width: 580px; margin: 0 auto; font-size: 1.05rem; line-height: 1.8; }
.divider {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  margin: 20px auto 0;
}
.divider::before, .divider::after {
  content: ''; flex: 1; max-width: 40px; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(245,166,35,.4));
}
.divider::after { background: linear-gradient(90deg, rgba(245,166,35,.4), transparent); }
.divider span {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 12px rgba(245,166,35,.5);
}

/* ─── Buttons ────────────────────────────────────────────── */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  padding: 14px 32px;
  border-radius: var(--radius-full);
  font-family: var(--font-head);
  font-size: .95rem; font-weight: 600;
  border: 2px solid transparent;
  transition: all var(--transition);
  white-space: nowrap; cursor: pointer; position: relative; overflow: hidden;
}
.btn::before {
  content: ''; position: absolute; inset: 0;
  background: rgba(255,255,255,.12);
  transform: translateX(-100%);
  transition: transform .4s ease;
}
.btn:hover::before { transform: translateX(100%); }

.btn-primary {
  background: var(--grad-accent);
  color: var(--white); border-color: transparent;
  box-shadow: 0 6px 24px rgba(245,166,35,.35);
}
.btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(245,166,35,.45);
  color: var(--white);
}

.btn-outline {
  background: rgba(255,255,255,.08);
  color: var(--white); border-color: rgba(255,255,255,.35);
  backdrop-filter: blur(8px);
}
.btn-outline:hover {
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.6);
  color: var(--white);
  transform: translateY(-2px);
}

.btn-dark {
  background: var(--primary);
  color: var(--white); border-color: var(--primary);
  box-shadow: var(--shadow-md);
}
.btn-dark:hover {
  background: var(--primary-mid);
  color: var(--white);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}
.btn-sm  { padding: 10px 22px; font-size: .85rem; }
.btn-lg  { padding: 18px 44px; font-size: 1.05rem; }
.btn-xl  { padding: 20px 52px; font-size: 1.1rem; font-weight: 700; }

/* ─── TOPBAR ─────────────────────────────────────────────── */
.topbar {
  background: linear-gradient(90deg, var(--primary) 0%, var(--primary-mid) 60%, #1a3a6e 100%);
  padding: 8px 0;
  font-size: .78rem;
  position: relative;
  z-index: 1010;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.topbar::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(245,166,35,.04) 50%, transparent 100%);
}
.topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  position: relative;
}
.topbar-left {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}
.topbar-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,.65);
  font-size: .75rem;
}
.topbar-item i { color: var(--accent); font-size: .7rem; }
.topbar-link { transition: color var(--transition); }
.topbar-link:hover { color: var(--accent-light); }
.topbar-center {
  flex: 1;
  text-align: center;
}
.topbar-promo {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--accent-light);
  font-family: var(--font-head);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .03em;
  animation: topbar-pulse 3s ease-in-out infinite;
}
.topbar-promo i { font-size: .65rem; }
@keyframes topbar-pulse {
  0%,100% { opacity: 1; }
  50%      { opacity: .75; }
}
.topbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.topbar-social {
  width: 26px;
  height: 26px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.6);
  font-size: .65rem;
  transition: all var(--transition);
}
.topbar-social:hover { background: rgba(245,166,35,.2); border-color: rgba(245,166,35,.4); color: var(--accent); }
.topbar-close {
  width: 24px;
  height: 24px;
  border: none;
  background: rgba(255,255,255,.08);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.4);
  font-size: .6rem;
  cursor: pointer;
  transition: all var(--transition);
  margin-left: 4px;
}
.topbar-close:hover { background: rgba(255,0,0,.2); color: #fff; }
.topbar.hidden { display: none; }

/* ─── HEADER / NAV ───────────────────────────────────────── */
#header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  padding: 0; transition: all var(--transition);
}
#header::before {
  content: ''; position: absolute; inset: 0;
  background: transparent;
  transition: background var(--transition), box-shadow var(--transition), backdrop-filter var(--transition);
  z-index: -1;
}
#header.scrolled::before {
  background: rgba(15,31,61,.95);
  backdrop-filter: blur(20px);
  box-shadow: 0 2px 30px rgba(0,0,0,.25);
}

/* ─── HEADER PHONE ───────────────────────────────────────── */
.header-phone {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(245,166,35,.1);
  border: 1px solid rgba(245,166,35,.2);
  border-radius: var(--radius);
  padding: 8px 14px;
  text-decoration: none;
  transition: all var(--transition);
  flex-shrink: 0;
  margin-left: 8px;
}
.header-phone:hover {
  background: rgba(245,166,35,.18);
  border-color: rgba(245,166,35,.4);
  transform: translateY(-1px);
}
.header-phone-icon {
  width: 32px;
  height: 32px;
  background: var(--grad-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: .8rem;
  animation: ring 3s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes ring {
  0%,100% { transform: rotate(0); }
  10%      { transform: rotate(-15deg); }
  20%      { transform: rotate(15deg); }
  30%      { transform: rotate(-10deg); }
  40%      { transform: rotate(0); }
}
.header-phone-text small {
  display: block;
  font-size: .68rem;
  color: rgba(255,255,255,.5);
  line-height: 1;
  margin-bottom: 2px;
  font-family: var(--font-head);
  letter-spacing: .05em;
  text-transform: uppercase;
}
.header-phone-text strong {
  display: block;
  font-family: var(--font-head);
  font-size: .9rem;
  font-weight: 700;
  color: var(--accent);
  line-height: 1;
  letter-spacing: .01em;
}

/* ─── DROPDOWN MEGA MENU ─────────────────────────────────── */
.has-dropdown { position: relative; }
.dropdown-toggle { display: flex !important; align-items: center; gap: 5px; }
.dropdown-arrow {
  font-size: .6rem;
  transition: transform var(--transition);
  opacity: .7;
}
.has-dropdown:hover .dropdown-arrow { transform: rotate(180deg); opacity: 1; }

.mega-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  width: 560px;
  background: var(--white);
  border-radius: var(--radius-lg);
  box-shadow: 0 24px 64px rgba(0,0,0,.18), 0 8px 24px rgba(0,0,0,.1);
  border: 1px solid var(--gray-200);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all .25s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
  z-index: 200;
}
.mega-dropdown::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  background: var(--white);
  border-left: 1px solid var(--gray-200);
  border-top: 1px solid var(--gray-200);
  transform: translateX(-50%) rotate(45deg);
}
.has-dropdown:hover .mega-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}
.mega-dropdown-inner {
  display: grid;
  grid-template-columns: 1fr 200px;
}
.mega-col { padding: 24px; }
.mega-col-title {
  display: block;
  font-family: var(--font-head);
  font-size: .7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--gray-400);
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--gray-100);
}
.mega-service-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: var(--radius);
  text-decoration: none;
  transition: all var(--transition);
  margin-bottom: 4px;
}
.mega-service-link:hover { background: var(--gray-50); }
.msl-icon {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, var(--primary), var(--primary-mid));
  color: var(--accent);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .85rem;
  flex-shrink: 0;
  transition: all var(--transition);
}
.mega-service-link:hover .msl-icon {
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
  color: var(--primary);
}
.msl-body { flex: 1; }
.msl-body strong { display: block; font-size: .9rem; color: var(--primary); font-weight: 600; margin-bottom: 1px; }
.msl-body small  { color: var(--gray-400); font-size: .75rem; }
.msl-arrow { font-size: .6rem; color: var(--gray-400); opacity: 0; transition: all var(--transition); }
.mega-service-link:hover .msl-arrow { opacity: 1; transform: translateX(3px); color: var(--accent); }

.mega-col-cta {
  background: linear-gradient(145deg, var(--primary) 0%, var(--primary-mid) 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mega-cta-box { text-align: center; }
.mega-cta-icon {
  width: 52px;
  height: 52px;
  background: rgba(245,166,35,.15);
  border: 2px solid rgba(245,166,35,.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: var(--accent);
  margin: 0 auto 14px;
}
.mega-cta-box h4 { color: var(--white); font-size: .95rem; margin-bottom: 8px; }
.mega-cta-box p  { color: rgba(255,255,255,.55); font-size: .78rem; line-height: 1.55; margin-bottom: 16px; }
.mega-cta-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--grad-accent);
  color: var(--primary);
  font-family: var(--font-head);
  font-weight: 700;
  font-size: .82rem;
  padding: 10px 16px;
  border-radius: var(--radius);
  text-decoration: none;
  transition: all var(--transition);
}
.mega-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(245,166,35,.35); color: var(--primary); }

/* ─── WA FLOAT TOOLTIP ───────────────────────────────────── */
.wa-float { position: relative; }
.wa-float-tooltip {
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  background: rgba(37,211,102,.95);
  color: #fff;
  font-size: .78rem;
  font-weight: 600;
  font-family: var(--font-head);
  padding: 6px 12px;
  border-radius: var(--radius-full);
  opacity: 0;
  transition: opacity .25s, transform .25s;
  pointer-events: none;
}
.wa-float-tooltip::after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left-color: rgba(37,211,102,.95);
}
.wa-float:hover .wa-float-tooltip { opacity: 1; }

/* Topbar responsive */
@media (max-width: 900px) {
  .topbar-left { display: none; }
  .topbar-center { text-align: left; }
}
@media (max-width: 768px) {
  #topbar, .topbar { display: none !important; }
  .header-phone { display: none; }
  .has-dropdown .mega-dropdown { display: none; }
  #header { top: 0 !important; }
  .header-inner { height: 60px; }
  .logo-icon { width: 38px; height: 38px; font-size: 1.1rem; }
  .logo-img { height: 38px; max-width: 120px; }
  .logo-svg { height: 40px; max-width: 200px; }
  .logo-text .name { font-size: 1rem; }
  .logo-text .tagline { font-size: .58rem; }
  .hamburger { padding: 8px; }
  .hamburger span { width: 20px; }
}
@media (max-width: 520px) {
  .topbar-promo { font-size: .65rem; }
  .topbar-center .topbar-promo i { display: none; }
  .logo { gap: 10px; }
  .logo-text .name { font-size: .95rem; }
  .logo-text .tagline { display: none; }
}
.header-inner {
  display: flex; align-items: center; justify-content: space-between;
  height: 84px;
}
.logo { display: flex; align-items: center; gap: 13px; text-decoration: none; }
.logo-icon {
  width: 48px; height: 48px; border-radius: var(--radius);
  background: var(--grad-accent);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.35rem; color: var(--white);
  box-shadow: 0 4px 16px rgba(245,166,35,.4);
  transition: transform var(--transition);
}
.logo:hover .logo-icon { transform: rotate(-10deg) scale(1.08); }
/* Logo Görsel */
.logo-img {
  height: 44px; width: auto; max-width: 140px;
  object-fit: contain; flex-shrink: 0;
  border-radius: var(--radius-sm);
  transition: transform var(--transition), filter var(--transition);
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.2));
}
.logo:hover .logo-img { transform: scale(1.04); filter: drop-shadow(0 4px 12px rgba(0,0,0,.3)); }
/* Logo SVG */
.logo-svg {
  height: 52px; width: auto; max-width: 260px;
  object-fit: contain; flex-shrink: 0;
  transition: transform var(--transition), filter var(--transition);
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.15));
}
.logo:hover .logo-svg { transform: scale(1.03); filter: drop-shadow(0 4px 14px rgba(0,0,0,.25)); }
.logo-svg-mobile { height: 44px; max-width: 220px; }
/* Footer Logo SVG */
.footer-logo-svg {
  height: 48px; width: auto; max-width: 240px;
  object-fit: contain;
  transition: transform .3s, filter .3s;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.2));
}
.footer-logo:hover .footer-logo-svg { transform: scale(1.03); filter: drop-shadow(0 4px 12px rgba(0,0,0,.3)); }
.logo-text .name    { font-family: var(--font-head); font-size: 1.2rem; font-weight: 800; color: var(--white); letter-spacing: -.01em; }
.logo-text .tagline { font-size: .7rem; color: rgba(255,255,255,.55); letter-spacing: .05em; text-transform: uppercase; }

nav ul { display: flex; align-items: center; gap: 2px; }
nav ul li a {
  display: block; padding: 9px 16px;
  color: rgba(255,255,255,.85); font-weight: 500; font-size: .9rem;
  border-radius: var(--radius-sm);
  transition: all var(--transition); letter-spacing: .01em;
}
nav ul li a:hover { background: rgba(255,255,255,.1); color: var(--white); }
nav ul li a.active { color: var(--accent-light); }
nav ul li a.nav-cta {
  background: var(--grad-accent);
  color: var(--white); padding: 9px 22px;
  margin-left: 8px;
  box-shadow: 0 4px 16px rgba(245,166,35,.35);
}
nav ul li a.nav-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(245,166,35,.45);
}

.hamburger {
  display: none; flex-direction: column; gap: 5px;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.15);
  padding: 9px; border-radius: var(--radius-sm); backdrop-filter: blur(8px);
}
.hamburger span {
  display: block; width: 22px; height: 2px;
  background: var(--white); border-radius: 2px; transition: all var(--transition);
}
.hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ─── HERO ───────────────────────────────────────────────── */
.hero {
  position: relative; min-height: 100svh;
  overflow: hidden; background: var(--primary);
  display: flex; align-items: center;
}

/* ─── Arka plan dekorasyonları ───────────────────────────── */
.hero-bg-shapes { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.hero-shape {
  position: absolute; border-radius: 50%;
  background: radial-gradient(circle, rgba(245,166,35,.15) 0%, transparent 70%);
  animation: float-shape 8s ease-in-out infinite;
}
.hero-shape-1 { width: 700px; height: 700px; top: -220px; right: -140px; animation-delay: 0s; }
.hero-shape-2 { width: 420px; height: 420px; bottom: -120px; left: -90px; animation-delay: -3s; background: radial-gradient(circle, rgba(30,58,115,.5) 0%, transparent 70%); }
.hero-shape-3 { width: 320px; height: 320px; top: 38%; left: 48%; animation-delay: -5s; background: radial-gradient(circle, rgba(245,166,35,.07) 0%, transparent 70%); }
@keyframes float-shape {
  0%, 100% { transform: translate(0,0) scale(1); }
  33%       { transform: translate(22px,-32px) scale(1.06); }
  66%       { transform: translate(-16px, 22px) scale(.96); }
}

.hero-grid {
  position: absolute; inset: 0; z-index: 0;
  background-image: linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at 35% 50%, black 30%, transparent 75%);
}

/* ─── Slaytlar ───────────────────────────────────────────── */
.hero-slides {
  position: relative; width: 100%; height: 100%;
  min-height: 100svh;
}
.hero-slide {
  position: absolute; inset: 0;
  display: flex; align-items: center;
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}
.hero-slide.active  { opacity: 1; pointer-events: auto; }

.hero-slide-bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
  transform: scale(1); transition: transform 9s linear;
  z-index: 0;
}
.hero-slide.active .hero-slide-bg { transform: scale(1.07); }
.hero-slide-bg::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(
    105deg,
    rgba(10,20,45,.92) 0%,
    rgba(15,31,61,.78) 45%,
    rgba(10,20,45,.45) 100%
  );
}

/* ─── Dikey çizgiler ────────────────────────────────────── */
.hero-vlines {
  position: absolute; inset: 0; z-index: 0;
  display: flex; justify-content: space-between;
  padding: 0 10%; pointer-events: none;
}
.hero-vlines span {
  width: 1px; height: 100%;
  background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,.04) 30%, rgba(255,255,255,.04) 70%, transparent 100%);
}

/* ─── Hero Layout ────────────────────────────────────────── */
.hero-layout {
  position: relative; z-index: 2;
  display: flex; align-items: center;
  gap: 60px;
}
.hero-content {
  flex: 1; max-width: 640px;
}

/* Slide-el stagger animation */
.slide-el {
  opacity: 0;
  transform: translateY(28px);
  filter: blur(4px);
}
.hero-slide.active .slide-el {
  animation: slide-el-in .8s cubic-bezier(.22,1,.36,1) forwards;
}
.hero-slide.active .slide-el:nth-child(1) { animation-delay: .05s; }
.hero-slide.active .slide-el:nth-child(2) { animation-delay: .18s; }
.hero-slide.active .slide-el:nth-child(3) { animation-delay: .32s; }
.hero-slide.active .slide-el:nth-child(4) { animation-delay: .44s; }
.hero-slide.active .slide-el:nth-child(5) { animation-delay: .56s; }
.hero-slide.active .slide-el:nth-child(6) { animation-delay: .68s; }
@keyframes slide-el-in {
  from { opacity: 0; transform: translateY(28px); filter: blur(4px); }
  to   { opacity: 1; transform: none; filter: none; }
}

.hero-label {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(245,166,35,.1);
  border: 1px solid rgba(245,166,35,.3);
  color: var(--accent-light);
  font-family: var(--font-head);
  font-size: .76rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  padding: 7px 18px; border-radius: var(--radius-full);
  margin-bottom: 22px; backdrop-filter: blur(10px);
}
.hero-label .dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 10px rgba(245,166,35,.7);
  animation: pulse-dot 2s infinite;
}
@keyframes pulse-dot {
  0%,100% { opacity: 1; transform: scale(1); }
  50%      { opacity: .5; transform: scale(1.5); }
}

.hero-content h1 {
  color: var(--white);
  margin-bottom: 18px;
  letter-spacing: -.03em;
  text-shadow: 0 4px 32px rgba(0,0,0,.3);
  line-height: 1.1; font-size: clamp(2.4rem, 5vw, 3.6rem);
}
.hero-content h1 .highlight {
  background: var(--grad-accent);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero-desc {
  color: rgba(255,255,255,.65); font-size: 1.08rem;
  margin-bottom: 32px; line-height: 1.8; max-width: 500px;
}

/* ─── Hero Butonları (Premium) ──────────────────────────── */
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 36px; align-items: center; }

.hero-btn-primary {
  display: inline-flex; align-items: center; gap: 12px;
  background: var(--grad-accent); color: var(--primary);
  padding: 10px 28px 10px 10px; border-radius: var(--radius-full);
  text-decoration: none; font-family: var(--font-head);
  transition: all .35s cubic-bezier(.4,0,.2,1);
  box-shadow: 0 4px 20px rgba(245,166,35,.35);
}
.hero-btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 32px rgba(245,166,35,.5);
  color: var(--primary);
}
.hbp-icon {
  width: 42px; height: 42px; border-radius: 50%;
  background: rgba(0,0,0,.12);
  display: flex; align-items: center; justify-content: center;
  font-size: 1rem;
}
.hbp-text { display: flex; flex-direction: column; line-height: 1.2; }
.hbp-text small { font-size: .65rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; opacity: .7; }
.hbp-text strong { font-size: .95rem; font-weight: 800; }

.hero-btn-wa {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 14px 28px; border-radius: var(--radius-full);
  background: rgba(37,211,102,.15);
  border: 1px solid rgba(37,211,102,.4);
  color: #25d366; font-weight: 700; font-size: .9rem;
  text-decoration: none; backdrop-filter: blur(8px);
  transition: all .3s;
}
.hero-btn-wa:hover {
  background: rgba(37,211,102,.25);
  border-color: rgba(37,211,102,.6);
  color: #25d366; transform: translateY(-2px);
}
.hero-btn-wa i { font-size: 1.15rem; }

/* ─── Hero Trust Strip (inline) ─────────────────────────── */
.hero-trust-strip {
  display: flex; align-items: center; gap: 20px;
  padding-top: 28px; border-top: 1px solid rgba(255,255,255,.08);
}
.hts-item {
  display: flex; align-items: center; gap: 10px;
}
.hts-icon {
  width: 36px; height: 36px; border-radius: 10px;
  background: rgba(245,166,35,.12); border: 1px solid rgba(245,166,35,.2);
  display: flex; align-items: center; justify-content: center;
  color: var(--accent); font-size: .85rem; flex-shrink: 0;
}
.hts-item span {
  font-size: .72rem; color: rgba(255,255,255,.55);
  font-weight: 600; line-height: 1.35; text-transform: uppercase;
  letter-spacing: .03em;
}
.hts-divider {
  width: 1px; height: 28px;
  background: rgba(255,255,255,.1);
}

/* ─── Hero Side (İstatistik kartları) ───────────────────── */
.hero-side {
  width: 300px; flex-shrink: 0;
  display: flex; flex-direction: column; gap: 12px;
}
.hero-stat-card {
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px; padding: 20px;
  transition: all .35s;
}
.hero-stat-card:hover {
  background: rgba(255,255,255,.1);
  border-color: rgba(245,166,35,.25);
  transform: translateY(-3px);
}
.hsc-main {
  text-align: center; padding: 24px 20px;
}
.hsc-number {
  font-family: var(--font-head); font-size: 2.8rem; font-weight: 900;
  color: var(--white); line-height: 1;
}
.hsc-main .hsc-number { font-size: 3.2rem; }
.hsc-number sup {
  font-size: .45em; color: var(--accent); font-weight: 700;
  position: relative; top: -.5em;
}
.hsc-label {
  font-size: .72rem; color: rgba(255,255,255,.5);
  text-transform: uppercase; letter-spacing: .1em;
  margin-top: 4px; font-weight: 600;
}
.hsc-bar {
  height: 3px; background: rgba(255,255,255,.08);
  border-radius: 3px; margin-top: 14px; overflow: hidden;
}
.hsc-bar span {
  display: block; height: 100%;
  background: var(--grad-accent); border-radius: 3px;
  animation: barGrow 2s ease-out .5s both;
}
@keyframes barGrow {
  from { width: 0 !important; }
}
.hero-stat-row {
  display: flex; gap: 12px;
}
.hsc-small {
  flex: 1; text-align: center; padding: 16px 12px;
}
.hsc-small .hsc-number { font-size: 1.8rem; }
.hsc-icon {
  width: 32px; height: 32px; border-radius: 8px;
  background: rgba(245,166,35,.12);
  display: flex; align-items: center; justify-content: center;
  color: var(--accent); font-size: .8rem;
  margin: 0 auto 8px;
}

/* Hero Rating Bar */
.hero-rating-bar {
  display: flex; align-items: center; gap: 10px;
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--radius-full); padding: 10px 18px;
}
.hrb-stars { color: var(--accent); font-size: .72rem; letter-spacing: 1px; }
.hrb-score {
  font-family: var(--font-head); font-weight: 900;
  color: var(--white); font-size: .95rem;
}
.hrb-count { font-size: .68rem; color: rgba(255,255,255,.4); }

/* ─── Alt Kontrol Barı ───────────────────────────────────── */
.hero-bottom-bar {
  position: absolute; bottom: 0; left: 0; right: 0; z-index: 10;
  display: flex; align-items: center; gap: 20px;
  padding: 20px 48px 28px;
  background: linear-gradient(to top, rgba(8,16,36,.75) 0%, transparent 100%);
}

.hero-counter {
  font-family: var(--font-head); white-space: nowrap;
  display: flex; align-items: baseline; gap: 4px;
}
.hc-cur {
  font-size: 2rem; font-weight: 900; color: var(--white); line-height: 1;
}
.hc-sep { color: rgba(255,255,255,.3); font-size: .9rem; margin: 0 2px; }
.hc-total { font-size: .82rem; color: rgba(255,255,255,.4); font-weight: 600; }

.hero-progress-wrap {
  flex: 1; height: 2px; background: rgba(255,255,255,.12);
  border-radius: 2px; overflow: hidden;
}
.hero-progress-bar {
  height: 100%; width: 0%; border-radius: 2px;
  background: var(--grad-accent);
  transition: none;
}
.hero-progress-bar.running {
  width: 100%;
  transition: width 5s linear;
}

.hero-dot-row { display: flex; gap: 6px; }
.hero-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: rgba(255,255,255,.25); border: none; cursor: pointer;
  transition: all .4s cubic-bezier(.4,0,.2,1);
}
.hero-dot:hover   { background: rgba(255,255,255,.55); transform: scale(1.2); }
.hero-dot.active  {
  background: var(--accent); width: 28px; border-radius: 4px;
  box-shadow: 0 0 10px rgba(245,166,35,.6);
}

.hero-nav-btns { display: flex; gap: 8px; }
.hero-btn {
  width: 44px; height: 44px; border-radius: var(--radius);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
  color: var(--white); font-size: .9rem;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: all var(--transition);
  backdrop-filter: blur(10px);
}
.hero-btn:hover {
  background: var(--accent); border-color: transparent;
  color: var(--primary);
  box-shadow: 0 6px 24px rgba(245,166,35,.45);
  transform: translateY(-2px);
}

/* Scroll indicator */
.scroll-indicator {
  position: absolute; bottom: 80px; right: 48px; z-index: 5;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
}
.scroll-line {
  width: 1px; height: 44px;
  background: linear-gradient(to bottom, rgba(255,255,255,.5), transparent);
  animation: scroll-anim 2.2s ease-in-out infinite;
}
@keyframes scroll-anim {
  0%   { transform: scaleY(0); transform-origin: top; opacity: 1; }
  49%  { transform: scaleY(1); transform-origin: top; opacity: 1; }
  50%  { transform: scaleY(1); transform-origin: bottom; opacity: 1; }
  100% { transform: scaleY(0); transform-origin: bottom; opacity: 0; }
}

/* ─── Responsive: Hero ───────────────────────────────────── */
@media (max-width: 1100px) {
  .hero-side { display: none; }
  .hero-content { max-width: 100%; }
  .hero-layout { gap: 0; }
}
@media (max-width: 768px) {
  .hero { min-height: 100svh; }
  .hero-slides { min-height: 100svh; }
  .hero-slide { padding-top: 130px; padding-bottom: 80px; }
  .hero-content { padding: 0 16px; }
  .hero-content h1 { font-size: clamp(1.8rem, 7vw, 2.6rem); line-height: 1.15; margin-bottom: 14px; }
  .hero-desc { font-size: .95rem; margin-bottom: 24px; line-height: 1.7; }
  .hero-label { font-size: .68rem; padding: 5px 14px; margin-bottom: 14px; }
  .hero-actions { margin-bottom: 24px; }
  .hero-btn-primary { padding: 8px 22px 8px 8px; }
  .hbp-icon { width: 36px; height: 36px; font-size: .88rem; }
  .hbp-text strong { font-size: .85rem; }
  .hero-btn-wa { padding: 12px 22px; font-size: .85rem; }
  .hero-bottom-bar { padding: 12px 20px 18px; gap: 10px; }
  .hc-cur { font-size: 1.2rem; }
  .hero-btn { width: 36px; height: 36px; font-size: .8rem; }
  .scroll-indicator { display: none; }
  .hero-trust-strip { gap: 14px; padding-top: 20px; }
  .hts-icon { width: 30px; height: 30px; font-size: .75rem; border-radius: 8px; }
  .hts-item span { font-size: .65rem; }
  .hts-divider { height: 22px; }
  .hero-vlines { display: none; }
}
@media (max-width: 520px) {
  .hero-slide { padding-top: 110px; }
  .hero-content h1 { font-size: clamp(1.6rem, 6.5vw, 2.2rem); }
  .hero-counter { display: none; }
  .hero-actions { flex-direction: column; align-items: flex-start; gap: 10px; }
  .hero-bottom-bar { padding: 10px 16px 14px; }
  .hero-trust-strip { flex-wrap: wrap; gap: 10px; }
  .hts-divider { display: none; }
}

/* ─── SERVICES ───────────────────────────────────────────── */
.services-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
.service-card {
  background: var(--white);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow);
  transition: all var(--transition);
  border: 1px solid var(--gray-200);
  position: relative;
  group: true;
}
.service-card::before {
  content: ''; position: absolute; inset: 0;
  background: var(--grad-primary);
  opacity: 0; transition: opacity var(--transition); z-index: 0;
  border-radius: var(--radius-xl);
}
.service-card:hover {
  transform: translateY(-12px);
  box-shadow: var(--shadow-xl);
  border-color: transparent;
}
.service-card:hover::before { opacity: 1; }

.service-card-img {
  height: 210px; overflow: hidden;
  position: relative; z-index: 1;
}
.service-card-img img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .6s ease;
}
.service-card:hover .service-card-img img { transform: scale(1.1); }
.service-card-icon-wrap {
  height: 210px; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--gray-100), var(--off-white));
  position: relative; overflow: hidden;
}
.service-card-icon-wrap::before {
  content: ''; position: absolute; inset: 0;
  background: var(--grad-primary);
  opacity: 0; transition: opacity var(--transition);
}
.service-card:hover .service-card-icon-wrap::before { opacity: 1; }
.service-card-icon {
  font-size: 3.5rem; color: var(--gray-400); position: relative; z-index: 1;
  transition: all var(--transition);
}
.service-card:hover .service-card-icon { color: rgba(255,255,255,.8); transform: scale(1.15); }

.service-card-body {
  padding: 28px; position: relative; z-index: 1;
}
.service-card:hover .service-card-body h3 { color: var(--white); }
.service-card:hover .service-card-body p  { color: rgba(255,255,255,.65); }
.service-card-body h3 { margin-bottom: 10px; font-size: 1.1rem; transition: color var(--transition); }
.service-card-body p  { color: var(--gray-600); font-size: .9rem; margin-bottom: 22px; transition: color var(--transition); line-height: 1.7; }

.service-link {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-head); font-weight: 600; font-size: .85rem;
  color: var(--accent); transition: all var(--transition);
}
.service-card:hover .service-link { color: var(--accent-light); gap: 14px; }

/* ─── STATS ──────────────────────────────────────────────── */
.stats-section,
.stats-bar {
  background: var(--grad-primary);
  position: relative; overflow: hidden;
  padding: 0;
}
.stats-section::before,
.stats-bar::before {
  content: ''; position: absolute; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.stats-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
}
.stat-item {
  padding: 48px 32px; text-align: center;
  border-right: 1px solid rgba(255,255,255,.08);
  position: relative; transition: background var(--transition);
}
.stat-item:last-child { border-right: none; }
.stat-item:hover { background: rgba(255,255,255,.04); }
.stat-item-icon {
  width: 56px; height: 56px; border-radius: var(--radius);
  background: rgba(245,166,35,.15);
  border: 1px solid rgba(245,166,35,.2);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 16px; font-size: 1.4rem; color: var(--accent);
}
.stat-number {
  font-family: var(--font-head);
  font-size: 2.8rem; font-weight: 900;
  background: var(--grad-accent);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text; line-height: 1;
}
.stat-label { color: rgba(255,255,255,.6); font-size: .82rem; margin-top: 8px; letter-spacing: .05em; text-transform: uppercase; }

/* ─── WHY US ─────────────────────────────────────────────── */
.why-us { background: var(--gray-50); }
.why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.why-card {
  background: var(--white); border-radius: var(--radius-lg); padding: 36px 28px;
  text-align: center; box-shadow: var(--shadow-sm);
  border: 1px solid var(--gray-200);
  transition: all var(--transition); position: relative; overflow: hidden;
}
.why-bg-icon {
  position: absolute; bottom: -14px; right: -8px;
  font-size: 6rem; line-height: 1;
  color: rgba(15,31,61,.03); pointer-events: none;
  transition: color .5s ease, transform .5s ease;
}
.why-card:hover .why-bg-icon { color: rgba(245,166,35,.045); transform: scale(1.1) rotate(-8deg); }
.why-card::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;
  background: var(--grad-accent); transform: scaleX(0); transform-origin: left;
  transition: transform var(--transition);
}
.why-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); border-color: transparent; }
.why-card:hover::after { transform: scaleX(1); }
.why-icon {
  width: 76px; height: 76px; border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgba(245,166,35,.12), rgba(245,166,35,.04));
  border: 2px solid rgba(245,166,35,.2);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.8rem; color: var(--accent); margin: 0 auto 22px;
  transition: all var(--transition);
}
.why-card:hover .why-icon {
  background: var(--grad-accent);
  color: var(--white); border-color: transparent;
  transform: scale(1.1) rotate(-5deg);
  box-shadow: 0 8px 24px rgba(245,166,35,.35);
}
.why-card h4 { margin-bottom: 10px; font-size: 1.05rem; }
.why-card p  { color: var(--gray-600); font-size: .88rem; line-height: 1.7; }

/* ─── GALLERY ────────────────────────────────────────────── */
.gallery-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}
/* Özel galeri layout — büyük-küçük kombinasyon */
.gallery-grid .gallery-item:first-child {
  grid-column: span 2; grid-row: span 2;
}
.gallery-item {
  position: relative; border-radius: var(--radius-lg);
  overflow: hidden; background: var(--gray-100); cursor: pointer;
  aspect-ratio: 4/3;
}
.gallery-grid .gallery-item:first-child { aspect-ratio: auto; }
.gallery-item img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .6s cubic-bezier(.25,.46,.45,.94);
}
.gallery-item:hover img { transform: scale(1.08); }
.gallery-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(15,31,61,.85) 0%, rgba(15,31,61,.2) 60%, transparent 100%);
  display: flex; flex-direction: column; justify-content: flex-end; padding: 20px;
  opacity: 0; transition: opacity var(--transition);
}
.gallery-item:hover .gallery-overlay { opacity: 1; }
.gallery-overlay-icon {
  width: 44px; height: 44px; border-radius: 50%;
  background: rgba(245,166,35,.9);
  display: flex; align-items: center; justify-content: center;
  color: var(--white); font-size: 1rem;
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(.6);
  transition: transform var(--transition);
}
.gallery-item:hover .gallery-overlay-icon { transform: translate(-50%,-50%) scale(1); }
.gallery-cat {
  position: absolute; top: 14px; left: 14px;
  background: var(--grad-accent); color: var(--white);
  font-family: var(--font-head); font-size: .72rem; font-weight: 700;
  padding: 4px 12px; border-radius: var(--radius-full);
  letter-spacing: .04em; text-transform: uppercase;
}

/* ─── TESTIMONIALS — Premium Grid v2.1 ──────────────────── */
.testimonials-section {
  background: var(--grad-primary);
  position: relative; overflow: hidden;
}
.testimonials-section::before {
  content: ''; position: absolute; top: -50%; right: -20%;
  width: 700px; height: 700px; border-radius: 50%;
  background: radial-gradient(circle, rgba(245,166,35,.06) 0%, transparent 70%);
  pointer-events: none;
}
.testimonials-section .section-header h2 { color: var(--white); }
.testimonials-section .section-header p  { color: rgba(255,255,255,.6); }
.testimonials-section .tag {
  background: rgba(245,166,35,.15); border-color: rgba(245,166,35,.3); color: var(--accent-light);
}

.testimonials-slider { position: relative; overflow: hidden; }
.testimonials-track  { display: flex; transition: transform .6s cubic-bezier(.4,0,.2,1); }
.testimonial-item    { min-width: 100%; padding: 0 80px; }
.testimonial-card {
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--radius-xl); padding: 52px 56px;
  max-width: 860px; margin: 0 auto; text-align: center;
  position: relative;
}
.testimonial-card::before {
  content: '"'; position: absolute; top: -10px; left: 40px;
  font-size: 8rem; line-height: 1;
  color: rgba(245,166,35,.15);
  font-family: Georgia, serif;
}
.testimonial-stars { color: var(--accent); font-size: 1.3rem; letter-spacing: 3px; margin-bottom: 24px; }
.testimonial-text {
  color: rgba(255,255,255,.85); font-size: 1.1rem; font-style: italic;
  line-height: 1.9; margin-bottom: 32px;
}
.testimonial-author { display: flex; align-items: center; justify-content: center; gap: 14px; }
.testimonial-author-avatar {
  width: 52px; height: 52px; border-radius: 50%;
  background: var(--grad-accent); display: flex; align-items: center; justify-content: center;
  font-family: var(--font-head); font-size: 1.1rem; font-weight: 700; color: var(--white);
}
.testimonial-author-info strong { display: block; color: var(--white); font-family: var(--font-head); font-size: .95rem; }
.testimonial-author-info span   { color: rgba(255,255,255,.5); font-size: .82rem; }

.testimonial-nav { display: flex; justify-content: center; gap: 10px; margin-top: 36px; }
.t-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: rgba(255,255,255,.25); border: none; cursor: pointer;
  transition: all .4s ease;
}
.t-dot.active { background: var(--accent); width: 32px; border-radius: 4px; box-shadow: 0 0 10px rgba(245,166,35,.5); }

/* ─── TESTI SUMMARY ──────────────────────────────────────── */
.testi-summary {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
  justify-content: center;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--radius-xl);
  padding: 24px 36px;
  margin-bottom: 48px;
  backdrop-filter: blur(12px);
}
.testi-summary-score { display: flex; align-items: baseline; gap: 4px; }
.tss-num { font-family: var(--font-head); font-size: 3.2rem; font-weight: 900; color: var(--accent); line-height: 1; }
.tss-max { color: rgba(255,255,255,.4); font-size: 1.1rem; }
.testi-summary-stars { color: var(--accent); font-size: 1.2rem; letter-spacing: 2px; }
.testi-summary-count { color: rgba(255,255,255,.55); font-size: .85rem; }
.testi-summary-bars { display: flex; flex-direction: column; gap: 6px; min-width: 160px; }
.testi-bar-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .75rem;
  color: rgba(255,255,255,.55);
}
.testi-bar-row i { font-size: .6rem; color: var(--accent); }
.testi-bar {
  flex: 1;
  height: 6px;
  background: rgba(255,255,255,.1);
  border-radius: 3px;
  overflow: hidden;
}
.testi-bar-fill {
  height: 100%;
  background: var(--grad-accent);
  border-radius: 3px;
  transition: width 1.2s ease;
}

/* ─── TESTI GRID ─────────────────────────────────────────── */
.testi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
.testi-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--radius-xl);
  padding: 28px 24px;
  backdrop-filter: blur(12px);
  transition: all var(--transition);
  position: relative;
  overflow: hidden;
}
.testi-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(245,166,35,.06) 0%, transparent 60%);
  opacity: 0;
  transition: opacity var(--transition);
}
.testi-card:hover { transform: translateY(-6px); border-color: rgba(245,166,35,.25); box-shadow: 0 20px 48px rgba(0,0,0,.3); }
.testi-card:hover::before { opacity: 1; }

.testi-card-top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.testi-avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-head);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--white);
  flex-shrink: 0;
  box-shadow: 0 4px 14px rgba(0,0,0,.25);
}
.testi-author { flex: 1; min-width: 0; }
.testi-author strong {
  display: block;
  color: var(--white);
  font-family: var(--font-head);
  font-size: .9rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.testi-author span {
  color: rgba(255,255,255,.45);
  font-size: .75rem;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
}
.testi-author span i { font-size: .65rem; color: var(--accent); }
.testi-rating { color: var(--accent); font-size: .75rem; letter-spacing: 1px; flex-shrink: 0; }

.testi-text {
  color: rgba(255,255,255,.72);
  font-size: .88rem;
  line-height: 1.75;
  font-style: italic;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}

.testi-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.testi-service-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(245,166,35,.12);
  border: 1px solid rgba(245,166,35,.2);
  color: var(--accent-light);
  font-size: .72rem;
  font-weight: 600;
  font-family: var(--font-head);
  padding: 3px 10px;
  border-radius: var(--radius-full);
}
.testi-service-tag i { font-size: .62rem; }
.testi-quote-icon {
  font-size: 1.5rem;
  color: rgba(245,166,35,.15);
}

/* ─── TESTI TRUST STRIP ──────────────────────────────────── */
.testi-trust-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-wrap: wrap;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--radius-xl);
  padding: 16px 32px;
}
.tts-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 24px;
  color: rgba(255,255,255,.6);
  font-size: .82rem;
}
.tts-item i { color: var(--accent); font-size: .8rem; }
.tts-divider { width: 1px; height: 24px; background: rgba(255,255,255,.1); }

/* Responsive testimonials */
@media (max-width: 1100px) { .testi-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
  .testi-grid { grid-template-columns: 1fr; }
  .testi-summary { flex-direction: column; gap: 16px; text-align: center; padding: 20px; }
  .tts-item { padding: 6px 12px; font-size: .75rem; }
  .tts-divider { display: none; }
}

/* ─── FAQ TWO-COLUMN ─────────────────────────────────────── */
.faq-section { background: var(--white); }
.faq-layout {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 64px;
  align-items: start;
}
.faq-layout-left { position: sticky; top: 120px; }
.faq-layout-left h2 { margin-bottom: 16px; }
.faq-layout-left > p { color: var(--gray-600); line-height: 1.7; margin-bottom: 28px; }
.faq-cta-box {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--gray-50);
  border: 1px solid var(--gray-200);
  border-left: 3px solid var(--accent);
  border-radius: var(--radius);
  padding: 16px;
}
.faq-cta-icon {
  width: 40px;
  height: 40px;
  background: var(--grad-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  font-size: 1rem;
  flex-shrink: 0;
}
.faq-cta-box strong { display: block; font-size: .9rem; color: var(--primary); margin-bottom: 2px; }
.faq-cta-box p { font-size: .8rem; color: var(--gray-400); margin: 0; }

/* FAQ numara */
.faq-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: linear-gradient(135deg, var(--primary), var(--primary-mid));
  color: var(--accent);
  font-size: .7rem;
  font-weight: 800;
  font-family: var(--font-head);
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 4px;
  transition: all var(--transition);
}
.faq-question.open .faq-num { background: rgba(255,255,255,.2); color: var(--white); }

@media (max-width: 900px) {
  .faq-layout { grid-template-columns: 1fr; }
  .faq-layout-left { position: static; }
}

/* ─── Blog Ortak Stiller (liste & detay sayfaları) ──────── */
.blog-meta-date, .blog-meta-author {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: .78rem; color: var(--gray-400);
}
.blog-meta-author i { color: var(--primary); opacity: .4; }
.blog-card-bottom {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: auto; padding-top: 16px; border-top: 1px solid var(--gray-100);
}
.blog-views { display: flex; align-items: center; gap: 4px; font-size: .75rem; color: var(--gray-400); }
.blog-views i { font-size: .65rem; }

/* ─── MOBILE MENU FULLSCREEN ─────────────────────────────── */
.mobile-nav-overlay {
  position: fixed;
  inset: 0;
  z-index: 2000;
  background: linear-gradient(145deg, #0a1628 0%, #0f1f3d 100%);
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  transition: transform .4s cubic-bezier(.4,0,.2,1);
  overflow-y: auto;
  visibility: hidden;
}
.mobile-nav-overlay.open {
  transform: translateX(0);
  visibility: visible;
}
.mobile-nav-inner { flex: 1; display: flex; flex-direction: column; padding: 0; }
.mobile-nav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.mobile-nav-close {
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.7);
  font-size: 1rem;
  cursor: pointer;
  transition: all var(--transition);
}
.mobile-nav-close:hover { background: rgba(239,68,68,.2); border-color: rgba(239,68,68,.3); color: #ef4444; }
.mobile-nav-list {
  flex: 1;
  padding: 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mobile-nav-list > li > a,
.mobile-nav-list > li > .mob-sub-toggle {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: var(--radius);
  color: rgba(255,255,255,.8);
  font-family: var(--font-head);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition);
  background: transparent;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  animation: mob-item-in .4s ease both;
}
.mobile-nav-list > li:nth-child(1) > a { animation-delay: .05s; }
.mobile-nav-list > li:nth-child(2) > .mob-sub-toggle { animation-delay: .1s; }
.mobile-nav-list > li:nth-child(3) > a { animation-delay: .15s; }
.mobile-nav-list > li:nth-child(4) > a { animation-delay: .2s; }
.mobile-nav-list > li:nth-child(5) > a { animation-delay: .25s; }
.mobile-nav-list > li:nth-child(6) > a { animation-delay: .3s; }
@keyframes mob-item-in {
  from { opacity: 0; transform: translateX(-20px); }
  to   { opacity: 1; transform: none; }
}
.mobile-nav-list > li > a i,
.mob-sub-toggle i:first-child {
  width: 36px;
  height: 36px;
  background: rgba(245,166,35,.12);
  border: 1px solid rgba(245,166,35,.18);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent);
  font-size: .85rem;
  flex-shrink: 0;
  transition: all var(--transition);
}
.mobile-nav-list > li > a:hover,
.mob-sub-toggle:hover {
  background: rgba(255,255,255,.06);
  color: var(--white);
}
.mobile-nav-list > li > a:hover i,
.mob-sub-toggle:hover i:first-child {
  background: var(--grad-accent);
  color: var(--primary);
  border-color: transparent;
}
.mob-cta {
  background: linear-gradient(135deg, rgba(245,166,35,.15), rgba(245,166,35,.08)) !important;
  border: 1px solid rgba(245,166,35,.25) !important;
  color: var(--accent) !important;
}

/* Sub menu */
.mob-has-sub { }
.mob-sub-toggle {
  justify-content: space-between;
}
.mob-sub-toggle > span {
  display: flex;
  align-items: center;
  gap: 14px;
}
.mob-sub-arrow {
  font-size: .65rem !important;
  color: rgba(255,255,255,.35) !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  border: none !important;
  transition: transform var(--transition) !important;
}
.mob-has-sub.open .mob-sub-arrow { transform: rotate(180deg); }
.mob-sub-list {
  display: none;
  flex-direction: column;
  gap: 2px;
  padding: 6px 0 6px 52px;
}
.mob-sub-list.open { display: flex; }
.mob-sub-list li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: var(--radius);
  color: rgba(255,255,255,.6);
  font-size: .88rem;
  font-weight: 500;
  text-decoration: none;
  transition: all var(--transition);
}
.mob-sub-list li a i {
  font-size: .75rem;
  color: var(--accent);
  opacity: .6;
}
.mob-sub-list li a:hover { background: rgba(255,255,255,.05); color: var(--white); }

/* Footer */
.mobile-nav-footer {
  padding: 20px 24px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.mob-tel-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--grad-accent);
  color: var(--primary);
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 1rem;
  padding: 14px;
  border-radius: var(--radius);
  text-decoration: none;
  transition: all var(--transition);
}
.mob-tel-btn:hover { opacity: .9; color: var(--primary); }

/* Only show on mobile */
.mobile-nav-overlay { display: none; }
@media (max-width: 768px) {
  .mobile-nav-overlay { display: flex; }
}

/* ─── BLOG SECTION HOME ───────────────────────────────────── */
.blog-home-section { background: var(--off-white); }

/* ─── BLOG FILTERS & SEARCH ──────────────────────────────── */
.blog-filters {
  margin-bottom: 36px;
}

.blog-search-form {
  display: flex; align-items: center;
  background: var(--white); border: 2px solid var(--gray-200);
  border-radius: var(--radius-xl); overflow: hidden;
  transition: border-color var(--transition), box-shadow var(--transition);
  margin-bottom: 20px;
}

.blog-search-form:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px rgba(245,166,35,.12);
}

.blog-search-icon { padding: 0 6px 0 18px; color: var(--gray-400); font-size: .95rem; }

.blog-search-input {
  flex: 1; border: none; outline: none; padding: 14px 12px;
  font-size: .92rem; font-family: inherit; background: transparent; color: var(--primary);
}

.blog-search-input::placeholder { color: var(--gray-400); }

.blog-search-btn {
  background: var(--grad-accent); border: none; color: var(--white);
  width: 44px; height: 44px; margin: 3px;
  border-radius: var(--radius-lg); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  font-size: .9rem; transition: all var(--transition); flex-shrink: 0;
}

.blog-search-btn:hover { filter: brightness(1.1); transform: scale(1.05); }

.blog-cat-tabs {
  display: flex; gap: 8px; flex-wrap: wrap;
}

.blog-cat-tab {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 18px; border-radius: var(--radius-full);
  font-size: .82rem; font-weight: 600; font-family: var(--font-head);
  color: var(--gray-600); background: var(--white);
  border: 1.5px solid var(--gray-200);
  transition: all var(--transition);
}

.blog-cat-tab span {
  font-size: .68rem; background: var(--gray-200);
  padding: 1px 7px; border-radius: 99px; font-weight: 700; color: var(--gray-500);
}

.blog-cat-tab:hover { border-color: var(--accent); color: var(--accent); }

.blog-cat-tab.active {
  background: var(--grad-accent); color: var(--white);
  border-color: transparent;
}

.blog-cat-tab.active span {
  background: rgba(255,255,255,.3); color: var(--white);
}

.blog-filter-active {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  margin-top: 14px;
  padding: 10px 16px;
  background: rgba(245,166,35,.06);
  border: 1px solid rgba(245,166,35,.15);
  border-radius: var(--radius);
}

.blog-filter-tag {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--white); padding: 4px 12px;
  border-radius: var(--radius-full); font-size: .78rem;
  font-weight: 600; color: var(--primary);
  border: 1px solid var(--gray-200);
}

.blog-filter-tag a {
  color: var(--gray-400); font-size: .7rem; margin-left: 2px;
  transition: color var(--transition);
}

.blog-filter-tag a:hover { color: var(--danger); }

.blog-filter-clear {
  font-size: .78rem; color: var(--danger); font-weight: 600;
}

/* ─── BLOG LAYOUT ────────────────────────────────────────── */
.blog-layout {
  display: grid; grid-template-columns: 1fr 300px;
  gap: 56px; align-items: start;
}

.blog-sidebar { position: sticky; top: 100px; }

.sidebar-widget {
  background: var(--white); border-radius: var(--radius-lg);
  padding: 24px; box-shadow: var(--shadow);
  border: 1px solid var(--gray-200);
  margin-bottom: 20px;
}

.sidebar-widget-title {
  display: flex; align-items: center; gap: 8px;
  font-size: .92rem; margin-bottom: 16px;
  padding-bottom: 12px; border-bottom: 2px solid var(--gray-200);
}

.sidebar-widget-title i { color: var(--accent); }

.sidebar-cat-link.active {
  background: rgba(245,166,35,.08);
}

.sidebar-cat-link.active .sidebar-cat-name { color: var(--accent); font-weight: 700; }

.blog-card-placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font-size: 2.5rem; color: rgba(255,255,255,.2);
}

/* ─── BLOG CARD v2 ───────────────────────────────────────── */

/* ─── BLOG ───────────────────────────────────────────────── */
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.blog-card {
  background: var(--white); border-radius: var(--radius-lg);
  overflow: hidden; box-shadow: var(--shadow);
  transition: all var(--transition); border: 1px solid var(--gray-200);
  display: flex; flex-direction: column;
}
.blog-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); border-color: transparent; }
.blog-card-img {
  height: 210px; overflow: hidden; position: relative;
  background: var(--grad-primary);
  display: flex; align-items: center; justify-content: center;
}
.blog-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.blog-card:hover .blog-card-img img { transform: scale(1.07); }
.blog-card-cat {
  position: absolute; top: 14px; left: 14px;
  background: var(--grad-accent); color: var(--white);
  font-family: var(--font-head); font-size: .7rem; font-weight: 700;
  padding: 4px 12px; border-radius: var(--radius-full);
  text-transform: uppercase; letter-spacing: .04em;
}
.blog-card-body { padding: 28px; flex: 1; display: flex; flex-direction: column; }
.blog-meta { display: flex; gap: 14px; margin-bottom: 14px; flex-wrap: wrap; }
.blog-meta span { color: var(--gray-400); font-size: .78rem; display: flex; align-items: center; gap: 5px; }
.blog-card-body h3 { font-size: 1.05rem; margin-bottom: 10px; line-height: 1.5; }
.blog-card-body h3 a { color: var(--primary); transition: color var(--transition); }
.blog-card-body h3 a:hover { color: var(--accent); }
.blog-card-body p { color: var(--gray-600); font-size: .88rem; margin-bottom: 20px; line-height: 1.7; flex: 1; }
.read-more {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--font-head); font-weight: 600; font-size: .82rem;
  color: var(--accent); transition: gap var(--transition);
  margin-top: auto;
}
.read-more:hover { gap: 12px; color: var(--accent-dark); }

/* ─── FAQ ────────────────────────────────────────────────── */
.faq-list { max-width: 820px; margin: 0 auto; }
.faq-item {
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius); margin-bottom: 10px;
  overflow: hidden; transition: box-shadow var(--transition);
}
.faq-item:has(.faq-question.open) { box-shadow: var(--shadow-md); border-color: transparent; }
.faq-question {
  width: 100%; text-align: left; padding: 20px 24px;
  background: transparent; border: none;
  font-family: var(--font-head); font-size: .95rem; font-weight: 600;
  color: var(--primary); cursor: pointer;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  transition: all var(--transition);
}
.faq-question:hover { background: var(--gray-50); }
.faq-question.open { background: var(--primary); color: var(--white); }
.faq-icon {
  width: 28px; height: 28px; border-radius: 50%;
  background: rgba(245,166,35,.12); border: 1px solid rgba(245,166,35,.25);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; color: var(--accent); flex-shrink: 0;
  transition: all var(--transition);
}
.faq-question.open .faq-icon {
  background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.25);
  color: var(--white); transform: rotate(45deg);
}
.faq-answer { max-height: 0; overflow: hidden; transition: max-height .4s ease, padding .3s ease; }
.faq-answer.open { max-height: 500px; }
.faq-answer-inner { padding: 20px 24px 24px; color: var(--gray-600); line-height: 1.8; background: var(--gray-50); font-size: .9rem; }

/* ─── CTA BANNER ─────────────────────────────────────────── */
.cta-banner {
  background: var(--grad-primary); padding: 100px 0;
  text-align: center; position: relative; overflow: hidden;
}
.cta-banner::before {
  content: ''; position: absolute;
  top: -40%; left: 50%; transform: translateX(-50%);
  width: 800px; height: 800px; border-radius: 50%;
  background: radial-gradient(circle, rgba(245,166,35,.08) 0%, transparent 60%);
  pointer-events: none;
}
/* Dekoratif çizgiler */
.cta-banner::after {
  content: ''; position: absolute; inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E") center / 40px 40px;
}
.cta-banner .container { position: relative; z-index: 1; }
.cta-banner h2 { color: var(--white); margin-bottom: 16px; letter-spacing: -.02em; }
.cta-banner p  { color: rgba(255,255,255,.7); font-size: 1.1rem; margin-bottom: 44px; max-width: 560px; margin-left: auto; margin-right: auto; }
.cta-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.cta-phone {
  display: inline-flex; align-items: center; gap: 10px;
  color: var(--white); font-family: var(--font-head); font-size: 1.15rem; font-weight: 700;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15);
  padding: 14px 28px; border-radius: var(--radius-full);
  backdrop-filter: blur(8px); transition: all var(--transition);
}
.cta-phone:hover { background: rgba(255,255,255,.14); color: var(--white); transform: translateY(-2px); }
.cta-phone i { color: var(--accent); }

/* ─── CONTACT FORM ───────────────────────────────────────── */
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.contact-form-wrap {
  background: var(--white); border-radius: var(--radius-xl);
  padding: 48px; box-shadow: var(--shadow-md);
  border: 1px solid var(--gray-200);
}
.contact-form-wrap h2 { margin-bottom: 8px; }
.form-group { margin-bottom: 20px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
label { display: block; font-family: var(--font-head); font-weight: 600; font-size: .82rem; color: var(--primary); margin-bottom: 7px; letter-spacing: .02em; }
label .req { color: var(--danger); }
.form-control {
  width: 100%; padding: 13px 18px;
  border: 2px solid var(--gray-200); border-radius: var(--radius);
  font-size: .92rem; background: var(--gray-50); color: var(--text);
  transition: all var(--transition); outline: none;
}
.form-control:focus {
  border-color: var(--accent); background: var(--white);
  box-shadow: 0 0 0 4px rgba(245,166,35,.1);
}
.form-control.error { border-color: var(--danger); background: #fff5f5; }
.form-error-msg { color: var(--danger); font-size: .78rem; margin-top: 5px; display: none; }
.form-error-msg.show { display: block; }
textarea.form-control { resize: vertical; min-height: 140px; }
.form-submit { width: 100%; padding: 16px; font-size: 1rem; border-radius: var(--radius); }
.form-honeypot { display: none; }

.contact-info { padding-top: 8px; }
.contact-info h3 { margin-bottom: 32px; }
.contact-info-item {
  display: flex; gap: 18px; margin-bottom: 28px; align-items: flex-start;
}
.contact-info-icon {
  width: 50px; height: 50px; border-radius: var(--radius);
  background: var(--grad-accent);
  display: flex; align-items: center; justify-content: center;
  color: var(--white); font-size: 1.1rem; flex-shrink: 0;
  box-shadow: 0 6px 20px rgba(245,166,35,.3);
}
.contact-info-text strong { display: block; font-family: var(--font-head); font-size: .85rem; font-weight: 700; color: var(--primary); margin-bottom: 4px; text-transform: uppercase; letter-spacing: .05em; }
.contact-info-text span,
.contact-info-text a { color: var(--gray-600); font-size: .92rem; }
.contact-info-text a:hover { color: var(--accent); }

.social-links { display: flex; gap: 12px; margin-top: 32px; }
.social-link {
  width: 46px; height: 46px; border-radius: var(--radius);
  background: var(--gray-100); color: var(--gray-600);
  display: flex; align-items: center; justify-content: center;
  font-size: 1rem; transition: all var(--transition);
  border: 1px solid var(--gray-200);
}
.social-link:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }

/* ─── BREADCRUMB ─────────────────────────────────────────── */
.breadcrumb-wrap {
  background: var(--white); border-bottom: 1px solid var(--gray-100);
  padding: 13px 0; position: relative;
}
.breadcrumb-wrap::before {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(245,166,35,.2) 40%, transparent);
}
.breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.breadcrumb li a {
  color: var(--gray-400); font-size: .8rem;
  transition: color var(--transition); font-weight: 500;
}
.breadcrumb li a:hover { color: var(--accent); }
.breadcrumb li span { color: var(--primary); font-size: .8rem; font-weight: 700; }
.bc-sep { color: var(--gray-200); }
.breadcrumb li:last-child span::before {
  content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%;
  background: var(--accent); margin-right: 6px; vertical-align: middle;
}

/* ─── PAGE HERO ──────────────────────────────────────────── */
.page-hero {
  background: var(--grad-primary);
  padding: 168px 0 88px; text-align: center;
  position: relative; overflow: hidden;
}
.page-hero::before {
  content: ''; position: absolute; inset: 0; z-index: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 56px 56px;
}
.page-hero::after {
  content: ''; position: absolute; top: -40%; right: -8%;
  width: 680px; height: 680px; border-radius: 50%; z-index: 0;
  background: radial-gradient(circle, rgba(245,166,35,.07) 0%, transparent 58%);
  pointer-events: none;
}
.page-hero-shape-l {
  position: absolute; left: -80px; top: 50%; transform: translateY(-50%); z-index: 0;
  width: 360px; height: 360px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(30,58,115,.55) 0%, transparent 70%);
}
.page-hero-glow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 1px; z-index: 1;
  background: linear-gradient(90deg, transparent 0%, rgba(245,166,35,.35) 50%, transparent 100%);
}
.page-hero .container { position: relative; z-index: 2; }
.page-hero-label {
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(245,166,35,.12); border: 1px solid rgba(245,166,35,.3);
  color: var(--accent-light);
  font-family: var(--font-head); font-size: .72rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  padding: 5px 16px; border-radius: var(--radius-full);
  margin-bottom: 18px; backdrop-filter: blur(8px);
}
.page-hero-label .dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--accent); box-shadow: 0 0 8px rgba(245,166,35,.7);
}
.page-hero h1 {
  color: var(--white); margin-bottom: 16px; letter-spacing: -.02em;
}
.page-hero h1 span {
  background: var(--grad-accent);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.page-hero p {
  color: rgba(255,255,255,.6); font-size: 1.05rem; max-width: 520px;
  margin: 0 auto; line-height: 1.8;
}
.page-hero-meta {
  display: flex; align-items: center; justify-content: center; gap: 24px;
  margin-top: 28px; flex-wrap: wrap;
}
.page-hero-sm { padding: 140px 0 64px; }

/* ─── LEGAL / KVKK ──────────────────────────────────────── */
.legal-content {
  background: var(--white); border-radius: var(--radius-lg);
  padding: 48px; box-shadow: var(--shadow);
  border: 1px solid var(--gray-200);
  line-height: 1.85; color: var(--gray-700);
}

.legal-content h2 {
  font-size: 1.1rem; color: var(--primary);
  margin: 32px 0 12px; padding-bottom: 8px;
  border-bottom: 2px solid var(--gray-200);
}

.legal-content h2:first-child { margin-top: 0; }

.legal-content p { margin-bottom: 14px; font-size: .92rem; }

.legal-content ul {
  margin: 0 0 16px 20px; padding: 0;
}

.legal-content ul li {
  margin-bottom: 6px; font-size: .9rem;
  position: relative; padding-left: 8px;
}

.legal-content ul li::before {
  content: ''; width: 5px; height: 5px;
  background: var(--accent); border-radius: 50%;
  position: absolute; left: -12px; top: 10px;
}

.legal-content a { color: var(--accent); font-weight: 600; }

.legal-update {
  margin-top: 32px; padding-top: 16px;
  border-top: 1px solid var(--gray-200);
  color: var(--gray-400); font-size: .8rem; font-style: italic;
}

@media (max-width: 768px) {
  .legal-content { padding: 28px 20px; }
}

.page-hero-meta-item {
  display: flex; align-items: center; gap: 6px;
  color: rgba(255,255,255,.45); font-size: .78rem;
  font-family: var(--font-head); letter-spacing: .04em;
}
.page-hero-meta-item i { color: var(--accent); }

/* ─── FOOTER (eski — site-footer v2.1 ile değiştirildi) ──── */
/* Tüm footer stilleri dosyanın sonundaki premium bloğundadır. */

/* ─── LIGHTBOX ───────────────────────────────────────────── */
.lightbox {
  position: fixed; inset: 0; z-index: 10000;
  background: rgba(5,10,20,.96); backdrop-filter: blur(12px);
  display: none; align-items: center; justify-content: center;
}
.lightbox.open { display: flex; }
.lightbox-inner { position: relative; max-width: 90vw; max-height: 90vh; }
.lightbox-img { max-width: 90vw; max-height: 82vh; border-radius: var(--radius); object-fit: contain; }
.lightbox-close {
  position: absolute; top: -50px; right: 0;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);
  color: var(--white); font-size: 1.1rem; cursor: pointer;
  width: 36px; height: 36px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  transition: background var(--transition);
}
.lightbox-close:hover { background: var(--danger); border-color: transparent; }
.lightbox-prev, .lightbox-next {
  position: fixed; top: 50%; transform: translateY(-50%);
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);
  color: var(--white); width: 52px; height: 52px;
  border-radius: 50%; font-size: 1.4rem;
  cursor: pointer; transition: all var(--transition);
  display: flex; align-items: center; justify-content: center;
  backdrop-filter: blur(8px);
}
.lightbox-prev:hover, .lightbox-next:hover { background: var(--accent); border-color: transparent; }
.lightbox-prev { left: 20px; } .lightbox-next { right: 20px; }
.lightbox-caption { color: rgba(255,255,255,.6); text-align: center; margin-top: 16px; font-size: .88rem; }

/* ─── TOAST ──────────────────────────────────────────────── */
.toast-container { position: fixed; top: 24px; right: 24px; z-index: 9999; display: flex; flex-direction: column; gap: 10px; max-width: 380px; }
.toast {
  background: var(--white); border-radius: var(--radius);
  padding: 16px 20px; box-shadow: var(--shadow-xl);
  display: flex; align-items: flex-start; gap: 12px;
  border-left: 4px solid var(--success);
  animation: toast-in .35s cubic-bezier(.34,1.56,.64,1) both;
  font-size: .88rem; backdrop-filter: blur(12px);
}
.toast.error   { border-color: var(--danger); }
.toast.warning { border-color: var(--accent); }
@keyframes toast-in {
  from { transform: translateX(120%); opacity: 0; }
  to   { transform: none; opacity: 1; }
}
.toast-icon { font-size: 1.2rem; flex-shrink: 0; margin-top: 1px; }
.toast-close { margin-left: auto; background: none; border: none; color: var(--gray-400); cursor: pointer; font-size: .9rem; flex-shrink: 0; padding: 0 0 0 8px; }

/* ─── WHATSAPP FLOAT ─────────────────────────────────────── */
.wa-float {
  position: fixed; bottom: 28px; right: 28px; z-index: 999;
  width: 60px; height: 60px; border-radius: 50%;
  background: #25d366; color: var(--white); font-size: 1.75rem;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 28px rgba(37,211,102,.45);
  transition: all var(--transition);
}
.wa-float:hover { color: var(--white); transform: scale(1.12) rotate(-10deg); box-shadow: 0 10px 40px rgba(37,211,102,.6); }
.wa-float::before {
  content: ''; position: absolute; inset: 0; border-radius: 50%;
  background: rgba(255,255,255,.2);
  animation: wa-ring 2.5s ease-out infinite;
}
@keyframes wa-ring {
  0%   { transform: scale(1); opacity: .5; }
  100% { transform: scale(1.8); opacity: 0; }
}

/* ─── PAGE LOADER ────────────────────────────────────────── */
#page-loader {
  position: fixed; inset: 0; z-index: 99999;
  background: var(--primary);
  display: flex; align-items: center; justify-content: center;
  flex-direction: column; gap: 20px;
  transition: opacity .5s ease;
}
#page-loader.hide { opacity: 0; pointer-events: none; }
.loader-logo {
  display: flex; align-items: center; gap: 12px;
  animation: loader-pulse 1.5s ease-in-out infinite;
}
@keyframes loader-pulse { 0%,100% { opacity: 1; } 50% { opacity: .5; } }
.loader-logo .icon {
  width: 52px; height: 52px; border-radius: var(--radius);
  background: var(--grad-accent);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem; color: var(--white);
}
.loader-logo span { font-family: var(--font-head); color: var(--white); font-size: 1.2rem; font-weight: 700; }
.loader-bar {
  width: 200px; height: 3px; background: rgba(255,255,255,.1);
  border-radius: 2px; overflow: hidden;
}
.loader-bar::after {
  content: ''; display: block; height: 100%;
  background: var(--grad-accent);
  animation: loader-slide 1.2s ease-in-out infinite;
}
@keyframes loader-slide {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(200%); }
}

/* ─── ANIMATIONS ─────────────────────────────────────────── */
.fade-in { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
.fade-in.visible { opacity: 1; transform: none; }
.fade-in-left  { opacity: 0; transform: translateX(-28px); transition: opacity .7s ease, transform .7s ease; }
.fade-in-left.visible { opacity: 1; transform: none; }
.fade-in-right { opacity: 0; transform: translateX(28px); transition: opacity .7s ease, transform .7s ease; }
.fade-in-right.visible { opacity: 1; transform: none; }
.fade-in-delay-1 { transition-delay: .1s; }
.fade-in-delay-2 { transition-delay: .2s; }
.fade-in-delay-3 { transition-delay: .3s; }
.fade-in-delay-4 { transition-delay: .4s; }

/* ─── GALLERY FULL PAGE ──────────────────────────────────── */
.filter-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 40px; }
.filter-btn {
  padding: 9px 22px; border-radius: var(--radius-full);
  border: 2px solid var(--gray-200); background: var(--white);
  color: var(--gray-600); font-family: var(--font-head); font-size: .82rem; font-weight: 600;
  cursor: pointer; transition: all var(--transition);
}
.filter-btn:hover,
.filter-btn.active { background: var(--grad-accent); border-color: transparent; color: var(--white); box-shadow: 0 4px 16px rgba(245,166,35,.35); }
.gallery-full-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.gallery-full-grid .gallery-item.hidden { display: none; }
.gallery-full-grid .gallery-item { aspect-ratio: 4/3; }

/* ─── BLOG DETAIL ────────────────────────────────────────── */
.blog-detail-layout { display: grid; grid-template-columns: 1fr 320px; gap: 56px; align-items: start; }
.article-body { line-height: 1.9; }
.article-body h2, .article-body h3 { margin: 36px 0 18px; }
.article-body p  { margin-bottom: 1.2rem; }
.article-body img { border-radius: var(--radius-lg); margin: 28px 0; }
.article-body ul, .article-body ol { padding-left: 28px; margin-bottom: 1.2rem; }
.article-body ul { list-style: disc; }
.article-body ol { list-style: decimal; }
.article-body li { margin-bottom: 8px; color: var(--gray-600); }
.article-body blockquote {
  border-left: 4px solid var(--accent); padding: 18px 28px;
  background: var(--gray-50); margin: 28px 0; border-radius: 0 var(--radius) var(--radius) 0;
  color: var(--gray-600); font-style: italic; font-size: 1.05rem;
}
.progress-bar {
  position: fixed; top: 0; left: 0; height: 3px;
  background: var(--grad-accent); z-index: 9999; width: 0;
  box-shadow: 0 0 12px rgba(245,166,35,.5);
}
.share-buttons { display: flex; gap: 10px; margin-top: 36px; flex-wrap: wrap; }
.share-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 20px; border-radius: var(--radius-full);
  color: var(--white); font-family: var(--font-head); font-size: .8rem; font-weight: 600;
  transition: all var(--transition);
}
.share-btn:hover { transform: translateY(-2px); opacity: .9; color: var(--white); }
.share-facebook { background: #1877f2; }
.share-twitter  { background: #1da1f2; }
.share-whatsapp { background: #25d366; }

.sidebar-widget {
  background: var(--gray-50); border-radius: var(--radius-lg); padding: 28px;
  margin-bottom: 28px; border: 1px solid var(--gray-200);
}
.sidebar-widget h4 { margin-bottom: 20px; padding-bottom: 14px; border-bottom: 2px solid var(--gray-200); font-size: .95rem; }

/* ─── PAGINATION ─────────────────────────────────────────── */
.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 56px; flex-wrap: wrap; }
.page-btn {
  width: 44px; height: 44px; border-radius: var(--radius);
  display: flex; align-items: center; justify-content: center;
  border: 2px solid var(--gray-200); color: var(--gray-600);
  font-family: var(--font-head); font-weight: 600; font-size: .88rem;
  transition: all var(--transition); background: var(--white);
}
.page-btn:hover, .page-btn.active { background: var(--grad-accent); border-color: transparent; color: var(--white); box-shadow: 0 4px 14px rgba(245,166,35,.3); }

/* ─── ABOUT ──────────────────────────────────────────────── */
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.about-img-wrap {
  border-radius: var(--radius-xl); overflow: hidden;
  box-shadow: var(--shadow-xl); position: relative;
}
.about-img-wrap::before {
  content: ''; position: absolute; inset: -3px;
  background: var(--grad-accent); border-radius: calc(var(--radius-xl) + 3px);
  z-index: -1; opacity: .5;
}
.about-img-wrap img { width: 100%; height: 440px; object-fit: cover; }
.about-text .tag { display: inline-block; background: rgba(245,166,35,.1); color: var(--accent-dark); font-family: var(--font-head); font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 6px 18px; border-radius: var(--radius-full); border: 1px solid rgba(245,166,35,.2); margin-bottom: 16px; }
.about-text h2 { margin-bottom: 20px; }
.about-badges { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 28px; }
.about-badge {
  display: flex; align-items: center; gap: 8px;
  background: var(--gray-50); border-radius: var(--radius);
  padding: 10px 16px; border: 1px solid var(--gray-200);
  font-family: var(--font-head); font-size: .82rem; font-weight: 600; color: var(--primary);
  transition: all var(--transition);
}
.about-badge:hover { background: var(--white); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.about-badge .icon { color: var(--accent); }

/* ─── SERVICE DETAIL ─────────────────────────────────────── */
.service-detail-content { line-height: 1.85; }
.service-detail-content h2, .service-detail-content h3 { margin: 32px 0 16px; }
.service-detail-content ul { list-style: none; padding: 0; margin-bottom: 20px; }
.service-detail-content ul li {
  padding: 10px 0 10px 28px; border-bottom: 1px solid var(--gray-100);
  position: relative; color: var(--gray-600);
}
.service-detail-content ul li::before {
  content: '✓'; position: absolute; left: 0;
  color: var(--accent); font-weight: 700;
}
.service-detail-sidebar {
  background: var(--gray-50); border-radius: var(--radius-xl);
  padding: 32px; position: sticky; top: 110px;
  border: 1px solid var(--gray-200);
}
.sidebar-service-list li { border-bottom: 1px solid var(--gray-200); }
.sidebar-service-list li:last-child { border: none; }
.sidebar-service-list li a {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 0; color: var(--text); font-weight: 500; font-size: .9rem;
  transition: all var(--transition);
}
.sidebar-service-list li a:hover,
.sidebar-service-list li a.active { color: var(--accent); padding-left: 6px; }
.sidebar-service-list li a .icon { color: var(--accent); }

/* ─── MAP ────────────────────────────────────────────────── */
.map-section { height: 440px; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); margin: 0; }
.map-section iframe { width: 100%; height: 100%; border: none; display: block; }

/* ─── UTILITY ────────────────────────────────────────────── */
.text-accent  { color: var(--accent); }
.mt-8  { margin-top: 8px; }
.mt-16 { margin-top: 16px; }
.mt-24 { margin-top: 24px; }
.mb-40 { margin-bottom: 40px; }

/* ═══════════════════════════════════════════════════════════════
   PREMIUM v2.1 — Yeni Bileşenler & Geliştirmeler
   ═══════════════════════════════════════════════════════════════ */

/* ─── MARQUEE BAND ───────────────────────────────────────── */
.marquee-band {
  background: var(--accent);
  padding: 14px 0;
  overflow: hidden;
  position: relative;
  z-index: 9;
}
.marquee-band::before,
.marquee-band::after {
  content: ''; position: absolute; top: 0; bottom: 0; width: 120px; z-index: 2; pointer-events: none;
}
.marquee-band::before { left: 0;  background: linear-gradient(90deg, var(--accent), transparent); }
.marquee-band::after  { right: 0; background: linear-gradient(270deg, var(--accent), transparent); }
.marquee-track {
  display: flex; gap: 0; width: max-content;
  animation: marquee-scroll 30s linear infinite;
}
.marquee-band:hover .marquee-track { animation-play-state: paused; }
@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.marquee-item {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 0 36px;
  font-family: var(--font-head); font-size: .78rem; font-weight: 800;
  color: var(--primary); letter-spacing: .07em; text-transform: uppercase; white-space: nowrap;
}
.marquee-item i { font-size: .8rem; color: rgba(15,31,61,.45); }
.marquee-dot { width: 5px; height: 5px; border-radius: 50%; background: rgba(15,31,61,.3); }

/* ─── FEATURE BAR ────────────────────────────────────────── */
.feature-bar {
  background: var(--white);
  border-bottom: 1px solid var(--gray-100);
  padding: 32px 0;
  position: relative;
}
.feature-bar::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 50%, var(--primary) 100%);
}
.feature-bar-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
}
.feature-bar-item {
  display: flex; align-items: center; gap: 14px;
  padding: 8px 32px; border-right: 1px solid var(--gray-200);
}
.feature-bar-item:last-child { border-right: none; }
.feature-bar-icon {
  width: 50px; height: 50px; border-radius: var(--radius);
  background: linear-gradient(135deg, rgba(245,166,35,.1), rgba(245,166,35,.04));
  border: 1px solid rgba(245,166,35,.2);
  display: flex; align-items: center; justify-content: center;
  color: var(--accent); font-size: 1.2rem; flex-shrink: 0;
  transition: all var(--transition);
}
.feature-bar-item:hover .feature-bar-icon {
  background: var(--grad-accent); color: var(--primary);
  box-shadow: 0 6px 20px rgba(245,166,35,.3); transform: scale(1.05);
}
.feature-bar-text strong {
  display: block; font-family: var(--font-head); font-size: .88rem; font-weight: 700; color: var(--primary);
}
.feature-bar-text span { font-size: .78rem; color: var(--gray-400); }

/* ─── SERVICE CARD — NUMARA ROZET ────────────────────────── */
.service-num {
  position: absolute; top: -4px; right: 18px;
  font-family: var(--font-head); font-size: 6rem; font-weight: 900;
  color: rgba(15,31,61,.04); line-height: 1;
  pointer-events: none; z-index: 0;
  transition: color .6s ease, transform .6s ease;
  user-select: none;
}
.service-card:hover .service-num { color: rgba(245,166,35,.07); transform: scale(1.05) translateY(-6px); }

/* ─── PROCESS STEPS ──────────────────────────────────────── */
.process-section {
  background: var(--grad-primary); overflow: hidden; position: relative;
}
.process-section::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse at 15% 60%, rgba(245,166,35,.07) 0%, transparent 40%),
    radial-gradient(ellipse at 85% 40%, rgba(30,58,115,.6) 0%, transparent 40%);
}
.process-section .container { position: relative; z-index: 1; }
.process-section .section-header h2 { color: var(--white); }
.process-section .section-header p  { color: rgba(255,255,255,.55); }
.process-section .tag {
  background: rgba(245,166,35,.15); border-color: rgba(245,166,35,.3); color: var(--accent-light);
}
.process-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  position: relative; gap: 0;
}
.process-grid::before {
  content: ''; position: absolute;
  top: 52px; left: calc(12.5%); right: calc(12.5%);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(245,166,35,.4) 20%, rgba(245,166,35,.4) 80%, transparent);
  z-index: 0;
}
.process-step {
  text-align: center; padding: 0 28px 56px;
  position: relative; z-index: 1;
}
.process-step-icon {
  width: 106px; height: 106px; border-radius: 50%;
  background: rgba(255,255,255,.05); border: 2px solid rgba(245,166,35,.2);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 32px; position: relative;
  transition: all var(--transition-slow);
  backdrop-filter: blur(8px);
}
.process-step:hover .process-step-icon {
  background: rgba(245,166,35,.1); border-color: rgba(245,166,35,.6);
  box-shadow: 0 0 48px rgba(245,166,35,.18); transform: scale(1.06);
}
.process-step-icon > i { font-size: 2.2rem; color: var(--accent); }
.process-step-icon .step-badge {
  position: absolute; top: -8px; right: -8px;
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--grad-accent); color: var(--primary);
  font-family: var(--font-head); font-size: .72rem; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 12px rgba(245,166,35,.5);
}
.process-step h4 {
  color: var(--white); font-size: 1.05rem; margin-bottom: 12px; letter-spacing: -.01em;
}
.process-step p {
  color: rgba(255,255,255,.5); font-size: .85rem; line-height: 1.8; margin: 0;
}

/* ─── TRUST BADGES ───────────────────────────────────────── */
.trust-section { padding: 72px 0; }
.trust-intro { text-align: center; margin-bottom: 48px; }
.trust-intro p {
  color: var(--gray-400); font-size: .78rem; font-family: var(--font-head);
  letter-spacing: .12em; text-transform: uppercase; margin: 0;
}
.trust-intro p span { display: inline-block; margin: 0 12px; opacity: .4; }
.trust-badges {
  display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap;
}
.trust-badge {
  display: flex; align-items: center; gap: 10px;
  background: var(--white); border: 1.5px solid var(--gray-200);
  border-radius: var(--radius-full); padding: 12px 24px;
  font-family: var(--font-head); font-size: .82rem; font-weight: 700; color: var(--gray-800);
  transition: all var(--transition); cursor: default; white-space: nowrap;
  box-shadow: var(--shadow-sm);
}
.trust-badge:hover {
  background: var(--white); border-color: rgba(245,166,35,.4);
  box-shadow: 0 6px 24px rgba(245,166,35,.15); transform: translateY(-3px);
  color: var(--primary);
}
.trust-badge i { color: var(--accent); font-size: 1rem; }

/* ─── BACK TO TOP ────────────────────────────────────────── */
#back-top {
  position: fixed; bottom: 100px; right: 28px; z-index: 900;
  width: 46px; height: 46px;
  background: var(--primary-mid); border: 1px solid rgba(255,255,255,.15);
  border-radius: var(--radius); color: var(--white);
  display: flex; align-items: center; justify-content: center;
  font-size: .95rem; cursor: pointer;
  opacity: 0; transform: translateY(16px) scale(.9);
  transition: all var(--transition); box-shadow: var(--shadow-md);
}
#back-top.show { opacity: 1; transform: translateY(0) scale(1); }
#back-top:hover {
  background: var(--accent); border-color: transparent; color: var(--primary);
  box-shadow: 0 8px 28px rgba(245,166,35,.45); transform: translateY(-4px) scale(1.05);
}

/* ─── FOOTER NEWSLETTER — v2.1 ile güncellendi (sonunda) ─── */

/* ─── GRADIENT HEADING ACCENT — v2.1 aşağıdaki animated ile değiştirildi ─── */
/* Section header h2 spans için padding */
.section-header h2 { padding-bottom: 4px; }
/* Process & testimonials dark section header */
.process-section .section-header .divider::before { background: linear-gradient(90deg, transparent, rgba(255,255,255,.12)); }
.process-section .section-header .divider::after  { background: linear-gradient(90deg, rgba(255,255,255,.12), transparent); }

/* ─── SECTION ACCENT LINE ────────────────────────────────── */
.section-line-accent {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--font-head); font-size: .72rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--accent);
  margin-bottom: 12px;
}
.section-line-accent::before, .section-line-accent::after {
  content: ''; display: block; width: 24px; height: 2px; background: var(--grad-accent); border-radius: 2px;
}

/* ─── ENHANCED CTA ───────────────────────────────────────── */
.cta-banner h2 .accent-text {
  background: var(--grad-accent);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.cta-feature-row {
  display: flex; justify-content: center; gap: 32px; flex-wrap: wrap;
  margin-top: 36px; margin-bottom: 0; padding-top: 32px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.cta-feature-item {
  display: flex; align-items: center; gap: 8px;
  font-family: var(--font-head); font-size: .78rem; font-weight: 700;
  color: rgba(255,255,255,.55); letter-spacing: .04em; text-transform: uppercase;
}
.cta-feature-item i { color: var(--accent); }

/* ─── ABOUT EXPERIENCE BADGE ─────────────────────────────── */
.about-exp-badge {
  position: absolute; bottom: 28px; right: -20px;
  background: var(--white); border-radius: var(--radius-lg); padding: 20px 24px;
  box-shadow: var(--shadow-xl); text-align: center;
  border-bottom: 4px solid var(--accent); min-width: 130px;
}
.about-exp-badge .exp-num {
  display: block; font-family: var(--font-head); font-size: 2.4rem; font-weight: 900;
  background: var(--grad-accent);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  line-height: 1;
}
.about-exp-badge .exp-lbl {
  display: block; font-family: var(--font-head); font-size: .7rem; font-weight: 700;
  color: var(--gray-600); text-transform: uppercase; letter-spacing: .07em; margin-top: 6px;
}
.about-img-wrap { position: relative; }

/* ─── ANIMATED UNDERLINE LINKS ───────────────────────────── */
.hover-underline {
  position: relative; color: var(--accent); font-weight: 600;
}
.hover-underline::after {
  content: ''; position: absolute; bottom: -2px; left: 0; right: 0;
  height: 2px; background: var(--grad-accent);
  transform: scaleX(0); transform-origin: right; transition: transform var(--transition);
}
.hover-underline:hover::after { transform: scaleX(1); transform-origin: left; }

/* ─── CONTACT QUICK BAR ──────────────────────────────────── */
.contact-quick-bar {
  background: var(--white);
  border-bottom: 1px solid var(--gray-100);
}
.contact-quick-grid {
  display: grid; grid-template-columns: repeat(3,1fr);
}
.contact-quick-item {
  display: flex; align-items: center; gap: 18px;
  padding: 24px 32px; border-right: 1px solid var(--gray-100);
  text-decoration: none; transition: background var(--transition);
  color: inherit;
}
.contact-quick-item:last-child { border-right: none; }
.contact-quick-item:hover { background: var(--gray-50); }
.cqi-icon {
  width: 54px; height: 54px; border-radius: var(--radius);
  background: var(--grad-accent); flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  color: var(--primary); font-size: 1.4rem;
  box-shadow: 0 6px 20px rgba(245,166,35,.3);
  transition: all var(--transition);
}
.contact-quick-item:hover .cqi-icon {
  transform: scale(1.1) rotate(-6deg);
  box-shadow: 0 10px 32px rgba(245,166,35,.45);
}
.cqi-label {
  font-family: var(--font-head); font-size: .7rem; font-weight: 700;
  color: var(--gray-400); letter-spacing: .1em; text-transform: uppercase; margin-bottom: 5px;
}
.cqi-value {
  font-family: var(--font-head); font-size: 1rem; font-weight: 800;
  color: var(--primary); display: block;
}
.cqi-value a { color: var(--primary); }
.contact-quick-item:hover .cqi-value a { color: var(--accent); }

/* ─── ABOUT TIMELINE ─────────────────────────────────────── */
.timeline {
  max-width: 680px; margin: 0 auto; position: relative;
  padding-left: 56px;
}
.timeline::before {
  content: ''; position: absolute; left: 20px; top: 12px; bottom: 12px; width: 2px;
  background: linear-gradient(to bottom, var(--accent) 0%, rgba(245,166,35,.15) 100%);
  border-radius: 2px;
}
.timeline-item { position: relative; margin-bottom: 44px; }
.timeline-item:last-child { margin-bottom: 0; }
.timeline-dot {
  position: absolute; left: -45px; top: 6px;
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--grad-accent);
  border: 3px solid var(--white);
  box-shadow: 0 0 0 3px rgba(245,166,35,.2), 0 4px 12px rgba(245,166,35,.3);
}
.timeline-year {
  font-family: var(--font-head); font-size: .7rem; font-weight: 800;
  color: var(--accent); letter-spacing: .12em; text-transform: uppercase; margin-bottom: 8px;
  display: inline-flex; align-items: center; gap: 6px;
}
.timeline-year::before {
  content: ''; display: block; width: 16px; height: 2px;
  background: var(--grad-accent); border-radius: 2px;
}
.timeline-item h4 { color: var(--primary); margin-bottom: 8px; font-size: 1rem; }
.timeline-item p  { color: var(--gray-600); font-size: .88rem; line-height: 1.8; margin: 0; }

/* ─── BLOG SIDEBAR PREMIUM ───────────────────────────────── */
.sidebar-cat-link {
  display: flex; justify-content: space-between; align-items: center;
  padding: 11px 0; border-bottom: 1px solid var(--gray-200);
  text-decoration: none; transition: all var(--transition);
}
.sidebar-cat-link:last-child { border-bottom: none; }
.sidebar-cat-link:hover .sidebar-cat-name { color: var(--accent); padding-left: 8px; }
.sidebar-cat-name {
  font-size: .9rem; color: var(--text); font-weight: 500;
  transition: all var(--transition);
  display: flex; align-items: center; gap: 7px;
}
.sidebar-cat-name::before {
  content: ''; display: block; width: 5px; height: 5px; border-radius: 50%;
  background: var(--accent); opacity: .5; transition: opacity var(--transition);
}
.sidebar-cat-link:hover .sidebar-cat-name::before { opacity: 1; }
.sidebar-cat-badge {
  background: var(--grad-accent); color: var(--primary);
  font-family: var(--font-head); font-size: .68rem; font-weight: 800;
  padding: 3px 10px; border-radius: var(--radius-full);
}
.sidebar-cta-widget {
  background: var(--grad-primary); border-radius: var(--radius-lg);
  padding: 32px 24px; text-align: center;
  position: relative; overflow: hidden;
  box-shadow: var(--shadow-lg);
}
.sidebar-cta-widget::before {
  content: ''; position: absolute; top: -30%; right: -30%;
  width: 200px; height: 200px; border-radius: 50%;
  background: radial-gradient(circle, rgba(245,166,35,.1) 0%, transparent 70%);
}
.sidebar-cta-widget .cta-ico {
  width: 60px; height: 60px; border-radius: var(--radius);
  background: var(--grad-accent); margin: 0 auto 16px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem; color: var(--primary);
  box-shadow: 0 8px 24px rgba(245,166,35,.4);
}
.sidebar-cta-widget h4 { color: var(--white); margin-bottom: 8px; font-size: 1rem; }
.sidebar-cta-widget p  { color: rgba(255,255,255,.5); font-size: .82rem; margin-bottom: 20px; }
.sidebar-cta-widget .cta-tel {
  display: block; color: var(--accent-light);
  font-family: var(--font-head); font-size: 1.15rem; font-weight: 800;
  margin-bottom: 16px; letter-spacing: .02em;
}

/* ─── FEATURED BLOG POST ──────────────────────────────────── */
.blog-featured {
  border-radius: var(--radius-xl); overflow: hidden;
  background: var(--white); box-shadow: var(--shadow-lg);
  display: grid; grid-template-columns: 1.3fr 1fr;
  margin-bottom: 48px; border: 1px solid var(--gray-200);
  transition: box-shadow var(--transition);
}
.blog-featured:hover { box-shadow: var(--shadow-xl); }
.blog-featured-img {
  position: relative; overflow: hidden; min-height: 320px;
  background: var(--grad-primary);
  display: flex; align-items: center; justify-content: center;
}
.blog-featured-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.blog-featured:hover .blog-featured-img img { transform: scale(1.04); }
.blog-featured-badge {
  position: absolute; top: 16px; left: 16px;
  background: var(--grad-accent); color: var(--primary);
  font-family: var(--font-head); font-size: .72rem; font-weight: 800;
  padding: 5px 14px; border-radius: var(--radius-full);
  letter-spacing: .06em; text-transform: uppercase;
}
.blog-featured-body {
  padding: 40px 36px; display: flex; flex-direction: column; justify-content: center;
}
.blog-featured-body .blog-meta { margin-bottom: 16px; }
.blog-featured-body h2 { font-size: 1.5rem; margin-bottom: 12px; line-height: 1.35; }
.blog-featured-body h2 a { color: var(--primary); transition: color var(--transition); }
.blog-featured-body h2 a:hover { color: var(--accent); }
.blog-featured-body p { color: var(--gray-600); font-size: .92rem; line-height: 1.8; margin-bottom: 24px; flex: 1; }

/* ─── RESPONSIVE — contact quick + blog featured ─────────── */
@media (max-width: 900px) {
  .contact-quick-grid { grid-template-columns: 1fr 1fr; }
  .contact-quick-item:nth-child(2) { border-right: none; }
  .contact-quick-item { border-bottom: 1px solid var(--gray-100); }
  .contact-quick-item:last-child { border-bottom: none; }
  .blog-featured { grid-template-columns: 1fr; }
  .blog-featured-img { min-height: 240px; }
}
@media (max-width: 768px) {
  .contact-quick-grid { grid-template-columns: 1fr; }
  .contact-quick-item { border-right: none; }
}

/* ─── RESPONSIVE — YENİ BİLEŞENLER ──────────────────────── */
@media (max-width: 1100px) {
  .process-grid { grid-template-columns: repeat(2, 1fr); }
  .process-grid::before { display: none; }
  .feature-bar-grid { grid-template-columns: repeat(2, 1fr); }
  .feature-bar-item:nth-child(2) { border-right: none; }
  .feature-bar-item:nth-child(3) { border-top: 1px solid var(--gray-200); }
  .feature-bar-item:nth-child(4) { border-top: 1px solid var(--gray-200); border-right: none; }
}
@media (max-width: 768px) {
  .process-grid { grid-template-columns: 1fr 1fr; }
  .feature-bar-grid { grid-template-columns: 1fr; }
  .feature-bar-item { border-right: none; border-bottom: 1px solid var(--gray-200); }
  .feature-bar-item:last-child { border-bottom: none; }
  .cta-feature-row { gap: 20px; }
  .newsletter-form { flex-direction: column; }
}
@media (max-width: 520px) {
  .process-grid { grid-template-columns: 1fr; }
  .trust-badges { flex-direction: column; align-items: stretch; }
  .trust-badge { justify-content: center; }
}

/* ─── RESPONSIVE ─────────────────────────────────────────── */
@media (max-width: 1100px) {
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .why-grid      { grid-template-columns: repeat(2, 1fr); }
  .stats-grid    { grid-template-columns: repeat(2, 1fr); }
  .gallery-full-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
  .about-grid         { grid-template-columns: 1fr; }
  .contact-grid       { grid-template-columns: 1fr; }
  .blog-detail-layout { grid-template-columns: 1fr; }
  .blog-detail-layout aside { display: none; }
  .blog-layout        { grid-template-columns: 1fr; }
  .blog-sidebar       { display: none; }
  .testimonial-item   { padding: 0 20px; }
  .testimonial-card   { padding: 36px 32px; }
  .hero-stats         { gap: 24px; }
}
@media (max-width: 768px) {
  .section { padding: 72px 0; }
  nav { display: none; position: absolute; top: 84px; left: 0; right: 0; background: rgba(15,31,61,.97); padding: 20px; border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(20px); }
  nav.open { display: block; }
  nav ul   { flex-direction: column; gap: 4px; }
  .hamburger  { display: flex; }
  .hero-prev, .hero-next { display: none; }
  .services-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .service-card-img { height: 160px; }
  .service-card-icon-wrap { height: 160px; }
  .service-card-body { padding: 18px; }
  .service-card-body h3 { font-size: .95rem; }
  .service-card-body p { font-size: .82rem; margin-bottom: 14px; }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid .gallery-item:first-child { grid-column: 1 / -1; grid-row: auto; aspect-ratio: 16/7; }
  .gallery-full-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-grid { grid-template-columns: 1fr; }
  .form-row  { grid-template-columns: 1fr; }
  .hero-content p { font-size: 1rem; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item  { padding: 32px 20px; }
}
@media (max-width: 520px) {
  .services-grid { grid-template-columns: 1fr; }
  .why-grid      { grid-template-columns: 1fr; }
  .gallery-grid  { grid-template-columns: 1fr; }
  .gallery-grid .gallery-item:first-child { aspect-ratio: 16/9; }
  .stats-grid    { grid-template-columns: 1fr 1fr; }
  .hero-stats    { flex-direction: column; gap: 16px; }
  .cta-actions   { flex-direction: column; align-items: center; }
  .hero-actions  { flex-direction: column; align-items: flex-start; }
}


/* ══════════════════════════════════════════════════════════════
   GALERİ SAYFASI — Premium v2.1
   ══════════════════════════════════════════════════════════════ */

/* ─── Filter Tabs ─────────────────────────────────────────── */
.gallery-filter-wrap {
  margin-bottom: 48px;
  display: flex;
  justify-content: center;
}
.gallery-filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  background: var(--gray-50);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-xl);
  padding: 8px;
}
.gallery-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 22px;
  border: none;
  background: transparent;
  border-radius: var(--radius-lg);
  font-family: var(--font-head);
  font-size: .875rem;
  font-weight: 600;
  color: var(--gray-600);
  cursor: pointer;
  transition: all var(--transition);
  position: relative;
}
.gallery-filter-btn:hover {
  color: var(--primary);
  background: var(--white);
  box-shadow: var(--shadow-sm);
}
.gallery-filter-btn.active {
  background: var(--primary);
  color: var(--white);
  box-shadow: 0 4px 14px rgba(15,31,61,.22);
}
.gallery-filter-btn.active .gallery-filter-count {
  background: rgba(255,255,255,.2);
  color: var(--white);
}
.gallery-filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--gray-200);
  color: var(--gray-600);
  font-size: .72rem;
  font-weight: 700;
  transition: all var(--transition);
}

/* ─── Masonry Grid ────────────────────────────────────────── */
.gallery-masonry {
  columns: 4;
  column-gap: 16px;
  transition: opacity .3s;
}
.gallery-masonry-item {
  break-inside: avoid;
  margin-bottom: 16px;
  border-radius: var(--radius);
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: transform var(--transition), box-shadow var(--transition);
}
.gallery-masonry-item:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.gallery-masonry-wide { column-span: none; }
.gallery-masonry-inner { position: relative; overflow: hidden; border-radius: var(--radius); }
.gallery-masonry-inner img { width: 100%; height: auto; display: block; transition: transform .55s cubic-bezier(.4,0,.2,1); }
.gallery-masonry-item:hover .gallery-masonry-inner img { transform: scale(1.06); }

.gallery-masonry-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(15,31,61,.85) 0%, rgba(15,31,61,.2) 55%, transparent 100%);
  opacity: 0;
  transition: opacity .35s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding: 16px;
}
.gallery-masonry-item:hover .gallery-masonry-overlay { opacity: 1; }
.gallery-masonry-info {
  align-self: flex-start;
  margin-top: auto;
}
.gallery-masonry-cat {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--accent);
  color: var(--primary);
  font-size: .72rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: var(--radius-full);
  margin-bottom: 6px;
  font-family: var(--font-head);
}
.gallery-masonry-title {
  color: var(--white);
  font-family: var(--font-head);
  font-weight: 600;
  font-size: .9rem;
  margin: 0;
  line-height: 1.3;
  text-shadow: 0 1px 4px rgba(0,0,0,.4);
}
.gallery-masonry-zoom {
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,.15);
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 1rem;
  border: 1px solid rgba(255,255,255,.2);
  align-self: flex-start;
  transition: background var(--transition), transform var(--transition);
}
.gallery-masonry-item:hover .gallery-masonry-zoom {
  background: var(--accent);
  color: var(--primary);
  transform: scale(1.1);
}

/* ─── Hidden items (filter) ───────────────────────────────── */
.gallery-masonry-item.gm-hidden { display: none; }

/* ─── Load More ───────────────────────────────────────────── */
.gallery-load-more {
  text-align: center;
  margin-top: 48px;
}

/* ─── Empty State ─────────────────────────────────────────── */
.gallery-empty {
  text-align: center;
  padding: 100px 0;
}
.gallery-empty-icon {
  font-size: 4rem;
  color: var(--gray-200);
  margin-bottom: 20px;
}
.gallery-empty h3 { color: var(--gray-400); margin-bottom: 8px; }
.gallery-empty p  { color: var(--gray-400); }

/* ─── Stats Strip ─────────────────────────────────────────── */
.gallery-stats-strip {
  background: var(--primary);
  padding: 40px 0;
}
.gallery-stats-row {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 24px;
}
.gallery-stat-item {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--white);
}
.gallery-stat-item > i {
  font-size: 2rem;
  color: var(--accent);
  flex-shrink: 0;
}
.gallery-stat-item strong {
  display: block;
  font-family: var(--font-head);
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--white);
  line-height: 1;
}
.gallery-stat-item span {
  font-size: .85rem;
  color: rgba(255,255,255,.65);
  margin-top: 2px;
  display: block;
}

/* ═══════════════════════════════════════════════════════════
   HİZMET DETAY SAYFASI — Premium v2.1
   ═══════════════════════════════════════════════════════════ */

/* ─── Quick Feature Bar ───────────────────────────────────── */
.service-quick-bar {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-mid) 100%);
  padding: 20px 0;
}
.service-quick-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 32px;
}
.service-quick-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.9);
  font-family: var(--font-head);
  font-size: .9rem;
  font-weight: 500;
}
.service-quick-check {
  width: 26px;
  height: 26px;
  background: rgba(245,166,35,.15);
  border: 1px solid rgba(245,166,35,.35);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent);
  font-size: .7rem;
  flex-shrink: 0;
}

/* ─── Layout ──────────────────────────────────────────────── */
.service-detail-layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 48px;
  align-items: start;
}

/* ─── Content ─────────────────────────────────────────────── */
.service-detail-content {
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-lg);
  padding: 40px;
  box-shadow: var(--shadow-sm);
  margin-bottom: 40px;
  line-height: 1.85;
}
.service-detail-content h2 {
  font-size: clamp(1.4rem, 3vw, 1.9rem);
  margin-bottom: 16px;
  color: var(--primary);
}
.service-detail-content h3 {
  font-size: 1.15rem;
  color: var(--primary-mid);
  margin: 28px 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.service-detail-content h3::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 20px;
  background: var(--accent);
  border-radius: 2px;
  flex-shrink: 0;
}
.service-detail-content ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.service-detail-content ul li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--gray-600);
  font-size: .95rem;
}
.service-detail-content ul li::before {
  content: '\f058';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: var(--success);
  font-size: .85rem;
  margin-top: 2px;
  flex-shrink: 0;
}

/* ─── Section Title ───────────────────────────────────────── */
.service-section-title {
  margin-bottom: 28px;
}
.service-section-title h3 {
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  margin: 4px 0 0;
}

/* ─── Gallery Block ───────────────────────────────────────── */
.service-gallery-block,
.service-process-block,
.service-faq-block {
  margin-bottom: 48px;
  padding: 36px;
  background: var(--gray-50);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-lg);
}
.service-gallery-block { background: var(--white); }

/* ─── Process Steps ───────────────────────────────────────── */
.service-process-steps {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.service-process-step {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid var(--gray-200);
  position: relative;
}
.service-process-step:last-child { border-bottom: none; }
.sps-num {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, var(--primary), var(--primary-mid));
  color: var(--accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-head);
  font-size: .85rem;
  font-weight: 800;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(15,31,61,.2);
}
.sps-body h4 {
  margin-bottom: 4px;
  color: var(--primary);
  font-size: 1rem;
}
.sps-body p {
  font-size: .9rem;
  color: var(--gray-600);
  margin: 0;
  line-height: 1.6;
}

/* ─── Sidebar Boxes ───────────────────────────────────────── */
.service-detail-sidebar { position: sticky; top: 100px; display: flex; flex-direction: column; gap: 20px; }
.sidebar-box-title {
  font-size: .95rem;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--gray-100);
  display: flex;
  align-items: center;
  gap: 8px;
}
.sidebar-box-title i { color: var(--accent); }

/* CTA Box */
.sidebar-cta-box {
  background: linear-gradient(145deg, var(--primary) 0%, var(--primary-mid) 100%);
  border-radius: var(--radius-lg);
  padding: 28px 24px;
  text-align: center;
  box-shadow: var(--shadow-md);
}
.sidebar-cta-icon {
  width: 56px;
  height: 56px;
  background: rgba(245,166,35,.15);
  border: 2px solid rgba(245,166,35,.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: var(--accent);
  margin: 0 auto 16px;
}
.sidebar-cta-box h4 { color: var(--white); font-size: 1.05rem; margin-bottom: 6px; }
.sidebar-cta-box p  { color: rgba(255,255,255,.65); font-size: .85rem; margin-bottom: 16px; }
.sidebar-cta-phone {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--accent);
  font-family: var(--font-head);
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 4px;
  transition: color var(--transition);
}
.sidebar-cta-phone:hover { color: var(--accent-light); }
.sidebar-cta-phone i { font-size: 1rem; }

/* Services Box */
.sidebar-services-box,
.sidebar-why-box {
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-lg);
  padding: 24px;
  box-shadow: var(--shadow-sm);
}
.sidebar-service-list { display: flex; flex-direction: column; gap: 4px; }
.sidebar-service-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: var(--radius);
  color: var(--gray-600);
  font-size: .9rem;
  font-weight: 500;
  transition: all var(--transition);
  border: 1px solid transparent;
  text-decoration: none;
}
.sidebar-service-link:hover {
  background: var(--gray-50);
  color: var(--primary);
  border-color: var(--gray-200);
}
.sidebar-service-link.active {
  background: linear-gradient(135deg, rgba(15,31,61,.06), rgba(26,51,102,.04));
  color: var(--primary);
  border-color: rgba(15,31,61,.12);
  font-weight: 700;
}
.ssl-icon {
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, var(--primary), var(--primary-mid));
  color: var(--accent);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
  flex-shrink: 0;
}
.sidebar-service-link.active .ssl-icon {
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
  color: var(--primary);
}
.ssl-text { flex: 1; }
.ssl-arrow { font-size: .65rem; color: var(--gray-400); margin-left: auto; }
.sidebar-service-link.active .ssl-arrow { color: var(--accent); }

/* Why Box */
.sidebar-why-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sidebar-why-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--gray-600);
  font-size: .9rem;
}
.sidebar-why-list li i {
  color: var(--success);
  font-size: .9rem;
  flex-shrink: 0;
}

/* ─── Responsive: Gallery Page ────────────────────────────── */
@media (max-width: 1100px) {
  .gallery-masonry { columns: 3; }
}
@media (max-width: 900px) {
  .gallery-masonry { columns: 2; }
  .gallery-stats-row { gap: 32px; }
}
@media (max-width: 600px) {
  .gallery-masonry { columns: 2; column-gap: 10px; }
  .gallery-masonry-item { margin-bottom: 10px; }
  .gallery-filter-tabs { padding: 6px; gap: 6px; }
  .gallery-filter-btn { padding: 7px 14px; font-size: .8rem; }
  .gallery-stats-row { flex-direction: column; gap: 20px; align-items: flex-start; padding: 0 16px; }
}
@media (max-width: 400px) {
  .gallery-masonry { columns: 1; }
}

/* ─── Responsive: Service Detail ──────────────────────────── */
@media (max-width: 1000px) {
  .service-detail-layout { grid-template-columns: 1fr; }
  .service-detail-sidebar { position: static; flex-direction: row; flex-wrap: wrap; }
  .sidebar-cta-box    { flex: 1; min-width: 260px; }
  .sidebar-services-box { flex: 1; min-width: 240px; }
  .sidebar-why-box    { flex: 1; min-width: 220px; }
}
@media (max-width: 768px) {
  .service-detail-content { padding: 24px; }
  .service-detail-content ul { grid-template-columns: 1fr; }
  .service-gallery-block,
  .service-process-block,
  .service-faq-block { padding: 24px; }
  .service-quick-grid { gap: 10px 20px; }
  .service-detail-sidebar { flex-direction: column; }
}

/* ══════════════════════════════════════════════════════════════
   BLOG DETAY SAYFASI — Premium v2.1
   ══════════════════════════════════════════════════════════════ */

/* ─── Reading Progress ─────────────────────────────────────── */
.read-progress-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 9999;
  background: rgba(0,0,0,.06);
}
.read-progress-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--accent), var(--accent-dark));
  transition: width .1s linear;
  border-radius: 0 2px 2px 0;
}

/* ─── Article Layout ───────────────────────────────────────── */
.blog-detail-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 48px;
  align-items: start;
}
.blog-detail-sidebar {
  position: sticky;
  top: 100px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.blog-article { min-width: 0; }

/* ─── Cover Image ──────────────────────────────────────────── */
.blog-article-cover {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: 32px;
  max-height: 460px;
}
.blog-article-cover img {
  width: 100%;
  height: 460px;
  object-fit: cover;
  display: block;
}
.blog-article-cover-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 50%, rgba(15,31,61,.15) 100%);
}

/* ─── Article Header ───────────────────────────────────────── */
.blog-article-header { margin-bottom: 32px; }
.blog-article-title {
  font-size: clamp(1.5rem, 4vw, 2.4rem);
  line-height: 1.25;
  margin-bottom: 16px;
  color: var(--primary);
}
.blog-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  padding: 14px 0;
  border-top: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-200);
}
.bam-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .85rem;
  color: var(--gray-600);
}
.bam-icon {
  width: 26px;
  height: 26px;
  background: linear-gradient(135deg, rgba(245,166,35,.12), rgba(245,166,35,.06));
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-dark);
  font-size: .7rem;
}

/* ─── Article Footer ───────────────────────────────────────── */
.blog-article-footer {
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid var(--gray-200);
}
.blog-share-section {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.blog-share-label {
  font-family: var(--font-head);
  font-size: .85rem;
  font-weight: 700;
  color: var(--primary);
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: 4px;
}
.blog-share-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.share-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: var(--radius-full);
  font-size: .82rem;
  font-weight: 600;
  font-family: var(--font-head);
  transition: all var(--transition);
  text-decoration: none;
  border: none;
}
.share-btn span { display: inline; }
.share-facebook  { background: #1877f2; color: #fff; }
.share-twitter   { background: #1da1f2; color: #fff; }
.share-whatsapp  { background: #25d366; color: #fff; }
.share-linkedin  { background: #0a66c2; color: #fff; }
.share-btn:hover { opacity: .85; transform: translateY(-2px); color: #fff; }

/* ─── Author Box ───────────────────────────────────────────── */
.blog-author-box {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  background: linear-gradient(135deg, var(--gray-50), var(--white));
  border: 1px solid var(--gray-200);
  border-left: 4px solid var(--accent);
  border-radius: var(--radius-lg);
  padding: 28px 24px;
  margin-top: 36px;
}
.blog-author-avatar {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, var(--primary), var(--primary-mid));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: var(--accent);
  flex-shrink: 0;
}
.blog-author-label {
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--accent-dark);
  font-weight: 700;
  font-family: var(--font-head);
  display: block;
  margin-bottom: 4px;
}
.blog-author-info h4 { font-size: 1.05rem; margin-bottom: 8px; }
.blog-author-info p  { font-size: .88rem; color: var(--gray-600); margin: 0; line-height: 1.6; }

/* ─── Related Posts ────────────────────────────────────────── */
.related-posts-section { margin-top: 48px; }
.related-posts-title   { margin-bottom: 24px; }
.related-posts-title h3 { font-size: clamp(1.2rem,2.5vw,1.6rem); margin: 4px 0 0; }

/* ─── Sidebar: Recent Items ────────────────────────────────── */
.sidebar-recent-list { display: flex; flex-direction: column; gap: 12px; }
.sidebar-recent-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  text-decoration: none;
  padding: 8px;
  border-radius: var(--radius);
  transition: background var(--transition);
}
.sidebar-recent-item:hover { background: var(--gray-50); }
.sri-img {
  width: 60px;
  height: 48px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  flex-shrink: 0;
  background: var(--primary);
}
.sri-img img { width: 100%; height: 100%; object-fit: cover; }
.sri-placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.3); font-size: 1.1rem;
}
.sri-body { flex: 1; min-width: 0; }
.sri-title {
  display: block;
  font-size: .84rem;
  font-weight: 600;
  color: var(--primary);
  line-height: 1.35;
  margin-bottom: 4px;
  transition: color var(--transition);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sidebar-recent-item:hover .sri-title { color: var(--accent); }
.sri-date { font-size: .75rem; color: var(--gray-400); display: flex; align-items: center; gap: 4px; }

/* ─── Sidebar: Popular Items ───────────────────────────────── */
.sidebar-popular-list { display: flex; flex-direction: column; gap: 8px; }
.sidebar-popular-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  text-decoration: none;
  padding: 8px;
  border-radius: var(--radius);
  transition: background var(--transition);
}
.sidebar-popular-item:hover { background: var(--gray-50); }
.spi-num {
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, var(--primary), var(--primary-mid));
  color: var(--accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .75rem;
  font-weight: 800;
  font-family: var(--font-head);
  flex-shrink: 0;
}
.spi-body { flex: 1; min-width: 0; }
.spi-title {
  display: block;
  font-size: .84rem;
  font-weight: 600;
  color: var(--primary);
  line-height: 1.35;
  margin-bottom: 3px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: color var(--transition);
}
.sidebar-popular-item:hover .spi-title { color: var(--accent); }
.spi-views { font-size: .75rem; color: var(--gray-400); display: flex; align-items: center; gap: 4px; }

/* ─── Blog Card Placeholder ─────────────────────────────────── */
.blog-card-placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--primary), var(--primary-mid));
  color: rgba(255,255,255,.25);
  font-size: 2.5rem;
}

/* ─── Responsive: Blog Detay ───────────────────────────────── */
@media (max-width: 900px) {
  .blog-detail-layout { grid-template-columns: 1fr; }
  .blog-detail-sidebar { position: static; flex-direction: row; flex-wrap: wrap; }
  .blog-detail-sidebar > * { flex: 1; min-width: 240px; }
}
@media (max-width: 600px) {
  .blog-detail-sidebar { flex-direction: column; }
  .blog-article-cover img { height: 260px; }
  .share-btn span { display: none; }
  .share-btn { width: 36px; height: 36px; padding: 0; justify-content: center; border-radius: 50%; }
  .blog-author-box { flex-direction: column; }
}

/* ══════════════════════════════════════════════════════════════
   404 SAYFASI — Premium
   ══════════════════════════════════════════════════════════════ */
.notfound-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 120px 24px 80px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #0a1628 0%, #0f1f3d 50%, #152444 100%);
}
.notfound-bg-shape {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
}
.nf-shape-1 {
  width: 500px; height: 500px;
  background: rgba(245,166,35,.07);
  top: -100px; left: -100px;
  animation: nf-float 9s ease-in-out infinite;
}
.nf-shape-2 {
  width: 400px; height: 400px;
  background: rgba(30,58,115,.4);
  bottom: -80px; right: -80px;
  animation: nf-float 7s ease-in-out infinite reverse;
}
.nf-shape-3 {
  width: 200px; height: 200px;
  background: rgba(245,166,35,.05);
  top: 50%; right: 20%;
  animation: nf-float 11s ease-in-out infinite;
}
@keyframes nf-float {
  0%,100% { transform: translateY(0) scale(1); }
  50%      { transform: translateY(-24px) scale(1.05); }
}
.notfound-card {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 560px;
  margin: 0 auto;
}
.notfound-icon {
  width: 80px; height: 80px;
  background: rgba(245,166,35,.1);
  border: 2px solid rgba(245,166,35,.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: var(--accent);
  margin: 0 auto 24px;
  animation: nf-icon-pulse 3s ease-in-out infinite;
}
@keyframes nf-icon-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(245,166,35,.3); }
  50%      { box-shadow: 0 0 0 16px rgba(245,166,35,0); }
}
.notfound-code {
  font-family: var(--font-head);
  font-size: clamp(5rem, 18vw, 10rem);
  font-weight: 900;
  line-height: 1;
  background: linear-gradient(135deg, var(--accent) 0%, rgba(245,166,35,.4) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 8px;
  letter-spacing: -4px;
}
.notfound-title {
  font-size: clamp(1.5rem, 4vw, 2rem);
  color: var(--white);
  margin-bottom: 16px;
}
.notfound-desc {
  color: rgba(255,255,255,.55);
  font-size: 1.05rem;
  line-height: 1.7;
  margin-bottom: 36px;
}
.notfound-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-bottom: 32px;
}
.notfound-quick-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 16px;
  font-size: .85rem;
}
.notfound-quick-links span {
  color: rgba(255,255,255,.4);
  font-weight: 500;
}
.notfound-quick-links a {
  color: rgba(255,255,255,.65);
  text-decoration: none;
  transition: color var(--transition);
  font-weight: 500;
}
.notfound-quick-links a:hover { color: var(--accent); }
@media (max-width: 520px) {
  .notfound-actions { flex-direction: column; align-items: center; }
}


/* ══════════════════════════════════════════════════════════════
   MARKALAR / BRANDS BANDI
   ══════════════════════════════════════════════════════════════ */
.brands-section {
  padding: 40px 0;
  background: var(--white);
  border-top: 1px solid var(--gray-100);
  border-bottom: 1px solid var(--gray-100);
  overflow: hidden;
}
.brands-header {
  text-align: center;
  margin-bottom: 24px;
}
.brands-header span {
  font-family: var(--font-head);
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--gray-400);
}
.brands-track-wrap {
  position: relative;
  overflow: hidden;
}
.brands-track-wrap::before,
.brands-track-wrap::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: 100px;
  z-index: 2;
  pointer-events: none;
}
.brands-track-wrap::before { left: 0;  background: linear-gradient(90deg, var(--white), transparent); }
.brands-track-wrap::after  { right: 0; background: linear-gradient(270deg, var(--white), transparent); }
.brands-track {
  display: flex;
  align-items: center;
  gap: 0;
  width: max-content;
  animation: brands-scroll 22s linear infinite;
}
.brands-track:hover { animation-play-state: paused; }
@keyframes brands-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-33.33%); }
}
.brand-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 36px;
  border-right: 1px solid var(--gray-100);
  white-space: nowrap;
  transition: all var(--transition);
  cursor: default;
}
.brand-item:hover { background: var(--gray-50); }
.brand-item i {
  font-size: 1.3rem;
  color: var(--gray-400);
  transition: color var(--transition);
}
.brand-item:hover i { color: var(--accent); }
.brand-item span {
  font-family: var(--font-head);
  font-size: .88rem;
  font-weight: 700;
  color: var(--gray-400);
  letter-spacing: .02em;
  transition: color var(--transition);
}
.brand-item:hover span { color: var(--primary); }


/* ══════════════════════════════════════════════════════════════
   FOOTER — Premium v2.1
   ══════════════════════════════════════════════════════════════ */
.site-footer {
  background: #0a1628;
  position: relative;
  overflow: hidden;
}
.site-footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(ellipse at 10% 90%, rgba(245,166,35,.04) 0%, transparent 40%),
    radial-gradient(ellipse at 90% 10%, rgba(26,51,102,.5) 0%, transparent 40%);
  pointer-events: none;
}

/* Wave */
.footer-wave {
  line-height: 0;
  margin-bottom: -1px;
}
.footer-wave svg {
  display: block;
  width: 100%;
  height: 80px;
}

/* Footer Body */
.footer-body { padding: 60px 0 40px; position: relative; z-index: 1; }

.footer-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
  gap: 48px;
}

/* Logo */
.footer-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  margin-bottom: 20px;
}
.footer-logo-icon {
  width: 44px;
  height: 44px;
  background: var(--grad-accent);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: var(--white);
  flex-shrink: 0;
  box-shadow: 0 4px 14px rgba(245,166,35,.3);
}
.footer-logo-img {
  height: 44px; width: auto; max-width: 140px;
  object-fit: contain; border-radius: var(--radius-sm);
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.3));
}
.footer-logo-name {
  font-family: var(--font-head);
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--white);
  letter-spacing: -.01em;
}
.footer-logo-tag {
  font-size: .68rem;
  color: rgba(255,255,255,.4);
  text-transform: uppercase;
  letter-spacing: .06em;
}
.footer-about {
  color: rgba(255,255,255,.5);
  font-size: .88rem;
  line-height: 1.75;
  margin-bottom: 24px;
}

/* Social */
.footer-social {
  display: flex;
  gap: 8px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}
.fsoc {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .9rem;
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.6);
  transition: all var(--transition);
  text-decoration: none;
}
.fsoc:hover { transform: translateY(-3px); color: var(--white); }
.fsoc-fb:hover  { background: #1877f2; border-color: #1877f2; }
.fsoc-ig:hover  { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); border-color: #e6683c; }
.fsoc-yt:hover  { background: #ff0000; border-color: #ff0000; }
.fsoc-wa:hover  { background: #25d366; border-color: #25d366; }

/* Newsletter */
.footer-newsletter { }
.footer-nl-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-head);
  font-size: .8rem;
  font-weight: 700;
  color: rgba(255,255,255,.5);
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.footer-nl-title i { color: var(--accent); }
.newsletter-form {
  display: flex;
  gap: 0;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--radius);
  overflow: hidden;
  transition: border-color var(--transition);
}
.newsletter-form:focus-within { border-color: rgba(245,166,35,.4); }
.newsletter-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  padding: 12px 16px;
  color: var(--white);
  font-size: .88rem;
  font-family: var(--font-body);
}
.newsletter-input::placeholder { color: rgba(255,255,255,.3); }
.newsletter-btn {
  padding: 12px 18px;
  background: var(--grad-accent);
  border: none;
  color: var(--primary);
  cursor: pointer;
  font-size: .95rem;
  transition: all var(--transition);
  flex-shrink: 0;
}
.newsletter-btn:hover { opacity: .88; transform: scale(1.05); }

/* Footer Col Titles */
.footer-col-title {
  font-family: var(--font-head);
  font-size: .8rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(255,255,255,.35);
  margin-bottom: 20px;
  padding-bottom: 12px;
  position: relative;
}
.footer-col-title span {
  position: relative;
}
.footer-col-title span::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 32px;
  height: 2px;
  background: var(--grad-accent);
  border-radius: 2px;
}

/* Footer Links */
.footer-links {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 24px;
}
.footer-links li a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.5);
  font-size: .88rem;
  padding: 7px 10px;
  border-radius: var(--radius-sm);
  transition: all var(--transition);
  text-decoration: none;
}
.footer-links li a:hover {
  color: var(--white);
  background: rgba(255,255,255,.06);
  padding-left: 16px;
}
.fl-icon {
  width: 22px;
  height: 22px;
  background: rgba(245,166,35,.1);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .65rem;
  color: var(--accent);
  flex-shrink: 0;
  transition: all var(--transition);
}
.footer-links li a:hover .fl-icon {
  background: var(--grad-accent);
  color: var(--primary);
}

/* Footer Badges */
.footer-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.footer-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--radius-full);
  padding: 5px 12px;
  font-size: .72rem;
  color: rgba(255,255,255,.55);
  font-family: var(--font-head);
  font-weight: 600;
}
.footer-badge i { color: var(--accent); font-size: .65rem; }

/* Contact List */
.footer-contact-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}
.fci {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.fci-icon {
  width: 30px;
  height: 30px;
  background: rgba(245,166,35,.1);
  border: 1px solid rgba(245,166,35,.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .7rem;
  color: var(--accent);
  flex-shrink: 0;
  margin-top: 2px;
}
.fci span,
.fci a {
  color: rgba(255,255,255,.55);
  font-size: .87rem;
  line-height: 1.5;
  transition: color var(--transition);
}
.fci a:hover { color: var(--accent); }

/* Footer CTA Box */
.footer-cta-box {
  background: linear-gradient(135deg, rgba(245,166,35,.1), rgba(245,166,35,.05));
  border: 1px solid rgba(245,166,35,.2);
  border-radius: var(--radius);
  padding: 16px;
  text-align: center;
}
.footer-cta-box p {
  color: rgba(255,255,255,.55);
  font-size: .78rem;
  margin-bottom: 10px;
}
.footer-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--grad-accent);
  color: var(--primary);
  font-family: var(--font-head);
  font-weight: 700;
  font-size: .9rem;
  padding: 10px 20px;
  border-radius: var(--radius);
  text-decoration: none;
  transition: all var(--transition);
  width: 100%;
}
.footer-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(245,166,35,.3); color: var(--primary); }
.footer-cta-btn i { font-size: .85rem; }

/* Footer Bottom */
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.07);
  padding: 18px 0;
  position: relative;
  z-index: 1;
}
.footer-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.footer-bottom p {
  color: rgba(255,255,255,.3);
  font-size: .8rem;
  margin: 0;
}
.footer-bottom p strong { color: rgba(255,255,255,.5); font-weight: 600; }
.footer-bottom-links {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-bottom-links span { color: rgba(255,255,255,.2); }
.footer-bottom-links a {
  color: rgba(255,255,255,.35);
  font-size: .78rem;
  text-decoration: none;
  transition: color var(--transition);
}
.footer-bottom-links a:hover { color: var(--accent); }

/* ─── Footer Responsive ──────────────────────────────────── */
@media (max-width: 1100px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
}
@media (max-width: 640px) {
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .footer-wave svg { height: 48px; }
  .footer-body { padding: 40px 0 28px; }
  .footer-bottom-inner { flex-direction: column; text-align: center; }
}


/* ══════════════════════════════════════════════════════════════
   BUTON RİPPLE + MİKRO İNTERAKSİYONLAR
   ══════════════════════════════════════════════════════════════ */

/* Ripple effect base */
.btn { position: relative; overflow: hidden; }
.btn .ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(255,255,255,.22);
  transform: scale(0);
  animation: ripple-anim .55s linear;
  pointer-events: none;
}
@keyframes ripple-anim {
  to { transform: scale(4); opacity: 0; }
}

/* Kart hafif paralaks efekti */
.service-card:hover .service-card-img img,
.blog-card:hover .blog-card-img img {
  transform: scale(1.06);
}

/* Heading underline shimmer */
.gradient-text {
  background: linear-gradient(90deg, var(--accent), var(--accent-dark), var(--accent));
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: text-shimmer 3s linear infinite;
}
@keyframes text-shimmer {
  to { background-position: 200% center; }
}

/* Smooth image reveal on load */
.fade-in img {
  transition: opacity .4s ease;
}

/* Service num big hover */
.service-num {
  transition: color .6s ease, transform .6s ease, opacity .6s ease;
}

/* Blog card hover title */
.blog-card-body h3 a {
  transition: color var(--transition);
}
.blog-card:hover .blog-card-body h3 a { color: var(--accent); }

/* Back-to-top pulse */
#back-top {
  animation: back-top-in .3s ease;
}
#back-top:hover {
  animation: back-top-bounce .4s ease;
}
@keyframes back-top-in {
  from { transform: scale(0.7); opacity: 0; }
  to   { transform: scale(1); opacity: 1; }
}
@keyframes back-top-bounce {
  0%   { transform: translateY(0); }
  40%  { transform: translateY(-8px); }
  70%  { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}

/* ═══════════════════════════════════════════════════════════════
   ROUND 4 — BEFORE/AFTER SLIDER + EXPERTISE BARS + TEAM + FLOATING LABELS
   ═══════════════════════════════════════════════════════════════ */

/* ── Before / After Slider ───────────────────────────────── */
.ba-section { background: var(--gray-50); }

.ba-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 60px;
  align-items: center;
}

.ba-slider {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-xl);
  cursor: ew-resize;
  user-select: none;
  -webkit-user-select: none;
  aspect-ratio: 4 / 3;
  box-shadow: var(--shadow-xl), 0 0 0 1px rgba(0,0,0,.06);
  will-change: transform;
}

.ba-before,
.ba-after {
  position: absolute;
  inset: 0;
}

.ba-after {
  clip-path: inset(0 50% 0 0);
}

.ba-placeholder {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ba-placeholder-before {
  background: linear-gradient(145deg, #7a6548 0%, #5c4a30 35%, #4a3820 60%, #3a2c18 100%);
}

.bap-texture {
  position: absolute;
  inset: 0;
  background-image:
    repeating-linear-gradient(0deg, transparent, transparent 22px, rgba(0,0,0,.07) 22px, rgba(0,0,0,.07) 23px),
    repeating-linear-gradient(90deg, transparent, transparent 22px, rgba(0,0,0,.05) 22px, rgba(0,0,0,.05) 23px);
}

.bap-cracks {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(28deg, transparent 47%, rgba(0,0,0,.18) 48%, rgba(0,0,0,.18) 50%, transparent 51%),
    linear-gradient(155deg, transparent 44%, rgba(0,0,0,.14) 45%, rgba(0,0,0,.14) 46%, transparent 47%),
    linear-gradient(78deg, transparent 59%, rgba(0,0,0,.12) 60%, rgba(0,0,0,.12) 61%, transparent 62%),
    linear-gradient(200deg, transparent 30%, rgba(0,0,0,.10) 31%, rgba(0,0,0,.10) 32%, transparent 33%);
}

.ba-placeholder-after {
  background: linear-gradient(145deg, #f0f7ff 0%, #e3effd 40%, #d6e8fc 70%, #c8e0fa 100%);
}

.bap-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,
    rgba(255,255,255,.75) 0%,
    rgba(255,255,255,.15) 45%,
    rgba(255,255,255,.45) 65%,
    rgba(255,255,255,.1) 100%);
}

.ba-label {
  position: absolute;
  bottom: 16px;
  font-family: var(--font-head);
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 6px 14px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  gap: 6px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: none;
  z-index: 5;
}

.ba-label-before {
  left: 14px;
  background: rgba(0,0,0,.6);
  color: rgba(255,255,255,.9);
}

.ba-label-after {
  right: 14px;
  background: rgba(245,166,35,.92);
  color: var(--primary);
}

.ba-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
  pointer-events: none;
  width: 3px;
}

.ba-handle::before,
.ba-handle::after {
  content: '';
  flex: 1;
  width: 3px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 0 10px rgba(0,0,0,.25);
}

.ba-handle-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  box-shadow: 0 4px 20px rgba(0,0,0,.35);
  font-size: .65rem;
  color: var(--primary);
  border: 2px solid rgba(245,166,35,.3);
}

.ba-hint {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(15,31,61,.8);
  color: rgba(255,255,255,.95);
  font-size: .78rem;
  font-weight: 600;
  padding: 9px 20px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  gap: 8px;
  backdrop-filter: blur(8px);
  pointer-events: none;
  transition: opacity .5s ease;
  z-index: 8;
  white-space: nowrap;
}

.ba-hint.hidden { opacity: 0; }

/* BA Info Panel */
.ba-info h3 {
  font-size: 1.8rem;
  line-height: 1.25;
  margin-bottom: 14px;
}

.ba-info > p {
  color: var(--gray-600);
  line-height: 1.8;
  margin-bottom: 24px;
  font-size: .97rem;
}

.ba-feature-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-bottom: 32px;
  padding: 20px 22px;
  background: var(--white);
  border-radius: var(--radius-lg);
  border: 1px solid var(--gray-200);
  box-shadow: var(--shadow-sm);
}

.ba-feature-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: .93rem;
  color: var(--gray-800);
  font-weight: 500;
}

.ba-feature-list li i {
  color: var(--success);
  font-size: .85rem;
  flex-shrink: 0;
  width: 18px;
}

.ba-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* ── Expertise / Skill Bars ──────────────────────────────── */
.expertise-section {
  background: var(--primary);
  color: #fff;
  position: relative;
  overflow: hidden;
}

.expertise-section::before {
  content: '';
  position: absolute;
  top: -120px;
  right: -80px;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(245,166,35,.12) 0%, transparent 70%);
  pointer-events: none;
}

.expertise-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 64px;
  align-items: start;
}

.expertise-left {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.expertise-right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.expertise-item {}

.expertise-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.expertise-name {
  font-family: var(--font-head);
  font-size: .92rem;
  font-weight: 600;
  color: rgba(255,255,255,.9);
  display: flex;
  align-items: center;
  gap: 8px;
}

.expertise-name i {
  color: var(--accent);
  font-size: .85rem;
}

.expertise-pct {
  font-family: var(--font-head);
  font-size: .85rem;
  font-weight: 700;
  color: var(--accent);
}

.expertise-bar-wrap {
  height: 8px;
  background: rgba(255,255,255,.1);
  border-radius: 99px;
  overflow: hidden;
}

.expertise-bar-fill {
  height: 100%;
  border-radius: 99px;
  background: var(--grad-accent);
  width: 0;
  transition: width 1.4s cubic-bezier(.4,0,.2,1);
  position: relative;
}

.expertise-bar-fill::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: var(--accent-light);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(245,166,35,.6);
}

.expertise-intro {
  padding-right: 32px;
}

.expertise-intro h2 {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 16px;
  line-height: 1.2;
}

.expertise-intro p {
  color: rgba(255,255,255,.55);
  font-size: .95rem;
  line-height: 1.8;
  margin-bottom: 28px;
}

.expertise-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.expertise-badge {
  display: flex;
  align-items: center;
  gap: 7px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-full);
  padding: 7px 16px;
  font-size: .8rem;
  font-weight: 600;
  color: rgba(255,255,255,.8);
  font-family: var(--font-head);
}

.expertise-badge i { color: var(--accent); }

/* ── Team Cards ──────────────────────────────────────────── */
.team-section { background: var(--gray-50); }

.team-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.team-card {
  background: var(--white);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow);
  text-align: center;
  transition: transform var(--transition), box-shadow var(--transition);
  border: 1px solid var(--gray-100);
}

.team-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}

.team-card-top {
  padding: 32px 24px 20px;
  background: var(--grad-primary);
  position: relative;
  overflow: hidden;
}

.team-card-top::after {
  content: '';
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 120%;
  height: 60px;
  background: var(--white);
  border-radius: 50%;
}

.team-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-head);
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--primary);
  margin: 0 auto 4px;
  position: relative;
  z-index: 1;
  border: 3px solid rgba(255,255,255,.2);
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
}

.team-card-body {
  padding: 36px 20px 24px;
}

.team-name {
  font-family: var(--font-head);
  font-size: 1rem;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 4px;
}

.team-role {
  font-size: .82rem;
  color: var(--accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 12px;
}

.team-exp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--gray-50);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-full);
  padding: 4px 12px;
  font-size: .78rem;
  font-weight: 600;
  color: var(--gray-600);
  margin-bottom: 14px;
}

.team-exp i { color: var(--accent); font-size: .72rem; }

.team-skills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}

.team-skill-tag {
  background: rgba(15,31,61,.06);
  color: var(--primary-mid);
  font-size: .72rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: var(--radius-full);
  font-family: var(--font-head);
}

/* ── Floating Label Form ─────────────────────────────────── */
.form-float {
  position: relative;
  margin-bottom: 24px;
}

.form-float .form-control {
  padding: 22px 16px 8px;
  height: auto;
}

.form-float label {
  position: absolute;
  top: 15px;
  left: 16px;
  font-size: .92rem;
  color: var(--gray-400);
  transition: all .2s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
  font-weight: 500;
  background: transparent;
}

.form-float .form-control:focus ~ label,
.form-float .form-control:not(:placeholder-shown) ~ label {
  top: 6px;
  font-size: .7rem;
  color: var(--accent);
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.form-float .form-control:focus ~ label { color: var(--primary-mid); }

.form-float .req { color: var(--danger); }

.form-float select:focus ~ label,
.form-float select.has-value ~ label {
  top: 6px;
  font-size: .7rem;
  color: var(--primary-mid);
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* Contact Features Row */
.contact-features-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 40px;
}

.cfr-item {
  background: var(--white);
  border: 1px solid var(--gray-100);
  border-radius: var(--radius-lg);
  padding: 18px 16px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition);
}

.cfr-item:hover { box-shadow: var(--shadow); }

.cfr-icon {
  width: 42px;
  height: 42px;
  border-radius: var(--radius);
  background: var(--grad-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--white);
  flex-shrink: 0;
}

.cfr-text strong {
  display: block;
  font-family: var(--font-head);
  font-size: .85rem;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 2px;
}

.cfr-text span {
  font-size: .78rem;
  color: var(--gray-400);
}

/* Contact Form Wrap Premium */
.contact-form-wrap {
  background: var(--white);
  border-radius: var(--radius-xl);
  padding: 40px;
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--gray-100);
}

/* Contact Info Card */
.contact-info-card {
  background: var(--white);
  border-radius: var(--radius-xl);
  padding: 36px;
  box-shadow: var(--shadow);
  border: 1px solid var(--gray-100);
  height: 100%;
}

/* Contact Response Promise */
.response-promise {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, rgba(16,185,129,.08) 0%, rgba(16,185,129,.04) 100%);
  border: 1px solid rgba(16,185,129,.2);
  border-radius: var(--radius-lg);
  padding: 14px 18px;
  margin-bottom: 28px;
}

.rp-icon {
  width: 36px;
  height: 36px;
  background: var(--success);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .9rem;
  color: white;
  flex-shrink: 0;
}

.rp-text strong {
  display: block;
  font-family: var(--font-head);
  font-size: .85rem;
  font-weight: 700;
  color: var(--gray-800);
}

.rp-text span {
  font-size: .78rem;
  color: var(--gray-600);
}

/* ── How We Work (hizmetler page) ────────────────────────── */
.hww-section { background: var(--gray-50); }

.hww-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
}

.hww-grid::before {
  content: '';
  position: absolute;
  top: 36px;
  left: calc(12.5% + 16px);
  right: calc(12.5% + 16px);
  height: 2px;
  background: linear-gradient(90deg, var(--accent) 0%, var(--accent-dark) 100%);
  z-index: 0;
}

.hww-item {
  text-align: center;
  position: relative;
  z-index: 1;
}

.hww-num-wrap {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--grad-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 24px rgba(245,166,35,.35);
  position: relative;
  transition: transform var(--transition), box-shadow var(--transition);
}

.hww-item:hover .hww-num-wrap {
  transform: scale(1.1);
  box-shadow: 0 12px 32px rgba(245,166,35,.45);
}

.hww-num {
  font-family: var(--font-head);
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--primary);
  line-height: 1;
}

.hww-icon {
  position: absolute;
  bottom: -6px;
  right: -6px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .65rem;
  color: var(--accent);
  border: 2px solid var(--white);
}

.hww-item h4 {
  font-family: var(--font-head);
  font-size: 1rem;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 8px;
}

.hww-item p {
  font-size: .88rem;
  color: var(--gray-600);
  line-height: 1.65;
}

/* ── Service Card Premium Upgrades ───────────────────────── */
.service-card {
  position: relative;
}

.service-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--grad-accent);
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .35s cubic-bezier(.4,0,.2,1);
}

.service-card:hover::after { transform: scaleX(1); }

/* ── Contact Page Map Premium ─────────────────────────────── */
.map-section {
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--gray-200);
}

.map-section iframe {
  display: block;
  width: 100%;
  height: 420px;
  border: none;
}

/* Map Placeholder (if no embed) */
.map-placeholder {
  height: 420px;
  background: var(--grad-primary);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.5);
  gap: 12px;
}

.map-placeholder i { font-size: 3rem; color: var(--accent); opacity: .6; }
.map-placeholder p { font-size: .9rem; }

/* ── Responsive Additions ─────────────────────────────────── */
@media (max-width: 1100px) {
  .ba-grid { grid-template-columns: 1fr; gap: 36px; }
  .expertise-grid { grid-template-columns: 1fr; gap: 32px; }
  .expertise-intro { padding-right: 0; }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .hww-grid { grid-template-columns: repeat(2, 1fr); }
  .hww-grid::before { display: none; }
}

@media (max-width: 768px) {
  .ba-slider { aspect-ratio: 4/3; }
  .ba-info h3 { font-size: 1.4rem; }
  .contact-features-row { grid-template-columns: 1fr; gap: 10px; }
  .contact-form-wrap { padding: 24px; }
  .contact-info-card { padding: 24px; }
  .team-grid { grid-template-columns: 1fr 1fr; }
  .hww-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
  .team-grid { grid-template-columns: 1fr; }
  .hww-grid { grid-template-columns: 1fr; }
  .ba-actions { flex-direction: column; }
}

/* ═══════════════════════════════════════════════════════════════
   Renk Kataloğu
   ═══════════════════════════════════════════════════════════════ */
.color-palette-section { background: var(--bg-light); }
.cp-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
}
.cp-card {
  background: #fff; border-radius: 14px; overflow: hidden;
  box-shadow: var(--shadow-sm); transition: all .3s;
}
.cp-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.cp-swatch {
  height: 120px; position: relative; display: flex; align-items: center; justify-content: center;
}
.cp-swatch-overlay {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  background: rgba(0,0,0,.25); opacity: 0; transition: opacity .3s;
}
.cp-card:hover .cp-swatch-overlay { opacity: 1; }
.cp-pick-btn {
  background: #fff; color: var(--dark); border: none; padding: 8px 18px;
  border-radius: var(--radius-full); font-weight: 600; font-size: .82rem;
  cursor: pointer; transition: all .2s;
}
.cp-pick-btn:hover { background: var(--accent); color: #fff; }
.cp-info {
  display: flex; align-items: center; gap: 10px; padding: 12px 14px;
}
.cp-dot {
  width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0;
  border: 2px solid var(--gray-200);
}
.cp-name { font-weight: 600; font-size: .88rem; color: var(--dark); }
.cp-desc { font-size: .75rem; color: var(--gray-500); }
.cp-code-badge {
  margin-left: auto; background: var(--bg-light); padding: 3px 8px;
  border-radius: 6px; font-size: .72rem; font-weight: 600; color: var(--gray-500);
  font-family: monospace;
}
.cp-cta {
  text-align: center; margin-top: 32px; padding: 24px;
  background: #fff; border-radius: 14px; border: 1px dashed var(--gray-200);
}
.cp-cta p { margin-bottom: 14px; color: var(--gray-600); font-size: .95rem; }
.cp-cta i { color: var(--accent); }

@media (max-width: 768px) {
  .cp-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .cp-swatch { height: 80px; }
}
@media (max-width: 480px) {
  .cp-grid { grid-template-columns: 1fr 1fr; }
}

/* ═══════════════════════════════════════════════════════════════
   Hızlı Teklif Formu (Home)
   ═══════════════════════════════════════════════════════════════ */
.quick-quote-section {
  background: linear-gradient(135deg, var(--dark) 0%, #1a2d52 100%);
  position: relative; overflow: hidden;
}
.qq-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;
}
.qq-info { color: #fff; }
.qq-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(245,166,35,.15); color: var(--accent); padding: 6px 16px;
  border-radius: var(--radius-full); font-size: .82rem; font-weight: 600;
  margin-bottom: 16px;
}
.qq-info h2 { font-size: 2rem; margin-bottom: 12px; color: #fff; }
.qq-info p { color: rgba(255,255,255,.65); line-height: 1.7; margin-bottom: 20px; }
.qq-feature-list { display: grid; gap: 10px; margin-bottom: 24px; }
.qqf-item {
  display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.8);
  font-size: .92rem;
}
.qqf-item i { color: var(--accent); font-size: .85rem; }
.qq-contact-pill { display: flex; gap: 12px; flex-wrap: wrap; }
.qq-contact-pill a {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15);
  padding: 10px 20px; border-radius: var(--radius-full); color: #fff;
  font-weight: 500; font-size: .9rem; transition: all .2s;
}
.qq-contact-pill a:hover { background: rgba(255,255,255,.15); color: #fff; }
.qq-form-wrap {
  background: #fff; border-radius: 20px; padding: 32px;
  box-shadow: var(--shadow-xl);
}
.qq-form-head {
  display: flex; align-items: center; gap: 14px; margin-bottom: 24px;
}
.qq-form-icon {
  width: 48px; height: 48px; background: rgba(245,166,35,.1); border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  color: var(--accent); font-size: 1.3rem;
}
.qq-form-title { font-weight: 700; font-size: 1.1rem; color: var(--dark); }
.qq-form-sub { font-size: .82rem; color: var(--gray-500); }
.qq-service-tabs {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 20px;
}
.qq-service-tab {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: 12px 8px; border: 2px solid var(--gray-200); border-radius: 12px;
  cursor: pointer; transition: all .2s; text-align: center;
  background: #fff; font-size: .78rem; font-weight: 600; color: var(--dark);
}
.qq-service-tab input { display: none; }
.qq-service-tab i { font-size: 1.2rem; color: var(--gray-400); transition: color .2s; }
.qq-service-tab.active,
.qq-service-tab:has(input:checked) {
  border-color: var(--accent); background: rgba(245,166,35,.06);
}
.qq-service-tab.active i,
.qq-service-tab:has(input:checked) i { color: var(--accent); }
.qq-fields { display: grid; gap: 12px; }
.qq-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.qq-field label {
  display: flex; align-items: center; gap: 6px;
  font-size: .82rem; font-weight: 600; color: var(--dark); margin-bottom: 5px;
}
.qq-field label i { color: var(--accent); font-size: .8rem; }
.qq-input {
  width: 100%; padding: 11px 14px; border: 2px solid var(--gray-200);
  border-radius: 10px; font-size: .9rem; transition: border-color .2s;
  background: var(--bg-light);
}
.qq-input:focus { border-color: var(--accent); outline: none; background: #fff; }
.qq-submit {
  width: 100%; padding: 14px; margin-top: 8px;
}
.qq-submit-loader { margin-left: 8px; }
.qq-privacy {
  text-align: center; font-size: .78rem; color: var(--gray-400); margin-top: 10px;
}
.qq-privacy i { margin-right: 4px; }
.qq-form { display: grid; gap: 0; }

@media (max-width: 768px) {
  .qq-grid { grid-template-columns: 1fr; gap: 32px; }
  .qq-service-tabs { grid-template-columns: 1fr 1fr; }
  .qq-field-row { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════════════════════
   Hizmet Bölgeleri Section (Home)
   ═══════════════════════════════════════════════════════════════ */
.service-areas-section { background: var(--bg-light); }
.sa-grid {
  display: grid; grid-template-columns: 1fr 1.4fr; gap: 48px; align-items: start;
}
.sa-info h2 { margin-bottom: 12px; }
.sa-info p { color: var(--gray-600); margin-bottom: 24px; line-height: 1.7; }
.sa-stats {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 20px;
}
.sa-stat { text-align: center; }
.sa-stat-num {
  font-size: 1.6rem; font-weight: 800; color: var(--accent);
  font-family: var(--font-head);
}
.sa-stat-lbl { font-size: .78rem; color: var(--gray-500); }
.sa-districts {
  display: flex; flex-wrap: wrap; gap: 8px;
}
.sa-district-tag {
  display: inline-flex; align-items: center; gap: 5px;
  background: #fff; padding: 8px 14px; border-radius: var(--radius-full);
  font-size: .8rem; font-weight: 500; color: var(--dark);
  border: 1px solid var(--gray-200); transition: all .2s;
}
.sa-district-tag:hover {
  border-color: var(--accent); color: var(--accent);
  box-shadow: 0 2px 8px rgba(245,166,35,.15);
}
.sa-district-tag i { color: var(--accent); font-size: .7rem; }

@media (max-width: 768px) {
  .sa-grid { grid-template-columns: 1fr; gap: 32px; }
  .sa-stats { grid-template-columns: repeat(3, 1fr); }
}

/* ═══════════════════════════════════════════════════════════════
   FAQ Layout (Home split layout)
   ═══════════════════════════════════════════════════════════════ */
.faq-layout {
  display: grid; grid-template-columns: .9fr 1.1fr; gap: 48px; align-items: start;
}
.faq-layout-left h2 { margin-bottom: 12px; }
.faq-layout-left p { color: var(--gray-600); margin-bottom: 20px; }
.faq-layout-right { /* wrapper for faq-list */ }
.faq-cta-box {
  display: flex; align-items: center; gap: 14px;
  background: rgba(245,166,35,.08); border: 1px solid rgba(245,166,35,.2);
  border-radius: 14px; padding: 18px 20px; margin-bottom: 4px;
}
.faq-cta-icon {
  width: 44px; height: 44px; background: var(--accent); border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 1.1rem; flex-shrink: 0;
}
.faq-cta-box strong { color: var(--dark); font-size: .95rem; }
.faq-cta-box p { font-size: .82rem; color: var(--gray-500); margin: 0; }

@media (max-width: 768px) {
  .faq-layout { grid-template-columns: 1fr; gap: 28px; }
}

/* ═══════════════════════════════════════════════════════════════
   Referanslar / Testimonials (Home)
   ═══════════════════════════════════════════════════════════════ */
.testimonials-section {
  background: linear-gradient(135deg, var(--dark) 0%, #1a2d52 100%);
  position: relative; overflow: hidden;
}
.testi-summary {
  text-align: center; margin-bottom: 40px;
}
.testi-summary-score { display: flex; align-items: baseline; justify-content: center; gap: 4px; margin-bottom: 6px; }
.tss-num { font-size: 2.4rem; font-weight: 800; color: var(--accent); font-family: var(--font-head); }
.tss-max { font-size: 1rem; color: rgba(255,255,255,.4); }
.testi-summary-stars { color: var(--accent); font-size: 1.2rem; margin-bottom: 6px; }
.testi-summary-count { color: rgba(255,255,255,.5); font-size: .85rem; margin-bottom: 16px; }
.testi-summary-bars { max-width: 300px; margin: 0 auto; display: grid; gap: 6px; }
.testi-bar-row {
  display: grid; grid-template-columns: 50px 1fr 40px; gap: 8px; align-items: center;
  font-size: .78rem; color: rgba(255,255,255,.6);
}
.testi-bar-row i { color: var(--accent); font-size: .65rem; }
.testi-bar { height: 6px; background: rgba(255,255,255,.1); border-radius: 6px; overflow: hidden; }
.testi-bar-fill { height: 100%; background: var(--accent); border-radius: 6px; }

.testi-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 20px; margin-bottom: 32px;
}
.testi-card {
  background: rgba(255,255,255,.06); backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.1); border-radius: 16px;
  padding: 24px; transition: all .3s;
}
.testi-card:hover {
  background: rgba(255,255,255,.1);
  transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.2);
}
.testi-card-top { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.testi-avatar {
  width: 48px; height: 48px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-weight: 700; font-size: 1.1rem; flex-shrink: 0;
}
.testi-author { flex: 1; }
.testi-author strong { display: block; color: #fff; font-size: .95rem; }
.testi-author span { font-size: .78rem; color: rgba(255,255,255,.45); }
.testi-author span i { margin-right: 3px; }
.testi-rating { color: var(--accent); font-size: .8rem; }
.testi-text {
  color: rgba(255,255,255,.7); font-size: .9rem; line-height: 1.7;
  font-style: italic; margin-bottom: 14px;
}
.testi-card-footer { display: flex; align-items: center; justify-content: space-between; }
.testi-service-tag {
  display: inline-flex; align-items: center; gap: 5px;
  background: rgba(245,166,35,.12); color: var(--accent);
  padding: 4px 12px; border-radius: var(--radius-full);
  font-size: .75rem; font-weight: 500;
}
.testi-quote-icon { color: rgba(255,255,255,.08); font-size: 1.4rem; }

.testi-trust-strip {
  display: flex; align-items: center; justify-content: center;
  gap: 20px; flex-wrap: wrap; padding: 20px 0;
}
.tts-item {
  display: flex; align-items: center; gap: 6px;
  color: rgba(255,255,255,.5); font-size: .82rem;
}
.tts-item i { color: var(--accent); }
.tts-divider { width: 1px; height: 16px; background: rgba(255,255,255,.15); }

@media (max-width: 768px) {
  .testi-grid { grid-template-columns: 1fr; }
  .testi-trust-strip { gap: 12px; }
  .tts-divider { display: none; }
}

/* ═══════════════════════════════════════════════════════════════
   Blog Home Section — v4 Premium Layout
   ═══════════════════════════════════════════════════════════════ */
.blog-home-section {
  background: var(--bg-light);
  position: relative;
  overflow: hidden;
}
.blog-home-section::before {
  content: '';
  position: absolute; top: -120px; right: -120px;
  width: 340px; height: 340px;
  background: radial-gradient(circle, rgba(245,166,35,.06) 0%, transparent 70%);
  border-radius: 50%; pointer-events: none;
}

/* Section Icon */
.section-icon-wrap {
  width: 56px; height: 56px; margin: 0 auto 18px;
  background: linear-gradient(135deg, var(--accent), #f5a623);
  border-radius: 16px; display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 1.3rem;
  box-shadow: 0 8px 24px rgba(245,166,35,.25);
  animation: iconFloat 3s ease-in-out infinite;
}
@keyframes iconFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

/* Grid: 1 featured sol + 3 kart sag */
.blog-home-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  grid-template-rows: repeat(3, auto);
  gap: 20px;
}
/* Öne çıkan kart sağ sütunda (geniş) */
.bhg-featured { grid-column: 2; grid-row: 1 / 4; }

/* Kart Genel */
.bhg-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
  transition: all .35s cubic-bezier(.4,0,.2,1);
  display: flex; flex-direction: column;
  position: relative;
  border: 1px solid rgba(0,0,0,.04);
}
.bhg-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 48px rgba(0,0,0,.12);
  border-color: rgba(245,166,35,.15);
}
.bhg-small {
  flex-direction: row;
}

/* Editörün Seçimi Badge */
.bhg-badge-featured {
  position: absolute; top: 14px; left: 14px;
  background: linear-gradient(135deg, #ff6b35, #f5a623);
  color: #fff; padding: 6px 16px; border-radius: var(--radius-full);
  font-size: .7rem; font-weight: 700; letter-spacing: .5px;
  text-transform: uppercase; z-index: 5;
  box-shadow: 0 4px 14px rgba(245,106,35,.35);
  display: flex; align-items: center; gap: 5px;
}
.bhg-badge-featured i { font-size: .6rem; }

/* Görsel Alanı */
.bhg-img-wrap {
  display: block; position: relative; overflow: hidden;
  text-decoration: none;
}
.bhg-featured .bhg-img-wrap { flex: 1; min-height: 280px; }
.bhg-small .bhg-img-wrap {
  width: 200px; min-height: 100%;
  flex-shrink: 0;
}
.bhg-img-wrap img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .6s cubic-bezier(.4,0,.2,1);
}
.bhg-card:hover .bhg-img-wrap img { transform: scale(1.08); }
.bhg-img-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 30%, rgba(10,25,60,.5) 100%);
  pointer-events: none; transition: opacity .3s;
}
.bhg-card:hover .bhg-img-overlay { opacity: .7; }
.bhg-placeholder {
  width: 100%; height: 100%;
  background: linear-gradient(135deg, var(--dark) 0%, #1a3a6e 50%, var(--accent) 150%);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.12); font-size: 3.5rem;
}
.bhg-small .bhg-placeholder { font-size: 2rem; }

/* Kategori Badge */
.bhg-cat {
  position: absolute; top: 14px; left: 14px;
  background: var(--accent); color: #fff;
  padding: 5px 14px; border-radius: var(--radius-full);
  font-size: .7rem; font-weight: 700; letter-spacing: .3px;
  text-transform: uppercase; z-index: 2;
  box-shadow: 0 2px 8px rgba(245,166,35,.4);
}
.bhg-featured .bhg-cat { top: auto; bottom: 14px; left: 14px; }

/* Okuma Süresi */
.bhg-reading {
  position: absolute; top: 14px; right: 14px;
  background: rgba(0,0,0,.5); backdrop-filter: blur(8px);
  color: #fff; padding: 5px 12px; border-radius: var(--radius-full);
  font-size: .68rem; font-weight: 500; z-index: 2;
}
.bhg-reading i { margin-right: 4px; font-size: .58rem; }

/* Yazar Satırı */
.bhg-author-row {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 12px; padding-bottom: 12px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.bhg-avatar {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: .82rem; font-weight: 700;
  flex-shrink: 0;
}
.bhg-small .bhg-avatar { width: 30px; height: 30px; font-size: .72rem; border-radius: 8px; }
.bhg-author-info { flex: 1; min-width: 0; }
.bhg-author-name {
  display: block; font-size: .78rem; font-weight: 600; color: var(--dark);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.bhg-author-date { font-size: .7rem; color: var(--gray-400); }
.bhg-views {
  font-size: .72rem; color: var(--gray-400); font-weight: 500;
  white-space: nowrap;
}
.bhg-views i { margin-right: 3px; font-size: .62rem; color: var(--accent); }
.bhg-small .bhg-author-row { margin-bottom: 8px; padding-bottom: 8px; }

/* İçerik */
.bhg-body {
  padding: 22px; flex: 1;
  display: flex; flex-direction: column;
}
.bhg-small .bhg-body { padding: 16px; }

/* Başlık */
.bhg-body h3 {
  font-size: 1.08rem; font-weight: 700; line-height: 1.45;
  margin-bottom: 8px;
}
.bhg-featured .bhg-body h3 { font-size: 1.4rem; line-height: 1.35; }
.bhg-body h3 a {
  color: var(--dark); text-decoration: none;
  transition: color .2s;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.bhg-body h3 a:hover { color: var(--accent); }
.bhg-small .bhg-body h3 { font-size: .95rem; margin-bottom: 6px; }

/* Paragraf */
.bhg-body > p {
  font-size: .87rem; color: var(--gray-500); line-height: 1.65;
  margin-bottom: 16px; flex: 1;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.bhg-small .bhg-body > p {
  font-size: .8rem; margin-bottom: 10px;
  -webkit-line-clamp: 2;
}

/* Devamını Oku */
.bhg-read-more {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: .82rem; font-weight: 700; color: var(--accent);
  text-decoration: none; transition: gap .25s, color .2s;
  margin-top: auto;
}
.bhg-read-more:hover { gap: 10px; color: var(--accent-dark); }
.bhg-read-more i { font-size: .68rem; transition: transform .25s; }
.bhg-read-more:hover i { transform: translateX(4px); }

/* Featured kart altı accent çizgi */
.bhg-featured::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--accent), var(--accent-light, #ffd97d));
  transform: scaleX(0); transform-origin: left;
  transition: transform .45s cubic-bezier(.4,0,.2,1);
}
.bhg-featured:hover::after { transform: scaleX(1); }

/* Small kart sol kenar accent */
.bhg-small::before {
  content: ''; position: absolute; top: 0; left: 0; bottom: 0;
  width: 0px; background: var(--accent);
  transition: width .3s ease;
  z-index: 3; border-radius: 18px 0 0 18px;
}
.bhg-small:hover::before { width: 4px; }

/* Tüm Blog Yazıları Butonu */
.bhg-all-btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 16px 36px;
  background: var(--dark); color: #fff;
  border-radius: var(--radius-full);
  font-size: .92rem; font-weight: 700;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(10,25,60,.2);
  transition: all .35s cubic-bezier(.4,0,.2,1);
  position: relative; overflow: hidden;
}
.bhg-all-btn::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, var(--accent), #f5a623);
  opacity: 0; transition: opacity .35s;
}
.bhg-all-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 28px rgba(245,166,35,.3);
}
.bhg-all-btn:hover::before { opacity: 1; }
.bhg-all-btn span, .bhg-all-btn i { position: relative; z-index: 1; }
.bhg-all-btn i {
  font-size: .75rem; transition: transform .3s;
}
.bhg-all-btn:hover i { transform: translateX(4px); }

/* ─── Blog Home Responsive ──── */
@media (max-width: 1024px) {
  .blog-home-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .bhg-featured { grid-row: auto; grid-column: 1 / -1; }
  .bhg-featured .bhg-img-wrap { min-height: 240px; }
  .bhg-small { flex-direction: row; }
}
@media (max-width: 768px) {
  .blog-home-grid {
    grid-template-columns: 1fr;
  }
  .bhg-featured .bhg-img-wrap { flex: none; aspect-ratio: 16/9; min-height: auto; }
  .bhg-featured .bhg-body h3 { font-size: 1.15rem; }
  .bhg-small { flex-direction: column; }
  .bhg-small .bhg-img-wrap {
    width: 100%; min-height: auto; aspect-ratio: 16/9;
  }
  .section-icon-wrap { width: 48px; height: 48px; font-size: 1.1rem; border-radius: 14px; }
}
@media (max-width: 520px) {
  .bhg-body { padding: 14px; }
  .bhg-body h3 { font-size: .95rem; }
  .bhg-featured .bhg-body h3 { font-size: 1.05rem; }
  .bhg-all-btn { padding: 14px 28px; font-size: .85rem; }
  .bhg-badge-featured { font-size: .62rem; padding: 5px 12px; }
}

/* Eski blog-card stilleri (blog liste sayfası için korunuyor) */
.read-more {
  font-size: .85rem; font-weight: 600; color: var(--accent); transition: color .2s;
}
.read-more:hover { color: var(--accent-dark); }
.read-more i { margin-left: 4px; font-size: .75rem; transition: transform .2s; }
.read-more:hover i { transform: translateX(3px); }
.blog-meta { display: flex; gap: 14px; margin-bottom: 10px; }
.blog-meta-date, .blog-meta-author {
  font-size: .78rem; color: var(--gray-400);
}
.blog-meta-date i, .blog-meta-author i { margin-right: 4px; color: var(--accent); }
.blog-views { font-size: .78rem; color: var(--gray-400); }
.blog-views i { margin-right: 3px; }

/* ═══════════════════════════════════════════════════════════════
   Brands / Markalar Section
   ═══════════════════════════════════════════════════════════════ */
.brands-section { padding: 40px 0; background: var(--bg-light); overflow: hidden; }
.brands-header {
  text-align: center; margin-bottom: 24px; font-size: .85rem;
  color: var(--gray-500); font-weight: 600; text-transform: uppercase;
  letter-spacing: 1px;
}
.brands-track-wrap { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.brands-track {
  display: flex; gap: 40px; width: max-content;
  animation: brandsScroll 30s linear infinite;
}
@keyframes brandsScroll { to { transform: translateX(-33.333%); } }
.brand-item {
  display: flex; align-items: center; gap: 10px;
  color: var(--gray-400); font-size: .95rem; font-weight: 600;
  white-space: nowrap;
}
.brand-item i { font-size: 1.3rem; color: var(--accent); opacity: .6; }

/* ═══════════════════════════════════════════════════════════════
   Trust Section
   ═══════════════════════════════════════════════════════════════ */
.trust-section { padding: 40px 0; }
.trust-intro {
  text-align: center; margin-bottom: 20px; font-size: .88rem; color: var(--gray-500);
}
.trust-intro span { color: var(--accent); }
.trust-badges {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
}
.trust-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: #fff; padding: 10px 18px; border-radius: var(--radius-full);
  font-size: .82rem; font-weight: 500; color: var(--dark);
  border: 1px solid var(--gray-200); transition: all .2s;
}
.trust-badge:hover {
  border-color: var(--accent); color: var(--accent);
  box-shadow: 0 2px 10px rgba(245,166,35,.12);
}
.trust-badge i { color: var(--accent); }

/* ═══════════════════════════════════════════════════════════════
   Footer extras
   ═══════════════════════════════════════════════════════════════ */
.footer-col-brand { max-width: 340px; }
.footer-logo-text { display: flex; flex-direction: column; }
.mega-col-services { flex: 1; }

/* ═══════════════════════════════════════════════════════════════
   KVKK / Cookie Banner
   ═══════════════════════════════════════════════════════════════ */
.kvkk-banner {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999;
  background: var(--dark); color: #fff;
  padding: 0; transform: translateY(100%);
  transition: transform .4s cubic-bezier(.4,0,.2,1);
  box-shadow: 0 -4px 30px rgba(0,0,0,.25);
}
.kvkk-banner.show { transform: translateY(0); }
.kvkk-banner-inner {
  max-width: 1240px; margin: 0 auto;
  display: flex; align-items: center; gap: 24px;
  padding: 20px 28px;
}
.kvkk-banner-icon {
  flex-shrink: 0; width: 48px; height: 48px;
  background: rgba(245,166,35,.15); border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem; color: var(--accent);
}
.kvkk-banner-text { flex: 1; font-size: .9rem; line-height: 1.6; color: rgba(255,255,255,.8); }
.kvkk-banner-text a { color: var(--accent); text-decoration: underline; }
.kvkk-banner-actions { display: flex; gap: 10px; flex-shrink: 0; }
.kvkk-btn {
  padding: 10px 22px; border-radius: 8px; font-size: .85rem; font-weight: 600;
  cursor: pointer; border: none; transition: all .2s;
}
.kvkk-btn-accept { background: var(--accent); color: var(--dark); }
.kvkk-btn-accept:hover { background: #e09500; }
.kvkk-btn-reject { background: rgba(255,255,255,.1); color: #fff; border: 1px solid rgba(255,255,255,.2); }
.kvkk-btn-reject:hover { background: rgba(255,255,255,.18); }
@media (max-width: 768px) {
  .kvkk-banner-inner { flex-direction: column; text-align: center; gap: 14px; padding: 18px 20px; }
  .kvkk-banner-icon { display: none; }
  .kvkk-banner-actions { width: 100%; justify-content: center; }
}

/* ═══════════════════════════════════════════════════════════════
   Teklif Hesaplayıcı Sayfası
   ═══════════════════════════════════════════════════════════════ */
.calc-hero {
  padding: 140px 0 60px; background: linear-gradient(135deg, var(--dark) 0%, #1a2d52 100%);
  color: #fff; text-align: center;
}
.calc-hero .tag { background: rgba(245,166,35,.15); color: var(--accent); }
.calc-hero h1 { font-size: 2.4rem; margin: 16px 0 10px; }
.calc-hero p { color: rgba(255,255,255,.6); max-width: 520px; margin: 0 auto; }

.calc-section { padding: 60px 0 80px; background: var(--bg-light); }

.calc-card {
  background: #fff; border-radius: 16px; padding: 40px;
  box-shadow: 0 8px 40px rgba(0,0,0,.08); max-width: 800px; margin: 0 auto;
}
.calc-steps { display: flex; gap: 4px; margin-bottom: 32px; }
.calc-step-dot {
  flex: 1; height: 4px; border-radius: 4px; background: var(--gray-200);
  transition: background .3s;
}
.calc-step-dot.active { background: var(--accent); }
.calc-step-dot.done { background: var(--success, #10b981); }

.calc-step-panel { display: none; }
.calc-step-panel.active { display: block; opacity: 1; animation: calcFadeIn .35s ease; }
@keyframes calcFadeIn { from { transform: translateY(10px); } to { transform: translateY(0); } }

.calc-step-title {
  font-size: 1.2rem; font-weight: 700; color: var(--dark); margin-bottom: 6px;
}
.calc-step-desc { color: var(--gray-500); font-size: .9rem; margin-bottom: 24px; }

.calc-option-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px; margin-bottom: 24px;
}
.calc-option {
  border: 2px solid var(--gray-200); border-radius: 12px; padding: 18px 14px;
  text-align: center; cursor: pointer; transition: all .2s;
  background: #fff;
}
.calc-option:hover { border-color: var(--accent); background: rgba(245,166,35,.04); }
.calc-option.selected { border-color: var(--accent); background: rgba(245,166,35,.08); box-shadow: 0 0 0 3px rgba(245,166,35,.15); }
.calc-option-icon { font-size: 1.6rem; color: var(--accent); margin-bottom: 8px; }
.calc-option-label { font-weight: 600; font-size: .9rem; color: var(--dark); }
.calc-option-sub { font-size: .78rem; color: var(--gray-500); margin-top: 2px; }

.calc-range-wrap { margin-bottom: 24px; }
.calc-range-label {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 10px; font-weight: 600; color: var(--dark);
}
.calc-range-value {
  background: var(--accent); color: var(--dark); padding: 3px 12px;
  border-radius: 20px; font-weight: 700; font-size: .9rem;
}
.calc-range {
  -webkit-appearance: none; width: 100%; height: 8px;
  border-radius: 8px; background: var(--gray-200); outline: none;
}
.calc-range::-webkit-slider-thumb {
  -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%;
  background: var(--accent); cursor: pointer; box-shadow: 0 2px 8px rgba(245,166,35,.4);
}
.calc-range::-moz-range-thumb {
  width: 24px; height: 24px; border-radius: 50%; border: none;
  background: var(--accent); cursor: pointer;
}

.calc-extras { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 24px; }
.calc-extra {
  display: flex; align-items: center; gap: 10px; padding: 12px 14px;
  border: 2px solid var(--gray-200); border-radius: 10px; cursor: pointer; transition: all .2s;
}
.calc-extra:hover { border-color: var(--accent); }
.calc-extra.checked { border-color: var(--accent); background: rgba(245,166,35,.06); }
.calc-extra input[type="checkbox"] { display: none; }
.calc-extra-check {
  width: 22px; height: 22px; border-radius: 6px; border: 2px solid var(--gray-300);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  color: #fff; font-size: .7rem; transition: all .2s;
}
.calc-extra.checked .calc-extra-check { background: var(--accent); border-color: var(--accent); }
.calc-extra-text { font-weight: 500; font-size: .88rem; color: var(--dark); }

.calc-nav { display: flex; justify-content: space-between; margin-top: 28px; }
.calc-nav .btn { min-width: 140px; }

/* Result */
.calc-result {
  background: linear-gradient(135deg, var(--dark) 0%, #1a2d52 100%);
  border-radius: 16px; padding: 40px; color: #fff; text-align: center;
  animation: calcFadeIn .4s ease;
}
.calc-result-icon { font-size: 3rem; color: var(--accent); margin-bottom: 12px; }
.calc-result-title { font-size: 1.4rem; font-weight: 700; margin-bottom: 6px; }
.calc-result-sub { color: rgba(255,255,255,.6); font-size: .9rem; margin-bottom: 28px; }

.calc-result-price {
  background: rgba(245,166,35,.12); border-radius: 14px; padding: 28px; margin-bottom: 28px;
}
.calc-result-price-label { font-size: .85rem; color: rgba(255,255,255,.5); margin-bottom: 6px; }
.calc-result-price-range { font-size: 2.2rem; font-weight: 800; color: var(--accent); }
.calc-result-price-note { font-size: .8rem; color: rgba(255,255,255,.45); margin-top: 6px; }

.calc-result-details {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 28px;
}
.calc-result-detail {
  background: rgba(255,255,255,.06); border-radius: 10px; padding: 14px;
}
.calc-result-detail-label { font-size: .75rem; color: rgba(255,255,255,.45); }
.calc-result-detail-value { font-size: 1rem; font-weight: 700; margin-top: 2px; }

.calc-result-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.calc-result-actions .btn { min-width: 180px; }

@media (max-width: 768px) {
  .calc-card { padding: 24px 18px; }
  .calc-option-grid { grid-template-columns: 1fr 1fr; }
  .calc-extras { grid-template-columns: 1fr; }
  .calc-result-details { grid-template-columns: 1fr; }
  .calc-result-price-range { font-size: 1.6rem; }
}

/* ═══════════════════════════════════════════════════════════════
   Hizmet Bölgeleri Sayfası
   ═══════════════════════════════════════════════════════════════ */
.areas-hero {
  padding: 140px 0 60px; background: linear-gradient(135deg, var(--dark) 0%, #1a2d52 100%);
  color: #fff; text-align: center;
}
.areas-hero .tag { background: rgba(245,166,35,.15); color: var(--accent); }
.areas-hero h1 { font-size: 2.4rem; margin: 16px 0 10px; }
.areas-hero p { color: rgba(255,255,255,.6); max-width: 520px; margin: 0 auto; }

.areas-section { padding: 60px 0 80px; }

.areas-search-wrap {
  max-width: 500px; margin: 0 auto 40px; position: relative;
}
.areas-search {
  width: 100%; padding: 14px 20px 14px 48px; border: 2px solid var(--gray-200);
  border-radius: 12px; font-size: 1rem; background: #fff; transition: border-color .2s;
}
.areas-search:focus { border-color: var(--accent); outline: none; }
.areas-search-icon {
  position: absolute; left: 16px; top: 50%; transform: translateY(-50%);
  color: var(--gray-400); font-size: 1.1rem;
}

.areas-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.area-card {
  background: #fff; border-radius: 14px; padding: 24px;
  border: 1px solid var(--gray-200); transition: all .3s;
  cursor: default;
}
.area-card:hover {
  border-color: var(--accent); box-shadow: 0 8px 30px rgba(0,0,0,.08);
  transform: translateY(-3px);
}
.area-card-header { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.area-card-icon {
  width: 44px; height: 44px; border-radius: 10px;
  background: rgba(245,166,35,.1); display: flex; align-items: center; justify-content: center;
  color: var(--accent); font-size: 1.1rem; flex-shrink: 0;
}
.area-card-name { font-size: 1.05rem; font-weight: 700; color: var(--dark); }
.area-card-region { font-size: .78rem; color: var(--gray-500); }
.area-card-services {
  display: flex; flex-wrap: wrap; gap: 6px;
}
.area-card-tag {
  background: var(--bg-light); padding: 4px 10px; border-radius: 6px;
  font-size: .75rem; color: var(--gray-600); font-weight: 500;
}
.area-card.hidden { display: none; }

.areas-stats {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
  margin-bottom: 48px;
}
.area-stat-card {
  background: #fff; border-radius: 14px; padding: 24px; text-align: center;
  border: 1px solid var(--gray-200);
}
.area-stat-icon { font-size: 1.6rem; color: var(--accent); margin-bottom: 8px; }
.area-stat-num { font-size: 1.8rem; font-weight: 800; color: var(--dark); }
.area-stat-label { font-size: .82rem; color: var(--gray-500); margin-top: 2px; }

.areas-cta {
  background: linear-gradient(135deg, var(--dark) 0%, #1a2d52 100%);
  border-radius: 16px; padding: 48px; text-align: center; color: #fff; margin-top: 48px;
}
.areas-cta h3 { font-size: 1.6rem; margin-bottom: 10px; }
.areas-cta p { color: rgba(255,255,255,.6); margin-bottom: 20px; }
.areas-cta .btn { margin: 0 6px; }

/* Area Card Links */
.area-card-link {
  display: block; text-decoration: none; color: inherit; cursor: pointer;
}
.area-card-link:hover .area-card-name { color: var(--accent); }
.area-card-desc {
  font-size: .85rem; color: var(--gray-500); line-height: 1.5;
  margin: 0 0 12px; min-height: 40px;
}
.area-card-footer { border-top: 1px solid var(--gray-100); padding-top: 12px; }
.area-card-link-text {
  font-size: .82rem; font-weight: 600; color: var(--accent);
  display: inline-flex; align-items: center; gap: 6px; transition: gap .2s;
}
.area-card-link:hover .area-card-link-text { gap: 10px; }

/* Areas Intro */
.areas-intro { padding: 48px 0 0; }
.areas-intro-content {
  max-width: 820px; margin: 0 auto 32px; text-align: center;
}
.areas-intro-content h2 {
  font-size: 1.6rem; color: var(--dark); margin-bottom: 16px;
}
.areas-intro-content p {
  color: var(--gray-600); line-height: 1.7; margin-bottom: 12px;
}
.areas-services-bar {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
  padding: 20px 0;
}
.areas-svc-pill {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 18px; background: #fff; border: 1px solid var(--gray-200);
  border-radius: var(--radius-full); font-size: .85rem; font-weight: 500;
  color: var(--dark); text-decoration: none; transition: all .2s;
}
.areas-svc-pill:hover {
  border-color: var(--accent); color: var(--accent);
  box-shadow: var(--shadow-sm);
}
.areas-svc-pill i { color: var(--accent); }

/* Areas Filter */
.areas-filter {
  display: flex; justify-content: center; gap: 8px; margin-bottom: 28px;
}
.areas-filter-btn {
  padding: 8px 20px; border: 1px solid var(--gray-200); border-radius: var(--radius-full);
  background: #fff; font-size: .85rem; font-weight: 500; color: var(--gray-600);
  cursor: pointer; transition: all .2s;
}
.areas-filter-btn:hover { border-color: var(--accent); color: var(--accent); }
.areas-filter-btn.active {
  background: var(--accent); color: #fff; border-color: var(--accent);
}

/* No Result */
.areas-no-result {
  text-align: center; padding: 48px 20px; color: var(--gray-400);
}
.areas-no-result i { font-size: 2.4rem; margin-bottom: 12px; display: block; }
.areas-no-result p { font-size: .95rem; max-width: 400px; margin: 0 auto; }

/* Areas CTA Section */
.areas-cta-section { padding: 0 0 60px; }

@media (max-width: 768px) {
  .areas-stats { grid-template-columns: 1fr 1fr; }
  .areas-grid { grid-template-columns: 1fr; }
  .areas-cta { padding: 32px 20px; }
  .areas-filter { flex-wrap: wrap; }
  .areas-services-bar { gap: 8px; }
  .areas-svc-pill { padding: 8px 14px; font-size: .8rem; }
}

/* ═══════════════════════════════════════════════════════════════
   Bölge Detay Sayfası
   ═══════════════════════════════════════════════════════════════ */
.bolge-hero .breadcrumb { margin-top: 16px; }
.bolge-hero .breadcrumb ol { justify-content: center; }

.bolge-content { padding: 48px 0 60px; }
.bolge-grid {
  display: grid; grid-template-columns: 1fr 340px; gap: 36px;
  align-items: start;
}

/* Sol: Ana İçerik */
.bolge-main { min-width: 0; }
.bolge-about {
  background: #fff; border-radius: 16px; padding: 32px;
  border: 1px solid var(--gray-200); margin-bottom: 28px;
}
.bolge-about h2 {
  font-size: 1.5rem; color: var(--dark); margin-bottom: 16px;
}
.bolge-about p {
  color: var(--gray-600); line-height: 1.8; margin-bottom: 16px;
}
.bolge-feature {
  display: flex; align-items: flex-start; gap: 14px;
  background: rgba(245,166,35,.06); border: 1px solid rgba(245,166,35,.15);
  border-radius: 12px; padding: 16px;
}
.bolge-feature i {
  color: var(--accent); font-size: 1.3rem; margin-top: 2px; flex-shrink: 0;
}
.bolge-feature strong {
  display: block; font-size: .9rem; color: var(--dark); margin-bottom: 4px;
}
.bolge-feature span {
  font-size: .85rem; color: var(--gray-600); line-height: 1.5;
}

/* Hizmetler Grid */
.bolge-services { margin-bottom: 28px; }
.bolge-services h2 {
  font-size: 1.3rem; color: var(--dark); margin-bottom: 20px;
}
.bolge-services-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;
}
.bolge-svc-card {
  background: #fff; border: 1px solid var(--gray-200); border-radius: 14px;
  padding: 24px; text-decoration: none; color: inherit; transition: all .3s;
  display: flex; flex-direction: column;
}
.bolge-svc-card:hover {
  border-color: var(--accent); transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.bolge-svc-icon {
  width: 44px; height: 44px; border-radius: 10px;
  background: rgba(245,166,35,.1); display: flex; align-items: center; justify-content: center;
  color: var(--accent); font-size: 1.1rem; margin-bottom: 12px;
}
.bolge-svc-card h3 {
  font-size: .95rem; font-weight: 700; color: var(--dark); margin-bottom: 6px;
}
.bolge-svc-card p {
  font-size: .8rem; color: var(--gray-500); line-height: 1.5;
  flex: 1; margin-bottom: 10px;
}
.bolge-svc-link {
  font-size: .8rem; font-weight: 600; color: var(--accent);
  display: inline-flex; align-items: center; gap: 6px;
}
.bolge-svc-card:hover .bolge-svc-link { gap: 10px; }

/* Mahalleler */
.bolge-mahalleler {
  background: #fff; border-radius: 16px; padding: 32px;
  border: 1px solid var(--gray-200); margin-bottom: 28px;
}
.bolge-mahalleler h2 {
  font-size: 1.3rem; color: var(--dark); margin-bottom: 10px;
}
.bolge-mahalleler > p {
  color: var(--gray-500); font-size: .9rem; margin-bottom: 16px;
}
.bolge-mahalle-grid {
  display: flex; flex-wrap: wrap; gap: 8px;
}
.bolge-mahalle-tag {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 16px; background: var(--bg-light); border: 1px solid var(--gray-200);
  border-radius: var(--radius-full); font-size: .82rem; font-weight: 500;
  color: var(--gray-600);
}
.bolge-mahalle-tag i { color: var(--accent); font-size: .7rem; }

/* Neden Biz */
.bolge-neden { margin-bottom: 28px; }
.bolge-neden h2 {
  font-size: 1.3rem; color: var(--dark); margin-bottom: 20px;
}
.bolge-neden-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;
}
.bolge-neden-item {
  background: #fff; border: 1px solid var(--gray-200); border-radius: 14px;
  padding: 24px; text-align: center;
}
.bolge-neden-item i {
  font-size: 1.6rem; color: var(--accent); margin-bottom: 10px;
}
.bolge-neden-item h4 {
  font-size: .95rem; font-weight: 700; color: var(--dark); margin-bottom: 6px;
}
.bolge-neden-item p {
  font-size: .82rem; color: var(--gray-500); line-height: 1.5;
}

/* Sidebar */
.bolge-sidebar { position: sticky; top: 90px; }
.bolge-sidebar-cta {
  background: linear-gradient(135deg, var(--dark) 0%, #1a2d52 100%);
  border-radius: 16px; padding: 28px; color: #fff; margin-bottom: 20px;
}
.bolge-sidebar-cta h3 {
  font-size: 1.1rem; margin-bottom: 10px;
  display: flex; align-items: center; gap: 8px;
}
.bolge-sidebar-cta p {
  font-size: .85rem; color: rgba(255,255,255,.7); margin-bottom: 16px; line-height: 1.5;
}
.btn-block { display: block; width: 100%; text-align: center; }

.bolge-sidebar-info {
  background: #fff; border: 1px solid var(--gray-200);
  border-radius: 16px; padding: 24px; margin-bottom: 20px;
}
.bolge-sidebar-info h3 {
  font-size: 1rem; color: var(--dark); margin-bottom: 14px;
  display: flex; align-items: center; gap: 8px;
}
.bolge-sidebar-info ul { list-style: none; padding: 0; margin: 0; }
.bolge-sidebar-info li {
  padding: 8px 0; border-bottom: 1px solid var(--gray-100);
  font-size: .85rem; color: var(--gray-600);
}
.bolge-sidebar-info li:last-child { border-bottom: none; }
.bolge-sidebar-info strong { color: var(--dark); }

.bolge-sidebar-others {
  background: #fff; border: 1px solid var(--gray-200);
  border-radius: 16px; padding: 24px;
}
.bolge-sidebar-others h3 {
  font-size: 1rem; color: var(--dark); margin-bottom: 14px;
  display: flex; align-items: center; gap: 8px;
}
.bolge-others-list {
  display: flex; flex-direction: column; gap: 6px;
}
.bolge-other-link {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 12px; border-radius: 8px; font-size: .85rem;
  color: var(--gray-600); text-decoration: none; transition: all .2s;
}
.bolge-other-link:hover {
  background: rgba(245,166,35,.06); color: var(--accent);
}
.bolge-other-link i { color: var(--accent); font-size: .75rem; }
.bolge-all-link {
  margin-top: 4px; border-top: 1px solid var(--gray-100); padding-top: 12px;
  font-weight: 600; color: var(--accent);
}

/* Responsive — Bölge Detay */
@media (max-width: 1024px) {
  .bolge-grid { grid-template-columns: 1fr; }
  .bolge-sidebar { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .bolge-sidebar-cta { grid-column: 1 / -1; }
}
@media (max-width: 768px) {
  .bolge-about { padding: 24px; }
  .bolge-services-grid { grid-template-columns: 1fr; }
  .bolge-neden-grid { grid-template-columns: 1fr; }
  .bolge-sidebar { grid-template-columns: 1fr; }
  .bolge-content { padding: 32px 0 40px; }
}


/* ═══════════════════════════════════════════════════════════════
   ROUND 5 — QUICK QUOTE + COLOR PALETTE + SERVICE AREAS + VIDEO
   ═══════════════════════════════════════════════════════════════ */

/* ── Quick Quote Form ────────────────────────────────────── */
.quick-quote-section {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-mid) 60%, #1a3a6e 100%);
  position: relative;
  overflow: hidden;
}

.quick-quote-section::before {
  content: '';
  position: absolute;
  top: -100px; right: -100px;
  width: 500px; height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(245,166,35,.12) 0%, transparent 70%);
  pointer-events: none;
}

.qq-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 64px;
  align-items: center;
}

/* QQ Info */
.qq-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(245,166,35,.15);
  border: 1px solid rgba(245,166,35,.3);
  border-radius: var(--radius-full);
  padding: 6px 14px;
  font-size: .8rem;
  font-weight: 700;
  color: var(--accent);
  font-family: var(--font-head);
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.qq-info h2 {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 12px;
  line-height: 1.2;
}

.qq-info > p {
  color: rgba(255,255,255,.55);
  font-size: .97rem;
  line-height: 1.75;
  margin-bottom: 28px;
}

.qq-feature-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 28px;
}

.qqf-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.75);
  font-size: .9rem;
}

.qqf-item i {
  color: var(--success);
  font-size: .85rem;
  flex-shrink: 0;
}

.qq-contact-pill {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.qq-contact-pill a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border-radius: var(--radius-full);
  font-size: .85rem;
  font-weight: 700;
  text-decoration: none;
  transition: all var(--transition);
}

.qq-contact-pill a:first-child {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.9);
}

.qq-contact-pill a:first-child:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--primary);
}

.qq-contact-pill a:last-child {
  background: rgba(37,211,102,.15);
  border: 1px solid rgba(37,211,102,.3);
  color: #25d366;
}

.qq-contact-pill a:last-child:hover {
  background: #25d366;
  color: #fff;
}

/* QQ Form Wrap */
.qq-form-wrap {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-xl);
  padding: 32px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.qq-form-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}

.qq-form-icon {
  width: 44px; height: 44px;
  background: var(--grad-accent);
  border-radius: var(--radius);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem;
  color: var(--primary);
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(245,166,35,.35);
}

.qq-form-title {
  font-family: var(--font-head);
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
}

.qq-form-sub {
  font-size: .78rem;
  color: rgba(255,255,255,.45);
}

/* Service tabs */
.qq-service-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 20px;
}

.qq-service-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 10px 6px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.06);
  border: 1.5px solid rgba(255,255,255,.1);
  cursor: pointer;
  font-size: .72rem;
  font-weight: 600;
  color: rgba(255,255,255,.55);
  transition: all var(--transition);
  font-family: var(--font-head);
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
}

.qq-service-tab input[type="radio"] {
  display: none;
}

.qq-service-tab i {
  font-size: .95rem;
  margin-bottom: 2px;
}

.qq-service-tab:hover {
  background: rgba(245,166,35,.12);
  border-color: rgba(245,166,35,.3);
  color: var(--accent);
}

.qq-service-tab.active {
  background: var(--grad-accent);
  border-color: var(--accent-dark);
  color: var(--primary);
  box-shadow: 0 4px 12px rgba(245,166,35,.3);
}

/* Fields */
.qq-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

.qq-field label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .75rem;
  font-weight: 600;
  color: rgba(255,255,255,.55);
  margin-bottom: 5px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.qq-input {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.15) !important;
  color: #fff !important;
  border-radius: var(--radius) !important;
}

.qq-input::placeholder { color: rgba(255,255,255,.25) !important; }

.qq-input:focus {
  border-color: rgba(245,166,35,.5) !important;
  background: rgba(255,255,255,.12) !important;
  box-shadow: 0 0 0 3px rgba(245,166,35,.12) !important;
}

.qq-input option { background: var(--primary); color: #fff; }

.qq-submit {
  width: 100%;
  justify-content: center;
  padding: 14px 24px;
  font-size: .95rem;
  margin-top: 4px;
  position: relative;
}

.qq-privacy {
  text-align: center;
  font-size: .72rem;
  color: rgba(255,255,255,.3);
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

/* ── Color Palette ───────────────────────────────────────── */
.color-palette-section { background: var(--white); }

.cp-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  margin-bottom: 32px;
}

.cp-card {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow);
  border: 1px solid var(--gray-100);
  transition: transform var(--transition), box-shadow var(--transition);
  cursor: pointer;
}

.cp-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.cp-swatch {
  height: 96px;
  position: relative;
  overflow: hidden;
}

.cp-swatch-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.25);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity var(--transition);
}

.cp-card:hover .cp-swatch-overlay { opacity: 1; }

.cp-pick-btn {
  background: rgba(255,255,255,.9);
  border: none;
  border-radius: var(--radius-full);
  padding: 6px 14px;
  font-size: .75rem;
  font-weight: 700;
  color: var(--primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: all var(--transition);
  font-family: var(--font-head);
}

.cp-pick-btn:hover {
  background: var(--accent);
  color: var(--primary);
  transform: scale(1.05);
}

.cp-info {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: var(--white);
}

.cp-dot {
  width: 12px; height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid rgba(0,0,0,.1);
}

.cp-name {
  font-family: var(--font-head);
  font-size: .78rem;
  font-weight: 700;
  color: var(--primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cp-desc {
  font-size: .68rem;
  color: var(--gray-400);
}

.cp-code-badge {
  margin-left: auto;
  font-size: .65rem;
  font-family: monospace;
  color: var(--gray-400);
  background: var(--gray-50);
  padding: 2px 6px;
  border-radius: 4px;
  flex-shrink: 0;
}

.cp-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--gray-50);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-lg);
  padding: 20px 24px;
  gap: 16px;
  flex-wrap: wrap;
}

.cp-cta p {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--gray-600);
  font-size: .95rem;
}

.cp-cta p i { color: var(--accent); }

/* Color selected notification */
.cp-selected-toast {
  position: fixed;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: var(--primary);
  color: #fff;
  padding: 12px 22px;
  border-radius: var(--radius-full);
  font-size: .85rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: var(--shadow-lg);
  z-index: 9000;
  opacity: 0;
  transition: all .4s ease;
  pointer-events: none;
  white-space: nowrap;
}

.cp-selected-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.cp-selected-toast .color-preview {
  width: 16px; height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.3);
}

/* ── Service Areas ───────────────────────────────────────── */
.service-areas-section { background: var(--gray-50); }

.sa-grid {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 64px;
  align-items: start;
}

.sa-info h2 {
  font-size: 1.9rem;
  margin-bottom: 14px;
}

.sa-info > p {
  color: var(--gray-600);
  line-height: 1.8;
  margin-bottom: 28px;
}

.sa-stats {
  display: flex;
  gap: 24px;
  margin-bottom: 28px;
  padding: 20px;
  background: var(--white);
  border-radius: var(--radius-lg);
  border: 1px solid var(--gray-200);
  box-shadow: var(--shadow-sm);
}

.sa-stat { text-align: center; flex: 1; }

.sa-stat-num {
  font-family: var(--font-head);
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--primary);
  line-height: 1;
  letter-spacing: -.02em;
}

.sa-stat-lbl {
  font-size: .72rem;
  color: var(--gray-400);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-top: 4px;
}

.sa-districts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sa-district-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-full);
  padding: 5px 12px;
  font-size: .8rem;
  font-weight: 600;
  color: var(--gray-800);
  transition: all var(--transition);
  cursor: default;
}

.sa-district-tag i {
  color: var(--accent);
  font-size: .7rem;
}

.sa-district-tag:hover {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--white);
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}

.sa-district-tag:hover i { color: var(--accent); }

/* ── Social Proof Notification ───────────────────────────── */
.sp-notification {
  position: fixed;
  bottom: 90px;
  left: 20px;
  z-index: 8000;
  background: var(--white);
  border-radius: var(--radius-lg);
  padding: 14px 18px;
  box-shadow: var(--shadow-lg);
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 300px;
  border-left: 4px solid var(--success);
  transform: translateX(-360px);
  transition: transform .45s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}

.sp-notification.show {
  transform: translateX(0);
  pointer-events: all;
}

.sp-icon {
  width: 38px; height: 38px;
  border-radius: 50%;
  background: rgba(16,185,129,.12);
  display: flex; align-items: center; justify-content: center;
  font-size: .9rem;
  color: var(--success);
  flex-shrink: 0;
}

.sp-text strong {
  display: block;
  font-size: .84rem;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 1px;
}

.sp-text span {
  font-size: .75rem;
  color: var(--gray-400);
}

.sp-close {
  position: absolute;
  top: 6px; right: 8px;
  background: none;
  border: none;
  color: var(--gray-400);
  font-size: .75rem;
  cursor: pointer;
  padding: 2px;
  line-height: 1;
}

/* ── Responsive Round 5 ──────────────────────────────────── */
@media (max-width: 1200px) {
  .cp-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 1100px) {
  .qq-grid { grid-template-columns: 1fr; gap: 40px; }
  .sa-grid { grid-template-columns: 1fr; gap: 36px; }
  .cp-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
  .qq-service-tabs { grid-template-columns: repeat(2, 1fr); }
  .qq-field-row { grid-template-columns: 1fr; }
  .cp-grid { grid-template-columns: repeat(2, 1fr); }
  .cp-cta { flex-direction: column; gap: 12px; text-align: center; }
  .sp-notification { left: 10px; right: 10px; max-width: none; }
  .sa-stats { gap: 12px; }
}

@media (max-width: 480px) {
  .qq-form-wrap { padding: 20px; }
  .cp-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

/* ═══════════════════════════════════════════════════════════════
   BLOG COMMENTS SECTION
   ═══════════════════════════════════════════════════════════════ */
.blog-comments-section {
  margin-top: 48px; padding-top: 40px;
  border-top: 2px solid rgba(0,0,0,.06);
}
.comments-header h3 {
  font-size: 1.4rem; font-weight: 700; color: var(--dark);
  margin-bottom: 28px; display: flex; align-items: center; gap: 10px;
}
.comments-header h3 i { color: var(--accent); }
.comment-count { font-weight: 400; color: var(--gray-500); font-size: .9rem; }

/* Comment Item */
.comment-item {
  display: flex; gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.comment-item:last-child { border-bottom: none; }
.comment-avatar {
  width: 48px; height: 48px; border-radius: 14px; flex-shrink: 0;
  background: linear-gradient(135deg, var(--dark), #1a3a6e);
  color: #fff; display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 1.1rem;
}
.comment-avatar-sm { width: 36px; height: 36px; font-size: .85rem; border-radius: 10px; }
.comment-body { flex: 1; min-width: 0; }
.comment-meta { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; flex-wrap: wrap; }
.comment-author { color: var(--dark); font-size: .95rem; }
.comment-date { color: var(--gray-500); font-size: .78rem; }
.comment-date i { margin-right: 3px; }
.comment-text { color: var(--gray-700); font-size: .92rem; line-height: 1.65; }
.comment-reply-btn {
  background: none; border: none; cursor: pointer;
  color: var(--accent); font-size: .8rem; font-weight: 600;
  margin-top: 8px; padding: 4px 0;
  transition: color .2s;
}
.comment-reply-btn:hover { color: var(--dark); }

/* Replies */
.comment-replies {
  margin-top: 16px; padding-left: 20px;
  border-left: 3px solid rgba(245,166,35,.2);
}
.comment-reply { padding: 14px 0; }
.comment-reply .comment-avatar { background: linear-gradient(135deg, var(--accent), #ff8c00); }

/* No comments */
.no-comments {
  text-align: center; padding: 48px 20px;
  color: var(--gray-500);
}
.no-comments i { font-size: 3rem; margin-bottom: 12px; opacity: .3; display: block; }
.no-comments p { font-size: .95rem; }

/* Comment Form */
.comment-form-wrap {
  margin-top: 36px; padding: 28px;
  background: var(--gray-50); border-radius: 18px;
  border: 1px solid rgba(0,0,0,.06);
}
.comment-form-wrap h4 {
  font-size: 1.1rem; font-weight: 700; color: var(--dark);
  margin-bottom: 20px; display: flex; align-items: center; gap: 8px;
}
.comment-form-wrap h4 i { color: var(--accent); }
.comment-reply-info {
  background: rgba(245,166,35,.08); border: 1px solid rgba(245,166,35,.2);
  border-radius: 10px; padding: 10px 16px; margin-bottom: 16px;
  font-size: .85rem; color: var(--dark);
  display: flex; align-items: center; justify-content: space-between;
}
.cancel-reply {
  background: none; border: none; cursor: pointer;
  color: var(--gray-500); font-size: .9rem;
  transition: color .2s;
}
.cancel-reply:hover { color: var(--danger); }
.comment-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.comment-form-field { margin-bottom: 0; }
.comment-form-field:last-child { margin-bottom: 14px; }
.comment-input {
  width: 100%; padding: 12px 16px;
  border: 1.5px solid rgba(0,0,0,.1); border-radius: 12px;
  font-size: .9rem; font-family: inherit;
  background: #fff; transition: border-color .25s, box-shadow .25s;
  color: var(--dark);
}
.comment-input:focus {
  outline: none; border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(245,166,35,.12);
}
.comment-textarea { resize: vertical; min-height: 100px; }
.comment-form-footer {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 12px;
}
.comment-hint { color: var(--gray-500); font-size: .78rem; }
.comment-hint i { margin-right: 4px; }
.comment-submit-btn {
  padding: 12px 28px; border: none; border-radius: 12px;
  background: linear-gradient(135deg, var(--accent), #ff8c00);
  color: #fff; font-weight: 700; font-size: .9rem;
  cursor: pointer; display: flex; align-items: center; gap: 8px;
  transition: all .3s; box-shadow: 0 4px 16px rgba(245,166,35,.3);
}
.comment-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(245,166,35,.4);
}
.comment-submit-btn:disabled { opacity: .6; cursor: not-allowed; transform: none; }

@media (max-width: 600px) {
  .comment-form-row { grid-template-columns: 1fr; }
  .comment-form-footer { flex-direction: column; align-items: flex-start; }
  .comment-submit-btn { width: 100%; justify-content: center; }
}

/* ═══════════════════════════════════════════════════════════════
   GALLERY ENHANCEMENTS — Animated Filter + Load More + BA Cards
   ═══════════════════════════════════════════════════════════════ */
.gallery-masonry-item {
  transition: opacity .35s ease, transform .35s ease;
}
.gallery-masonry-item.gm-hidden {
  opacity: 0 !important; transform: scale(.8) !important;
  pointer-events: none; position: absolute; visibility: hidden;
}
.gallery-load-more { text-align: center; margin-top: 36px; }
.glm-count { font-size: .78rem; color: var(--gray-500); margin-left: 6px; }

/* Before/After Showcase */
.ba-showcase {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
.ba-card {
  background: #fff; border-radius: 18px; overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
  transition: transform .3s, box-shadow .3s;
}
.ba-card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,.12); }
.ba-wrap {
  position: relative; overflow: hidden; cursor: ew-resize;
  aspect-ratio: 4/3;
}
.ba-before, .ba-after { position: absolute; inset: 0; }
.ba-before img, .ba-after img { width: 100%; height: 100%; object-fit: cover; }
.ba-after { clip-path: inset(0 50% 0 0); }
.ba-label {
  position: absolute; bottom: 10px; padding: 4px 12px;
  border-radius: 20px; font-size: .7rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .5px; z-index: 3;
}
.ba-label-before { left: 10px; background: rgba(239,68,68,.85); color: #fff; }
.ba-label-after { right: 10px; background: rgba(16,185,129,.85); color: #fff; }
.ba-handle {
  position: absolute; top: 0; bottom: 0; left: 50%;
  transform: translateX(-50%); width: 3px;
  display: flex; flex-direction: column; align-items: center;
  z-index: 4; pointer-events: none;
}
.ba-handle-line { flex: 1; width: 3px; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,.3); }
.ba-handle-circle {
  width: 36px; height: 36px; border-radius: 50%;
  background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.25);
  display: flex; align-items: center; justify-content: center;
  color: var(--accent); font-size: .85rem;
}
.ba-hint {
  position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, 50%);
  background: rgba(0,0,0,.6); color: #fff; padding: 6px 14px;
  border-radius: 20px; font-size: .75rem; z-index: 5;
  animation: baPulse 2s ease-in-out infinite;
  pointer-events: none;
}
.ba-hint.hidden { display: none; }
@keyframes baPulse { 0%,100%{opacity:.8} 50%{opacity:.4} }
.ba-card-info { padding: 16px 20px; }
.ba-card-info h4 { font-size: .95rem; font-weight: 700; color: var(--dark); margin: 0; }
.ba-card-cat { font-size: .75rem; color: var(--accent); font-weight: 600; }
.ba-empty { padding: 40px; }

@media (max-width: 900px) { .ba-showcase { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .ba-showcase { grid-template-columns: 1fr; } }

/* ═══════════════════════════════════════════════════════════════
   ABOUT PAGE — Timeline Animations
   ═══════════════════════════════════════════════════════════════ */
.timeline-item {
  position: relative;
  transition: transform .4s ease, opacity .4s ease;
}
.timeline-item .timeline-dot {
  transition: transform .3s ease, box-shadow .3s ease;
}
.timeline-item:hover .timeline-dot {
  transform: scale(1.3);
  box-shadow: 0 0 0 8px rgba(245,166,35,.15);
}
.timeline-item:hover {
  transform: translateX(6px);
}

/* Contact page multi-step indicator */
.contact-steps {
  display: flex; justify-content: center; gap: 0;
  margin-bottom: 32px; position: relative;
}
.contact-step {
  display: flex; flex-direction: column; align-items: center;
  position: relative; flex: 1; max-width: 160px;
}
.contact-step-num {
  width: 40px; height: 40px; border-radius: 50%;
  background: var(--gray-200); color: var(--gray-500);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: .9rem;
  transition: all .3s; position: relative; z-index: 2;
}
.contact-step.active .contact-step-num {
  background: linear-gradient(135deg, var(--accent), #ff8c00);
  color: #fff; box-shadow: 0 4px 16px rgba(245,166,35,.35);
}
.contact-step.done .contact-step-num {
  background: #10b981; color: #fff;
}
.contact-step-label {
  font-size: .75rem; color: var(--gray-500);
  margin-top: 8px; font-weight: 600;
  transition: color .3s;
}
.contact-step.active .contact-step-label { color: var(--dark); }
.contact-step-line {
  position: absolute; top: 20px; left: calc(50% + 20px);
  width: calc(100% - 40px); height: 3px;
  background: var(--gray-200); z-index: 1;
}
.contact-step-line.filled { background: #10b981; }
.contact-step:last-child .contact-step-line { display: none; }

/* Service Selection Cards */
.service-select-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
}
.service-select-card {
  cursor: pointer; position: relative;
}
.service-select-card input { position: absolute; opacity: 0; pointer-events: none; }
.ssc-inner {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  padding: 18px 12px; border-radius: 14px;
  border: 2px solid rgba(0,0,0,.08); background: #fff;
  transition: all .25s ease; text-align: center;
}
.ssc-inner i { font-size: 1.3rem; color: var(--gray-500); transition: color .25s; }
.ssc-inner span { font-size: .8rem; font-weight: 600; color: var(--gray-600); }
.service-select-card input:checked + .ssc-inner {
  border-color: var(--accent); background: rgba(245,166,35,.05);
  box-shadow: 0 4px 16px rgba(245,166,35,.15);
}
.service-select-card input:checked + .ssc-inner i { color: var(--accent); }
.service-select-card input:checked + .ssc-inner span { color: var(--dark); }
.ssc-inner:hover {
  border-color: rgba(245,166,35,.3);
  transform: translateY(-2px);
}

/* Wizard step transition */
.wizard-step { animation: wizardFadeIn .3s ease; }
@keyframes wizardFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.wizard-next-btn { gap: 8px; }

@media (max-width: 600px) {
  .service-select-grid { grid-template-columns: repeat(2, 1fr); }
  .contact-steps { gap: 0; }
  .contact-step-label { font-size: .68rem; }
}

/* ═══════════════════════════════════════════════════════════════
   SERVICE DETAIL — Pricing Table
   ═══════════════════════════════════════════════════════════════ */
.pricing-section { padding: 60px 0; }
.pricing-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
  max-width: 960px; margin: 0 auto;
}
.pricing-card {
  background: #fff; border-radius: 18px; overflow: hidden;
  border: 1.5px solid rgba(0,0,0,.06);
  box-shadow: 0 4px 20px rgba(0,0,0,.06);
  transition: all .35s ease; position: relative;
  display: flex; flex-direction: column;
}
.pricing-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 48px rgba(0,0,0,.12);
}
.pricing-card.pricing-popular {
  border-color: var(--accent);
  box-shadow: 0 8px 32px rgba(245,166,35,.2);
  transform: scale(1.04);
}
.pricing-card.pricing-popular:hover { transform: scale(1.04) translateY(-6px); }
.pricing-popular-badge {
  position: absolute; top: -1px; left: 50%; transform: translateX(-50%);
  background: linear-gradient(135deg, var(--accent), #ff8c00);
  color: #fff; padding: 6px 20px; border-radius: 0 0 12px 12px;
  font-size: .7rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .5px;
}
.pricing-header {
  padding: 32px 24px 24px; text-align: center;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.pricing-header h3 { font-size: 1.15rem; font-weight: 700; color: var(--dark); margin-bottom: 8px; }
.pricing-price {
  font-size: 2.2rem; font-weight: 800; color: var(--accent);
  line-height: 1;
}
.pricing-price small { font-size: .85rem; font-weight: 500; color: var(--gray-500); }
.pricing-unit { font-size: .78rem; color: var(--gray-500); margin-top: 4px; }
.pricing-body { padding: 24px; flex: 1; }
.pricing-features { list-style: none; padding: 0; margin: 0; }
.pricing-features li {
  padding: 8px 0; font-size: .88rem; color: var(--gray-700);
  display: flex; align-items: center; gap: 10px;
  border-bottom: 1px solid rgba(0,0,0,.04);
}
.pricing-features li:last-child { border-bottom: none; }
.pricing-features li i { color: #10b981; font-size: .75rem; width: 18px; text-align: center; }
.pricing-features li i.fa-times { color: var(--gray-400); }
.pricing-footer { padding: 0 24px 24px; }
.pricing-btn {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; padding: 14px; border-radius: 12px;
  font-weight: 700; font-size: .9rem; text-decoration: none;
  transition: all .3s; border: 2px solid transparent;
}
.pricing-btn-primary {
  background: linear-gradient(135deg, var(--accent), #ff8c00);
  color: #fff; box-shadow: 0 4px 16px rgba(245,166,35,.3);
}
.pricing-btn-primary:hover { box-shadow: 0 8px 24px rgba(245,166,35,.4); transform: translateY(-2px); }
.pricing-btn-outline {
  background: transparent; color: var(--accent);
  border-color: var(--accent);
}
.pricing-btn-outline:hover { background: rgba(245,166,35,.05); }

@media (max-width: 768px) {
  .pricing-grid { grid-template-columns: 1fr; max-width: 400px; }
  .pricing-card.pricing-popular { transform: none; }
}

/* ═══════════════════════════════════════════════════════════════
   QUOTE CALCULATOR — Room Selector
   ═══════════════════════════════════════════════════════════════ */
.room-preset-btn {
  padding: 8px 16px; border-radius: 10px;
  border: 1.5px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.06); color: rgba(255,255,255,.7);
  font-size: .8rem; font-weight: 600; cursor: pointer;
  transition: all .25s; display: flex; align-items: center; gap: 6px;
}
.room-preset-btn:hover {
  border-color: var(--accent); color: var(--accent);
  background: rgba(245,166,35,.08);
}
.room-preset-btn i { font-size: .7rem; }

.room-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
.room-item {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px; border-radius: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  animation: wizardFadeIn .25s ease;
}
.room-name-select {
  flex: 1; padding: 8px 12px; border-radius: 8px;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.08); color: #fff;
  font-size: .85rem; font-family: inherit;
}
.room-name-select option { background: #1a2a4a; color: #fff; }
.room-area-wrap {
  display: flex; align-items: center; gap: 4px;
  background: rgba(255,255,255,.08); border-radius: 8px;
  border: 1px solid rgba(255,255,255,.15); padding: 0 10px 0 0;
}
.room-area-input {
  width: 70px; padding: 8px 10px; border: none; background: transparent;
  color: #fff; font-size: .9rem; font-weight: 600; font-family: inherit;
  text-align: center;
}
.room-area-input:focus { outline: none; }
.room-area-input::-webkit-inner-spin-button { opacity: 1; }
.room-area-unit { font-size: .75rem; color: rgba(255,255,255,.5); font-weight: 600; }
.room-remove-btn {
  width: 32px; height: 32px; border-radius: 8px; border: none;
  background: rgba(239,68,68,.15); color: #ef4444;
  cursor: pointer; font-size: .8rem;
  display: flex; align-items: center; justify-content: center;
  transition: background .2s;
}
.room-remove-btn:hover { background: rgba(239,68,68,.3); }

.room-add-btn {
  padding: 10px; border-radius: 10px; width: 100%;
  border: 2px dashed rgba(255,255,255,.15);
  background: transparent; color: rgba(255,255,255,.5);
  font-size: .85rem; font-weight: 600; cursor: pointer;
  transition: all .25s; display: flex; align-items: center; justify-content: center; gap: 6px;
}
.room-add-btn:hover { border-color: var(--accent); color: var(--accent); }

.room-total-bar {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 18px; border-radius: 12px; margin-top: 16px;
  background: linear-gradient(135deg, rgba(245,166,35,.12), rgba(255,140,0,.08));
  border: 1px solid rgba(245,166,35,.2);
}
.room-total-label { color: rgba(255,255,255,.7); font-size: .85rem; display: flex; align-items: center; gap: 8px; }
.room-total-label i { color: var(--accent); }
.room-total-value { font-size: 1.2rem; font-weight: 800; color: var(--accent); }

@media (max-width: 600px) {
  .room-item { flex-wrap: wrap; }
  .room-name-select { min-width: 0; }
}

/* ─── PERFORMANS OPTİMİZASYONU ──────────────────────────── */

/* will-change: Sık animasyon yapan elementler için GPU katmanı */
.hero-slide            { will-change: opacity; }
.hero-slide-bg         { will-change: transform; }
.wa-float              { will-change: transform; }
.wa-float::before      { will-change: transform, opacity; }
.mega-dropdown         { will-change: opacity, transform; }
.mobile-nav-overlay    { will-change: opacity, visibility; }
#page-loader           { will-change: opacity; }
.gallery-masonry-item  { will-change: transform; }
.gallery-masonry-inner img { will-change: transform; }
.toast                 { will-change: transform, opacity; }

/* contain: Layout izolasyonu — reflow maliyetini düşürür */
.gallery-masonry-item  { contain: layout style; }
.mega-dropdown         { contain: layout style paint; }
.service-card          { contain: layout style; }
.pricing-card          { contain: layout style; }
.blog-card             { contain: layout style; }
.stat-card             { contain: layout style; }
footer                 { contain: layout style; }

/* content-visibility: Ekran dışı bölümleri render etme */
.section-services,
.section-why,
.section-gallery,
.section-testimonials,
.section-blog,
.section-faq,
.section-cta,
footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 600px;
}

/* ─── ARAMA OVERLAY & SAYFA ─────────────────────────────── */
.header-search-btn {
  background: none; border: none; color: var(--white); font-size: 1.1rem;
  cursor: pointer; padding: 8px; opacity: .8; transition: opacity var(--transition);
}
.header-search-btn:hover { opacity: 1; }

.search-overlay {
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(10,20,45,.92); backdrop-filter: blur(12px);
  display: flex; align-items: flex-start; justify-content: center;
  padding-top: 20vh;
  opacity: 0; visibility: hidden; transition: all .3s ease;
}
.search-overlay.active { opacity: 1; visibility: visible; }
.search-overlay-inner { width: 90%; max-width: 600px; text-align: center; }
.search-overlay-form {
  display: flex; align-items: center; gap: 12px;
  background: rgba(255,255,255,.08); border: 2px solid rgba(255,255,255,.15);
  border-radius: var(--radius-xl); padding: 16px 20px;
  transition: border-color .3s;
}
.search-overlay-form:focus-within { border-color: var(--accent); }
.search-overlay-icon { color: var(--accent); font-size: 1.2rem; flex-shrink: 0; }
.search-overlay-form input {
  flex: 1; background: none; border: none; outline: none;
  color: var(--white); font-size: 1.1rem; font-family: var(--font-body);
}
.search-overlay-form input::placeholder { color: rgba(255,255,255,.4); }
.search-overlay-close {
  background: none; border: none; color: rgba(255,255,255,.5);
  font-size: 1.2rem; cursor: pointer; padding: 4px;
  transition: color .2s;
}
.search-overlay-close:hover { color: var(--white); }
.search-overlay-hint { color: rgba(255,255,255,.3); font-size: .8rem; margin-top: 16px; }

/* Arama Sayfası */
.search-page-form { margin-bottom: 40px; }
.search-page-input-wrap {
  display: flex; align-items: center; gap: 12px;
  background: var(--white); border: 2px solid var(--gray-200);
  border-radius: var(--radius-xl); padding: 14px 20px;
  box-shadow: var(--shadow);
  transition: border-color .3s;
}
.search-page-input-wrap:focus-within { border-color: var(--accent); }
.search-page-input-wrap i { color: var(--gray-400); font-size: 1.1rem; }
.search-page-input-wrap input {
  flex: 1; border: none; outline: none; font-size: 1.05rem;
  font-family: var(--font-body); color: var(--text);
}
.search-page-input-wrap button {
  background: var(--grad-accent); color: var(--white); border: none;
  padding: 10px 24px; border-radius: var(--radius-full);
  font-weight: 700; font-size: .9rem; cursor: pointer;
  transition: filter .2s;
}
.search-page-input-wrap button:hover { filter: brightness(1.1); }

.search-count { color: var(--gray-500); margin-bottom: 32px; font-size: .95rem; }

.search-section { margin-bottom: 40px; }
.search-section-title {
  font-family: var(--font-head); font-size: 1.2rem; font-weight: 700;
  color: var(--primary); display: flex; align-items: center; gap: 10px;
  margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid var(--gray-100);
}
.search-section-title i { color: var(--accent); }

.search-results { display: flex; flex-direction: column; gap: 8px; }
.search-result-item {
  display: flex; align-items: center; gap: 16px;
  padding: 16px; border-radius: var(--radius);
  background: var(--white); border: 1px solid var(--gray-100);
  text-decoration: none; color: var(--text);
  transition: all var(--transition);
}
.search-result-item:hover { border-color: var(--accent); box-shadow: var(--shadow); transform: translateX(4px); }
.sri-icon {
  width: 48px; height: 48px; border-radius: var(--radius);
  background: var(--off-white); display: flex; align-items: center; justify-content: center;
  color: var(--accent); font-size: 1.2rem; flex-shrink: 0;
}
.sri-thumb { width: 64px; height: 48px; border-radius: var(--radius-sm); object-fit: cover; flex-shrink: 0; }
.sri-body { flex: 1; min-width: 0; }
.sri-body h3 { font-size: .95rem; font-weight: 600; margin-bottom: 4px; }
.sri-body p { font-size: .85rem; color: var(--gray-500); line-height: 1.5; }
.sri-meta { display: flex; gap: 16px; margin-top: 6px; font-size: .78rem; color: var(--gray-400); }
.sri-meta i { margin-right: 4px; }
.sri-arrow { color: var(--gray-300); font-size: .8rem; flex-shrink: 0; transition: color .2s; }
.search-result-item:hover .sri-arrow { color: var(--accent); }

.search-gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.search-gallery-item {
  position: relative; border-radius: var(--radius); overflow: hidden;
  aspect-ratio: 4/3;
}
.search-gallery-item img { width: 100%; height: 100%; object-fit: cover; }
.search-gallery-label {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: linear-gradient(transparent, rgba(0,0,0,.7));
  color: var(--white); padding: 8px 12px; font-size: .78rem; font-weight: 600;
}

.search-empty { text-align: center; padding: 60px 20px; }
.search-empty-icon { font-size: 3rem; color: var(--gray-300); margin-bottom: 16px; }
.search-empty h3 { font-size: 1.3rem; color: var(--gray-600); margin-bottom: 8px; }
.search-empty p { color: var(--gray-400); }

@media (max-width: 768px) {
  .search-gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .sri-thumb { width: 48px; height: 36px; }
}

/* ─── BLOG ETİKETLER ────────────────────────────────────── */
.blog-tags-section {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  margin-bottom: 20px;
}
.blog-tags-section > i { color: var(--gray-400); font-size: .9rem; }
.blog-tag {
  display: inline-block; padding: 4px 12px; border-radius: var(--radius-full);
  background: var(--off-white); border: 1px solid var(--gray-200);
  color: var(--gray-600); font-size: .78rem; font-weight: 500;
  text-decoration: none; transition: all .2s;
}
.blog-tag:hover { background: var(--accent); color: var(--white); border-color: var(--accent); }

.sidebar-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.sidebar-tag {
  display: inline-block; padding: 5px 12px; border-radius: var(--radius-full);
  background: var(--gray-50); border: 1px solid var(--gray-200);
  color: var(--gray-600); font-size: .78rem; font-weight: 500;
  text-decoration: none; transition: all .2s;
}
.sidebar-tag:hover, .sidebar-tag.active { background: var(--accent); color: var(--white); border-color: var(--accent); }

/* ─── GALERİ VİDEO ──────────────────────────────────────── */
.gallery-video-badge {
  position: absolute; top: 12px; left: 12px; z-index: 2;
  background: rgba(239,68,68,.9); color: var(--white);
  padding: 4px 10px; border-radius: var(--radius-full);
  font-size: .72rem; font-weight: 700;
  display: flex; align-items: center; gap: 5px;
}
.gallery-video-item .gallery-masonry-zoom { background: rgba(239,68,68,.8); }
.gallery-video-item .gallery-masonry-zoom:hover { background: rgba(239,68,68,1); }

/* ─── RANDEVU FORMU ─────────────────────────────────────── */
.appt-info-bar {
  display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;
  margin-bottom: 40px;
}
.appt-info-item {
  display: flex; align-items: center; gap: 8px;
  background: var(--off-white); padding: 12px 20px; border-radius: var(--radius-full);
  font-size: .85rem; font-weight: 600; color: var(--primary);
  border: 1px solid var(--gray-200);
}
.appt-info-item i { color: var(--accent); }

.appt-form { background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); overflow: hidden; }
.appt-section { padding: 28px 32px; border-bottom: 1px solid var(--gray-100); }
.appt-section:last-of-type { border-bottom: none; }
.appt-section-title {
  display: flex; align-items: center; gap: 12px;
  font-family: var(--font-head); font-size: 1.05rem; font-weight: 700;
  color: var(--primary); margin-bottom: 20px;
}
.appt-step-num {
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--grad-accent); color: var(--white);
  display: flex; align-items: center; justify-content: center;
  font-size: .8rem; font-weight: 800; flex-shrink: 0;
}
.appt-submit-btn {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; padding: 18px; border: none;
  background: var(--grad-accent); color: var(--white);
  font-size: 1.05rem; font-weight: 700; font-family: var(--font-head);
  cursor: pointer; transition: filter .2s;
}
.appt-submit-btn:hover { filter: brightness(1.08); }
.form-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-grid-2 .full-width { grid-column: 1 / -1; }
@media (max-width: 600px) { .form-grid-2 { grid-template-columns: 1fr; } }
.form-ctrl {
  width: 100%; padding: 10px 14px; border: 1.5px solid var(--gray-200);
  border-radius: var(--radius-sm); font-size: .9rem; font-family: var(--font-body);
  color: var(--text); transition: border-color .2s; outline: none;
}
.form-ctrl:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(245,166,35,.1); }
.fg label { display: block; font-size: .8rem; font-weight: 600; color: var(--gray-600); margin-bottom: 5px; }
.fg .req { color: var(--danger); }

.lightbox-video {
  width: 90vw; max-width: 900px; height: 50vw; max-height: 506px;
  border: none; border-radius: var(--radius);
}

/* ══════════════════════════════════════════════════════════════
   HERO PREMIUM v2 — Sinema kalitesi slider iyileştirmeleri
   ══════════════════════════════════════════════════════════════ */

/* Dördüncü dekoratif şekil */
.hero-shape-4 {
  width: 260px; height: 260px;
  top: 60%; right: 12%;
  animation-delay: -7s;
  background: radial-gradient(circle, rgba(245,166,35,.12) 0%, transparent 70%);
  position: absolute; border-radius: 50%;
  animation: float-shape 10s ease-in-out infinite;
}

/* Geliştirilmiş arka plan gradyanı */
.hero-premium .hero-slide-bg::after {
  background:
    radial-gradient(ellipse at 20% 30%, rgba(245,166,35,.12) 0%, transparent 45%),
    radial-gradient(ellipse at 80% 70%, rgba(30,58,115,.35) 0%, transparent 50%),
    linear-gradient(115deg,
      rgba(8,16,36,.94) 0%,
      rgba(15,31,61,.82) 40%,
      rgba(20,40,85,.55) 75%,
      rgba(8,16,36,.75) 100%);
}

/* Işık huzmesi (diagonal sweep) */
.hero-beam {
  position: absolute; top: 0; left: -40%;
  width: 40%; height: 100%; z-index: 1;
  pointer-events: none;
  background: linear-gradient(100deg,
    transparent 30%,
    rgba(245,166,35,.04) 48%,
    rgba(255,255,255,.08) 50%,
    rgba(245,166,35,.04) 52%,
    transparent 70%);
  filter: blur(2px);
  animation: hero-beam-sweep 9s ease-in-out infinite;
}
@keyframes hero-beam-sweep {
  0%   { left: -40%; opacity: 0; }
  20%  { opacity: 1; }
  70%  { opacity: 1; }
  100% { left: 140%; opacity: 0; }
}

/* Gürültü/grain dokusu */
.hero-noise {
  position: absolute; inset: 0; z-index: 1;
  pointer-events: none; opacity: .45;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .15 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}

/* Yüzen parçacıklar (stardust) */
.hero-particles {
  position: absolute; inset: 0; z-index: 1;
  pointer-events: none; overflow: hidden;
}
.hero-particles span {
  position: absolute; width: 3px; height: 3px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px rgba(245,166,35,.8);
  opacity: 0;
  animation: particle-rise linear infinite;
}
.hero-particles span:nth-child(1)  { left: 8%;  animation-duration: 14s; animation-delay:  0s;  }
.hero-particles span:nth-child(2)  { left: 18%; animation-duration: 11s; animation-delay: -3s;  width: 2px; height: 2px; }
.hero-particles span:nth-child(3)  { left: 27%; animation-duration: 16s; animation-delay: -8s;  }
.hero-particles span:nth-child(4)  { left: 35%; animation-duration: 13s; animation-delay: -1s;  width: 2px; height: 2px; }
.hero-particles span:nth-child(5)  { left: 44%; animation-duration: 18s; animation-delay: -6s;  }
.hero-particles span:nth-child(6)  { left: 52%; animation-duration: 12s; animation-delay: -4s;  width: 2px; height: 2px; }
.hero-particles span:nth-child(7)  { left: 61%; animation-duration: 15s; animation-delay: -2s;  }
.hero-particles span:nth-child(8)  { left: 69%; animation-duration: 11s; animation-delay: -9s;  width: 4px; height: 4px; }
.hero-particles span:nth-child(9)  { left: 76%; animation-duration: 17s; animation-delay: -5s;  }
.hero-particles span:nth-child(10) { left: 84%; animation-duration: 13s; animation-delay: -7s;  width: 2px; height: 2px; }
.hero-particles span:nth-child(11) { left: 91%; animation-duration: 14s; animation-delay: -10s; }
.hero-particles span:nth-child(12) { left: 96%; animation-duration: 16s; animation-delay: -12s; width: 2px; height: 2px; }
@keyframes particle-rise {
  0%   { bottom: -20px; opacity: 0; transform: translateX(0); }
  10%  { opacity: .9; }
  50%  { transform: translateX(20px); }
  90%  { opacity: .6; }
  100% { bottom: 110%; opacity: 0; transform: translateX(-15px); }
}

/* Köşe braketleri */
.hero-corner {
  position: absolute; width: 64px; height: 64px;
  color: rgba(245,166,35,.55); z-index: 3;
  pointer-events: none;
  animation: hero-corner-pulse 3s ease-in-out infinite;
}
.hero-corner.hc-tl { top: 24px;    left: 24px;   }
.hero-corner.hc-tr { top: 24px;    right: 24px;  animation-delay: .4s; }
.hero-corner.hc-bl { bottom: 110px; left: 24px;  animation-delay: .8s; }
.hero-corner.hc-br { bottom: 110px; right: 24px; animation-delay: 1.2s; }
@keyframes hero-corner-pulse {
  0%, 100% { opacity: .35; filter: drop-shadow(0 0 0 rgba(245,166,35,0)); }
  50%      { opacity: .85; filter: drop-shadow(0 0 6px rgba(245,166,35,.45)); }
}

/* Label rozeti premium */
.hero-premium .hero-label {
  background: linear-gradient(135deg, rgba(245,166,35,.18) 0%, rgba(245,166,35,.06) 100%);
  border: 1px solid rgba(245,166,35,.4);
  box-shadow: 0 4px 24px rgba(245,166,35,.15), inset 0 1px 0 rgba(255,255,255,.1);
  position: relative; overflow: hidden;
}
.hero-premium .hero-label::before {
  content: ''; position: absolute; top: 0; left: -30%;
  width: 30%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.3), transparent);
  animation: label-shine 3.5s ease-in-out infinite;
}
@keyframes label-shine {
  0%   { left: -30%; }
  60%  { left: 130%; }
  100% { left: 130%; }
}

/* Butonlar premium */
.hero-premium .hero-btn-primary {
  position: relative; overflow: hidden;
  box-shadow: 0 4px 24px rgba(245,166,35,.4), 0 0 0 1px rgba(255,255,255,.08) inset;
}
.hero-premium .hero-btn-primary::before {
  content: ''; position: absolute; top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent);
  transition: left .7s ease;
}
.hero-premium .hero-btn-primary:hover::before { left: 100%; }
.hero-premium .hbp-icon {
  background: rgba(0,0,0,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
  animation: btn-icon-pulse 2.5s ease-in-out infinite;
}
@keyframes btn-icon-pulse {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.08); }
}

.hero-premium .hero-btn-wa {
  position: relative;
  box-shadow: 0 4px 20px rgba(37,211,102,.18);
}
.hero-premium .hero-btn-wa::before {
  content: ''; position: absolute; inset: -2px;
  border-radius: inherit; padding: 2px;
  background: linear-gradient(135deg, rgba(37,211,102,.6), rgba(37,211,102,.1), rgba(37,211,102,.6));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0; transition: opacity .3s;
}
.hero-premium .hero-btn-wa:hover::before { opacity: 1; }

/* Trust strip premium */
.hero-premium .hts-icon {
  background: linear-gradient(135deg, rgba(245,166,35,.2) 0%, rgba(245,166,35,.06) 100%);
  border: 1px solid rgba(245,166,35,.3);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  transition: all .4s cubic-bezier(.4,0,.2,1);
}
.hero-premium .hts-item:hover .hts-icon {
  transform: rotate(-8deg) scale(1.08);
  background: var(--grad-accent);
  color: var(--primary);
  box-shadow: 0 6px 16px rgba(245,166,35,.45);
}

/* Stat kart premium */
.hero-premium .hero-stat-card {
  background: linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 100%);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow:
    0 8px 32px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.08);
  position: relative; overflow: hidden;
}
.hero-premium .hero-stat-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(245,166,35,.6), transparent);
  opacity: 0; transition: opacity .4s;
}
.hero-premium .hero-stat-card:hover::before { opacity: 1; }
.hero-premium .hero-stat-card:hover {
  border-color: rgba(245,166,35,.35);
  box-shadow:
    0 12px 40px rgba(0,0,0,.3),
    0 0 0 1px rgba(245,166,35,.2),
    inset 0 1px 0 rgba(255,255,255,.12);
  transform: translateY(-4px);
}
.hero-premium .hsc-main {
  background: radial-gradient(ellipse at top, rgba(245,166,35,.08) 0%, transparent 60%),
              linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.03) 100%);
}
.hero-premium .hsc-main .hsc-number {
  background: var(--grad-accent);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 2px 8px rgba(245,166,35,.3));
}
.hero-premium .hsc-icon {
  background: linear-gradient(135deg, rgba(245,166,35,.2) 0%, rgba(245,166,35,.05) 100%);
  border: 1px solid rgba(245,166,35,.25);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

/* Rating bar premium */
.hero-premium .hero-rating-bar {
  background: linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.03) 100%);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 4px 16px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.08);
}
.hero-premium .hrb-stars {
  filter: drop-shadow(0 0 4px rgba(245,166,35,.4));
}

/* Progress bar premium — parıltılı gradient */
.hero-premium .hero-progress-bar {
  background: linear-gradient(90deg, #f5a623 0%, #ffd080 50%, #f5a623 100%);
  background-size: 200% 100%;
  animation: progress-shine 2s linear infinite;
  box-shadow: 0 0 10px rgba(245,166,35,.5);
}
@keyframes progress-shine {
  from { background-position: 0% 0%; }
  to   { background-position: 200% 0%; }
}

/* Dot premium */
.hero-premium .hero-dot.active {
  background: var(--grad-accent);
  box-shadow: 0 0 12px rgba(245,166,35,.7), 0 0 24px rgba(245,166,35,.3);
}

/* Nav butonları premium */
.hero-premium .hero-btn {
  background: linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.04) 100%);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 4px 16px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.1);
}

/* Counter premium */
.hero-premium .hc-cur {
  background: var(--grad-accent);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 2px 8px rgba(245,166,35,.3));
}

/* İçerik: başlık vurgulu underline */
.hero-premium .hero-content h1 {
  text-shadow: 0 4px 40px rgba(0,0,0,.4), 0 2px 20px rgba(0,0,0,.3);
}
.hero-premium .hero-content h1 .highlight {
  position: relative;
  display: inline-block;
}
.hero-premium .hero-content h1 .highlight::after {
  content: ''; position: absolute;
  left: 0; bottom: -4px; width: 100%; height: 3px;
  background: var(--grad-accent);
  border-radius: 2px;
  transform: scaleX(0); transform-origin: left;
  animation: highlight-line 1.4s cubic-bezier(.65,0,.35,1) .8s forwards;
}
@keyframes highlight-line {
  to { transform: scaleX(1); }
}

/* Bottom bar premium */
.hero-premium .hero-bottom-bar {
  background: linear-gradient(to top,
    rgba(5,12,28,.92) 0%,
    rgba(8,16,36,.55) 60%,
    transparent 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-top: 1px solid rgba(255,255,255,.06);
}

/* Mobile: dekorasyonları gizle */
@media (max-width: 768px) {
  .hero-corner { width: 40px; height: 40px; }
  .hero-corner.hc-tl, .hero-corner.hc-tr { top: 14px; }
  .hero-corner.hc-tl, .hero-corner.hc-bl { left: 14px; }
  .hero-corner.hc-tr, .hero-corner.hc-br { right: 14px; }
  .hero-corner.hc-bl, .hero-corner.hc-br { bottom: 90px; }
  .hero-beam, .hero-particles { display: none; }
  .hero-noise { opacity: .25; }
}

/* ══════════════════════════════════════════════════════════════
   HİZMETLER PREMIUM DARK — Slider arkaplanı ile aynı tema
   ══════════════════════════════════════════════════════════════ */

.services-premium {
  position: relative;
  background: linear-gradient(135deg, #081428 0%, #0f1f3d 40%, #1a3366 100%);
  overflow: hidden;
  padding: 120px 0;
}

/* Arka plan şekilleri — slider ile aynı */
.sp-bg-shapes {
  position: absolute; inset: 0;
  overflow: hidden; pointer-events: none; z-index: 0;
}
.sp-shape {
  position: absolute; border-radius: 50%;
  background: radial-gradient(circle, rgba(245,166,35,.12) 0%, transparent 70%);
  animation: float-shape 10s ease-in-out infinite;
}
.sp-shape-1 {
  width: 620px; height: 620px;
  top: -200px; right: -140px;
  animation-delay: 0s;
}
.sp-shape-2 {
  width: 420px; height: 420px;
  bottom: -140px; left: -100px;
  animation-delay: -4s;
  background: radial-gradient(circle, rgba(30,58,115,.55) 0%, transparent 70%);
}
.sp-shape-3 {
  width: 300px; height: 300px;
  top: 45%; left: 52%;
  animation-delay: -6s;
  background: radial-gradient(circle, rgba(245,166,35,.08) 0%, transparent 70%);
}

/* Grid pattern */
.sp-grid {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at 50% 40%, black 25%, transparent 80%);
}

/* Dikey çizgiler */
.sp-vlines {
  position: absolute; inset: 0; z-index: 0;
  display: flex; justify-content: space-between;
  padding: 0 8%; pointer-events: none;
}
.sp-vlines span {
  width: 1px; height: 100%;
  background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,.04) 30%, rgba(255,255,255,.04) 70%, transparent 100%);
}

/* Noise tabaka */
.sp-noise {
  position: absolute; inset: 0; z-index: 0;
  pointer-events: none; opacity: .3;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .12 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 200px 200px;
}

/* Yüzen ikonlar */
.sp-floating-icons {
  position: absolute; inset: 0; z-index: 0;
  pointer-events: none; overflow: hidden;
}
.sp-fi {
  position: absolute;
  color: rgba(245,166,35,.06);
  font-size: 8rem;
  animation: sp-fi-float 14s ease-in-out infinite;
}
.sp-fi-1 { top: 8%;  left: 5%;  animation-delay: 0s; }
.sp-fi-2 { top: 65%; right: 6%; animation-delay: -3s; font-size: 6rem; }
.sp-fi-3 { top: 20%; right: 12%; animation-delay: -6s; font-size: 5rem; color: rgba(255,255,255,.035); }
.sp-fi-4 { bottom: 12%; left: 10%; animation-delay: -9s; font-size: 6rem; color: rgba(255,255,255,.035); }
@keyframes sp-fi-float {
  0%, 100% { transform: translate(0,0) rotate(0deg); }
  50%      { transform: translate(16px,-20px) rotate(10deg); }
}

/* Container katmanı üste */
.services-premium > .container {
  position: relative; z-index: 2;
}

/* Section header - koyu tema */
.sp-header h2 { color: var(--white) !important; }
.sp-header .gradient-text {
  background: var(--grad-accent);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sp-header p { color: rgba(255,255,255,.6) !important; }
.sp-header .divider span { background: var(--accent); }

/* Tag premium */
.sp-tag {
  display: inline-flex !important; align-items: center; gap: 8px;
  background: linear-gradient(135deg, rgba(245,166,35,.18) 0%, rgba(245,166,35,.06) 100%) !important;
  border: 1px solid rgba(245,166,35,.4);
  color: var(--accent-light) !important;
  box-shadow: 0 4px 16px rgba(245,166,35,.12), inset 0 1px 0 rgba(255,255,255,.08);
  padding: 7px 18px !important;
}
.sp-tag-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px rgba(245,166,35,.7);
  animation: pulse-dot 2s infinite;
}

/* Services grid premium */
.sp-grid-cards { margin-top: 60px; gap: 28px; }

/* Kart temel — glassmorphism koyu */
.sp-card {
  background: linear-gradient(145deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow:
    0 10px 40px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
  position: relative; overflow: hidden;
  transition: all .5s cubic-bezier(.22,1,.36,1);
}
.sp-card::before { display: none !important; }

/* Glow halka */
.sp-card-glow {
  position: absolute; inset: -1px; z-index: 0; pointer-events: none;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(245,166,35,.6), rgba(245,166,35,0) 40%, rgba(245,166,35,0) 60%, rgba(245,166,35,.6));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity .5s;
}
.sp-card:hover .sp-card-glow { opacity: 1; }

/* Köşe aksanları */
.sp-card-corner {
  position: absolute; width: 22px; height: 22px; z-index: 3;
  pointer-events: none; opacity: 0;
  transition: opacity .5s, transform .5s;
}
.sp-cc-tl {
  top: 10px; left: 10px;
  border-top: 2px solid var(--accent);
  border-left: 2px solid var(--accent);
  border-top-left-radius: 6px;
  transform: translate(-4px,-4px);
}
.sp-cc-br {
  bottom: 10px; right: 10px;
  border-bottom: 2px solid var(--accent);
  border-right: 2px solid var(--accent);
  border-bottom-right-radius: 6px;
  transform: translate(4px,4px);
}
.sp-card:hover .sp-card-corner {
  opacity: 1; transform: translate(0,0);
}

/* Hover */
.sp-card:hover {
  transform: translateY(-14px) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.09) 0%, rgba(245,166,35,.04) 100%) !important;
  border-color: rgba(245,166,35,.3) !important;
  box-shadow:
    0 24px 64px rgba(0,0,0,.5),
    0 0 0 1px rgba(245,166,35,.15),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

/* Numara premium — glow efekti */
.sp-num {
  background: linear-gradient(180deg, rgba(245,166,35,.25) 0%, rgba(245,166,35,.02) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: none;
  z-index: 2 !important;
  transition: all .6s ease;
}
.sp-card:hover .sp-num {
  background: linear-gradient(180deg, rgba(245,166,35,.45) 0%, rgba(245,166,35,.08) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  transform: scale(1.1) translateY(-4px);
  filter: drop-shadow(0 4px 12px rgba(245,166,35,.3));
}

/* Görsel alanı */
.sp-card-img {
  height: 220px;
  position: relative; overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.sp-card-img img {
  filter: brightness(.85) saturate(1.1);
  transition: transform .8s ease, filter .5s;
}
.sp-card:hover .sp-card-img img {
  transform: scale(1.12);
  filter: brightness(1) saturate(1.2);
}

/* Görsel üstü gradient */
.sp-card-img-overlay {
  position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg,
    rgba(15,31,61,.1) 0%,
    rgba(15,31,61,.25) 60%,
    rgba(15,31,61,.55) 100%);
  transition: opacity .5s;
}
.sp-card:hover .sp-card-img-overlay { opacity: .6; }

/* İkon wrap — görsel yoksa */
.sp-icon-wrap {
  height: 220px !important;
  background: linear-gradient(145deg, rgba(245,166,35,.08) 0%, rgba(15,31,61,.4) 100%) !important;
  position: relative;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
}
.sp-icon-wrap::before {
  content: ''; position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: radial-gradient(ellipse at center, black 10%, transparent 65%);
  opacity: .6;
}
.sp-icon {
  font-size: 3.8rem !important;
  color: var(--accent) !important;
  filter: drop-shadow(0 4px 16px rgba(245,166,35,.4));
  transition: all .5s !important;
  position: relative; z-index: 2;
}
.sp-card:hover .sp-icon {
  color: var(--accent-light) !important;
  transform: scale(1.15) rotate(-5deg) !important;
  filter: drop-shadow(0 6px 24px rgba(245,166,35,.7));
}
.sp-icon-ring {
  position: absolute; top: 50%; left: 50%;
  width: 120px; height: 120px;
  border-radius: 50%;
  border: 1.5px solid rgba(245,166,35,.3);
  transform: translate(-50%,-50%);
  transition: all .6s;
  pointer-events: none;
}
.sp-icon-ring::before {
  content: ''; position: absolute; inset: -10px;
  border-radius: 50%;
  border: 1px dashed rgba(245,166,35,.18);
  animation: sp-ring-rotate 18s linear infinite;
}
.sp-card:hover .sp-icon-ring {
  width: 150px; height: 150px;
  border-color: rgba(245,166,35,.5);
  box-shadow: 0 0 30px rgba(245,166,35,.2);
}
@keyframes sp-ring-rotate {
  to { transform: rotate(360deg); }
}

/* Body */
.sp-card-body { padding: 28px !important; position: relative; z-index: 2; }
.sp-card-body h3 {
  color: var(--white) !important;
  font-size: 1.18rem !important;
  margin-bottom: 12px !important;
  transition: color .3s !important;
}
.sp-card:hover .sp-card-body h3 { color: var(--accent-light) !important; }
.sp-card-body p {
  color: rgba(255,255,255,.6) !important;
  font-size: .9rem !important;
  line-height: 1.7 !important;
  margin-bottom: 20px !important;
}

/* Link "Detaylı Bilgi" premium */
.sp-link {
  display: inline-flex !important; align-items: center; gap: 10px;
  color: var(--accent) !important;
  font-family: var(--font-head);
  font-weight: 700; font-size: .86rem;
  text-transform: uppercase; letter-spacing: .05em;
  padding: 8px 0;
  position: relative;
  transition: all .35s;
}
.sp-link::after {
  content: ''; position: absolute; bottom: 0; left: 0;
  width: 28px; height: 1.5px;
  background: var(--grad-accent);
  transition: width .4s ease;
}
.sp-card:hover .sp-link { color: var(--accent-light) !important; gap: 14px !important; }
.sp-card:hover .sp-link::after { width: 100%; }
.sp-link-arrow {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%;
  background: rgba(245,166,35,.12);
  border: 1px solid rgba(245,166,35,.25);
  transition: all .4s cubic-bezier(.4,0,.2,1);
}
.sp-link-arrow i { font-size: .7rem; transition: transform .3s; }
.sp-card:hover .sp-link-arrow {
  background: var(--grad-accent);
  border-color: transparent;
  color: var(--primary);
  transform: rotate(-45deg);
  box-shadow: 0 4px 14px rgba(245,166,35,.45);
}

/* "Tüm Hizmetler" CTA butonu */
.sp-cta-btn {
  display: inline-flex !important; align-items: center; gap: 14px;
  padding: 14px 14px 14px 28px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%);
  border: 1px solid rgba(255,255,255,.15) !important;
  color: var(--white) !important;
  border-radius: var(--radius-full) !important;
  font-weight: 700;
  backdrop-filter: blur(10px);
  transition: all .4s !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.08);
}
.sp-cta-btn:hover {
  background: var(--grad-accent) !important;
  border-color: transparent !important;
  color: var(--primary) !important;
  transform: translateY(-3px);
  box-shadow: 0 10px 32px rgba(245,166,35,.45);
}
.sp-cta-arrow {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--accent);
  color: var(--primary); font-size: .8rem;
  transition: transform .4s;
}
.sp-cta-btn:hover .sp-cta-arrow {
  background: var(--primary); color: var(--accent);
  transform: rotate(-45deg) scale(1.1);
}

/* Responsive */
@media (max-width: 1100px) {
  .services-premium { padding: 90px 0; }
  .sp-grid-cards { grid-template-columns: repeat(2, 1fr); }
  .sp-floating-icons { display: none; }
}
@media (max-width: 768px) {
  .services-premium { padding: 72px 0; }
  .sp-grid-cards { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .sp-card-img, .sp-icon-wrap { height: 170px !important; }
  .sp-icon { font-size: 2.6rem !important; }
  .sp-icon-ring { width: 90px; height: 90px; }
  .sp-card-body { padding: 20px !important; }
  .sp-card-body h3 { font-size: 1rem !important; }
  .sp-card-body p { font-size: .82rem !important; margin-bottom: 14px !important; }
  .sp-vlines { display: none; }
  .sp-num { font-size: 4.5rem; }
}
@media (max-width: 520px) {
  .sp-grid-cards { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════════════════════════
   FEATURE BAR PREMIUM — Slider ile uyumlu üst bar
   ══════════════════════════════════════════════════════════════ */

.feature-bar-premium {
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
  padding: 40px 0;
  position: relative;
  box-shadow: 0 6px 24px rgba(15,31,61,.05);
  border-bottom: 1px solid rgba(15,31,61,.05);
}
.feature-bar-premium::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg,
    var(--primary) 0%,
    var(--accent) 25%,
    var(--accent-light) 50%,
    var(--accent) 75%,
    var(--primary) 100%);
  background-size: 200% 100%;
  animation: fbp-top-shine 4s linear infinite;
}
@keyframes fbp-top-shine {
  from { background-position: 0% 0%; }
  to   { background-position: 200% 0%; }
}

.fbp-item {
  padding: 8px 28px !important;
  position: relative;
  overflow: hidden;
  transition: all .4s cubic-bezier(.4,0,.2,1);
  border-right: 1px solid var(--gray-200);
}
.fbp-item::after {
  content: ''; position: absolute; bottom: -14px; left: 10%; right: 10%;
  height: 2px;
  background: var(--grad-accent);
  border-radius: 2px;
  transform: scaleX(0); transform-origin: center;
  transition: transform .4s ease;
}
.fbp-item:hover::after { transform: scaleX(1); }
.fbp-item:hover { transform: translateY(-2px); }

.fbp-icon {
  width: 54px !important; height: 54px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(245,166,35,.15) 0%, rgba(245,166,35,.03) 100%) !important;
  border: 1px solid rgba(245,166,35,.28) !important;
  color: var(--accent) !important;
  font-size: 1.3rem !important;
  position: relative;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
  transition: all .45s cubic-bezier(.4,0,.2,1) !important;
}
.fbp-icon::before {
  content: ''; position: absolute; inset: -4px;
  border-radius: inherit;
  background: conic-gradient(from 0deg, transparent 0deg, rgba(245,166,35,.4) 40deg, transparent 80deg);
  z-index: -1; opacity: 0;
  transition: opacity .4s;
  animation: fbp-icon-ring 4s linear infinite;
}
.fbp-item:hover .fbp-icon {
  background: var(--grad-accent) !important;
  border-color: transparent !important;
  color: var(--white) !important;
  transform: scale(1.1) rotate(-8deg);
  box-shadow: 0 10px 24px rgba(245,166,35,.4), inset 0 1px 0 rgba(255,255,255,.3);
}
.fbp-item:hover .fbp-icon::before { opacity: 1; }
@keyframes fbp-icon-ring {
  to { transform: rotate(360deg); }
}

/* Parıltı efekti */
.fbp-shine {
  position: absolute; top: 0; left: -100%;
  width: 60%; height: 100%;
  background: linear-gradient(100deg, transparent 30%, rgba(245,166,35,.07) 50%, transparent 70%);
  pointer-events: none;
  transition: left .7s ease;
}
.fbp-item:hover .fbp-shine { left: 100%; }

/* Başlıklar güçlendirme */
.feature-bar-premium .feature-bar-text strong {
  font-size: .94rem !important;
  letter-spacing: -.01em;
}
.feature-bar-premium .feature-bar-text span {
  font-size: .78rem !important;
  color: var(--gray-500) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   HERO ULTRA PREMIUM — Sinema kalitesi, next-level slider
   ═══════════════════════════════════════════════════════════════════ */

.hero-ultra {
  background: radial-gradient(ellipse at 20% 30%, #1a3366 0%, #0f1f3d 40%, #050c1c 100%) !important;
}

/* Gradient Mesh (morphing pastel globes) */
.hero-mesh {
  position: absolute; inset: 0; z-index: 0;
  overflow: hidden; pointer-events: none;
  filter: blur(60px);
}
.mesh-blob {
  position: absolute;
  border-radius: 50%;
  opacity: .55;
  mix-blend-mode: screen;
  animation: mesh-drift 22s ease-in-out infinite;
}
.mesh-blob.mb-1 {
  width: 480px; height: 480px;
  top: -10%; left: -5%;
  background: radial-gradient(circle, #f5a623 0%, transparent 70%);
}
.mesh-blob.mb-2 {
  width: 420px; height: 420px;
  top: 30%; right: -8%;
  background: radial-gradient(circle, #1e3a73 0%, transparent 70%);
  animation-delay: -5s;
}
.mesh-blob.mb-3 {
  width: 360px; height: 360px;
  bottom: -10%; left: 30%;
  background: radial-gradient(circle, #7c3aed 0%, transparent 70%);
  opacity: .35;
  animation-delay: -10s;
}
.mesh-blob.mb-4 {
  width: 300px; height: 300px;
  top: 50%; left: 48%;
  background: radial-gradient(circle, #ffd080 0%, transparent 70%);
  opacity: .25;
  animation-delay: -14s;
}
@keyframes mesh-drift {
  0%, 100% { transform: translate(0,0) scale(1); }
  33%      { transform: translate(60px,-40px) scale(1.1); }
  66%      { transform: translate(-40px,50px) scale(.95); }
}

/* Animasyonlu noktalı pattern */
.hero-dots-pattern {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background-image: radial-gradient(circle, rgba(245,166,35,.18) 1px, transparent 1.5px);
  background-size: 28px 28px;
  mask-image: radial-gradient(ellipse at center, black 0%, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse at center, black 0%, transparent 70%);
  opacity: .6;
  animation: dots-drift 30s linear infinite;
}
@keyframes dots-drift {
  from { background-position: 0 0; }
  to   { background-position: 28px 28px; }
}

/* Morph Blob SVG */
.hero-blob-morph {
  position: absolute;
  width: 720px; height: 720px;
  right: -120px; top: 50%;
  transform: translateY(-50%);
  opacity: .1;
  z-index: 1; pointer-events: none;
  animation: blob-rotate 40s linear infinite;
}
@keyframes blob-rotate {
  from { transform: translateY(-50%) rotate(0deg); }
  to   { transform: translateY(-50%) rotate(360deg); }
}

/* Orbital halkalar */
.hero-orbital {
  position: absolute;
  right: 4%; top: 50%;
  transform: translateY(-50%);
  width: 340px; height: 340px;
  z-index: 1; pointer-events: none;
  opacity: .7;
}
.orb-ring {
  position: absolute; inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(245,166,35,.15);
}
.orb-r1 { inset: 30px; border-color: rgba(245,166,35,.2); animation: orb-spin 20s linear infinite; }
.orb-r2 { inset: 60px; border-color: rgba(255,255,255,.08); border-style: dashed; animation: orb-spin 30s linear infinite reverse; }
.orb-r3 { inset: 90px; border-color: rgba(245,166,35,.1); animation: orb-spin 25s linear infinite; }
@keyframes orb-spin { to { transform: rotate(360deg); } }

.orb-planet {
  position: absolute; width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 12px var(--accent), 0 0 24px rgba(245,166,35,.4);
}
.orb-p1 {
  top: 30px; left: 50%;
  animation: orb-orbit-1 20s linear infinite;
  transform-origin: 0 180px;
}
.orb-p2 {
  top: 60px; left: 50%;
  width: 5px; height: 5px;
  animation: orb-orbit-2 30s linear infinite reverse;
  transform-origin: 0 150px;
}
.orb-p3 {
  top: 90px; left: 50%;
  width: 4px; height: 4px;
  background: #ffd080;
  box-shadow: 0 0 10px #ffd080;
  animation: orb-orbit-3 25s linear infinite;
  transform-origin: 0 120px;
}
@keyframes orb-orbit-1 { from { transform: rotate(0deg) translateY(0) rotate(0deg); } to { transform: rotate(360deg) translateY(0) rotate(-360deg); } }
@keyframes orb-orbit-2 { from { transform: rotate(0deg) translateY(0) rotate(0deg); } to { transform: rotate(360deg) translateY(0) rotate(-360deg); } }
@keyframes orb-orbit-3 { from { transform: rotate(0deg) translateY(0) rotate(0deg); } to { transform: rotate(360deg) translateY(0) rotate(-360deg); } }

/* Neon trace SVG çizgileri */
.hero-neon-trace {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  z-index: 1; pointer-events: none;
  opacity: .5;
  animation: trace-dash 20s linear infinite;
}
.hero-neon-trace path {
  stroke-dashoffset: 0;
  animation: trace-move 15s linear infinite;
}
@keyframes trace-move { to { stroke-dashoffset: -200; } }
@keyframes trace-dash { 0%,100% {opacity:.3} 50% {opacity:.7} }

/* Parlayan yıldızlar */
.hero-sparkles {
  position: absolute; inset: 0;
  z-index: 2; pointer-events: none;
}
.sparkle {
  position: absolute;
  width: 20px; height: 20px;
  background: radial-gradient(circle, rgba(255,255,255,.9) 0%, rgba(245,166,35,.4) 30%, transparent 60%);
  border-radius: 50%;
  opacity: 0;
  animation: sparkle-twinkle 4s ease-in-out infinite;
}
.sparkle::before, .sparkle::after {
  content: ''; position: absolute; top: 50%; left: 50%;
  background: rgba(255,255,255,.8);
  transform: translate(-50%,-50%);
}
.sparkle::before { width: 100%; height: 1px; }
.sparkle::after  { width: 1px; height: 100%; }
.sp-1 { top: 15%;  left: 12%; animation-delay: 0s;    }
.sp-2 { top: 30%;  right: 20%; animation-delay: 1.2s; }
.sp-3 { bottom: 30%; left: 18%; animation-delay: 2s;  }
.sp-4 { top: 60%;  left: 45%; animation-delay: 2.8s;  width: 14px; height: 14px; }
.sp-5 { bottom: 22%; right: 8%; animation-delay: 3.5s; }
@keyframes sparkle-twinkle {
  0%, 100% { opacity: 0; transform: scale(0) rotate(0deg); }
  50%      { opacity: 1; transform: scale(1) rotate(180deg); }
}

/* Yüzen mini kartlar */
.hero-float-card {
  position: absolute; z-index: 4;
  display: flex; align-items: center; gap: 12px;
  padding: 12px 18px 12px 12px;
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.1);
  animation: hfc-float 6s ease-in-out infinite;
}
.hfc-1 {
  top: 20%; right: 34%;
  animation-delay: 0s;
}
.hfc-2 {
  bottom: 16%; right: 28%;
  animation-delay: -2s;
}
@media (max-width: 1400px) {
  .hfc-1 { right: 30%; }
  .hfc-2 { right: 22%; }
}
@media (max-width: 1200px) {
  .hero-float-card { display: none; }
}
@keyframes hfc-float {
  0%, 100% { transform: translateY(0) rotate(-1deg); }
  50%      { transform: translateY(-14px) rotate(1deg); }
}
.hfc-icon {
  width: 40px; height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(16,185,129,.25), rgba(16,185,129,.1));
  border: 1px solid rgba(16,185,129,.4);
  display: flex; align-items: center; justify-content: center;
  color: #10b981; font-size: .9rem;
  flex-shrink: 0;
}
.hfc-icon-alt {
  background: linear-gradient(135deg, rgba(245,166,35,.25), rgba(245,166,35,.1));
  border-color: rgba(245,166,35,.4);
  color: var(--accent);
}
.hfc-text { display: flex; flex-direction: column; line-height: 1.3; }
.hfc-title {
  font-family: var(--font-head);
  font-size: .82rem;
  font-weight: 700;
  color: var(--white);
}
.hfc-sub {
  font-size: .68rem;
  color: rgba(255,255,255,.55);
}

/* Alt bar ultra — Progress Ring */
.hero-bottom-ultra {
  padding: 22px 48px 30px !important;
  gap: 24px !important;
  background: linear-gradient(to top,
    rgba(5,12,28,.96) 0%,
    rgba(8,16,36,.7) 55%,
    transparent 100%) !important;
  backdrop-filter: blur(12px);
  border-top: 1px solid rgba(255,255,255,.05);
}
.hero-progress-ring {
  position: relative;
  width: 48px; height: 48px;
  flex-shrink: 0;
}
.hero-progress-ring svg {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
}
.hero-progress-ring .hpr-track {
  filter: drop-shadow(0 0 6px rgba(245,166,35,.6));
  transition: stroke-dashoffset .3s;
}
.hero-progress-ring .hpr-track.running {
  animation: hpr-fill 5s linear;
}
@keyframes hpr-fill {
  from { stroke-dashoffset: 125.6; }
  to   { stroke-dashoffset: 0; }
}
.hero-progress-ring .hc-cur {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-head);
  font-size: 1rem;
  font-weight: 900;
  background: var(--grad-accent);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 1px 4px rgba(245,166,35,.4));
}
.hero-counter-ultra {
  display: flex; align-items: baseline; gap: 4px;
  color: rgba(255,255,255,.6);
  white-space: nowrap;
}
.hero-counter-ultra .hc-sep { color: rgba(255,255,255,.25); font-size: 1rem; }
.hero-counter-ultra .hc-total {
  font-family: var(--font-head);
  font-weight: 900;
  color: rgba(255,255,255,.75);
  font-size: 1rem;
}
.hero-counter-ultra .hc-label {
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-left: 8px;
  color: rgba(255,255,255,.35);
}

/* Mobile */
@media (max-width: 1100px) {
  .hero-float-card, .hero-orbital, .hero-blob-morph { display: none; }
}
@media (max-width: 768px) {
  .hero-neon-trace, .hero-sparkles, .hero-dots-pattern { opacity: .3; }
  .hero-bottom-ultra { padding: 14px 18px 20px !important; gap: 12px !important; }
  .hero-progress-ring { width: 40px; height: 40px; }
  .hero-counter-ultra .hc-label { display: none; }
}

/* ═══════════════════════════════════════════════════════════════════
   SERVICES ULTRA — Holografik asimetrik grid
   ═══════════════════════════════════════════════════════════════════ */

.services-ultra {
  padding: 130px 0 !important;
  background: radial-gradient(ellipse at 20% 10%, #1a3366 0%, #0f1f3d 40%, #050c1c 100%) !important;
}

/* Gradient mesh blobları */
.sp-mesh {
  position: absolute; inset: 0; z-index: 0;
  overflow: hidden; pointer-events: none;
  filter: blur(80px);
}
.sp-mesh-blob {
  position: absolute;
  border-radius: 50%;
  mix-blend-mode: screen;
  animation: mesh-drift 24s ease-in-out infinite;
}
.sp-mb-1 {
  width: 500px; height: 500px;
  top: -10%; right: -10%;
  background: radial-gradient(circle, #f5a623 0%, transparent 70%);
  opacity: .45;
}
.sp-mb-2 {
  width: 440px; height: 440px;
  bottom: -15%; left: -8%;
  background: radial-gradient(circle, #7c3aed 0%, transparent 70%);
  opacity: .3;
  animation-delay: -6s;
}
.sp-mb-3 {
  width: 360px; height: 360px;
  top: 45%; left: 40%;
  background: radial-gradient(circle, #1e3a73 0%, transparent 70%);
  opacity: .35;
  animation-delay: -12s;
}

/* Neon trace */
.sp-neon-trace {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  z-index: 0; pointer-events: none;
}

/* Parlayan noktalar */
.sp-sparkles {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
}
.sp-sparkles span {
  position: absolute;
  width: 3px; height: 3px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 10px var(--accent);
  opacity: 0;
  animation: sp-sparkle-blink 3s ease-in-out infinite;
}
.sp-sparkles span:nth-child(1) { top: 12%; left: 8%;  animation-delay: 0s; }
.sp-sparkles span:nth-child(2) { top: 25%; right: 12%; animation-delay: .6s; }
.sp-sparkles span:nth-child(3) { bottom: 30%; left: 18%; animation-delay: 1.2s; }
.sp-sparkles span:nth-child(4) { bottom: 18%; right: 22%; animation-delay: 1.8s; }
.sp-sparkles span:nth-child(5) { top: 55%; left: 6%; animation-delay: 2.4s; }
.sp-sparkles span:nth-child(6) { top: 40%; right: 6%; animation-delay: .9s; }
.sp-sparkles span:nth-child(7) { top: 70%; left: 55%; animation-delay: 1.5s; }
.sp-sparkles span:nth-child(8) { top: 15%; left: 50%; animation-delay: 2.1s; }
@keyframes sp-sparkle-blink {
  0%, 100% { opacity: 0; transform: scale(0); }
  50%      { opacity: 1; transform: scale(1.4); }
}

/* Header */
.sp-h2 {
  font-size: clamp(2rem, 4vw, 3rem) !important;
  letter-spacing: -.025em;
}
.sp-divider { margin: 18px auto 22px !important; }

/* Asimetrik ultra grid */
.sp-ultra-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
  margin-top: 70px;
  position: relative;
  z-index: 2;
}

/* Her kart için default layout */
.sp-ucard {
  grid-column: span 2;
  position: relative;
  background:
    linear-gradient(145deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  overflow: hidden;
  min-height: 460px;
  transition: all .6s cubic-bezier(.22,1,.36,1);
  display: flex; flex-direction: column;
  box-shadow: 0 12px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);
}

/* Öne çıkan kart: 4 kolon kaplar (büyük) */
.sp-featured {
  grid-column: span 4;
  grid-row: span 2;
  min-height: 580px;
  background:
    linear-gradient(135deg, rgba(245,166,35,.14) 0%, rgba(255,255,255,.04) 50%, rgba(124,58,237,.1) 100%) !important;
  border: 1px solid rgba(245,166,35,.25) !important;
  box-shadow: 0 20px 60px rgba(245,166,35,.15), 0 0 0 1px rgba(245,166,35,.1), inset 0 1px 0 rgba(255,255,255,.1) !important;
}
.sp-featured .sp-ucard-img,
.sp-featured .sp-ucard-icon-wrap {
  min-height: 340px !important;
}
.sp-featured .sp-ucard-body h3 {
  font-size: 1.7rem !important;
}
.sp-featured .sp-ucard-body p {
  font-size: 1rem !important;
}
.sp-featured .sp-unum {
  font-size: 9rem !important;
  opacity: .12 !important;
}

/* Holografik rotasyonlu border */
.sp-holo-border {
  position: absolute; inset: -1px;
  border-radius: inherit;
  padding: 1.5px;
  background: conic-gradient(from 0deg,
    transparent 0deg,
    rgba(245,166,35,.6) 45deg,
    transparent 90deg,
    transparent 180deg,
    rgba(124,58,237,.4) 225deg,
    transparent 270deg,
    transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity .5s;
  pointer-events: none;
  z-index: 5;
}
.sp-ucard:hover .sp-holo-border {
  opacity: 1;
  animation: holo-rotate 4s linear infinite;
}
@keyframes holo-rotate {
  from { filter: hue-rotate(0deg); }
  to   { filter: hue-rotate(360deg); }
}

/* İç glow */
.sp-inner-glow {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at top right, rgba(245,166,35,.15) 0%, transparent 50%);
  opacity: 0;
  transition: opacity .6s;
  pointer-events: none;
}
.sp-ucard:hover .sp-inner-glow { opacity: 1; }
.sp-featured .sp-inner-glow { opacity: .5; }

/* Köşe L-braketleri — 4 köşe */
.sp-ucc {
  position: absolute; width: 18px; height: 18px;
  z-index: 4; pointer-events: none;
  opacity: 0; transition: opacity .5s, transform .5s;
}
.sp-ucc-tl { top: 12px; left: 12px; border-top: 2px solid var(--accent); border-left: 2px solid var(--accent); transform: translate(-4px,-4px); }
.sp-ucc-tr { top: 12px; right: 12px; border-top: 2px solid var(--accent); border-right: 2px solid var(--accent); transform: translate(4px,-4px); }
.sp-ucc-bl { bottom: 12px; left: 12px; border-bottom: 2px solid var(--accent); border-left: 2px solid var(--accent); transform: translate(-4px,4px); }
.sp-ucc-br { bottom: 12px; right: 12px; border-bottom: 2px solid var(--accent); border-right: 2px solid var(--accent); transform: translate(4px,4px); }
.sp-ucard:hover .sp-ucc { opacity: 1; transform: translate(0,0); }

/* Noktalı pattern içinde */
.sp-dot-pattern {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(245,166,35,.08) 1px, transparent 1px);
  background-size: 18px 18px;
  mask-image: radial-gradient(ellipse at top, black 0%, transparent 60%);
  -webkit-mask-image: radial-gradient(ellipse at top, black 0%, transparent 60%);
  opacity: .5;
  pointer-events: none;
}

/* Büyük numara */
.sp-unum {
  position: absolute;
  top: -20px; right: 14px;
  font-family: var(--font-head);
  font-size: 6.5rem;
  font-weight: 900;
  line-height: 1;
  background: linear-gradient(180deg, rgba(245,166,35,.2) 0%, rgba(245,166,35,0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  z-index: 2;
  pointer-events: none;
  transition: all .6s;
}
.sp-ucard:hover .sp-unum {
  background: linear-gradient(180deg, rgba(245,166,35,.55) 0%, rgba(245,166,35,.05) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 4px 16px rgba(245,166,35,.4));
  transform: scale(1.08) translateY(-4px);
}

/* Kart görseli */
.sp-ucard-img {
  position: relative;
  min-height: 240px;
  overflow: hidden;
  flex-shrink: 0;
}
.sp-ucard-img img {
  width: 100%; height: 100%;
  object-fit: cover;
  min-height: 240px;
  transition: transform .9s cubic-bezier(.22,1,.36,1), filter .5s;
  filter: brightness(.8) saturate(1.1);
}
.sp-ucard:hover .sp-ucard-img img {
  transform: scale(1.15);
  filter: brightness(1) saturate(1.25);
}
.sp-img-vignette {
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(15,31,61,0) 40%, rgba(15,31,61,.85) 100%),
    linear-gradient(90deg, rgba(15,31,61,.5) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

/* Görsel üstü ikon rozeti */
.sp-img-icon-badge {
  position: absolute;
  top: 20px; left: 20px;
  width: 54px; height: 54px;
  border-radius: 14px;
  background: rgba(15,31,61,.75);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(245,166,35,.4);
  display: flex; align-items: center; justify-content: center;
  color: var(--accent);
  font-size: 1.3rem;
  z-index: 2;
  box-shadow: 0 8px 24px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.1);
  transition: all .5s cubic-bezier(.4,0,.2,1);
}
.sp-ucard:hover .sp-img-icon-badge {
  background: var(--grad-accent);
  color: var(--primary);
  border-color: transparent;
  transform: scale(1.1) rotate(-6deg);
  box-shadow: 0 12px 32px rgba(245,166,35,.5);
}

/* İkon wrap — görsel yoksa */
.sp-ucard-icon-wrap {
  position: relative;
  min-height: 240px;
  display: flex; align-items: center; justify-content: center;
  background:
    radial-gradient(circle at center, rgba(245,166,35,.08) 0%, rgba(15,31,61,.4) 70%);
  overflow: hidden;
}

/* Orbital halkalar */
.sp-icon-orbit {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
}
.sp-orbit-r {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(245,166,35,.2);
}
.sp-orb-1 { width: 180px; height: 180px; animation: orb-spin 14s linear infinite; }
.sp-orb-2 {
  width: 130px; height: 130px;
  border-style: dashed;
  border-color: rgba(255,255,255,.08);
  animation: orb-spin 10s linear infinite reverse;
}
.sp-orb-3 { width: 90px; height: 90px; border-color: rgba(245,166,35,.3); animation: orb-spin 8s linear infinite; }
.sp-ucard:hover .sp-orb-1 { border-color: rgba(245,166,35,.5); }
.sp-ucard:hover .sp-orb-3 { border-color: rgba(245,166,35,.7); box-shadow: 0 0 20px rgba(245,166,35,.25); }

.sp-icon-core {
  position: relative;
  z-index: 2;
  width: 72px; height: 72px;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--accent) 0%, var(--accent-dark) 100%);
  display: flex; align-items: center; justify-content: center;
  color: var(--primary);
  font-size: 1.8rem;
  box-shadow: 0 12px 32px rgba(245,166,35,.4), inset 0 1px 0 rgba(255,255,255,.2);
  transition: all .5s;
}
.sp-ucard:hover .sp-icon-core {
  transform: scale(1.12) rotate(-8deg);
  box-shadow: 0 16px 40px rgba(245,166,35,.6), inset 0 1px 0 rgba(255,255,255,.3);
}

/* Featured için özel ikon büyütme */
.sp-featured .sp-icon-core {
  width: 100px; height: 100px;
  font-size: 2.4rem;
}
.sp-featured .sp-orb-1 { width: 260px; height: 260px; }
.sp-featured .sp-orb-2 { width: 200px; height: 200px; }
.sp-featured .sp-orb-3 { width: 140px; height: 140px; }

/* Body */
.sp-ucard-body {
  padding: 26px 28px 28px;
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex; flex-direction: column;
}
.sp-ucard-body h3 {
  color: var(--white) !important;
  font-size: 1.22rem !important;
  margin-bottom: 12px !important;
  letter-spacing: -.015em;
  transition: color .3s !important;
}
.sp-ucard:hover .sp-ucard-body h3 {
  background: var(--grad-accent);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sp-ucard-body p {
  color: rgba(255,255,255,.6) !important;
  font-size: .9rem !important;
  line-height: 1.75 !important;
  margin-bottom: 20px !important;
  flex: 1;
}

/* Öne çıkan rozeti */
.sp-featured-tag {
  display: inline-flex; align-items: center; gap: 6px;
  background: linear-gradient(135deg, rgba(245,166,35,.25) 0%, rgba(245,166,35,.08) 100%);
  border: 1px solid rgba(245,166,35,.45);
  color: var(--accent-light);
  font-family: var(--font-head);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 999px;
  width: max-content;
  margin-bottom: 14px;
  box-shadow: 0 4px 12px rgba(245,166,35,.2), inset 0 1px 0 rgba(255,255,255,.1);
  animation: ftag-pulse 3s ease-in-out infinite;
}
.sp-featured-tag i { font-size: .65rem; }
@keyframes ftag-pulse {
  0%, 100% { box-shadow: 0 4px 12px rgba(245,166,35,.2), inset 0 1px 0 rgba(255,255,255,.1); }
  50%      { box-shadow: 0 4px 20px rgba(245,166,35,.45), inset 0 1px 0 rgba(255,255,255,.15); }
}

/* Link Detaylı Bilgi ultra */
.sp-ulink {
  display: inline-flex;
  align-items: center; gap: 12px;
  color: var(--accent) !important;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  text-decoration: none;
  padding: 10px 0;
  position: relative;
  width: max-content;
  transition: all .4s;
}
.sp-ulink::after {
  content: ''; position: absolute;
  left: 0; bottom: 6px;
  width: 28px; height: 1.5px;
  background: var(--grad-accent);
  border-radius: 2px;
  transition: width .5s cubic-bezier(.22,1,.36,1);
}
.sp-ucard:hover .sp-ulink { color: var(--accent-light) !important; gap: 16px; }
.sp-ucard:hover .sp-ulink::after { width: 100%; }

/* Dalga efekti olan ok */
.sp-ulink-arrow {
  display: inline-flex;
  align-items: center; justify-content: flex-start;
  position: relative;
  width: 32px; height: 32px;
  border-radius: 50%;
  background: rgba(245,166,35,.12);
  border: 1px solid rgba(245,166,35,.3);
  overflow: hidden;
  transition: all .5s cubic-bezier(.22,1,.36,1);
}
.sp-ulink-arrow i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  font-size: .72rem;
  transition: all .5s cubic-bezier(.22,1,.36,1);
}
.sp-ulink-arrow i:first-child {
  transform: translate(-50%,-50%);
  opacity: 1;
}
.sp-ulink-arrow i:last-child {
  transform: translate(-180%,-50%);
  opacity: 0;
}
.sp-ucard:hover .sp-ulink-arrow {
  background: var(--grad-accent);
  border-color: transparent;
  color: var(--primary);
  box-shadow: 0 6px 18px rgba(245,166,35,.5);
}
.sp-ucard:hover .sp-ulink-arrow i:first-child {
  transform: translate(180%,-50%);
  opacity: 0;
}
.sp-ucard:hover .sp-ulink-arrow i:last-child {
  transform: translate(-50%,-50%);
  opacity: 1;
}

/* CTA Ultra button */
.sp-cta-ultra {
  position: relative;
  display: inline-flex !important;
  align-items: center; gap: 14px;
  padding: 14px 14px 14px 28px !important;
  background: transparent !important;
  border: 1.5px solid rgba(245,166,35,.4) !important;
  color: var(--white) !important;
  border-radius: 999px !important;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: .95rem;
  letter-spacing: .02em;
  overflow: hidden;
  transition: all .4s cubic-bezier(.22,1,.36,1) !important;
  box-shadow: 0 8px 32px rgba(245,166,35,.18);
}
.sp-cta-bg {
  position: absolute; inset: 0;
  background: var(--grad-accent);
  transform: translateX(-101%);
  transition: transform .5s cubic-bezier(.76,0,.24,1);
  z-index: 0;
}
.sp-cta-ultra:hover .sp-cta-bg { transform: translateX(0); }
.sp-cta-ultra .sp-cta-content {
  position: relative; z-index: 1;
  display: inline-flex; align-items: center; gap: 12px;
  transition: color .3s;
}
.sp-cta-ultra:hover {
  border-color: transparent !important;
  color: var(--primary) !important;
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(245,166,35,.5);
}
.sp-cta-ultra .sp-cta-arrow {
  position: relative; z-index: 1;
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; border-radius: 50%;
  background: var(--accent);
  color: var(--primary);
  font-size: .85rem;
  transition: all .4s;
}
.sp-cta-ultra:hover .sp-cta-arrow {
  background: var(--primary);
  color: var(--accent);
  transform: rotate(-45deg);
}

/* Responsive */
@media (max-width: 1100px) {
  .services-ultra { padding: 90px 0 !important; }
  .sp-ultra-grid { grid-template-columns: repeat(4, 1fr); gap: 18px; }
  .sp-ucard { grid-column: span 2; min-height: 420px; }
  .sp-featured { grid-column: span 4; min-height: 460px; grid-row: auto; }
  .sp-featured .sp-ucard-img, .sp-featured .sp-ucard-icon-wrap { min-height: 220px !important; }
  .sp-featured .sp-ucard-body h3 { font-size: 1.4rem !important; }
  .sp-floating-icons { display: none; }
}
@media (max-width: 768px) {
  .services-ultra { padding: 72px 0 !important; }
  .sp-ultra-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 40px; }
  .sp-ucard { grid-column: span 1; min-height: 380px; border-radius: 16px; }
  .sp-featured { grid-column: span 2; min-height: 420px; }
  .sp-ucard-img, .sp-ucard-icon-wrap { min-height: 180px !important; }
  .sp-featured .sp-ucard-img, .sp-featured .sp-ucard-icon-wrap { min-height: 200px !important; }
  .sp-ucard-body { padding: 18px 20px 22px; }
  .sp-ucard-body h3 { font-size: 1rem !important; }
  .sp-featured .sp-ucard-body h3 { font-size: 1.15rem !important; }
  .sp-ucard-body p { font-size: .82rem !important; margin-bottom: 14px !important; }
  .sp-unum { font-size: 4.5rem; top: -12px; right: 10px; }
  .sp-featured .sp-unum { font-size: 6rem !important; }
  .sp-icon-core { width: 56px; height: 56px; font-size: 1.4rem; }
  .sp-orb-1 { width: 140px; height: 140px; }
  .sp-orb-2 { width: 100px; height: 100px; }
  .sp-orb-3 { width: 70px; height: 70px; }
  .sp-vlines { display: none; }
}
@media (max-width: 520px) {
  .sp-ultra-grid { grid-template-columns: 1fr; }
  .sp-ucard, .sp-featured { grid-column: span 1; }
}

/* ===========================================================
   HİZMETLER — MODERN ELEGANT (Dark, zarif, ne basit ne abartılı)
   =========================================================== */
.services-modern {
  position: relative;
  background: radial-gradient(at 20% 10%, #152b52 0%, #0f1f3d 45%, #091528 100%);
  padding: 96px 0 104px;
  overflow: hidden;
  color: #fff;
}

/* Arka plan dekor */
.sm-bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; }

.sm-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  opacity: .55;
}
.sm-glow-1 {
  width: 520px; height: 520px;
  top: -160px; left: -120px;
  background: radial-gradient(circle, rgba(240,165,0,.35), transparent 70%);
}
.sm-glow-2 {
  width: 460px; height: 460px;
  bottom: -140px; right: -100px;
  background: radial-gradient(circle, rgba(59,130,246,.3), transparent 70%);
}

.sm-grid-lines {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
}

.services-modern .container { position: relative; z-index: 2; }

/* Header */
.sm-header { margin-bottom: 56px; }

.sm-tag {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 7px 16px !important;
  background: rgba(240,165,0,.12) !important;
  border: 1px solid rgba(240,165,0,.25);
  color: #f5b94a !important;
  border-radius: 100px !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  letter-spacing: .05em;
  margin-bottom: 18px !important;
}
.sm-tag i { font-size: .72rem; }

.services-modern h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.5rem);
  font-weight: 700;
  color: #fff;
  margin-bottom: 14px;
}

.services-modern .divider span {
  background: linear-gradient(90deg, transparent, #f0a500, transparent);
}

.services-modern .section-header > p {
  color: rgba(255,255,255,.6);
  max-width: 640px;
  margin: 0 auto;
  font-size: .95rem;
}

/* Grid - 3 eşit sütun */
.sm-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

/* Kart */
.sm-card {
  position: relative;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  transition: transform .3s cubic-bezier(.22,.61,.36,1), background .3s ease;
}

.sm-card:hover {
  transform: translateY(-6px);
  background: linear-gradient(145deg, rgba(240,165,0,.5), rgba(240,165,0,.1));
}

.sm-card-inner {
  position: relative;
  background: linear-gradient(145deg, rgba(16, 30, 56, .95), rgba(10, 20, 40, .95));
  border-radius: 17px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Görsel */
.sm-img {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.sm-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s cubic-bezier(.22,.61,.36,1);
}

.sm-card:hover .sm-img img { transform: scale(1.07); }

.sm-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(10,20,40,0) 30%, rgba(10,20,40,.75) 100%);
}

.sm-icon-float {
  position: absolute;
  bottom: -22px; right: 22px;
  width: 56px; height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #f0a500, #d4920a);
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem;
  box-shadow: 0 10px 24px rgba(240,165,0,.4);
  border: 3px solid #0f1f3d;
  z-index: 2;
  transition: transform .3s ease;
}

.sm-card:hover .sm-icon-float { transform: scale(1.08) rotate(-5deg); }

/* Görsel yoksa: turuncu gradient header + büyük ikon + desen */
.sm-icon-only {
  position: relative;
  aspect-ratio: 16 / 9;
  background: linear-gradient(135deg, #f0a500 0%, #d4920a 55%, #a87409 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
}

/* Arka plan geometrik desen */
.sm-icon-only::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.18) 0%, transparent 35%),
    radial-gradient(circle at 80% 70%, rgba(255,255,255,.12) 0%, transparent 40%),
    repeating-linear-gradient(45deg, transparent 0 18px, rgba(255,255,255,.04) 18px 19px);
  pointer-events: none;
}

/* Büyük watermark ikon */
.sm-icon-only::after {
  content: '';
  position: absolute;
  right: -30px; top: -30px;
  width: 180px; height: 180px;
  background: rgba(255,255,255,.08);
  border-radius: 50%;
  filter: blur(2px);
  pointer-events: none;
}

.sm-icon-only i {
  position: relative;
  z-index: 2;
  width: 86px; height: 86px;
  border-radius: 22px;
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1.5px solid rgba(255,255,255,.35);
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 2rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.3);
  transition: transform .35s cubic-bezier(.22,.61,.36,1);
}

.sm-card:hover .sm-icon-only i {
  transform: scale(1.08) rotate(-4deg);
  background: rgba(255,255,255,.28);
}

/* Küçük parıltı efekti */
.sm-icon-only .sm-shine {
  position: absolute;
  top: 0; left: -100%;
  width: 80%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);
  transform: skewX(-20deg);
  transition: left .7s ease;
  pointer-events: none;
}
.sm-card:hover .sm-icon-only .sm-shine { left: 130%; }

/* Gövde */
.sm-body {
  padding: 32px 26px 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}

.sm-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  line-height: 1.3;
  transition: color .2s ease;
}

.sm-card:hover .sm-body h3 { color: #f5b94a; }

.sm-body p {
  color: rgba(255,255,255,.55);
  font-size: .9rem;
  line-height: 1.65;
  margin: 0 0 10px;
  flex: 1;
}

/* Link */
.sm-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f0a500;
  font-size: .88rem;
  font-weight: 600;
  text-decoration: none;
  margin-top: auto;
  padding: 10px 0 0;
  border-top: 1px solid rgba(255,255,255,.08);
  transition: gap .2s ease, color .2s ease;
}

.sm-link i { font-size: .78rem; transition: transform .25s ease; }
.sm-link:hover { color: #ffd080; gap: 14px; }
.sm-link:hover i { transform: translateX(4px); }

/* Daire ok (link sonu) */
.sm-link-arrow {
  width: 28px; height: 28px;
  border-radius: 50%;
  background: rgba(240,165,0,.14);
  border: 1px solid rgba(240,165,0,.3);
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .25s ease, transform .25s ease;
}
.sm-link:hover .sm-link-arrow { background: #f0a500; transform: translateX(4px); }
.sm-link:hover .sm-link-arrow i { color: #fff; transform: none; }

/* Numara rozeti */
.sm-num {
  position: absolute;
  top: 14px; left: 14px;
  z-index: 3;
  min-width: 34px; height: 34px;
  padding: 0 9px;
  border-radius: 10px;
  background: rgba(9,20,40,.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
  font-family: var(--font-head, inherit);
  font-size: .82rem; font-weight: 800; letter-spacing: .02em;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}

/* Karta göre renk varyasyonu (6 kart tekdüze olmasın) */
.sm-card[data-i="0"] .sm-icon-only { background: linear-gradient(135deg, #f0a500 0%, #d4920a 55%, #a87409 100%); }
.sm-card[data-i="1"] .sm-icon-only { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 55%, #1e3a8a 100%); }
.sm-card[data-i="2"] .sm-icon-only { background: linear-gradient(135deg, #0d9488 0%, #0f766e 55%, #115e59 100%); }
.sm-card[data-i="3"] .sm-icon-only { background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 55%, #5b21b6 100%); }
.sm-card[data-i="4"] .sm-icon-only { background: linear-gradient(135deg, #e11d48 0%, #be123c 55%, #9f1239 100%); }

/* CTA butonu */
.services-modern .sm-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  background: linear-gradient(135deg, #f0a500, #d4920a);
  color: #fff;
  border-radius: 12px;
  font-weight: 700;
  font-size: .95rem;
  box-shadow: 0 10px 28px rgba(240,165,0,.35);
  transition: transform .25s ease, box-shadow .25s ease;
}
.services-modern .sm-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(240,165,0,.5);
}
.services-modern .sm-cta i:last-child { transition: transform .25s ease; }
.services-modern .sm-cta:hover i:last-child { transform: translateX(4px); }

/* Responsive */
@media (max-width: 960px) {
  .sm-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
}
@media (max-width: 600px) {
  .sm-grid { grid-template-columns: 1fr; gap: 18px; }
  .services-modern { padding: 72px 0 80px; }
  .sm-header { margin-bottom: 44px; }
  .sm-icon-float { width: 48px; height: 48px; font-size: 1.1rem; right: 18px; bottom: -20px; }
}

/* ===========================================================
   HİZMETLER — SADE (Clean Services) [eski, kullanılmıyor]
   =========================================================== */
.services-clean {
  position: relative;
  background: #f7f8fa;
  padding: 80px 0;
}

.services-clean .section-header { margin-bottom: 56px; }

.services-clean .tag {
  display: inline-block;
  padding: 6px 16px;
  background: rgba(240,165,0,.1);
  color: #f0a500;
  border-radius: 100px;
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .04em;
  margin-bottom: 16px;
}

.services-clean h2 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 12px;
}

.services-clean .divider { margin: 18px auto; }

.services-clean .section-header > p {
  color: #6b7280;
  max-width: 620px;
  margin: 0 auto;
  font-size: .95rem;
}

/* Grid — eşit kartlı, net */
.sc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* Kart */
.sc-card {
  position: relative;
  background: #fff;
  border: 1px solid #eceff3;
  border-radius: 14px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  display: flex;
  flex-direction: column;
}

.sc-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(17, 24, 39, .08);
  border-color: #e4e7ec;
}

/* Görsel */
.sc-img {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #f0f1f4;
}

.sc-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}

.sc-card:hover .sc-img img { transform: scale(1.05); }

/* Gövde */
.sc-body {
  padding: 24px 24px 26px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.sc-icon {
  width: 48px;
  height: 48px;
  background: rgba(240,165,0,.1);
  color: #f0a500;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  margin-bottom: 4px;
}

.sc-body h3 {
  font-size: 1.15rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
  line-height: 1.3;
}

.sc-body p {
  color: #6b7280;
  font-size: .9rem;
  line-height: 1.6;
  margin: 0 0 8px;
  flex: 1;
}

/* Link */
.sc-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f0a500;
  font-size: .88rem;
  font-weight: 600;
  text-decoration: none;
  margin-top: auto;
  transition: gap .2s ease, color .2s ease;
}

.sc-link i { font-size: .78rem; transition: transform .2s ease; }
.sc-link:hover { color: #d4920a; gap: 12px; }
.sc-link:hover i { transform: translateX(2px); }

/* Kartta görsel yoksa */
.sc-card:not(:has(.sc-img)) .sc-body { padding-top: 28px; }

/* Responsive */
@media (max-width: 960px) {
  .sc-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 600px) {
  .sc-grid { grid-template-columns: 1fr; gap: 18px; }
  .services-clean { padding: 60px 0; }
  .services-clean .section-header { margin-bottom: 40px; }
}

/* ===========================================================
   DİL DEĞİŞTİRİCİ (Language Switcher)
   =========================================================== */
.lang-switch { position: relative; display: inline-block; }
.lang-switch-btn {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
  color: #fff;
  font-size: .78rem; font-weight: 600;
  padding: 5px 10px; border-radius: 7px;
  cursor: pointer; transition: background .2s;
}
.lang-switch-btn:hover { background: rgba(255,255,255,.16); }
.lang-switch-caret { font-size: .6rem; opacity: .7; transition: transform .2s; }
.lang-switch:hover .lang-switch-caret { transform: rotate(180deg); }
.lang-switch-menu {
  position: absolute; top: 100%; right: 0; margin-top: 6px;
  background: #fff; border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0,0,0,.22);
  min-width: 150px; padding: 6px; z-index: 1200;
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity .2s, transform .2s, visibility .2s;
}
.lang-switch:hover .lang-switch-menu,
.lang-switch:focus-within .lang-switch-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.lang-switch-menu a {
  display: flex; align-items: center; gap: 8px;
  padding: 9px 12px; border-radius: 7px;
  color: #1f2937; font-size: .85rem; text-decoration: none;
  transition: background .15s;
}
.lang-switch-menu a:hover { background: #f3f4f6; }
.lang-switch-menu a.active { background: rgba(240,165,0,.12); color: #d4920a; font-weight: 700; }
.lang-switch-menu .lang-code {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 20px; border-radius: 4px;
  background: #eef1f5; color: #374151;
  font-size: .68rem; font-weight: 800;
}
.lang-switch-menu a.active .lang-code { background: #f0a500; color: #fff; }
@media (max-width: 768px) {
  .lang-switch-btn span:not(.lang-code) { display: inline; }
}

/* ===========================================================
   INSTAGRAM VİDEOLARI
   =========================================================== */
.instagram-section { background: #f7f8fa; }
.instagram-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  align-items: start;
}
.instagram-item {
  background: #fff;
  border: 1px solid #eceff3;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(17,24,39,.05);
  transition: transform .25s ease, box-shadow .25s ease;
}
.instagram-item:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(17,24,39,.1); }
.instagram-item .instagram-media { border: none !important; box-shadow: none !important; }
.instagram-cap {
  padding: 12px 16px 16px;
  font-size: .88rem;
  color: #374151;
  font-weight: 600;
  border-top: 1px solid #f0f1f4;
}
@media (max-width: 960px) { .instagram-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; } }
@media (max-width: 640px) { .instagram-grid { grid-template-columns: 1fr; } }

/* ===========================================================
   INSTAGRAM — Hızlı Grid + Lightbox (geliştirilmiş)
   =========================================================== */
.ig-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.ig-card {
  position: relative;
  aspect-ratio: 1;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  background: #0f1f3d;
  display: block;
  width: 100%;
  box-shadow: 0 6px 18px rgba(17,24,39,.12);
  transition: transform .3s cubic-bezier(.22,.61,.36,1), box-shadow .3s ease;
}
.ig-card:hover { transform: translateY(-5px) scale(1.015); box-shadow: 0 18px 40px rgba(17,24,39,.22); }
.ig-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.ig-card:hover img { transform: scale(1.08); }
.ig-card-ov {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(10,20,40,.75) 0%, rgba(10,20,40,.05) 45%, rgba(131,58,180,.15) 100%);
  opacity: .85; transition: opacity .3s ease;
}
.ig-card:hover .ig-card-ov { opacity: 1; }
.ig-card-icon {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(.9);
  width: 54px; height: 54px; border-radius: 50%;
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  border: 2px solid rgba(255,255,255,.6);
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 1.25rem;
  transition: transform .3s ease, background .3s ease;
}
.ig-card:hover .ig-card-icon { transform: translate(-50%,-50%) scale(1.05); background: rgba(240,165,0,.9); border-color: #fff; }
.ig-card-icon .fa-play { margin-left: 3px; }
.ig-card-cap {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  padding: 12px 14px; color: #fff; font-size: .8rem; font-weight: 600; line-height: 1.35;
  text-align: left;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  text-shadow: 0 1px 4px rgba(0,0,0,.5);
}
/* Manuel kart (thumbnail yok) */
.ig-card-manual {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
  background: linear-gradient(135deg, #833ab4, #fd1d1d 55%, #fcb045);
  text-decoration: none; padding: 20px;
}
.ig-card-icon-static {
  position: static; transform: none; width: 56px; height: 56px; font-size: 1.5rem;
}
.ig-card-manual:hover .ig-card-icon-static { transform: scale(1.08); }
.ig-card-manual-text {
  color: #fff; font-weight: 700; font-size: .9rem; text-align: center; line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

/* Lightbox */
.ig-lightbox {
  position: fixed; inset: 0; z-index: 3000;
  background: rgba(8,12,24,.92);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  display: none; align-items: center; justify-content: center;
  flex-direction: column; padding: 24px;
}
.ig-lightbox.open { display: flex; animation: igFade .25s ease; }
@keyframes igFade { from { opacity: 0; } to { opacity: 1; } }
.ig-lb-stage { max-width: 480px; width: 100%; display: flex; align-items: center; justify-content: center; }
.ig-lb-media { max-width: 100%; max-height: 78vh; border-radius: 14px; box-shadow: 0 24px 60px rgba(0,0,0,.5); background: #000; }
.ig-lb-close {
  position: absolute; top: 18px; right: 24px;
  background: rgba(255,255,255,.12); border: none; color: #fff;
  width: 44px; height: 44px; border-radius: 50%; font-size: 1.6rem; cursor: pointer;
  transition: background .2s;
}
.ig-lb-close:hover { background: rgba(255,255,255,.25); }
.ig-lb-foot { max-width: 480px; width: 100%; margin-top: 16px; text-align: center; }
.ig-lb-cap { color: rgba(255,255,255,.85); font-size: .9rem; line-height: 1.5; margin: 0 0 12px; }
.ig-lb-link {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #833ab4, #fd1d1d 55%, #fcb045);
  color: #fff; padding: 10px 22px; border-radius: 100px; font-weight: 700; font-size: .88rem; text-decoration: none;
  transition: transform .2s, box-shadow .2s;
}
.ig-lb-link:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(253,29,29,.4); }

@media (max-width: 900px) { .ig-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; } }
@media (max-width: 600px) { .ig-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } }