/* Targeted order and pricing repairs for the frozen 2026-09-28 baseline. */

/* Keep native select menus and focus rings clear of the rounded form shell. */
.heed-luxury #brief-form.heed-native-order.luxury-order-shell {
  overflow: visible;
}

.heed-luxury #brief-form :where(
    .heed-order-group,
    .heed-order-fields,
    [data-contact-filters],
    .cinema-audience-filters,
    .cinema-audience-choice,
    label
  ) {
  min-width: 0;
}

.heed-luxury #brief-form select {
  display: block;
  min-width: 0;
  max-width: 100%;
}

/* Keep the proof badge inside the card and ahead of its content in normal flow. */
.heed-luxury #pricing .heed-package-card > span.absolute {
  position: static;
  align-self: flex-start;
  margin: 12px 20px 0;
}

.heed-luxury #pricing .heed-package-card:has(> span.absolute) [data-slot="card-content"] {
  padding-top: 14px;
}

@media (max-width: 479px) {
  /* Every contact-criteria row owns the available mobile width. */
  .heed-luxury #brief-form [data-contact-filters],
  .heed-luxury #brief-form [data-audience-filters],
  .heed-luxury #brief-form .cinema-audience-filters {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .heed-luxury #brief-form :where(
      [data-contact-criteria],
      .cinema-audience-choice,
      .cinema-audience-choice > label
    ) {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .heed-luxury #brief-form select {
    width: 100%;
    padding-inline: 8px 10px;
    font-size: 13px;
  }
}

@media (max-width: 359px) {
  /* Recover horizontal room lost to nested container and form padding at 320px. */
  .heed-luxury #request > .container.max-w-2xl {
    width: calc(100% - 16px);
    padding-inline: 0;
  }

  .heed-luxury #brief-form .form-step {
    padding: 14px;
  }

  .heed-luxury #brief-form :where(
      .heed-order-fields,
      .cinema-audience-filters,
      .cinema-order-options-body
    ) {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  /* Stack narrow package cards so contact counts cannot collide with the CTA. */
  .heed-luxury #pricing .heed-package-card [data-slot="card-content"] {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 20px;
  }

  .heed-luxury #pricing .heed-package-card [data-slot="card-content"] > div:nth-child(2),
  .heed-luxury #pricing .heed-package-card [data-plan] {
    grid-area: auto;
    min-width: 0;
    width: 100%;
  }
}