.noqta-discount-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background: rgba(44, 62, 80, 0.7); }
.noqta-discount-modal-content { background: #fff; margin: 5% auto; padding: 30px 20px; border-radius: 12px; width: 90%; max-width: 420px; position: relative; text-align: center; box-shadow: 0 8px 32px rgba(0,0,0,0.18); }
.noqta-discount-modal-close { position: absolute; top: 15px; right: 20px; font-size: 28px; color: #888; cursor: pointer; transition: color 0.2s; }
.noqta-discount-modal-close:hover { color: #e74c3c; }
.noqta-discount-modal-icon { font-size: 48px; margin-bottom: 10px; }
.noqta-discount-modal-title { font-size: 1.4em; font-weight: bold; margin-bottom: 10px; color: #222; }
.noqta-discount-modal-desc { color: #666; margin-bottom: 18px; }
.noqta-discount-modal-list { margin-bottom: 18px; }
.noqta-discount-modal-offer { background: #f7f7f7; border-radius: 8px; padding: 10px 8px; margin-bottom: 8px; color: #333; font-size: 1em; }
.noqta-discount-modal-footer { color: #aaa; font-size: 0.95em; margin-top: 10px; }
@media (max-width: 600px) {
  .noqta-discount-modal-content { padding: 18px 5px; }
  .noqta-discount-modal-title { font-size: 1.1em; }
  .noqta-discount-modal-icon { font-size: 36px; }
}