/* IUC Brands — homepage map banner only.
   Activated only when JS adds .iuc-home-map-banner to #intertrade-by-country. */
#intertrade-by-country.iuc-home-map-banner {
  --iuc-home-bg: #0d1d27;
  --iuc-home-bg-soft: #112733;
  --iuc-home-gold: #c99b45;
  --iuc-home-gold-light: #e3c477;
  --iuc-home-ink: #f4efe3;
  --iuc-home-muted: #a9b4b8;
  --iuc-home-country: #354852;
  --iuc-home-line: rgba(227, 196, 119, .23);
  left: auto !important;
  width: 100vw;
  max-width: 100vw;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  color: var(--iuc-home-ink);
  background:
    linear-gradient(90deg, rgba(7, 20, 28, .54), rgba(7, 20, 28, .05) 72%),
    url('iuc-home-map-background.png') center/cover no-repeat,
    var(--iuc-home-bg);
  overflow: hidden;
}

#intertrade-by-country.iuc-home-map-banner .iuc-map-shell {
  display: grid;
  grid-template-columns: minmax(280px, 24%) minmax(0, 76%);
  min-height: clamp(360px, 35.6vw, 560px);
  padding: 0;
  background:
    linear-gradient(90deg, rgba(7, 20, 28, .4), transparent 32%);
}

#intertrade-by-country.iuc-home-map-banner .iuc-intro {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  width: auto;
  min-width: 0;
  padding: clamp(34px, 4vw, 64px) clamp(28px, 2.9vw, 48px);
  background: linear-gradient(90deg, rgba(8, 22, 30, .72) 0%, rgba(8, 22, 30, .34) 78%, transparent 100%);
}

#intertrade-by-country.iuc-home-map-banner .iuc-intro > div { max-width: 430px; }

#intertrade-by-country.iuc-home-map-banner .iuc-intro .iuc-eyebrow {
  display: none;
  color: var(--iuc-home-gold);
  font: 700 11px/1.2 Arial, sans-serif;
  letter-spacing: .2em;
}

#intertrade-by-country.iuc-home-map-banner .iuc-intro h1 {
  max-width: 420px;
  margin: 0;
  color: var(--iuc-home-ink);
  font: 400 clamp(39px, 3.55vw, 58px)/1.02 Georgia, serif;
  letter-spacing: -.035em;
  white-space: normal;
}

#intertrade-by-country.iuc-home-map-banner .iuc-intro h1 span { color: #fff; font: inherit !important; font-style: normal !important; }
#intertrade-by-country.iuc-home-map-banner .iuc-intro h1 em {
  color: var(--iuc-home-gold-light);
  font: inherit !important;
  font-size: 1em !important;
  font-style: normal !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  white-space: nowrap;
}

#intertrade-by-country.iuc-home-map-banner .iuc-home-copy {
  max-width: 280px;
  margin: 18px 0 0;
  color: #fff;
  font: 400 clamp(14px, 1.18vw, 18px)/1.55 Arial, sans-serif;
}

#intertrade-by-country.iuc-home-map-banner .iuc-home-cta {
  position: relative;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 18px;
  min-height: 46px;
  margin-top: 24px;
  padding: 0 19px;
  border: 1px solid var(--iuc-home-gold);
  color: var(--iuc-home-ink);
  background: transparent;
  font: 700 11px/1 Arial, sans-serif;
  letter-spacing: .12em;
  text-decoration: none;
  pointer-events: auto;
  cursor: pointer;
  transition: color .2s, background .2s, transform .2s;
}

#intertrade-by-country.iuc-home-map-banner .iuc-home-cta::after {
  content: '\2192';
  color: var(--iuc-home-gold-light);
  font-size: 17px;
  letter-spacing: 0;
}

#intertrade-by-country.iuc-home-map-banner .iuc-home-cta:hover,
#intertrade-by-country.iuc-home-map-banner .iuc-home-cta:focus-visible {
  color: var(--iuc-home-bg);
  background: var(--iuc-home-gold-light);
  outline: 0;
  transform: translateY(-1px);
}

#intertrade-by-country.iuc-home-map-banner .iuc-home-cta:hover::after,
#intertrade-by-country.iuc-home-map-banner .iuc-home-cta:focus-visible::after { color: var(--iuc-home-bg); }

#intertrade-by-country.iuc-home-map-banner .iuc-hero,
#intertrade-by-country.iuc-home-map-banner .iuc-map {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: clamp(360px, 35.6vw, 560px);
  border: 0;
  background: transparent;
}

#intertrade-by-country.iuc-home-map-banner .iuc-map { position: relative; overflow: hidden; }

#intertrade-by-country.iuc-home-map-banner .iuc-map > svg {
  position: absolute;
  top: 50%;
  left: calc((83.5% - 180px - min(78%, 1080px)) / 2);
  display: block;
  width: min(78%, 1080px);
  height: auto;
  min-height: 0;
  aspect-ratio: 1100 / 535;
  transform: translateY(-50%) scale(1.02);
  transform-origin: 48% 50%;
}

