/* Progress bar */
.quiz-progress-bar-wrap { margin:20px 0; text-align:center }
.quiz-progress-bar { background:#eee; border-radius:20px; overflow:hidden; height:14px; width:100% }
.quiz-progress-bar span { display:block; height:100%; width:0; background:linear-gradient(90deg,#e97ca4,#f3a6c1); transition:width .4s }
.quiz-progress-text { font-weight:bold; font-size:14px; margin-top:6px }

/* Pytania */
.quiz-question { margin:25px 0 }
.quiz-question h4 { margin-bottom:15px }

/* Odpowiedzi */
.quiz-answer { display:block; margin:10px 0; padding:12px 16px; border:1px solid #ddd; border-radius:6px; cursor:pointer; background:#fff; transition:all .2s ease }
.quiz-answer:hover { background:#f8f6f1; border-color:#c62a72 }
.quiz-answer input[type="radio"] { margin-right:10px }

/* Wynik – produkty */
.quiz-products ul,
.quiz-products .wc-block-grid__products { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; list-style:none; padding:0; margin:20px 0 }
.quiz-products li { background:#fff; border:1px solid #eee; border-radius:10px; overflow:hidden; text-align:center; padding:10px }
.quiz-products img { max-width:100%; height:auto }
.quiz-products h4, .wc-block-grid__product-title { font-size:15px; font-weight:600; margin:10px 0 }

/* Tytuł */
.quiz-result-title {
  border-bottom: 1px solid;
  margin-bottom: 20px;
  padding-bottom: 20px;
  text-align: center;	
}
.quiz-show-result {
margin: 30px 0 !important;	
}
/* Loader */
.quiz-loader { text-align:center; padding:30px 10px; color:#444; font-size:16px }
.quiz-loader .spinner { margin:0 auto 10px; width:40px; height:40px; border:4px solid #eee; border-top:4px solid #c62a72; border-radius:50%; animation:spin 1s linear infinite }
@keyframes spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);} }

/* Formularz e-mail po pytaniach */
.step-email-after .quiz-email-form.after { background:#fff; border:1px solid #eee; border-radius:8px; padding:20px 25px; box-shadow:0 2px 6px rgba(0,0,0,0.05); margin:10px 0 }
.quiz-email-form.after h2 { font-size:20px; margin-bottom:15px }
.quiz-email-form.after .input-wrap { position:relative; margin: 30px 0; }
.quiz-email-form.after input[type="email"] { display:block; width:100%; padding:10px 12px; border:1px solid #ddd; border-radius:6px; margin:8px 0 12px; font-size:15px }
.quiz-email-form.after label { display:block; margin:10px 0; font-size:14px }
.quiz-email-form.after .quiz-progress-tip { margin-top:10px; color:#666; font-size:13px }

/* Notyfikacje */
.quiz-notice { padding:12px 14px; border-radius:6px; margin-bottom:12px; font-weight:600 }
.quiz-notice.success { background:#ecfdf5; border:1px solid #10b981; color:#065f46 }
.quiz-notice.error { background:#fef2f2; border:1px solid #ef4444; color:#7f1d1d }

/* RWD */
@media (max-width:768px) {
  .quiz-email-form.after { width:100%; }
}