.activity-center { max-width: 1180px; margin: 0 auto; padding: 12px 0 50px; color: #203445; }
.activity-notice { margin: 0 0 18px; padding: 12px 15px; border: 1px solid #b9dfe4; background: #edf9f8; color: #17636b; }
.activity-guest-notice { margin: 0 0 18px; padding: 12px 15px; border: 1px solid #ead8bd; background: #fff9f0; color: #775b32; }
.activity-public-settings { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; margin: 22px 0; padding: 18px 0; border-top: 1px solid #d9e5e8; border-bottom: 1px solid #d9e5e8; }
.activity-public-settings-group h2 { margin: 0 0 10px; color: #203445; font-size: 15px; font-weight: 600; }
.activity-public-settings-group dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 16px; margin: 0; }
.activity-public-settings-group dl > div { min-width: 0; }
.activity-public-settings-group dt { margin: 0 0 3px; color: #76909a; font-size: 11px; font-weight: 400; }
.activity-public-settings-group dd { margin: 0; color: #365461; font-size: 13px; line-height: 1.45; }
.activity-public-settings-group dd a { color: #197f8d; overflow-wrap: anywhere; }
.activity-public-setting-value { white-space: pre-wrap; overflow-wrap: anywhere; }
.activity-public-color { display: inline-block; width: 13px; height: 13px; margin-right: 6px; border: 1px solid #b9c9ce; vertical-align: -2px; background: var(--activity-setting-color); }
.activity-hero, .activity-detail-head { min-height: 260px; position: relative; display: flex; align-items: flex-end; overflow: hidden; background-color: #123b4a; background-position: center; background-size: cover; }
.activity-hero-slides, .activity-detail-slides { position: absolute; inset: 0; z-index: 0; }
.activity-hero-slide, .activity-detail-slide { position: absolute; inset: 0; background-position: center; background-size: cover; opacity: 0; transition: opacity .45s ease; }
.activity-hero-slide:first-child, .activity-detail-slide:first-child { opacity: 1; }
.activity-hero:after, .activity-detail-head:after { content: ''; position: absolute; inset: 0; background: rgba(8, 30, 42, .52); }
.activity-hero-copy, .activity-detail-head-copy { position: relative; z-index: 1; max-width: 620px; padding: 38px; color: #fff; }
.activity-hero h1, .activity-detail-head h1 { margin: 7px 0 10px; color: #fff; font-size: 36px; font-weight: 600; }
.activity-hero p, .activity-detail-head p { margin: 0 0 20px; color: #d7e8ec; }
.activity-kicker { color: #8dd4d2; font-size: 12px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; }
.activity-link-button, .activity-buy-button, .activity-small-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #208c9b; background: #208c9b; color: #fff !important; text-decoration: none; padding: 10px 16px; line-height: 1.2; cursor: pointer; }
.activity-link-button:hover, .activity-buy-button:hover, .activity-small-button:hover { background: #176f7d; border-color: #176f7d; text-decoration: none; }
.activity-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 22px 0 10px; border-bottom: 1px solid #d9e5e8; }
.activity-tabs a { padding: 8px 12px; color: #41606d; border: 1px solid #d9e5e8; background: #fff; text-decoration: none; }
.activity-tabs a:hover { border-color: #208c9b; color: #176f7d; }
.activity-group { padding-top: 26px; }
.activity-group-heading, .activity-section-title, .activity-page-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.activity-group-heading h2, .activity-section-title h2, .activity-copy h2, .activity-page-heading h1 { margin: 0; color: #203445; font-size: 22px; font-weight: 600; }
.activity-group-heading span, .activity-section-title > span { color: #7b9099; font-size: 13px; }
.activity-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 14px; }
.activity-card { border: 1px solid #d9e5e8; background: #fff; }
.activity-card-media { display: flex; min-height: 148px; align-items: flex-end; padding: 14px; color: #fff; background-color: #246276; background-position: center; background-size: cover; text-decoration: none; }
.activity-card-media span { opacity: 0; transition: opacity .15s ease; }
.activity-card-media:hover span { opacity: 1; }
.activity-card-media-empty { background-color: #246276; }
.activity-card-body { padding: 17px; }
.activity-card-meta { display: flex; justify-content: space-between; gap: 8px; color: #6e858e; font-size: 12px; }.activity-countdown { color: #b96835; font-variant-numeric: tabular-nums; white-space: nowrap; }
.activity-card-rule { color: #197f8d; }
.activity-card-body h3 { min-height: 48px; margin: 9px 0 14px; font-size: 18px; line-height: 1.35; }
.activity-card-body h3 a { color: #203445; text-decoration: none; }
.activity-card-progress { display: flex; align-items: center; gap: 8px; margin: -2px 0 14px; color: #789099; font-size: 11px; }
.activity-card-progress > div { height: 4px; flex: 1; background: #e6eff1; }.activity-card-progress i { display: block; height: 100%; background: #de8c4a; }
.activity-text-link, .activity-section-title a, .activity-back-link { color: #197f8d; text-decoration: none; font-size: 13px; }
.activity-detail-head { min-height: 280px; }
.activity-detail-head-empty { background-color: #123b4a; }
.activity-back-link { display: block; margin-bottom: 25px; color: #aee1df; }
.activity-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 28px; padding-top: 28px; }
.activity-copy, .activity-product-section, .activity-voucher-panel { border-top: 2px solid #208c9b; padding-top: 15px; }
.activity-copy { margin-bottom: 30px; line-height: 1.75; }
.activity-gift-note { display: flex; align-items: center; gap: 10px; margin: -12px 0 28px; padding: 12px 14px; border-left: 3px solid #de8c4a; background: #fff7ef; color: #82512e; }.activity-gift-note span { color: #5d6f77; }
.activity-copy > div { color: #526c77; }
.activity-offer-list { margin-top: 14px; border-top: 1px solid #d9e5e8; }
.activity-offer { display: grid; grid-template-columns: minmax(0, 1fr) 150px 105px; align-items: center; gap: 18px; padding: 18px 0; border-bottom: 1px solid #d9e5e8; }
.activity-offer-group { color: #79909a; font-size: 12px; }
.activity-offer h3 { margin: 5px 0 10px; font-size: 17px; }
.activity-stock-line { display: flex; justify-content: space-between; color: #789099; font-size: 12px; }
.activity-progress { height: 4px; margin-top: 7px; background: #e6eff1; }
.activity-progress i { display: block; height: 100%; background: #de8c4a; }
.activity-offer-price { text-align: right; }
.activity-offer-price del { display: block; color: #9baab0; font-size: 12px; }
.activity-offer-price strong { display: block; color: #d46f31; font-size: 23px; }
.activity-offer-price em { display: inline-block; margin-top: 5px; padding: 3px 5px; color: #a55424; background: #fff0e3; font-size: 11px; font-style: normal; }
.activity-price-note { color: #76909a !important; font-size: 12px !important; }
.activity-offer-action { text-align: right; }
.activity-sold-out, .activity-state-muted { color: #899ba2; font-size: 13px; }
.activity-voucher-panel { padding-bottom: 10px; }
.activity-voucher-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 0; border-bottom: 1px solid #d9e5e8; }
.activity-voucher-row strong { display: block; color: #d46f31; font-size: 21px; }
.activity-voucher-row span { display: block; margin-top: 4px; color: #7d929a; font-size: 11px; }
.activity-small-button { padding: 7px 10px; white-space: nowrap; font-size: 12px; }
.activity-voucher-row form { margin: 0; }
.activity-code-form { display: flex; gap: 7px; margin: 14px 0 4px; }.activity-code-form input { min-width: 0; flex: 1; border: 1px solid #cbdfe2; padding: 7px 8px; }.activity-code-form button { border: 0; }
.activity-promo-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 15px; padding-top: 15px; border-top: 1px solid #d9e5e8; }.activity-promo-row strong, .activity-promo-row span { display: block; }.activity-promo-row span { margin-top: 4px; color: #7d929a; font-size: 11px; }
.activity-muted { color: #7d929a; font-size: 13px; }
.activity-page-heading { padding: 10px 0 22px; border-bottom: 1px solid #d9e5e8; }
.activity-page-heading .activity-back-link { margin: 0; color: #197f8d; }
.activity-voucher-list { margin-top: 20px; }
.activity-voucher-card { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto auto; align-items: center; gap: 20px; margin-bottom: 12px; padding: 17px; border: 1px solid #d9e5e8; background: #fff; }
.activity-voucher-value { color: #d46f31; font-size: 26px; font-weight: 700; }
.activity-voucher-value small { font-size: 12px; }
.activity-voucher-details strong, .activity-voucher-details span, .activity-voucher-details code, .activity-voucher-details small { display: block; margin-bottom: 5px; }
.activity-voucher-details span, .activity-voucher-details small { color: #748b94; font-size: 12px; }
.activity-voucher-details code { color: #315c69; background: #eef6f7; padding: 4px 6px; width: fit-content; }
.activity-voucher-status { font-size: 12px; white-space: nowrap; }
.activity-voucher-status-unused { color: #177a62; }.activity-voucher-status-reserved { color: #a46b12; }.activity-voucher-status-used { color: #72858c; }.activity-voucher-status-expired { color: #aa5d45; }
.activity-empty-state { padding: 55px 20px; color: #81949b; text-align: center; border: 1px dashed #cbdcdf; background: #fff; }
.activity-simple-list { margin-top: 20px; }.activity-simple-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 18px; padding: 16px 0; border-bottom: 1px solid #d9e5e8; }.activity-simple-row strong, .activity-simple-row span, .activity-simple-row small { display: block; }.activity-simple-row span, .activity-simple-row small { margin-top: 5px; color: #748b94; font-size: 12px; }.activity-qualification-status { white-space: nowrap; font-size: 12px; }.activity-qualification-available { color: #177a62; }.activity-record-discount { color: #d46f31; }
.activity-notfound { margin-top: 20px; }.activity-notfound h1 { margin-top: 0; }
@media (max-width: 800px) { .activity-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.activity-detail-layout { grid-template-columns: 1fr; }.activity-side-column { order: -1; }.activity-voucher-card { grid-template-columns: 90px minmax(0, 1fr); }.activity-voucher-card .activity-small-button, .activity-voucher-card .activity-voucher-status { justify-self: start; } }
@media (max-width: 560px) { .activity-hero-copy, .activity-detail-head-copy { padding: 25px 20px; }.activity-hero h1, .activity-detail-head h1 { font-size: 28px; }.activity-public-settings { grid-template-columns: 1fr; }.activity-public-settings-group dl { grid-template-columns: 1fr; }.activity-card-grid { grid-template-columns: 1fr; }.activity-offer { grid-template-columns: 1fr; gap: 10px; }.activity-offer-price, .activity-offer-action { text-align: left; }.activity-voucher-card, .activity-simple-row { grid-template-columns: 1fr; gap: 10px; } }