.thank-you__inner {
  position: relative;
  display: flex;
  align-items: flex-end;
  column-gap: 48px;
  justify-content: space-between;
  min-height: 60vh;
}

.thank-you--registration .thank-you__inner {
  min-height: 700px;
}

.thank-you__content,
.thank-you__stores {
  position: relative;
  z-index: 2;
  max-width: 100%;
}

.thank-you__content {
  padding-top: var(--space-24);
  padding-bottom: var(--space-24);
  height: -webkit-fill-available;
  width: 125%;
}

.thank-you__title {
  margin: 0;
  font-size: 72px;
  font-weight: var(--font-weight-semibold);
  line-height: 120%;
}

.thank-you__description p,
.thank-you__stores-copy p {
  margin: 0;
}

.thank-you__title strong {
  color: var(--color-primary);
  font-weight: inherit;
}

.thank-you__description {
  max-width: 560px;
  margin-top: var(--space-8);
  font-size: var(--font-size-2xl);
}

.thank-you__actions {
  display: flex;
  gap: var(--space-3);
  margin-top: var(--space-14);
}

.thank-you--registration .thank-you__actions {
  display: none;
}

.thank-you__button {
  min-width: 210px;
}

.thank-you__stores {
  grid-column: 1;
  margin-top: 58px;
}

.thank-you__stores-copy {
  max-width: 520px;
  font-size: var(--font-size-md);
}

.thank-you--registration .thank-you__stores-copy,
.thank-you--registration .thank-you__store-badges {
  display: none;
}

.thank-you__qr {
  position: relative;
  width: 176px;
  background: var(--color-neutral-900);
  border: solid 1px var(--color-neutral-900);
  border-radius: var(--radius-xl);
}

.thank-you__qr::after {
  position: absolute;
  top: -24px;
  left: calc(100% + 20px);
  width: 110px;
  height: 110px;
  background: var(--color-text);
  content: "";
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='109' height='111' viewBox='0 0 109 111' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_23033_7685)'%3E%3Cpath d='M70.7541 9.76254C65.9914 8.20174 60.8545 7.33834 55.4864 7.19558C55.383 7.19283 55.2817 7.20273 55.1844 7.22415C54.6909 7.33276 54.2985 7.73539 54.2197 8.25485C54.1248 8.87696 54.5072 9.47201 55.1128 9.64409C67.4074 13.1358 76.5966 17.6104 82.4238 22.9451C87.517 27.607 90.0702 32.9699 90.0121 38.8849C89.9112 49.1951 81.8761 61.3921 67.3879 73.2288C55.1865 83.1974 39.8585 91.5955 28.3388 94.6248C27.6967 94.7938 27.2988 95.436 27.4339 96.0862C27.5689 96.7364 28.1898 97.1668 28.846 97.0653C36.0688 95.9495 43.4363 93.7924 50.7443 90.653C57.8206 87.6133 64.5023 83.8035 70.6048 79.329C76.7581 74.817 81.9852 69.8749 86.1399 64.6397C90.5059 59.1394 93.4886 53.5558 95.0049 48.0442C98.251 36.2468 94.5644 25.5487 84.3435 17.1079C80.4924 13.9276 75.9206 11.456 70.7543 9.76324L70.7541 9.76254ZM92.5977 47.3817C89.769 57.6619 81.4336 68.2925 69.1277 77.3162C62.8238 81.9385 55.7741 85.8643 48.5162 88.8637C55.7149 84.9496 62.7826 80.2146 68.9664 75.1625C75.9445 69.4611 81.5141 63.6282 85.5206 57.8258C90.0985 51.1952 92.4495 44.8309 92.5078 38.91C92.5732 32.2565 89.747 26.2657 84.1089 21.1051C80.3089 17.6271 75.1942 14.5098 68.8255 11.7844C74.1218 13.3721 78.8677 15.8235 82.7535 19.0327C92.1595 26.8002 95.563 36.603 92.5977 47.3817Z' fill='black'/%3E%3Cpath d='M45.7439 101.749L22.7317 97.6723C24.1698 96.044 25.577 94.408 26.9524 92.8096C28.9828 90.449 31.0823 88.0083 33.2334 85.6496C33.8904 84.9293 33.8386 83.8133 33.119 83.1562C32.7315 82.8027 32.2287 82.654 31.7451 82.705C31.3305 82.7482 30.9293 82.9385 30.6263 83.2704C28.4405 85.6667 26.3236 88.1279 24.2769 90.5074C22.2465 92.868 20.1476 95.3085 17.9965 97.6672C17.5632 98.1422 17.4222 98.816 17.6298 99.4248C17.8367 100.034 18.3595 100.482 18.9926 100.594L45.1285 105.224C46.0885 105.394 47.0043 104.754 47.1743 103.794C47.3442 102.834 46.7039 101.919 45.7446 101.749L45.7439 101.749Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_23033_7685'%3E%3Crect width='90.1138' height='93.6832' fill='white' transform='translate(108.143 91.4937) rotate(167.588)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='109' height='111' viewBox='0 0 109 111' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_23033_7685)'%3E%3Cpath d='M70.7541 9.76254C65.9914 8.20174 60.8545 7.33834 55.4864 7.19558C55.383 7.19283 55.2817 7.20273 55.1844 7.22415C54.6909 7.33276 54.2985 7.73539 54.2197 8.25485C54.1248 8.87696 54.5072 9.47201 55.1128 9.64409C67.4074 13.1358 76.5966 17.6104 82.4238 22.9451C87.517 27.607 90.0702 32.9699 90.0121 38.8849C89.9112 49.1951 81.8761 61.3921 67.3879 73.2288C55.1865 83.1974 39.8585 91.5955 28.3388 94.6248C27.6967 94.7938 27.2988 95.436 27.4339 96.0862C27.5689 96.7364 28.1898 97.1668 28.846 97.0653C36.0688 95.9495 43.4363 93.7924 50.7443 90.653C57.8206 87.6133 64.5023 83.8035 70.6048 79.329C76.7581 74.817 81.9852 69.8749 86.1399 64.6397C90.5059 59.1394 93.4886 53.5558 95.0049 48.0442C98.251 36.2468 94.5644 25.5487 84.3435 17.1079C80.4924 13.9276 75.9206 11.456 70.7543 9.76324L70.7541 9.76254ZM92.5977 47.3817C89.769 57.6619 81.4336 68.2925 69.1277 77.3162C62.8238 81.9385 55.7741 85.8643 48.5162 88.8637C55.7149 84.9496 62.7826 80.2146 68.9664 75.1625C75.9445 69.4611 81.5141 63.6282 85.5206 57.8258C90.0985 51.1952 92.4495 44.8309 92.5078 38.91C92.5732 32.2565 89.747 26.2657 84.1089 21.1051C80.3089 17.6271 75.1942 14.5098 68.8255 11.7844C74.1218 13.3721 78.8677 15.8235 82.7535 19.0327C92.1595 26.8002 95.563 36.603 92.5977 47.3817Z' fill='black'/%3E%3Cpath d='M45.7439 101.749L22.7317 97.6723C24.1698 96.044 25.577 94.408 26.9524 92.8096C28.9828 90.449 31.0823 88.0083 33.2334 85.6496C33.8904 84.9293 33.8386 83.8133 33.119 83.1562C32.7315 82.8027 32.2287 82.654 31.7451 82.705C31.3305 82.7482 30.9293 82.9385 30.6263 83.2704C28.4405 85.6667 26.3236 88.1279 24.2769 90.5074C22.2465 92.868 20.1476 95.3085 17.9965 97.6672C17.5632 98.1422 17.4222 98.816 17.6298 99.4248C17.8367 100.034 18.3595 100.482 18.9926 100.594L45.1285 105.224C46.0885 105.394 47.0043 104.754 47.1743 103.794C47.3442 102.834 46.7039 101.919 45.7446 101.749L45.7439 101.749Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_23033_7685'%3E%3Crect width='90.1138' height='93.6832' fill='white' transform='translate(108.143 91.4937) rotate(167.588)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    center / contain no-repeat;
}

