.coupon-modal{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 1000;opacity: 0;transition: opacity 0.3s ease}.coupon-modal.show{opacity: 1;display: flex;align-items: center;justify-content: center}.modal-content{background: var(--background-card);border-radius: var(--border-radius);width: 90%;max-width: 500px;position: relative;transform: translateY(-20px);transition: transform 0.3s ease}.coupon-modal.show .modal-content{transform: translateY(0)}.modal-header{padding: 1.5rem;border-bottom: 1px solid var(--border-color);display: flex;align-items: center;justify-content: space-between}.store-info{display: flex;align-items: center;gap: 1rem}.modal-store-logo{width: 60px;height: 30px;object-fit: contain;background: var(--white);padding: 5px;border-radius: 4px}.modal-store-name{color: var(--text-primary) !important;font-size: 1.2rem;margin: 0}.close-modal{background: none;border: none;color: var(--text-secondary);font-size: 1.5rem;cursor: pointer;padding: 0.5rem;transition: color 0.3s ease}.close-modal:hover{color: var(--text-primary)}.modal-body{padding: 1.5rem}.modal-coupon-title{color: var(--text-primary);font-size: 1.1rem;margin: 0 0 1.5rem}.coupon-code-section{margin-bottom: 1.5rem}.code-container{background: var(--background-dark);border: 2px dashed #ddd;border-radius: var(--border-radius);padding: 1rem;display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.5rem}.code-text{color: var(--primary-color);font-size: 1.2rem;font-weight: 600;letter-spacing: 1px;background: none;padding: 0;border-radius: 0}.copy-code-btn{background: var(--primary-color);color: var(--text-dark);border: none;padding: 0.5rem 1rem;border-radius: 20px;cursor: pointer;font-weight: 500;transition: all 0.3s ease}.copy-code-btn:hover{background: var(--primary-hover);transform: translateY(-1px)}.code-success{display: none;color: #00d924;text-align: center;padding: 0.5rem}.code-success.show{display: block}.coupon-stats{display: flex;gap: 1.5rem;margin-bottom: 1.5rem;justify-content: center}.stat-item{display: flex;align-items: center;gap: 0.5rem;color: var(--text-secondary);background: var(--background-dark);border: 1px solid var(--border-color);border-radius: 20px;padding: 0.4rem 1rem;font-size: 1rem}.stat-item i{color: var(--primary-color)}.voting-section{text-align: center;padding-top: 1rem;border-top: 1px solid var(--border-color)}.voting-section p{color: var(--text-secondary);margin-bottom: 1rem}.vote-buttons{display: flex;gap: 1rem;justify-content: center}.vote-btn{display: flex;align-items: center;gap: 0.5rem;background: var(--background-dark);border: 1px solid var(--border-color);color: var(--text-secondary);padding: 0.5rem 1rem;border-radius: 20px;cursor: pointer;transition: all 0.3s ease;font-size: 0.8rem}.vote-btn:hover{border-color: var(--primary-color);color: var(--primary-color)}.vote-btn.active{background: var(--primary-color);border-color: var(--primary-color);color: var(--text-dark)}@media (max-width: 480px){.modal-content{width: 95%}.modal-store-logo{width: 50px;height: 25px}.modal-store-name{font-size: 1rem}.code-text{font-size: 1rem}.coupon-stats{flex-direction: column;gap: 0.5rem}}