.uudai-promo-block {
    --uudai-amber: #b45309;
    --uudai-bg-gradient: linear-gradient(135deg, #fff, rgba(0, 0, 0, .05));
    --uudai-border: #e5e7eb;
    --uudai-brand: #036d19;
    --uudai-brand-light: #048f2b;
    --uudai-radius: 10px;
    --uudai-scarcity-width: 78%;
    --uudai-shadow: 0 4px 24px rgba(0, 0, 0, .06);
    --uudai-text: #111827;
    --uudai-text-muted: #6b7280;
    background: var(--uudai-bg-gradient);
    border: 1px solid #ddd;
    border-radius: var(--uudai-radius);
    border-top: 4px solid var(--uudai-brand);
    box-shadow: var(--uudai-shadow);
    box-sizing: border-box;
    color: var(--uudai-text);
    font-family: system-ui, "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0 auto;
    max-width: 720px;
    padding: 14px;
    text-align: left
}

.uudai-promo-block *,
.uudai-promo-block ::after,
.uudai-promo-block ::before {
    box-sizing: border-box
}

.uudai-promo-block .uudai-promo-benefit p,
.uudai-promo-block .uudai-promo-ctas p,
.uudai-promo-block .uudai-promo-footer-legal p,
.uudai-promo-block .uudai-promo-head p,
.uudai-promo-block .uudai-promo-proof p,
.uudai-promo-block .uudai-promo-scarcity p {
    display: contents;
    margin: 0;
    padding: 0
}

.uudai-promo-block .uudai-promo-benefit br,
.uudai-promo-block .uudai-promo-ctas br,
.uudai-promo-block .uudai-promo-head br {
    display: none
}

.uudai-promo-block .uudai-checkmark {
    align-items: center;
    background-color: var(--uudai-brand);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    border: 2px solid var(--uudai-brand);
    border-radius: 10px;
    color: transparent;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 0;
    height: 20px;
    justify-content: center;
    line-height: 0;
    margin-right: 7px;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    width: 20px
}

.uudai-promo-block .uudai-checkmark::before {
    content: "\200B";
    display: inline-block
}

.uudai-promo-block .uudai-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
    display: inline-block;
    flex-shrink: 0;
    font-size: 0;
    height: 18px;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    width: 18px
}

.uudai-promo-block .uudai-icon::before {
    content: "\200B";
    display: inline-block
}

.uudai-promo-block .uudai-icon--calendar {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' fill='%23ffffff'/%3E%3Crect x='3' y='4' width='18' height='6' fill='%23dc2626'/%3E%3Crect x='7' y='12' width='2' height='2' fill='%23374151'/%3E%3Crect x='11' y='12' width='2' height='2' fill='%23374151'/%3E%3Crect x='15' y='12' width='2' height='2' fill='%23374151'/%3E%3Crect x='7' y='16' width='2' height='2' fill='%23374151'/%3E%3Crect x='11' y='16' width='2' height='2' fill='%23374151'/%3E%3C/svg%3E");
    height: 20px;
    width: 20px
}

.uudai-promo-block .uudai-icon--chat {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23036d19'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z'/%3E%3Cpath d='M7 9h10v2H7zm0-3h10v2H7z'/%3E%3C/svg%3E");
    height: 20px;
    width: 20px
}

.uudai-promo-block .uudai-icon--hourglass {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 26'%3E%3Crect x='2' y='1' width='16' height='2.5' rx='1' fill='%23a0826d'/%3E%3Crect x='2' y='22.5' width='16' height='2.5' rx='1' fill='%23a0826d'/%3E%3Cpath d='M4 3.5 L4 9 L10 13 L16 9 L16 3.5 M4 22.5 L4 17 L10 13 L16 17 L16 22.5' stroke='%23a0826d' stroke-width='1' fill='none'/%3E%3Cpath d='M5 4.5 L5 8.5 L10 12 L15 8.5 L15 4.5 Z' fill='%23e6b84d'/%3E%3C/svg%3E")
}

.uudai-promo-block .uudai-icon--lock {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' fill='%23fbbf24'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4' fill='none' stroke='%23fbbf24' stroke-width='2.5'/%3E%3Ccircle cx='12' cy='16' r='1.5' fill='%23374151'/%3E%3C/svg%3E");
    margin-bottom: 1px
}

.uudai-promo-block .uudai-icon--phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23036d19'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
    height: 20px;
    width: 20px
}

.uudai-promo-block .uudai-icon--target {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23dc2626' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='6' fill='none' stroke='%23dc2626' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23dc2626'/%3E%3C/svg%3E")
}

