<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Kadıköy Miele Servisi | Aynı Gün Yerinde Teknik Servis 0850 308 20 69</title>
  <meta name="description" content="Kadıköy Miele Servisi: Moda, Bahariye, Caddebostan, Suadiye ve tüm Kadıköy'de Miele çamaşır makinesi, kurutma, bulaşık makinesi, fırın, buzdolabı ve kahve makinesi için 1 yıl garantili özel servis.">
  <meta name="keywords" content="Miele Kadıköy Servis, Kadıköy Miele Servisi, Kadıköy Miele Beyaz Eşya Servis, Miele Çamaşır Makinesi Servisi Kadıköy, Miele Bulaşık Makinesi Servisi Kadıköy, Moda Miele Servis, Caddebostan Miele Servis">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://mielekadikoyservis.com/">

  <!-- Open Graph & Social -->
  <meta property="og:type" content="business.business">
  <meta property="og:title" content="Kadıköy Miele Servisi | Orijinal Yedek Parça & Garantili Bakım">
  <meta property="og:description" content="Kadıköy genelinde Miele beyaz eşyalarınız için uzman kadro, 1 yıl resmi servis garantisi ve aynı gün mobil servis desteği.">
  <meta property="og:url" content="https://mielekadikoyservis.com/">
  <meta property="og:locale" content="tr_TR">

  <!-- Favicon / SVG Icon -->
  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' rx='10' fill='%238e151b'/%3E%3Cpath d='M14 34V14l10 12 10-12v20' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E">

  <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-W3QB53HV');</script>
  <!-- End Google Tag Manager -->

  <!-- CSS Design System -->
  <style id="miele-core-style">
/* ==========================================================================
   MIELE KADIKÖY SERVİSİ - ULTRA PERFORMANCE & HIGH CONVERSION DESIGN SYSTEM
   Cloudflare Pages Optimized | Mobile First | Pure CSS & SVG
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --primary: #8e151b;        /* Miele İmza Kırmızısı */
  --primary-dark: #6a0d12;
  --primary-light: #ab1f26;
  --primary-glow: rgba(142, 21, 27, 0.28);
  --accent-gold: #c5a059;     /* Premium Vurgu Rengi */
  --accent-gold-light: #e0be7a;
  --dark: #121316;           /* Derin Grafit */
  --dark-surface: #1a1c22;
  --dark-elevated: #242730;
  --light-bg: #f8f9fb;
  --light-surface: #ffffff;
  --border-color: #e5e7eb;
  --border-dark: #2a2d36;
  --text-main: #1f2937;
  --text-muted: #64748b;
  --text-light: #94a3b8;
  --text-white: #ffffff;
  --success: #10b981;
  --success-glow: rgba(16, 185, 129, 0.2);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.08);
  --shadow-lg: 0 16px 40px rgba(0,0,0,0.12);
  --shadow-primary: 0 10px 28px rgba(142, 21, 27, 0.35);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--text-main);
  background-color: var(--light-bg);
  -webkit-font-smoothing: antialiased;
}

body {
  line-height: 1.6;
  overflow-x: hidden;
  padding-bottom: 74px; /* Mobil Call Bar için alt boşluk */
}

@media (min-width: 992px) {
  body {
    padding-bottom: 0;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  color: var(--dark);
  line-height: 1.25;
}

a {
  color: inherit;
  text-decoration: none;
  transition: var(--transition);
}

img, svg {
  display: block;
  max-width: 100%;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ==========================================================================
   HEADER (STICKY & TRUST FOCUS)
   ========================================================================== */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0,0,0,0.06);
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
}

.brand-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.logo-badge {
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: var(--shadow-primary);
}

.brand-meta {
  display: flex;
  flex-direction: column;
}

.brand-title {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 1.2rem;
  letter-spacing: -0.02em;
  color: var(--dark);
  line-height: 1.1;
}

.brand-title span {
  color: var(--primary);
}

.brand-sub {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-muted);
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.maps-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f1f5f9;
  color: #0f172a;
  border: 1px solid #cbd5e1;
  padding: 8px 14px;
  border-radius: var(--radius-full);
  font-size: 0.82rem;
  font-weight: 600;
  transition: var(--transition);
}

.maps-btn:hover {
  background: #e2e8f0;
  border-color: #94a3b8;
  transform: translateY(-1px);
}

.maps-btn svg {
  width: 16px;
  height: 16px;
  color: #ea4335;
}

.header-phone {
  display: none;
  align-items: center;
  gap: 10px;
  background: var(--primary);
  color: #fff;
  padding: 9px 18px;
  border-radius: var(--radius-full);
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 0.95rem;
  box-shadow: var(--shadow-primary);
  transition: var(--transition);
}

.header-phone:hover {
  background: var(--primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(142, 21, 27, 0.45);
}

@media (min-width: 768px) {
  .header-phone {
    display: inline-flex;
  }
}

/* ==========================================================================
   HERO SECTION (TRUST & HIGH CONVERSION)
   ========================================================================== */
.hero-section {
  position: relative;
  background: linear-gradient(145deg, #121316 0%, #1c1e24 60%, #291216 100%);
  color: #fff;
  padding: 55px 0 65px;
  overflow: hidden;
}

.hero-section::before {
  content: '';
  position: absolute;
  top: -20%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(142,21,27,0.3) 0%, rgba(0,0,0,0) 70%);
  pointer-events: none;
}

.hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  position: relative;
  z-index: 2;
}

@media (min-width: 992px) {
  .hero-grid {
    grid-template-columns: 1.25fr 0.95fr;
    align-items: center;
  }
}

.hero-badge-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 6px 14px;
  border-radius: var(--radius-full);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-bottom: 18px;
  backdrop-filter: blur(6px);
}

.pulse-dot {
  width: 8px;
  height: 8px;
  background-color: var(--success);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  animation: pulseGreen 2s infinite;
}

@keyframes pulseGreen {
  0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
  70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
  100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.hero-title {
  font-size: 2.3rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.15;
  margin-bottom: 14px;
}

.hero-title span {
  background: linear-gradient(90deg, #ff5c65, #ff9b9f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-subtitle {
  font-size: 1.15rem;
  font-weight: 500;
  color: #cbd5e1;
  margin-bottom: 24px;
  line-height: 1.5;
}

.hero-features-list {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-bottom: 28px;
}

@media (min-width: 576px) {
  .hero-features-list {
    grid-template-columns: 1fr 1fr;
  }
}

.hero-features-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.92rem;
  color: #f1f5f9;
}

.hero-features-list li svg {
  color: var(--accent-gold);
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.btn-cta-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  color: #fff;
  padding: 16px 30px;
  border-radius: var(--radius-full);
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
  border: 1px solid rgba(255,255,255,0.2);
  box-shadow: var(--shadow-primary);
  transition: var(--transition);
}

.btn-cta-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px rgba(142, 21, 27, 0.5);
  background: linear-gradient(135deg, var(--primary-light), var(--primary));
}

