/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 18 2026 | 11:37:01 */
#quiz-onduleur-4kw{
  font-family:'Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:#f9fafb;
  border-radius:24px;
  padding:28px 20px;
  max-width:920px;
  margin:40px auto;
  box-shadow:0 16px 40px rgba(15,23,42,0.12);
  border:1px solid #e5e7eb;
}

#quiz-onduleur-4kw .ond4-header{
  background:linear-gradient(135deg,#f59e0b,#d97706);
  border-radius:20px;
  padding:18px 20px;
  color:#fff;
  margin-bottom:20px;
  display:flex;
  gap:16px;
  align-items:center;
}
#quiz-onduleur-4kw .ond4-header-icon{
  width:44px;height:44px;border-radius:999px;
  background:rgba(255,255,255,0.18);
  display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;flex-shrink:0;
}
#quiz-onduleur-4kw .ond4-header-text h2{
  margin:0 0 4px;
  font-size:1.38rem;
  font-weight:800;
  line-height:1.15;
  word-wrap:break-word;
  overflow-wrap:break-word;
  color:#fff;
}
#quiz-onduleur-4kw .ond4-header-text p{
  margin:0;
  font-size:0.92rem;
  opacity:0.95;
  line-height:1.35;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

#quiz-onduleur-4kw .ond4-body{
  background:#fff;
  border-radius:20px;
  padding:22px 22px 20px;
  border:1px solid #e5e7eb;
}

#quiz-onduleur-4kw .ond4-steps{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:18px;
  flex-wrap:wrap;
}
#quiz-onduleur-4kw .ond4-step{
  flex:1;
  min-width:150px;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:0.82rem;
  color:#6b7280;
}
#quiz-onduleur-4kw .ond4-step-circle{
  width:18px;height:18px;border-radius:999px;
  border:2px solid #d4d4d8;
  display:flex;align-items:center;justify-content:center;
  font-size:0.7rem;background:#f9fafb;flex-shrink:0;
}
#quiz-onduleur-4kw .ond4-step.active{color:#111827;font-weight:650;}
#quiz-onduleur-4kw .ond4-step.active .ond4-step-circle{
  border-color:#f59e0b;background:#fef3c7;color:#92400e;
}

#quiz-onduleur-4kw .question{
  margin-bottom:22px;
  padding:16px 14px 12px;
  border-radius:16px;
  background:#f9fafb;
  border:1px solid #e5e7eb;
}
#quiz-onduleur-4kw .question h3{
  font-size:1rem;
  margin:0 0 10px;
  color:#0f172a;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
#quiz-onduleur-4kw .question small{
  display:block;
  margin-top:2px;
  color:#6b7280;
  font-size:0.78rem;
  line-height:1.35;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
#quiz-onduleur-4kw .options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}
#quiz-onduleur-4kw button.ond4-option{
  flex:1 1 calc(50% - 8px);
  min-width:220px;
  text-align:left;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#ffffff;
  color:#111827;
  font-size:0.9rem;
  font-weight:550;
  cursor:pointer;
  transition:.2s;
  line-height:1.3;
  white-space:normal;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
#quiz-onduleur-4kw button.ond4-option:hover{
  border-color:#f59e0b;
  box-shadow:0 4px 12px rgba(245,158,11,0.18);
  transform:translateY(-1px);
}

#quiz-onduleur-4kw .info{
  margin:14px 0 18px;
  padding:14px 14px 12px;
  border-radius:16px;
  background:#fef3c7;
  border:1px solid #fbbf24;
  color:#0f172a;
}
#quiz-onduleur-4kw .info-title{
  display:flex;align-items:center;gap:8px;
  font-weight:800;font-size:0.92rem;color:#92400e;margin-bottom:6px;
  word-wrap:break-word;overflow-wrap:break-word;
}
#quiz-onduleur-4kw .info p{
  margin:0 0 8px;
  font-size:0.88rem;
  line-height:1.45;
  color:#0f172a;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
#quiz-onduleur-4kw .info p:last-child{ margin-bottom:0; }

