/* elektrikci — Volt Elektrik, 2016 sigorta panosu / bakır kablo tasarım (W3.CSS üzerine) */
:root {
  --ek-mor: #2d1b69;
  --ek-mor-koyu: #1a1040;
  --ek-mor-acik: #4a3595;
  --ek-limon: #c8e62b;
  --ek-limon-koyu: #9fbb12;
  --ek-bakir: #c8702e;
  --ek-bakir-acik: #f0b27a;
  --ek-pano: #e9ecf1;
  --ek-beyaz: #ffffff;
  --ek-cizgi: #d7dbe4;
  --ek-yazi: #262433;
  --ek-golge: 0 2px 0 rgba(26, 16, 64, 0.08), 0 8px 22px rgba(26, 16, 64, 0.1);
  --ek-baslik: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

html { scroll-behavior: smooth; }
body.ek-body {
  margin: 0;
  background:
    linear-gradient(90deg, rgba(45, 27, 105, 0.035) 1px, transparent 1px) 0 0 / 28px 28px,
    linear-gradient(rgba(45, 27, 105, 0.035) 1px, transparent 1px) 0 0 / 28px 28px,
    var(--ek-pano);
  color: var(--ek-yazi);
  font-family: Calibri, Candara, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.7;
}
.ek-body h1, .ek-body h2, .ek-body h3, .ek-body h4 { font-family: var(--ek-baslik); font-weight: 400; color: var(--ek-mor); letter-spacing: 0.4px; }
a { color: var(--ek-mor-acik); text-decoration: none; }
a:hover { color: var(--ek-bakir); text-decoration: underline; }

.ek-ic {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.ek-ustbar { background: var(--ek-mor-koyu); color: #c9c3e6; font-size: 12.5px; padding: 6px 0; }
.ek-ustbar a { color: var(--ek-limon); }
.ek-ustbar .fa { color: var(--ek-limon); margin-right: 4px; }
.ek-led { display: inline-block; width: 9px; height: 9px; margin-right: 6px; border-radius: 50%; background: var(--ek-limon); box-shadow: 0 0 6px 2px rgba(200, 230, 43, 0.7); animation: ek-yanip 1.6s infinite; vertical-align: 0; }
@keyframes ek-yanip { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }

/* Header: mor zemin, limon altıgen logo */
.ek-header {
  padding: 18px 0;
  background:
    linear-gradient(115deg, transparent 0 62%, rgba(200, 230, 43, 0.12) 62% 64%, transparent 64% 67%, rgba(200, 230, 43, 0.08) 67% 69%, transparent 69%),
    linear-gradient(180deg, var(--ek-mor-acik), var(--ek-mor));
}
.ek-logo { display: flex; align-items: center; gap: 14px; text-decoration: none !important; }
.ek-logo-altigen {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 66px;
  flex-shrink: 0;
  background: var(--ek-limon);
  color: var(--ek-mor-koyu);
  font-size: 32px;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.ek-logo-yazi { display: flex; flex-direction: column; color: #fff; font-family: var(--ek-baslik); font-size: 32px; line-height: 1; letter-spacing: 2px; }
.ek-logo-yazi small { font-family: Calibri, sans-serif; font-size: 12.5px; color: #cfc8f0; letter-spacing: 1px; margin-top: 8px; }

/* Telefon: şalter modülü (kol + etiket) */
.ek-salter {
  display: flex;
  align-items: stretch;
  background: #f4f5f8;
  border: 2px solid #c9cdd6;
  border-radius: 6px;
  color: var(--ek-mor-koyu) !important;
  text-decoration: none !important;
  box-shadow: 0 5px 0 #b3b8c4, 0 10px 20px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  transition: transform 0.15s, box-shadow 0.15s;
}
.ek-salter:hover { transform: translateY(2px); box-shadow: 0 3px 0 #b3b8c4, 0 8px 16px rgba(0, 0, 0, 0.25); }
.ek-salter-yuva { position: relative; width: 50px; background: #d9dce3; border-right: 2px solid #c9cdd6; }
.ek-salter-kol { position: absolute; left: 13px; top: 10px; width: 24px; height: 26px; border-radius: 4px; background: var(--ek-limon); box-shadow: inset 0 -5px 0 var(--ek-limon-koyu); transition: top 0.2s; }
.ek-salter:hover .ek-salter-kol { top: 26px; }
.ek-salter-yazi { display: flex; flex-direction: column; padding: 7px 20px 8px 16px; line-height: 1.15; }
.ek-salter-yazi small { font-size: 10.5px; letter-spacing: 1.8px; color: #6a6687; }
.ek-salter-yazi small::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: #3cb043; }
.ek-salter-yazi b { font-family: var(--ek-baslik); font-weight: 400; font-size: 28px; letter-spacing: 1px; }
@media (max-width: 600px) {
  .ek-logo-yazi { font-size: 24px; }
  .ek-salter { width: 100%; margin-bottom: 4px; }
  .ek-salter-yazi { flex: 1; }
}

/* Bakır kablo şeridi */
.ek-kablo {
  height: 12px;
  background:
    radial-gradient(circle at 10px -4px, transparent 8px, var(--ek-bakir) 8.5px, var(--ek-bakir) 11px, transparent 11.5px) 0 0 / 20px 12px repeat-x,
    radial-gradient(circle at 0 16px, transparent 8px, var(--ek-bakir-acik) 8.5px, var(--ek-bakir-acik) 11px, transparent 11.5px) 0 0 / 20px 12px repeat-x,
    var(--ek-mor-koyu);
}

/* Menü */
.ek-nav { background: var(--ek-mor-koyu); border-bottom: 4px solid var(--ek-limon); }
.ek-nav .ek-ic { justify-content: flex-start; gap: 2px; }
.ek-nav a {
  display: inline-block;
  padding: 12px 16px;
  color: #e5e1f7 !important;
  font-family: var(--ek-baslik);
  font-size: 15px;
  letter-spacing: 1px;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s;
}
.ek-nav a:first-child { background: var(--ek-limon); color: var(--ek-mor-koyu) !important; }
.ek-nav a:hover { background: var(--ek-mor-acik); color: var(--ek-limon) !important; }
@media (max-width: 600px) { .ek-nav a { padding: 10px 8px; font-size: 12.5px; } }

.ek-sayfa { margin-top: 26px; }

.ek-kart { background: var(--ek-beyaz); border: 1px solid var(--ek-cizgi); border-radius: 2px; box-shadow: var(--ek-golge); margin-bottom: 24px; overflow: hidden; }
.ek-bolum { padding: 14px 24px 20px; }
.ek-cerceve { display: block; margin: 6px 0 14px; border: 3px solid var(--ek-pano); outline: 1px solid var(--ek-cizgi); box-sizing: border-box; }

/* H1: gösterge paneli */
.ek-bolum > h1 {
  position: relative;
  margin: 16px 0 16px;
  padding: 14px 20px 14px 46px;
  font-size: 27px;
  line-height: 1.2;
  color: var(--ek-limon);
  background: linear-gradient(180deg, var(--ek-mor), var(--ek-mor-koyu));
  border-left: 8px solid var(--ek-limon);
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
.ek-h1-led { position: absolute; left: 18px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background: var(--ek-limon); box-shadow: 0 0 8px 3px rgba(200, 230, 43, 0.6); }
@media (max-width: 600px) { .ek-bolum > h1 { font-size: 21px; padding: 12px 14px 12px 38px; } .ek-h1-led { left: 14px; } }

/* H2: pano etiketi (vida + bakır alt çizgi) */
.ek-bolum > h2 {
  position: relative;
  margin: 16px -24px 14px;
  padding: 10px 24px 10px 52px;
  font-size: 20px;
  color: var(--ek-mor-koyu);
  background: linear-gradient(180deg, #f4f5f8, #dfe2e9);
  border-top: 1px solid #cdd1da;
  border-bottom: 3px solid var(--ek-bakir);
}
.ek-bolum > h2::before {
  content: "\f0e7";
  font-family: FontAwesome;
  position: absolute;
  left: 18px;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  border-radius: 50%;
  background: var(--ek-mor);
  color: var(--ek-limon);
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
#sss > h2 { border-bottom-color: var(--ek-limon-koyu); }
.ek-ozellik-bolum > h2 { background: var(--ek-mor); color: #fff; border-color: var(--ek-mor-koyu); border-bottom-color: var(--ek-limon); }
.ek-ozellik-bolum > h2::before { background: var(--ek-limon); color: var(--ek-mor-koyu); }
.ek-icerik h3 { font-size: 19px; margin: 20px 0 8px; padding-left: 12px; border-left: 4px solid var(--ek-bakir); }
.ek-h1-aciklama { font-size: 16px; margin: 0 0 8px; }

.ek-simsek-liste { list-style: none; padding: 0; }
.ek-simsek-liste li { position: relative; padding: 5px 0 5px 28px; }
.ek-simsek-liste li::before { content: "\f0e7"; font-family: FontAwesome; position: absolute; left: 6px; top: 4px; color: var(--ek-bakir); }

/* CTA: sarı-siyah uyarı bandı */
.ek-cta {
  margin: 4px 0 16px;
  padding: 8px;
  background: repeating-linear-gradient(-45deg, var(--ek-limon) 0 14px, var(--ek-mor-koyu) 14px 28px);
  border-radius: 2px;
}
.ek-cta p { margin: 0; padding: 14px 18px; background: var(--ek-mor-koyu); color: #fff; font-family: var(--ek-baslik); font-size: 19px; line-height: 1.45; letter-spacing: 0.3px; }
.ek-cta a { color: var(--ek-limon) !important; white-space: nowrap; }

/* İş emri kartı */
.ek-is-emri { border: 2px solid var(--ek-mor); border-radius: 2px; background: #fbfbfd; }
.ek-is-emri-ust { padding: 8px 14px; background: var(--ek-mor); color: var(--ek-limon); font-family: var(--ek-baslik); font-size: 14px; letter-spacing: 2px; }
.ek-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.ek-tablo th { width: 44%; text-align: left; padding: 9px 12px; color: var(--ek-mor); font-weight: 700; border-bottom: 1px solid var(--ek-cizgi); background: #f2f3f7; }
.ek-tablo td { padding: 9px 12px; border-bottom: 1px solid var(--ek-cizgi); }
.ek-tablo tr:last-child th, .ek-tablo tr:last-child td { border-bottom: 0; }
.ek-ikon { color: var(--ek-bakir); margin-right: 4px; }

/* SSS: şalter kollu düğmeler */
.ek-soru {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 8px;
  padding: 13px 18px 13px 58px;
  border: 1px solid var(--ek-cizgi);
  border-radius: 2px;
  background: #f7f8fb;
  color: var(--ek-mor-koyu);
  font: 700 15px Calibri, "Segoe UI", sans-serif;
  text-align: left;
  cursor: pointer;
  transition: background 0.2s;
}
.ek-soru-kol { position: absolute; left: 16px; top: 50%; width: 26px; height: 18px; margin-top: -9px; border-radius: 9px; background: #c3c7d1; transition: background 0.2s; }
.ek-soru-kol::after { content: ""; position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; transition: left 0.2s; }
.ek-soru:hover { background: #eef0f6; }
.ek-soru.ek-acik { margin-bottom: 0; background: var(--ek-mor); border-color: var(--ek-mor); color: #fff; }
.ek-soru.ek-acik .ek-soru-kol { background: var(--ek-limon); }
.ek-soru.ek-acik .ek-soru-kol::after { left: 10px; }
.ek-cevap { margin: 0 0 10px; padding: 4px 18px; border: 1px solid var(--ek-cizgi); border-top: 0; border-left: 4px solid var(--ek-limon); background: #fcfdf4; }

/* Hizmet kartları: sigorta modülü */
.ek-modul-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 18px 0 8px; padding: 16px; background: #d9dce3; border-radius: 4px; box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.15); }
@media (max-width: 700px) { .ek-modul-grid { grid-template-columns: repeat(2, 1fr); padding: 10px; gap: 10px; } }
.ek-modul {
  display: block;
  background: #f7f8fa;
  border: 1px solid #c3c7d1;
  border-radius: 3px;
  color: var(--ek-mor-koyu) !important;
  text-decoration: none !important;
  box-shadow: 0 3px 0 #b3b8c4;
  overflow: hidden;
  transition: transform 0.15s, box-shadow 0.15s;
}
.ek-modul-ust { display: flex; align-items: center; justify-content: space-between; padding: 6px 10px; background: #eceef2; border-bottom: 1px solid #c3c7d1; }
.ek-modul-no { font-family: var(--ek-baslik); font-size: 12px; letter-spacing: 2px; color: #6a6687; }
.ek-modul-kol { position: relative; width: 34px; height: 14px; border-radius: 7px; background: #c3c7d1; }
.ek-modul-kol::after { content: ""; position: absolute; left: 2px; top: 2px; width: 10px; height: 10px; border-radius: 50%; background: #fff; transition: left 0.2s; }
.ek-modul img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.ek-modul-alt { display: block; padding: 10px 10px 12px; font-family: var(--ek-baslik); font-size: 16px; line-height: 1.25; }
.ek-modul-alt .fa { color: var(--ek-bakir); }
.ek-modul:hover { transform: translateY(2px); box-shadow: 0 1px 0 #b3b8c4; }
.ek-modul:hover .ek-modul-kol { background: var(--ek-limon-koyu); }
.ek-modul:hover .ek-modul-kol::after { left: 22px; }

/* Bilgi kutuları: priz yüzü ikonları */
.ek-bilgi-satir { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 24px; }
@media (max-width: 700px) { .ek-bilgi-satir { grid-template-columns: 1fr; } }
.ek-bilgi { background: var(--ek-beyaz); border: 1px solid var(--ek-cizgi); border-bottom: 5px solid var(--ek-mor); border-radius: 2px; box-shadow: var(--ek-golge); padding: 22px 18px 18px; text-align: center; }
.ek-bilgi:nth-child(2) { border-bottom-color: var(--ek-limon-koyu); }
.ek-bilgi:nth-child(3) { border-bottom-color: var(--ek-bakir); }
.ek-priz-ikon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  margin-bottom: 12px;
  border-radius: 12px;
  background: #f4f5f8;
  border: 2px solid var(--ek-cizgi);
  box-shadow: 0 3px 0 #c3c7d1;
}
.ek-priz-ikon .fa { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background: var(--ek-mor); color: var(--ek-limon); font-size: 20px; }
.ek-bilgi:nth-child(2) .ek-priz-ikon .fa { background: var(--ek-limon); color: var(--ek-mor-koyu); }
.ek-bilgi:nth-child(3) .ek-priz-ikon .fa { background: var(--ek-bakir); color: #fff; }
.ek-bilgi h3 { margin: 0 0 6px !important; font-size: 17px !important; border: 0 !important; padding: 0 !important; }
.ek-bilgi p { margin: 0; font-size: 14px; }

/* Üçlü liste */
.ek-uclu { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 12px 0 4px; }
@media (max-width: 700px) { .ek-uclu { grid-template-columns: 1fr; } }
.ek-kutu { background: #fbfbfd; border: 1px solid var(--ek-cizgi); border-top: 4px solid var(--ek-mor); border-radius: 2px; }
.ek-kutu:nth-child(2) { border-top-color: var(--ek-bakir); }
.ek-kutu:nth-child(3) { border-top-color: var(--ek-limon-koyu); }
.ek-kutu h4 { margin: 0; padding: 11px 14px 6px; font-size: 15px; color: var(--ek-mor); }
.ek-kutu h4 .fa { margin-right: 8px; color: var(--ek-bakir); }
.ek-kutu ul { list-style: none; margin: 0; padding: 4px 14px 8px; }
.ek-kutu li { position: relative; padding: 6px 0 6px 20px; border-bottom: 1px dashed var(--ek-cizgi); font-size: 14px; }
.ek-kutu li:last-child { border-bottom: 0; }
.ek-kutu li::before { content: ""; position: absolute; left: 0; top: 12px; width: 10px; height: 4px; border-radius: 2px; background: var(--ek-bakir); }
.ek-kutu:nth-child(3) li::before { background: var(--ek-limon-koyu); }

/* Özellikler: şalter modülü rozetleri */
.ek-ozellik-bolum { text-align: center; }
.ek-ozellik-aciklama { max-width: 640px; margin: 0 auto 18px; }
.ek-ozellikler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
@media (max-width: 600px) { .ek-ozellikler { grid-template-columns: repeat(2, 1fr); } }
.ek-ozellik-modul {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 64px;
  height: 96px;
  margin: 0 auto 10px;
  padding-top: 12px;
  border-radius: 4px;
  background: #f4f5f8;
  border: 1px solid #c3c7d1;
  box-shadow: 0 4px 0 #b3b8c4;
  color: var(--ek-mor);
  font-size: 22px;
  box-sizing: border-box;
}
.ek-ozellik-modul em { position: absolute; left: 50%; bottom: 12px; width: 22px; height: 30px; margin-left: -11px; border-radius: 3px; background: var(--ek-limon); box-shadow: inset 0 -6px 0 var(--ek-limon-koyu); transition: bottom 0.2s; }
.ek-ozellik:nth-child(even) .ek-ozellik-modul em { background: var(--ek-bakir); box-shadow: inset 0 -6px 0 #9c5420; }
.ek-ozellik:hover .ek-ozellik-modul em { bottom: 6px; }
.ek-ozellik b { font-family: var(--ek-baslik); font-weight: 400; font-size: 16px; color: var(--ek-mor-koyu); }

/* İlçeler: LED'li hat etiketleri */
.ek-ilceler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 10px 0 8px; }
@media (max-width: 700px) { .ek-ilceler { grid-template-columns: repeat(2, 1fr); } }
.ek-ilceler a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  background: #f7f8fb;
  border: 1px solid var(--ek-cizgi);
  border-left: 4px solid var(--ek-mor);
  color: var(--ek-mor-koyu) !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none !important;
  transition: background 0.2s, border-color 0.2s;
}
.ek-ilceler a small { display: block; font-size: 9.5px; letter-spacing: 1.6px; color: #8a86a3; font-weight: 400; }
.ek-ilce-led { flex-shrink: 0; width: 10px; height: 10px; border-radius: 50%; background: #c3c7d1; transition: background 0.2s, box-shadow 0.2s; }
.ek-ilceler a:hover { background: #fff; border-left-color: var(--ek-limon-koyu); }
.ek-ilceler a:hover .ek-ilce-led { background: var(--ek-limon); box-shadow: 0 0 6px 2px rgba(200, 230, 43, 0.7); }

/* Yan menü (sağda) */
.ek-yan-gorsel { position: relative; line-height: 0; }
.ek-ucgen {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 104px;
  height: 90px;
  padding-bottom: 10px;
  background: var(--ek-limon);
  color: var(--ek-mor-koyu);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  line-height: 1.1;
  text-align: center;
  box-sizing: border-box;
}
.ek-ucgen .fa { font-size: 20px; margin-bottom: 3px; }
.ek-ucgen b { font-family: var(--ek-baslik); font-weight: 400; font-size: 11.5px; letter-spacing: 1px; }
.ek-yan-ic { padding: 16px 16px 6px; }
.ek-yan-ic p { margin: 8px 0; font-size: 14px; }
.ek-uyari {
  display: flex;
  flex-direction: column;
  margin: 16px 0 14px;
  padding: 12px 14px;
  background: #fffde8;
  border: 2px solid var(--ek-limon-koyu);
  border-left-width: 8px;
  color: #4a4520;
}
.ek-uyari strong { font-family: var(--ek-baslik); font-weight: 400; font-size: 16px; color: var(--ek-mor-koyu); }
.ek-uyari strong .fa { color: var(--ek-bakir); }
.ek-uyari small { font-size: 13px; line-height: 1.55; }
.ek-yan-altbaslik { text-align: center; font-family: var(--ek-baslik); font-size: 16px !important; letter-spacing: 2px; color: var(--ek-mor); margin-top: 4px !important; }
.ek-bar-ad { font-weight: 700; color: var(--ek-mor-koyu); margin: 10px 0 4px !important; }
.ek-bar { height: 16px; background: #e4e6ec; border-radius: 8px; overflow: hidden; }
.ek-bar span {
  display: block;
  min-width: 34px;
  height: 100%;
  background: var(--ek-mor);
  color: var(--ek-limon);
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  text-align: right;
  padding-right: 8px;
  border-radius: 8px;
  box-sizing: border-box;
}
.ek-yan-ic .ek-bar:nth-of-type(2) span { background: var(--ek-bakir); color: #fff; }
.ek-yan-ic .ek-bar:nth-of-type(3) span { background: var(--ek-limon-koyu); color: var(--ek-mor-koyu); }
.ek-liste-baslik { margin: 18px 0 0; padding: 12px 16px; background: var(--ek-mor); color: #fff; font-family: var(--ek-baslik); font-size: 15px; letter-spacing: 1px; border-bottom: 3px solid var(--ek-limon); }
.ek-liste-baslik .fa { color: var(--ek-limon); margin-right: 4px; }
.ek-yan-liste { list-style: none; margin: 0; padding: 0 0 6px; }
.ek-yan-liste li { position: relative; padding: 8px 16px 8px 32px; border-bottom: 1px solid #eceef3; font-size: 14px; }
.ek-yan-liste li::before { content: "\f0e7"; font-family: FontAwesome; position: absolute; left: 15px; top: 8px; font-size: 12px; color: var(--ek-bakir); }
.ek-yan-liste li:hover { background: #f5f6fa; }
.ek-yan-liste a { color: var(--ek-yazi); }
.ek-yan-liste b { color: var(--ek-mor); }
.ek-afis { margin-bottom: 24px; line-height: 0; border: 4px solid var(--ek-mor); outline: 3px solid var(--ek-limon); outline-offset: -8px; box-shadow: var(--ek-golge); overflow: hidden; }
.ek-afis img { display: block; width: 100%; height: auto; }

/* Footer */
.ek-footer { margin-top: 10px; background: var(--ek-mor-koyu); color: #bdb6de; text-align: center; padding: 0 0 90px; }
.ek-footer-ust { margin: 18px 16px 6px; color: #fff; font-family: var(--ek-baslik); font-size: 17px; letter-spacing: 0.5px; }
.ek-footer-ust a { color: var(--ek-limon); }
.ek-footer-yasal { max-width: 56rem; margin: 0 auto; padding: 0 16px 18px; font-size: 12.5px; line-height: 1.8; }

/* Sabit ara butonu: mobilde limon alt bar, masaüstünde sol altta duvar prizi */
.ek-ara-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; pointer-events: none; }
.ek-ara-btn {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 8px 0;
  background: var(--ek-limon);
  border-top: 3px solid var(--ek-mor-koyu);
  color: var(--ek-mor-koyu) !important;
  text-decoration: none !important;
}
.ek-ara-priz { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 40px; height: 40px; border-radius: 50%; background: var(--ek-mor-koyu); }
.ek-ara-priz span { width: 7px; height: 7px; border-radius: 50%; background: var(--ek-limon); }
.ek-ara-metin { display: flex; flex-direction: column; line-height: 1.15; }
.ek-ara-metin small { font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; }
.ek-ara-metin strong { font-family: var(--ek-baslik); font-weight: 400; font-size: 22px; letter-spacing: 0.5px; }
@media (min-width: 993px) {
  .ek-ara-bar { left: 24px; right: auto; bottom: 24px; }
  .ek-ara-btn {
    flex-direction: column;
    gap: 8px;
    width: 150px;
    padding: 14px 10px 12px;
    border: 2px solid #c9cdd6;
    border-radius: 16px;
    background: #f4f5f8;
    box-shadow: 0 6px 0 #b3b8c4, 0 16px 30px rgba(26, 16, 64, 0.35);
    transition: transform 0.15s;
  }
  .ek-ara-btn:hover { transform: translateY(-3px); }
  .ek-ara-priz { width: 66px; height: 66px; gap: 16px; background: radial-gradient(circle, #fff 55%, #dfe2e9 56%); border: 3px solid #d0d4dc; box-sizing: border-box; animation: ek-nabiz 2.4s infinite; }
  .ek-ara-priz span { width: 11px; height: 11px; background: var(--ek-mor-koyu); }
  .ek-ara-metin { align-items: center; }
  .ek-ara-metin small { color: var(--ek-mor-acik); font-size: 9.5px; font-weight: 700; }
  .ek-ara-metin strong { font-size: 17px; white-space: nowrap; }
  .ek-footer { padding-bottom: 20px; }
}
@keyframes ek-nabiz {
  0%, 100% { box-shadow: 0 0 0 0 rgba(200, 230, 43, 0.7); }
  60% { box-shadow: 0 0 0 12px rgba(200, 230, 43, 0); }
}

/* Duyuru penceresi: sigorta kutusu kapağı */
.ek-duyuru { display: none; }
@media (min-width: 992px) {
  .ek-duyuru:not([hidden]) { display: flex; position: fixed; inset: 0; z-index: 10000; align-items: center; justify-content: center; padding: 24px; }
  .ek-duyuru-arka { position: absolute; inset: 0; background: rgba(26, 16, 64, 0.82); }
  .ek-duyuru-kutu { position: relative; z-index: 1; width: 100%; max-width: 480px; padding: 16px; background: linear-gradient(180deg, #eef0f4, #cfd3db); border: 2px solid #b3b8c4; border-radius: 8px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5); }
  .ek-duyuru-mentese { position: absolute; left: -8px; top: 60px; width: 10px; height: 44px; border-radius: 3px; background: #9aa0ad; }
  .ek-duyuru-mentese.ek-alt { top: auto; bottom: 60px; }
  .ek-duyuru-kilit { position: absolute; right: 26px; top: 50%; width: 12px; height: 46px; margin-top: -23px; border-radius: 6px; background: #8a909d; box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3); z-index: 2; }
  .ek-duyuru-govde { position: relative; padding: 24px 56px 22px 28px; background: #f7f8fa; border: 1px solid #c3c7d1; border-radius: 4px; text-align: center; color: var(--ek-yazi); }
  .ek-duyuru-ucgen { display: inline-flex; align-items: flex-end; justify-content: center; width: 64px; height: 56px; padding-bottom: 8px; margin-bottom: 8px; background: var(--ek-limon); color: var(--ek-mor-koyu); font-size: 22px; clip-path: polygon(50% 0, 100% 100%, 0 100%); box-sizing: border-box; }
  .ek-duyuru-govde h2 { margin: 0 0 12px; font-size: 24px; color: var(--ek-mor); }
  .ek-duyuru-govde p { margin: 0 0 8px; }
  .ek-duyuru-not { margin-top: 12px !important; padding-top: 10px; border-top: 1px dashed #c3c7d1; font-size: 13px; color: #555069; }
  .ek-duyuru-btn { margin-top: 12px; padding: 10px 28px; border: 0; border-radius: 3px; background: var(--ek-mor); color: var(--ek-limon); font: 400 16px "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif; letter-spacing: 1px; cursor: pointer; box-shadow: 0 4px 0 var(--ek-mor-koyu); }
  .ek-duyuru-btn:hover { background: var(--ek-mor-acik); }
  body.ek-duyuru-acik { overflow: hidden; }
}