/* Success-only rules. The original signup, errors, media and other forms stay unchanged. */
.discount-popup.has-newsletter-code .discount-popup__form,
.discount-popup.has-newsletter-code .discount-popup__message {
    display: none !important;
}

.discount-popup.has-newsletter-code .discount-popup__heading {
    width: 100%;
    min-width: 0;
    font-size: 32px;
    line-height: 1.2;
}

.discount-popup.has-newsletter-code .sk-popup-code-label,
.discount-popup.has-newsletter-code .sk-popup-code-value {
    display: block;
}

.discount-popup.has-newsletter-code .sk-popup-code-value {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    margin-top: 16px;
    padding: 16px 12px;
    border: 1px solid rgba(217, 139, 34, 0.35);
    border-radius: 8px;
    background: rgba(217, 139, 34, 0.07);
    color: var(--color-orange-dark, #d98b22);
    font-family: var(--font-family-base, sans-serif);
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.025em;
    text-align: center;
    overflow-wrap: anywhere;
    user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
}

.discount-popup.has-newsletter-code .sk-popup-code-value:hover {
    background: rgba(217, 139, 34, 0.12);
    border-color: rgba(217, 139, 34, 0.65);
}

.discount-popup.has-newsletter-code .sk-popup-code-value:focus-visible {
    outline: 2px solid var(--color-orange-dark, #d98b22);
    outline-offset: 3px;
}

.discount-popup.has-newsletter-code .sk-popup-code-value[aria-busy="true"] {
    cursor: progress;
}

.discount-popup.has-newsletter-code .sk-popup-code-value.is-manual-copy {
    user-select: all;
    -webkit-user-select: all;
}

.discount-popup.has-newsletter-code .sk-popup-code-copy-status {
    display: block;
    margin-top: 8px;
    color: var(--color-text-muted, #6a6c5e);
    font-family: var(--font-family-base, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: normal;
}

.discount-popup.has-newsletter-code .sk-popup-code-copy-status[data-copy-state="copied"] {
    color: #386340;
}

.discount-popup.has-long-newsletter-code .sk-popup-code-value {
    font-size: clamp(24px, 3vw, 36px);
}

.discount-popup.has-newsletter-code .discount-popup__description {
    max-width: 24rem;
}

@media (max-width: 767px) {
    .discount-popup.has-newsletter-code .discount-popup__heading {
        font-size: 26px;
    }
    .discount-popup.has-newsletter-code .sk-popup-code-value {
        font-size: 32px;
        padding: 14px 8px;
    }
    .discount-popup.has-long-newsletter-code .sk-popup-code-value {
        font-size: 26px;
    }
}

@media (max-height: 620px) {
    .discount-popup.has-newsletter-code .discount-popup__heading {
        font-size: 24px;
    }
    .discount-popup.has-newsletter-code .sk-popup-code-value {
        margin-top: 12px;
        padding: 12px 8px;
        font-size: 30px;
    }
    .discount-popup.has-long-newsletter-code .sk-popup-code-value {
        font-size: 24px;
    }
}
