/* Masal Elektrik · Beşiktaş bölge sayfası V4 gövdesi (local-hub-v4)
   Kapsam: hero ile footer arasındaki gövde. Header, yorum/slogan bantları, menü, hero ve footer temadan aynen gelir;
   bu dosya onlara dokunmaz. Bütün kurallar .me-v4 altında ve en az (0,2,0) özgüllüğündedir.
   Renkler temanın marka çizgisidir: mürekkep #122222, koyu yeşil #2F4F4F, turuncu #FF8C00, açık zeminde turuncu metin #A05200,
   koyu zeminde amber #FFB454, krem #F7F3EC (me-components.css ve me-accessibility.css değerleri). */

.me-v4{
  --v4-ink:#122222; --v4-yesil:#2F4F4F; --v4-metin:#2F4F4F; --v4-soluk:#4F605E;
  --v4-turuncu:#FF8C00; --v4-tm:#A05200; --v4-amber:#FFB454;
  --v4-krem:#F7F3EC; --v4-krem-2:#FBF9F5; --v4-cizgi:#E5DFD4; --v4-cizgi-2:#D1D8D3; --v4-cizgi-3:#BFCAC6;
  --v4-ok:#1F7A45; --v4-ok-metin:#1B6B3D; --v4-ok-zemin:#EEF5F1; --v4-kirmizi:#B8322E; --v4-kirmizi-zemin:#FDF1F0;
  --v4-koyu-metin:#E3EAE8; --v4-koyu-soluk:#C3D1CD;
  --v4-r:16px; --v4-golge:0 12px 30px -18px rgba(18,34,34,.35);
  --v4-sticky:104px; /* yapışkan üst bant + slogan bandı (tema). QA ölçer; mobilde aşağıda güncellenir */
  display:block; color:var(--v4-metin); font-size:16px; line-height:1.6; text-align:left; overflow-wrap:break-word;
}
.me-v4 *, .me-v4 *::before, .me-v4 *::after{box-sizing:border-box}
.me-v4 .v4-wrap{width:min(1200px, calc(100% - 40px)); margin-inline:auto}
.me-v4 .v4-sr{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
.me-v4 .v4-i{width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
.me-v4 a{color:inherit}
.me-v4 :is(a, summary, button):focus-visible{outline:3px solid var(--v4-tm); outline-offset:3px; border-radius:6px}
.me-v4 :is(.v4-sec--koyu, .v4-iliski, .v4-kapanis-ic, .v4-defter > summary) :is(a, summary):focus-visible,
.me-v4 .v4-defter > summary:focus-visible{outline-color:var(--v4-amber)}
.me-v4 summary{cursor:pointer; list-style:none}
/* Klavyeyle odaklanan öğe yapışkan header'ın altında kalmasın (WCAG 2.4.11) */
.me-v4 :is(a, summary, button){scroll-margin-top:calc(var(--v4-sticky) + 12px); scroll-margin-bottom:12px}
.me-v4 summary::-webkit-details-marker{display:none}

/* ---------- Ortak bölüm dili: üst etiket + güçlü başlık + bir cümlelik yönlendirme ---------- */
.me-v4 .v4-sec{padding:clamp(44px, 4.4vw, 64px) 0; scroll-margin-top:var(--v4-sticky)}
.me-v4 .v4-sec--beyaz{background:#fff}
.me-v4 .v4-sec--krem{background:var(--v4-krem)}
.me-v4 .v4-sec--devam{padding-top:0}
.me-v4 .v4-sec--devam > .v4-wrap{padding-top:clamp(40px, 4vw, 56px); border-top:1px solid #DDD5C6}
.me-v4 .v4-sec--koyu{background:linear-gradient(165deg, var(--v4-ink) 0%, #1A3432 100%); color:var(--v4-koyu-metin)}
.me-v4 .v4-bas{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:16px 56px; align-items:end; margin:0 0 clamp(28px, 3vw, 40px)}
.me-v4 .v4-etiket{display:flex; align-items:center; gap:10px; margin:0 0 10px; color:var(--v4-tm); font-size:13px; line-height:1.3; font-weight:700; letter-spacing:.1em; text-transform:uppercase}
.me-v4 .v4-etiket::before{content:""; width:28px; height:3px; border-radius:2px; background:var(--v4-turuncu)}
.me-v4 .v4-h2{margin:0; color:var(--v4-ink); font-size:clamp(27px, 1.2vw + 20px, 40px); line-height:1.16; font-weight:700; letter-spacing:-.02em; text-wrap:balance}
.me-v4 .v4-vurgu{color:var(--v4-tm)}
.me-v4 .v4-yon{margin:0; padding:2px 0 2px 20px; border-left:3px solid var(--v4-turuncu); color:var(--v4-soluk); font-size:17px; line-height:1.65}
.me-v4 .v4-bas--koyu .v4-etiket{color:var(--v4-amber)}
.me-v4 .v4-bas--koyu .v4-etiket::before{background:var(--v4-amber)}
.me-v4 .v4-bas--koyu .v4-h2{color:#fff}
.me-v4 .v4-bas--koyu .v4-vurgu{color:var(--v4-amber)}
.me-v4 .v4-bas--koyu .v4-yon{color:var(--v4-koyu-soluk)}
.me-v4 .v4-h3{margin:0 0 16px; color:var(--v4-ink); font-size:clamp(20px, .45vw + 17px, 24px); line-height:1.3; font-weight:700; letter-spacing:-.01em}
.me-v4 .v4-h3-yon{margin:-6px 0 20px; max-width:76ch; color:var(--v4-soluk); font-size:15px; line-height:1.6}
.me-v4 .v4-h4{margin:0 0 8px; color:var(--v4-ink); font-size:16px; line-height:1.35; font-weight:700}
.me-v4 .v4-mini-et{display:block; margin:0 0 4px; color:var(--v4-soluk); font-size:12px; line-height:1.3; font-weight:700; letter-spacing:.08em; text-transform:uppercase}

/* Bağlantı ve düğmeler */
.me-v4 .v4-lnk-ana{display:inline-flex; align-items:center; gap:8px; min-height:44px; color:var(--v4-ink); font-size:15px; line-height:1.35; font-weight:700; text-decoration:underline; text-decoration-color:var(--v4-turuncu); text-decoration-thickness:2px; text-underline-offset:5px}
.me-v4 .v4-lnk-ana:hover{color:var(--v4-tm)}
.me-v4 .v4-lnk-ana .v4-i{width:16px; height:16px; color:var(--v4-tm); transition:transform .15s}
.me-v4 .v4-lnk-ana:hover .v4-i{transform:translateX(3px)}
.me-v4 .v4-lnk{display:inline-flex; align-items:center; gap:6px; min-height:44px; color:var(--v4-metin); font-size:15px; line-height:1.4; text-decoration:underline; text-decoration-color:var(--v4-cizgi-3); text-underline-offset:4px}
.me-v4 .v4-lnk:hover{color:var(--v4-ink); text-decoration-color:var(--v4-turuncu)}
.me-v4 .v4-lnk .v4-i{width:14px; height:14px}
.me-v4 .v4-btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:10px 22px; border:2px solid transparent; border-radius:999px; font-size:15px; line-height:1.2; font-weight:700; text-decoration:none; transition:background-color .15s, border-color .15s, color .15s}
.me-v4 .v4-btn .v4-i{width:20px; height:20px}
.me-v4 .v4-btn--turuncu{background:var(--v4-turuncu); color:var(--v4-ink)}
.me-v4 .v4-btn--turuncu:hover{background:#E57C00}
.me-v4 .v4-btn--cizgi{border-color:var(--v4-ink); background:#fff; color:var(--v4-ink)}
.me-v4 .v4-btn--cizgi:hover{background:var(--v4-ink); color:#fff}
.me-v4 .v4-btn--beyaz{background:#fff; color:var(--v4-ink)}
.me-v4 .v4-btn--beyaz:hover{background:var(--v4-krem)}
.me-v4 .v4-btn--buyuk{min-height:56px; padding:12px 26px; font-size:16px}
.me-v4 .v4-btn-no{font-weight:600}
.me-v4 .v4-btn > span{white-space:nowrap}
.me-v4 .v4-chip{display:inline-flex; align-items:center; padding:3px 10px; border-radius:999px; background:var(--v4-ink); color:#fff; font-size:11.5px; line-height:1.5; font-weight:700; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap}
.me-v4 .v4-chip--uygulama{background:var(--v4-ok)}
.me-v4 .v4-chip--tespit{background:var(--v4-tm)}
.me-v4 .v4-chip--proje{background:#4F605E}

/* ---------- Üst bant: içerik yolu, güvence, sayfa içi gezinme ---------- */
.me-v4 .v4-ust{padding:14px 0 36px; background:#fff; border-bottom:1px solid var(--v4-cizgi)}
.me-v4 .v4-crumbs{margin:0 0 16px; color:var(--v4-soluk); font-size:13.5px}
.me-v4 .v4-crumbs ol{display:flex; flex-wrap:wrap; gap:0 8px; margin:0; padding:0; list-style:none}
.me-v4 .v4-crumbs li{display:flex; align-items:center; gap:8px}
.me-v4 .v4-crumbs li + li::before{content:"›"; color:var(--v4-cizgi-3)}
.me-v4 .v4-crumbs a{display:inline-flex; align-items:center; min-height:36px; color:var(--v4-soluk); text-decoration:underline; text-decoration-color:transparent; text-underline-offset:3px}
.me-v4 .v4-crumbs a:hover{color:var(--v4-ink); text-decoration-color:currentColor}
.me-v4 .v4-crumbs [aria-current]{color:var(--v4-ink); font-weight:600}
.me-v4 .v4-guvence{display:grid; gap:18px; padding:22px 24px; border:1px solid var(--v4-cizgi); border-radius:var(--v4-r); background:var(--v4-krem-2)}
.me-v4 .v4-guv-bas{display:flex; align-items:center; gap:16px}
.me-v4 .v4-guv-rozet{flex:none; display:grid; place-items:center; width:46px; height:46px; border-radius:12px; background:var(--v4-ink); color:var(--v4-amber)}
.me-v4 .v4-guv-rozet .v4-i{width:24px; height:24px}
.me-v4 .v4-guv-baslik{flex:1; margin:0; color:var(--v4-ink); font-size:18px; line-height:1.4; font-weight:700}
.me-v4 .v4-guv-google{flex:none; display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:8px 18px; border:1px solid var(--v4-cizgi-3); border-radius:999px; background:#fff; color:var(--v4-ink); font-size:14px; font-weight:600; text-decoration:none}
.me-v4 .v4-guv-google:hover{border-color:var(--v4-tm); color:var(--v4-tm)}
.me-v4 .v4-guv-google .v4-i{width:15px; height:15px}
.me-v4 .v4-guv-liste{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; margin:0; padding:0; list-style:none}
.me-v4 .v4-guv-liste li{display:flex; align-items:center; gap:10px; min-height:48px; padding:10px 14px; border:1px solid var(--v4-cizgi); border-radius:12px; background:#fff; color:var(--v4-ink); font-size:14.5px; line-height:1.4; font-weight:600}
.me-v4 .v4-guv-liste .v4-i{color:var(--v4-tm)}
.me-v4 .v4-gezinme{margin-top:26px}
.me-v4 .v4-gez-etiket{margin:0 0 10px; color:var(--v4-soluk); font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase}
.me-v4 .v4-gez-liste{display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:12px; margin:0; padding:0; list-style:none}
.me-v4 .v4-gez-liste a{display:flex; align-items:center; gap:12px; height:100%; min-height:68px; padding:12px 14px; border:1px solid var(--v4-cizgi-2); border-radius:14px; background:#fff; color:var(--v4-ink); text-decoration:none; box-shadow:0 6px 18px rgba(18,34,34,.04); transition:border-color .15s, box-shadow .15s, transform .15s}
.me-v4 .v4-gez-liste a:hover{border-color:var(--v4-tm); box-shadow:0 10px 24px rgba(18,34,34,.08); transform:translateY(-2px)}
.me-v4 .v4-gez-no{flex:none; display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:var(--v4-ink); color:var(--v4-amber); font-size:13px; font-weight:700; letter-spacing:.04em}
.me-v4 .v4-gez-metin{display:grid; min-width:0}
.me-v4 .v4-gez-ad{font-size:15px; line-height:1.3; font-weight:700}
.me-v4 .v4-gez-alt{color:var(--v4-soluk); font-size:13px; line-height:1.35}

/* ---------- İş türü kartları ---------- */
.me-v4 .v4-uyari{display:flex; gap:12px; align-items:flex-start; margin:0 0 24px; padding:14px 18px; border:1px solid #F0C6C3; border-left:4px solid var(--v4-kirmizi); border-radius:12px; background:var(--v4-kirmizi-zemin); color:#5E1C18; font-size:15px; line-height:1.55}
.me-v4 .v4-uyari .v4-i{width:20px; height:20px; margin-top:2px; color:var(--v4-kirmizi)}
.me-v4 .v4-kartlar{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px}
.me-v4 .v4-kart{display:flex; flex-direction:column; gap:16px; padding:0 0 18px; border:1px solid var(--v4-cizgi); border-radius:var(--v4-r); background:#fff; box-shadow:var(--v4-golge); overflow:hidden; scroll-margin-top:calc(var(--v4-sticky) + 16px)}
.me-v4 .v4-kart-bas{display:flex; align-items:center; gap:14px; padding:18px 22px; border-top:4px solid var(--v4-yesil); border-bottom:1px solid var(--v4-cizgi); background:var(--v4-krem-2)}
.me-v4 .v4-kart--acil .v4-kart-bas{border-top-color:var(--v4-turuncu)}
.me-v4 .v4-kart-ikon{flex:none; display:grid; place-items:center; width:48px; height:48px; border-radius:12px; background:var(--v4-ink); color:var(--v4-amber)}
.me-v4 .v4-kart-ikon .v4-i{width:24px; height:24px}
.me-v4 .v4-kart-adlar{flex:1; min-width:0}
.me-v4 .v4-kart-etiket{margin:0; color:var(--v4-tm); font-size:12.5px; line-height:1.4; font-weight:700; letter-spacing:.08em; text-transform:uppercase}
.me-v4 .v4-kart-h{margin:2px 0 0; color:var(--v4-ink); font-size:21px; line-height:1.25; font-weight:700}
.me-v4 .v4-bayrak{flex:none; display:inline-flex; align-items:center; gap:6px; padding:5px 11px; border-radius:999px; background:#FDE8E6; color:#8B2420; font-size:12.5px; font-weight:700; white-space:nowrap}
.me-v4 .v4-bayrak .v4-i{width:14px; height:14px}
.me-v4 .v4-kart-ihtiyac{margin:0; padding:0 22px; color:var(--v4-ink); font-size:16px; line-height:1.55}
.me-v4 .v4-kart-satirlar{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; padding:0 22px}
.me-v4 .v4-satir{padding:14px 16px; border-radius:12px}
.me-v4 .v4-satir--kontrol{border:1px solid #D3E6DB; background:var(--v4-ok-zemin)}
.me-v4 .v4-satir--bilgi{border:1px solid #F1DDC0; background:#FFF7EC}
.me-v4 .v4-satir-h{margin:0 0 8px; font-size:12.5px; line-height:1.3; font-weight:700; letter-spacing:.08em; text-transform:uppercase}
.me-v4 .v4-satir--kontrol .v4-satir-h{color:var(--v4-ok-metin)}
.me-v4 .v4-satir--bilgi .v4-satir-h{color:var(--v4-tm)}
.me-v4 .v4-satir ul{display:grid; gap:8px; margin:0; padding:0; list-style:none}
.me-v4 .v4-satir li{display:flex; align-items:flex-start; gap:8px; color:var(--v4-ink); font-size:14.5px; line-height:1.45}
.me-v4 .v4-satir li .v4-i{width:16px; height:16px; margin-top:2px}
.me-v4 .v4-satir--kontrol li .v4-i{color:var(--v4-ok)}
.me-v4 .v4-satir--bilgi li .v4-i{color:var(--v4-tm)}
.me-v4 .v4-kart-not{margin:0; padding:0 22px; color:var(--v4-soluk); font-size:14px; line-height:1.5}
.me-v4 .v4-kanit{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 12px; align-items:center; margin:0 22px; padding:12px 14px; border-left:3px solid var(--v4-turuncu); border-radius:0 10px 10px 0; background:var(--v4-krem); color:var(--v4-ink); text-decoration:none}
.me-v4 .v4-kanit:hover{background:#F0E8DA}
.me-v4 .v4-kanit-meta{grid-column:1; color:var(--v4-tm); font-size:12.5px; line-height:1.4; font-weight:700; letter-spacing:.03em}
.me-v4 .v4-kanit-metin{grid-column:1; font-size:14.5px; line-height:1.45}
.me-v4 .v4-kanit-ok{grid-column:2; grid-row:1 / span 2; color:var(--v4-tm)}
.me-v4 .v4-kart-linkler{display:flex; flex-wrap:wrap; align-items:center; gap:0 22px; margin:auto 0 0; padding:8px 22px 0; border-top:1px solid var(--v4-cizgi)}
.me-v4 .v4-dipnot{display:flex; flex-wrap:wrap; align-items:center; gap:0 16px; margin:24px 0 0; color:var(--v4-soluk); font-size:15px}

/* ---------- Belirtiye göre ilk adım ---------- */
.me-v4 .v4-tablo-sar{border:1px solid var(--v4-cizgi); border-radius:var(--v4-r); background:#fff; overflow:hidden}
.me-v4 .v4-tablo{width:100%; border-collapse:collapse; font-size:15px; line-height:1.5}
.me-v4 .v4-tablo thead th{padding:14px 18px; background:var(--v4-ink); color:#fff; font-size:12.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; text-align:left}
.me-v4 .v4-tablo tbody th, .me-v4 .v4-tablo td{padding:14px 18px; border-top:1px solid var(--v4-cizgi); color:var(--v4-metin); text-align:left; vertical-align:top}
.me-v4 .v4-tablo tbody th{width:22%; color:var(--v4-ink); font-weight:700}
.me-v4 .v4-tablo td:last-child{width:19%}
.me-v4 .v4-tablo tbody tr:nth-child(even){background:var(--v4-krem-2)}
.me-v4 .v4-tablo td .v4-lnk{min-height:32px; font-size:14.5px}
.me-v4 .v4-sonra{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; margin:18px 0 0; padding:14px 18px; border:1px solid var(--v4-cizgi); border-radius:14px; background:#fff; color:var(--v4-ink); font-size:15.5px}

/* ---------- Gerçek işler ---------- */
.me-v4 .v4-ozet{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 32px; padding:0; list-style:none}
.me-v4 .v4-ozet li{padding:7px 14px; border-radius:999px; background:var(--v4-krem); color:var(--v4-ink); font-size:14px; line-height:1.4}
.me-v4 .v4-secili{margin:0 0 52px; border-top:1px solid var(--v4-cizgi)}
.me-v4 .v4-vaka{display:grid; grid-template-columns:240px minmax(0,1fr); gap:32px; padding:28px 0; border-bottom:1px solid var(--v4-cizgi); scroll-margin-top:calc(var(--v4-sticky) + 16px)}
.me-v4 .v4-foto{display:grid; gap:8px; align-content:start; margin:0}
.me-v4 .v4-foto img{width:100%; height:auto; aspect-ratio:4 / 5; object-fit:cover; border-radius:14px; background:var(--v4-krem); box-shadow:0 14px 28px -18px rgba(18,34,34,.5)}
.me-v4 .v4-foto figcaption{color:var(--v4-soluk); font-size:13px; line-height:1.4}
.me-v4 .v4-vaka-govde{display:flex; flex-direction:column; gap:14px; min-width:0}
.me-v4 .v4-vaka-meta{display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; margin:0; color:var(--v4-soluk); font-size:14px; line-height:1.4}
.me-v4 .v4-vaka-h{margin:0; color:var(--v4-ink); font-size:20px; line-height:1.35; font-weight:700}
.me-v4 .v4-akis{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:14px; margin:0; padding:0; list-style:none}
.me-v4 .v4-akis-adim{position:relative; display:grid; align-content:start; gap:6px; padding:14px 16px; border:1px solid var(--v4-cizgi); border-radius:12px; background:var(--v4-krem-2)}
.me-v4 .v4-akis-adim:not(:last-child)::after{content:""; position:absolute; top:24px; right:-15px; width:16px; height:2px; background:var(--v4-turuncu)}
.me-v4 .v4-akis-adim:last-child{border-color:#CFE3D7; background:var(--v4-ok-zemin)}
.me-v4 .v4-akis-et{color:var(--v4-tm); font-size:12px; line-height:1.3; font-weight:700; letter-spacing:.08em; text-transform:uppercase}
.me-v4 .v4-akis-adim:last-child .v4-akis-et{color:var(--v4-ok-metin)}
.me-v4 .v4-akis-metin{color:var(--v4-ink); font-size:14.5px; line-height:1.5}
.me-v4 .v4-vaka-linkler{display:flex; flex-wrap:wrap; gap:0 20px; margin:-4px 0 0}
.me-v4 .v4-vaka-linkler .v4-lnk{min-height:36px; font-size:14.5px}
.me-v4 .v4-tam-ac{margin-top:2px; border-top:1px dashed var(--v4-cizgi-3)}
.me-v4 .v4-tam-ac > summary{display:inline-flex; align-items:center; gap:8px; min-height:48px; color:var(--v4-ink); font-size:15px; font-weight:700; text-decoration:underline; text-decoration-color:var(--v4-turuncu); text-decoration-thickness:2px; text-underline-offset:5px}
.me-v4 .v4-tam-ac > summary .v4-i{color:var(--v4-tm); transition:transform .15s}
.me-v4 .v4-tam-ac[open] > summary .v4-i{transform:rotate(180deg)}
.me-v4 .v4-tam{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:20px 32px; padding:10px 0 4px}
.me-v4 .v4-olgular{display:grid; gap:10px; margin:0}
.me-v4 .v4-olgular div{display:grid; grid-template-columns:118px minmax(0,1fr); gap:12px; padding-bottom:10px; border-bottom:1px solid var(--v4-cizgi)}
.me-v4 .v4-olgular dt{padding-top:2px; color:var(--v4-tm); font-size:12px; line-height:1.4; font-weight:700; letter-spacing:.07em; text-transform:uppercase}
.me-v4 .v4-olgular dd{margin:0; color:var(--v4-ink); font-size:15px; line-height:1.55}
.me-v4 .v4-tam-yan{display:grid; gap:12px; align-content:start}
.me-v4 .v4-tam-meta{margin:0; color:var(--v4-soluk); font-size:13.5px; line-height:1.45}
.me-v4 .v4-saha-not{margin:0; padding:12px 14px; border-radius:12px; background:var(--v4-krem); color:var(--v4-ink); font-size:14.5px; line-height:1.55}
.me-v4 .v4-teslim{margin:0; color:var(--v4-ink); font-size:14.5px; line-height:1.5}
.me-v4 .v4-kayit-linkler{display:grid; margin:0; padding:0; list-style:none}
.me-v4 .v4-kayit-linkler a{display:inline-flex; align-items:center; min-height:40px; color:var(--v4-metin); font-size:14.5px; line-height:1.4; text-decoration:underline; text-decoration-color:var(--v4-cizgi-3); text-underline-offset:4px}
.me-v4 .v4-kayit-linkler a:hover{color:var(--v4-ink); text-decoration-color:var(--v4-turuncu)}
.me-v4 .v4-foto--kucuk{max-width:220px}

.me-v4 .v4-dersler-blok{margin:0 0 48px}
.me-v4 .v4-dersler{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px}
.me-v4 .v4-ders{display:flex; flex-direction:column; gap:12px; padding:22px 24px; border:1px solid var(--v4-cizgi); border-radius:var(--v4-r); background:var(--v4-krem)}
.me-v4 .v4-ders-h{display:flex; gap:10px; align-items:flex-start; margin:0; color:var(--v4-ink); font-size:18px; line-height:1.35; font-weight:700}
.me-v4 .v4-ders-h .v4-i{width:22px; height:22px; margin-top:1px; color:var(--v4-tm)}
.me-v4 .v4-ders-yak{margin:0; color:var(--v4-ink); font-size:15px; line-height:1.6}
.me-v4 .v4-ders-satir{display:grid; gap:10px; margin:0; padding:0; list-style:none}
.me-v4 .v4-ders-satir li{display:grid; gap:0; padding:0 0 0 14px; border-left:3px solid var(--v4-turuncu); color:var(--v4-ink); font-size:14.5px; line-height:1.55}
.me-v4 .v4-ders-kayit{justify-self:start; display:inline-flex; align-items:center; min-height:32px; color:var(--v4-tm); font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:3px}
.me-v4 .v4-ders-son{margin-top:auto; padding-top:10px; border-top:1px solid #E2D8C6}
.me-v4 .v4-ders-link{display:flex; flex-wrap:wrap; gap:0 22px; margin:0}

.me-v4 .v4-defter{border:1px solid var(--v4-cizgi-2); border-radius:var(--v4-r); background:#fff; scroll-margin-top:calc(var(--v4-sticky) + 16px)}
.me-v4 .v4-defter > summary{display:flex; flex-wrap:wrap; align-items:center; gap:4px 16px; min-height:64px; padding:14px 22px; border-radius:15px; background:var(--v4-ink); color:#fff}
.me-v4 .v4-defter[open] > summary{border-radius:15px 15px 0 0}
.me-v4 .v4-defter-ad{display:inline-flex; align-items:center; gap:10px; font-size:17px; line-height:1.3; font-weight:700}
.me-v4 .v4-defter-ad .v4-i{color:var(--v4-amber)}
.me-v4 .v4-defter-ipucu{color:var(--v4-koyu-soluk); font-size:14px}
.me-v4 .v4-defter-ok{margin-left:auto; color:var(--v4-amber); transition:transform .15s}
.me-v4 .v4-defter[open] > summary .v4-defter-ok{transform:rotate(180deg)}
.me-v4 .v4-defter-liste{margin:0; padding:4px 0; list-style:none}
.me-v4 .v4-defter-liste > li + li{border-top:1px solid var(--v4-cizgi)}
.me-v4 .v4-dk{scroll-margin-top:calc(var(--v4-sticky) + 16px)}
.me-v4 .v4-dk > summary{display:grid; grid-template-columns:78px 104px 124px minmax(0,1fr) 20px; gap:12px; align-items:center; min-height:56px; padding:10px 22px}
.me-v4 .v4-dk > summary:hover, .me-v4 .v4-dk[open] > summary{background:var(--v4-krem-2)}
.me-v4 .v4-dk-tarih{color:var(--v4-soluk); font-size:14px; font-variant-numeric:tabular-nums}
.me-v4 .v4-dk-semt{color:var(--v4-ink); font-size:14px; font-weight:600}
.me-v4 .v4-dk .v4-chip{justify-self:start}
.me-v4 .v4-dk-baslik{color:var(--v4-ink); font-size:15px; line-height:1.45}
.me-v4 .v4-dk-ok{color:var(--v4-tm); transition:transform .15s}
.me-v4 .v4-dk[open] > summary .v4-dk-ok{transform:rotate(180deg)}
.me-v4 .v4-dk-govde{padding:4px 22px 22px; background:var(--v4-krem-2)}
.me-v4 .v4-yontem{display:flex; gap:12px; align-items:flex-start; margin:20px 0 0; padding:14px 18px; border:1px solid var(--v4-cizgi); border-radius:12px; background:var(--v4-krem-2); color:var(--v4-soluk); font-size:14.5px; line-height:1.6}
.me-v4 .v4-yontem .v4-i{margin-top:2px; color:var(--v4-tm)}
.me-v4 .v4-tum-isler{margin:10px 0 0}

/* ---------- Hizmetler: koyu marka bandında üç aile yüzeyi ---------- */
.me-v4 .v4-aileler{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px; align-items:start}
.me-v4 .v4-aile{border:1px solid rgba(255,255,255,.14); border-radius:18px; background:rgba(255,255,255,.045); overflow:hidden}
.me-v4 .v4-aile-bas{display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 14px; align-items:start; padding:20px 22px 18px; border-top:4px solid var(--v4-turuncu); border-bottom:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04)}
.me-v4 .v4-aile--zayif .v4-aile-bas{border-top-color:var(--v4-amber)}
.me-v4 .v4-aile--planli .v4-aile-bas{border-top-color:#9CC3B8}
.me-v4 .v4-aile-ikon{grid-row:span 2; display:grid; place-items:center; width:46px; height:46px; border-radius:12px; background:var(--v4-turuncu); color:var(--v4-ink)}
.me-v4 .v4-aile--zayif .v4-aile-ikon{background:var(--v4-amber)}
.me-v4 .v4-aile--planli .v4-aile-ikon{background:#9CC3B8}
.me-v4 .v4-aile-ikon .v4-i{width:22px; height:22px}
.me-v4 .v4-aile-h{margin:0; color:#fff; font-size:20px; line-height:1.3; font-weight:700}
.me-v4 .v4-aile-acik{margin:2px 0 0; color:var(--v4-koyu-soluk); font-size:13.5px; line-height:1.45}
.me-v4 .v4-aile-sayi{grid-column:2; justify-self:start; margin-top:6px; padding:2px 10px; border-radius:999px; background:rgba(255,255,255,.1); color:var(--v4-koyu-metin); font-size:12.5px; font-weight:600}
.me-v4 .v4-hiz-liste{margin:0; padding:4px 0; list-style:none}
.me-v4 .v4-hiz{display:grid; gap:4px; padding:14px 22px; border-top:1px solid rgba(255,255,255,.09)}
.me-v4 .v4-hiz:first-child{border-top:0}
.me-v4 .v4-hiz-ad{justify-self:start; display:inline-flex; align-items:center; gap:8px; min-height:40px; color:#fff; font-size:16px; line-height:1.35; font-weight:700; text-decoration:underline; text-decoration-color:rgba(255,180,84,.55); text-decoration-thickness:2px; text-underline-offset:5px}
.me-v4 .v4-hiz-ad:hover{color:var(--v4-amber); text-decoration-color:var(--v4-amber)}
.me-v4 .v4-hiz-ad .v4-i{width:16px; height:16px; color:var(--v4-amber)}
.me-v4 .v4-hiz-kapsam{margin:0; color:var(--v4-koyu-soluk); font-size:14px; line-height:1.5}
.me-v4 .v4-hiz-kayit{justify-self:start; display:inline-flex; align-items:center; gap:8px; min-height:32px; color:var(--v4-amber); font-size:13px; font-weight:600; text-decoration:underline; text-decoration-color:rgba(255,180,84,.4); text-underline-offset:3px}
.me-v4 .v4-hiz-kayit::before{content:""; flex:none; width:7px; height:7px; border-radius:50%; background:var(--v4-amber)}

/* ---------- Süreç ve fiyat: adım çizgisi + dört kural ---------- */
.me-v4 .v4-adimlar{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:28px; margin:0 0 36px; padding:0; list-style:none}
.me-v4 .v4-adim{position:relative; display:grid; gap:14px; align-content:start}
.me-v4 .v4-adim:not(:last-child)::after{content:""; position:absolute; top:23px; left:62px; right:-20px; height:2px; background:linear-gradient(90deg, var(--v4-turuncu), rgba(255,140,0,.35))}
.me-v4 .v4-adim-no{display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--v4-ink); color:var(--v4-amber); font-size:18px; font-weight:700; box-shadow:0 0 0 6px #fff, 0 0 0 7px var(--v4-cizgi)}
.me-v4 .v4-adim-h{margin:0 0 6px; color:var(--v4-ink); font-size:18px; line-height:1.3; font-weight:700}
.me-v4 .v4-adim-metin p{margin:0; color:var(--v4-metin); font-size:15px; line-height:1.6}
.me-v4 .v4-kurallar-blok{padding:26px 28px 28px; border-radius:18px; background:var(--v4-krem)}
.me-v4 .v4-kurallar{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; margin:0; padding:0; list-style:none}
.me-v4 .v4-kural{display:grid; gap:10px; align-content:start; padding:18px; border:1px solid var(--v4-cizgi); border-top:4px solid var(--v4-ink); border-radius:14px; background:#fff}
.me-v4 .v4-kural--onay{border-top-color:var(--v4-ok)}
.me-v4 .v4-kural--ekis{border-top-color:var(--v4-turuncu)}
.me-v4 .v4-kural--garanti{border-top-color:#5C7F78}
.me-v4 .v4-kural-ust{display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px}
.me-v4 .v4-kural-ikon{display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:var(--v4-krem); color:var(--v4-tm)}
.me-v4 .v4-kural-h{margin:0; color:var(--v4-ink); font-size:17px; line-height:1.3; font-weight:700}
.me-v4 .v4-kural-adim{margin-left:auto; padding:2px 9px; border-radius:999px; background:var(--v4-krem); color:var(--v4-soluk); font-size:12px; font-weight:700; white-space:nowrap}
.me-v4 .v4-kural p{margin:0; color:var(--v4-metin); font-size:14.5px; line-height:1.55}
.me-v4 .v4-surec-alt{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; margin:22px 0 0}

/* ---------- SSS ---------- */
.me-v4 .v4-sss-grid{display:grid; grid-template-columns:minmax(0,4fr) minmax(0,7fr); gap:28px 56px; align-items:start}
.me-v4 .v4-sss-grid > .v4-bas{grid-template-columns:1fr; align-items:start; margin:0}
.me-v4 .v4-sss-grid .v4-bas-sag{display:grid; gap:18px; justify-items:start}
.me-v4 .v4-sss-liste{display:grid; gap:10px}
.me-v4 .v4-sss{border:1px solid var(--v4-cizgi); border-radius:14px; background:#fff}
.me-v4 .v4-sss > summary{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:60px; padding:14px 20px; color:var(--v4-ink); font-size:16px; line-height:1.4; font-weight:600}
.me-v4 .v4-sss-ok{color:var(--v4-tm); transition:transform .15s}
.me-v4 .v4-sss[open] .v4-sss-ok{transform:rotate(45deg)}
.me-v4 .v4-sss > p{margin:0; padding:0 20px 18px; color:var(--v4-metin); font-size:15.5px; line-height:1.65}

/* ---------- Servis alanı: bölge ilişkisi, kullanım bağlamı, semtler ---------- */
.me-v4 .v4-alan{display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:28px; align-items:start; margin:0 0 32px}
.me-v4 .v4-iliski{display:grid; gap:16px; padding:24px; border-radius:18px; background:linear-gradient(165deg, var(--v4-ink), #1A3432); color:var(--v4-koyu-metin)}
.me-v4 .v4-iliski-h{display:flex; align-items:center; gap:10px; margin:0; color:#fff; font-size:18px; line-height:1.3; font-weight:700}
.me-v4 .v4-iliski-h .v4-i{color:var(--v4-amber)}
.me-v4 .v4-agac{position:relative; display:grid; gap:8px; margin:0; padding:0 0 0 22px; list-style:none}
.me-v4 .v4-agac::before{content:""; position:absolute; top:22px; bottom:24px; left:6px; width:2px; background:rgba(255,180,84,.45)}
.me-v4 .v4-agac li{position:relative}
.me-v4 .v4-agac li::before{content:""; position:absolute; top:18px; left:-21px; width:12px; height:12px; border:2px solid var(--v4-amber); border-radius:50%; background:var(--v4-ink)}
.me-v4 .v4-agac li.v4-agac-bu::before{background:var(--v4-turuncu); border-color:var(--v4-turuncu)}
.me-v4 .v4-agac a, .me-v4 .v4-agac-bu{display:grid; gap:2px; min-height:50px; padding:8px 12px; border-radius:10px; text-decoration:none}
.me-v4 .v4-agac a{border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); color:#fff}
.me-v4 .v4-agac a:hover{border-color:var(--v4-amber)}
.me-v4 .v4-agac-bu{background:var(--v4-turuncu); color:var(--v4-ink)}
.me-v4 .v4-agac-ad{font-size:15px; line-height:1.35; font-weight:700}
.me-v4 .v4-agac a .v4-agac-ad{text-decoration:underline; text-decoration-color:rgba(255,180,84,.6); text-underline-offset:4px}
.me-v4 .v4-agac-alt{color:var(--v4-koyu-soluk); font-size:13px; line-height:1.35}
.me-v4 .v4-agac-bu .v4-agac-alt{color:#3A2A10}
.me-v4 .v4-oncelik{padding:14px 16px; border:1px solid rgba(255,180,84,.38); border-radius:12px; background:rgba(255,255,255,.06)}
.me-v4 .v4-oncelik-h{margin:0 0 4px; color:var(--v4-amber); font-size:12.5px; line-height:1.3; font-weight:700; letter-spacing:.08em; text-transform:uppercase}
.me-v4 .v4-oncelik p + p{margin:0; color:var(--v4-koyu-metin); font-size:14.5px; line-height:1.55}
.me-v4 .v4-dagitim{display:flex; gap:10px; align-items:flex-start; margin:0; color:var(--v4-koyu-soluk); font-size:14px; line-height:1.55}
.me-v4 .v4-dagitim .v4-i{margin-top:2px; color:var(--v4-amber)}
.me-v4 .v4-dizin{margin:0}
.me-v4 .v4-dizin a{display:flex; align-items:center; gap:10px; min-height:48px; padding:10px 14px; border-radius:10px; background:#fff; color:var(--v4-ink); font-size:15px; font-weight:700; text-decoration:none}
.me-v4 .v4-dizin a span{margin-left:auto; color:var(--v4-soluk); font-size:13px; font-weight:500}
.me-v4 .v4-dizin a .v4-i{color:var(--v4-tm)}
.me-v4 .v4-dizin a:hover{background:var(--v4-krem)}
.me-v4 .v4-kullanim .v4-h3{margin-bottom:8px}
.me-v4 .v4-ilke{margin:0 0 18px; padding:10px 14px; border-left:3px solid var(--v4-turuncu); background:var(--v4-krem-2); color:var(--v4-ink); font-size:15.5px; line-height:1.55; font-weight:600}
.me-v4 .v4-kul-kartlar{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px}
.me-v4 .v4-kul{display:flex; flex-direction:column; gap:10px; padding:18px 20px; border:1px solid var(--v4-cizgi); border-top:3px solid var(--v4-yesil); border-radius:14px; background:#fff}
.me-v4 .v4-kul:nth-child(even){border-top-color:var(--v4-turuncu)}
.me-v4 .v4-kul-h{display:flex; align-items:center; gap:10px; margin:0; color:var(--v4-ink); font-size:17px; line-height:1.3; font-weight:700}
.me-v4 .v4-kul-h .v4-i{color:var(--v4-tm)}
.me-v4 .v4-kul > p{margin:0; color:var(--v4-metin); font-size:15px; line-height:1.55}
.me-v4 .v4-kul-semt{display:flex; flex-wrap:wrap; align-items:center; gap:8px}
.me-v4 .v4-kul-semt .v4-mini-et{margin:0 4px 0 0}
.me-v4 .v4-semt-cip{display:inline-flex; align-items:center; gap:7px; min-height:36px; padding:6px 13px; border:1px solid var(--v4-cizgi-3); border-radius:999px; background:var(--v4-krem-2); color:var(--v4-ink); font-size:14px; font-weight:600; text-decoration:none}
.me-v4 .v4-semt-cip::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--v4-turuncu)}
.me-v4 .v4-semt-cip:hover{border-color:var(--v4-tm); color:var(--v4-tm)}
.me-v4 .v4-kul-kayit{display:grid; margin:0; padding:8px 0 0; border-top:1px dashed var(--v4-cizgi-3); list-style:none}
.me-v4 .v4-kul-kayit a{display:inline-flex; align-items:center; min-height:36px; color:var(--v4-metin); font-size:13.5px; line-height:1.4; text-decoration:underline; text-decoration-color:var(--v4-cizgi-3); text-underline-offset:3px}
.me-v4 .v4-kul-kayit a:hover{color:var(--v4-ink); text-decoration-color:var(--v4-turuncu)}
.me-v4 .v4-semt-blok{padding:26px 28px 28px; border:1px solid var(--v4-cizgi); border-radius:18px; background:var(--v4-krem-2)}
.me-v4 .v4-semt-bas{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 16px; margin:0 0 16px}
.me-v4 .v4-semt-bas .v4-h3{margin:0}
.me-v4 .v4-semt-bas p{margin:0; color:var(--v4-soluk); font-size:14px}
.me-v4 .v4-semtler{display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); gap:10px; margin:0 0 24px; padding:0; list-style:none}
.me-v4 .v4-semtler a{display:flex; flex-direction:column; justify-content:center; gap:2px; height:100%; min-height:60px; padding:10px 14px; border:1px solid var(--v4-cizgi-2); border-radius:12px; background:#fff; color:var(--v4-ink); font-size:15px; line-height:1.3; font-weight:700; text-decoration:none}
.me-v4 .v4-semtler a:hover{border-color:var(--v4-tm); color:var(--v4-tm)}
.me-v4 .v4-sayac{color:var(--v4-tm); font-size:12.5px; font-weight:600}
.me-v4 .v4-alan-alt{display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:20px 40px; padding-top:20px; border-top:1px solid var(--v4-cizgi)}
.me-v4 .v4-mahalleler{margin:0; color:var(--v4-metin); font-size:15px; line-height:1.7}
.me-v4 .v4-kaynak{margin:6px 0 0; color:var(--v4-soluk); font-size:13px}
.me-v4 .v4-komsular{display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none}
.me-v4 .v4-komsular a{display:inline-flex; align-items:center; min-height:40px; padding:6px 14px; border:1px solid var(--v4-cizgi-3); border-radius:999px; background:#fff; color:var(--v4-ink); font-size:14.5px; font-weight:600; text-decoration:none}
.me-v4 .v4-komsular a:hover{border-color:var(--v4-tm); color:var(--v4-tm)}

/* ---------- Kapanış (footer'ın koyu e-bülten bandıyla birleşmesin diye kutu) ---------- */
.me-v4 .v4-kapanis{padding:0 0 clamp(48px, 5vw, 72px); background:#fff}
.me-v4 .v4-kapanis-ic{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px 40px; align-items:center; padding:clamp(24px, 3vw, 40px); border-left:6px solid var(--v4-turuncu); border-radius:20px; background:linear-gradient(135deg, var(--v4-ink), #21413E); color:var(--v4-koyu-metin)}
.me-v4 .v4-kapanis-h{margin:0 0 6px; color:#fff; font-size:clamp(24px, 1vw + 17px, 32px); line-height:1.2; font-weight:700}
.me-v4 .v4-kapanis-ic p{margin:0; color:var(--v4-koyu-soluk); font-size:16px}
.me-v4 .v4-kapanis-cta{display:flex; flex-wrap:wrap; gap:12px}

/* ---------- Tablet: 700–1099 px ---------- */
@media (max-width:1099px){
  .me-v4 .v4-gez-liste{grid-template-columns:repeat(3, minmax(0,1fr))}
  .me-v4 .v4-kartlar{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v4-vaka{grid-template-columns:200px minmax(0,1fr); gap:24px}
  .me-v4 .v4-akis{grid-auto-flow:row; grid-auto-columns:auto; gap:8px}
  .me-v4 .v4-akis-adim{grid-template-columns:104px minmax(0,1fr); gap:12px; padding:10px 14px}
  .me-v4 .v4-akis-adim:not(:last-child)::after{display:none}
  .me-v4 .v4-tam{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v4-aileler{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v4-hiz-liste{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:0}
  .me-v4 .v4-hiz:nth-child(2){border-top:0}
  .me-v4 .v4-hiz:nth-child(odd){border-right:1px solid rgba(255,255,255,.09)}
  .me-v4 .v4-kurallar{grid-template-columns:repeat(2, minmax(0,1fr))}
  .me-v4 .v4-alan{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v4-semtler{grid-template-columns:repeat(4, minmax(0,1fr))}
}
@media (max-width:899px){
  .me-v4 .v4-bas{grid-template-columns:minmax(0,1fr); gap:14px}
  .me-v4 .v4-yon{font-size:16px}
  .me-v4 .v4-adimlar{grid-template-columns:minmax(0,1fr); gap:0}
  .me-v4 .v4-adim{grid-template-columns:48px minmax(0,1fr); gap:16px; padding-bottom:22px}
  .me-v4 .v4-adim:last-child{padding-bottom:0}
  .me-v4 .v4-adim:not(:last-child)::after{top:58px; bottom:6px; left:23px; right:auto; width:2px; height:auto; background:linear-gradient(180deg, var(--v4-turuncu), rgba(255,140,0,.35))}
  .me-v4 .v4-dersler{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v4-sss-grid{grid-template-columns:minmax(0,1fr); gap:20px}
  .me-v4 .v4-dk > summary{grid-template-columns:78px minmax(0,1fr) auto; grid-template-areas:"tarih semt tur" "baslik baslik ok"; gap:4px 12px; padding:12px 18px}
  .me-v4 .v4-dk-tarih{grid-area:tarih}
  .me-v4 .v4-dk-semt{grid-area:semt}
  .me-v4 .v4-dk .v4-chip{grid-area:tur; justify-self:end}
  .me-v4 .v4-dk-baslik{grid-area:baslik}
  .me-v4 .v4-dk-ok{grid-area:ok; align-self:start}
  .me-v4 .v4-alan-alt{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v4-guv-liste{grid-template-columns:repeat(2, minmax(0,1fr))}
  .me-v4 .v4-kapanis-ic{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:700px) and (max-width:899px){
  .me-v4 .v4-tablo thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0)}
  .me-v4 .v4-tablo, .me-v4 .v4-tablo tbody{display:block; width:auto}
  .me-v4 .v4-tablo tbody tr{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:24px; padding:4px 0 10px}
  .me-v4 .v4-tablo tbody th{grid-column:1 / -1; width:auto; padding:14px 18px 6px}
  .me-v4 .v4-tablo td{width:auto; padding:6px 18px; border-top:0}
  .me-v4 .v4-tablo td:last-child{grid-column:1 / -1; width:auto; padding-top:0}
  .me-v4 .v4-tablo td::before{content:attr(data-label); display:block; margin-bottom:2px; color:var(--v4-tm); font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase}
  .me-v4 .v4-tablo td:last-child::before{display:none}
  .me-v4 .v4-tablo tbody tr + tr{border-top:1px solid var(--v4-cizgi)}
}

/* ---------- Mobil: 699 px ve altı ---------- */
@media (max-width:699px){
  .me-v4 .v4-ust{padding:10px 0 28px}
  .me-v4 .v4-guvence{padding:18px 16px; gap:14px}
  .me-v4 .v4-guv-bas{flex-wrap:wrap; gap:12px}
  .me-v4 .v4-guv-baslik{flex-basis:calc(100% - 60px); font-size:16px}
  .me-v4 .v4-guv-google{margin-left:58px}
  .me-v4 .v4-guv-liste{grid-template-columns:minmax(0,1fr); gap:8px}
  .me-v4 .v4-guv-liste li{min-height:44px; padding:8px 12px; font-size:14px}
  .me-v4 .v4-gez-liste{grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px}
  .me-v4 .v4-gez-liste li:last-child{grid-column:1 / -1}
  .me-v4 .v4-gez-liste a{min-height:60px; padding:10px 12px; gap:10px}
  .me-v4 .v4-gez-no{width:32px; height:32px; font-size:12px}
  .me-v4 .v4-kartlar{grid-template-columns:minmax(0,1fr); gap:16px}
  .me-v4 .v4-kart-bas{padding:16px 18px; gap:12px}
  .me-v4 .v4-kart-bas{flex-wrap:wrap}
  .me-v4 .v4-kart-adlar{flex:1 1 calc(100% - 62px)}
  .me-v4 .v4-bayrak{order:3; margin-left:60px}
  .me-v4 .v4-kart-ihtiyac, .me-v4 .v4-kart-not{padding:0 18px}
  .me-v4 .v4-kart{gap:14px; padding-bottom:12px}
  .me-v4 .v4-kart-satirlar{grid-template-columns:minmax(0,1fr); gap:10px; padding:0 18px}
  .me-v4 .v4-satir{padding:12px 14px}
  .me-v4 .v4-satir ul{gap:6px}
  .me-v4 .v4-satir li{font-size:14px}
  .me-v4 .v4-kart-ihtiyac{font-size:15px}
  .me-v4 .v4-kanit{padding:10px 12px}
  .me-v4 .v4-kanit{margin:0 18px}
  .me-v4 .v4-kart-linkler{padding:4px 18px 0; gap:0 18px}
  .me-v4 .v4-kart-linkler a{min-height:40px}
  .me-v4 .v4-tablo-sar{border:0; border-radius:0; background:transparent; overflow:visible}
  .me-v4 .v4-tablo, .me-v4 .v4-tablo tbody, .me-v4 .v4-tablo tr, .me-v4 .v4-tablo th, .me-v4 .v4-tablo td{display:block; width:auto}
  .me-v4 .v4-tablo thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0)}
  .me-v4 .v4-tablo tbody{display:grid; gap:12px}
  .me-v4 .v4-tablo tbody tr{border:1px solid var(--v4-cizgi); border-radius:14px; background:#fff; overflow:hidden}
  .me-v4 .v4-tablo tbody tr:nth-child(even){background:#fff}
  .me-v4 .v4-tablo tbody th{width:auto; padding:12px 16px; border-top:0; border-bottom:1px solid var(--v4-cizgi); background:var(--v4-krem-2)}
  .me-v4 .v4-tablo td{padding:8px 16px 0; border-top:0; font-size:14.5px}
  .me-v4 .v4-tablo td:last-child{width:auto; padding-bottom:8px}
  .me-v4 .v4-tablo td::before{content:attr(data-label); display:block; margin-bottom:2px; color:var(--v4-tm); font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase}
  .me-v4 .v4-tablo td:last-child::before{display:none}
  .me-v4 .v4-sonra{padding:14px 16px}
  .me-v4 .v4-sonra .v4-btn{width:100%}
  .me-v4 .v4-vaka{grid-template-columns:minmax(0,1fr); gap:16px; padding:24px 0}
  .me-v4 .v4-foto img{aspect-ratio:4 / 3}
  .me-v4 .v4-akis{gap:6px}
  .me-v4 .v4-akis-adim{display:block; padding:9px 12px}
  .me-v4 .v4-akis-et{display:inline; margin-right:6px}
  .me-v4 .v4-akis-metin{display:inline; font-size:14px}
  .me-v4 .v4-vaka-govde{gap:12px}
  .me-v4 .v4-vaka-h{font-size:18px}
  .me-v4 .v4-olgular div{grid-template-columns:minmax(0,1fr); gap:2px}
  .me-v4 .v4-foto--kucuk{max-width:none}
  .me-v4 .v4-ders{padding:18px 16px; gap:10px}
  .me-v4 .v4-ders-h{font-size:17px}
  .me-v4 .v4-defter > summary{padding:12px 16px}
  .me-v4 .v4-dk > summary{padding:12px 16px}
  .me-v4 .v4-dk-govde{padding:4px 16px 18px}
  .me-v4 .v4-hiz-liste{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v4-hiz:nth-child(2){border-top:1px solid rgba(255,255,255,.09)}
  .me-v4 .v4-hiz:nth-child(odd){border-right:0}
  .me-v4 .v4-aile-bas, .me-v4 .v4-hiz{padding-left:16px; padding-right:16px}
  .me-v4 .v4-hiz{padding-top:10px; padding-bottom:10px; gap:2px}
  .me-v4 .v4-hiz-kapsam{font-size:13.5px}
  .me-v4 .v4-kurallar-blok{padding:20px 16px}
  .me-v4 .v4-kurallar{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v4-surec-alt .v4-btn{width:100%}
  .me-v4 .v4-sss > summary{padding:12px 16px; font-size:15.5px}
  .me-v4 .v4-sss > p{padding:0 16px 16px}
  .me-v4 .v4-iliski{padding:20px 16px}
  .me-v4 .v4-kul-kartlar{grid-template-columns:minmax(0,1fr); gap:12px}
  .me-v4 .v4-kul{padding:16px}
  .me-v4 .v4-semt-blok{padding:20px 16px}
  .me-v4 .v4-semtler{grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px}
  .me-v4 .v4-kapanis-ic{grid-template-columns:minmax(0,1fr); padding:24px 20px; border-left-width:4px}
  .me-v4 .v4-kapanis-cta .v4-btn{width:100%; padding-inline:16px; gap:8px}
}

/* Hareket azaltma: geçiş ve dönüşler kapanır; sayfada zorunlu animasyon yoktur. */
@media (prefers-reduced-motion:reduce){
  .me-v4 *, .me-v4 *::before, .me-v4 *::after{transition:none !important; animation:none !important}
  .me-v4 .v4-gez-liste a:hover, .me-v4 .v4-lnk-ana:hover .v4-i{transform:none}
}
/* V4.1: yalnız pilot gövdesi. Onaylı header / hero / footer etkilenmez. */
.me-v4 .v4-sec--koyu { background: #2F4F4F; }
.me-v4 .v4-kart { border-color: #DCE3DF; box-shadow: 0 10px 28px -24px rgba(47,79,79,.35); }
.me-v4 .v4-kart-bas,
.me-v4 .v4-kart--acil .v4-kart-bas { border-top-width: 3px; border-top-color: #2F4F4F; background: #FBFCFB; }
.me-v4 .v4-kart-ikon { background: #EDF2EF; color: #2F4F4F; }
.me-v4 .v4-kart-etiket { color: #526765; letter-spacing: .035em; }
.me-v4 .v4-satir--kontrol,
.me-v4 .v4-satir--bilgi { background: #F8FAF8; border-color: #E0E7E2; }
.me-v4 .v4-kanit { background: #F7F8F5; border-left-color: #8DA49D; }
.me-v4 .v4-mini-et { color: #526765; letter-spacing: .025em; text-transform: none; }
.me-v4 .v4-guv-google img { flex: none; object-fit: contain; }

/* Kaynak olguları korunur; çözüm örneklerinde ikincil etiketler geri çekilir. */
.me-v4 .v4-ders { background: #FBFCFB; border-color: #DCE3DF; box-shadow: none; }
.me-v4 .v4-ders-h .v4-i { color: #2F4F4F; }
.me-v4 .v4-ders-yak { color: #455F5C; }

/* Hizmet dizininde üç farklı renk ailesi yerine tek marka yüzeyi. */
.me-v4 .v4-aile { background: rgba(255,255,255,.035); border-color: rgba(255,255,255,.25); }
.me-v4 .v4-aile-bas,
.me-v4 .v4-aile--zayif .v4-aile-bas,
.me-v4 .v4-aile--planli .v4-aile-bas { border-top: 2px solid rgba(255,255,255,.45); background: rgba(255,255,255,.04); }
.me-v4 .v4-aile-ikon,
.me-v4 .v4-aile--zayif .v4-aile-ikon,
.me-v4 .v4-aile--planli .v4-aile-ikon { background: rgba(255,255,255,.1); color: #FFF; }
.me-v4 .v4-aile-sayi { background: transparent; padding-left: 0; color: #DFE9E5; font-weight: 400; }
.me-v4 .v4-hiz-ad { text-decoration-color: rgba(255,255,255,.5); text-decoration-thickness: 1px; }
.me-v4 .v4-hiz-ad .v4-i { color: #DFE9E5; }
.me-v4 .v4-hiz-kapsam,
.me-v4 .v4-aile-acik { color: #DFE9E5; }
.me-v4 .v4-hiz-kayit { color: #DFE9E5; text-decoration-color: rgba(255,255,255,.4); font-weight: 400; }
.me-v4 .v4-hiz-kayit::before { background: #C4D6CE; width: 5px; height: 5px; }
.me-v4 .v4-bas--koyu .v4-vurgu { color: #FFF; }
.me-v4 .v4-kapanis-ic { background: #2F4F4F; border-left-width: 4px; }

/* Servis ağacı okunaklı açık panel; tüm metin ve bağlantılar yerinde kalır. */
.me-v4 .v4-iliski { background: #F1F5F2; border: 1px solid #DCE3DF; color: #2F4F4F; }
.me-v4 .v4-iliski-h,
.me-v4 .v4-iliski-h .v4-i { color: #2F4F4F; }
.me-v4 .v4-agac::before { background: #A6B9B0; }
.me-v4 .v4-agac li::before { background: #F1F5F2; border-color: #7B9990; }
.me-v4 .v4-agac a { background: #FFF; color: #2F4F4F; border-color: #CFDAD4; }
.me-v4 .v4-agac a .v4-agac-ad { text-decoration-color: #A6B9B0; }
.me-v4 .v4-agac-bu { background: #2F4F4F; color: #FFF; }
.me-v4 .v4-agac-bu .v4-agac-alt { color: #DFE9E5; }
.me-v4 .v4-agac-alt { color: #526765; }
.me-v4 .v4-agac li.v4-agac-bu::before { background: #2F4F4F; border-color: #2F4F4F; }
.me-v4 .v4-oncelik { background: #FFF; border-color: #CFDAD4; }
.me-v4 .v4-oncelik-h { color: #2F4F4F; letter-spacing: .025em; text-transform: none; }
.me-v4 .v4-oncelik p + p,
.me-v4 .v4-dagitim { color: #455F5C; }
.me-v4 .v4-dagitim .v4-i { color: #2F4F4F; }
.me-v4 .v4-kul,
.me-v4 .v4-kul:nth-child(even) { border-top: 2px solid #8DA49D; }
.me-v4 .v4-kul-h .v4-i { color: #2F4F4F; }
.me-v4 .v4-semt-cip { background: #F8FAF8; border-color: #CFDAD4; }
.me-v4 .v4-semt-cip::before { background: #8DA49D; }

/* Mevcut Pratik Bilgiler / HowTo numara ailesi ve aynı pulse animasyonu. */
.me-v4 .v4-gez-no.me-howto-step-number,
.me-v4 .v4-adim-no.me-howto-step-number {
  background: linear-gradient(135deg, var(--primary-color, #FF8C00), var(--primary-dark, #E67E00));
  color: #122222; border-radius: 50%; isolation: isolate;
}
.me-v4 .v4-gez-no.me-howto-step-number { width: 36px; height: 36px; font-size: 14px; }
.me-v4 .v4-adim-no.me-howto-step-number { width: 48px; height: 48px; font-size: 18px; }
.me-v4 .v4-gez-liste li:nth-child(2) .me-howto-step-number::after,
.me-v4 .v4-adim:nth-child(2) .me-howto-step-number::after { animation-delay: .5s; }
.me-v4 .v4-gez-liste li:nth-child(3) .me-howto-step-number::after,
.me-v4 .v4-adim:nth-child(3) .me-howto-step-number::after { animation-delay: 1s; }
.me-v4 .v4-gez-liste li:nth-child(4) .me-howto-step-number::after,
.me-v4 .v4-adim:nth-child(4) .me-howto-step-number::after { animation-delay: 1.5s; }
.me-v4 .v4-gez-liste li:nth-child(5) .me-howto-step-number::after { animation-delay: 2s; }

/* Canlıdaki CTA ailesi: turuncu arama + beyaz, gerçek logolu WhatsApp. */
.me-v4 .v4-btn.cta-button { padding: 14px 28px; border: 2px solid #FF8C00; background: #FF8C00; color: #122222; font-weight: 700; }
.me-v4 .v4-btn.cta-button:hover { background: #FFF; color: #A05200; border-color: #DCE3DF; }
.me-v4 .v4-btn.cta-button.cta-button-white { background: #FFF; color: #2F4F4F; border-color: #DCE3DF; }
.me-v4 .v4-btn.cta-button.cta-button-white:hover { background: #FF8C00; color: #122222; border-color: #FF8C00; }
.me-v4 .v4-wa-logo { flex: none; width: 24px; height: 24px; object-fit: contain; }
@media (max-width: 699px) {
  .me-v4 .v4-btn.cta-button { padding: 12px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .me-v4 .me-howto-step-number::after { animation: none !important; }
}

/* Masal Elektrik · Beşiktaş V5 — yalnız dört gövde yüzeyi
   1) #is-turu .v4-kartlar      iş türü kartları: kimlik · kontrol · sizden istenen · gerçek kayıt ve bağlantılar
   2) #gercek-isler .v4-dersler-blok   sahadan çözüm örnekleri: krem tepside dört saha kartı
   3) #hizmetler                hizmet dizini: krem bölümde üç aile, yeşil kimlik paneli
   4) #servis-alani .v4-alan    bölge yolu, öncelikli servis, yapının kullanımına göre hazırlık
   5) #ilk-adim tablosu         yalnız 900 px ve üstünde kart düzeni (kullanıcı isteği; HTML aynı, tablet/mobil aynı)
   6) .v4-guv-google            yalnız 379 px ve altında sol boşluk sıfır (320 px taşma düzeltmesi, kullanıcı isteği)
   Bütün kurallar .me-v4 altında ve yalnız v5- sınıflarına ya da bu yüzeylerin kapsayıcısına yazılır.
   Header, yorum/slogan bantları, menü, hero, footer, gerçek işler fotoğraflı kartları, süreç/fiyat, SSS,
   kayıt defteri ve semt dizini bu dosyadan etkilenmez. Dil, onaylı süreç/fiyat bölümünün ailesidir:
   beyaz kart + ince kenar + üst/yan vurgu, krem tepsi, krem kare simge, küçük büyük harf etiket,
   turuncu alt çizgili ana bağlantı. Turuncu yalnız küçük vurgu; yapı yeşildir. */

.me-v4{
  --v5-zemin-yesil:#EEF3F0; --v5-cizgi-yesil:#D2DDD7; --v5-ic-cizgi:#ECE6DB;
  --v5-golge:0 1px 2px rgba(18,34,34,.04), 0 16px 32px -28px rgba(18,34,34,.38);
}

/* ---------- Ortak parçalar ---------- */
.me-v4 .v5-et{display:block; margin:0 0 10px; color:var(--v4-soluk); font-size:12px; line-height:1.35; font-weight:700; letter-spacing:.08em; text-transform:uppercase}
.me-v4 .v5-ikon{flex:none; display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:var(--v4-krem); color:var(--v4-tm)}
.me-v4 .v5-ikon .v4-i{width:22px; height:22px}
/* Metin akar, simge son kelimeyle birlikte kalır; dokunma alanı dolgu ile en az 44 px. */
.me-v4 .v5-git{display:inline-block; padding:11px 0; color:var(--v4-ink); font-size:15px; line-height:1.4; font-weight:600; text-decoration:underline; text-decoration-color:var(--v4-cizgi-3); text-decoration-thickness:1px; text-underline-offset:5px}
.me-v4 .v5-git .v4-i{display:inline-block; width:16px; height:16px; margin-left:7px; vertical-align:-3px; color:var(--v4-tm)}
.me-v4 .v5-git--ana{font-weight:700; text-decoration-color:var(--v4-turuncu); text-decoration-thickness:2px}
.me-v4 .v5-kuyruk, .me-v4 .v5-nw{white-space:nowrap}
.me-v4 .v5-git:hover{color:var(--v4-tm); text-decoration-color:var(--v4-turuncu)}

/* ---------- 1) İş türü kartları ---------- */
.me-v4 .v4-kartlar.v5-turler{display:grid; grid-template-columns:minmax(0,1fr); gap:18px}
.me-v4 .v5-tur{position:relative; display:grid; grid-template-columns:minmax(0,1.32fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.12fr); border:1px solid var(--v4-cizgi); border-radius:18px; background:#fff; box-shadow:var(--v5-golge); overflow:hidden; scroll-margin-top:calc(var(--v4-sticky) + 16px)}
.me-v4 .v5-tur::before{content:""; position:absolute; top:0; bottom:0; left:0; width:4px; background:var(--v4-yesil)}
.me-v4 .v5-tur--acil::before{background:var(--v4-turuncu)}
.me-v4 .v5-tur-kimlik{display:flex; flex-direction:column; align-items:flex-start; gap:14px; padding:26px 26px 24px 32px}
.me-v4 .v5-tur-bas{display:flex; align-items:center; gap:14px}
.me-v4 .v5-tur-adlar{min-width:0}
.me-v4 .v5-tur-etiket{margin:0 0 3px; color:var(--v4-soluk); font-size:12px; line-height:1.3; font-weight:700; letter-spacing:.08em; text-transform:uppercase}
.me-v4 .v5-tur-h{margin:0; color:var(--v4-ink); font-size:20px; line-height:1.25; font-weight:700; letter-spacing:-.01em}
.me-v4 .v5-bayrak{display:inline-flex; align-items:center; gap:6px; margin:-2px 0 0; padding:4px 11px; border-radius:999px; background:#FDE8E6; color:#8B2420; font-size:12.5px; line-height:1.4; font-weight:700}
.me-v4 .v5-bayrak .v4-i{width:14px; height:14px}
.me-v4 .v5-tur-zaman{margin:0; color:var(--v4-ink); font-size:15.5px; line-height:1.6}
.me-v4 .v5-tur-zaman .v5-et{margin-bottom:4px}
.me-v4 .v5-tur-not{display:flex; align-items:flex-start; gap:8px; margin:auto 0 0; padding-top:12px; border-top:1px dashed var(--v4-cizgi-3); color:var(--v4-soluk); font-size:14px; line-height:1.5}
.me-v4 .v5-tur-not .v4-i{width:16px; height:16px; margin-top:2px; color:var(--v4-yesil)}
.me-v4 .v5-tur-liste{padding:26px 22px 24px; border-left:1px solid var(--v5-ic-cizgi)}
.me-v4 .v5-tur-liste ul{display:grid; gap:12px; margin:0; padding:0; list-style:none}
.me-v4 .v5-tur-liste li{display:flex; align-items:flex-start; gap:10px; margin:0; color:var(--v4-ink); font-size:14.5px; line-height:1.5}
.me-v4 .v5-tur-liste li .v4-i{width:17px; height:17px; margin-top:2px}
.me-v4 .v5-tur-liste--kontrol li .v4-i{color:var(--v4-ok)}
.me-v4 .v5-tur-liste--bilgi li .v4-i{color:var(--v4-tm)}
.me-v4 .v5-tur-kanit{display:flex; flex-direction:column; gap:14px; padding:24px 24px 14px; background:var(--v5-zemin-yesil)}
.me-v4 .v5-tur-kanit .v5-et{display:flex; align-items:center; gap:6px; margin-bottom:6px; color:var(--v4-yesil)}
.me-v4 .v5-tur-kanit .v5-et .v4-i{width:15px; height:15px; color:var(--v4-tm)}
.me-v4 .v5-kayit{display:grid; gap:4px; color:var(--v4-ink); text-decoration:none}
.me-v4 .v5-kayit-yer{justify-self:start; color:var(--v4-tm); font-size:13.5px; line-height:1.4; font-weight:700; text-decoration:underline; text-decoration-color:rgba(160,82,0,.4); text-underline-offset:3px}
.me-v4 .v5-kayit-metin{font-size:14.5px; line-height:1.5}
.me-v4 .v5-kayit:hover .v5-kayit-yer{text-decoration-color:var(--v4-turuncu)}
.me-v4 .v5-tur-linkler{display:grid; justify-items:start; margin:auto 0 0; padding-top:8px; border-top:1px solid var(--v5-cizgi-yesil)}

/* ---------- 2) Sahadan çözüm örnekleri ---------- */
.me-v4 .v4-dersler-blok.v5-saha-blok{margin:0 0 48px; padding:clamp(22px, 2.6vw, 36px); border-radius:22px; background:var(--v4-krem)}
.me-v4 .v5-saha-bas{display:grid; grid-template-columns:minmax(0,4fr) minmax(0,7fr); gap:8px 40px; align-items:end; margin:0 0 24px}
.me-v4 .v5-saha-bas .v4-h3{margin:0}
.me-v4 .v5-saha-yon{margin:0; color:var(--v4-soluk); font-size:15px; line-height:1.6}
.me-v4 .v5-saha-liste{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px}
.me-v4 .v5-saha{display:flex; flex-direction:column; gap:18px; padding:24px 24px 12px; border:1px solid var(--v4-cizgi); border-top:3px solid var(--v4-yesil); border-radius:16px; background:#fff}
.me-v4 .v5-saha-ust{display:flex; align-items:flex-start; gap:14px}
.me-v4 .v5-saha-h{margin:0; color:var(--v4-ink); font-size:18px; line-height:1.35; font-weight:700}
.me-v4 .v5-saha-baglam{display:flex; align-items:center; gap:6px; margin:4px 0 0; color:var(--v4-soluk); font-size:13.5px; line-height:1.4}
.me-v4 .v5-saha-baglam .v4-i{width:14px; height:14px; color:var(--v4-tm)}
.me-v4 .v5-saha-kapsam .v5-et, .me-v4 .v5-saha-is .v5-et{margin-bottom:6px}
.me-v4 .v5-saha-kapsam p:last-child{margin:0; color:var(--v4-ink); font-size:15px; line-height:1.6}
.me-v4 .v5-saha-akis{position:relative; display:grid; gap:14px; margin:0; padding:0 0 0 26px; list-style:none}
.me-v4 .v5-saha-akis::before{content:""; position:absolute; top:12px; bottom:12px; left:5px; width:2px; border-radius:2px; background:linear-gradient(180deg, var(--v4-turuncu), rgba(255,140,0,.28))}
.me-v4 .v5-saha-akis li{position:relative; display:grid; gap:2px; margin:0}
.me-v4 .v5-saha-akis li::before{content:""; position:absolute; top:8px; left:-26px; width:12px; height:12px; border:2px solid var(--v4-turuncu); border-radius:50%; background:#fff}
.me-v4 .v5-saha-kayit{justify-self:start; display:inline-flex; align-items:center; min-height:28px; color:var(--v4-tm); font-size:13px; line-height:1.3; font-weight:700; letter-spacing:.02em; text-decoration:underline; text-decoration-color:rgba(160,82,0,.4); text-underline-offset:3px}
.me-v4 .v5-saha-kayit:hover{text-decoration-color:var(--v4-turuncu)}
.me-v4 .v5-saha-akis p{margin:0; color:var(--v4-ink); font-size:14.5px; line-height:1.55}
.me-v4 .v5-saha-alt{margin-top:auto; padding-top:14px; border-top:1px solid var(--v5-ic-cizgi)}
.me-v4 .v5-saha-alt .v5-et{margin-bottom:2px}
.me-v4 .v5-saha-yollar{display:grid; margin:0; padding:0; list-style:none}
.me-v4 .v5-saha-yollar li{margin:0}
.me-v4 .v5-saha-yollar li + li{border-top:1px dashed var(--v5-ic-cizgi)}
.me-v4 .v5-cozum{display:flex; align-items:center; gap:10px; min-height:46px; color:var(--v4-ink); font-size:15px; line-height:1.35; font-weight:700; text-decoration:none}
.me-v4 .v5-cozum > span{text-decoration:underline; text-decoration-color:var(--v4-turuncu); text-decoration-thickness:2px; text-underline-offset:5px}
.me-v4 .v5-cozum .v4-i{width:18px; height:18px; color:var(--v4-yesil)}
.me-v4 .v5-cozum .v4-i:last-child{width:16px; height:16px; margin-left:auto; color:var(--v4-tm)}
.me-v4 .v5-cozum:hover{color:var(--v4-tm)}

/* ---------- 3) Hizmetler ---------- */
.me-v4 .v4-sec.v5-hizmetler{background:var(--v4-krem)}
.me-v4 .v5-dizin{display:grid; gap:18px}
.me-v4 .v5-aile{border:1px solid var(--v4-cizgi); border-radius:20px; background:#fff; box-shadow:var(--v5-golge); overflow:hidden}
.me-v4 .v5-aile-bas{display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr); align-items:center; gap:10px 36px; padding:18px 28px; border-bottom:1px solid var(--v5-cizgi-yesil); background:var(--v5-zemin-yesil)}
.me-v4 .v5-aile-ust{display:flex; align-items:center; gap:14px}
.me-v4 .v5-aile-ikon{flex:none; display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:var(--v4-yesil); color:#fff}
.me-v4 .v5-aile-ikon .v4-i{width:24px; height:24px}
.me-v4 .v5-aile-h{margin:0; color:var(--v4-ink); font-size:21px; line-height:1.25; font-weight:700; letter-spacing:-.01em}
.me-v4 .v5-aile-sayi{margin:3px 0 0; color:var(--v4-yesil); font-size:13.5px; line-height:1.3; font-weight:600}
.me-v4 .v5-aile-acik{margin:0; padding-left:24px; border-left:1px solid var(--v5-cizgi-yesil); color:var(--v4-soluk); font-size:14.5px; line-height:1.6}
.me-v4 .v5-hiz-liste{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); column-gap:12px; align-content:start; margin:0; padding:6px 16px 10px; list-style:none}
.me-v4 .v5-hiz{display:grid; gap:4px; align-content:start; margin:0; padding:18px 12px 18px}
.me-v4 .v5-hiz:nth-child(n+4){border-top:1px solid var(--v5-ic-cizgi)}
.me-v4 .v5-hiz-ad{justify-self:start; display:inline-block; padding:7px 0; color:var(--v4-ink); font-size:16.5px; line-height:1.35; font-weight:700; text-decoration:none}
.me-v4 .v5-hiz-ad .v4-i{display:inline-block; width:16px; height:16px; margin-left:8px; vertical-align:-2px; color:var(--v4-tm); transition:transform .15s}
.me-v4 .v5-hiz-ad:hover > span, .me-v4 .v5-hiz-ad:focus-visible > span{text-decoration:underline; text-decoration-color:var(--v4-turuncu); text-decoration-thickness:2px; text-underline-offset:5px}
.me-v4 .v5-hiz-ad:hover .v4-i{transform:translateX(3px)}
.me-v4 .v5-hiz-kapsam{margin:0; color:var(--v4-soluk); font-size:14px; line-height:1.55}
.me-v4 .v5-hiz-kayit{justify-self:start; display:inline-flex; align-items:center; gap:6px; min-height:32px; margin-top:2px; color:var(--v4-yesil); font-size:13px; line-height:1.3; font-weight:600; text-decoration:underline; text-decoration-color:var(--v5-cizgi-yesil); text-underline-offset:3px}
.me-v4 .v5-hiz-kayit .v4-i{width:14px; height:14px; color:var(--v4-tm)}
.me-v4 .v5-hiz-kayit:hover{text-decoration-color:var(--v4-turuncu)}

/* ---------- 4) Servis alanı ---------- */
.me-v4 .v4-alan.v5-alan{display:grid; grid-template-columns:minmax(0,1fr); gap:clamp(30px, 3vw, 44px); align-items:start; margin:0 0 36px}
/* Üst panel: tam genişlikte bölge yolu (süreç çizgisinin akrabası) + altında yatay öncelikli servis şeridi */
.me-v4 .v5-alan-ust{border:1px solid var(--v4-cizgi); border-radius:20px; background:#fff; box-shadow:var(--v5-golge); overflow:hidden}
.me-v4 .v5-bolge{padding:28px 32px 30px}
.me-v4 .v5-oncelik{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,3.6fr) minmax(0,3.4fr); grid-template-areas:"baslik dagitim dizin" "metin dagitim dizin"; gap:8px 32px; align-items:start; padding:22px 32px 24px; border-top:1px solid var(--v5-cizgi-yesil); background:var(--v5-zemin-yesil)}
.me-v4 .v5-oncelik > .v5-alan-h{grid-area:baslik}
.me-v4 .v5-oncelik > .v5-oncelik-metin{grid-area:metin}
.me-v4 .v5-oncelik > .v5-dagitim{grid-area:dagitim; align-self:center; padding-left:24px; border-left:1px solid var(--v5-cizgi-yesil)}
.me-v4 .v5-oncelik > .v5-dizin-git{grid-area:dizin; align-self:center}
.me-v4 .v5-alan-h{display:flex; align-items:center; gap:10px; margin:0; color:var(--v4-ink); font-size:18px; line-height:1.3; font-weight:700}
.me-v4 .v5-alan-h .v4-i{width:20px; height:20px; color:var(--v4-tm)}
.me-v4 .v5-yol{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; margin:26px 0 0; padding:0; list-style:none}
.me-v4 .v5-yol-adim{position:relative; margin:0; padding-top:38px}
.me-v4 .v5-yol-adim::before{content:""; position:absolute; top:1px; left:2px; width:20px; height:20px; border:3px solid var(--v4-yesil); border-radius:50%; background:#fff}
.me-v4 .v5-yol-adim:not(:last-child)::after{content:""; position:absolute; top:10px; left:22px; right:-20px; height:2px; background:var(--v5-cizgi-yesil)}
.me-v4 .v5-yol-adim--bu{display:grid; gap:4px; align-content:start}
.me-v4 .v5-yol-adim--bu::before{top:0; left:0; width:22px; height:22px; border:0; background:var(--v4-turuncu); box-shadow:0 0 0 6px rgba(255,140,0,.18)}
.me-v4 .v5-yol-adim a{display:grid; gap:4px; color:var(--v4-ink); text-decoration:none}
.me-v4 .v5-yol-ad{font-size:16px; line-height:1.3; font-weight:700}
.me-v4 .v5-yol-adim a .v5-yol-ad{text-decoration:underline; text-decoration-color:var(--v4-cizgi-3); text-decoration-thickness:1px; text-underline-offset:4px}
.me-v4 .v5-yol-adim a:hover .v5-yol-ad{color:var(--v4-tm); text-decoration-color:var(--v4-turuncu)}
.me-v4 .v5-yol-adim--bu .v5-yol-ad{color:var(--v4-yesil)}
.me-v4 .v5-yol-alt{color:var(--v4-soluk); font-size:13.5px; line-height:1.45}
.me-v4 .v5-oncelik-metin{margin:0; color:var(--v4-ink); font-size:15px; line-height:1.6}
.me-v4 .v5-dagitim{display:flex; align-items:flex-start; gap:10px; margin:0; color:var(--v4-soluk); font-size:14px; line-height:1.55}
.me-v4 .v5-dagitim .v4-i{width:16px; height:16px; margin-top:3px; color:var(--v4-yesil)}
.me-v4 .v5-dizin-git{width:100%; margin:0}
.me-v4 .v5-dizin-git a{display:flex; align-items:center; gap:10px; min-height:52px; padding:10px 16px; border:1px solid var(--v5-cizgi-yesil); border-radius:12px; background:#fff; color:var(--v4-ink); font-size:15px; line-height:1.3; font-weight:700; text-decoration:none}
.me-v4 .v5-dizin-git a:hover{border-color:var(--v4-tm)}
.me-v4 .v5-dizin-git a > span{white-space:nowrap}
.me-v4 .v5-dizin-sayi{margin-left:auto; color:var(--v4-soluk); font-size:13px; font-weight:500}
.me-v4 .v5-dizin-git .v4-i{width:16px; height:16px; color:var(--v4-tm)}
.me-v4 .v5-kullanim-bas{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:6px 40px; align-items:end; margin:0 0 20px}
.me-v4 .v5-kullanim-bas .v4-h3{margin:0}
.me-v4 .v5-ilke{margin:0; color:var(--v4-soluk); font-size:15px; line-height:1.6}
.me-v4 .v5-kul-liste{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px}
.me-v4 .v5-kul{display:flex; flex-direction:column; gap:12px; padding:22px 20px 14px; border:1px solid var(--v4-cizgi); border-top:3px solid var(--v4-yesil); border-radius:16px; background:#fff}
.me-v4 .v5-kul-bas{display:flex; align-items:center; gap:12px}
.me-v4 .v5-kul-bas .v5-ikon{width:40px; height:40px; border-radius:11px}
.me-v4 .v5-kul-bas .v5-ikon .v4-i{width:20px; height:20px}
.me-v4 .v5-kul-h{margin:0; color:var(--v4-ink); font-size:17px; line-height:1.3; font-weight:700}
.me-v4 .v5-kul-metin{margin:0; color:var(--v4-metin); font-size:14.5px; line-height:1.55}
.me-v4 .v5-kul-semt .v5-et{margin-bottom:0}
.me-v4 .v5-kul-semtler{display:flex; flex-wrap:wrap; gap:0 16px; margin:0}
.me-v4 .v5-kul-semtler a{display:inline-flex; align-items:center; gap:5px; min-height:36px; color:var(--v4-ink); font-size:14.5px; line-height:1.3; font-weight:700; text-decoration:underline; text-decoration-color:var(--v4-cizgi-3); text-underline-offset:4px}
.me-v4 .v5-kul-semtler a .v4-i{width:15px; height:15px; color:var(--v4-tm)}
.me-v4 .v5-kul-semtler a:hover{color:var(--v4-tm); text-decoration-color:var(--v4-turuncu)}
.me-v4 .v5-kul-kayit{padding-top:10px; border-top:1px dashed var(--v4-cizgi-3)}
.me-v4 .v5-kul-kayit .v5-et{margin-bottom:2px}
.me-v4 .v5-kul-kayit ul{display:grid; margin:0; padding:0; list-style:none}
.me-v4 .v5-kul-kayit li{margin:0}
.me-v4 .v5-kul-kayit a{display:flex; align-items:flex-start; gap:8px; min-height:36px; padding:6px 0; color:var(--v4-metin); font-size:13.5px; line-height:1.45; text-decoration:none}
.me-v4 .v5-kul-kayit a > span{text-decoration:underline; text-decoration-color:var(--v4-cizgi-3); text-underline-offset:3px}
.me-v4 .v5-kul-kayit a .v4-i{width:15px; height:15px; margin-top:2px; color:var(--v4-yesil)}
.me-v4 .v5-kul-kayit a:hover{color:var(--v4-ink)}
.me-v4 .v5-kul-kayit a:hover > span{text-decoration-color:var(--v4-turuncu)}

/* ---------- Masaüstü: dört kullanım kartının başlık / metin / semt / kayıt satırları hizalı ---------- */
@media (min-width:1180px){
  .me-v4 .v5-kul-liste{row-gap:12px}
  .me-v4 .v5-kul{display:grid; grid-row:span 4; grid-template-rows:subgrid; gap:12px; align-content:start}
}

/* ---------- Geniş tablet ve dar masaüstü: 1179 px ve altı ---------- */
@media (max-width:1179px){
  .me-v4 .v5-tur{grid-template-columns:repeat(2, minmax(0,1fr))}
  .me-v4 .v5-tur::before{top:0; bottom:auto; left:0; right:0; width:auto; height:4px}
  .me-v4 .v5-tur-kimlik{grid-column:1 / -1; padding:26px 26px 18px}
  .me-v4 .v5-tur-not{margin-top:0}
  .me-v4 .v5-tur-liste{padding:18px 26px 22px; border-left:0; border-top:1px solid var(--v5-ic-cizgi)}
  .me-v4 .v5-tur-liste--bilgi{border-left:1px solid var(--v5-ic-cizgi)}
  .me-v4 .v5-tur-kanit{grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:12px 32px; align-items:start; padding:20px 26px}
  .me-v4 .v5-tur-linkler{margin:0; padding:0 0 0 24px; border-top:0; border-left:1px solid var(--v5-cizgi-yesil)}
  .me-v4 .v5-kul-liste{grid-template-columns:repeat(2, minmax(0,1fr))}
}

/* ---------- Tablet: 1099 px ve altı ---------- */
@media (max-width:1099px){
  .me-v4 .v5-aile-bas{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:10px 24px; padding:18px 22px}
  .me-v4 .v5-hiz-liste{grid-template-columns:repeat(2, minmax(0,1fr)); padding:6px 12px 8px}
  .me-v4 .v5-hiz:nth-child(3){border-top:1px solid var(--v5-ic-cizgi)}
  .me-v4 .v5-oncelik{grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"baslik baslik" "metin metin" "dagitim dizin"; gap:10px 24px; padding:22px 26px 24px}
  .me-v4 .v5-oncelik > .v5-dagitim{padding-left:0; border-left:0}
}

/* ---------- 899 px ve altı ---------- */
@media (max-width:899px){
  .me-v4 .v5-saha-bas, .me-v4 .v5-kullanim-bas{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v5-saha-liste{grid-template-columns:minmax(0,1fr)}
}

/* ---------- Telefon: 699 px ve altı ---------- */
@media (max-width:699px){
  .me-v4 .v5-tur{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v5-tur-kimlik{padding:22px 18px 16px}
  .me-v4 .v5-tur-h{font-size:19px}
  .me-v4 .v5-tur-zaman{font-size:15px}
  .me-v4 .v5-tur-liste{padding:16px 18px 18px}
  .me-v4 .v5-tur-liste--bilgi{border-left:0}
  .me-v4 .v5-tur-liste li{font-size:14px}
  .me-v4 .v5-tur-kanit{grid-template-columns:minmax(0,1fr); gap:12px; padding:18px}
  .me-v4 .v5-tur-linkler{padding:6px 0 0; border-left:0; border-top:1px solid var(--v5-cizgi-yesil)}
  .me-v4 .v4-dersler-blok.v5-saha-blok{margin-left:-8px; margin-right:-8px; padding:20px 14px; border-radius:18px}
  .me-v4 .v5-saha{gap:16px; padding:20px 18px 10px}
  .me-v4 .v5-saha-h{font-size:17px}
  .me-v4 .v5-saha .v5-ikon{width:40px; height:40px}
  .me-v4 .v5-aile-bas{grid-template-columns:minmax(0,1fr); gap:10px; padding:18px}
  .me-v4 .v5-aile-acik{padding-left:0; border-left:0}
  .me-v4 .v5-aile-h{font-size:19px}
  .me-v4 .v5-hiz-liste{grid-template-columns:minmax(0,1fr); padding:4px 4px 6px}
  .me-v4 .v5-hiz{padding:14px 14px 16px}
  .me-v4 .v5-hiz:nth-child(n+2){border-top:1px solid var(--v5-ic-cizgi)}
  .me-v4 .v5-hiz-ad{font-size:16px}
  .me-v4 .v5-hiz-kapsam{font-size:13.5px}
  .me-v4 .v5-bolge{padding:22px 18px 24px}
  .me-v4 .v5-oncelik{grid-template-columns:minmax(0,1fr); grid-template-areas:"baslik" "metin" "dagitim" "dizin"; gap:12px; padding:20px 18px 22px}
  .me-v4 .v5-yol{grid-template-columns:minmax(0,1fr); gap:16px; margin-top:20px}
  .me-v4 .v5-yol-adim{min-height:44px; padding:0 0 0 40px}
  .me-v4 .v5-yol-adim:not(:last-child)::after{top:22px; bottom:-18px; left:11px; right:auto; width:2px; height:auto}
  .me-v4 .v5-kul-liste{grid-template-columns:minmax(0,1fr); gap:12px}
  .me-v4 .v5-kul{padding:20px 18px 12px}
}

/* ---------- 5) Belirtiye göre ilk adım — yalnız 900 px ve üstü (kullanıcı isteği, 7 Ekim) ----------
   Tablo işaretlemesi ve role öznitelikleri aynen kalır. Masaüstünde satırlar, kullanıcının beğendiği
   tablet/mobil kart diline geçer: krem başlıkta belirti, altında "Şimdi ne yapmalısınız?" (turuncu metin
   etiketi), "Yerinde neye bakarız" (yeşil etiket, ikincil ton) ve en altta ayrıntı bağlantısı.
   899 px ve altındaki V4 tablet/mobil kuralları değişmez. */
@media (min-width:900px){
  .me-v4 #ilk-adim .v4-tablo-sar{border:0; border-radius:0; background:transparent; overflow:visible}
  .me-v4 #ilk-adim .v4-tablo{display:block; width:100%}
  .me-v4 #ilk-adim .v4-tablo thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap}
  .me-v4 #ilk-adim .v4-tablo tbody{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px}
  .me-v4 #ilk-adim .v4-tablo tbody tr,
  .me-v4 #ilk-adim .v4-tablo tbody tr:nth-child(even){display:flex; flex-direction:column; border:1px solid var(--v4-cizgi); border-radius:16px; background:#fff; box-shadow:var(--v5-golge); overflow:hidden}
  .me-v4 #ilk-adim .v4-tablo tbody th{display:block; width:auto; padding:16px 20px 14px; border:0; border-bottom:1px solid var(--v4-cizgi); background:var(--v4-krem-2); color:var(--v4-ink); font-size:16px; line-height:1.4}
  .me-v4 #ilk-adim .v4-tablo td{display:block; width:auto; padding:14px 20px 0; border:0; color:var(--v4-ink); font-size:14.5px; line-height:1.55}
  .me-v4 #ilk-adim .v4-tablo td::before{content:attr(data-label); display:block; margin:0 0 4px; color:var(--v4-tm); font-size:12px; line-height:1.35; font-weight:700; letter-spacing:.08em; text-transform:uppercase}
  .me-v4 #ilk-adim .v4-tablo td:nth-of-type(2){padding-bottom:16px; color:var(--v4-soluk)}
  .me-v4 #ilk-adim .v4-tablo td:nth-of-type(2)::before{color:var(--v4-yesil)}
  .me-v4 #ilk-adim .v4-tablo td:last-child{width:auto; margin-top:auto; padding:4px 20px 6px; border-top:1px solid var(--v5-ic-cizgi)}
  .me-v4 #ilk-adim .v4-tablo td:last-child::before{display:none}
  .me-v4 #ilk-adim .v4-tablo td .v4-lnk{min-height:42px}
}
@media (min-width:900px) and (max-width:1099px){
  .me-v4 #ilk-adim .v4-tablo tbody{grid-template-columns:repeat(2, minmax(0,1fr))}
}

/* ---------- 6) Güvence bandı, 379 px ve altı (kullanıcı isteği, 7 Ekim) ----------
   V4.1'de 320 px'te "Google yorumlarımız" düğmesi 58 px sol boşlukla 18 px taşıyordu. Dar telefonda düğme,
   kalkan simgesinin altından başlar; metin, bağlantı ve tasarım aynı kalır. 380 px ve üstü değişmez. */
@media (max-width:379px){
  .me-v4 .v4-guv-google{margin-left:0}
}

/* Hareket azaltma: V4 gövdesindeki genel kural geçişleri kapatır; kayma efekti de kalkar. */
@media (prefers-reduced-motion:reduce){
  .me-v4 .v5-hiz-ad:hover .v4-i{transform:none}
}

/* Masal Elektrik · sayfa türü prototipleri v1 — ana sayfa, Hizmetlerimiz, hizmet detayı
   Onaylı V5 dilinin (krem/beyaz yüzey, yeşil yapı, kontrollü turuncu, beyaz kart + ince kenar, küçük büyük harf etiket)
   sayfa görevine göre yeni parçaları. Bütün kurallar .me-v4 altında ve v6- sınıflarına yazılır.
   Header, yorum/slogan bantları, menü, hero ve footer temadan aynen gelir; bu dosya onlara dokunmaz. */

/* ---------- Ortak ---------- */
.me-v4 .v6-sec-alt{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; margin:26px 0 0}
.me-v4 .v6-rakamlar{display:flex; flex-wrap:wrap; gap:10px 28px; margin:0; padding:16px 0 0; border-top:1px solid var(--v4-cizgi); list-style:none}
.me-v4 .v6-rakamlar li{display:flex; align-items:baseline; gap:8px; margin:0; color:var(--v4-soluk); font-size:14px}
.me-v4 .v6-rakamlar b{color:var(--v4-yesil); font-size:22px; line-height:1.1}
.me-v4 .v6-ok-link{display:flex; align-items:center; gap:10px; min-height:44px; color:var(--v4-ink); font-size:15px; line-height:1.35; font-weight:600; text-decoration:none}
.me-v4 .v6-ok-link > span{text-decoration:underline; text-decoration-color:var(--v4-cizgi-3); text-underline-offset:4px}
.me-v4 .v6-ok-link .v4-i{flex:none; width:16px; height:16px; margin-left:auto; color:var(--v4-tm)}
.me-v4 .v6-ok-link:hover > span{color:var(--v4-tm); text-decoration-color:var(--v4-turuncu)}

/* ---------- Ana sayfa: ihtiyaca göre hizmet seçimi ---------- */
.me-v4 .v6-ihtiyac{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px; margin:0; padding:0; list-style:none}
.me-v4 .v6-ihtiyac > li{display:flex; flex-direction:column; gap:12px; margin:0; padding:22px 22px 12px; border:1px solid var(--v4-cizgi); border-top:3px solid var(--v4-yesil); border-radius:16px; background:#fff; box-shadow:var(--v5-golge)}
.me-v4 .v6-ihtiyac-h{margin:0; color:var(--v4-ink); font-size:18px; line-height:1.3; font-weight:700}
.me-v4 .v6-ihtiyac-ne{margin:0; color:var(--v4-soluk); font-size:14.5px; line-height:1.55}
.me-v4 .v6-ihtiyac ul{display:grid; align-content:start; margin:0; padding:8px 0 0; border-top:1px solid var(--v5-ic-cizgi); list-style:none}
.me-v4 .v6-ihtiyac ul li{margin:0}
.me-v4 .v6-ihtiyac ul li + li{border-top:1px dashed var(--v5-ic-cizgi)}
/* Aynı sıradaki kartlarda simge, başlık, açıklama ve bağlantı listesi aynı çizgiden başlar */
@supports (grid-template-rows:subgrid){
  .me-v4 .v6-ihtiyac > li{display:grid; grid-row:span 4; grid-template-rows:subgrid; row-gap:12px}
  .me-v4 .v6-ihtiyac > li > .v5-ikon{justify-self:start}
}

/* ---------- Ana sayfa: İstanbul → yaka → ilçe yolu ---------- */
.me-v4 .v6-hub{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr); border:1px solid var(--v4-cizgi); border-radius:20px; background:#fff; box-shadow:var(--v5-golge); overflow:hidden}
.me-v4 .v6-hub-sutun{position:relative; display:flex; flex-direction:column; gap:12px; padding:24px 26px 26px}
.me-v4 .v6-hub-sutun + .v6-hub-sutun{border-left:1px solid var(--v5-ic-cizgi)}
.me-v4 .v6-hub-sutun:last-child{background:var(--v5-zemin-yesil); border-left-color:var(--v5-cizgi-yesil)}
.me-v4 .v6-hub-dugum{display:grid; gap:3px; padding:14px 16px; border:1px solid var(--v5-cizgi-yesil); border-radius:12px; background:#fff; color:var(--v4-ink); text-decoration:none}
.me-v4 .v6-hub-dugum b{font-size:16px; line-height:1.3; text-decoration:underline; text-decoration-color:var(--v4-cizgi-3); text-underline-offset:4px}
.me-v4 .v6-hub-dugum span{color:var(--v4-soluk); font-size:13.5px; line-height:1.45}
.me-v4 .v6-hub-dugum:hover{border-color:var(--v4-tm)}
.me-v4 .v6-hub-dugum:hover b{color:var(--v4-tm); text-decoration-color:var(--v4-turuncu)}
.me-v4 .v6-hub-sutun:not(:last-child) > .v6-hub-dugum:first-of-type{margin-top:auto}
.me-v4 .v6-hub-sutun:not(:last-child) > .v6-hub-dugum:last-of-type{margin-bottom:auto}
.me-v4 .v6-hub-sutun:not(:last-child)::after{content:""; position:absolute; top:50%; right:-9px; z-index:1; width:16px; height:16px; border-top:2px solid var(--v4-turuncu); border-right:2px solid var(--v4-turuncu); background:transparent; transform:translateY(-50%) rotate(45deg)}
.me-v4 .v6-hub-metin{margin:0; color:var(--v4-ink); font-size:14.5px; line-height:1.6}
.me-v4 .v6-ilceler{display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none}
.me-v4 .v6-ilceler a{display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:6px 14px; border:1px solid var(--v5-cizgi-yesil); border-radius:999px; background:#fff; color:var(--v4-ink); font-size:14.5px; font-weight:700; text-decoration:none}
.me-v4 .v6-ilceler a .v4-i{width:14px; height:14px; color:var(--v4-tm)}
.me-v4 .v6-ilceler a:hover{border-color:var(--v4-tm); color:var(--v4-tm)}

/* ---------- Gerçek iş kartları (ana sayfa 3, hizmet detayı 6) ---------- */
.me-v4 .v6-vakalar{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px; margin:0; padding:0; list-style:none}
.me-v4 .v6-vaka{position:relative; display:flex; flex-direction:column; margin:0; border:1px solid var(--v4-cizgi); border-radius:16px; background:#fff; box-shadow:var(--v5-golge); overflow:hidden}
.me-v4 .v6-vaka figure{position:relative; margin:0}
.me-v4 .v6-vaka img{display:block; width:100%; height:auto; aspect-ratio:4 / 3; object-fit:cover; background:var(--v4-krem)}
.me-v4 .v6-vaka figcaption{position:absolute; left:12px; bottom:12px; max-width:calc(100% - 24px); padding:4px 10px; border-radius:999px; background:rgba(18,34,34,.82); color:#fff; font-size:12.5px; line-height:1.4}
.me-v4 .v6-vaka-govde{display:flex; flex-direction:column; gap:8px; padding:16px 18px 14px; flex:1}
.me-v4 .v6-vaka-meta{display:flex; align-items:center; gap:6px; margin:0; color:var(--v4-tm); font-size:13px; line-height:1.4; font-weight:700}
.me-v4 .v6-vaka-meta .v4-i{width:14px; height:14px}
.me-v4 .v6-vaka-h{margin:0; color:var(--v4-ink); font-size:16.5px; line-height:1.4; font-weight:700}
.me-v4 .v6-vaka-h a{color:inherit; text-decoration:none}
.me-v4 .v6-vaka-h a::after{content:""; position:absolute; inset:0}
.me-v4 .v6-vaka-h a:focus-visible{outline:none}
.me-v4 .v6-vaka:has(a:focus-visible){outline:3px solid var(--v4-tm); outline-offset:3px}
.me-v4 .v6-vaka-sonuc{margin:0; color:var(--v4-metin); font-size:14.5px; line-height:1.55}
.me-v4 .v6-vaka-teslim{display:flex; align-items:flex-start; gap:8px; margin:0; padding:9px 11px; border-radius:9px; background:#edf6ef; color:#28543a; font-size:13px; line-height:1.45}
.me-v4 .v6-vaka-teslim .v4-i{flex:none; width:18px; height:18px; margin-top:1px; color:inherit}
.me-v4 .v6-vaka-git{margin-top:auto; padding-top:8px; border-top:1px solid var(--v5-ic-cizgi); color:var(--v4-ink); font-size:14px; font-weight:700}
.me-v4 .v6-vaka-git .v4-i{width:14px; height:14px; margin-left:6px; vertical-align:-2px; color:var(--v4-tm)}
.me-v4 .v6-vaka:hover .v6-vaka-git{color:var(--v4-tm)}

/* ---------- Rehber kartları ---------- */
.me-v4 .v6-rehberler{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none}
.me-v4 .v6-rehberler li{margin:0}
.me-v4 .v6-rehber{display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:4px 14px; height:100%; min-height:76px; padding:14px 16px; border:1px solid var(--v4-cizgi); border-radius:14px; background:#fff; color:var(--v4-ink); text-decoration:none}
.me-v4 .v6-rehber .v5-ikon{grid-row:span 2; width:40px; height:40px}
.me-v4 .v6-rehber small{color:var(--v4-soluk); font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase}
.me-v4 .v6-rehber b{grid-column:2; font-size:15px; line-height:1.4}
.me-v4 .v6-rehber > .v4-i{grid-column:3; grid-row:1 / span 2; width:16px; height:16px; color:var(--v4-tm)}
.me-v4 .v6-rehber:hover{border-color:var(--v4-tm)}
.me-v4 .v6-rehber:hover b{color:var(--v4-tm)}

/* ---------- Hizmetlerimiz: durumdan hizmete ---------- */
.me-v4 .v6-durum{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:0 28px; margin:0; padding:6px 24px; border:1px solid var(--v4-cizgi); border-radius:18px; background:#fff; list-style:none}
.me-v4 .v6-durum li{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px 16px; margin:0; padding:12px 0; border-bottom:1px solid var(--v5-ic-cizgi)}
.me-v4 .v6-durum li:nth-last-child(-n+2){border-bottom:0}
.me-v4 .v6-durum-metin{color:var(--v4-ink); font-size:15px; line-height:1.45}
.me-v4 .v6-durum a{display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:6px 14px; border:1px solid var(--v5-cizgi-yesil); border-radius:999px; background:var(--v5-zemin-yesil); color:var(--v4-yesil); font-size:14px; line-height:1.3; font-weight:700; text-decoration:none; white-space:nowrap}
.me-v4 .v6-durum a .v4-i{width:14px; height:14px; color:var(--v4-tm)}
.me-v4 .v6-durum a:hover{border-color:var(--v4-tm); color:var(--v4-tm)}

/* ---------- Hizmetlerimiz: ihtiyaç ailesi dizini ---------- */
.me-v4 .v6-gruplar-giris{display:flex; align-items:flex-start; gap:10px; max-width:780px; margin:0 0 24px; color:var(--v4-soluk); font-size:15px; line-height:1.6}
.me-v4 .v6-gruplar-giris .v4-i{flex:none; width:18px; height:18px; margin-top:3px; color:var(--v4-tm)}
.me-v4 .v6-grup{border:1px solid var(--v4-cizgi); border-radius:20px; background:#fff; box-shadow:var(--v5-golge); overflow:hidden; overflow:clip; scroll-margin-top:calc(var(--v4-sticky) + 16px)}
.me-v4 .v6-grup + .v6-grup{margin-top:20px}
.me-v4 .v6-grup-bas{display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:6px 16px; padding:20px 26px; border-bottom:1px solid var(--v5-cizgi-yesil); background:var(--v5-zemin-yesil)}
.me-v4 .v6-grup-bas .v5-aile-ikon{grid-row:span 2}
.me-v4 .v6-grup-h{margin:0; color:var(--v4-ink); font-size:21px; line-height:1.3; font-weight:700; letter-spacing:-.01em}
.me-v4 .v6-grup-ne{margin:0; color:var(--v4-soluk); font-size:14.5px; line-height:1.55}
.me-v4 .v6-hiz-kartlar{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:0 12px; margin:0; padding:8px 16px 12px; list-style:none}
.me-v4 .v6-hiz{display:flex; flex-direction:column; gap:6px; margin:0; padding:18px 12px}
.me-v4 .v6-hiz:nth-child(n+4){border-top:1px solid var(--v5-ic-cizgi)}
.me-v4 .v6-hiz-h{margin:0; font-size:17px; line-height:1.35; font-weight:700}
.me-v4 .v6-hiz-h a{color:var(--v4-ink); text-decoration:none}
.me-v4 .v6-hiz-h a .v4-i{display:inline-block; width:16px; height:16px; margin-left:8px; vertical-align:-2px; color:var(--v4-tm)}
.me-v4 .v6-hiz-h a:hover > span, .me-v4 .v6-hiz-h a:focus-visible > span{text-decoration:underline; text-decoration-color:var(--v4-turuncu); text-decoration-thickness:2px; text-underline-offset:5px}
.me-v4 .v6-hiz-kapsam{margin:0; color:var(--v4-soluk); font-size:14px; line-height:1.55}
.me-v4 .v6-hiz-kanit{display:flex; align-items:center; gap:6px; margin:auto 0 0; padding-top:4px; color:var(--v4-yesil); font-size:13px; font-weight:600}
.me-v4 .v6-hiz-kanit .v4-i{width:14px; height:14px; color:var(--v4-tm)}

/* ---------- Hizmet detayı: kısa cevap ve hizmet ayrımı ---------- */
.me-v4 .v6-kisa{display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px 18px; padding:24px 28px; border:1px solid var(--v5-cizgi-yesil); border-left:4px solid var(--v4-yesil); border-radius:16px; background:var(--v5-zemin-yesil)}
.me-v4 .v6-kisa .v5-ikon{grid-row:span 2; background:#fff; color:var(--v4-yesil)}
.me-v4 .v6-kisa .v5-et{margin:0; color:var(--v4-yesil)}
.me-v4 .v6-kisa p:last-child{margin:0; color:var(--v4-ink); font-size:16px; line-height:1.7}
.me-v4 .v6-kisa--tek{align-items:start}
.me-v4 .v6-kisa--tek .v5-ikon{grid-row:auto}

/* ---------- Uzun SSS listesi: masaüstünde başlık sütunu görünür kalır ---------- */
@media (min-width:900px){
  .me-v4 .v6-sss-uzun > .v4-bas{position:sticky; top:calc(var(--v4-sticky) + 24px)}
}
.me-v4 .v6-ayrim{margin:28px 0 0; padding:22px 24px; border:1px solid var(--v4-cizgi); border-left:4px solid var(--v4-turuncu); border-radius:18px; background:#fff}
.me-v4 .v6-ayrim-bas{margin:0 0 14px}
.me-v4 .v6-ayrim-bas .v4-h3{margin:0 0 4px}
.me-v4 .v6-ayrim-bas p{margin:0; color:var(--v4-soluk); font-size:15px; line-height:1.55}
.me-v4 .v6-ayrim ul{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; margin:0; padding:0; list-style:none}
.me-v4 .v6-ayrim li{margin:0}
.me-v4 .v6-ayrim a{display:flex; flex-direction:column; gap:6px; height:100%; padding:16px; border:1px solid var(--v5-ic-cizgi); border-radius:14px; background:var(--v4-krem-2); color:var(--v4-ink); text-decoration:none}
.me-v4 .v6-ayrim a b{font-size:15.5px; line-height:1.35}
.me-v4 .v6-ayrim a b .v4-i{width:14px; height:14px; margin-left:6px; vertical-align:-2px; color:var(--v4-tm)}
.me-v4 .v6-ayrim a span{color:var(--v4-soluk); font-size:14px; line-height:1.5}
.me-v4 .v6-ayrim a:hover{border-color:var(--v4-tm)}
.me-v4 .v6-ayrim a:hover b{color:var(--v4-tm)}

/* ---------- Hizmet detayı: belirti kartları ---------- */
.me-v4 .v6-belirtiler{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px; margin:0; padding:0; list-style:none}
.me-v4 .v6-belirti{display:flex; flex-direction:column; margin:0; border:1px solid var(--v4-cizgi); border-radius:16px; background:#fff; overflow:hidden; overflow:clip}
.me-v4 .v6-belirti-ac{scroll-margin-top:calc(var(--v4-sticky) + 16px)}
.me-v4 .v6-belirti-bas{display:flex; align-items:center; gap:12px; min-height:62px; padding:14px 20px; border-bottom:1px solid var(--v4-cizgi); background:var(--v4-krem-2); cursor:pointer; list-style:none}
.me-v4 .v6-belirti-bas::-webkit-details-marker{display:none}
.me-v4 .v6-belirti-bas:hover .v6-belirti-h{color:var(--v4-tm)}
.me-v4 .v6-belirti-ok{flex:none; width:18px; height:18px; margin-left:auto; color:var(--v4-tm); transition:transform .2s ease}
.me-v4 .v6-belirti-ac[open] .v6-belirti-ok{transform:rotate(180deg)}
.me-v4 .v6-belirti-ac:not([open]) .v6-belirti-bas{border-bottom:0}
.me-v4 .v6-belirti-no{flex:none; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--v4-yesil); color:#fff; font-size:13px; font-weight:700}
.me-v4 .v6-belirti-h{margin:0; color:var(--v4-ink); font-size:17px; line-height:1.35; font-weight:700}
.me-v4 .v6-belirti dl{display:grid; gap:10px; margin:0; padding:16px 20px 14px}
.me-v4 .v6-belirti dl div{margin:0}
.me-v4 .v6-belirti dt{margin:0 0 2px; color:var(--v4-tm); font-size:12px; line-height:1.35; font-weight:700; letter-spacing:.08em; text-transform:uppercase}
.me-v4 .v6-belirti dl div + div dt{color:var(--v4-yesil)}
.me-v4 .v6-belirti dd{margin:0; color:var(--v4-ink); font-size:14.5px; line-height:1.55}
.me-v4 .v6-belirti-alt{display:grid; gap:0; margin-top:auto; padding:4px 20px 8px; border-top:1px solid var(--v5-ic-cizgi)}
.me-v4 .v6-belirti-alt .v6-ok-link{font-size:14.5px}
.me-v4 .v6-belirti-alt .v6-ok-link small{display:block; color:var(--v4-soluk); font-size:12px; font-weight:600; text-decoration:none}
.me-v4 .v6-belirti-vaka{display:flex; align-items:center; gap:12px; min-height:60px; padding:8px 0; color:var(--v4-ink); text-decoration:none}
.me-v4 .v6-belirti-vaka img{flex:none; width:56px; height:56px; border-radius:10px; object-fit:cover; background:var(--v4-krem)}
.me-v4 .v6-belirti-vaka span{display:grid; gap:2px; min-width:0}
.me-v4 .v6-belirti-vaka small{color:var(--v4-tm); font-size:12.5px; font-weight:700}
.me-v4 .v6-belirti-vaka b{font-size:14px; line-height:1.4; font-weight:600; text-decoration:underline; text-decoration-color:var(--v4-cizgi-3); text-underline-offset:3px}
.me-v4 .v6-belirti-vaka:hover b{color:var(--v4-tm); text-decoration-color:var(--v4-turuncu)}
.me-v4 .v6-belirti-not{margin:0 0 6px; padding:8px 10px; border-radius:10px; background:var(--v4-krem-2); color:var(--v4-soluk); font-size:13px; line-height:1.5}

/* ---------- Hizmet detayı: kapsam makalesi ---------- */
.me-v4 .v6-makale{display:grid; grid-template-columns:minmax(0,260px) minmax(0,1fr); gap:28px 48px; align-items:start}
.me-v4 .v6-icindekiler{position:sticky; top:calc(var(--v4-sticky) + 20px); display:grid; gap:2px; padding:18px; border:1px solid var(--v4-cizgi); border-radius:16px; background:var(--v4-krem-2)}
.me-v4 .v6-icindekiler .v5-et{margin-bottom:6px}
.me-v4 .v6-icindekiler a{display:flex; gap:10px; min-height:40px; align-items:center; padding:6px 4px; color:var(--v4-metin); font-size:14px; line-height:1.4; text-decoration:none; border-radius:8px}
.me-v4 .v6-icindekiler a span{flex:none; color:var(--v4-tm); font-size:12px; font-weight:700}
.me-v4 .v6-icindekiler a:hover{color:var(--v4-ink); background:#fff}
.me-v4 .v6-makale-govde{display:grid; gap:0}
.me-v4 .v6-bolum{padding:6px 0 26px; scroll-margin-top:calc(var(--v4-sticky) + 16px)}
.me-v4 .v6-bolum + .v6-bolum{padding-top:26px; border-top:1px solid var(--v4-cizgi)}
.me-v4 .v6-bolum-bas{display:flex; align-items:flex-start; gap:14px; margin:0 0 10px}
.me-v4 .v6-bolum-no{flex:none; display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:var(--v4-krem); color:var(--v4-tm); font-size:14px; font-weight:700}
.me-v4 .v6-bolum h2{margin:4px 0 0; color:var(--v4-ink); font-size:clamp(20px, .5vw + 17px, 24px); line-height:1.3; font-weight:700; letter-spacing:-.01em}
.me-v4 .v6-bolum p{margin:0 0 0 54px; color:var(--v4-metin); font-size:16px; line-height:1.75}
.me-v4 .v6-bolum p + p{margin-top:12px}
.me-v4 .v6-bolum p a{color:var(--v4-ink); font-weight:600; text-decoration:underline; text-decoration-color:var(--v4-turuncu); text-decoration-thickness:2px; text-underline-offset:4px}
.me-v4 .v6-bolum p a:hover{color:var(--v4-tm)}

/* ---------- Hizmet detayı: rehber ve servis bölgeleri ---------- */
.me-v4 .v6-yollar{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:20px; align-items:start}
.me-v4 .v6-yollar .v6-rehberler{grid-template-columns:repeat(2, minmax(0,1fr))}
.me-v4 .v6-bolge-panel{display:flex; flex-direction:column; gap:14px; padding:22px 24px; border:1px solid var(--v5-cizgi-yesil); border-radius:18px; background:var(--v5-zemin-yesil)}
.me-v4 .v6-bolge-panel .v4-h3{margin:0}
.me-v4 .v6-bolge-panel p{margin:0; color:var(--v4-ink); font-size:14.5px; line-height:1.6}
.me-v4 .v6-bolge-hub{display:grid; margin:0; padding:0; list-style:none}
.me-v4 .v6-bolge-hub li{margin:0}
.me-v4 .v6-bolge-hub li + li{border-top:1px dashed var(--v5-cizgi-yesil)}

/* ---------- Kırılımlar ---------- */
@media (max-width:1179px){
  .me-v4 .v6-ihtiyac{grid-template-columns:repeat(2, minmax(0,1fr))}
  .me-v4 .v6-hub{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .me-v4 .v6-hub-sutun:last-child{grid-column:1 / -1; border-left:0; border-top:1px solid var(--v5-cizgi-yesil)}
  .me-v4 .v6-hub-sutun:nth-child(2)::after{display:none}
  .me-v4 .v6-ayrim ul{grid-template-columns:repeat(2, minmax(0,1fr))}
  .me-v4 .v6-makale{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v6-icindekiler{position:static; grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:16px}
  .me-v4 .v6-icindekiler .v5-et{grid-column:1 / -1}
}
@media (max-width:1099px){
  .me-v4 .v6-vakalar{grid-template-columns:repeat(2, minmax(0,1fr))}
  .me-v4 .v6-rehberler{grid-template-columns:repeat(2, minmax(0,1fr))}
  .me-v4 .v6-hiz-kartlar{grid-template-columns:repeat(2, minmax(0,1fr))}
  .me-v4 .v6-hiz:nth-child(3){border-top:1px solid var(--v5-ic-cizgi)}
  .me-v4 .v6-yollar{grid-template-columns:minmax(0,1fr)}
}
/* Tablette tek sayıda iş kartının sonuncusu boşluk bırakmasın: tam genişlik, fotoğraf solda */
@media (min-width:700px) and (max-width:1099px){
  .me-v4 .v6-vakalar > .v6-vaka:last-child:nth-child(odd){grid-column:1 / -1; flex-direction:row}
  .me-v4 .v6-vakalar > .v6-vaka:last-child:nth-child(odd) figure{flex:0 0 46%; min-height:260px}
  .me-v4 .v6-vakalar > .v6-vaka:last-child:nth-child(odd) img{height:100%; aspect-ratio:auto}
}
@media (max-width:899px){
  .me-v4 .v6-durum{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v6-durum li:nth-last-child(2){border-bottom:1px solid var(--v5-ic-cizgi)}
  .me-v4 .v6-belirtiler{grid-template-columns:minmax(0,1fr); gap:10px}
}
@media (max-width:699px){
  .me-v4 .v6-ihtiyac{grid-template-columns:minmax(0,1fr); gap:12px}
  .me-v4 .v6-ihtiyac > li{padding:20px 18px 10px}
  .me-v4 .v6-hub{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v6-hub-sutun{padding:20px 18px 22px}
  .me-v4 .v6-hub-sutun + .v6-hub-sutun{border-left:0; border-top:1px solid var(--v5-ic-cizgi)}
  .me-v4 .v6-hub-sutun:not(:last-child)::after{display:block; top:auto; bottom:-9px; right:auto; left:50%; transform:translateX(-50%) rotate(135deg)}
  .me-v4 .v6-vakalar, .me-v4 .v6-rehberler, .me-v4 .v6-yollar .v6-rehberler{grid-template-columns:minmax(0,1fr); gap:14px}
  .me-v4 .v6-vaka img{aspect-ratio:16 / 10}
  .me-v4 .v6-durum{padding:4px 16px}
  .me-v4 .v6-durum li{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v6-durum a{justify-self:start; white-space:normal}
  .me-v4 .v6-grup-bas{padding:18px; row-gap:12px}
  .me-v4 .v6-grup-bas .v5-aile-ikon{grid-row:auto; width:44px; height:44px}
  .me-v4 .v6-grup-ne{grid-column:1 / -1}
  .me-v4 .v6-grup-h{font-size:19px}
  .me-v4 .v6-hiz-kartlar{grid-template-columns:minmax(0,1fr); padding:4px 6px 8px}
  .me-v4 .v6-hiz:nth-child(n+2){border-top:1px solid var(--v5-ic-cizgi)}
  .me-v4 .v6-kisa{grid-template-columns:minmax(0,1fr); padding:20px 18px}
  .me-v4 .v6-kisa .v5-ikon{grid-row:auto}
  .me-v4 .v6-ayrim{padding:20px 16px}
  .me-v4 .v6-ayrim ul{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v6-belirti-bas, .me-v4 .v6-belirti dl, .me-v4 .v6-belirti-alt{padding-left:16px; padding-right:16px}
  .me-v4 .v6-icindekiler{grid-template-columns:minmax(0,1fr)}
  .me-v4 .v6-bolum p{margin-left:0}
  .me-v4 .v6-bolge-panel{padding:20px 18px}
}
@media (prefers-reduced-motion:reduce){
  .me-v4 .v6-vaka:hover, .me-v4 .v6-rehber:hover{transform:none}
  .me-v4 .v6-belirti-ok{transition:none}
}

/* Scoped candidate: approved header/hero/footer remain unchanged. */
/* Original symptom content and case photos stay; only its card presentation changes. */
.me-v4 #belirtiler .v6-belirtiler{gap:24px}
.me-v4 #belirtiler .v6-belirti{border:1px solid #e1ddd4;border-top:4px solid #304f4f;border-radius:20px;box-shadow:0 8px 24px rgba(18,34,34,.04)}
.me-v4 #belirtiler .v6-belirti-ac{display:flex;flex-direction:column;flex:1}
.me-v4 #belirtiler .v6-belirti-bas{gap:14px;min-height:94px;padding:24px 30px;background:#fff;border-bottom:1px solid #e1ddd4}
.me-v4 #belirtiler .v6-belirti-h{font-size:23px;line-height:1.35;letter-spacing:-.4px;color:#122222}
.me-v4 #belirtiler .v6-belirti-no{width:34px;height:34px;border-radius:10px;background:#f5f2e9;color:#a35700;font-size:16px}
.me-v4 #belirtiler .v6-belirti-ok{color:#a35700}
.me-v4 #belirtiler .v6-belirti dl{gap:18px;margin:0;padding:24px 30px}
.me-v4 #belirtiler .v6-belirti dl div+div{padding:16px 18px;border-radius:12px;background:#f6f4ee;border-left:3px solid #ff8a00}
.me-v4 #belirtiler .v6-belirti dt{margin-bottom:7px;color:#304f4f;font-size:11px;line-height:1.5;letter-spacing:.6px}
.me-v4 #belirtiler .v6-belirti dd{font-size:16px;line-height:1.75;color:#425757}
.me-v4 #belirtiler .v6-belirti dl div+div dd{font-size:14px;line-height:1.7}
.me-v4 #belirtiler .v6-belirti-alt{padding:8px 30px 20px;background:#faf9f5;border-top:1px solid #e1ddd4}
.me-v4 #belirtiler .v6-belirti-vaka{gap:14px;padding:12px 0}
.me-v4 #belirtiler .v6-belirti-vaka img{width:64px;height:64px;border-radius:12px}
.me-v4 #belirtiler .v6-belirti-vaka small{color:#304f4f}
.me-v4 #belirtiler .v6-belirti-not{background:#f6f4ee;color:#425757;line-height:1.7}
.me-v4 #belirtiler summary:focus-visible,.me-v4 #belirtiler a:focus-visible{outline:3px solid #a35700;outline-offset:-4px}
@media(max-width:899px){.me-v4 #belirtiler .v6-belirtiler{gap:18px}.me-v4 #belirtiler .v6-belirti-bas{min-height:76px;padding:20px 22px}.me-v4 #belirtiler .v6-belirti-h{font-size:21px}.me-v4 #belirtiler .v6-belirti dl{padding:20px 22px}.me-v4 #belirtiler .v6-belirti-alt{padding-left:22px;padding-right:22px}}
@media(max-width:639px){.me-v4 #belirtiler .v6-belirti{border-radius:16px}.me-v4 #belirtiler .v6-belirti-bas{padding:20px;gap:10px}.me-v4 #belirtiler .v6-belirti-h{font-size:19px;letter-spacing:-.2px}.me-v4 #belirtiler .v6-belirti dl{padding:20px}.me-v4 #belirtiler .v6-belirti dd{font-size:15px}.me-v4 #belirtiler .v6-belirti-alt{padding-left:20px;padding-right:20px}}
.me-v4 #kisa-cevap .v8-kisa-icerik{min-width:0}
.me-v4 #kisa-cevap .v8-kisa-icerik p{margin:0;color:#122222;font-size:16px;line-height:1.7}
.me-v4 #kisa-cevap .v8-kisa-icerik p+p{margin-top:16px}
.me-v4 .v8-ariza-ek{background:linear-gradient(180deg,#fff 0%,#faf8f3 100%)}
.me-v4 .v8-ariza-vurgu{color:#a35700}
.me-v4 .v8-ariza-kartlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.me-v4 .v8-ariza-kart{display:flex;flex-direction:column;min-width:0;padding:28px 30px 0;border:1px solid #e1ddd4;border-top:4px solid #304f4f;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(18,34,34,.04)}
.me-v4 .v8-ariza-kart--guvenlik{border-top-color:#a35700}
.me-v4 .v8-ariza-kart-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.me-v4 .v8-ariza-kategori{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;line-height:1.4;color:#304f4f}
.me-v4 .v8-ariza-kategori svg{width:34px;height:34px;flex:none;padding:7px;box-sizing:border-box;background:#f5f2e9;border-radius:10px;color:#a35700}
.me-v4 .v8-ariza-numara{font-size:24px;font-weight:700;line-height:1;color:#687c7c}
.me-v4 .v8-ariza-kart h3{margin:0 0 12px;font-size:23px;line-height:1.35;letter-spacing:-.4px;color:#122222}
.me-v4 .v8-ariza-kart>p{margin:0 0 20px;font-size:16px;line-height:1.75;color:#425757}
.me-v4 .v8-ariza-kapsam{margin-top:auto;padding:16px 18px;border-radius:12px;background:#f6f4ee;border-left:3px solid #ff8a00}
.me-v4 .v8-ariza-kapsam>span{display:block;margin-bottom:6px;font-size:11px;line-height:1.5;letter-spacing:.6px;text-transform:uppercase;font-weight:700;color:#304f4f}
.me-v4 .v8-ariza-kapsam p{margin:0;font-size:14px;line-height:1.7;color:#425757}
.me-v4 .v8-ariza-link{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:66px;margin:20px -30px 0;padding:16px 30px;box-sizing:border-box;border-top:1px solid #e1ddd4;border-radius:0 0 19px 19px;font-size:14px;font-weight:700;line-height:1.55;text-decoration:none;color:#304f4f;background:#faf9f5;transition:background .15s,color .15s}
.me-v4 .v8-ariza-link>span{font-size:23px;line-height:1;color:#a35700}
.me-v4 .v8-ariza-link:hover{background:#eef3ef;color:#122222}
.me-v4 .v8-ariza-link:focus-visible{outline:3px solid #a35700;outline-offset:4px}
.me-v4 .v8-ariza-alt{display:flex;gap:14px;align-items:flex-start;margin-top:26px;padding:18px 22px;border:1px solid #e1ddd4;border-radius:14px;background:#f5f2e9;color:#425757}
.me-v4 .v8-ariza-alt svg{width:22px;height:22px;flex:none;margin-top:2px;color:#a35700}
.me-v4 .v8-ariza-alt p{margin:0;font-size:14px;line-height:1.75}
.me-v4 .v8-ariza-alt strong{color:#122222}
/* A six-item local contents list remains balanced. Original contents are unchanged. */
.me-v4 .v4-gez-liste.v8-ariza-gez{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:899px){.me-v4 .v8-ariza-kartlar{gap:16px}.me-v4 .v8-ariza-kart{padding:22px 22px 0}.me-v4 .v8-ariza-kart h3{font-size:21px}.me-v4 .v8-ariza-link{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}}
@media(max-width:639px){.me-v4 .v8-ariza-kartlar{grid-template-columns:1fr;gap:18px}.me-v4 .v8-ariza-kart{padding:22px 20px 0;border-radius:16px}.me-v4 .v8-ariza-kart h3{font-size:21px;letter-spacing:-.3px}.me-v4 .v8-ariza-kart>p{font-size:15px}.me-v4 .v8-ariza-link{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;border-radius:0 0 15px 15px}.me-v4 .v8-ariza-alt{padding:16px;gap:10px}.me-v4 .v4-gez-liste.v8-ariza-gez{grid-template-columns:repeat(2,minmax(0,1fr))}.me-v4 .v4-gez-liste.v8-ariza-gez li:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.me-v4 .v8-ariza-link{transition:none}}

/* Masal Elektrik · 15 hizmet detayı gövdesi (v8h)
   Onaylı arıza gövdesinin bileşen CSS'i (ARIZA-GOVDE-ONAYLI-20261009/section.css) üretimde aynen okunur;
   bu dosya yalnız hizmet sayfalarına özgü küçük düzen eklerini taşır. Header/hero/footer'a dokunmaz. */

/* Gezinme: 4 bölümlü sayfada boş sütun kalmasın */
.me-v4 .v4-gez-liste.v8h-gez-4{grid-template-columns:repeat(4, minmax(0,1fr))}

/* İlgili hizmet kartları: aynı sıradaki kartlarda bağlantı satırı en altta hizalı (metin altındaki 20px boşluk onaylı CSS'ten) */
.me-v4 .v8h-ilgili .v8-ariza-link{margin-top:auto}

@media (max-width:1099px){
  .me-v4 .v4-gez-liste.v8h-gez-4{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media (max-width:699px){
  .me-v4 .v4-gez-liste.v8h-gez-4 li:last-child, .me-v4 .v4-gez-liste.v8-ariza-gez li:last-child{grid-column:auto}
}

/* İçerik-v2 adayı: saha/proje yüzeyleri; gerçek kayıt adedine uygun dar vaka ızgarası. */
.me-v4 #yaptigimiz-isler .v6-vakalar.v9-vakalar--cift{grid-template-columns:repeat(2,minmax(0,1fr))}
.me-v4 #yaptigimiz-isler .v6-vakalar.v9-vakalar--tek{grid-template-columns:minmax(0,1fr)}
@media(max-width:699px){
.me-v4 #yaptigimiz-isler .v6-vakalar.v9-vakalar--cift{grid-template-columns:minmax(0,1fr)}
}
.me-v4 #saha-kesitleri .v9-gruplar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0}
.me-v4 #saha-kesitleri .v9-gruplar--tek{grid-template-columns:minmax(0,1fr);max-width:760px}
.me-v4 #saha-kesitleri .v9-grup{display:flex;flex-direction:column;gap:16px;min-width:0;padding:20px;border:1px solid #e1ddd4;border-top:3px solid #304f4f;border-radius:18px;background:#fff;box-shadow:0 6px 20px #12222207}
.me-v4 #saha-kesitleri .v9-grup h3{margin:0;color:#304f4f;font-size:19px;font-weight:600;line-height:1.45;letter-spacing:-.25px}
.me-v4 #saha-kesitleri .v9-grup-bas p{margin:6px 0 0;color:#425757;font-size:14px;line-height:1.7;font-weight:400}
.me-v4 #saha-kesitleri .v9-kareler{display:flex;align-items:flex-start;gap:10px}
.me-v4 #saha-kesitleri .v9-kare{flex:1 1 0;min-width:0;margin:0}
.me-v4 #saha-kesitleri .v9-kare img{display:block;width:100%;height:auto;border-radius:12px;background:#eef3ef}
.me-v4 #saha-kesitleri .v9-kare figcaption{margin-top:8px;color:#526565;font-size:12px;line-height:1.5;font-weight:500}
.me-v4 #ilgili-projeler .v12-projeler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0}
.me-v4 #ilgili-projeler .v12-projeler--iki{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
.me-v4 #ilgili-projeler .v12-projeler>li{display:flex;min-width:0}
.me-v4 #ilgili-projeler .v12-proje{display:flex;flex-direction:column;width:100%;overflow:hidden;border:1px solid #e1ddd4;border-top:3px solid #304f4f;border-radius:18px;background:#fff;box-shadow:0 6px 20px #12222207}
.me-v4 #ilgili-projeler .v12-proje img{display:block;width:100%;height:168px;object-fit:cover;object-position:50% 50%;background:#eef3ef}
.me-v4 #ilgili-projeler .v12-proje-metin{display:flex;flex:1;flex-direction:column;gap:10px;padding:20px 22px}
.me-v4 #ilgili-projeler .v12-proje-tur{margin:0;color:#a35700;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.06em;text-transform:uppercase}
.me-v4 #ilgili-projeler .v12-proje h3{margin:0;min-height:58px;color:#304f4f;font-size:20px;font-weight:600;line-height:1.45;letter-spacing:-.3px}
.me-v4 #ilgili-projeler .v12-proje-ozet{margin:0;color:#425757;font-size:14px;line-height:1.7;font-weight:400}
.me-v4 #ilgili-projeler .v12-proje-devam{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;margin-top:auto;padding-top:12px;border-top:1px solid #e7e0d6;color:#304f4f;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none}
.me-v4 #ilgili-projeler .v12-proje-devam .v4-i,.me-v4 #ilgili-projeler .v12-proje-tumu .v4-i{color:#a35700}
.me-v4 #ilgili-projeler .v12-proje-tumu{display:inline-flex;align-items:center;gap:12px;min-height:48px;margin-top:24px;color:#304f4f;font-size:15px;line-height:1.5;font-weight:600;text-underline-offset:5px}
.me-v4 #ilgili-projeler a:hover{color:#a35700}
.me-v4 #ilgili-projeler a:focus-visible,.me-v4 #saha-kesitleri a:focus-visible{outline:3px solid #a35700;outline-offset:3px;border-radius:4px}
@media(min-width:700px) and (max-width:1179px){
.me-v4 #saha-kesitleri .v9-gruplar{grid-template-columns:repeat(2,minmax(0,1fr))}
.me-v4 #saha-kesitleri .v9-gruplar>li:last-child:nth-child(odd){grid-column:1/-1}
.me-v4 #saha-kesitleri .v9-gruplar>li:last-child:nth-child(odd) .v9-kareler{max-width:620px}
.me-v4 #ilgili-projeler .v12-projeler{grid-template-columns:repeat(2,minmax(0,1fr))}
.me-v4 #ilgili-projeler .v12-projeler--uc>li:last-child{grid-column:1/-1}
.me-v4 #ilgili-projeler .v12-projeler--uc>li:last-child .v12-proje{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.me-v4 #ilgili-projeler .v12-projeler--uc>li:last-child img{height:100%;min-height:240px}
.me-v4 #ilgili-projeler .v12-projeler--uc>li:last-child h3{min-height:0}
}
@media(max-width:699px){
.me-v4 #saha-kesitleri .v9-gruplar{grid-template-columns:minmax(0,1fr);gap:18px}
.me-v4 #saha-kesitleri .v9-grup{padding:18px 16px}
.me-v4 #saha-kesitleri .v9-grup h3{font-size:18px}
.me-v4 #ilgili-projeler .v12-projeler,.me-v4 #ilgili-projeler .v12-projeler--iki{grid-template-columns:minmax(0,1fr);gap:18px}
.me-v4 #ilgili-projeler .v12-proje img{height:170px}
.me-v4 #ilgili-projeler .v12-proje-metin{padding:18px 20px}
.me-v4 #ilgili-projeler .v12-proje h3{min-height:0;font-size:19px}
}

.me-v4 .v6-belirti-ac[open]{display:flex;flex-direction:column;flex:1}
.me-v4 .v6-belirti-ac[open]::details-content{display:flex;flex-direction:column;flex:1}
.me-v4 .v6-belirti-ac[open]>dl{flex:1}
.me-v4 .v11-media-row .v11-thumb{display:block;flex:none;width:64px;line-height:0;border-radius:9px;overflow:hidden}
.me-v4 .v11-media-row img{display:block;width:64px;height:64px;object-fit:cover;border-radius:9px}
.me-v4 .v11-media-row span{min-width:0}
.me-v4 .v11-media-row .v11-record{color:inherit;text-decoration:none;min-height:28px;display:flex;align-items:center}
.me-v4 .v11-media-row .v11-record:hover b{color:var(--v4-tm)}
.me-v4 .v11-media-row--scope{margin-top:18px;border-top:1px solid var(--v4-cizgi);padding:14px 0 0}
.me-v4 .v11-photo-open{display:block;line-height:0;border-radius:12px;overflow:hidden}
.me-v4 #saha-kesitleri .v9-gruplar{grid-template-columns:repeat(var(--field-cols,3),minmax(0,1fr))}
.me-v4 #saha-kesitleri .v9-gruplar--tek{max-width:none}
.me-v4 #saha-kesitleri .v9-gruplar--tek>.v9-grup{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.5fr);gap:24px;align-items:start}
.me-v4 #saha-kesitleri .v9-kareler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.me-v4 #saha-kesitleri .v9-kareler:has(>.v11-kare:only-child){grid-template-columns:minmax(0,1fr)}
.me-v4 #saha-kesitleri .v11-kare img{display:block;width:100%;height:clamp(132px,12vw,180px);max-height:none;aspect-ratio:auto!important;object-fit:cover!important}
.me-v4 .v11-seri-vaka{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:24px;margin-top:24px;padding:24px;border-top:3px solid var(--v4-yesil)}
.me-v4 .v11-seri-vaka .v6-vaka-govde{padding:0;min-width:0}
.me-v4 .v11-seri-vaka .v6-vaka-h{font-size:22px;font-weight:600}
.me-v4 .v11-seri-vaka .v4-lnk-ana{position:relative;z-index:2;margin-top:16px;min-height:36px}
.me-v4 .v11-seri-fotolar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.me-v4 .v11-seri-fotolar li,.me-v4 .v11-seri-fotolar figure{margin:0;min-width:0}
.me-v4 .v11-seri-vaka .v11-seri-fotolar img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:initial;border-radius:12px}
.me-v4 .v11-seri-fotolar .v11-photo-open{position:relative;z-index:2}
.me-v4 .v11-seri-fotolar figcaption{position:static;display:block;color:#425757;background:none;font-weight:500;font-size:12.5px;line-height:1.5;padding:0;margin-top:8px}
.me-v4 .v11-seri-vaka:hover{transform:none}
.me-v4 .v11-yollar{align-items:stretch}
.me-v4 .v11-yollar>.v6-rehberler{grid-auto-rows:1fr}
.me-v4 .v11-yollar .v6-bolge-panel{justify-content:space-between}
.me-v4 .v11-yollar .v6-rehber{height:100%}
.me-v4 .v11-diger-rehberler{margin-top:18px;border-top:1px solid var(--v4-cizgi)}
.me-v4 .v11-diger-rehberler>summary{cursor:pointer;padding:14px 0;color:var(--v4-yesil);font-size:14px;font-weight:600}
.me-v4 .v11-diger-rehberler>.v6-rehberler{margin-top:4px}
.me-v4 .v11-yollar--az{grid-template-columns:minmax(0,1fr)}
.me-v4 .v11-yollar--az>.v6-rehberler{grid-template-columns:repeat(var(--guide-cols,2),minmax(0,1fr))}
.me-v4 .v11-yollar--az .v6-bolge-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-items:start}
.me-v4 .v11-yollar--az .v6-bolge-panel>.v4-h3,.me-v4 .v11-yollar--az .v6-bolge-panel>p,.me-v4 .v11-yollar--az .v6-ilceler{grid-column:1}
.me-v4 .v11-yollar--az .v6-bolge-hub{grid-column:2;grid-row:1/4}
@media(min-width:700px){.me-v4 #yaptigimiz-isler .v6-vakalar.v9-vakalar--tek>.v6-vaka{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.me-v4 #yaptigimiz-isler .v6-vakalar.v9-vakalar--tek>.v6-vaka>figure{min-height:260px;height:100%}.me-v4 #yaptigimiz-isler .v6-vakalar.v9-vakalar--tek>.v6-vaka>figure>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}}
@media(min-width:700px) and (max-width:1179px){.me-v4 #saha-kesitleri .v9-gruplar{grid-template-columns:repeat(2,minmax(0,1fr))}.me-v4 #saha-kesitleri .v9-gruplar--tek>.v9-grup{display:flex}.me-v4 .v11-seri-vaka{grid-template-columns:minmax(0,1fr)}.me-v4 .v11-seri-fotolar{max-width:680px}.me-v4 .v11-yollar--az>.v6-rehberler{grid-template-columns:repeat(2,minmax(0,1fr))}.me-v4 #yaptigimiz-isler .v6-vakalar>.v6-vaka:last-child:nth-child(odd)>figure{align-self:stretch}.me-v4 #yaptigimiz-isler .v6-vakalar>.v6-vaka:last-child:nth-child(odd)>figure>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}}
@media(max-width:699px){.me-v4 #saha-kesitleri .v9-gruplar{grid-template-columns:minmax(0,1fr)}.me-v4 #saha-kesitleri .v9-gruplar--tek>.v9-grup{display:flex}.me-v4 .v11-seri-vaka{grid-template-columns:minmax(0,1fr);padding:18px 16px;gap:18px}.me-v4 .v11-seri-fotolar{gap:8px}.me-v4 .v11-seri-vaka .v6-vaka-h{font-size:19px}.me-v4 .v11-seri-fotolar figcaption{font-size:11.5px}.me-v4 .v11-yollar--az>.v6-rehberler{grid-template-columns:minmax(0,1fr)}.me-v4 .v11-yollar--az .v6-bolge-panel{display:flex}.me-v4 .v11-yollar{grid-template-columns:minmax(0,1fr)}.me-v4 .v11-yollar>.v6-rehberler{grid-auto-rows:auto}}


/*# sourceURL=masal-approved-runtime-inline-css */

.kurumsal-anlasma-secim{border:0;margin:0;padding:0}.kurumsal-anlasma-secim legend{font-weight:600;margin-bottom:.5rem}.kurumsal-anlasma-secim .onay-satiri{margin:.35rem 0}.kurumsal-form-not{font-size:.85rem;opacity:.7;margin-top:.5rem}

/* K-131: form onay ve yedek mesaj linkleri marka stili */
.masal-form .onay-satiri label a,.masal-turnstile-fallback a{color:#122222;font-weight:600;text-decoration:underline;text-decoration-color:#FF8C00;text-decoration-thickness:2px;text-underline-offset:4px}
.masal-form .onay-satiri label a:hover,.masal-turnstile-fallback a:hover{color:#A05200}