/* skin-quiz.css - pastelowy styl */
.skin-quiz { max-width:720px; font-family: "Helvetica Neue", Arial, sans-serif; margin: 12px auto; background: #fff; border-radius:14px; box-shadow: 0 6px 20px rgba(30,30,30,0.06); padding:16px; border:1px solid #f0f0f0; }
.skin-quiz .sq-progress { height:8px; background: #f6f6f8; border-radius:8px; overflow:hidden; margin-bottom:14px; }
.skin-quiz .sq-progress-bar { height:100%; width:0%; transition:width .4s ease; background: linear-gradient(90deg,#ffdce6,#fce7f3); box-shadow: inset 0 -2px 8px rgba(0,0,0,0.03); }
.skin-quiz .sq-question { padding:8px 4px; }
.skin-quiz .sq-question-title { font-size:16px; margin:6px 0 10px; color:#333; font-weight:600; }
.skin-quiz .sq-options { display:flex; flex-direction:column; gap:8px; }
.skin-quiz .sq-option { text-align:left; padding:12px 14px; border-radius:10px; border:1px solid #f0e6ef; background: linear-gradient(180deg,#fff,#fff9fb); box-shadow: 0 4px 14px rgba(230,180,200,0.08); cursor:pointer; font-size:14px; transition: transform .12s ease, box-shadow .12s ease, background .12s ease; }
.skin-quiz .sq-option:focus { outline: none; box-shadow: 0 6px 20px rgba(230,170,200,0.18); transform: translateY(-1px); }
.skin-quiz .sq-option:hover { transform: translateY(-2px); }
.skin-quiz .sq-option.selected { background: linear-gradient(90deg,#ffeef5,#fff6fb); border-color:#f6c7dc; }
.skin-quiz .sq-nav { display:flex; justify-content:flex-end; gap:8px; margin-top:12px; }
.skin-quiz .sq-nav button { padding:9px 14px; border-radius:10px; border:none; font-weight:600; cursor:pointer; }
.skin-quiz .sq-nav .sq-prev { background: transparent; color:#666; border:1px solid #eee; }
.skin-quiz .sq-nav .sq-next { background: linear-gradient(90deg,#f8cbdc,#f7b5d1); color:#5b1220; box-shadow: 0 6px 18px rgba(247,181,209,0.18); }
.skin-quiz .sq-result { margin-top:14px; font-size:15px; color:#333; min-height:36px; }
@media (max-width:600px){ .skin-quiz { padding:12px; } .skin-quiz .sq-option { font-size:14px; padding:10px 12px; } }