.node--type-ecom-product-page div.pink-module {
	background-color: #B01F5D;
	padding-top: 68px;
	padding-bottom: 59px;
}

.node--type-ecom-product-page div.pink-module .grid__container {
	margin-bottom: 0;
}

.node--type-ecom-product-page div.iia-module {
	padding-top: 60px;
	padding-bottom: 74px;
}

.node--type-ecom-product-page div.iia-module .grid__container {
	margin-bottom: 0;
}

.layout__region.grid__container--item.layout__region--sidebar {
	align-content: center;
}

/* Translations language card component */

.cia-translations {
    font-family: "Euclid Circular A", Helvetica, Arial, sans-serif;
    background: #ffffff;
    padding: 60px 20px;
  }

  @media (max-width: 640px) {
    .cia-translations {
      padding: 32px 8px;
    }
  }

  .cia-translations__inner {
    max-width: 1400px;
    margin: 0 auto;
  }

  .cia-translations__title {
    font-family: "Euclid Circular A Bold", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #122048;
    font-size: 35px;
    letter-spacing: 0.02em;
    text-align: center;
    margin: 0 0 48px;
  }

  .cia-translations__viewport {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  @media (max-width: 640px) {
    .cia-translations__viewport {
      gap: 2px;
    }
  }

  .cia-translations__arrow {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.15s ease;
  }

  @media (max-width: 640px) {
    .cia-translations__arrow {
      width: 20px;
    }
  }

  .cia-translations__arrow:hover {
    opacity: 1;
  }

  .cia-translations__track {
    display: flex;
    gap: 40px;
    flex: 1 1 auto;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .cia-translations__track::-webkit-scrollbar {
    display: none;
  }

  .cia-card {
	  display: flex;
	  flex-direction: column;
	  flex: 0 0 calc((100% - 80px) / 3);
	  scroll-snap-align: start;
	}

  @media (max-width: 900px) {
    .cia-translations__track {
      gap: 24px;
    }
    .cia-card {
      flex-basis: calc((100% - 24px) / 2);
    }
  }

  @media (max-width: 640px) {
    .cia-translations__track {
      gap: 12px;
    }
    .cia-card {
      flex-basis: 100%;
    }
  }

  .cia-card__header {
    padding: 24px;
  }

  .cia-card__header--navy { background: #122048; }
  .cia-card__header--yellow { background: #fdc20d; }
  .cia-card__header--teal { background: #064c77; }
  .cia-card__header--seafoam { background: #a3c6c4; }
  .cia-card__header--magenta { background: #a13c68; }

  .cia-card__lang {
    font-family: "Euclid Circular A Bold", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 0.02em;
    color: #ffffff;
    margin: 0;
  }

  .cia-card__lang--dark {
    color: #122048;
  }

  .cia-card__body {
	  display: flex;
	  flex-direction: column;
	  flex: 1 1 auto;
	  padding: 32px 24px;
	  border: 1px solid #d8d8d8;
	  border-top: none;
	}

  .cia-card__heading {
    font-family: "Euclid Circular A Bold", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #122048;
    margin: 0 0 16px;
  }

  .cia-card__heading--intl {
    font-family: Georgia, Times, "Times New Roman", serif;
  }

  .cia-card__copy {
    font-size: 15px;
    line-height: 1.5;
    color: #4a4a4a;
    margin: 0 0 24px;
    flex: 1 1 auto;
  }

  .cia-card__soon {
    font-family: "Euclid Circular A Bold", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #b01f5d;
    margin: 0;
  }

  .cia-card__ctas {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .cia-btn {
    display: inline-block;
    font-family: "Euclid Circular A", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    border-radius: 4px;
    padding: 11px 22px;
    text-align: center;
    transition: opacity 0.15s ease;
  }

  .cia-btn:hover {
    opacity: 0.85;
  }

  .cia-btn--filled {
    background: #fdc20d;
    color: #122048;
  }

  .cia-btn--outline {
    background: #ffffff;
    color: #122048;
    border: 2px solid #122048;
    padding: 9px 20px;
  }
  
  .cia-translations__arrow:disabled {
	  opacity: 0.2;
	  cursor: default;
	  pointer-events: none;
	}