/* Eligibility content, scoped to the sixth page's approved section. */
.page-offers #offer-eligibility { padding: 56px 0 64px; color: #123453; }
.page-offers #offer-eligibility .detail-heading { margin-bottom: 28px; }
.page-offers #offer-eligibility h2 { font-size: 34px; line-height: 1.35; letter-spacing: 0; }
.page-offers #offer-eligibility h2::after { content: none; }
.page-offers #offer-eligibility .detail-heading > p { margin-top: 12px; font-size: 16px; color: #4d657c; }
.page-offers #offer-eligibility .eligibility-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.page-offers #offer-eligibility .eligibility-grid > div {
  min-width: 0;
  padding: 24px;
  border: 1px solid #d3e3f1;
  border-radius: 10px;
  background: #fff;
}
.page-offers #offer-eligibility .eligibility-grid dt {
  display: block;
  color: #123453;
  font-size: 19px;
  line-height: 1.5;
  font-weight: 650;
}
.page-offers #offer-eligibility .eligibility-grid dt::before { content: none; }
.page-offers #offer-eligibility .eligibility-grid dd { margin: 12px 0 0; color: #4d657c; font-size: 16px; line-height: 1.8; }
.page-offers #offer-eligibility .eligibility-grid strong { display: block; color: #123453; font-weight: 650; }
.page-offers #offer-eligibility .eligibility-conditions { margin-top: 36px; }
.page-offers #offer-eligibility .eligibility-conditions-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.page-offers #offer-eligibility .eligibility-conditions-heading h3 { font-size: 20px; line-height: 1.5; font-weight: 650; }
.page-offers #offer-eligibility .eligibility-terms-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  color: #0864b8;
  font-size: 15px;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.page-offers #offer-eligibility .eligibility-terms-link svg { width: 18px; height: 18px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.7; }
.page-offers #offer-eligibility .eligibility-terms-link:focus-visible { outline: 3px solid #0864b8; outline-offset: 4px; border-radius: 2px; }
.page-offers #offer-eligibility .eligibility-summary { margin: 0; border-top: 1px solid #d3e3f1; }
.page-offers #offer-eligibility .eligibility-summary > div { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 20px; padding: 16px 0; border-bottom: 1px solid #d3e3f1; font-size: 16px; line-height: 1.8; }
.page-offers #offer-eligibility .eligibility-summary dt { font-weight: 600; color: #123453; }
.page-offers #offer-eligibility .eligibility-summary dd { min-width: 0; margin: 0; color: #4d657c; }
.page-offers #offer-eligibility .eligibility-pending { display: inline-block; color: #735818; }
@media (hover: hover) {
  .page-offers #offer-eligibility .eligibility-terms-link:hover { color: #084f8c; }
}
@media (min-width: 781px) and (max-width: 1100px) {
  .page-offers #offer-eligibility .eligibility-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 780px) {
  .page-offers #offer-eligibility { padding: 36px 0 40px; }
  .page-offers #offer-eligibility h2 { font-size: 28px; }
  .page-offers #offer-eligibility .detail-heading { margin-bottom: 24px; }
  .page-offers #offer-eligibility .eligibility-grid { grid-template-columns: 1fr; gap: 12px; }
  .page-offers #offer-eligibility .eligibility-grid > div { padding: 20px; }
  .page-offers #offer-eligibility .eligibility-grid dt { font-size: 18px; }
  .page-offers #offer-eligibility .eligibility-grid dd { margin-top: 8px; }
  .page-offers #offer-eligibility .eligibility-conditions { margin-top: 28px; }
  .page-offers #offer-eligibility .eligibility-conditions-heading { flex-wrap: wrap; gap: 4px 16px; margin-bottom: 12px; }
  .page-offers #offer-eligibility .eligibility-conditions-heading h3 { font-size: 19px; }
  .page-offers #offer-eligibility .eligibility-summary > div { grid-template-columns: 1fr; gap: 4px; padding: 16px 0; }
}

/* Decorative scenes; keep the existing text and disclosure hierarchy. */
.page-offers #offer-eligibility .eligibility-grid > div {
  min-height: 220px;
  background-color: #f5faff;
  background-image: linear-gradient(100deg, #fffffffa 8%, #fffffff0 38%, var(--eligibility-art-mask, #ffffffad) 58%, #ffffff24 82%, #ffffff00), var(--eligibility-art);
  background-size: 100% 100%, auto 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.page-offers #offer-eligibility .eligibility-grid > div:nth-child(1) { --eligibility-art: url("../assets/offers-eligibility-deposit.webp"); }
.page-offers #offer-eligibility .eligibility-grid > div:nth-child(2) { --eligibility-art: url("../assets/offers-eligibility-select.webp"); --eligibility-art-mask: #ffffff80; }
.page-offers #offer-eligibility .eligibility-grid > div:nth-child(3) { --eligibility-art: url("../assets/offers-eligibility-app.webp"); }
.page-offers #offer-eligibility .eligibility-grid > div:nth-child(4) { --eligibility-art: url("../assets/offers-eligibility-games.webp"); --eligibility-art-mask: #ffffff80; }
@media (max-width: 780px) {
  .page-offers #offer-eligibility .eligibility-grid > div { min-height: 168px; }
}