:root{
    --map-brand:#2834E4;
    --map-bg:#121212;
    --map-text:#f2f2f2;
}
.map-panel{direction:rtl;background:var(--map-bg);color:var(--map-text);padding:16px;border-radius:16px}
.map-panel *{box-sizing:border-box}
.map-banner{position:relative;overflow:hidden;border-radius:12px}
.map-banner .slides{display:flex;gap:8px;scroll-behavior:smooth;overflow:auto}
.map-banner .slides a, .map-banner .slides div{flex:0 0 100%}
.map-banner img{width:100%;height:auto;display:block;border-radius:12px}
.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
@media(min-width:768px){.map-grid{grid-template-columns:repeat(6,1fr)}}
.map-card{background:#1b1b1b;border-radius:16px;padding:12px;text-align:center;transition:transform .15s ease,border-color .15s}
.map-card:hover{transform:translateY(-2px)}
.map-card img{width:44px;height:44px;object-fit:contain;margin:0 auto 8px}
.map-card .title{font-size:14px;line-height:1.4}
.map-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;background:#1a1a1a;border-radius:16px;padding:10px;position:relative}
.map-nav .nav-item{text-align:center;font-size:12px;padding:8px;border-radius:12px}
.map-nav .nav-item .icon{display:block;margin:0 auto 6px}
.map-nav .nav-item.active{outline:2px solid var(--map-brand)}
.map-chip{display:inline-block;background:rgba(40,52,228,0.15);color:#cfd4ff;border:1px solid rgba(40,52,228,0.3);border-radius:999px;font-size:11px;padding:2px 8px;margin-right:6px}
/* brand override from localized script */