#intertrade-by-country.iuc-home-map-banner .iuc-country {
  fill: #a99365;
  stroke: rgba(12, 31, 40, .52);
  stroke-width: .7;
}

#intertrade-by-country.iuc-home-map-banner .iuc-country.active,
#intertrade-by-country.iuc-home-map-banner .iuc-crimea-ukraine {
  fill: #d8bb79;
  stroke: rgba(12, 31, 40, .64);
  stroke-width: .8;
}

#intertrade-by-country.iuc-home-map-banner .iuc-country.active:hover,
#intertrade-by-country.iuc-home-map-banner .iuc-country.active.iuc-map-selected,
#intertrade-by-country.iuc-home-map-banner .iuc-country.active.iuc-directory-highlight,
#intertrade-by-country.iuc-home-map-banner .iuc-crimea-ukraine:hover,
#intertrade-by-country.iuc-home-map-banner .iuc-crimea-ukraine.iuc-map-selected {
  fill: var(--iuc-home-gold-light);
  stroke: #f1d995;
}

#intertrade-by-country.iuc-home-map-banner .iuc-point circle:first-child { fill: var(--iuc-home-bg); stroke: var(--iuc-home-gold-light); }
#intertrade-by-country.iuc-home-map-banner .iuc-point circle:last-child { fill: var(--iuc-home-gold); }

#intertrade-by-country.iuc-home-map-banner .iuc-map > .iuc-stats {
  position: absolute;
  z-index: 5;
  top: 50%;
  right: 16.5%;
  display: flex;
  width: 180px;
  margin: 0;
  padding: 2px 0;
  flex-direction: column;
  transform: translateY(-50%);
  background: rgba(7, 20, 28, .22);
  border: 0;
  border-left: 1px solid var(--iuc-home-line);
  backdrop-filter: blur(2px);
}

#intertrade-by-country.iuc-home-map-banner .iuc-map > .iuc-stats span {
  margin: 0 0 0 20px;
  padding: 14px 0;
  color: var(--iuc-home-muted);
  border: 0;
  border-bottom: 1px solid var(--iuc-home-line);
  font: 10px/1.2 Arial, sans-serif;
}

#intertrade-by-country.iuc-home-map-banner .iuc-map > .iuc-stats span:last-child { border-bottom: 0; }
#intertrade-by-country.iuc-home-map-banner .iuc-map > .iuc-stats b {
  display: block;
  margin: 0 0 3px;
  color: var(--iuc-home-gold-light);
  font: 400 clamp(39px, 3.55vw, 58px)/.96 Georgia, serif;
}

/* Unified statistics surface at every breakpoint. Layout remains breakpoint-specific. */
#intertrade-by-country.iuc-home-map-banner .iuc-hero > .iuc-stats {
  color: var(--iuc-home-muted);
  background: rgba(8, 22, 30, .88);
  border-color: var(--iuc-home-line);
  backdrop-filter: blur(5px);
}
#intertrade-by-country.iuc-home-map-banner .iuc-hero > .iuc-stats span {
  color: var(--iuc-home-muted);
  border-color: var(--iuc-home-line);
}
#intertrade-by-country.iuc-home-map-banner .iuc-hero > .iuc-stats b {
  color: var(--iuc-home-gold-light);
}

#intertrade-by-country.iuc-home-map-banner .iuc-controls { top: 16px; right: 16px; box-shadow: none; }
#intertrade-by-country.iuc-home-map-banner .iuc-controls button {
  width: 30px;
  height: 30px;
  color: var(--iuc-home-ink);
  border: 1px solid rgba(227, 196, 119, .28);
  border-bottom: 0;
  background: rgba(13, 29, 39, .84);
  font-size: 16px;
}
#intertrade-by-country.iuc-home-map-banner .iuc-controls button:last-child { border-bottom: 1px solid rgba(227, 196, 119, .28); }
#intertrade-by-country.iuc-home-map-banner .iuc-controls button:hover { color: var(--iuc-home-bg); background: var(--iuc-home-gold-light); }

#intertrade-by-country.iuc-home-map-banner .iuc-legend {
  left: 12px;
  right: auto;
  bottom: 13px;
  margin: 0;
  padding: 6px 8px;
  color: var(--iuc-home-muted);
  background: rgba(13, 29, 39, .58);
  font-size: 9px;
}

#intertrade-by-country.iuc-home-map-banner .iuc-card { background: #17242b; border: 1px solid var(--iuc-home-line); }
#intertrade-by-country.iuc-home-map-banner .iuc-map-full-link,
#intertrade-by-country.iuc-home-map-banner .iuc-browser { display: none !important; }

