.loyalty-discount {
    margin: 65px auto 90px;
    padding: 40px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .75fr);
    gap: 48px;
    align-items: center;
    text-align: left;
    border: 1px solid #dcd5fb;
    border-radius: 28px;
    background: linear-gradient(135deg, #2d2167 0%, #5940cf 54%, #7658ef 100%);
    box-shadow: 0 25px 70px #30236d25;
    color: #fff;
}
.loyalty-copy h2 { margin: 12px 0 16px; font-size: 39px; line-height: 1.08; letter-spacing: -1.4px; }
.loyalty-copy > p { max-width: 650px; color: #e6e1ff; line-height: 1.75; }
.loyalty-copy .eyebrow { color: #cfc4ff; }
.loyalty-rule { margin-top: 25px; padding: 17px 19px; border: 1px solid #ffffff2d; border-radius: 14px; background: #ffffff12; color: #eeeaff; font-size: 13px; line-height: 1.6; }
.loyalty-example { padding: 27px; border-radius: 21px; background: #fff; color: #17132c; box-shadow: 0 18px 45px #1a104d32; }
.loyalty-example > span { font-size: 10px; font-weight: 850; letter-spacing: 1px; color: var(--brand); }
.loyalty-example h3 { margin: 9px 0 20px; font-size: 23px; }
.example-row { display: grid; grid-template-columns: 1fr auto; gap: 4px 18px; padding: 13px 0; border-top: 1px solid var(--line); }
.example-row span { font-size: 13px; color: #5c576f; }
.example-row b { font-size: 16px; color: var(--brand); }
.example-row small { grid-column: 1 / 3; color: var(--muted); font-size: 10px; }
.loyalty-example > p { margin: 17px 0 0; font-size: 10px; line-height: 1.55; color: var(--muted); }
@media (max-width: 900px) { .loyalty-discount { grid-template-columns: 1fr; } }
@media (max-width: 600px) {
    .loyalty-discount { padding: 25px; gap: 28px; }
    .loyalty-copy h2 { font-size: 31px; }
    .loyalty-example { padding: 21px; }
    .example-row { grid-template-columns: 1fr; }
    .example-row small { grid-column: auto; }
}