.swsh-quiz-section{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:60px 20px;background:radial-gradient(circle at 50% 50%,#f9fbfb,#f0f5f5);box-sizing:border-box}.swsh-quiz-card{max-width:800px;width:100%;background-color:#fff;border-radius:24px;box-shadow:0 16px 48px #11121108;padding:48px;box-sizing:border-box;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:520px}@media screen and (max-width:768px){.swsh-quiz-section{padding:30px 15px}.swsh-quiz-card{padding:30px 20px;border-radius:16px;min-height:520px}}.swsh-quiz__header{position:relative;display:flex;flex-direction:column;margin-bottom:24px}.swsh-quiz__header-top{display:flex;align-items:center;justify-content:space-between;min-height:32px}.swsh-quiz__back-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--color-text-muted, #5a5a57);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;padding:6px 12px;margin-left:-12px;border-radius:9999px;transition:all .2s ease}.swsh-quiz__back-btn:hover{background-color:#f5f7f7;color:var(--color-text, #1d1d1d)}.swsh-quiz__back-btn svg{width:16px;height:16px;stroke-width:2.5}.swsh-quiz__step-indicator{font-family:var(--font-heading);font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent, #46b7bc);margin:0 auto}.swsh-quiz__step-indicator-placeholder{width:60px}.swsh-quiz__progress-bar-wrapper{width:100%;height:6px;background-color:#eff3f3;border-radius:9999px;margin-top:16px;overflow:hidden}.swsh-quiz__progress-fill{height:100%;background-color:var(--color-accent, #46b7bc);border-radius:9999px;width:0%;transition:width .4s cubic-bezier(.25,1,.5,1)}.swsh-quiz__steps-container{position:relative;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.swsh-quiz__step{display:none;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;flex-direction:column;flex-grow:1;justify-content:center}.swsh-quiz__step.active{display:flex;opacity:1;transform:translateY(0)}.swsh-quiz__question-title{font-family:var(--font-heading);font-size:clamp(22px,3.5vw,28px);font-weight:700;line-height:1.25;color:var(--color-text, #1d1d1d);margin:24px 0 32px;text-align:center}.swsh-quiz__options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;box-sizing:border-box}@media screen and (max-width:640px){.swsh-quiz__options-grid{grid-template-columns:1fr;gap:14px}}.swsh-quiz__option-card{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#fff;border:2px solid var(--color-border, #e0deda);border-radius:16px;padding:32px 20px;cursor:pointer;transition:all var(--duration-base, .24s) var(--ease-in-out-soft);box-sizing:border-box;position:relative}.swsh-quiz__option-card:hover{border-color:var(--color-accent, #46b7bc);transform:translateY(-4px);box-shadow:0 8px 24px #46b7bc0f}.swsh-quiz__option-card.selected{border-color:var(--color-accent, #46b7bc);background-color:var(--color-accent-soft, #e6f8f9)}.swsh-quiz__option-icon{width:48px;height:48px;background-color:#f4f6f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #5a5a57);margin-bottom:20px;transition:all var(--duration-base, .24s) ease}.swsh-quiz__option-icon svg{width:24px;height:24px}.swsh-quiz__option-card:hover .swsh-quiz-icon,.swsh-quiz__option-card.selected .swsh-quiz-icon{background-color:var(--color-accent, #46b7bc);color:#fff}.swsh-quiz__option-card.selected .swsh-quiz-icon{transform:scale(1.05)}.swsh-quiz__option-label{font-family:var(--font-heading);font-size:17px;font-weight:600;color:var(--color-text, #1d1d1d);margin:0 0 8px}.swsh-quiz__option-desc{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.45;color:var(--color-text-muted, #5a5a57);margin:0;max-width:220px}.swsh-quiz__option-card--color{padding:40px 20px}.swsh-quiz__color-circle{width:56px;height:56px;border-radius:50%;margin-bottom:20px;border:1px solid #e0deda;position:relative;box-shadow:0 4px 10px #0000000d}.swsh-quiz__color-circle--white{background-color:#fff}.swsh-quiz__color-circle--black{background-color:#111211;border-color:#111211}.swsh-quiz__color-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:all .2s ease;color:var(--color-accent, #46b7bc)}.swsh-quiz__color-circle--black .swsh-quiz__color-check{color:#fff}.swsh-quiz__option-card.selected .swsh-quiz__color-check{opacity:1;transform:scale(1)}.swsh-quiz__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 0;flex-grow:1;box-sizing:border-box}.swsh-quiz__spinner-wrapper{position:relative;width:80px;height:80px;margin-bottom:30px}.swsh-quiz__spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--color-accent, #46b7bc);border-radius:50%;animation:swsh-spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.swsh-quiz__spinner-ring:nth-child(2){border-top-color:var(--color-accent-soft, #e6f8f9);animation-delay:-.3s}.swsh-quiz__spinner-ring:nth-child(3){border-top-color:#111211;animation-delay:-.6s}.swsh-quiz__loading-text{font-family:var(--font-heading);font-size:20px;font-weight:600;color:var(--color-text, #1d1d1d);min-height:28px}.swsh-quiz__result{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}@media screen and (max-width:768px){.swsh-quiz__result{grid-template-columns:1fr;gap:30px}}.swsh-quiz-result__image-wrapper{position:relative;aspect-ratio:.95 / 1;border-radius:20px;background-color:#f4f6f6;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;padding:0;transition:background-color .4s ease}.swsh-quiz-result__image-wrapper.bg-white{background-color:#eff3f3}.swsh-quiz-result__image-wrapper.bg-black{background-color:#1a1c1a}.swsh-quiz-result__img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.06));transform:scale(1.4);transition:transform .3s ease}.swsh-quiz-result__details{display:flex;flex-direction:column;text-align:left}.swsh-quiz-result__eyebrow{font-family:var(--font-heading);font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent, #46b7bc);margin:0 0 12px}.swsh-quiz-result__title{font-family:var(--font-heading);font-size:clamp(26px,3.5vw,36px);font-weight:800;line-height:1.15;color:var(--color-text, #1d1d1d);margin:0 0 12px}.swsh-quiz-result__price{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--color-text, #1d1d1d);margin:0 0 24px}.swsh-quiz-result__desc-box{background-color:#f7f9f9;border-radius:12px;padding:20px;margin-bottom:30px;box-sizing:border-box}.swsh-quiz-result__desc-box p{font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--color-text-muted, #5a5a57);margin:0 0 12px}.swsh-quiz-result__desc-box p:last-child{margin-bottom:0}.swsh-quiz-result__desc-box strong{color:var(--color-text, #1d1d1d)}.swsh-quiz-result__actions{display:flex;flex-direction:column;gap:14px;width:100%}.swsh-quiz-result__btn{display:inline-flex;align-items:center;justify-content:center;height:52px;border-radius:9999px;font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-sizing:border-box;width:100%;position:relative;overflow:hidden;z-index:1}.swsh-quiz-result__btn-add{background-color:var(--color-accent, #46b7bc);color:#fff;border:none}.swsh-quiz-result__btn-add:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#359ea2;z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform var(--duration-base, .24s) var(--ease-in-out-soft)}.swsh-quiz-result__btn-add:hover:before{transform:scaleX(1);transform-origin:left}.swsh-quiz-result__btn-add:hover{color:#fff}.swsh-quiz-result__btn-details{background-color:#f5f5f5;color:#1d1d1d;border:none}.swsh-quiz-result__btn-details:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e5e5e5;z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform var(--duration-base, .24s) var(--ease-in-out-soft)}.swsh-quiz-result__btn-details:hover:before{transform:scaleX(1);transform-origin:left}.swsh-quiz-result__btn-details:hover{color:#1d1d1d}.swsh-quiz-result__btn-retake{background:transparent;border:none;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--color-text-muted, #5a5a57);text-decoration:underline;cursor:pointer;margin:16px auto 0;display:block;transition:color .2s ease}.swsh-quiz-result__btn-retake:hover{color:var(--color-accent, #46b7bc)}@keyframes swsh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:768px){.swsh-quiz-result__img{transform:translateY(-10px) scale(1.4)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/swsh-quiz.css.map */