.xl-legal-checkout-notice {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  clear: both;
  background: #ebf5fb;
  border: 1px solid #a1c4e1;
  padding: 14px 18px;
  margin: 0 0 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.45;
}

.xl-legal-checkout-notice__left {
  flex: 1 1 auto;
  min-width: 0;
}

.xl-legal-checkout-notice__heading {
  font-weight: 700;
  color: #004b87;
  margin: 0 0 4px;
}

.xl-legal-checkout-notice__grey {
  color: #767676;
}

.xl-legal-checkout-notice__link {
  color: #0066a1;
  text-decoration: none;
}

.xl-legal-checkout-notice__link:hover {
  color: #0066a1;
  text-decoration: underline;
}

.xl-legal-checkout-notice__right {
  flex: 0 0 auto;
  font-weight: 700;
  color: #c82333;
  text-align: right;
  max-width: 42%;
}

a.xl-legal-checkout-notice__right-link,
a.xl-legal-checkout-notice__right-link:hover {
  color: #c82333 !important;
  text-decoration: none !important;
}

a.xl-legal-checkout-notice__right-link:hover {
  text-decoration: underline !important;
}

#checkoutform .xl-legal-checkout-notice a.xl-legal-checkout-notice__link,
.cosmoCheckout .xl-legal-checkout-notice a.xl-legal-checkout-notice__link {
  color: #0066a1 !important;
  text-decoration: none !important;
}

#checkoutform .xl-legal-checkout-notice a.xl-legal-checkout-notice__link:hover,
.cosmoCheckout .xl-legal-checkout-notice a.xl-legal-checkout-notice__link:hover {
  color: #0066a1 !important;
  text-decoration: underline !important;
}

#checkoutform .xl-legal-checkout-notice .xl-legal-checkout-notice__grey,
.cosmoCheckout .xl-legal-checkout-notice .xl-legal-checkout-notice__grey {
  color: #767676 !important;
}

#checkoutform .xl-legal-checkout-notice .xl-legal-checkout-notice__heading,
.cosmoCheckout .xl-legal-checkout-notice .xl-legal-checkout-notice__heading {
  color: #004b87 !important;
}

#checkoutform .xl-legal-checkout-notice .xl-legal-checkout-notice__right,
.cosmoCheckout .xl-legal-checkout-notice .xl-legal-checkout-notice__right,
#checkoutform a.xl-legal-checkout-notice__right-link,
.cosmoCheckout a.xl-legal-checkout-notice__right-link {
  color: #c82333 !important;
}

.infoBox.jv-legal-guarantee-legacy-slot {
  padding: 0;
  margin: 0 0 16px;
  border: 0;
  background: transparent;
  float: none;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.infoBox.jv-legal-guarantee-legacy-slot .xl-legal-checkout-notice {
  margin: 0;
}

@media (max-width: 767px) {
  .xl-legal-checkout-notice {
    flex-direction: column;
  }

  .xl-legal-checkout-notice__right {
    max-width: none;
    text-align: left;
  }
}

#content .infopage-text.xl-legal-guarantee-page,
.infopage-text.xl-legal-guarantee-page {
  --xl-legal-image-max-height: 140vh;
  --xl-legal-image-max-width: min(100%, calc(var(--xl-legal-image-max-height) * 540 / 695));
  width: 100%;
  float: none;
  clear: both;
  margin: 0 auto 48px;
  padding: 0 0 32px;
  text-align: center;
}

#content .xl-legal-guarantee-page__item,
.xl-legal-guarantee-page__item {
  float: none !important;
  box-sizing: border-box;
  margin: 0;
  padding: 0 12px 40px;
  text-align: center;
}

#content .xl-legal-guarantee-page--count-1,
.xl-legal-guarantee-page--count-1 {
  display: block;
}

#content .xl-legal-guarantee-page--count-1 .xl-legal-guarantee-page__item,
.xl-legal-guarantee-page--count-1 .xl-legal-guarantee-page__item {
  margin: 0 auto;
  max-width: var(--xl-legal-image-max-width);
}

#content .xl-legal-guarantee-page--count-2,
.xl-legal-guarantee-page--count-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 24px 40px;
}

#content .xl-legal-guarantee-page--count-2 .xl-legal-guarantee-page__item,
.xl-legal-guarantee-page--count-2 .xl-legal-guarantee-page__item {
  flex: 0 1 var(--xl-legal-image-max-width);
  max-width: var(--xl-legal-image-max-width);
}

#content .xl-legal-guarantee-page--count-3,
.xl-legal-guarantee-page--count-3 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, var(--xl-legal-image-max-width)));
  justify-content: center;
  gap: 24px 40px;
}

#content .xl-legal-guarantee-page--count-3 .xl-legal-guarantee-page__item:nth-child(3),
.xl-legal-guarantee-page--count-3 .xl-legal-guarantee-page__item:nth-child(3) {
  grid-column: 1 / -1;
  justify-self: center;
  max-width: var(--xl-legal-image-max-width);
}

.xl-legal-guarantee-page__lang {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 auto 16px;
  text-align: center;
}

.xl-legal-guarantee-page__image-wrap {
  width: var(--xl-legal-image-max-width);
  max-width: 100%;
  max-height: var(--xl-legal-image-max-height);
  aspect-ratio: 510 / 695;
  margin: 0 auto;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  background: #fff;
}

#content .xl-legal-guarantee-page img.xl-legal-guarantee-page__image,
.xl-legal-guarantee-page img.xl-legal-guarantee-page__image {
  display: block;
  float: none !important;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: var(--xl-legal-image-max-height);
  margin: 0 auto;
  border: 1px solid #000;
  box-sizing: border-box;
  object-fit: contain;
  object-position: center center;
}

.xl-legal-guarantee-page__download {
  margin: 20px 0 0;
  padding: 0;
  text-align: center;
}

.xl-legal-guarantee-page__download-btn {
  display: inline-block;
  min-width: 220px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  border-radius: 0;
  background: #cc0000;
  border: 1px solid #aa0000;
  color: #fff;
  text-decoration: none;
}

.xl-legal-guarantee-page__download-btn:hover {
  background: #aa0000;
  color: #fff;
  text-decoration: none;
}

@media (max-width: 991px) {
  #content .xl-legal-guarantee-page--count-2,
  #content .xl-legal-guarantee-page--count-3,
  .xl-legal-guarantee-page--count-2,
  .xl-legal-guarantee-page--count-3 {
    display: block;
  }

  #content .xl-legal-guarantee-page--count-2 .xl-legal-guarantee-page__item,
  #content .xl-legal-guarantee-page--count-3 .xl-legal-guarantee-page__item,
  .xl-legal-guarantee-page--count-2 .xl-legal-guarantee-page__item,
  .xl-legal-guarantee-page--count-3 .xl-legal-guarantee-page__item {
    max-width: var(--xl-legal-image-max-width);
    margin: 0 auto 40px;
  }

  #content .xl-legal-guarantee-page--count-3 .xl-legal-guarantee-page__item:nth-child(3),
  .xl-legal-guarantee-page--count-3 .xl-legal-guarantee-page__item:nth-child(3) {
    grid-column: auto;
  }
}