/*
 * fastracc screenshot mount
 *
 * Product captures sit in the same warm paper surface as every other card on
 * the site — cream mount, 2px warm-brown border, brown-tinted shadow. It reads
 * as a framed print on a tindahan wall, not as a rendered device.
 *
 * Class names are unchanged from the old hardware shell so no markup moved.
 */
.tablet-stage {
  position: relative;
  isolation: isolate;
  padding: clamp(10px, 1.6vw, 20px) 0 clamp(14px, 2vw, 24px);
}

.tablet-frame {
  --mount-radius: clamp(18px, 2.2vw, 26px);
  --mount-pad: clamp(9px, 1.1vw, 14px);
  position: relative;
  width: 100%;
  padding: var(--mount-pad);
  background: var(--paper, #fffaf0);
  border: 2px solid rgba(107, 78, 61, 0.22);
  border-radius: var(--mount-radius);
  box-shadow:
    0 2px 3px rgba(46, 32, 20, 0.05),
    0 28px 58px -34px rgba(46, 32, 20, 0.42);
}

/* On the dark grounds the mount needs its own edge, not the page's. */
.dark .tablet-frame {
  border-color: rgba(249, 246, 229, 0.14);
  box-shadow: 0 26px 56px -32px rgba(3, 8, 2, 0.8);
}

.tablet-screen {
  overflow: hidden;
  border-radius: calc(var(--mount-radius) - var(--mount-pad));
  background: var(--cream, #f9f6e5);
}

.tablet-screen img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 560px) {
  .tablet-frame { --mount-pad: 7px; }
}