body.hh-page-activities .hh-page { margin-top: clamp(24px,4vw,52px); }
body.hh-page-activities .hh-hero { min-height: 390px; padding: clamp(30px,6vw,68px); border: 1px solid var(--hh-line); border-radius: var(--hh-radius-xl); background: radial-gradient(circle at 100% 0%,rgba(255,242,191,.88),transparent 45%),linear-gradient(145deg,#fff,var(--hh-blue)); box-shadow: var(--hh-shadow-md); display: grid; align-content: center; }
body.hh-page-activities .hh-hero p { max-width: 760px; color: var(--hh-ink-soft); font-size: 1.08rem; }
body.hh-page-activities .hh-panel { margin-top: 18px; }
body.hh-page-activities .hh-search { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
body.hh-page-activities .hh-pill-row { display: flex; flex-wrap: wrap; gap: 8px; }
body.hh-page-activities .hh-pill-row button[aria-pressed="true"], body.hh-page-activities .hh-pill-row button.active { background: linear-gradient(135deg,var(--hh-yellow),var(--hh-mint)); border-color: #a8b77e; }
body.hh-page-activities .hh-results-head { display: flex; justify-content: space-between; gap: 16px; align-items: end; margin-top: 28px; }
body.hh-page-activities .hh-rail { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; margin-top: 14px; }
body.hh-page-activities .hh-rail > * { border: 1px solid var(--hh-line); border-radius: 22px; background: #fff; padding: 20px; min-width: 0; box-shadow: var(--hh-shadow-xs); }
body.hh-page-activities .hh-rail > *:nth-child(4n+1) { background: linear-gradient(145deg,#fff,var(--hh-yellow)); }
body.hh-page-activities .hh-rail > *:nth-child(4n+2) { background: linear-gradient(145deg,#fff,var(--hh-mint)); }
body.hh-page-activities .hh-rail > *:nth-child(4n+3) { background: linear-gradient(145deg,#fff,var(--hh-blue)); }
body.hh-page-activities .hh-rail > *:nth-child(4n+4) { background: linear-gradient(145deg,#fff,var(--hh-lilac)); }
body.hh-page-activities .hh-carousel { display: flex; justify-content: center; gap: 10px; margin: 14px 0; }
@media (max-width: 720px) {
  body.hh-page-activities .hh-search { grid-template-columns: 1fr; }
  body.hh-page-activities .hh-results-head { align-items: start; flex-direction: column; }
  body.hh-page-activities .hh-rail { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(var(--hh-gutter) * -1); padding: 8px var(--hh-gutter) 20px; scrollbar-width: none; }
  body.hh-page-activities .hh-rail > * { flex: 0 0 calc(100vw - 48px); max-width: 440px; scroll-snap-align: center; }
}