.purchase-process {
  --purchase-sticky-top: clamp(7.5rem, 9vw, 9.75rem);
  isolation: isolate;
  overflow: clip;
  background:
    radial-gradient(58% 82% at 86% 14%, color-mix(in srgb, var(--color-accent), transparent 91%) 0%, transparent 72%),
    var(--color-bg);
}

.purchase-process::before {
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-accent-soft), transparent 60%), transparent);
  content: "";
}

.purchase-process__inner {
  display: grid;
  grid-template-columns: minmax(19rem, .72fr) minmax(42rem, 1.28fr);
  align-items: start;
  gap: clamp(3rem, 5.6vw, 7rem);
}

.purchase-process__intro {
  position: sticky;
  top: var(--purchase-sticky-top);
  display: grid;
  justify-items: start;
}

.purchase-process .section-eyebrow {
  display: flex;
  align-items: center;
  gap: .8rem;
  color: var(--color-accent-soft);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.purchase-process .section-eyebrow > span {
  width: 2.75rem;
  height: 1px;
  background: currentColor;
}

.purchase-process h2 {
  max-width: 15ch;
  margin-top: 0;
  color: var(--color-text);
  font-size: clamp(2.3rem, 1.78rem + 1.52vw, 3.5rem);
  letter-spacing: -.052em;
}

.purchase-process h2 > span,
.purchase-process h2 em {
  display: block;
}

.purchase-process h2 em {
  margin-top: .08em;
  color: var(--color-accent-soft);
  font-family: var(--font-serif);
  font-size: 1.12em;
  font-weight: 500;
  letter-spacing: -.025em;
}

.purchase-process__intro > p {
  max-width: 42ch;
  margin: var(--space-lg) 0 0;
  color: var(--color-body);
  font-size: var(--text-body);
  line-height: var(--leading-relaxed);
}

.purchase-process__cta {
  margin-top: var(--space-lg);
}

.purchase-process__steps {
  display: grid;
  gap: var(--space-lg);
  /* The stack ends with its last card; section padding supplies the exit gap. */
  padding: 0;
  margin: 0;
  list-style: none;
}

.purchase-step {
  --purchase-stack-offset: 0rem;
  position: sticky;
  z-index: 1;
  top: calc(var(--purchase-sticky-top) + var(--purchase-stack-offset));
  display: grid;
  grid-template-columns: minmax(15rem, .73fr) minmax(23rem, 1.27fr);
  min-height: clamp(23rem, 25vw, 27rem);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--color-accent-soft), transparent 76%);
  border-radius: var(--radius-panel);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--color-surface), white 3%), var(--color-surface) 58%, color-mix(in srgb, var(--color-bg), black 7%));
  transition: opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-out), border-color var(--duration-normal) var(--ease-standard);
}

.purchase-step:nth-child(1) {
  --purchase-stack-offset: 0rem;
  z-index: 1;
}

.purchase-step:nth-child(2) {
  --purchase-stack-offset: .55rem;
  z-index: 2;
}

.purchase-step:nth-child(3) {
  --purchase-stack-offset: 1.1rem;
  z-index: 3;
}

.purchase-step:nth-child(4) {
  --purchase-stack-offset: 1.65rem;
  z-index: 4;
}

.purchase-step.is-active {
  border-color: color-mix(in srgb, var(--color-accent-soft), transparent 60%);
}

.purchase-step.is-covered {
  opacity: .34;
  transform: translate3d(0, -.7rem, 0) scale(.965);
}

.purchase-step::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 8rem;
  height: 1px;
  background: var(--color-accent-soft);
  content: "";
}

.purchase-step__copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(1.8rem, 2.8vw, 3rem);
}

.purchase-step__number {
  display: flex;
  align-items: baseline;
  color: var(--color-text);
  font-size: clamp(1.4rem, 1.14rem + .7vw, 1.9rem);
  font-weight: 600;
  letter-spacing: -.04em;
  line-height: 1;
}

.purchase-step__number small {
  margin-left: .15em;
  color: color-mix(in srgb, var(--color-muted), transparent 22%);
  font-size: .5em;
  font-weight: 500;
  letter-spacing: 0;
}

.purchase-step__text {
  margin-top: auto;
}

