/* KDS desktop QA Iteration 1 @ 1440. Shell in v2-desktop-shell.css. */
@media (min-width: 993px) {
  /* Hero CTA: desktop Figma uses ↓; mobile ↗ is in integration-mobile.css */
  .v2--kds .v2-hero__ctas .v2-btn__icon--mobile {
    display: none;
  }

  .v2--kds .v2-hero__ctas .v2-btn__icon--desktop {
    display: inline-block;
  }

  .v2--kds .v2-hero--kds h1 {
    text-transform: capitalize;
  }

  .v2--kds .v2-hero--kds .v2-hero__inner {
    max-width: var(--v2-max);
    width: 100%;
    /* Figma Offer: 700 + 24 + 520 packed; do not space-between */
    justify-content: start;
  }

  .v2--kds .v2-section .v2-h2 {
    line-height: 1.2;
  }

  /* Highlight cards: Figma 200×444 */
  .v2--kds .v2-kds-highlights .v2-card {
    min-height: 200px;
  }

  .v2--kds .v2-kds-highlights .v2-card h3,
  .v2--kds .v2-kds-hw .v2-kiosk-hw-card__body h3 {
    line-height: 1.2;
  }

  .v2--kds .v2-kds-highlights .v2-card h3 {
    margin-bottom: 8px;
  }

  .v2--kds .v2-kds-highlights .v2-card p {
    margin-bottom: 0;
  }

  .v2--kds .v2-kds-flow .v2-steps,
  .v2--kds .v2-kds-flow .v2-step {
    min-height: 151px;
  }

  /* Hardware cards: hover expands media (same Card component as Kiosk) */
  .v2--kds .v2-kiosk-hw-card__media {
    height: 240px;
    transition: height 0.35s ease;
  }

  .v2--kds .v2-kiosk-hw-card:hover .v2-kiosk-hw-card__media,
  .v2--kds .v2-kiosk-hw-card:focus-within .v2-kiosk-hw-card__media {
    height: 408px;
  }

  .v2--kds .v2-kiosk-hw__grid {
    align-items: start;
  }
}