/* Homepage only: reuse the seasonal-page symbols and rounded button treatment. */
.home-highlights .hero-activities-links.season-links-visual {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 160px)) !important;
  justify-content: center;
  gap: 12px !important;
  padding: 14px;
  border: 1px solid rgba(27, 58, 48, .10);
  border-radius: 18px;
  background: linear-gradient(120deg, #eef2ef, #e2e8e4 52%, #f2f3ef);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

/* Existing global season rules use !important; keep overrides inside this nav. */
.home-highlights .season-links-visual .season-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 52px !important;
  padding: 10px 16px !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  border-radius: 999px !important;
  background: #304c41 !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .10), transparent) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.25;
  letter-spacing: .01em;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 3px 8px rgba(22, 45, 36, .14) !important;
  margin: 0 !important;
  transform: none !important;
}

.home-highlights .season-links-visual .season-pill::before,
.home-highlights .season-links-visual .season-pill::after {
  content: none !important;
  display: none !important;
}

.home-highlights .season-links-visual .season-icon {
  display: inline-block;
  flex: 0 0 auto;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  font-size: 24px;
  line-height: 1;
}

.home-highlights .season-links-visual .season-pill:hover {
  background-color: #203c32 !important;
}

.home-highlights .season-links-visual .season-pill:focus-visible {
  outline: 3px solid #9c651c;
  outline-offset: 3px;
}

@media (max-width: 600px) {
  .home-highlights .hero-activities-links.season-links-visual {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 12px;
  }
  .home-highlights .season-links-visual .season-pill {
    padding: 10px 8px !important;
    font-size: 15px !important;
  }
}