@media (max-width: 980px) {
  #intertrade-by-country.iuc-home-map-banner { width: 100vw; }
  #intertrade-by-country.iuc-home-map-banner .iuc-map-shell { grid-template-columns: minmax(260px, 38%) minmax(0, 62%); min-height: 390px; }
  #intertrade-by-country.iuc-home-map-banner .iuc-intro { padding: 34px 28px; }
  #intertrade-by-country.iuc-home-map-banner .iuc-intro h1 { font-size: clamp(35px, 5vw, 49px); }
  #intertrade-by-country.iuc-home-map-banner .iuc-home-copy { font-size: 13px; line-height: 1.55; }
  #intertrade-by-country.iuc-home-map-banner .iuc-hero,
  #intertrade-by-country.iuc-home-map-banner .iuc-map { min-height: 390px; }
  #intertrade-by-country.iuc-home-map-banner .iuc-map > svg { width: 82%; height: auto; transform: translateY(-50%) scale(1.08); transform-origin: 45% 50%; }
  #intertrade-by-country.iuc-home-map-banner .iuc-map > .iuc-stats { right: 12%; width: 86px; }
  #intertrade-by-country.iuc-home-map-banner .iuc-map > .iuc-stats span { margin-left: 11px; padding: 11px 0; }
  #intertrade-by-country.iuc-home-map-banner .iuc-map > .iuc-stats b { font-size: 21px; }
}

@media (min-width: 681px) and (max-width: 980px) {
  #intertrade-by-country.iuc-home-map-banner .iuc-map-shell { position: relative; padding-bottom: 58px; }
  #intertrade-by-country.iuc-home-map-banner .iuc-map > svg {
    left: -28px;
    width: 104%;
    transform: translateY(-50%) scale(1.12);
    transform-origin: 50% 50%;
  }
  #intertrade-by-country.iuc-home-map-banner .iuc-hero > .iuc-stats {
    position: absolute;
    z-index: 7;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    width: 100%;
    height: 58px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 8px clamp(24px, 8vw, 70px);
    color: var(--iuc-home-muted);
    background: rgba(8, 22, 30, .88);
    border: 0;
    border-top: 1px solid var(--iuc-home-line);
    backdrop-filter: blur(5px);
  }
  #intertrade-by-country.iuc-home-map-banner .iuc-hero > .iuc-stats span {
    margin: 0;
    padding: 2px clamp(16px, 4vw, 34px);
    color: var(--iuc-home-muted);
    border: 0;
    border-right: 1px solid var(--iuc-home-line);
    font: 10px/1.15 Arial, sans-serif;
  }
  #intertrade-by-country.iuc-home-map-banner .iuc-hero > .iuc-stats span:last-child { border-right: 0; }
  #intertrade-by-country.iuc-home-map-banner .iuc-hero > .iuc-stats b {
    display: block;
    margin: 0 0 2px;
    color: var(--iuc-home-gold-light);
    font: 400 22px/1 Georgia, serif;
  }
}

@media (max-width: 680px) {
  #intertrade-by-country.iuc-home-map-banner { width: 100vw; }
  #intertrade-by-country.iuc-home-map-banner .iuc-map-shell { display: block; min-height: 0; }
  #intertrade-by-country.iuc-home-map-banner .iuc-intro { padding: 32px 24px 27px; }
  #intertrade-by-country.iuc-home-map-banner .iuc-intro > div { max-width: 520px; }
  #intertrade-by-country.iuc-home-map-banner .iuc-intro h1 { max-width: 520px; font-size: clamp(38px, 11vw, 52px); }
  #intertrade-by-country.iuc-home-map-banner .iuc-home-copy { margin-top: 16px; }
  #intertrade-by-country.iuc-home-map-banner .iuc-home-cta { min-height: 44px; margin-top: 21px; }
  #intertrade-by-country.iuc-home-map-banner .iuc-hero,
  #intertrade-by-country.iuc-home-map-banner .iuc-map { min-height: 300px; }
  #intertrade-by-country.iuc-home-map-banner .iuc-map > svg { left: -20px; width: 100%; height: auto; transform: translateY(-50%) scale(1.05); }
  #intertrade-by-country.iuc-home-map-banner .iuc-map > .iuc-stats {
    top: auto;
    right: 10px;
    bottom: 10px;
    left: 10px;
    display: grid;
    width: auto;
    grid-template-columns: repeat(3, 1fr);
    padding: 7px 0;
    transform: none;
    border: 1px solid var(--iuc-home-line);
  }
  #intertrade-by-country.iuc-home-map-banner .iuc-map > .iuc-stats span {
    margin: 0;
    padding: 3px 12px;
    border: 0;
    border-right: 1px solid var(--iuc-home-line);
  }
  #intertrade-by-country.iuc-home-map-banner .iuc-map > .iuc-stats span:last-child { border-right: 0; }
  #intertrade-by-country.iuc-home-map-banner .iuc-map > .iuc-stats b { font-size: 20px; }
  #intertrade-by-country.iuc-home-map-banner .iuc-legend { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  #intertrade-by-country.iuc-home-map-banner .iuc-home-cta { transition: none; }
}