.wa-fake-coupon {
    display: flex;
    flex-direction: column;
    gap: var(--space-s);
    padding: calc(var(--space-l) * 1.1) var(--space-l);
    border-radius: var(--radius-xl);
    align-items: center;
    text-align: center;
    margin-top: var(--space-m);
}

.wa-fake-coupon__title {
    font-weight: 800;
    font-size: var(--text-xxl);
    text-transform: uppercase;
    line-height: 1.2;
}

.wa-fake-coupon-inner {
    display: flex;
    flex-direction: column;
    gap: calc(var(--space-s) * 0.7);
    align-items: center;
    text-align: center;
}

.wa-fake-coupon__text {
    font-size: calc(var(--text-l) * .95);
    font-weight: 400;
    line-height:1.3;
}

.wa-fake-coupon__text strong{
    font-weight: 700;
}

.wa-fake-coupon__coupon {
    --dash-w: 2px;
    --dash-length: 9px;
    --dash-gap: 9px;
    --dash-corner: 9px; /* odsadenie od rohov – v rohoch medzera, čiara začína až po rohu */
    border: none;
    padding: calc(var(--space-s) * 0.7 + 3px) var(--space-s) calc(var(--space-s) * 0.7);
    border-radius: 12px;
    min-width: 243px;
    font-size: calc(var(--text-l) * 1.1);
    font-weight: 700;
    line-height: 1;
    letter-spacing:0.05em;
    /* Dashed border: 9px čiara, 9px medzera; v rohoch medzera (bočné pásy skrátené o dash-w, aby sa v dolných rohoch nekreslili cez spodný border) */
    background:
        repeating-linear-gradient(90deg, currentColor 0, currentColor var(--dash-length), transparent var(--dash-length), transparent calc(var(--dash-length) + var(--dash-gap))) 0 0 / calc(100% - 2 * var(--dash-corner)) var(--dash-w) repeat-x,
        repeating-linear-gradient(90deg, currentColor 0, currentColor var(--dash-length), transparent var(--dash-length), transparent calc(var(--dash-length) + var(--dash-gap))) 0 100% / calc(100% - 2 * var(--dash-corner)) var(--dash-w) repeat-x,
        repeating-linear-gradient(0deg, currentColor 0, currentColor var(--dash-length), transparent var(--dash-length), transparent calc(var(--dash-length) + var(--dash-gap))) 0 0 / var(--dash-w) calc(100% - 2 * var(--dash-corner) - var(--dash-w)) repeat-y,
        repeating-linear-gradient(0deg, currentColor 0, currentColor var(--dash-length), transparent var(--dash-length), transparent calc(var(--dash-length) + var(--dash-gap))) 100% 0 / var(--dash-w) calc(100% - 2 * var(--dash-corner) - var(--dash-w)) repeat-y;
    background-position:
        var(--dash-corner) 0,
        var(--dash-corner) 100%,
        0 var(--dash-corner),
        100% var(--dash-corner);
}

.wa-fake-coupon-info {
    margin-top:calc(var(--space-s) * 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: calc(var(--space-s) * 0.4);
}

.wa-fake-coupon-info__text {
    font-size: calc(var(--text-m) * 0.9);
    line-height:1.2;
}

.ct-shortcode:has(.wa-fake-coupon) {
    width: 100%;
}