.uudai-promo-block .uudai-icon--ticket {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e50909' d='M22 10V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v4a2 2 0 0 1 0 4v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 1 0-4z'/%3E%3Cpath fill='%23ffffff' d='M9 7h4v2H9zm0 4h4v2H9zm0 4h4v2H9z'/%3E%3C/svg%3E")
}

.uudai-promo-block .uudai-red-text {
    color: #e50909;
    font-weight: 700
}

.uudai-promo-block .uudai-star {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
    display: inline-block;
    font-size: 0;
    height: 16px;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    width: 16px
}

.uudai-promo-block .uudai-star::before {
    content: "\200B";
    display: inline-block
}

.uudai-promo-block .uudai-stars {
    display: inline-flex;
    gap: 2px
}

.uudai-promo-block .uudai-btn {
    align-items: center;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    gap: 6px;
    justify-content: center;
    min-height: 44px;
    padding: 11px 13px;
    text-decoration: none;
    transition: color .3s, border-color .3s;
    width: 100%
}

.uudai-promo-block .uudai-btn-ghost {
    background: #fff;
    border: 1px solid var(--uudai-border);
    color: #dc1313
}

.uudai-promo-block .uudai-btn-ghost:hover {
    border-color: var(--uudai-brand-light);
    color: var(--uudai-brand)
}

.uudai-promo-block .uudai-btn-ghost:hover .uudai-icon--chat {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d91e36'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z'/%3E%3Cpath d='M7 9h10v2H7zm0-3h10v2H7z'/%3E%3C/svg%3E")
}

.uudai-promo-block .uudai-btn-ghost:hover .uudai-icon--phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d91e36'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E")
}

.uudai-promo-block .uudai-btn-primary {
    background: linear-gradient(90deg, var(--uudai-brand-light), var(--uudai-brand));
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    color: #fff
}

.uudai-promo-block .uudai-btn-primary:hover {
    color: #dcf234
}

.uudai-promo-block .uudai-deadline-timer {
    display: inline-block;
    text-align: left;
    width: 70px
}

.uudai-promo-block .uudai-promo-badge {
    align-items: center;
    background: rgba(3, 109, 25, .08);
    border: 1px solid rgba(3, 109, 25, .25);
    border-radius: 999px;
    color: var(--uudai-brand);
    display: inline-flex;
    font-size: 13px;
    font-weight: 600;
    gap: 5px;
    line-height: 13px;
    white-space: nowrap;
    padding: 3px 6px
}

.uudai-promo-block .uudai-promo-benefit {
    align-items: flex-start;
    border: 1px solid var(--uudai-border);
    border-radius: 10px;
    display: flex;
    gap: 6px;
    padding: 10px 11px;
    transition: transform .2s, box-shadow .2s, border-color .2s
}

.uudai-promo-block .uudai-promo-benefit .uudai-checkmark {
    margin-top: 2px
}

.uudai-promo-block .uudai-promo-benefit strong {
    font-weight: 700
}

.uudai-promo-block .uudai-promo-benefit:hover {
    border-color: var(--uudai-brand-light);
    box-shadow: 0 8px 16px rgba(0, 0, 0, .08);
    transform: translateY(-2px)
}

.uudai-promo-block .uudai-promo-benefits {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
    margin: 12px 0
}

.uudai-promo-block .uudai-promo-condition {
    color: #374151;
    font-size: 14px;
    margin: 6px 0 0 0
}

.uudai-promo-block .uudai-promo-condition strong {
    color: var(--uudai-text)
}

.uudai-promo-block .uudai-promo-ctas {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
    margin-top: 15px;
    min-height: 132px
}

.uudai-promo-block .uudai-promo-deadline {
    align-items: center;
    background: rgba(251, 191, 36, .15);
    border: 1px solid rgba(251, 191, 36, .35);
    border-radius: 999px;
    color: var(--uudai-amber);
    display: inline-flex;
    font-size: 13px;
    font-weight: 600;
    gap: 5px;
    line-height: 13px;
    white-space: nowrap;
    padding: 3px 6px
}

.uudai-promo-block .uudai-promo-footer {
    align-items: center;
    display: flex;
    gap: 5px
}

.uudai-promo-block .uudai-promo-footer strong {
    color: var(--uudai-brand)
}

.uudai-promo-block .uudai-promo-footer-legal {
    align-items: flex-start;
    color: #374151;
    display: flex;
    font-size: 14px;
    gap: 8px;
    justify-content: space-between;
    margin-top: 8px
}

.uudai-promo-block .uudai-promo-head {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: space-between;
    margin-bottom: 15px;
    min-height: 32px
}

.uudai-promo-block .uudai-promo-legal {
    color: var(--uudai-text-muted);
    font-size: 14px
}

.uudai-promo-block .uudai-promo-legal summary {
    cursor: pointer;
    list-style: none
}

