/* Keep the optional bundle secondary to individual class rates. */
body[data-page] article.package-option {
  padding: 0;
  margin: 1rem 0 0;
  background: rgba(10, 25, 36, .55);
  border: 1px solid rgba(160, 190, 209, .2);
  border-radius: 4px;
  box-shadow: none;
  clip-path: none;
  color: #d4e0e8;
  transform: none;
}
body[data-page] article.package-option::before,
body[data-page] article.package-option::after { display: none; }
.package-option-details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.2rem;
  cursor: pointer;
  list-style: none;
}
.package-option-details summary::-webkit-details-marker { display: none; }
.package-option-details summary:focus-visible { outline: 2px solid #73d5ff; outline-offset: 3px; }
.package-option-details summary:hover { background: rgba(115, 213, 255, .04); }
.package-option-label { display: block; color: #9aafbc; font-size: .7rem; margin-bottom: .2rem; }
.package-option-details summary strong { font: 600 .95rem/1.4 "Instrument Sans", sans-serif; color: #d4e0e8; }
.package-option-rate { font-size: .9rem; white-space: nowrap; color: #b5c7d3; }
.package-option-toggle { display: inline-block; margin-left: .7rem; font-size: 1.2rem; }
.package-option-details[open] .package-option-toggle { transform: rotate(180deg); }
.package-option-content { padding: 0 1.2rem 1rem; border-top: 1px solid #a0bed11f; }
body[data-page] .package-option-content p,
body[data-page] .package-option-content li { font: 400 .88rem/1.65 "Instrument Sans", sans-serif; color: #b5c7d3; }
.package-option-content p { margin: .8rem 0 0; }
.package-option-content ul { padding-left: 1.2rem; margin: .8rem 0; }
.page-pricing .services-basketball-grid { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
@media (max-width: 560px) {
  .package-option-details summary { align-items: flex-start; flex-direction: column; gap: .5rem; padding: .9rem 1rem; }
  .package-option-rate { display: flex; width: 100%; justify-content: space-between; }
}