.dealer-body { margin:0; background:var(--canvas); font-size:1rem; line-height:1.6; }
.dealer-body .container { width:calc(100% - 64px); max-width:1280px; padding:0; margin-inline:auto; }
.site-header { background:#fff; border-bottom:1px solid var(--border); }
.site-nav { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.site-brand { flex-shrink:0; display:flex; align-items:center; }
.site-brand img { width:185px; height:58px; object-fit:contain; }
.site-links { display:flex; align-items:center; gap:12px; }
.site-links .nav-link { display:flex; align-items:center; gap:8px; padding:10px 16px; color:var(--muted); border-radius:7px; font-size:.9375rem; font-weight:600; }
.site-links .nav-link:hover,.site-links .nav-link.active { background:var(--soft); color:var(--brand-dark); }
.supara-main { padding-top:32px !important; }
.directory-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:26px; }
.page-kicker,.supara-kicker { display:block; color:var(--brand-dark); font-size:.75rem; letter-spacing:.09em; font-weight:700; margin-bottom:7px; }
.directory-heading h1 { font-size:clamp(1.5rem,2.3vw,2rem); font-weight:650; letter-spacing:-.035em; line-height:1.3; margin:0 0 8px; }
.directory-heading p { color:var(--muted); margin:0; }
.directory-jump { flex-shrink:0; display:flex; gap:8px; align-items:center; color:var(--brand-dark); font-size:.9375rem; font-weight:600; }
.supara-map-card { background:#fff; border:1px solid var(--border); border-radius:12px; box-shadow:0 3px 12px #2f2b3d08; overflow:hidden; }
.supara-section-head { padding:20px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--border); }
.map-heading { display:flex; align-items:center; gap:14px; }
.section-icon { width:44px; height:44px; border-radius:8px; display:grid; place-items:center; color:var(--brand); background:var(--soft); flex-shrink:0; }
.map-heading h2 { font-size:1.125rem; margin:0 0 2px; font-weight:650; }
.map-heading p { font-size:.875rem; color:var(--muted); margin:0; }
.map-selection { color:var(--brand-dark); background:var(--soft); border-radius:6px; padding:5px 12px; font-size:.875rem; font-weight:600; white-space:nowrap; }
.map-head-actions { display:flex; align-items:center; gap:12px; }
.istanbul-shortcut { background:#eeecfd; color:#665ad8; border:1px solid #dcd7fd; font-size:.875rem; }
.istanbul-shortcut:hover { background:#ded9fb; color:#574bd1; }
.istanbul-panel { display:grid; grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr); gap:28px; align-items:center; padding:24px; margin:0 24px 22px; border:1px solid #ded9fb; border-radius:9px; background:linear-gradient(105deg,#f4f2ff,#fcfbff); scroll-margin-top:20px; }
.istanbul-intro { display:flex; gap:14px; align-items:flex-start; }
.istanbul-city-icon { width:46px; height:46px; display:grid; place-items:center; background:#e5e1fc; border-radius:9px; color:#7367f0; flex-shrink:0; }
.istanbul-city-icon .icon-base { font-size:1.5rem; }
.istanbul-intro .supara-kicker { font-size:.75rem; margin-bottom:6px; }
.istanbul-intro h2 { font-size:1.25rem; font-weight:650; margin:0 0 8px; letter-spacing:-.025em; }
.istanbul-intro p { font-size:.875rem; line-height:1.6; color:#6d6b77; margin:0; max-width:320px; }
.side-options { display:flex; gap:6px; flex-wrap:wrap; padding:5px; background:white; border:1px solid #e6e6e8; border-radius:8px; }
.side-option { flex:1; white-space:nowrap; padding:10px 12px; min-height:42px; font-size:.8125rem; font-weight:600; border:0; border-radius:6px; color:#6d6b77; background:transparent; }
.side-option:hover { color:#665ad8; background:#f4f2ff; }
.side-option.is-active { background:#7367f0; color:white; box-shadow:0 2px 5px #7367f022; }
.side-option[data-side-filter=anadolu].is-active { background:#087f94; }
.istanbul-district { margin-top:14px; display:grid; grid-template-columns:auto minmax(100px,1fr) auto; gap:12px; align-items:center; }
.istanbul-district label { font-size:.875rem; color:#595564; margin:0; }
.istanbul-district .btn { font-size:.8125rem; min-height:46px; }
.istanbul-card-meta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:-4px 0 18px; font-size:.8125rem; color:#6d6b77; }
.side-badge { padding:4px 8px; border-radius:5px; font-size:.75rem; font-weight:600; }
.side-badge--avrupa { color:#665ad8; background:#eeecfd; }
.side-badge--anadolu { color:#087f94; background:#def5f7; }
.side-badge--unknown { color:#6d6b77; background:#f1f0f3; }
#puma-turkiye-haritasi.is-istanbul { max-height:265px; overflow:hidden; margin-block:12px; }
#puma-turkiye-haritasi.is-istanbul text { display:none; }
#puma-turkiye-haritasi.is-istanbul g[data-plakakodu] path { fill:#eeedf2; stroke-width:1; vector-effect:non-scaling-stroke; }
#puma-turkiye-haritasi.is-istanbul g[data-yaka=avrupa] path { fill:#9b91ee; stroke:#7367f0; stroke-width:1.5; }
#puma-turkiye-haritasi.is-istanbul g[data-yaka=anadolu] path { fill:#60bfca; stroke:#087f94; stroke-width:1.5; }
#puma-turkiye-haritasi.is-istanbul g[data-yaka]:hover path { filter:brightness(.94); }
#puma-turkiye-haritasi.is-istanbul g.is-side-muted path { fill:#e6e4ed; stroke:#cecadb; }
.supara-filterbar { padding:20px 24px; display:grid; grid-template-columns:2fr 1fr 1fr; gap:18px; }
.supara-field { min-width:0; }
.supara-field label { display:block; font-size:.875rem; font-weight:600; margin-bottom:6px; }
.supara-input-wrap { position:relative; }
.supara-input-wrap input { padding-left:40px; }
.supara-input-icon { position:absolute; left:13px; top:5px; color:var(--muted); font-size:1.5rem; pointer-events:none; }
.supara-map-shell { position:relative; padding:0 24px 16px; background:#fdfcfe; border-top:1px solid #f2f1f4; }
.puma-turkiye-haritasi { width:100%; max-width:940px; margin:auto; }
#puma-turkiye-haritasi { display:block; width:100%; height:auto; max-height:385px; overflow:visible; }
#puma-turkiye-haritasi g[data-plakakodu] path { fill:#e8e7ee; stroke:#fff; stroke-width:1.4; transition:fill .15s; }
#puma-turkiye-haritasi g.supara-has-point { cursor:pointer; }
#puma-turkiye-haritasi g.supara-has-point path { fill:#b4adf5; }
#puma-turkiye-haritasi g.supara-has-point:hover path,#puma-turkiye-haritasi g.supara-has-point:focus path { fill:#8c80ef; }
#puma-turkiye-haritasi g.is-selected path { fill:var(--brand-dark); stroke:#4437b6; stroke-width:2; }
#puma-turkiye-haritasi text { fill:#555064; font-family:var(--bs-body-font-family); font-size:9px; pointer-events:none; }
#puma-turkiye-haritasi .is-selected text { fill:white; font-weight:700; }
.supara-map-legend-premium { display:flex; gap:22px; justify-content:center; flex-wrap:wrap; font-size:.8125rem; color:var(--muted); padding-top:4px; }
.supara-map-legend-premium span { display:flex; align-items:center; gap:7px; }
.supara-map-legend-premium i { width:10px; height:10px; background:#e8e7ee; border:1px solid #ceccd7; border-radius:3px; }
.supara-map-legend-premium i.is-active { background:#b4adf5; border-color:#9c91ee; }
.il-isimleri { display:none; position:fixed; z-index:1000; pointer-events:none; padding:10px 14px; border-radius:8px; background:#444050; color:#fff; box-shadow:0 5px 15px #2f2b3d22; font-size:.875rem; }
.il-isimleri.is-visible { display:block; }
.supara-finder { margin-top:32px; scroll-margin-top:24px; }
.supara-finder__head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; }
.supara-finder__head h2 { margin:0 0 5px; font-size:1.5rem; letter-spacing:-.02em; }
.supara-finder__head p { margin:0; color:var(--muted); font-size:.9375rem; }
.supara-reset { flex-shrink:0; background:#eeedf0; border:0; color:#595564; padding:10px 15px; }
.supara-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.supara-dealer-card { padding:24px; border:1px solid var(--border); border-radius:10px; box-shadow:0 3px 12px #2f2b3d06; display:flex; flex-direction:column; transition:border-color .15s,box-shadow .15s; min-width:0; }
.supara-dealer-card:hover { border-color:#c6c0f7; box-shadow:0 6px 18px #2f2b3d0c; }
.supara-dealer-card__top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; }
.supara-type-badge { font-size:.8125rem; font-weight:600; border-radius:5px; padding:3px 9px; white-space:nowrap; }
.supara-type-badge--dealer { background:var(--soft); color:var(--brand-dark); }
.supara-type-badge--sale { background:#def7ed; color:#18794e; }
.supara-card-brands img { width:82px; height:30px; object-fit:contain; }
.supara-dealer-card h3 { font-size:1rem; line-height:1.55; font-weight:700; margin:0 0 9px; overflow-wrap:anywhere; }
.supara-location { display:flex; gap:5px; align-items:center; color:var(--brand-dark); font-size:.875rem; margin-bottom:18px; }
.supara-location .icon-base { font-size:1rem; }
.supara-details { margin:0 0 20px; display:grid; gap:12px; }
.supara-details>div { display:grid; grid-template-columns:58px minmax(0,1fr); gap:10px; font-size:.875rem; line-height:1.55; }
.supara-details dt { font-weight:400; color:var(--muted); }
.supara-details dd { margin:0; overflow-wrap:anywhere; }
.supara-actions { display:flex; gap:8px; margin-top:auto; padding-top:18px; border-top:1px solid var(--border); }
.supara-btn { display:flex; align-items:center; justify-content:center; gap:6px; flex:1; min-height:40px; border:1px solid var(--border); border-radius:6px; font-size:.875rem; font-weight:600; color:var(--ink); }
.supara-btn:hover { background:#f4f2ff; border-color:#c6c0f7; color:var(--brand-dark); }
.supara-btn--primary { color:var(--brand-dark); border-color:transparent; background:var(--soft); }
.supara-btn--icon { flex:0 0 40px; }
.supara-btn .icon-base { font-size:1.1rem; }
.supara-empty { background:white; padding:48px 24px; text-align:center; border:1px dashed #cbc7dd; border-radius:10px; }
.supara-empty__icon { font-size:2rem; color:var(--brand); }
.supara-empty h3 { font-size:1.125rem; }
.supara-empty p { color:var(--muted); }
.directory-footer { margin-top:40px !important; padding:24px 0 !important; display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--border); font-size:.8125rem; color:var(--muted); }
.directory-footer>div { display:flex; gap:24px; align-items:center; }
.directory-footer a { color:var(--muted); display:flex; align-items:center; gap:5px; }
.directory-footer .icon-base { font-size:1rem; }
.directory-pro .directory-footer { align-items:center; }
.directory-pro .directory-footer .footer-credit { display:inline-flex; align-items:center; flex:0 0 auto; gap:8px; white-space:nowrap; font-size:.8125rem; line-height:1.5; }
.directory-pro .directory-footer .footer-credit-dot { color:#a7aebb; }
.directory-pro .directory-footer .footer-credit a { display:inline-flex; color:#6859cd; font-weight:650; text-decoration:none; }
.directory-pro .directory-footer .footer-credit a:hover { color:#4e3cb0; text-decoration:underline; text-underline-offset:3px; }
.directory-pro .directory-footer .footer-credit a:focus-visible { outline:2px solid #a99bde; outline-offset:4px; border-radius:2px; }
@media(max-width:560px) { .directory-pro .directory-footer { justify-content:center; text-align:center; row-gap:14px; } .directory-pro .directory-footer>div { width:100%; justify-content:center; column-gap:18px; row-gap:12px; } }
@media(min-width:1600px) { #puma-turkiye-haritasi { max-height:420px; } }
@media(max-width:1050px) { .supara-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .directory-jump { display:none; } .directory-footer,.directory-footer>div { flex-wrap:wrap; gap:12px; } }
@media(max-width:1050px) { .istanbul-panel { grid-template-columns:1fr; gap:18px; } .istanbul-intro p { max-width:none; } .map-head-actions .map-selection { display:none; } }
@media(max-width:700px) {
 .dealer-body .container { width:calc(100% - 32px); } .site-nav { min-height:76px; flex-wrap:wrap; gap:0; padding:10px 0 12px !important; } .site-brand img { width:145px; height:46px; }
 .site-links { width:100%; justify-content:space-between; margin-top:8px; gap:6px; } .site-links .nav-link { font-size:.875rem; padding:8px; gap:5px; } .site-links .btn { font-size:.875rem; padding:8px 12px; }
 .supara-main { padding-top:24px !important; } .directory-heading { margin-bottom:20px; } .directory-heading p { font-size:.9375rem; }
 .supara-section-head { padding:16px; align-items:flex-start; } .map-selection { display:none; } .map-heading { gap:10px; } .map-heading p { font-size:.8125rem; }
 .supara-section-head { flex-wrap:wrap; } .map-head-actions { width:100%; } .istanbul-shortcut { width:100%; justify-content:center; } .istanbul-panel { padding:18px; margin:0 16px 16px; } .istanbul-intro { gap:10px; } .istanbul-intro h2 { font-size:1.125rem; } .istanbul-city-icon { display:none; } .side-option { font-size:.8125rem; padding:10px 8px; } .istanbul-district { grid-template-columns:auto minmax(0,1fr); } .istanbul-district a { grid-column:1/-1; } #puma-turkiye-haritasi.is-istanbul { max-height:200px; }
 .supara-filterbar { padding:16px; gap:14px 12px; grid-template-columns:1fr 1fr; } .supara-field--search { grid-column:1/-1; }
 .supara-map-shell { padding:8px 8px 16px; } #puma-turkiye-haritasi text { display:none; } .supara-map-legend-premium { gap:10px; font-size:.75rem; }
 .supara-finder__head { align-items:flex-start; flex-wrap:wrap; gap:12px; } .supara-finder__head h2 { font-size:1.3rem; } .supara-reset { min-height:40px; font-size:.875rem; }
 .supara-grid { grid-template-columns:1fr; gap:16px; } .supara-dealer-card { padding:20px; } .directory-footer { margin-top:28px !important; }
}