.purchase-step h3 {
  max-width: 11ch;
  color: var(--color-text);
  font-size: clamp(1.7rem, 1.36rem + .86vw, 2.4rem);
  letter-spacing: -.045em;
}

.purchase-step--payment h3,
.purchase-step--deadline h3 {
  max-width: 14ch;
  font-size: clamp(1.55rem, 1.3rem + .72vw, 2.15rem);
}

.purchase-step__text p {
  max-width: 35ch;
  margin: var(--space-sm) 0 0;
  color: var(--color-body);
  font-size: var(--text-sm);
  line-height: 1.68;
}

.purchase-step__visual {
  position: relative;
  z-index: 1;
  display: grid;
  min-width: 0;
  padding: clamp(1.35rem, 2vw, 2.2rem) clamp(1.2rem, 2.2vw, 2.5rem) clamp(1.35rem, 2vw, 2.2rem) 0;
  perspective: 850px;
  place-items: center;
}

.process-visual-panel {
  --visual-rotate-x: 9deg;
  --visual-rotate-y: -15deg;
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  width: min(100%, 38rem);
  min-height: clamp(18.5rem, 20vw, 21.5rem);
  padding: 1rem;
  overflow: hidden;
  border: 1px solid rgb(221 189 120 / 24%);
  border-radius: calc(var(--radius-card) + .2rem);
  background: linear-gradient(145deg, rgb(36 36 40 / 94%), rgb(21 21 24 / 92%));
  transform: rotateX(var(--visual-rotate-x)) rotateY(var(--visual-rotate-y)) translate3d(0, .9rem, 0);
  transform-origin: 55% 62%;
  transform-style: preserve-3d;
  transition: transform .95s var(--ease-out), border-color .65s var(--ease-standard);
}

.purchase-step.is-active .process-visual-panel {
  border-color: rgb(221 189 120 / 38%);
  transform: rotateX(1deg) rotateY(-1.5deg) translate3d(0, 0, 0);
}

.purchase-order {
  --visual-rotate-y: -13deg;
}

.purchase-payment {
  --visual-rotate-y: -15deg;
}

.purchase-deadline {
  --visual-rotate-y: -11deg;
}

.purchase-picker__topbar,
.purchase-picker__filters,
.purchase-picker__footer {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
}

.purchase-picker__topbar {
  justify-content: space-between;
  color: rgb(208 205 197 / 55%);
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.purchase-picker__status {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  color: rgb(221 189 120 / 78%);
  letter-spacing: .08em;
}

.purchase-picker__status i {
  width: .42rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--color-accent-soft);
}

.purchase-picker__filters {
  gap: .25rem;
  align-self: start;
  margin-top: .9rem;
}

.purchase-picker__filters span {
  padding: .45rem .72rem;
  border: 1px solid rgb(208 205 197 / 9%);
  border-radius: var(--radius-control);
  background: rgb(255 255 255 / 2%);
  color: rgb(208 205 197 / 52%);
  font-size: .62rem;
  font-weight: 600;
}

.purchase-picker__filters .is-selected {
  border-color: rgb(221 189 120 / 28%);
  background: rgb(221 189 120 / 11%);
  color: var(--color-accent-soft);
}

.purchase-picker__deck {
  position: relative;
  z-index: 3;
  min-height: 12.7rem;
  margin-top: .65rem;
  transform-style: preserve-3d;
}

.purchase-picker__product {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  grid-template-rows: auto 1fr auto;
  width: clamp(8.5rem, 32%, 11.25rem);
  min-height: 11.8rem;
  padding: .8rem;
  border: 1px solid rgb(50 52 58 / 13%);
  border-radius: var(--radius-card);
  background: linear-gradient(145deg, var(--palette-10), var(--palette-9));
  color: var(--palette-12);
  box-shadow: 0 .85rem 2rem rgb(0 0 0 / 22%);
  transform-style: preserve-3d;
  transition: transform .95s var(--ease-out), opacity .75s var(--ease-standard);
}

.purchase-picker__product--small {
  z-index: 1;
  opacity: .7;
  transform: translate3d(-126%, -43%, -2rem) rotateY(10deg) rotateZ(-3deg) scale(.86);
}

