/* Medicine locality x country matrix accents only.
   Load after locality-hub.css + locality-country.css + medicine.css.
   Hero uses hero--city so locality-hub.css positions .hero-bg-photo;
   do NOT use hero--medicine here (that theme expects CSS background only
   and leaves .hero-bg-photo as a huge in-flow image — blank tan viewport). */

.medicine-locality-country-page .quote-teaser-form .locality-country-fixed-field {
  background: rgba(74, 0, 114, 0.06);
  color: #4a0072;
  font-weight: 700;
  cursor: default;
}

.medicine-locality-country-page .eligibility-grid .card h3 {
  color: var(--primary, #4a0072);
}

.medicine-locality-country-page .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  justify-content: center;
  margin-top: 18px;
}

.medicine-locality-country-page .hero-meta span {
  white-space: normal;
  max-width: 100%;
}

/* Sticky pickup bar must not cover hero CTAs on short mobile viewports */
.medicine-locality-country-page .hero.hero--city {
  padding-bottom: 72px;
}

.medicine-locality-country-page .locality-rakhi-poster,
.medicine-locality-page .locality-rakhi-poster {
  min-height: 180px;
  background: #4a0072;
}

.medicine-locality-country-page .locality-rakhi-poster img,
.medicine-locality-page .locality-rakhi-poster img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 180px;
  object-fit: cover;
  object-position: center top;
}

@media (max-width: 720px) {
  .medicine-locality-country-page {
    padding-bottom: 72px;
  }
}