.sitewide-promotion-banner { padding: 18px 24px 12px; background: #fff; color: #fff; }
.sitewide-promotion-banner__inner {
    display: grid; grid-template-columns: 224px minmax(0, 1fr);
    align-items: center; gap: 14px 36px; max-width: 1240px;
    margin-inline: auto; padding: 18px 32px 24px;
    border-radius: 20px; background: #006b4b;
}
.sitewide-promotion-banner__context {
    grid-column: 1 / -1; grid-row: 1; text-align: center;
    color: #d8eee5; font-size: 14px; font-weight: 600; line-height: 1.4;
}
.sitewide-promotion-banner__brand { grid-column: 1; grid-row: 2; padding: 18px 12px; border-radius: 12px; background: #fff; }
.sitewide-promotion-banner__brand img { display: block; width: 100%; height: 58px; object-fit: cover; object-position: center; }
.sitewide-promotion-banner__copy { grid-column: 2; grid-row: 2; min-width: 0; text-align: left; }
.sitewide-promotion-banner__offer {
    display: block; margin: 0; color: #fff;
    font-size: 30px; font-weight: 600; line-height: 1.5;
}
.sitewide-promotion-banner__lead,
.sitewide-promotion-banner__percent,
.sitewide-promotion-banner__offer-copy,
.sitewide-promotion-banner__coverage,
.sitewide-promotion-banner__gift {
    display: inline; color: inherit; font: inherit; letter-spacing: normal;
}
@media (min-width: 1100px) { .sitewide-promotion-banner__offer { white-space: nowrap; } }
@media (max-width: 1099px) {
    .sitewide-promotion-banner__inner { grid-template-columns: 172px minmax(0, 1fr); padding: 18px 24px; gap: 14px 24px; }
    .sitewide-promotion-banner__brand { padding: 14px 10px; }
    .sitewide-promotion-banner__brand img { height: 46px; }
    .sitewide-promotion-banner__offer { font-size: 24px; }
}
@media (max-width: 600px) {
    .sitewide-promotion-banner { padding: 10px 12px; }
    .sitewide-promotion-banner__inner { grid-template-columns: 98px minmax(0, 1fr); padding: 14px; gap: 12px; border-radius: 16px; }
    .sitewide-promotion-banner__context { font-size: 13px; }
    .sitewide-promotion-banner__brand { padding: 7px 5px; border-radius: 7px; }
    .sitewide-promotion-banner__brand img { height: 30px; }
    .sitewide-promotion-banner__offer { font-size: 18px; }
}

/* Emphasize the actual discount while keeping the rest of the offer unchanged. */
.sitewide-promotion-banner__percent {
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
    vertical-align: -0.06em;
}
@media (max-width: 1099px) {
    .sitewide-promotion-banner__percent { font-size: 42px; }
}
@media (max-width: 600px) {
    .sitewide-promotion-banner__percent { font-size: 34px; }
}
/* Property pages highlight the property's own benefit in the center. */
.sitewide-promotion-banner--complex .sitewide-promotion-banner__inner {
    grid-template-columns: 224px minmax(0, 1fr) 224px;
    gap: 10px 24px;
    padding-block: 24px;
}
.sitewide-promotion-banner--complex .sitewide-promotion-banner__brand { grid-row: 1 / 3; }
.sitewide-promotion-banner--complex .sitewide-promotion-banner__context {
    grid-column: 2; grid-row: 1; font-size: 28px; font-weight: 600; color: #e1f2ea;
}
.sitewide-promotion-banner--complex .sitewide-promotion-banner__copy { grid-column: 2; grid-row: 2; text-align: center; }
.sitewide-promotion-banner--complex .sitewide-promotion-banner__offer { font-size: 40px; font-weight: 700; line-height: 1.3; white-space: normal; }
.sitewide-promotion-banner--complex .sitewide-promotion-banner__percent { font-size: 56px; }
.sitewide-promotion-banner--complex .sitewide-promotion-banner__gift { font-size: 44px; }
@media (max-width: 1099px) {
    .sitewide-promotion-banner--complex .sitewide-promotion-banner__inner { grid-template-columns: 172px minmax(0, 1fr); }
    .sitewide-promotion-banner--complex .sitewide-promotion-banner__context { font-size: 24px; }
    .sitewide-promotion-banner--complex .sitewide-promotion-banner__offer { font-size: 32px; }
    .sitewide-promotion-banner--complex .sitewide-promotion-banner__percent { font-size: 44px; }
    .sitewide-promotion-banner--complex .sitewide-promotion-banner__gift { font-size: 36px; }
}
@media (max-width: 600px) {
    .sitewide-promotion-banner--complex .sitewide-promotion-banner__inner { grid-template-columns: 86px minmax(0, 1fr); gap: 8px 12px; padding-block: 16px; }
    .sitewide-promotion-banner--complex .sitewide-promotion-banner__context { font-size: 20px; }
    .sitewide-promotion-banner--complex .sitewide-promotion-banner__offer { font-size: 22px; }
    .sitewide-promotion-banner--complex .sitewide-promotion-banner__percent { font-size: 34px; }
    .sitewide-promotion-banner--complex .sitewide-promotion-banner__gift { font-size: 26px; }
}