.btn-cta-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: rgba(255,255,255,0.08);
  color: #fff;
  padding: 16px 26px;
  border-radius: var(--radius-full);
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  border: 1px solid rgba(255,255,255,0.15);
  backdrop-filter: blur(6px);
  transition: var(--transition);
}

.btn-cta-secondary:hover {
  background: rgba(255,255,255,0.15);
  transform: translateY(-2px);
}

/* Quick Dispatch Card */
.dispatch-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-lg);
  padding: 28px;
  backdrop-filter: blur(16px);
  box-shadow: var(--shadow-lg);
}

.dispatch-card-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 16px;
  margin-bottom: 20px;
}

.dispatch-title {
  color: #fff;
  font-size: 1.25rem;
  margin-bottom: 4px;
}

.dispatch-desc {
  font-size: 0.85rem;
  color: #94a3b8;
}

.dispatch-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 20px;
  text-align: center;
}

.stat-item {
  background: rgba(255, 255, 255, 0.04);
  padding: 12px 6px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.stat-value {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 1.25rem;
  color: var(--accent-gold);
}

.stat-label {
  font-size: 0.72rem;
  color: #cbd5e1;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.dispatch-info-box {
  background: rgba(142, 21, 27, 0.15);
  border: 1px solid rgba(142, 21, 27, 0.35);
  border-radius: var(--radius-sm);
  padding: 14px;
  display: flex;
  gap: 12px;
  align-items: center;
  color: #fca5a5;
  font-size: 0.84rem;
}

/* ==========================================================================
   TRUST BAR / GUARANTEES STRIP
   ========================================================================== */
.trust-strip {
  background: #ffffff;
  border-bottom: 1px solid var(--border-color);
  padding: 20px 0;
  box-shadow: var(--shadow-sm);
}

.trust-strip-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

@media (min-width: 768px) {
  .trust-strip-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.trust-icon-box {
  width: 44px;
  height: 44px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  flex-shrink: 0;
}

.trust-meta strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  font-size: 0.92rem;
  color: var(--dark);
  line-height: 1.2;
}

.trust-meta span {
  font-size: 0.76rem;
  color: var(--text-muted);
}

/* ==========================================================================
   SERVICES & CATEGORIES GRID
   ========================================================================== */
.section {
  padding: 65px 0;
}

.section-alt {
  background-color: #ffffff;
}

.section-head {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 45px;
}

.section-tag {
  display: inline-block;
  color: var(--primary);
  font-weight: 700;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
}

.section-title {
  font-size: 2rem;
  color: var(--dark);
  margin-bottom: 12px;
}

.section-lead {
  font-size: 0.98rem;
  color: var(--text-muted);
}

.categories-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}

@media (min-width: 576px) {
  .categories-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .categories-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.category-card {
  background: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  padding: 28px 24px;
  position: relative;
  overflow: hidden;
  transition: var(--transition);
  display: flex;
  flex-direction: column;
}

.category-card:hover {
  transform: translateY(-5px);
  border-color: rgba(142, 21, 27, 0.3);
  box-shadow: var(--shadow-lg);
}

.category-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--primary), var(--accent-gold));
  opacity: 0;
  transition: var(--transition);
}

.category-card:hover::before {
  opacity: 1;
}

.cat-icon-wrap {
  width: 58px;
  height: 58px;
  border-radius: var(--radius-sm);
  background: #fdf2f2;
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: var(--transition);
}

.category-card:hover .cat-icon-wrap {
  background: var(--primary);
  color: #ffffff;
  transform: scale(1.05);
}

.cat-title {
  font-size: 1.25rem;
  margin-bottom: 8px;
  color: var(--dark);
}

.cat-desc {
  font-size: 0.88rem;
  color: var(--text-muted);
  margin-bottom: 18px;
  flex-grow: 1;
}

.cat-issues-list {
  list-style: none;
  border-top: 1px dashed var(--border-color);
  padding-top: 14px;
  margin-bottom: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cat-issues-list li {
  font-size: 0.8rem;
  color: #475569;
  display: flex;
  align-items: center;
  gap: 6px;
}

.cat-issues-list li::before {
  content: '•';
  color: var(--primary);
  font-weight: bold;
}

.cat-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--primary);
  margin-top: auto;
}

.cat-link:hover {
  gap: 12px;
  color: var(--primary-dark);
}

/* ==========================================================================
   KADIKÖY MAHALLELERİ & YEREL KAPSAMA BÖLGESİ
   ========================================================================== */
.neighborhoods-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

