/* V42: smaller upright half-body guests seated into the counter depth. */

@media (min-width: 721px) and (min-height: 500px) {
  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-wrap {
    top: 10px;
    height: calc(100% - 2px);
  }

  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-figure,
  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-art {
    width: clamp(320px, 27.5vw, 350px);
    height: clamp(320px, 27.5vw, 350px);
  }

  .shop .customer[data-slot="left"]:not(.preview) .alien-figure {
    transform: translateX(7%);
  }

  .shop .customer[data-slot="right"]:not(.preview) .alien-figure {
    transform: translateX(-7%);
  }
}

@media (max-width: 720px) and (orientation: portrait) {
  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-wrap {
    top: 38px;
    height: 151px;
  }

  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-figure,
  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-art {
    width: 168px;
    height: 168px;
  }

  .shop .customer[data-slot="left"]:not(.preview) .alien-figure {
    transform: translate(18px, 0);
  }

  .shop .customer[data-slot="right"]:not(.preview) .alien-figure {
    transform: translate(-2px, 0);
  }
}

@media (max-height: 430px) and (orientation: landscape) {
  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-wrap {
    top: 25px;
    height: 88px;
  }

  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-figure,
  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-art {
    width: 180px;
    height: 180px;
  }

  .shop .customer[data-slot="left"]:not(.preview) .alien-figure {
    transform: translateX(16px);
  }

  .shop .customer[data-slot="right"]:not(.preview) .alien-figure {
    transform: translateX(-16px);
  }
}