/* Only the three-step walkthrough: original copy, columns and CTA remain intact. */
.home-craft .topBelowFvV2 .selection-flow--screenshots {
  background: #fff !important; /* Override the incumbent section-background rules. */
}

.home-craft .topBelowFvV2 .selection-flow--screenshots .selection-flow__row {
  min-height: 0;
  grid-template-rows: 1fr auto;
}

.home-craft .topBelowFvV2 .selection-flow--screenshots .selection-flow__device-figure {
  width: calc(100% + 40px);
  max-width: none;
  margin: 22px -20px 0;
}

.home-craft .topBelowFvV2 .selection-flow--screenshots .selection-flow__device-figure::before {
  content: none;
}

.home-craft .topBelowFvV2 .selection-flow--screenshots .selection-flow__device {
  width: 100%;
  padding-bottom: 10px;
  filter: drop-shadow(0 6px 6px rgba(35, 54, 72, .1));
}

/* Keep the bezel outside the display's aspect ratio, never inside its 16:10 box. */
.home-craft .topBelowFvV2 .selection-flow--screenshots .selection-flow__device-bezel {
  position: relative;
  z-index: 2;
  width: 94%;
  margin-inline: auto;
  padding: 6px;
  border-radius: 10px 10px 4px 4px;
  background: #10232e;
}

.home-craft .topBelowFvV2 .selection-flow--screenshots .selection-flow__device-screen {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 16 / 10;
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
}

.home-craft .topBelowFvV2 .selection-flow--screenshots .selection-flow__device-screen::before {
  content: none;
}

.home-craft .topBelowFvV2 .selection-flow--screenshots .selection-flow__screenshot {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  aspect-ratio: 16 / 10;
  object-fit: contain;
  transform: none;
}

.home-craft .topBelowFvV2 .selection-flow--screenshots .selection-flow__device-base {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  border-radius: 1px 1px 8px 8px;
  background: linear-gradient(#e7eaed, #b4bbc2);
}

.home-craft .topBelowFvV2 .selection-flow--screenshots .selection-flow__device-base::after {
  height: 3px;
  background: #a4adb5;
}

@media (max-width: 1199px) {
  .home-craft .topBelowFvV2 .selection-flow--screenshots .selection-flow__device-figure {
    width: 100%;
    margin-inline: 0;
  }
}

@media (min-width: 901px) and (max-width: 1199px) {
  .home-craft .topBelowFvV2 .selection-flow--screenshots .selection-flow__row {
    grid-template-rows: auto;
  }
}

@media (max-width: 767px) {
  .home-craft .topBelowFvV2 .selection-flow--screenshots .selection-flow__device-figure {
    display: block !important; /* The incumbent compact mobile layout hides devices. */
    zoom: 1 !important; /* Screenshots resize naturally; the old HTML-preview zoom is unnecessary. */
    margin-top: 12px;
    margin-bottom: 8px;
  }
}