@media (min-width: 768px) {
  .neighborhoods-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 992px) {
  .neighborhoods-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.neighborhood-card {
  background: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  padding: 16px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: var(--transition);
}

.neighborhood-card:hover {
  border-color: var(--primary);
  background: #fff8f8;
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

.nh-icon {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #f1f5f9;
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.nh-meta strong {
  display: block;
  font-size: 0.88rem;
  color: var(--dark);
  font-weight: 600;
}

.nh-meta span {
  font-size: 0.72rem;
  color: var(--text-muted);
}

/* ==========================================================================
   WORK PROCESS / 4 ADIMDA SERVİS
   ========================================================================== */
.steps-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

@media (min-width: 768px) {
  .steps-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.step-card {
  background: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  padding: 24px 20px;
  position: relative;
  text-align: center;
}

.step-num {
  width: 36px;
  height: 36px;
  background: var(--dark);
  color: var(--accent-gold);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 0.95rem;
  margin-bottom: 14px;
}

.step-title {
  font-size: 1.1rem;
  margin-bottom: 8px;
}

.step-desc {
  font-size: 0.84rem;
  color: var(--text-muted);
}

/* ==========================================================================
   FAQ SECTION (ACCORDION & RICH SNIPPET)
   ========================================================================== */
.faq-wrap {
  max-width: 820px;
  margin: 0 auto;
}

.faq-item {
  background: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  margin-bottom: 12px;
  overflow: hidden;
  transition: var(--transition);
}

.faq-item:hover {
  border-color: #cbd5e1;
}

.faq-question {
  width: 100%;
  padding: 18px 20px;
  text-align: left;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  font-size: 1.02rem;
  color: var(--dark);
}

.faq-icon {
  width: 20px;
  height: 20px;
  color: var(--primary);
  transition: transform 0.25s ease;
  flex-shrink: 0;
  margin-left: 12px;
}

.faq-item.active .faq-icon {
  transform: rotate(180deg);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0 20px;
  color: #475569;
  font-size: 0.92rem;
  line-height: 1.6;
}

.faq-item.active .faq-answer {
  max-height: 300px;
  padding-bottom: 18px;
}

/* ==========================================================================
   CTA BANNER (EMERGENCY DISPATCH)
   ========================================================================== */
.cta-banner {
  background: linear-gradient(135deg, var(--dark), #231215);
  border-radius: var(--radius-lg);
  padding: 40px 30px;
  color: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.cta-banner-content {
  position: relative;
  z-index: 2;
  max-width: 650px;
  margin: 0 auto;
}

.cta-banner h2 {
  color: #fff;
  font-size: 2.1rem;
  margin-bottom: 12px;
}

.cta-banner p {
  color: #cbd5e1;
  font-size: 1rem;
  margin-bottom: 24px;
}

/* ==========================================================================
   FOOTER & LEGAL NOTICE (MANDATORY & TRUST)
   ========================================================================== */
.site-footer {
  background: var(--dark);
  color: #94a3b8;
  padding: 55px 0 25px;
  border-top: 1px solid var(--border-dark);
  font-size: 0.88rem;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .footer-grid {
    grid-template-columns: 1.4fr 1fr 1fr;
  }
}

.footer-col h3 {
  color: #ffffff;
  font-size: 1.15rem;
  margin-bottom: 16px;
}

.footer-links {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-links a:hover {
  color: #ffffff;
  padding-left: 4px;
}

.company-meta-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.company-meta-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #cbd5e1;
}

.company-meta-list svg {
  color: var(--accent-gold);
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.legal-disclaimer-box {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 3px solid var(--primary);
  border-radius: var(--radius-sm);
  padding: 16px 18px;
  margin-bottom: 30px;
  font-size: 0.82rem;
  line-height: 1.6;
  color: #cbd5e1;
}

.legal-disclaimer-box strong {
  color: #ffffff;
}

.footer-bottom {
  border-top: 1px solid var(--border-dark);
  padding-top: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  font-size: 0.78rem;
}

@media (min-width: 768px) {
  .footer-bottom {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }
}

.footer-legal-links {
  display: flex;
  gap: 16px;
}

.footer-legal-links a:hover {
  color: #ffffff;
}

/* ==========================================================================
   STICKY MOBILE CALL BAR (CRITICAL CONVERSION ELEMENT)
   ========================================================================== */
.mobile-call-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #ffffff;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.12);
  border-top: 1px solid rgba(0,0,0,0.08);
  padding: 10px 16px;
  display: flex;
  gap: 10px;
}

@media (min-width: 992px) {
  .mobile-call-bar {
    display: none;
  }
}

.mobile-call-btn {
  flex: 1;
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  color: #ffffff;
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 0.98rem;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 16px;
  box-shadow: var(--shadow-primary);
  text-decoration: none;
}

.mobile-maps-btn {
  width: 48px;
  height: 48px;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ea4335;
  flex-shrink: 0;
}

/* ==========================================================================
   MODAL DIALOGS (KVKK, GİZLİLİK, HİZMET SÖZLEŞMESİ)
   ========================================================================== */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.modal.active {
  display: flex;
}

.modal-content {
  background: #ffffff;
  border-radius: var(--radius-md);
  max-width: 650px;
  width: 100%;
  max-height: 85vh;
  overflow-y: auto;
  padding: 30px;
  position: relative;
  box-shadow: var(--shadow-lg);
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 14px;
  margin-bottom: 18px;
}

.modal-close {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: var(--text-muted);
}

.modal-body {
  font-size: 0.9rem;
  color: #475569;
  line-height: 1.7;
}

/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */
.breadcrumb-nav {
  background: #f1f5f9;
  padding: 12px 0;
  font-size: 0.84rem;
  border-bottom: 1px solid #e2e8f0;
}

.breadcrumb-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.breadcrumb-list li {
  display: flex;
  align-items: center;
  gap: 8px;
}

.breadcrumb-list a {
  color: var(--primary);
  font-weight: 500;
}

.breadcrumb-separator {
  color: #94a3b8;
}

.breadcrumb-current {
  color: var(--text-muted);
  font-weight: 600;
}

  </style>
  <link rel="stylesheet" href="/assets/css/style.css">

  <!-- Schema.org JSON-LD: LocalBusiness, RepairService, FAQPage, BreadcrumbList -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": ["LocalBusiness", "RepairService"],
        "@id": "https://mielekadikoyservis.com/#business",
        "name": "Kadıköy Miele Servisi",
        "image": "https://mielekadikoyservis.com/assets/images/og-image.jpg",
        "telephone": "+90-850-308-20-69",
        "url": "https://mielekadikoyservis.com/",
        "priceRange": "900 TRY - 19000 TRY",
        "address": {
          "@type": "PostalAddress",
          "streetAddress": "Osmanağa Mahallesi, Bahariye Caddesi",
          "addressLocality": "Kadıköy",
          "addressRegion": "İstanbul",
          "postalCode": "34714",
          "addressCountry": "TR"
        },
        "geo": {
          "@type": "GeoCoordinates",
          "latitude": 40.989031,
          "longitude": 29.028836
        },
        "hasMap": "https://www.google.com/maps/search/?api=1&query=Miele+Kad%C4%B1k%C3%B6y+Servis",
        "openingHoursSpecification": [
          {
            "@type": "OpeningHoursSpecification",
            "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
            "opens": "08:30",
            "closes": "20:00"
          },
          {
            "@type": "OpeningHoursSpecification",
            "dayOfWeek": "Sunday",
            "opens": "09:00",
            "closes": "18:00"
          }
        ],
        "areaServed": [
          {
            "@type": "AdministrativeArea",
            "name": "Kadıköy, İstanbul"
          },
          {
            "@type": "Place",
            "name": "Moda, Kadıköy"
          },
          {
            "@type": "Place",
            "name": "Caddebostan, Kadıköy"
          },
          {
            "@type": "Place",
            "name": "Suadiye, Kadıköy"
          },
          {
            "@type": "Place",
            "name": "Fenerbahçe, Kadıköy"
          },
          {
            "@type": "Place",
            "name": "Göztepe, Kadıköy"
          },
          {
            "@type": "Place",
            "name": "Bostancı, Kadıköy"
          }
        ],
        "description": "Kadıköy bölgesinde Miele çamaşır makinesi, kurutma makinesi, bulaşık makinesi, buzdolabı, fırın ve kahve makineleri için garantili bağımsız özel teknik servis ve bakım hizmeti."
      },
      {
        "@type": "FAQPage",
        "@id": "https://mielekadikoyservis.com/#faq",
        "mainEntity": [
          {
            "@type": "Question",
            "name": "Kadıköy'de Miele teknik servisi ne kadar sürede adrese gelir?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Kadıköy içi mobil servis filomuz (Bahariye, Moda, Caddebostan, Suadiye, Feneryolu vb.) sayesinde servis talebinizi oluşturduktan sonra ortalama 45 ile 90 dakika içinde adresinize ulaşıyoruz."
            }
          },
          {
            "@type": "Question",
            "name": "Miele cihaz tamirinde takılan yedek parçalar garantili midir?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Evet. Servisimiz tarafından gerçekleştirilen tüm parça değişimleri ve işçilik işlemleri 1 Yıl Resmi Servis Garantisi altındadır. Garanti belgeniz servis faturanız ile birlikte teslim edilir."
            }
          },
          {
            "@type": "Question",
            "name": "Kadıköy Miele servis arıza tespit ve onarım ücretleri ne kadardır?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Servis arıza tespit ve onarım bedellerimiz cihaz türüne ve arıza niteliğine göre 900 TRY ile 19.000 TRY aralığında şeffaf fiyat tarifesiyle belirlenir. Onarım öncesi net fiyat bilgisi verilir ve onayınız alınmadan işlem yapılmaz."
            }
          },
          {
            "@type": "Question",
            "name": "Miele çamaşır veya bulaşık makineleri atölyeye mi götürülür, yerinde mi tamir edilir?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Arızaların %90'ından fazlası yerinde, evinizde veya iş yerinizde donanımlı servis araçlarımızdaki orijinal parçalar kullanılarak aynı gün içerisinde çözüme kavuşturulur."
            }
          },
          {
            "@type": "Question",
            "name": "Pazar günleri de Miele servis hizmeti veriyor musunuz?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Evet, haftanın 7 günü hizmet veriyoruz. Pazar günleri nöbetçi teknik servis ekiplerimiz 09:00 - 18:00 saatleri arasında acil arıza müdahaleleri için görev başındadır."
            }
          }
        ]
      },
      {
        "@type": "BreadcrumbList",
        "@id": "https://mielekadikoyservis.com/#breadcrumb",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "Ana Sayfa",
            "item": "https://mielekadikoyservis.com/"
          }
        ]
      }
    ]
  }
  </script>
