.discount-modal {
    color: #003c78;
    font-size: 1.25rem;
}
.discount-modal__title {
    max-width: 35ch;
    margin-inline: auto;
}
.discount-modal__discount {
    color: #80bc5c;
    border: 2px solid currentColor;
    padding: .125em 1em;
    font-style: italic;
    font-weight: bold;
    font-size: clamp(1.5rem, 5vw, 3.5rem);
    letter-spacing: 1px;
    border-radius: .625em;
    text-align: center;
}
.discount-modal__timer {
    display: grid;
    grid-template-columns: minmax(2ch, 1fr) minmax(2ch, 1fr) auto minmax(2ch, 1fr) minmax(2ch, 1fr);
    margin-inline: auto;
    font-size: 3.5rem;
    font-weight: bold;
    margin-block: 1.5rem;
    gap: .75rem;
    width: fit-content;
}
.discount-modal__timer span {
    background-color: rgb(0, 60, 120, .1);
    border-radius: .25em;
    text-align: center;
    color: transparent;
    transition: 250ms color ease;
}
.loaded > .discount-modal__timer span {
    color: inherit;
}
.discount-modal__timer.alt {
    grid-template-columns: 1fr auto 1fr auto 1fr;
    font-size: 1.75rem;
    gap: .5rem;
}
.discount-modal__timer.alt span {
    display: inline-block;
    width: 2ch;
}
.discount-modal__timer.alt .discount-timer__indicator {
    font-size: 1rem;
}

.discount-modal .timer-message-success {
    max-width: 25ch;
    margin-inline: auto;
    font-size: 1rem;
}
.discount-modal__packages {
    margin-block-end: 1rem;
    padding: 1.5rem .5rem;
    background-color: rgb(240, 240, 240);
    border-radius: 1.5rem;
}
.discount-modal__packages #packages {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: .75rem;
}
.discount-modal__packages .card-text {
    font-size: .8em;
}
.discount-modal__packages s {
    font-size: .9em;
    text-decoration: none;
    display: inline-block;
    position: relative;
}
.discount-modal__packages s::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: red;
    bottom: 50%;
    right: 0;
    transform: rotate(-14deg);
}

.discount-modal .regularprice {
    display: none;
}

.discount-modal__closure {
    font-size: 1.25rem;
    max-width: 40ch;
    margin-inline: auto;
    margin-block: 1.5rem;
}

.discount-modal.expired .regularprice {
    display: block;
}
.discount-modal.expired .discountprice {
    display: none;
}
.discount-modal.expired .discount-modal__timer {
    color: #dc3545;
}
.discount-modal.expired .discount-modal__timer span {
    background-color: #dc3545;
    color: #fff;
}
.discount-modal__discount-code {
    margin-inline: auto;
    border-radius: .5rem;
    font-size: clamp(1.5rem, 3.5vw, 3rem);
    padding: .75rem 1.5rem;
    background-color: rgb(0, 0, 0, .05);
    border: 2px dashed;
    cursor: copy;
    transition: bakground-color .25s ease;
}
.discount-modal__discount-code:hover {
    background-color: rgb(0, 0, 0, .1);
}

.discount-modal__discount-code span + span {
    margin-inline-start: .5rem;
}

@media (min-width: 1007px) {
    #tidio-chat {
        display: block !important;
    }
}