.regions {
  padding: 120px var(--padding-page);
  background: var(--bg-deeper);
}

.regions .section-head { margin-bottom: 0; }

.regions-grid-desktop {
  display: flex;
  margin-top: 56px;
  border-top: var(--border-fine);
  border-bottom: var(--border-fine);
}

.regions-grid-desktop .region-item {
  padding: 32px 16px;
  text-align: center;
  border-right: var(--border-fine);
  flex: 1 1 0;
}
.regions-grid-desktop .region-item:last-child { border-right: none; }

/* Mobile 2-column grid */
.regions-grid-mobile {
  display: none;
  margin-top: 32px;
  border-top: var(--border-fine);
}

.region-row {
  display: flex;
}
.region-row .region-item {
  padding: 24px 12px;
  text-align: center;
  flex: 1;
  border-bottom: var(--border-fine);
}
.region-row .region-item:first-child { border-right: var(--border-fine); }

.region-item .country {
  font-family: var(--font-serif);
  font-size: 26px;
  font-weight: 400;
  color: var(--bordeaux);
  font-style: italic;
}

.region-item .count {
  font-size: 12px;
  color: var(--ink-soft);
  margin-top: 8px;
  letter-spacing: 1px;
}

/* ── Mobile ─────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .regions { padding: 60px var(--padding-mobile); }

  .regions-grid-desktop { display: none; }
  .regions-grid-mobile  { display: block; }

  .region-item .country { font-size: 22px; }
  .region-item .count   { font-size: 10px; }
}