</head>
<body>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W3QB53HV"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

  <!-- ================= HEADER ================= -->
  <header class="site-header">
    <div class="container">
      <div class="header-inner">
        <!-- Logo -->
        <a href="/" class="brand-logo" title="Kadıköy Miele Servis Ana Sayfa">
          <div class="logo-badge" aria-label="Miele Servis İkon Logo">
            <!-- Pure Minimalist SVG Logo -->
            <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
              <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
            </svg>
          </div>
          <div class="brand-meta">
            <span class="brand-title">KADIKÖY <span>MIELE</span></span>
            <span class="brand-sub">Özel Teknik Servis</span>
          </div>
        </a>

        <!-- Header Actions -->
        <div class="header-actions">
          <!-- Google Maps Direct Quick Search Button -->
          <a href="https://www.google.com/maps/search/?api=1&query=Miele+Kad%C4%B1k%C3%B6y+Servis" target="_blank" rel="noopener noreferrer" class="maps-btn" id="headerMapsBtn" title="Google Haritalar'da Kadıköy Miele Servis">
            <svg viewBox="0 0 24 24" fill="currentColor">
              <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
            </svg>
            <span>Haritada Bul</span>
          </a>

          <!-- Direct Desktop Call -->
          <a href="tel:08503082069" class="header-phone" id="headerCallBtn" title="Kadıköy Miele Servisi Hemen Ara">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
              <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
            </svg>
            <span>0850 308 20 69</span>
          </a>
        </div>
      </div>
    </div>
  </header>

  <!-- ================= HERO SECTION ================= -->
  <section class="hero-section">
    <div class="container">
      <div class="hero-grid">
        <div class="hero-content">
          <div class="hero-badge-wrap">
            <span class="pulse-dot"></span>
            <span>Kadıköy Geneli Nöbetçi Mobil Ekipler Sahada</span>
          </div>
          <h1 class="hero-title">Kadıköy <span>Miele</span> Servisi</h1>
          <p class="hero-subtitle">Aynı Gün Yerinde Müdahale & 1 Yıl Orijinal Yedek Parça Garantili Profesyonel Özel Servis Desteği</p>
          
          <ul class="hero-features-list">
            <li>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
              <span>1 Yıl Resmi Parça & İşçilik Garantisi</span>
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
              <span>TSE Standartlarında Sertifikalı Teknisyenler</span>
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
              <span>Hızlı Yerinde Arıza Tespiti & Test</span>
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg>
              <span>Şeffaf Fiyatlandırma (900 - 19.000 TL)</span>
            </li>
          </ul>

          <div class="hero-actions">
            <a href="tel:08503082069" class="btn-cta-primary" id="heroCtaCall">
              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3">
                <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
              </svg>
              <span>Hemen Servis Çağır</span>
            </a>
            <a href="#kategoriler" class="btn-cta-secondary">
              <span>Hizmet Alanları</span>
              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>
            </a>
          </div>
        </div>

        <!-- Quick Status Dispatch Card -->
        <div class="dispatch-card">
          <div class="dispatch-card-header">
            <h3 class="dispatch-title">Kadıköy Bölge Koordinasyon</h3>
            <p class="dispatch-desc">Merkez: Osmanağa Mah. Bahariye Cad. Kadıköy</p>
          </div>
          <div class="dispatch-stats">
            <div class="stat-item">
              <div class="stat-value">45 Dk</div>
              <div class="stat-label">Ort. Ulaşım</div>
            </div>
            <div class="stat-item">
              <div class="stat-value">%98</div>
              <div class="stat-label">Yerinde Çözüm</div>
            </div>
            <div class="stat-item">
              <div class="stat-value">365 Gün</div>
              <div class="stat-label">Garantili İşlem</div>
            </div>
          </div>
          <div class="dispatch-info-box">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
            <span>Şu an Kadıköy nöbetçi servis aracımız aktiftir. Hemen randevu alabilirsiniz.</span>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= TRUST STRIP ================= -->
  <section class="trust-strip">
    <div class="container">
      <div class="trust-strip-grid">
        <div class="trust-item">
          <div class="trust-icon-box">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
          </div>
          <div class="trust-meta">
            <strong>1 Yıl Güvence</strong>
            <span>Parça & İşçilik Belgeli</span>
          </div>
        </div>

        <div class="trust-item">
          <div class="trust-icon-box">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
          </div>
          <div class="trust-meta">
            <strong>Aynı Gün Servis</strong>
            <span>Acil Hızlı Müdahale</span>
          </div>
        </div>

        <div class="trust-item">
          <div class="trust-icon-box">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><circle cx="12" cy="8" r="7"></circle><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline></svg>
          </div>
          <div class="trust-meta">
            <strong>Uzman Kadro</strong>
            <span>TSE Belgeli Teknisyen</span>
          </div>
        </div>

        <div class="trust-item">
          <div class="trust-icon-box">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
          </div>
          <div class="trust-meta">
            <strong>Şeffaf Ücret</strong>
            <span>Sürprizsiz Fiyat Politikası</span>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= KATEGORİLER & HİZMETLER ================= -->
  <section class="section section-alt" id="kategoriler">
    <div class="container">
      <div class="section-head">
        <span class="section-tag">Uzmanlık Alanlarımız</span>
        <h2 class="section-title">Kadıköy Miele Cihaz Onarım & Bakım Hizmetleri</h2>
        <p class="section-lead">Miele markasının yüksek mühendislik ürünü tüm beyaz eşya ve ankastre sistemleri için yerinde profesyonel servis çözümleri sunuyoruz.</p>
      </div>

      <div class="categories-grid">
        <!-- 1. Çamaşır Makinesi -->
        <article class="category-card">
          <div class="cat-icon-wrap">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="2" width="18" height="20" rx="3"></rect><circle cx="12" cy="13" r="5"></circle><line x1="7" y1="6" x2="7.01" y2="6"></line><line x1="10" y1="6" x2="12" y2="6"></line></svg>
          </div>
          <h3 class="cat-title">Miele Çamaşır Makinesi Servisi</h3>
          <p class="cat-desc">TwinDos arızaları, su boşaltmama, kazan rulman sesi, titreşim ve F arıza kodlarına yönelik hızlı yerinde onarım.</p>
          <ul class="cat-issues-list">
            <li>TwinDos kalibrasyon & pompa onarımı</li>
            <li>Kazan rulmanı & amortisör değişimi</li>
            <li>Su giriş ventili & tahliye motoru arızaları</li>
          </ul>
          <a href="kadikoy-miele-camasir-makinesi-servisi.html" class="cat-link">
            <span>Detaylı İncele</span>
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"></polyline></svg>
          </a>
        </article>

        <!-- 2. Kurutma Makinesi -->
        <article class="category-card">
          <div class="cat-icon-wrap">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="2" width="18" height="20" rx="3"></rect><circle cx="12" cy="13" r="5"></circle><path d="M12 10a3 3 0 0 1 3 3"></path><line x1="7" y1="6" x2="7.01" y2="6"></line></svg>
          </div>
          <h3 class="cat-title">Miele Kurutma Makinesi Servisi</h3>
          <p class="cat-desc">Isı pompalı Miele kurutma makinelerinde ısıtmama, geç kurutma, filtre tıkanıklığı ve kayış kopması tamiri.</p>
          <ul class="cat-issues-list">
            <li>Isı pompası gaz kaçağı & kompresör tamiri</li>
            <li>PerfectDry sensör kalibrasyonu</li>
            <li>Tahliye pompası & kondenser bakımı</li>
          </ul>
          <a href="kadikoy-miele-kurutma-makinesi-servisi.html" class="cat-link">
            <span>Detaylı İncele</span>
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"></polyline></svg>
          </a>
        </article>

        <!-- 3. Bulaşık Makinesi -->
        <article class="category-card">
          <div class="cat-icon-wrap">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="2" width="18" height="20" rx="2"></rect><line x1="3" y1="8" x2="21" y2="8"></line><line x1="8" y1="5" x2="16" y2="5"></line><line x1="6" y1="14" x2="18" y2="14"></line><line x1="6" y1="18" x2="18" y2="18"></line></svg>
          </div>
          <h3 class="cat-title">Miele Bulaşık Makinesi Servisi</h3>
          <p class="cat-desc">AutoDos PowerDisk arızaları, Waterproof su emniyeti tetiklenmesi, sirkülasyon motoru ve kurutmama sorunları.</p>
          <ul class="cat-issues-list">
            <li>Waterproof taşma emniyet arızası</li>
            <li>Yıkama motoru basınç kaybı tamiri</li>
            <li>AutoDos dozajlama sistemi revizyonu</li>
          </ul>
          <a href="kadikoy-miele-bulasik-makinesi-servisi.html" class="cat-link">
            <span>Detaylı İncele</span>
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"></polyline></svg>
          </a>
        </article>

        <!-- 4. Buzdolabı -->
        <article class="category-card">
          <div class="cat-icon-wrap">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="4" y="2" width="16" height="20" rx="2"></rect><line x1="4" y1="10" x2="20" y2="10"></line><line x1="8" y1="6" x2="8" y2="8"></line><line x1="8" y1="14" x2="8" y2="16"></line></svg>
          </div>
          <h3 class="cat-title">Miele Buzdolabı Servisi</h3>
          <p class="cat-desc">MasterCool serisi, gardırop tipi ve ankastre Miele buzdolaplarında soğutmama, fan arızası, gaz kaçağı onarımı.</p>
          <ul class="cat-issues-list">
            <li>DynaCool hava sirkülasyon fan tamiri</li>
            <li>İnverter kompresör ve kart revizyonu</li>
            <li>NoFrost buzlanma & sensör tamiri</li>
          </ul>
          <a href="kadikoy-miele-buzdolabi-servisi.html" class="cat-link">
            <span>Detaylı İncele</span>
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"></polyline></svg>
          </a>
        </article>

        <!-- 5. Fırın & Ocak -->
        <article class="category-card">
          <div class="cat-icon-wrap">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="20" height="18" rx="2"></rect><line x1="2" y1="8" x2="22" y2="8"></line><circle cx="6" cy="5.5" r="1"></circle><circle cx="10" cy="5.5" r="1"></circle><circle cx="14" cy="5.5" r="1"></circle><rect x="6" y="11" width="12" height="7" rx="1"></rect></svg>
          </div>
          <h3 class="cat-title">Miele Fırın & Ocak Servisi</h3>
          <p class="cat-desc">Miele buharlı kombi fırınlar, mikrodalga ve indüksiyon ocaklarda termostat, rezistans ve elektronik kart onarımı.</p>
          <ul class="cat-issues-list">
            <li>Klimagaren buhar enjeksiyon onarımı</li>
            <li>Dokunmatik M-Touch ekran & kart tamiri</li>
            <li>Alt/üst turbo rezistans ve fan değişimi</li>
          </ul>
          <a href="kadikoy-miele-firin-servisi.html" class="cat-link">
            <span>Detaylı İncele</span>
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"></polyline></svg>
          </a>
        </article>

        <!-- 6. Kahve Makinesi -->
        <article class="category-card">
          <div class="cat-icon-wrap">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 8h1a4 4 0 0 1 0 8h-1"></path><path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"></path><line x1="6" y1="1" x2="6" y2="4"></line><line x1="10" y1="1" x2="10" y2="4"></line><line x1="14" y1="1" x2="14" y2="4"></line></svg>
          </div>
          <h3 class="cat-title">Miele Kahve Makinesi Servisi</h3>
          <p class="cat-desc">Ankastre ve tezgah üstü Miele tam otomatik kahve makinelerinde demleme grubu, kireç temizliği ve pompa bakımı.</p>
          <ul class="cat-issues-list">
            <li>Demleme ünitesi (Brew unit) revizyonu</li>
            <li>De-scale & boru hatları kireç arındırma</li>
            <li>Öğütücü (Grinder) dişli ve motor değişimi</li>
          </ul>
          <a href="kadikoy-miele-kahve-makinesi-servisi.html" class="cat-link">
            <span>Detaylı İncele</span>
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"></polyline></svg>
          </a>
        </article>
      </div>
    </div>
  </section>

  <!-- ================= KADIKÖY MAHALLELERİ & YEREL AĞ ================= -->
  <section class="section" id="bolgeler">
    <div class="container">
      <div class="section-head">
        <span class="section-tag">Hızlı Ulaşım Ağı</span>
        <h2 class="section-title">Kadıköy Miele Yerel Servis Bölgelerimiz</h2>
        <p class="section-lead">Bahariye Caddesi merkezli donanımlı araçlarımızla Kadıköy'ün tüm mahallelerine 45 dakika içinde adresinizdeyiz.</p>
      </div>

      <div class="neighborhoods-grid">
        <a href="moda-miele-servisi.html" class="neighborhood-card">
          <div class="nh-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"></path></svg></div>
          <div class="nh-meta">
            <strong>Moda (Caferağa)</strong>
            <span>45 Dk'da Yerinde</span>
          </div>
        </a>

        <a href="bahariye-miele-servisi.html" class="neighborhood-card">
          <div class="nh-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"></path></svg></div>
          <div class="nh-meta">
            <strong>Bahariye & Osmanağa</strong>
            <span>Merkez Bölge</span>
          </div>
        </a>

        <a href="caddebostan-miele-servisi.html" class="neighborhood-card">
          <div class="nh-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"></path></svg></div>
          <div class="nh-meta">
            <strong>Caddebostan</strong>
            <span>Bağdat Cad. Hattı</span>
          </div>
        </a>

        <a href="fenerbahce-miele-servisi.html" class="neighborhood-card">
          <div class="nh-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"></path></svg></div>
          <div class="nh-meta">
            <strong>Fenerbahçe & Kalamış</strong>
            <span>Hızlı Mobil Ekip</span>
          </div>
        </a>

        <a href="suadiye-miele-servisi.html" class="neighborhood-card">
          <div class="nh-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"></path></svg></div>
          <div class="nh-meta">
            <strong>Suadiye</strong>
            <span>Sahil & Plaj Yolu</span>
          </div>
        </a>

        <a href="bostanci-miele-servisi.html" class="neighborhood-card">
          <div class="nh-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"></path></svg></div>
          <div class="nh-meta">
            <strong>Bostancı</strong>
            <span>Aynı Gün Servis</span>
          </div>
        </a>

        <a href="erenkoy-miele-servisi.html" class="neighborhood-card">
          <div class="nh-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"></path></svg></div>
          <div class="nh-meta">
            <strong>Erenköy</strong>
            <span>Ethem Efendi Civarı</span>
          </div>
        </a>

        <a href="goztepe-miele-servisi.html" class="neighborhood-card">
          <div class="nh-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"></path></svg></div>
          <div class="nh-meta">
            <strong>Göztepe</strong>
            <span>60. Yıl Parkı Bölgesi</span>
          </div>
        </a>

        <a href="feneryolu-miele-servisi.html" class="neighborhood-card">
          <div class="nh-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"></path></svg></div>
          <div class="nh-meta">
            <strong>Feneryolu</strong>
            <span>Hızlı Randevu</span>
          </div>
        </a>

        <a href="acibadem-miele-servisi.html" class="neighborhood-card">
          <div class="nh-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"></path></svg></div>
          <div class="nh-meta">
            <strong>Acıbadem</strong>
            <span>Hastaneler Bölgesi</span>
          </div>
        </a>

        <a href="kosuyolu-miele-servisi.html" class="neighborhood-card">
          <div class="nh-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"></path></svg></div>
          <div class="nh-meta">
            <strong>Koşuyolu</strong>
            <span>Kalp Hast. Çevresi</span>
          </div>
        </a>

        <a href="kozyatagi-miele-servisi.html" class="neighborhood-card">
          <div class="nh-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"></path></svg></div>
          <div class="nh-meta">
            <strong>Kozyatağı</strong>
            <span>Siteler & Plaza Bölgesi</span>
          </div>
        </a>
      </div>
    </div>
  </section>

  <!-- ================= 4 ADIMDA HİZMET SÜRECİ ================= -->
  <section class="section section-alt">
    <div class="container">
      <div class="section-head">
        <span class="section-tag">Nasıl Çalışıyoruz?</span>
        <h2 class="section-title">4 Kolay Adımda Garantili Miele Servisi</h2>
        <p class="section-lead">Zamanınız değerli; randevudan teslimata kadar tüm süreç şeffaf ve kurallara uygun yürütülür.</p>
      </div>

      <div class="steps-grid">
        <div class="step-card">
          <div class="step-num">01</div>
          <h3 class="step-title">Çağrı & Randevu</h3>
          <p class="step-desc">0850 308 20 69 nolu çağrı merkezimizi arayarak cihaz modeli ve arıza belirtilerini iletirsiniz.</p>
        </div>

        <div class="step-card">
          <div class="step-num">02</div>
          <h3 class="step-title">Yerinde Teşhis</h3>
          <p class="step-desc">Uzman teknisyenimiz orijinal test cihazlarıyla arızayı tespit eder ve şeffaf fiyat teklifi sunar.</p>
        </div>

        <div class="step-card">
          <div class="step-num">03</div>
          <h3 class="step-title">Orijinal Parça Onarım</h3>
          <p class="step-desc">Onayınızla birlikte cihazınız atölyeye götürülmeden, evinizde orijinal parçalarla tamir edilir.</p>
        </div>

        <div class="step-card">
          <div class="step-num">04</div>
          <h3 class="step-title">1 Yıl Garanti Belgesi</h3>
          <p class="step-desc">Test çalıştırması yapılır, resmi servis formu ve 1 yıl parça/işçilik garanti belgesi teslim edilir.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= SSS (FAQ ACCORDION) ================= -->
  <section class="section" id="sss">
    <div class="container">
      <div class="section-head">
        <span class="section-tag">Aklınıza Takılanlar</span>
        <h2 class="section-title">Kadıköy Miele Servisi Sıkça Sorulan Sorular</h2>
        <p class="section-lead">Miele cihazlarınızın bakım, onarım ve parça garantisi hakkında en çok merak edilen soruların yanıtları.</p>
      </div>

      <div class="faq-wrap">
        <div class="faq-item active">
          <button class="faq-question">
            <span>Kadıköy'de Miele teknik servisi ne kadar sürede adrese gelir?</span>
            <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
          </button>
          <div class="faq-answer">
            <p>Kadıköy içi mobil servis filomuz (Bahariye, Moda, Caddebostan, Suadiye, Feneryolu vb.) sayesinde servis talebinizi oluşturduktan sonra ortalama 45 ile 90 dakika içinde adresinize ulaşıyoruz.</p>
          </div>
        </div>

        <div class="faq-item">
          <button class="faq-question">
            <span>Miele cihaz tamirinde takılan yedek parçalar garantili midir?</span>
            <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
          </button>
          <div class="faq-answer">
            <p>Evet. Servisimiz tarafından gerçekleştirilen tüm parça değişimleri ve işçilik işlemleri 1 Yıl Resmi Servis Garantisi altındadır. Garanti belgeniz servis faturanız ile birlikte teslim edilir.</p>
          </div>
        </div>

        <div class="faq-item">
          <button class="faq-question">
            <span>Kadıköy Miele servis arıza tespit ve onarım ücretleri ne kadardır?</span>
            <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
          </button>
          <div class="faq-answer">
            <p>Servis arıza tespit ve onarım bedellerimiz cihaz türüne ve arıza niteliğine göre 900 TRY ile 19.000 TRY aralığında şeffaf fiyat tarifesiyle belirlenir. Onarım öncesi net fiyat bilgisi verilir ve onayınız alınmadan işlem yapılmaz.</p>
          </div>
        </div>

        <div class="faq-item">
          <button class="faq-question">
            <span>Miele çamaşır veya bulaşık makineleri atölyeye mi götürülür, yerinde mi tamir edilir?</span>
            <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
          </button>
          <div class="faq-answer">
            <p>Arızaların %90'ından fazlası yerinde, evinizde veya iş yerinizde donanımlı servis araçlarımızdaki orijinal parçalar kullanılarak aynı gün içerisinde çözüme kavuşturulur. Yalnızca kapsamlı kazan veya motor revizyonlarında atölye desteği alınır.</p>
          </div>
        </div>

        <div class="faq-item">
          <button class="faq-question">
            <span>Pazar günleri de Miele servis hizmeti veriyor musunuz?</span>
            <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
          </button>
          <div class="faq-answer">
            <p>Evet, haftanın 7 günü hizmet veriyoruz. Pazar günleri nöbetçi teknik servis ekiplerimiz 09:00 - 18:00 saatleri arasında acil arıza müdahaleleri için görev başındadır.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= CTA BANNER ================= -->
  <section class="section" style="padding-top: 0;">
    <div class="container">
      <div class="cta-banner">
        <div class="cta-banner-content">
          <h2>Miele Cihazınızda Arıza mı Var?</h2>
          <p>Beklemeden hemen uzman teknisyen çağırın, aynı gün içerisinde cihazınızı ilk günkü performansına kavuşturalım.</p>
          <a href="tel:08503082069" class="btn-cta-primary" style="background:#fff; color:var(--primary); border:none;">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3">
              <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
            </svg>
            <span>0850 308 20 69 - Hemen Arayın</span>
          </a>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= FOOTER ================= -->
  <footer class="site-footer">
    <div class="container">
      <!-- Zorunlu Yasal Uyarı Kutusu -->
      <div class="legal-disclaimer-box">
        <strong>ÖNEMLİ YASAL UYARI:</strong> Firmamız, Miele markasının bağımsız özel servisidir. Sitemizde bahsi geçen marka ismi, tescilli logolar ve ticari unvanlar yalnızca ilgili cihazlara sunduğumuz özel teknik onarım ve bakım hizmetini tüketiciye doğru tanıtmak amacıyla 6769 sayılı Sınai Mülkiyet Kanunu kapsamında bilgilendirme amacıyla kullanılmıştır. Yetkili servis değildir.
      </div>

      <div class="footer-grid">
        <!-- Firma Künyesi -->
        <div class="footer-col">
          <h3>Firma Künyesi</h3>
          <ul class="company-meta-list">
            <li>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
              <span><strong>Ünvan:</strong> Kadıköy Miele Servis</span>
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"></path></svg>
              <span><strong>Adres:</strong> Osmanağa Mahallesi, Bahariye Caddesi, Kadıköy / İstanbul</span>
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="5" width="20" height="14" rx="2"></rect><line x1="2" y1="10" x2="22" y2="10"></line></svg>
              <span><strong>Vergi Bilgisi:</strong> Kadıköy V.D. - 4098903136</span>
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
              <span><strong>Çalışma Saatleri:</strong> Pzt-Cmt 08:30-20:00 | Paz 09:00-18:00</span>
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
              <span><strong>Müşteri Hattı:</strong> <a href="tel:08503082069" style="color:#fff; font-weight:700;">0850 308 20 69</a></span>
            </li>
          </ul>
        </div>

        <!-- Hizmet Kategorileri -->
        <div class="footer-col">
          <h3>Hizmetlerimiz</h3>
          <ul class="footer-links">
            <li><a href="kadikoy-miele-camasir-makinesi-servisi.html">Miele Çamaşır Makinesi Servisi</a></li>
            <li><a href="kadikoy-miele-kurutma-makinesi-servisi.html">Miele Kurutma Makinesi Servisi</a></li>
            <li><a href="kadikoy-miele-bulasik-makinesi-servisi.html">Miele Bulaşık Makinesi Servisi</a></li>
            <li><a href="kadikoy-miele-buzdolabi-servisi.html">Miele Buzdolabı Servisi</a></li>
            <li><a href="kadikoy-miele-firin-servisi.html">Miele Fırın & Ocak Servisi</a></li>
            <li><a href="kadikoy-miele-kahve-makinesi-servisi.html">Miele Kahve Makinesi Servisi</a></li>
          </ul>
        </div>

        <!-- Kadıköy Bölgeleri -->
        <div class="footer-col">
          <h3>Hizmet Bölgeleri</h3>
          <ul class="footer-links">
            <li><a href="moda-miele-servisi.html">Moda Miele Servisi</a></li>
            <li><a href="caddebostan-miele-servisi.html">Caddebostan Miele Servisi</a></li>
            <li><a href="suadiye-miele-servisi.html">Suadiye Miele Servisi</a></li>
            <li><a href="fenerbahce-miele-servisi.html">Fenerbahçe Miele Servisi</a></li>
            <li><a href="bostanci-miele-servisi.html">Bostancı Miele Servisi</a></li>
            <li><a href="erenkoy-miele-servisi.html">Erenköy Miele Servisi</a></li>
            <li><a href="goztepe-miele-servisi.html">Göztepe Miele Servisi</a></li>
          </ul>
        </div>
      </div>

      <!-- Alt Bar & Yasal Sözleşmeler -->
      <div class="footer-bottom">
        <div>
          © 2026 mielekadikoyservis.com - Tüm Hakları Saklıdır. Kadıköy Miele Bağımsız Özel Teknik Servis.
        </div>
        <div class="footer-legal-links">
          <a href="#" data-modal-target="kvkkModal">KVKK Aydınlatma Metni</a>
          <span>•</span>
          <a href="#" data-modal-target="gizlilikModal">Gizlilik & Çerez Politikası</a>
          <span>•</span>
          <a href="#" data-modal-target="hizmetModal">Hizmet Sözleşmesi</a>
        </div>
      </div>
    </div>
  </footer>

  <!-- ================= MOBİL SABİT CALL BAR ================= -->
  <div class="mobile-call-bar" id="mobileCallBar">
    <a href="https://www.google.com/maps/search/?api=1&query=Miele+Kad%C4%B1k%C3%B6y+Servis" target="_blank" rel="noopener noreferrer" class="mobile-maps-btn" aria-label="Haritada Yol Tarifi Al">
      <svg width="22" height="22" viewBox="0 0 24 24" fill="currentColor">
        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
      </svg>
    </a>
    <a href="tel:08503082069" class="mobile-call-btn" id="mobileCallAction">
      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2">
        <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
      </svg>
      <span>HEMEN ARA: 0850 308 20 69</span>
    </a>
  </div>

  <!-- ================= MODALLAR (KVKK, GİZLİLİK, HİZMET SÖZLEŞMESİ) ================= -->
  <!-- KVKK Modal -->
  <div class="modal" id="kvkkModal">
    <div class="modal-content">
      <div class="modal-header">
        <h3>KVKK Aydınlatma Metni</h3>
        <button class="modal-close" aria-label="Kapat">&times;</button>
      </div>
      <div class="modal-body">
        <p><strong>Kadıköy Miele Servis</strong> olarak 6698 sayılı Kişisel Verilerin Korunması Kanunu (“KVKK”) uyarınca, veri sorumlusu sıfatıyla tarafımıza iletilen ad, soyad, telefon numarası ve adres gibi kişisel verilerinizi yalnızca teknik servis randevularının organize edilmesi, arıza tespiti ve garanti süreçlerinin takip edilmesi amacıyla işlemekteyiz.</p>
        <br>
        <p>Kişisel verileriniz yasal zorunluluklar haricinde üçüncü şahıslarla paylaşılmaz. Kanunun 11. maddesi kapsamındaki haklarınızı 0850 308 20 69 numaralı çağrı merkezimizden bize ulaşarak kullanabilirsiniz.</p>
      </div>
    </div>
  </div>

  <!-- Gizlilik Modal -->
  <div class="modal" id="gizlilikModal">
    <div class="modal-content">
      <div class="modal-header">
        <h3>Gizlilik ve Çerez Politikası</h3>
        <button class="modal-close" aria-label="Kapat">&times;</button>
      </div>
      <div class="modal-body">
        <p>mielekadikoyservis.com web sitesi kullanıcı deneyimini iyileştirmek, trafik analitiği oluşturmak (Google Tag Manager) ve dönüşüm performansını ölçümlemek amacıyla zorunlu ve analitik çerezler kullanmaktadır.</p>
        <br>
        <p>Tarayıcınızın ayarlarından çerez tercihlerinizi dilediğiniz zaman değiştirebilirsiniz. Sitemizi kullanarak çerez politikamızı kabul etmiş sayılırsınız.</p>
      </div>
    </div>
  </div>

  <!-- Hizmet Sözleşmesi Modal -->
  <div class="modal" id="hizmetModal">
    <div class="modal-content">
      <div class="modal-header">
        <h3>Hizmet Şartları ve Garanti Koşulları</h3>
        <button class="modal-close" aria-label="Kapat">&times;</button>
      </div>
      <div class="modal-body">
        <p>1. Servisimiz Miele markalı cihazlara bağımsız özel teknik servis statüsünde bakım ve onarım hizmeti sağlamaktadır.</p>
        <p>2. Değiştirilen tüm yedek parçalar ve ilgili işçilik 1 (bir) yıl süreyle servis garantisi altındadır. Kullanıcı hatası, voltaj dalgalanması veya dış etkenlerden kaynaklanan arızalar garanti kapsamı dışındadır.</p>
        <p>3. Arıza tespit ve onarım bedelleri 900 TL ile 19.000 TL aralığında olup müşteri onayı alınmadan herhangi bir işlem uygulanmaz.</p>
      </div>
    </div>
  </div>

  <!-- JS -->
  <script id="miele-core-js">
