/* DRDERMAN – Bayi Haritası */
.ddh{--ddh-max:none;position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--ddh-panel-w,300px);gap:16px;align-items:start;width:100%;box-sizing:border-box;font-family:var(--dd-font-body,inherit);color:#33405a}
.ddh *{box-sizing:border-box}
.ddh.ddh-panel-sol{grid-template-columns:var(--ddh-panel-w,300px) minmax(0,1fr)}
.ddh.ddh-panel-sol .ddh-panel{order:-1}
.ddh.ddh-panel-alt,.ddh.ddh-panel-yok{grid-template-columns:minmax(0,1fr)}
.ddh-harita{max-width:var(--ddh-max);width:100%;margin-inline:auto}
.ddh svg{width:100%;height:auto;display:block;overflow:visible}
.ddh svg path[data-k]{fill:var(--ddh-bos);stroke:var(--ddh-sinir);stroke-width:.6;transition:fill .15s;outline:0}
.ddh svg path[data-k]:hover{fill:var(--ddh-bos-h)}
.ddh svg path[data-k].var{fill:var(--ddh-var);cursor:pointer}
.ddh svg path[data-k].var:hover,.ddh svg path[data-k].var:focus,.ddh svg path[data-k].sec{fill:var(--ddh-sec)}
.ddh svg path.ddh-bolge-c{fill:none;stroke:var(--ddh-sinir);stroke-width:3.6;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}
.ddh svg path.ddh-bolge{fill:none;stroke:var(--ddh-bolge);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}
.ddh.ddh-bolgesiz svg path.ddh-bolge,.ddh.ddh-bolgesiz svg path.ddh-bolge-c{display:none}
.ddh svg text{font-size:var(--ddh-yazi,5px);font-weight:600;text-anchor:middle;dominant-baseline:central;fill:var(--ddh-yazi-bos);pointer-events:none;font-family:inherit}
.ddh svg text.var{fill:var(--ddh-yazi-var)}
.ddh-balon{position:absolute;left:0;top:0;z-index:50;pointer-events:none;background:var(--ddh-balon);color:#fff;font-size:18px;font-weight:700;line-height:1;padding:11px 18px;border-radius:12px;white-space:nowrap;box-shadow:0 10px 28px rgba(15,31,61,.3);opacity:0;visibility:hidden;transition:opacity .12s}
.ddh-balon small{font-size:13px;font-weight:600;opacity:.8;margin-left:8px}
.ddh-balon.ac{opacity:1;visibility:visible}
.ddh-balon:after{content:'';position:absolute;left:var(--ok,50%);top:100%;margin-left:-8px;border:8px solid transparent;border-top-color:var(--ddh-balon)}
.ddh-balon.alt:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--ddh-balon)}
.ddh-lejant{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:10px;font-size:13px;color:#5b6780}
.ddh-lejant span{display:inline-flex;align-items:center;gap:8px}
.ddh-lejant i{width:14px;height:14px;border-radius:4px;display:inline-block}
.ddh-l-var{background:var(--ddh-var)}
.ddh-l-bos{background:var(--ddh-bos);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.ddh-panel{background:#fff;border:1px solid #e3e8f0;border-radius:16px;box-shadow:0 10px 30px rgba(11,46,112,.12);overflow:hidden;max-height:var(--ddh-panel-h,560px);display:flex;flex-direction:column}
.ddh.ddh-golgesiz .ddh-panel{box-shadow:none}
.ddh-bas{background:var(--ddh-bas);color:var(--ddh-bas-yazi);padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex:none}
.ddh .ddh-bas h3{margin:0;font-size:18px;font-weight:700;color:inherit;font-family:var(--dd-font-head,inherit);line-height:1.25}
.ddh-say{background:rgba(255,255,255,.2);border-radius:20px;padding:3px 11px;font-size:12px;white-space:nowrap}
.ddh-liste{overflow:auto;padding:6px 14px 12px}
.ddh-kart{padding:13px 4px;border-bottom:1px solid #eef1f6}
.ddh-kart:last-child{border-bottom:0}
.ddh .ddh-kart strong{display:block;font-size:15px;color:var(--ddh-bayi);margin-bottom:6px;line-height:1.35}
.ddh-satir{font-size:13px;color:#5b6780;line-height:1.5;display:flex;gap:8px;margin-top:2px}
.ddh-satir b{flex:0 0 62px;font-size:10.5px;letter-spacing:.06em;color:#8b97ad;font-weight:600;padding-top:2px}
.ddh .ddh-satir a{color:var(--ddh-link);text-decoration:none;word-break:break-word}
.ddh .ddh-satir a:hover{text-decoration:underline}
.ddh-gizli{cursor:pointer;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.ddh-goster{display:inline-block;padding:1px 9px;font-size:11px;font-weight:700;line-height:1.6;color:#fff;background:var(--ddh-link);border-radius:999px;white-space:nowrap}
.ddh-gizli:hover .ddh-goster{filter:brightness(1.2)}
.ddh-gizli.ddh-yukleniyor{opacity:.55;pointer-events:none}
.ddh-gizli-hata{display:block;margin-top:3px;font-size:12px;color:#b32d2e}
.ddh .ddh-bos{margin:0;padding:22px 18px;color:#5b6780;font-size:14px;line-height:1.6}
.ddh-not{padding:14px 18px;border:1.5px dashed #e31b23;border-radius:12px}
/* 1.3: Ekran genişliğinde harita — bulunduğu kutudan taşar; panel haritanın yüksekliği kadar uzar. */
.ddh.ddh-tam{--ddh-kenar:clamp(16px,2.5vw,40px);grid-template-columns:minmax(0,1fr) clamp(var(--ddh-panel-w,300px),24vw,420px);width:calc(100vw - var(--ddh-sb,0px) - 2 * var(--ddh-kenar));max-width:none;margin-inline:0;left:50%;transform:translateX(-50%);gap:24px;align-items:stretch}
.ddh.ddh-tam.ddh-panel-sol{grid-template-columns:clamp(var(--ddh-panel-w,300px),24vw,420px) minmax(0,1fr)}
.ddh.ddh-tam.ddh-panel-alt,.ddh.ddh-tam.ddh-panel-yok{grid-template-columns:minmax(0,1fr)}
.ddh.ddh-tam:not(.ddh-panel-alt) .ddh-panel{contain:size;max-height:none;min-height:420px}
@media (max-width:860px){.ddh,.ddh.ddh-panel-sol{grid-template-columns:1fr}.ddh.ddh-tam,.ddh.ddh-tam.ddh-panel-sol{grid-template-columns:1fr}.ddh.ddh-tam .ddh-panel{contain:none;min-height:0;max-height:min(var(--ddh-panel-h,560px),440px)}.ddh.ddh-panel-sol .ddh-panel{order:0}.ddh-panel{max-height:min(var(--ddh-panel-h,560px),440px)}.ddh-balon{font-size:15px;padding:9px 14px}}
@media (prefers-reduced-motion:reduce){.ddh *{transition:none!important}}

/* 1.2: Kopyala / WhatsApp'ta paylaş */
.ddh-paylas{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ddh .ddh-paylas-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 11px 5px 8px;font:inherit;font-size:11.5px;font-weight:600;line-height:1;text-transform:none;letter-spacing:0;background:#fff;border-radius:999px;min-height:0;box-shadow:none;cursor:pointer;transition:background-color .18s,border-color .18s}
.ddh .ddh-paylas-btn svg{width:14px;height:14px;flex:none}
.ddh .ddh-kopya{color:var(--ddh-link);border:1px solid #dfe4ee}
.ddh .ddh-kopya:hover,.ddh .ddh-kopya.ddh-tamam{background:#f3f6fc;border-color:var(--ddh-link)}
.ddh .ddh-wa{color:#128C7E;border:1px solid #bfe8d5}
.ddh .ddh-wa:hover{background:#e9f9f0;border-color:#25D366}