/* Hardware desktop QA @ 1440. Shell in v2-desktop-shell.css. */
@media (min-width: 993px) {
  .v2--hardware .v2-hero--hardware h1 {
    text-transform: uppercase;
  }

  .v2--hardware .v2-hero--hardware .v2-hero__inner {
    max-width: var(--v2-max);
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--v2-gutter);
    box-sizing: border-box;
  }

  .v2--hardware .v2-hero__device--hardware {
    width: 570px;
    height: 500px;
    max-width: 100%;
    margin-left: auto;
    overflow: visible;
  }

  /*
    Figma Ellipse 2 (6656:35495): 750×750, centered in the 500 media box
    (left-aligned inside the 570 Device column), radial #4097CB → 0.
  */
  .v2--hardware .v2-hero__device--hardware::before {
    z-index: 0;
    width: 750px;
    height: 750px;
    left: 250px;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(
      circle 375px at 50% 50%,
      #4097cb 0%,
      rgba(64, 151, 203, 0) 100%
    );
  }

  .v2--hardware .v2-hero__device--hardware img {
    position: relative;
    z-index: 1;
    width: 520px;
    height: 480px;
    max-width: 100%;
    max-height: 480px;
    object-fit: contain;
    background: transparent;
  }

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

  /* Framed Figma card exports already match media box aspect — fill the slot. */
  .v2--hardware .v2-hw-card__media img {
    object-fit: cover;
  }

  .v2--hardware .v2-hw-card--wide .v2-hw-card__media {
    width: 240px;
    height: 260px;
  }

  .v2--hardware .v2-hw-card--printer .v2-hw-card__media {
    width: 212px;
    height: 229px;
  }

  .v2--hardware .v2-hw-card--wide .v2-hw-card__media img {
    object-fit: contain;
  }

  /* Core Benefits cards: Figma 244×327 */
  .v2--hardware .v2-hw-benefits .v2-card {
    min-height: 244px;
  }

  .v2--hardware .v2-hw-benefits .v2-card h3 {
    line-height: 1.2;
    margin-bottom: 8px;
  }

  .v2--hardware .v2-hw-benefits .v2-card p {
    margin-bottom: 0;
  }
}