/**
 * Miele Kadıköy Servisi - Vanilla JavaScript
 * Zero external dependencies | Ultra lightweight | Event Tracking
 */

document.addEventListener('DOMContentLoaded', () => {
  // 1. FAQ Accordion
  const faqItems = document.querySelectorAll('.faq-item');
  faqItems.forEach(item => {
    const questionBtn = item.querySelector('.faq-question');
    if (questionBtn) {
      questionBtn.addEventListener('click', () => {
        const isActive = item.classList.contains('active');
        // Close other items
        faqItems.forEach(otherItem => otherItem.classList.remove('active'));
        // Toggle clicked
        if (!isActive) {
          item.classList.add('active');
        }
      });
    }
  });

  // 2. Modals (KVKK, Gizlilik, Hizmet Sözleşmesi)
  const modalTriggers = document.querySelectorAll('[data-modal-target]');
  const closeButtons = document.querySelectorAll('.modal-close, [data-modal-close]');

  modalTriggers.forEach(trigger => {
    trigger.addEventListener('click', (e) => {
      e.preventDefault();
      const targetId = trigger.getAttribute('data-modal-target');
      const targetModal = document.getElementById(targetId);
      if (targetModal) {
        targetModal.classList.add('active');
        document.body.style.overflow = 'hidden';
      }
    });
  });

  closeButtons.forEach(btn => {
    btn.addEventListener('click', () => {
      const activeModals = document.querySelectorAll('.modal.active');
      activeModals.forEach(m => m.classList.remove('active'));
      document.body.style.overflow = '';
    });
  });

  window.addEventListener('click', (e) => {
    if (e.target.classList.contains('modal')) {
      e.target.classList.remove('active');
      document.body.style.overflow = '';
    }
  });

  // 3. Analytics / GTM Event helper for Phone calls
  const callLinks = document.querySelectorAll('a[href^="tel:"]');
  callLinks.forEach(link => {
    link.addEventListener('click', () => {
      if (window.dataLayer) {
        window.dataLayer.push({
          event: 'telephone_call_click',
          phoneNumber: link.getAttribute('href'),
          pageLocation: window.location.href
        });
      }
    });
  });
});

  </script>
  <script src="/assets/js/main.js"></script>
</body>
</html>