.purchase-picker__product--selected {
  z-index: 3;
  transform: translate3d(-50%, -50%, 2.5rem) rotateY(2deg) scale(1);
}

.purchase-picker__product--large {
  z-index: 2;
  opacity: .82;
  transform: translate3d(25%, -45%, -.5rem) rotateY(-9deg) rotateZ(2deg) scale(.89);
}

.purchase-step.is-active .purchase-picker__product--small {
  transform: translate3d(-132%, -46%, -1.4rem) rotateY(7deg) rotateZ(-2deg) scale(.88);
}

.purchase-step.is-active .purchase-picker__product--selected {
  transform: translate3d(-50%, -52%, 3rem) rotateY(0) scale(1.015);
}

.purchase-step.is-active .purchase-picker__product--large {
  transform: translate3d(30%, -47%, 0) rotateY(-6deg) rotateZ(1deg) scale(.91);
}

.purchase-picker__product-head,
.purchase-picker__product-meta {
  display: flex;
  justify-content: space-between;
  gap: .5rem;
}

.purchase-picker__product-head {
  align-items: baseline;
  font-size: .5rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.purchase-picker__product-head span {
  color: var(--palette-14);
}

.purchase-picker__product-head strong {
  color: var(--palette-15);
  font-size: .72rem;
}

.purchase-picker__product-image {
  display: grid;
  min-height: 6.15rem;
  place-items: center;
}

.purchase-picker__product-image img {
  width: 82%;
  height: 6rem;
  object-fit: contain;
  filter: drop-shadow(0 .45rem .5rem rgb(80 54 9 / 18%));
}

.purchase-picker__product-meta {
  display: grid;
  gap: .2rem;
}

.purchase-picker__product-meta span {
  overflow: hidden;
  color: var(--palette-14);
  font-size: .47rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.purchase-picker__product-meta strong {
  color: var(--palette-12);
  font-size: .62rem;
  font-weight: 700;
}

.purchase-picker__check {
  position: absolute;
  right: .65rem;
  bottom: -.65rem;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .35rem .5rem;
  border-radius: var(--radius-control);
  background: var(--palette-15);
  color: var(--palette-10);
  font-size: .48rem;
  font-weight: 700;
  box-shadow: 0 .5rem 1rem rgb(80 54 9 / 25%);
}

.purchase-picker__check i {
  width: .35rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: currentColor;
}

.purchase-picker__footer {
  align-self: end;
  gap: .38rem;
  color: rgb(208 205 197 / 42%);
  font-size: .52rem;
}

.purchase-picker__footer strong {
  color: rgb(208 205 197 / 73%);
  font-weight: 600;
}

.purchase-picker__footer i {
  width: 1px;
  height: .7rem;
  margin-inline: .28rem;
  background: rgb(208 205 197 / 14%);
}

.process-visual-panel__topbar,
.process-visual-panel__footer {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
}

.process-visual-panel__topbar {
  justify-content: space-between;
  color: rgb(208 205 197 / 55%);
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.process-visual-panel__topbar strong {
  color: rgb(221 189 120 / 78%);
  font-size: inherit;
  font-weight: 700;
  letter-spacing: .08em;
}

.process-visual-panel__footer {
  align-self: end;
  min-height: 1.55rem;
  padding-top: .75rem;
  border-top: 1px solid rgb(208 205 197 / 10%);
  color: rgb(208 205 197 / 48%);
  font-size: .52rem;
  line-height: 1.35;
}

.purchase-order__body {
  display: grid;
  grid-template-columns: minmax(8.6rem, .68fr) minmax(13rem, 1.32fr);
  align-items: center;
  gap: 1rem;
  min-width: 0;
  padding-block: .8rem;
}

.purchase-order__selection {
  position: relative;
  display: grid;
  grid-template-rows: 1fr auto;
  min-width: 0;
  min-height: 13rem;
  padding: .8rem;
  border: 1px solid rgb(208 205 197 / 11%);
  border-radius: var(--radius-card);
  background: rgb(255 255 255 / 3%);
}

.purchase-order__image {
  display: grid;
  min-height: 6.8rem;
  place-items: center;
}

.purchase-order__image img {
  width: 78%;
  height: 6.8rem;
  object-fit: contain;
  filter: drop-shadow(0 .42rem .45rem rgb(0 0 0 / 16%));
}

.purchase-order__product {
  display: grid;
  gap: .2rem;
  min-width: 0;
}

.purchase-order__product span,
.purchase-order__product small {
  overflow: hidden;
  color: rgb(208 205 197 / 48%);
  font-size: .49rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.purchase-order__product strong {
  overflow: hidden;
  color: var(--color-text);
  font-size: .66rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.purchase-order__product small {
  color: var(--color-accent-soft);
  font-size: .57rem;
  font-weight: 700;
}

.purchase-order__quantity {
  position: absolute;
  top: .65rem;
  right: .65rem;
  padding: .32rem .42rem;
  border: 1px solid rgb(221 189 120 / 22%);
  border-radius: var(--radius-control);
  color: rgb(221 189 120 / 76%);
  font-size: .46rem;
  font-weight: 700;
}

.purchase-order__form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  min-width: 0;
}

.purchase-order__field,
.purchase-order__location {
  position: relative;
  display: grid;
  align-content: space-between;
  min-height: 4.4rem;
  padding: .72rem;
  border: 1px solid rgb(208 205 197 / 12%);
  border-radius: var(--radius-control);
  background: rgb(255 255 255 / 2%);
}

.purchase-order__field span,
.purchase-order__location span {
  color: rgb(208 205 197 / 52%);
  font-size: .52rem;
}

.purchase-order__field i {
  width: 76%;
  height: 1px;
  background: rgb(208 205 197 / 17%);
}

.purchase-order__location {
  grid-column: 1 / -1;
  min-height: 5.15rem;
  border-color: rgb(221 189 120 / 27%);
  background: rgb(221 189 120 / 6%);
}

.purchase-order__location strong {
  max-width: calc(100% - 2rem);
  color: var(--color-text);
  font-size: .67rem;
}

.purchase-order__location i {
  position: absolute;
  right: .85rem;
  bottom: .95rem;
  width: .52rem;
  height: .52rem;
  border-right: 1px solid var(--color-accent-soft);
  border-bottom: 1px solid var(--color-accent-soft);
  transform: rotate(-45deg);
}

.purchase-payment__body {
  display: grid;
  grid-template-columns: minmax(10rem, .92fr) minmax(11rem, 1.08fr);
  gap: 1rem;
  min-width: 0;
  padding-block: .9rem;
}

.purchase-payment__methods {
  display: grid;
  align-content: center;
  gap: .55rem;
}

.purchase-payment__method {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: .62rem;
  min-width: 0;
  min-height: 3.45rem;
  padding: .6rem .7rem;
  border: 1px solid rgb(208 205 197 / 10%);
  border-radius: var(--radius-control);
  background: rgb(255 255 255 / 2%);
}

.purchase-payment__method > i {
  width: .78rem;
  aspect-ratio: 1;
  border: 1px solid rgb(208 205 197 / 32%);
  border-radius: 50%;
}

.purchase-payment__method.is-selected {
  border-color: rgb(221 189 120 / 34%);
  background: rgb(221 189 120 / 7%);
}

.purchase-payment__method.is-selected > i {
  border: .22rem solid var(--color-accent-soft);
}

.purchase-payment__method span {
  display: grid;
  gap: .13rem;
  min-width: 0;
}

.purchase-payment__method strong {
  color: var(--color-text);
  font-size: .62rem;
}

.purchase-payment__method small {
  overflow: hidden;
  color: rgb(208 205 197 / 45%);
  font-size: .48rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.purchase-payment__focus {
  display: grid;
  align-content: center;
  justify-items: start;
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgb(221 189 120 / 22%);
  border-radius: var(--radius-card);
  background: linear-gradient(145deg, rgb(221 189 120 / 8%), rgb(255 255 255 / 2%));
}

.purchase-payment__qr {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .22rem;
  width: 4.8rem;
  aspect-ratio: 1;
  padding: .48rem;
  margin-bottom: .72rem;
  border-radius: .3rem;
  background: var(--palette-10);
}

.purchase-payment__qr i {
  border: .2rem solid var(--palette-12);
}

.purchase-payment__qr i:nth-child(2),
.purchase-payment__qr i:nth-child(4),
.purchase-payment__qr i:nth-child(6),
.purchase-payment__qr i:nth-child(7) {
  border-width: 0;
  background: var(--palette-12);
  transform: scale(.42);
}

.purchase-payment__focus > span {
  color: var(--color-accent-soft);
  font-size: .5rem;
  font-weight: 700;
  letter-spacing: .12em;
}

.purchase-payment__focus > strong {
  max-width: 18ch;
  margin-top: .3rem;
  color: var(--color-text);
  font-size: .72rem;
  line-height: 1.35;
}

.purchase-payment__focus > small {
  max-width: 28ch;
  margin-top: .4rem;
  color: rgb(208 205 197 / 47%);
  font-size: .48rem;
  line-height: 1.45;
}

.purchase-deadline__body {
  display: grid;
  grid-template-columns: minmax(7rem, .7fr) minmax(12rem, 1.3fr);
  align-items: center;
  gap: .9rem 1.25rem;
  min-width: 0;
  padding-block: .85rem;
}

.purchase-deadline__clock {
  display: grid;
  place-items: center;
}

.purchase-deadline__clock > div {
  position: relative;
  display: grid;
  width: clamp(7.2rem, 10vw, 8.5rem);
  aspect-ratio: 1;
  border-radius: 50%;
  background: conic-gradient(var(--color-accent-soft) 0 74%, rgb(208 205 197 / 11%) 74% 100%);
  place-content: center;
  text-align: center;
}

.purchase-deadline__clock > div::before {
  position: absolute;
  inset: .48rem;
  border-radius: inherit;
  background: var(--palette-3);
  content: "";
}

.purchase-deadline__clock strong,
.purchase-deadline__clock span {
  position: relative;
  z-index: 1;
}

.purchase-deadline__clock strong {
  color: var(--color-text);
  font-size: 2.4rem;
  letter-spacing: -.07em;
  line-height: .85;
}

.purchase-deadline__clock span {
  margin-top: .3rem;
  color: var(--color-accent-soft);
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.purchase-deadline__copy {
  display: grid;
  align-content: center;
  min-width: 0;
}

.purchase-deadline__copy span {
  color: var(--color-accent-soft);
  font-size: .53rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.purchase-deadline__copy strong {
  max-width: 24ch;
  margin-top: .55rem;
  color: var(--color-text);
  font-size: clamp(.82rem, 1.2vw, 1.04rem);
  line-height: 1.42;
}

.purchase-deadline__timeline {
  position: relative;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  padding-top: 1rem;
  border-top: 1px solid rgb(208 205 197 / 10%);
}

.purchase-deadline__timeline::before {
  position: absolute;
  top: 1.28rem;
  right: 25%;
  left: 25%;
  height: 1px;
  background: rgb(221 189 120 / 32%);
  content: "";
}

.purchase-deadline__timeline > div {
  position: relative;
  display: grid;
  justify-items: center;
  gap: .18rem;
  text-align: center;
}

.purchase-deadline__timeline i {
  z-index: 1;
  width: .58rem;
  aspect-ratio: 1;
  margin-bottom: .25rem;
  border: 2px solid var(--palette-3);
  border-radius: 50%;
  background: var(--color-accent-soft);
}

.purchase-deadline__timeline span {
  color: var(--color-text);
  font-size: .55rem;
  font-weight: 700;
}

.purchase-deadline__timeline small {
  color: rgb(208 205 197 / 43%);
  font-size: .46rem;
}

@media (max-width: 76rem) {
  .purchase-process__inner {
    grid-template-columns: minmax(17rem, .65fr) minmax(37rem, 1.35fr);
    gap: clamp(2.5rem, 4vw, 4rem);
  }

  .purchase-step {
    grid-template-columns: minmax(13.5rem, .66fr) minmax(22rem, 1.34fr);
  }
}

@media (max-width: 67rem) {
  .purchase-process__inner {
    grid-template-columns: 1fr;
    gap: var(--space-2xl);
  }

  .purchase-process__intro {
    position: static;
  }

  .purchase-process__steps {
    padding-bottom: 0;
  }

  .purchase-process h2 {
    max-width: 18ch;
  }

  .purchase-process__intro > p {
    max-width: 50ch;
  }

  .purchase-step {
    position: relative;
    top: auto;
    grid-template-columns: minmax(15rem, .72fr) minmax(25rem, 1.28fr);
  }

  .purchase-step.is-covered {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 50rem) {
  .purchase-process__cta {
    width: 100%;
  }

  .purchase-step {
    grid-template-columns: 1fr;
  }

  .purchase-step__copy {
    min-height: 18rem;
  }

  .purchase-step__visual {
    min-height: 22rem;
    padding: 0 var(--space-md) var(--space-md);
  }

}

@media (max-width: 37.5rem) {
  .purchase-process h2 {
    font-size: clamp(2.15rem, 10.4vw, 3rem);
  }

  .purchase-step {
    border-radius: var(--radius-card);
  }

  .purchase-step__copy {
    min-height: 16rem;
    padding: 1.45rem;
  }

  .purchase-step__visual {
    min-height: 19rem;
    padding-inline: .75rem;
  }

  .process-visual-panel {
    min-height: 17.5rem;
    padding: .8rem;
    transform: none;
  }

  .purchase-step.is-active .process-visual-panel {
    transform: none;
  }

  .purchase-picker__filters span {
    padding-inline: .52rem;
  }

  .purchase-picker__filters span:last-child {
    display: none;
  }

  .purchase-picker__deck {
    min-height: 11.5rem;
  }

  .purchase-picker__product {
    width: 40%;
    min-height: 10.6rem;
    padding: .62rem;
  }

  .purchase-picker__product--small,
  .purchase-step.is-active .purchase-picker__product--small {
    transform: translate3d(-119%, -45%, 0) rotateZ(-2deg) scale(.82);
  }

  .purchase-picker__product--selected,
  .purchase-step.is-active .purchase-picker__product--selected {
    transform: translate3d(-50%, -50%, 0) scale(.94);
  }

  .purchase-picker__product--large,
  .purchase-step.is-active .purchase-picker__product--large {
    transform: translate3d(20%, -45%, 0) rotateZ(2deg) scale(.84);
  }

  .purchase-picker__product-image,
  .purchase-picker__product-image img {
    min-height: 5.2rem;
    height: 5.2rem;
  }

  .purchase-picker__product-meta strong {
    font-size: .54rem;
  }

  .purchase-order {
    min-height: 19.5rem;
  }

  .purchase-order__body {
    grid-template-columns: minmax(7.4rem, .72fr) minmax(9.5rem, 1.28fr);
    gap: .65rem;
  }

  .purchase-order__selection {
    min-height: 12rem;
    padding: .62rem;
  }

  .purchase-order__image,
  .purchase-order__image img {
    min-height: 5.7rem;
    height: 5.7rem;
  }

  .purchase-order__form {
    grid-template-columns: 1fr;
    gap: .45rem;
  }

  .purchase-order__field,
  .purchase-order__location {
    min-height: 3.55rem;
    padding: .58rem;
  }

  .purchase-order__location {
    grid-column: auto;
    min-height: 4.1rem;
  }

  .purchase-payment {
    min-height: 20.5rem;
  }

  .purchase-payment__body {
    grid-template-columns: minmax(7.9rem, .92fr) minmax(8.8rem, 1.08fr);
    gap: .65rem;
  }

  .purchase-payment__method {
    gap: .42rem;
    min-height: 3.1rem;
    padding: .48rem;
  }

  .purchase-payment__focus {
    padding: .72rem;
  }

  .purchase-payment__qr {
    width: 4rem;
    margin-bottom: .52rem;
  }

  .purchase-deadline {
    min-height: 19.5rem;
  }

  .purchase-deadline__body {
    grid-template-columns: minmax(6.2rem, .68fr) minmax(10rem, 1.32fr);
    gap: .7rem;
  }

  .purchase-deadline__clock > div {
    width: 6.35rem;
  }

  .purchase-deadline__clock strong {
    font-size: 2.05rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .purchase-step,
  .process-visual-panel,
  .purchase-picker__product {
    transition-duration: .01ms;
  }

  .purchase-step.is-covered,
  .process-visual-panel,
  .purchase-step.is-active .process-visual-panel {
    opacity: 1;
    transform: none;
  }
}