.year-end-offer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    gap: 18px 28px;
    margin: 0 0 32px;
    padding: 26px;
    border: 1px solid rgba(92, 230, 165, .45);
    border-radius: 16px;
    background: linear-gradient(120deg, rgba(92, 230, 165, .09), transparent 70%), #101a1c;
    color: #f3f7f5;
}
.year-end-offer [hidden] { display: none !important; }
.year-end-offer .year-end-offer-copy { min-width: 0; align-self: center; }
.year-end-offer .year-end-offer-heading { margin: 0 0 12px; color: #f3f7f5; font-size: clamp(1.08rem, 2vw, 1.4rem); font-weight: 750; line-height: 1.35; }
.year-end-offer .year-end-offer-heading strong { color: #5ce6a5; white-space: nowrap; }
.year-end-offer .year-end-offer-code-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; }
.year-end-offer .year-end-offer-code-row p { margin: 0; color: #b4c1bb; font-size: .9rem; line-height: 1.8; }
.year-end-offer .year-end-offer-code { display: inline; padding: 4px 7px; border: 1px solid rgba(92, 230, 165, .25); border-radius: 5px; color: #79f2b9; background: rgba(92, 230, 165, .08); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .94em; font-weight: 750; letter-spacing: .06em; white-space: nowrap; user-select: all; }
.year-end-offer .year-end-offer-copy-button { display: inline-flex; align-items: center; justify-content: center; min-width: 99px; min-height: 40px; padding: 8px 13px; margin: 0; border: 1px solid rgba(92, 230, 165, .5); border-radius: 8px; color: #5ce6a5; background: #122b24; font: inherit; font-size: .8rem; font-weight: 750; line-height: 1.2; text-decoration: none; cursor: pointer; box-shadow: none; }
.year-end-offer .year-end-offer-copy-button:hover { color: #07110c; background: #5ce6a5; }
.year-end-offer .year-end-offer-copy-button:focus-visible { outline: 3px solid #79f2b9; outline-offset: 3px; }
.year-end-offer .year-end-offer-copy-button:disabled { cursor: wait; opacity: .7; }
.year-end-offer .year-end-offer-status { display: block; min-height: 0; margin-top: 0; color: #b4c1bb; font-size: .78rem; line-height: 1.5; }
.year-end-offer .year-end-offer-status:not(:empty) { margin-top: 7px; }
.year-end-offer .year-end-offer-countdown { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-self: center; gap: 8px; min-width: 0; }
.year-end-offer .year-end-offer-countdown > div { min-width: 0; padding: 13px 4px 10px; border: 1px solid rgba(169, 196, 183, .14); border-radius: 9px; background: rgba(6, 12, 12, .5); text-align: center; }
.year-end-offer .year-end-offer-countdown span { display: block; color: #79f2b9; font-size: clamp(1.25rem, 2.6vw, 1.8rem); font-weight: 750; font-variant-numeric: tabular-nums; line-height: 1.15; }
.year-end-offer .year-end-offer-countdown small { display: block; margin-top: 7px; color: #a5b2ac; font-size: .62rem; font-weight: 650; line-height: 1.2; letter-spacing: .04em; }
.year-end-offer .year-end-offer-terms, .year-end-offer .year-end-offer-no-script { grid-column: 1 / -1; margin: 0; color: #a5b2ac; font-size: .77rem; line-height: 1.75; }
.year-end-offer .year-end-offer-terms { padding-top: 15px; border-top: 1px solid rgba(169, 196, 183, .14); }
.year-end-offer .year-end-offer-terms strong { color: #5ce6a5; font-weight: 750; white-space: nowrap; }
@media (max-width: 700px) {
    .year-end-offer { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 20px; border-radius: 13px; }
    .year-end-offer .year-end-offer-countdown { width: 100%; max-width: 360px; }
}
@media (max-width: 360px) {
    .year-end-offer { padding: 16px; }
    .year-end-offer .year-end-offer-countdown { gap: 5px; }
    .year-end-offer .year-end-offer-countdown small { font-size: .58rem; letter-spacing: 0; }
}