.promo-table-wrapper {width:100%; overflow-x:auto;}
    .promo-table {width:100%; border-collapse:collapse; margin:20px 0; font-family:Arial,sans-serif; display:table;}
    .promo-table th, .promo-table td {border:1px solid #ddd; padding:10px; text-align:left; vertical-align:top;}
    .promo-table th {background-color:#e8f5ff; font-weight:bold;}
    .promo-code {
        position:relative;
        font-weight:bold;
        font-family:Consolas,Menlo,Monaco,monospace;
        background-color:#f9fbff;
        border:1px solid #c9e5ff;
        padding:3px 6px;
        border-radius:4px;
        cursor:pointer;
        white-space:nowrap;
        display:inline-block;
        color:#004080;
        transition:transform 0.15s ease, box-shadow 0.15s ease;
    }
    .promo-code:hover {transform:scale(1.05); box-shadow:0 2px 6px rgba(0,64,128,0.25);}
    .promo-tooltip {
        position:absolute;
        top:-28px;
        left:50%;
        transform:translateX(-50%);
        background:#004080;
        color:#fff;
        padding:2px 6px;
        border-radius:3px;
        font-size:12px;
        opacity:0;
        white-space:nowrap;
        pointer-events:none;
        transition:opacity 0.2s ease;
    }
    .promo-code:hover .promo-tooltip {opacity:1;}
    .promo-desc {word-break:break-word; white-space:normal;}
    .promo-toast {position:fixed; bottom:20px; left:50%; transform:translateX(-50%) translateY(100%); background:#333; color:#fff; padding:10px 20px; border-radius:5px; opacity:0; z-index:9999; transition: all 0.3s ease;}
    .promo-toast.show {transform:translateX(-50%) translateY(0); opacity:1;}