.uudai-promo-block .uudai-promo-offer {
    margin-top: 6px
}

.uudai-promo-block .uudai-promo-proof {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px
}

.uudai-promo-block .uudai-proof-text {
    color: var(--uudai-text-muted);
    font-size: 14px
}

.uudai-promo-block .uudai-promo-scarcity {
    margin-top: 6px
}

.uudai-promo-block .uudai-promo-sub {
    color: var(--uudai-text-muted);
    font-size: 14px;
    margin: 6px 0 0 0
}

.uudai-promo-block .uudai-promo-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 21.6px;
    margin: 0
}

.uudai-promo-block .uudai-scarcity-bar {
    background: #eef2f7;
    border-radius: 999px;
    height: 7px
}

.uudai-promo-block .uudai-scarcity-fill {
    background: linear-gradient(90deg, var(--uudai-brand-light), var(--uudai-brand));
    height: 7px;
    width: var(--uudai-scarcity-width)
}

.uudai-promo-block .uudai-scarcity-info {
    align-items: center;
    display: flex;
    gap: 5px
}

.uudai-promo-block .uudai-scarcity-top {
    color: #374151;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 3px;
    justify-content: space-between;
    margin-bottom: 5px
}

.uudai-promo-block .uudai-benefit-text {
    color: var(--uudai-text);
    flex: 1;
    font-size: 16px;
    line-height: 24px
}

.uudai-promo-block .uudai-deadline-text {
    align-items: center;
    display: inline-flex;
    gap: 4px
}

.uudai-promo-block .uudai-scarcity-stat {
    color: #374151;
    font-size: 14px
}

.uudai-promo-block .uudai-legal-content {
    color: var(--uudai-text-muted);
    display: flex;
    flex-direction: column;
    font-size: 13px;
    gap: 4px;
    line-height: 20.8px;
    margin-top: 8px
}

@media (max-width:767px) {
    .uudai-promo-block .uudai-hide-mobile {
        display: none
    }

    .uudai-promo-block .uudai-promo-badge,
    .uudai-promo-block .uudai-promo-deadline {
        font-size: 13px;
        gap: 4px;
        padding: 4px 6px
    }
}

@media (min-width:1024px) {
    .uudai-promo-block {
        border-radius: 20px;
        padding: 36px
    }

    .uudai-promo-block .uudai-star {
        height: 17px;
        width: 17px
    }

    .uudai-promo-block .uudai-btn {
        box-shadow: none;
        flex: 1 1 auto;
        font-size: 16px;
        padding: 12px 8px;
        width: auto
    }

    .uudai-promo-block .uudai-btn-primary {
        flex-grow: 2
    }

    .uudai-promo-block .uudai-promo-badge {
        font-size: 15px;
        line-height: 15px;
        gap: 8px;
        padding: 6px 10px
    }

    .uudai-promo-block .uudai-deadline-text {
        font-size: 15px;
        letter-spacing: .4px
    }

    .uudai-promo-block .uudai-promo-benefit {
        align-items: center;
        gap: 10px;
        height: 100%;
        padding: 14px 15px
    }

    .uudai-promo-block .uudai-promo-benefit .uudai-checkmark {
        margin-top: 0
    }

    .uudai-promo-block .uudai-promo-benefits {
        gap: 12px;
        grid-template-columns: 1fr 1fr;
        margin: 16px 0
    }

    .uudai-promo-block .uudai-promo-condition {
        font-size: 15px;
        margin-top: 8px
    }

    .uudai-promo-block .uudai-promo-ctas {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: space-between;
        margin-top: 20px;
        min-height: 44px
    }

    .uudai-promo-block .uudai-promo-deadline {
        font-size: 14px;
        line-height: 14px;
        gap: 6px;
        min-width: 150px;
        padding: 6px 10px
    }

    .uudai-promo-block .uudai-promo-footer-legal {
        font-size: 15px;
        gap: 12px;
        margin-top: 12px
    }

    .uudai-promo-block .uudai-promo-head {
        flex-wrap: nowrap;
        gap: 12px
    }

    .uudai-promo-block .uudai-promo-offer {
        margin-top: 8px
    }

    .uudai-promo-block .uudai-promo-proof {
        flex-wrap: nowrap;
        gap: 12px;
        margin-top: 8px
    }

    .uudai-promo-block .uudai-promo-sub {
        font-size: 16px;
        margin-top: 8px
    }

    .uudai-promo-block .uudai-promo-title {
        font-size: 24px;
        line-height: 28.8px
    }

    .uudai-promo-block .uudai-proof-text {
        font-size: 15px
    }

    .uudai-promo-block .uudai-scarcity-top {
        flex-wrap: nowrap;
        font-size: 15px
    }
}
