.magiccartgifts {
  border: 2px solid rgba(200, 154, 75, .75);
  border-radius: 8px;
  margin: 0 0 1rem;
  padding: .75rem .85rem;
  background: #fff4d7;
  color: #3a2418;
  box-shadow: 0 10px 24px rgba(58, 36, 24, .12);
}

.magiccartgifts--modal {
  margin: .85rem 0 0;
  padding: .65rem .75rem;
}

.magiccartgifts__title {
  margin: 0;
  font-size: .92rem;
  line-height: 1.35;
  font-weight: 800;
  text-align: center;
}

.magiccartgifts__heading {
  margin: 0 0 .45rem;
  color: #244a2e;
  font-size: .95rem;
  line-height: 1.25;
  font-weight: 900;
  text-align: center;
}

.magiccartgifts__earned {
  display: grid;
  gap: .45rem;
}

.magiccartgifts__gift {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
}

.magiccartgifts__gift--next {
  margin: .55rem auto 0;
}

.magiccartgifts__image {
  flex: 0 0 auto;
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(58, 36, 24, .16);
  border-radius: 6px;
  object-fit: cover;
  background: #fff;
}

.magiccartgifts__title strong {
  color: #8a2d24;
}

.magiccartgifts__gifts {
  margin: 0;
  color: #244a2e;
  font-weight: 800;
  text-align: center;
}

.magiccartgifts__gift .magiccartgifts__title,
.magiccartgifts__gift .magiccartgifts__gifts {
  text-align: left;
}

.magiccartgifts__bar {
  height: .45rem;
  overflow: hidden;
  border-radius: 999px;
  margin-top: .55rem;
  background: rgba(58, 36, 24, .15);
}

.magiccartgifts__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #8a2d24;
}

/* Loaded after the theme CSS; keep order-confirmation metadata readable. */
body .order-confirmation__product-reference,
body .order-confirmation__product-attribute,
body .order-confirmation__product-attribute .label,
body .order-confirmation__product-attribute .value {
  color: #5a432f !important;
  opacity: 1 !important;
}

body .order-confirmation__product-reference {
  font-size: .86rem !important;
  font-weight: 700 !important;
}