.package-card,
.capacity-list span {
  cursor: pointer;
}

.package-card:focus-visible,
.capacity-list span:focus-visible {
  outline: 3px solid #f56b1f;
  outline-offset: 3px;
}

.package-inquiry {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(4, 18, 34, .78);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
}

.package-inquiry.is-open { opacity: 1; visibility: visible; }

.package-inquiry-box {
  position: relative;
  width: min(480px, 100%);
  padding: 38px;
  border-top: 5px solid #f56b1f;
  border-radius: 18px;
  background: #fff;
  color: #09233f;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
  transform: translateY(12px) scale(.98);
  transition: transform .25s ease;
}

.package-inquiry.is-open .package-inquiry-box { transform: none; }
.package-inquiry-kicker { color: #f56b1f; font: 700 11px/1 'Space Grotesk', sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.package-inquiry h2 { margin: 14px 0 10px; font: 700 clamp(30px, 5vw, 42px)/.95 'Space Grotesk', sans-serif; letter-spacing: -.07em; }
.package-inquiry p { margin: 0 0 24px; color: #607185; line-height: 1.5; }
.package-inquiry-actions { display: grid; gap: 10px; }
.package-inquiry-actions a { display: block; padding: 14px 18px; border-radius: 8px; text-align: center; font-weight: 800; }
.package-inquiry-actions .whatsapp { background: #f56b1f; color: #fff; }
.package-inquiry-actions .call { background: #09233f; color: #fff; }
.package-inquiry-close { position: absolute; top: 12px; right: 14px; border: 0; background: transparent; color: #607185; font-size: 28px; line-height: 1; cursor: pointer; }
body.package-inquiry-open { overflow: hidden; }

@media (max-width: 520px) {
  .package-inquiry-box { padding: 32px 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .package-inquiry, .package-inquiry-box { transition: none; }
}