/* V45: complete full-body guests assembled behind the independent food counter. */

.shop .customer:is(
  .guest-lotus,
  .guest-ink,
  .guest-jade,
  .guest-opera,
  .guest-silver,
  .guest-guardian
):not(.preview) .alien-art {
  object-fit: contain;
  object-position: center bottom;
  filter: saturate(.94) contrast(.99) brightness(.98) drop-shadow(0 7px 6px rgb(22 13 23 / 22%));
}

.shop .customer:is(
  .guest-lotus,
  .guest-ink,
  .guest-jade,
  .guest-opera,
  .guest-silver,
  .guest-guardian
):not(.preview) .alien-figure {
  transform: none !important;
  animation: none !important;
}

@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 {
    inset: 2% 0 0;
    width: 100%;
    height: 96%;
    overflow: visible;
    align-items: flex-end;
    justify-content: center;
  }

  .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(300px, 24vw, 330px);
    height: clamp(300px, 24vw, 330px);
  }
}

@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 {
    inset: 2% 0 0;
    width: 100%;
    height: 94%;
    overflow: visible;
    align-items: flex-end;
    justify-content: center;
  }

  .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: 208px;
    height: 208px;
  }
}

@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 {
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    align-items: flex-start;
    justify-content: center;
  }

  .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: 140px;
    height: 140px;
  }
}
