.site-main:not(.show-discount) .discount-earned-content {
                display: none;
            }

            .site-main.show-discount .referral-page-content {
                display: none;
            }

            .discount-earned-wrap {
                margin: 100px auto;
            }

            .discount-earned-wrap h2 {
                font-size: clamp(24px, 10vw, 72px);
                font-weight: 900;
                max-width: 15ch;
                margin: auto;
                margin-bottom: 30px;
            }

            .discount-earned-wrap p {
                max-width: 820px;
                margin: auto;
                margin-bottom: 30px;
            }

            .discount-summary {
                display: flex;
                height: clamp(100px, 30vw, 180px);
                align-items: center;
                border: 4px solid #1c2e1e75;
                border-radius: 8px;
            }

            .discount-summary .summary-col {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
            }

            .discount-summary .summary-line {
                width: 4px;
                height: 80%;
                background: linear-gradient(0deg, transparent, #1c2e1edb, transparent);
                flex-shrink: 0;
            }

            .discount-summary .summary-col span {
                font-size: clamp(24px, 10vw, 72px);
                font-weight: 900;
                line-height: 1;
                font-family: 'Montserrat';
            }