.thank-you__qr-frame {
  border-radius: var(--radius-xl);
  background: var(--color-neutral-0);
  padding: 12px;
}

.thank-you__qr-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.thank-you__qr-label {
  display: block;
  padding: 12px 10px;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);

  text-align: center;
  color: var(--color-neutral-0);
}

.thank-you__store-badges {
  display: flex;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.thank-you__store-badge {
  display: grid;
  width: 144px;
  height: 44px;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--color-neutral-900);
  border-radius: var(--radius-sm);
  color: var(--color-neutral-900);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
}

.thank-you__store-badge img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.thank-you__visual {
  position: relative;
  grid-column: 2;
  z-index: 1;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  pointer-events: none;
}

.thank-you--registration .thank-you__visual {
  width: 100%;
}

.thank-you__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.thank-you__image-placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  border: 1px dashed var(--color-brown-04);
  color: var(--color-brown-01);
}

.thank-you__success-icon {
  display: none;
}

.thank-you__hero {
  min-height: 60vh;
}

@media (max-width: 1024px) {
  .thank-you__hero {
    border-radius: 0 0 var(--radius-3xl) var(--radius-3xl);
  }

  .thank-you__inner,
  .thank-you--registration .thank-you__inner {
    display: flex;
    min-height: 0;
    flex-direction: column;
    align-items: center;
    gap: 42px;
    padding: var(--space-12) var(--space-5) var(--space-18);
    text-align: center;
  }

  .thank-you__content {
    display: contents;
  }

  .thank-you__success-icon {
    display: grid;
    width: 128px;
    height: 128px;
    place-items: center;
    border-radius: 50%;
    background: var(--color-success-surface);
  }

  .thank-you__success-icon::before {
    width: 22px;
    height: 40px;
    border-right: 5px solid var(--color-success);
    border-bottom: 5px solid var(--color-success);
    content: "";
    transform: translateY(-5px) rotate(45deg);
  }

  .thank-you__title {
    font-size: var(--font-size-3xl);
  }

  .thank-you__description {
    margin-top: var(--space-5);
    font-size: var(--font-size-md);
  }

  .thank-you__actions,
  .thank-you--registration .thank-you__actions {
    display: flex;
    width: 210px;
    flex-direction: column;
    margin: 0;
  }

  .thank-you__button {
    width: 100%;
    min-width: 0;
  }

  .thank-you__stores {
    position: static;
    max-width: 320px;
    margin-top: 0;
  }

  .thank-you__qr {
    display: none;
  }

  .thank-you__stores-copy {
    display: block;
    font-size: var(--font-size-sm);
  }

  .thank-you__store-badges {
    display: flex;
    justify-content: center;
  }

  .thank-you__store-badge {
    width: 119px;
    height: 36px;
    font-size: var(--font-size-xs);
  }

  .thank-you__visual {
    display: none;
  }

  .thank-you--registration .thank-you__stores-copy,
  .thank-you--registration .thank-you__store-badges {
    display: flex;
  }
}