/* Pricing details build on the shared interior-page cards and actions. */
.packages-page .nav-links > a[aria-current="page"] { color: var(--color-copy-light); text-decoration: underline; text-underline-offset: 6px; }
.package-options { grid-template-columns: minmax(0,1fr); gap: 32px; }
.package-card { position: relative; display: grid; grid-template-columns: 30% minmax(0,1fr); align-items: stretch; gap: 0; min-height: 380px; padding: 0; box-shadow: 0 16px 40px #26000018; }
.package-photo { position: relative; min-width: 0; min-height: 100%; overflow: hidden; border-radius: clamp(24px,3vw,40px) 0 0 clamp(24px,3vw,40px); background: var(--color-brand-deep); }
.package-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--photo-position,50%) var(--photo-vertical-position,50%); filter: brightness(var(--photo-brightness,1.8)) saturate(1.05); transition: transform .7s ease; }
.package-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,#c7060012 0%,#7c02020a 45%,#7c020294 100%); pointer-events: none; }
.package-photo--drop-in { --photo-position: 43%; --photo-brightness: 1; }
.package-photo--beginner { --photo-position: 50%; --photo-brightness: 1; }
.package-photo--bronze { --photo-position: 70%; }
.package-photo--silver { --photo-position: 50%; --photo-vertical-position: 34%; --photo-mobile-vertical-position: 24%; --photo-brightness: 1; }
.package-photo--gold { --photo-position: 48%; }
.package-photo--community { --photo-brightness: 1.1; }
.package-content { display: grid; grid-template-columns: minmax(0,1fr) 208px; align-items: center; gap: 32px; min-width: 0; padding: 40px; }
.package-copy { min-width: 0; }
.package-purchase { min-width: 0; padding-left: 28px; border-left: 1px solid var(--interior-line); }
.package-card--featured::after { content: ''; position: absolute; inset: 0; z-index: 1; border: 2px solid var(--color-action-warm); border-radius: inherit; pointer-events: none; }
.package-label {
  display: table;
  margin: 0 0 16px;
  padding-block: 6px;
  color: var(--color-primary-dark);
  font-size: var(--font-size-small);
  font-weight: 600;
  line-height: 1.5;
}
.package-label--highlight { padding-inline: 12px; border-radius: 6px; background: var(--color-action-warm); color: var(--color-text-dark); }
.package-card h2 { margin-bottom: 20px; font-size: clamp(2.6rem,3.2vw,3.2rem); line-height: 1.05; }
.package-price { display: flex; flex-direction: column; gap: 12px; margin: 0 0 28px; }
.package-price strong { color: var(--color-text-dark); font-size: 4rem; font-weight: 700; letter-spacing: -.045em; line-height: 1; }
.package-price span { color: var(--interior-muted); font-size: var(--font-size-small); line-height: 1.5; }
.package-description { max-width: 62ch; margin: 0 0 20px; color: var(--interior-muted); font-size: var(--font-size-body); line-height: 1.65; }
.package-detail { max-width: 62ch; margin: 0; padding-top: 20px; border-top: 1px solid var(--interior-line); color: var(--color-text-dark); font-size: var(--font-size-body); line-height: 1.65; }
.package-card .interior-action { width: 100%; justify-content: space-between; gap: 14px; padding-inline: 16px; }
.package-action { background: var(--color-action-warm); color: var(--color-action-text); }
.package-action:hover { background: var(--color-action-warm-hover); color: var(--color-action-text); transform: translateY(-2px); }

@media (max-width: 1200px) {
  .package-card { grid-template-columns: 34% minmax(0,1fr); }
  .package-content { grid-template-columns: minmax(0,1fr); gap: 28px; padding: 36px 32px; }
  .package-purchase { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--interior-line); }
  .package-price { margin-bottom: 0; }
  .package-card .interior-action { width: auto; gap: 24px; padding-inline: 20px; }
}
@media (max-width: 760px) {
  .package-card { grid-template-columns: minmax(0,1fr); }
  .package-photo { min-height: 0; height: clamp(230px,48vw,340px); border-radius: 24px 24px 0 0; }
  .package-photo img { object-position: var(--photo-position,50%) var(--photo-mobile-vertical-position,42%); }
  .package-content { padding: 32px 24px; }
  .package-card h2 { font-size: 2.6rem; }
  .package-price { flex-direction: row; flex-wrap: wrap; align-items: baseline; }
  .package-price strong { font-size: 3.75rem; }
}
@media (max-width: 480px) {
  .package-purchase { display: block; }
  .package-price { margin-bottom: 24px; }
  .package-card .interior-action { width: 100%; }
}
@media (hover: hover) and (pointer: fine) {
  .package-card:hover .package-photo img { transform: scale(1.035); }
}
@media (prefers-reduced-motion: reduce) {
  .package-action:hover { transform: none; }
  .package-photo img { transition: none; }
  .package-card:hover .package-photo img { transform: none; }
}