.regional-market-context {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(16rem, 0.55fr);
  gap: clamp(1.25rem, 3vw, 3rem);
  align-items: center;
  margin: 0 0 1.5rem;
  padding: clamp(1.4rem, 3vw, 2.35rem);
  overflow: hidden;
  border: 1px solid rgba(11, 88, 76, 0.16);
  border-radius: 1.75rem;
  background:
    radial-gradient(circle at 88% 8%, rgba(246, 177, 60, 0.3), transparent 32%),
    linear-gradient(135deg, #f8f0df 0%, #fffaf1 52%, #e6f0e8 100%);
  box-shadow: 0 1.25rem 3rem rgba(22, 54, 45, 0.08);
}

.regional-market-copy {
  max-width: 48rem;
}

.regional-market-eyebrow {
  margin: 0 0 0.55rem;
  color: #d95d45;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.regional-market-copy h3 {
  margin: 0;
  color: #103d35;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.65rem, 3.2vw, 2.65rem);
  line-height: 1.02;
}

.regional-market-summary {
  margin: 0.85rem 0 0;
  color: #284f47;
  font-size: 1rem;
  line-height: 1.65;
}

.regional-market-guard {
  margin: 0.7rem 0 0;
  color: #6d736d;
  font-size: 0.78rem;
  line-height: 1.55;
}

.regional-market-actions {
  display: grid;
  gap: 1rem;
}

.regional-market-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 0;
}

.regional-market-stats div {
  min-height: 6.5rem;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(10px);
}

.regional-market-stats dt {
  color: #61716b;
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.regional-market-stats dd {
  margin: 0.4rem 0 0;
  color: #0b584c;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2rem;
  font-weight: 700;
}

.regional-focus-button {
  min-height: 3rem;
  border: 0;
  border-radius: 999px;
  background: #0b584c;
  color: #fffdf7;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.regional-focus-button:hover,
.regional-focus-button:focus-visible {
  background: #d95d45;
}

.regional-focus-button:focus-visible {
  outline: 3px solid #f6b13c;
  outline-offset: 3px;
}

.regional-focus-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.regional-card-marker {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 0.8rem;
  padding: 0.38rem 0.62rem;
  border-radius: 999px;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.regional-card-marker--local {
  background: #e3f0e8;
  color: #0b584c;
}

.regional-card-marker--national {
  background: #fff0ce;
  color: #71490b;
}

.product-card {
  transition: opacity 220ms ease, transform 220ms ease, box-shadow 220ms ease;
}

.product-grid.is-regional-focus .product-card[data-region-relevance="other"] {
  opacity: 0.38;
  transform: scale(0.985);
}

.product-grid.is-regional-focus .product-card[data-region-relevance="local"],
.product-grid.is-regional-focus .product-card[data-region-relevance="national"] {
  box-shadow: 0 0 0 3px #f6b13c, 0 1.25rem 2.6rem rgba(14, 67, 57, 0.18);
}

@media (max-width: 760px) {
  .regional-market-context {
    grid-template-columns: 1fr;
    border-radius: 1.4rem;
  }

  .regional-market-actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 460px) {
  .regional-market-context {
    margin-inline: 0;
    padding: 1.15rem;
  }

  .regional-market-stats div {
    min-height: 5.75rem;
    padding: 0.85rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-card {
    transition: none;
  }
}