/* Kiosk desktop QA Iteration 1 @ 1440. Shell in v2-desktop-shell.css. */
@media (min-width: 993px) {
  .v2--kiosk .v2-hero--kiosk h1 {
    text-transform: capitalize;
  }

  .v2--kiosk .v2-hero--kiosk .v2-hero__inner {
    max-width: var(--v2-max);
    width: 100%;
  }

  /* Figma centers the 480px device in the remaining column (~88px inset). */
  .v2--kiosk .v2-hero__device--kiosk {
    margin-inline: auto;
  }

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

  /* Meet: pale gray/100 band */
  .v2--kiosk .v2-kiosk-meet {
    background: var(--v2-gray-100);
  }

  /* Framed meet media (629×629 @2×) — no CSS crop substitute */
  .v2--kiosk .v2-kiosk-meet .v2-int-sync__media {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
  }

  .v2--kiosk .v2-kiosk-meet .v2-int-sync__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
  }

  .v2--kiosk .v2-kiosk-meet .v2-int-sync__copy {
    justify-content: center;
  }

  /* Shell forces card h3 to 1.4; Figma highlights/why use 1.2 */
  .v2--kiosk .v2-kiosk-highlights .v2-card h3,
  .v2--kiosk .v2-kiosk-why .v2-card h3 {
    line-height: 1.2;
  }

  .v2--kiosk .v2-kiosk-highlights .v2-card {
    min-height: 240px;
  }

  .v2--kiosk .v2-kiosk-why .v2-card {
    min-height: 220px;
  }

  .v2--kiosk .v2-kiosk-why .v2-card p {
    margin-bottom: 0;
  }

  /* Hardware: only hovered card expands (Figma State=Hovered). Grid uses align-items:start. */
  .v2--kiosk .v2-kiosk-hw__grid {
    align-items: start;
  }

  .v2--kiosk .v2-kiosk-hw-card__media {
    height: 240px;
    transition: height 0.35s ease;
  }

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

  /* Data & Proof: tighten stack toward Figma 146px cards */
  .v2--kiosk .v2-kiosk-data .v2-hw-stat {
    gap: 8px;
    padding: 16px;
  }

  .v2--kiosk .v2-kiosk-data .v2-hw-stat strong {
    font-weight: 600;
  }

  .v2--kiosk .v2-kiosk-data .v2-hw-stat h3 {
    margin: 0;
  }

  .v2--kiosk .v2-kiosk-data .v2-hw-stat p {
    margin: 0;
  }
}