/* One shared people selector for every attraction and Studio card layout. */
#olympus-page[data-page] .attraction-content .unit-price {
  margin:14px 0 0;text-align:left;font-size:26px;line-height:1.2;
}
#olympus-page[data-page] .unit-price span {font-size:14px;font-weight:500}
#olympus-page[data-page] .unit-price s {color:#73849a;font-size:.7em;font-weight:600;text-decoration-thickness:2px}
#olympus-page[data-page] .unit-price strong {color:#007c9d;font-size:inherit;font-weight:750}
#olympus-page[data-page] .people-selector {margin-top:22px}
#olympus-page[data-page] .people-label {font-size:15px;font-weight:650;color:var(--navy)}
#olympus-page[data-page] .people-selector .quantity-row {
  display:grid;grid-template-columns:52px minmax(80px,1fr) 52px;
  gap:12px;width:100%;max-width:280px;margin:12px 0 0;
}
#olympus-page[data-page] .people-selector .quantity-button {width:52px;height:52px}
#olympus-page[data-page] .people-count {display:grid;text-align:center;color:var(--navy);line-height:1.1;gap:4px}
#olympus-page[data-page] .people-count [data-quantity] {font-size:30px;font-weight:750;font-variant-numeric:tabular-nums}
#olympus-page[data-page] .people-count [data-ticket-word] {font-size:12px;color:#496b8a}
#olympus-page[data-page] .quantity-limit {font-size:12px;line-height:1.4;color:#496b8a;margin:10px 0 0}
#olympus-page[data-page] .attraction-content .line-total {
  text-align:left;margin:20px 0 0;padding-top:16px;
}
#olympus-page[data-page] .attraction-content .line-total p {display:inline;margin:0 10px 0 0;font-size:13px}
#olympus-page[data-page] .attraction-content .line-total strong {font-size:24px}
#olympus-page[data-page] .attraction-content .line-total strong>span+span {font-size:13px}
#olympus-page[data-page] .inline-checkout {display:flex;width:100%;margin-top:18px}
#olympus-page[data-page] .attraction-content .quantity-button:focus-visible {outline:3px solid #007e9e;outline-offset:4px}
/* The wide Park card also needs the label and price in normal reading order. */
#olympus-page[data-page] .park-tile .attraction-content {display:block}
@media(max-width:560px) {
  #olympus-page[data-page] .people-selector .quantity-row {max-width:none}
  #olympus-page[data-page] .inline-checkout {padding-inline:14px;gap:12px}
}