#quiz-onduleur-4kw .result{
  display:none;
  margin-top:20px;
  padding:18px 18px 16px;
  border-radius:18px;
  border:1px solid #fbbf24;
  background:#fef3c7;
  color:#111827;
  position:relative;
  overflow:hidden;
}
#quiz-onduleur-4kw .result::before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at 0 0,rgba(245,158,11,0.12),transparent 55%);
  pointer-events:none;
}
#quiz-onduleur-4kw .result h3{
  margin:0 0 8px;
  font-size:1.12rem;
  font-weight:800;
  color:#92400e;
  position:relative;z-index:1;
  word-wrap:break-word;overflow-wrap:break-word;
}
#quiz-onduleur-4kw .result p{
  margin:0 0 8px;
  font-size:0.92rem;
  color:#1f2937;
  position:relative;z-index:1;
  line-height:1.45;
  word-wrap:break-word;overflow-wrap:break-word;
}
#quiz-onduleur-4kw .result ul{
  margin:8px 0 4px 18px;
  padding:0;
  font-size:0.89rem;
  position:relative;z-index:1;
  line-height:1.5;
}
#quiz-onduleur-4kw .result li{
  margin-bottom:6px;
  word-wrap:break-word;overflow-wrap:break-word;
}

#quiz-onduleur-4kw .prix-box{
  margin-top:14px;
  padding:14px 14px 12px;
  border-radius:14px;
  background:#fff;
  border:2px solid #f59e0b;
  position:relative;z-index:1;
}
#quiz-onduleur-4kw .prix-title{
  font-weight:700;font-size:0.95rem;color:#d97706;margin-bottom:10px;
  word-wrap:break-word;overflow-wrap:break-word;
}
#quiz-onduleur-4kw .prix-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
  gap:10px;margin-top:10px;
}
#quiz-onduleur-4kw .prix-item{
  font-size:0.85rem;color:#4b5563;line-height:1.4;
  word-wrap:break-word;overflow-wrap:break-word;
  padding:8px 10px;background:#fef3c7;border-radius:8px;
  border-left:3px solid #f59e0b;
}
#quiz-onduleur-4kw .prix-item strong{
  color:#d97706;display:block;margin-bottom:2px;
}

#quiz-onduleur-4kw .specs-box{
  margin-top:12px;padding:12px 14px;border-radius:12px;
  background:#e0f2fe;border:2px solid #38bdf8;
  position:relative;z-index:1;
}
#quiz-onduleur-4kw .specs-title{
  font-weight:700;font-size:0.9rem;color:#075985;margin-bottom:8px;
  word-wrap:break-word;overflow-wrap:break-word;
}
#quiz-onduleur-4kw .specs-items{
  display:flex;flex-direction:column;gap:6px;margin-top:8px;
}
#quiz-onduleur-4kw .specs-item{
  padding:8px 10px;background:#f0f9ff;border-radius:6px;
  font-size:0.85rem;line-height:1.45;
  word-wrap:break-word;overflow-wrap:break-word;
  border-left:3px solid #38bdf8;
}

#quiz-onduleur-4kw .btn-restart{
  margin-top:14px;
  display:inline-block;
  padding:10px 20px;
  background:#f59e0b;
  color:#fff;
  border:none;
  border-radius:10px;
  font-size:0.9rem;
  font-weight:700;
  cursor:pointer;
  position:relative;z-index:1;
  transition:.2s;
}
#quiz-onduleur-4kw .btn-restart:hover{ background:#d97706; }

@media (max-width:768px){
  #quiz-onduleur-4kw{ padding:20px 14px;margin:30px auto; }
  #quiz-onduleur-4kw .ond4-body{ padding:16px 14px 14px; }
  #quiz-onduleur-4kw button.ond4-option{ flex:1 1 100%;min-width:auto; }
  #quiz-onduleur-4kw .ond4-steps{ gap:6px; }
  #quiz-onduleur-4kw .ond4-header-text h2{ font-size:1.2rem; }
  #quiz-onduleur-4kw .ond4-header-text p{ font-size:0.88rem; }
  #quiz-onduleur-4kw .prix-grid{ grid-template-columns:1fr; }
}
@media (max-width:480px){
  #quiz-onduleur-4kw{ padding:16px 12px;margin:20px auto; }
  #quiz-onduleur-4kw .ond4-header{ padding:14px 16px; }
  #quiz-onduleur-4kw .ond4-header-text h2{ font-size:1.1rem; }
  #quiz-onduleur-4kw .ond4-header-text p{ font-size:0.82rem; }
  #quiz-onduleur-4kw .ond4-body{ padding:14px 12px 12px; }
  #quiz-onduleur-4kw .question h3{ font-size:0.95rem; }
  #quiz-onduleur-4kw .question small{ font-size:0.75rem; }
  #quiz-onduleur-4kw button.ond4-option{ font-size:0.85rem;padding:9px 10px; }
}