.welcome-registration-popup {
  display: none;
  inset: 0;
  position: fixed;
  z-index: 11000;
}

.welcome-registration-popup.is-visible { display: block; }

.welcome-registration-popup__backdrop {
  background: rgba(20, 20, 20, .58);
  inset: 0;
  position: absolute;
}

.welcome-registration-popup__dialog {
  background: #fff;
  display: grid;
  grid-template-columns: minmax(280px, 55%) 45%;
  left: 50%;
  max-height: calc(100vh - 32px);
  max-width: 1120px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 32px);
}

.welcome-registration-popup__close {
  background: transparent;
  border: 0;
  color: #aaa;
  cursor: pointer;
  font-size: 48px;
  font-weight: 200;
  line-height: 1;
  padding: 8px;
  position: absolute;
  right: 14px;
  top: 10px;
  z-index: 1;
}

.welcome-registration-popup__image { min-height: 570px; }
.welcome-registration-popup__image img { height: 100%; object-fit: cover; width: 100%; }

.welcome-registration-popup__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 58px 64px 36px;
  text-align: center;
}

.welcome-registration-popup__logo { height: auto; margin-bottom: 32px; max-width: 240px; }
.welcome-registration-popup__title { color: #151515; font-size: clamp(36px, 4vw, 41px); font-weight: 500; line-height: 1.12; margin: 0 0 32px; text-align: center; }
.welcome-registration-popup__title span { color: #ed1426; }
.welcome-registration-popup__content p { color: #444; font-size: 20px; line-height: 1.42; margin: 0 0 32px; }
.welcome-registration-popup__button { background: #ed1426; border: 0; border-radius: 999px; color: #fff; cursor: pointer; font-size: 20px; font-weight: 700; padding: 20px 42px; text-transform: uppercase; width: min(100%, 490px); }
.welcome-registration-popup__button:hover, .welcome-registration-popup__button:focus { background: #cf0e1e; }
.welcome-registration-popup__content small { color: #999; font-size: 15px; margin-top: 32px; }

body.welcome-registration-popup-open { overflow: hidden; }

@media (max-width: 700px) {
  .welcome-registration-popup__dialog { display: block; max-width: 440px; overflow-y: auto; }
  .welcome-registration-popup__image { display: none; }
  .welcome-registration-popup__content { min-height: 470px; padding: 54px 15px 28px; }
  .welcome-registration-popup__close { font-size: 40px; right: 6px; top: 5px; }
  .welcome-registration-popup__logo { margin-bottom: 26px; max-width: 190px; }
  .welcome-registration-popup__title { font-size: 30px; margin-bottom: 22px; }
  .welcome-registration-popup__content p { font-size: 17px; margin-bottom: 26px; }
  .welcome-registration-popup__button { font-size: 17px; padding: 17px 20px; }
  .welcome-registration-popup__content small { font-size: 13px; margin-top: 24px; }
}