/* CtrlAltDefeat shared Amazon + Chime promo host.
   The actual banner art, markup, affiliate/referral links, desktop rules, and mobile rules
   are loaded from the canonical main-site components so the two sites stay identical. */

.cad-cross-site-promos {
  width: min(1080px, calc(100% - 44px));
  margin: 16px auto 22px;
  display: grid;
  gap: 12px;
  min-width: 0;
}

.cad-cross-site-promos[hidden] {
  display: none !important;
}

.cad-cross-site-promo-slot {
  width: 100%;
  min-width: 0;
}

.cad-cross-site-promos .cad-amazon-wrap {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Chime is moved out of the top promo host and placed directly above
   Auto Character Creator. Keep this wrapper tight so it reads as part of
   the builder flow rather than creating a large empty break. */
.cad-cross-site-chime-lower {
  width: 100%;
  min-width: 0;
  margin: 14px 0 14px;
}

.cad-cross-site-chime-lower[hidden] {
  display: none !important;
}

.cad-cross-site-chime-lower .cad-referral-wrap {
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
}

.cad-cross-site-amazon-disclosure {
  margin: -4px 0 0;
  color: #8f877a;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 10px;
  line-height: 1.35;
  text-align: center;
}

@media (max-width: 820px) {
  .cad-cross-site-promos {
    width: calc(100% - 1.5rem);
    margin: 10px auto 16px;
    gap: 9px;
  }

  .cad-cross-site-chime-lower {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media (max-width: 430px) {
  .cad-cross-site-promos {
    width: calc(100% - 1.1rem);
    margin-top: 8px;
    margin-bottom: 13px;
    gap: 8px;
  }

  .cad-cross-site-chime-lower {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .cad-cross-site-amazon-disclosure {
    font-size: 9px;
  }
}