@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

.mp-quiz-container { font-family: 'Vazirmatn', sans-serif; direction: rtl; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); max-width: 600px; margin: 20px auto; position: relative; }
.mp-quiz-title { font-size: 22px; font-weight: bold; color: #1a202c; margin-bottom: 20px; text-align: center; border-bottom: 2px solid #edf2f7; padding-bottom: 15px; }
.mp-question-card { display: none; animation: fadeIn 0.4s ease; }
.mp-question-card.active { display: block; }
.mp-question-text { font-size: 18px; margin-bottom: 20px; color: #2d3748; font-weight: 600;}

.mp-option-label { display: block; background: #f7fafc; border: 1px solid #e2e8f0; padding: 15px; margin-bottom: 10px; border-radius: 8px; cursor: pointer; transition: all 0.2s; }
.mp-option-label:hover { background: #ebf8ff; border-color: #bee3f8; }
.mp-option-label input[type="radio"] { margin-left: 10px; transform: scale(1.2); }

.mp-quiz-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 25px; }
.mp-nav-btn { background: transparent; color: #4a5568; border: none; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: bold; display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 6px; transition: 0.2s;}
.mp-nav-btn:hover { background: #f1f5f9; color: #2563eb; }
.mp-nav-btn span { font-size: 18px; transition: transform 0.2s; line-height: 1; }
.mp-btn-next:hover span { transform: translateX(-4px); }
.mp-btn-prev:hover span { transform: translateX(4px); }

.mp-quiz-btn { background: #10b981; color: white; border: none; padding: 10px 25px; border-radius: 8px; cursor: pointer; font-family: inherit; font-size: 15px; font-weight: bold; transition: 0.2s;}
.mp-quiz-btn:hover { background: #059669; }

.mp-pagination { text-align: center; font-size: 13px; color: #64748b; margin-top: 25px; font-weight: bold; border-top: 1px dashed #e2e8f0; padding-top: 15px;}

.mp-form-group { margin-bottom: 18px; }
.mp-form-group label { display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px;}
.mp-ff-input { width: 100%; padding: 12px; border: 1px solid #cbd5e0; border-radius: 8px; font-family: inherit; box-sizing: border-box; transition: 0.2s; }
.mp-ff-input:focus { border-color: #4299e1; outline: none; box-shadow: 0 0 0 3px rgba(66,153,225,0.15); }
.mp-error-text { color: #e53e3e; font-size: 12px; margin-top: 6px; display: none; font-weight: 600; }

.mp-success-wrapper { text-align: center; padding: 10px 0 30px; animation: fadeInScale 0.5s ease; }
.mp-success-icon { width: 80px; height: 80px; margin: 0 auto 20px; background: #d1fae5; color: #10b981; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 40px; box-shadow: 0 0 0 10px rgba(16,185,129,0.1); }
.mp-success-title { font-size: 24px; font-weight: bold; color: #064e3b; margin: 0 0 15px 0; }
.mp-success-desc { font-size: 16px; color: #475569; margin: 0; line-height: 1.6; }

.mp-score-result-box { background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%); border: 2px solid #fde68a; border-radius: 12px; padding: 25px; margin: 25px auto 15px; display: inline-block; min-width: 250px; box-shadow: 0 4px 6px rgba(217,119,6,0.05); }
.mp-score-label { display: block; font-size: 16px; color: #92400e; font-weight: bold; margin-bottom: 5px; }
.mp-score-number { display: block; font-size: 36px; font-weight: 900; color: #d97706; }
.mp-score-message-box { background: #f8fafc; border: 1px solid #e2e8f0; border-right: 4px solid #3b82f6; border-radius: 8px; padding: 15px 20px; margin-top: 20px; font-size: 15px; color: #334155; line-height: 1.8; text-align: justify; }

.mp-product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; margin-top: 30px; text-align: right; }
.mp-product-card { border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; background: #fff; transition: 0.3s; display: flex; flex-direction: column; }
.mp-product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.08); }
.mp-product-img { width: 100%; height: 160px; object-fit: cover; border-bottom: 1px solid #f1f5f9; }
.mp-product-info { padding: 15px; flex: 1; display: flex; flex-direction: column; }
.mp-product-title { font-size: 14px; font-weight: bold; color: #1e293b; margin: 0 0 10px 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mp-product-price { color: #10b981; font-weight: bold; font-size: 15px; margin-bottom: 15px; }
.mp-product-price del { color: #94a3b8; font-size: 12px; margin-left: 5px; font-weight: normal; }
.mp-btn-cart { background: #3b82f6; color: #fff; text-align: center; padding: 8px; border-radius: 6px; text-decoration: none; font-size: 13px; font-weight: bold; margin-top: auto; display: block; transition: 0.2s;}
.mp-btn-cart:hover { background: #2563eb; }

/* استایل امنیتی مخفی کردن فیلد هانی‌پات */
.mp-hp-wrapper { position: absolute; left: -9999px; top: -9999px; visibility: hidden; opacity: 0; z-index: -1; pointer-events: none; }

@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeInScale { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }