.quizPage{background:linear-gradient(180deg,#faf7f1,#fff 60%);min-height:70vh;padding:48px 20px 80px}.quizShell{max-width:760px;margin:0 auto}.quizHead{text-align:center;margin-bottom:28px}.quizKicker{display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#b8893c;font-weight:600}.quizHead h1{font-family:var(--font-display),serif;font-size:clamp(30px,5vw,46px);color:#181818;margin:8px 0 6px;font-weight:600}.quizHead p{color:#777;margin:0}.quizCard{background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 30px 70px -40px rgba(0,0,0,.4);padding:34px}@media (max-width:600px){.quizCard{padding:22px}}.quizProgress{height:5px;border-radius:50px;background:#f0ece4;overflow:hidden}.quizProgress span{display:block;height:100%;border-radius:50px;background:linear-gradient(90deg,#d8a85a,#b8893c);transition:width .4s cubic-bezier(.22,.61,.36,1)}.quizStepMeta{margin-top:14px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#aaa}.quizQuestion{font-family:var(--font-display),serif;font-size:26px;color:#181818;margin:6px 0 0;font-weight:600}.quizSub{color:#888;margin:8px 0 0}.quizOptions{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:22px}@media (max-width:480px){.quizOptions{grid-template-columns:1fr}}.quizOption{display:flex;flex-direction:column;gap:3px;text-align:left;padding:18px;border:1px solid #e6e0d5;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.quizOption:hover{border-color:#181818;transform:translateY(-2px);box-shadow:0 12px 26px -18px rgba(0,0,0,.4)}.quizOption__label{font-size:16px;color:#181818;font-weight:600}.quizOption__hint{font-size:12.5px;color:#999}.quizBack{margin-top:20px;border:none;background:transparent;color:#888;cursor:pointer;font-size:13px}.quizBack:hover{color:#181818}.quizResult .quizKicker{margin-bottom:4px}.quizResult h2{font-family:var(--font-display),serif;font-size:24px;color:#181818;margin:4px 0 22px;font-weight:600;text-transform:capitalize}.quizGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:600px){.quizGrid{grid-template-columns:repeat(2,1fr)}}.quizProduct{display:flex;flex-direction:column}.quizProduct__img{aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#f7f5f0;border:1px solid #f0ece4}.quizProduct__img img{width:100%;height:100%;object-fit:contain;padding:12%;transition:transform .4s ease}.quizProduct:hover .quizProduct__img img{transform:scale(1.05)}.quizProduct__brand{margin-top:10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#b8893c}.quizProduct__name{font-size:13.5px;color:#222;line-height:1.3;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quizProduct__price{margin-top:5px;font-size:14px;font-weight:600;color:#181818}.quizSkel{aspect-ratio:3/4;border-radius:10px;background:linear-gradient(90deg,#f4f4f4 25%,#ececec 37%,#f4f4f4 63%);background-size:400% 100%;animation:quizShimmer 1.3s ease infinite}@keyframes quizShimmer{0%{background-position:100% 0}to{background-position:0 0}}.quizResultActions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.quizBtn{padding:13px 26px;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:.04em;cursor:pointer;border:1px solid #181818;transition:opacity .2s ease,background .2s ease,color .2s ease}.quizBtn--solid{background:#181818;color:#fff}.quizBtn--solid:hover{opacity:.9}.quizBtn--ghost{background:#fff;color:#181818}.quizBtn--ghost:hover{background:#f6f6f6}