.hd-modal-overlay {
        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.8); display: none; align-items: center; 
        justify-content: center; z-index: 10000;
    }
    .hd-modal-content {
        background: white; padding: 40px; border-radius: 16px; 
        width: 90%; max-width: 500px; position: relative; 
        box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    }
    .hd-close-btn {
        position: absolute; right: 15px; top: 10px; font-size: 28px; 
        cursor: pointer; color: #999; line-height: 1;
    }
    .hd-close-btn:hover { color: #333; }
    .coupon-code-box {
        background: #fff5f5; border: 2px dashed #ff4757; padding: 15px; 
        font-size: 1.8rem; font-weight: bold; color: #ff4757; 
        display: flex; align-items: center; justify-content: center;
        border-radius: 8px; margin: 20px 0;
    }
    .copy-btn { margin-left: 15px; }