/* Enhanced map treatments for international markets. Bangladesh retains its original treatment. */
.market-panel[data-market="newyork"] .map-panel,
.market-panel[data-market="dubai"] .map-panel,
.market-panel[data-market="london"] .map-panel,
.market-panel[data-market="toronto"] .map-panel {
  isolation: isolate;
  background: var(--market-base);
}

.market-panel[data-market="newyork"] { --market-base: #172d42; --market-water: #4b8391; --market-land: #d7a852; --market-ink: #102638; }
.market-panel[data-market="dubai"] { --market-base: #e7c798; --market-water: #89bbc0; --market-land: #cb6b3d; --market-ink: #604132; }
.market-panel[data-market="london"] { --market-base: #283746; --market-water: #6d9baa; --market-land: #c47752; --market-ink: #152b38; }
.market-panel[data-market="toronto"] { --market-base: #cddade; --market-water: #55889a; --market-land: #c75d48; --market-ink: #1a4254; }

.market-panel[data-market="newyork"] .map-panel::before,
.market-panel[data-market="dubai"] .map-panel::before,
.market-panel[data-market="london"] .map-panel::before,
.market-panel[data-market="toronto"] .map-panel::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--market-water) 55%, transparent), transparent 32%),
    linear-gradient(132deg, transparent 0 43%, rgba(255,255,255,.16) 43.15% 43.55%, transparent 43.7% 100%);
}

.market-panel[data-market="newyork"] .map-grid,
.market-panel[data-market="dubai"] .map-grid,
.market-panel[data-market="london"] .map-grid,
.market-panel[data-market="toronto"] .map-grid { opacity: .6; z-index: 1; }

.market-panel[data-market="newyork"] .map-shape,
.market-panel[data-market="dubai"] .map-shape,
.market-panel[data-market="london"] .map-shape,
.market-panel[data-market="toronto"] .map-shape { z-index: 2; filter: drop-shadow(0 18px 18px rgba(16,31,35,.26)); }

.market-panel[data-market="newyork"] .map-shape path,
.market-panel[data-market="dubai"] .map-shape path,
.market-panel[data-market="london"] .map-shape path,
.market-panel[data-market="toronto"] .map-shape path { fill: var(--market-land); stroke: rgba(255,255,255,.5); stroke-width: 1.2; }

.market-panel[data-market="newyork"] .map-shape .map-city,
.market-panel[data-market="dubai"] .map-shape .map-city,
.market-panel[data-market="london"] .map-shape .map-city,
.market-panel[data-market="toronto"] .map-shape .map-city { fill: var(--market-ink); stroke: #fff7e9; stroke-width: 3; }

.market-panel[data-market="newyork"] .map-caption,
.market-panel[data-market="dubai"] .map-caption,
.market-panel[data-market="london"] .map-caption,
.market-panel[data-market="toronto"] .map-caption { z-index: 3; color: var(--market-ink); text-shadow: 0 1px rgba(255,255,255,.28); }

.market-panel[data-market="newyork"] .map-caption::before,
.market-panel[data-market="dubai"] .map-caption::before,
.market-panel[data-market="london"] .map-caption::before,
.market-panel[data-market="toronto"] .map-caption::before {
  content: 'GLOBAL NETWORK';
  display: block;
  margin-bottom: 9px;
  font: 700 9px/1 'DM Sans', sans-serif;
  letter-spacing: .17em;
  color: var(--market-ink);
  opacity: .7;
}

.market-panel[data-market="newyork"] .map-caption small,
.market-panel[data-market="dubai"] .map-caption small,
.market-panel[data-market="london"] .map-caption small,
.market-panel[data-market="toronto"] .map-caption small { color: var(--market-ink); opacity: .72; }

@media (max-width: 760px) {
  .market-panel[data-market="newyork"] .map-panel,
  .market-panel[data-market="dubai"] .map-panel,
  .market-panel[data-market="london"] .map-panel,
  .market-panel[data-market="toronto"] .map-panel { min-height: 370px; }
}

/* Use the same visual language as the Bangladesh map; only the geographic outline changes by market. */
.market-panel[data-market="newyork"] .map-panel,
.market-panel[data-market="dubai"] .map-panel,
.market-panel[data-market="london"] .map-panel,
.market-panel[data-market="toronto"] .map-panel { background: #d7c8af; }

.market-panel[data-market="newyork"] .map-panel::before,
.market-panel[data-market="dubai"] .map-panel::before,
.market-panel[data-market="london"] .map-panel::before,
.market-panel[data-market="toronto"] .map-panel::before { display: none; }

.market-panel[data-market="newyork"] .map-grid,
.market-panel[data-market="dubai"] .map-grid,
.market-panel[data-market="london"] .map-grid,
.market-panel[data-market="toronto"] .map-grid { opacity: 1; }

.market-panel[data-market="newyork"] .map-shape path,
.market-panel[data-market="dubai"] .map-shape path,
.market-panel[data-market="london"] .map-shape path,
.market-panel[data-market="toronto"] .map-shape path { fill: var(--orange); stroke: rgba(19,34,31,.72); stroke-width: .75; }

.market-panel[data-market="newyork"] .map-shape .map-city,
.market-panel[data-market="dubai"] .map-shape .map-city,
.market-panel[data-market="london"] .map-shape .map-city,
.market-panel[data-market="toronto"] .map-shape .map-city { fill: var(--moss); stroke: #fff; }

.market-panel[data-market="newyork"] .map-state-lines { fill: none; stroke: rgba(40,68,59,.42); stroke-width: .65; pointer-events: none; }

.market-panel[data-market="newyork"] .map-city-label,
.market-panel[data-market="dubai"] .map-city-label,
.market-panel[data-market="london"] .map-city-label,
.market-panel[data-market="toronto"] .map-city-label { fill: var(--moss); font: 700 10px 'DM Sans', sans-serif; letter-spacing: .08em; text-transform: uppercase; paint-order: stroke; stroke: #d7c8af; stroke-width: 3px; stroke-linejoin: round; }

.market-panel[data-market="newyork"] .map-caption,
.market-panel[data-market="dubai"] .map-caption,
.market-panel[data-market="london"] .map-caption,
.market-panel[data-market="toronto"] .map-caption { color: var(--moss); text-shadow: none; }

.market-panel[data-market="newyork"] .map-caption::before,
.market-panel[data-market="dubai"] .map-caption::before,
.market-panel[data-market="london"] .map-caption::before,
.market-panel[data-market="toronto"] .map-caption::before { display: none; }

.market-panel[data-market="newyork"] .map-caption small,
.market-panel[data-market="dubai"] .map-caption small,
.market-panel[data-market="london"] .map-caption small,
.market-panel[data-market="toronto"] .map-caption small { color: var(--moss); opacity: 1; }