product-quiz{display:block}.product-quiz__stage{display:grid;grid-template-columns:minmax(0,1fr)}.product-quiz__step{display:contents}.product-quiz__stage:before{content:"";grid-column:1;grid-row:1 / span 2;background:var(--lm-ink)}.product-quiz__progress,.product-quiz__question{position:relative;grid-column:1;background:var(--lm-ink);color:var(--lm-white)}.product-quiz__progress{display:flex;flex-direction:column;gap:16px;grid-row:1;padding:calc(clamp(28px,4vw,64px) * var(--space-scale)) var(--gutter) 24px}.product-quiz__progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.product-quiz__count{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--lm-white)}.product-quiz__back{display:flex;align-items:center;gap:6px;min-height:40px;padding:0 4px;border:0;background:transparent;color:var(--lm-white);font-size:13px;font-weight:800}.product-quiz__back:focus-visible{outline-color:var(--lm-white)}.product-quiz__bars{display:grid;grid-template-columns:repeat(var(--bars, 5),minmax(0,1fr));gap:4px}.product-quiz__bar{display:block;height:6px;background-color:rgba(var(--lm-white-rgb),.2);transition:background-color var(--dur) var(--ease);border-radius:3px}.product-quiz__bar.is-current,.product-quiz__bar.is-done{background-color:var(--lm-white)}.product-quiz__question{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;grid-row:2;padding:0 var(--gutter) calc(calc(clamp(28px,4vw,64px) * var(--space-scale)) + var(--rule))}.product-quiz__title{font-size:calc(clamp(40px,4.6vw,76px) * var(--display-scale));animation:lm-fade .36s var(--ease)}.product-quiz__title:focus,.product-quiz__result-title:focus{outline:none;box-shadow:none}.product-quiz__hint{font-size:15px;line-height:1.5;color:var(--lm-muted-dark)}.product-quiz__answers{display:flex;flex-direction:column;justify-content:center;grid-column:1;grid-row:3;min-width:0;padding:calc(clamp(24px,4vw,64px) * var(--space-scale)) var(--gutter) 56px}.product-quiz__options{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.product-quiz__option{position:relative;display:block;min-width:0;cursor:pointer}.product-quiz__input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.product-quiz__option-box{display:flex;align-items:center;gap:14px;height:100%;min-height:84px;padding:12px 16px;border:var(--rule) solid var(--lm-line);background-color:var(--lm-white);color:var(--lm-ink);background-image:linear-gradient(var(--lm-accent-tint),var(--lm-accent-tint));background-repeat:no-repeat;background-position:50% 100%;background-size:100% 0%;transition:background-size var(--dur) var(--ease),background-color var(--dur) var(--ease),border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease);border-radius:var(--radius-s)}.product-quiz__input:checked+.product-quiz__option-box{border-color:var(--lm-ink);background-color:var(--lm-accent-tint);box-shadow:inset 0 0 0 1px var(--lm-ink)}.product-quiz__input:focus-visible+.product-quiz__option-box{outline:2px solid var(--c-fg);outline-offset:3px;box-shadow:0 0 0 3px var(--lm-neon)}.product-quiz__letter{display:grid;place-items:center;flex:none;width:32px;height:32px;background:var(--lm-ink);color:var(--lm-white);font-size:18px;line-height:1;border-radius:var(--radius-xs)}.product-quiz__option-icon{flex:none;width:48px;height:48px;object-fit:contain}.product-quiz__option-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.product-quiz__option-label{font-size:calc(clamp(22px,2vw,28px) * var(--title-scale));line-height:1.08}.product-quiz__option-sub{font-size:13px;line-height:1.4}.product-quiz__option-arrow{transition:transform var(--dur) var(--ease)}@media(hover:hover){.product-quiz__option:hover .product-quiz__option-box{background-size:100% 100%}.product-quiz__option:hover .product-quiz__option-arrow{transform:translate(4px)}}.product-quiz__fallback{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-block:calc(clamp(32px,4vw,64px) * var(--space-scale))}.product-quiz__fallback-note{max-width:560px;font-size:16px;line-height:1.5}.product-quiz__fallback-list{margin:0;padding-left:22px;font-size:18px;font-weight:800;line-height:1.5}.product-quiz__result{animation:lm-fade .36s var(--ease)}.product-quiz__result-main{display:grid;grid-template-columns:minmax(0,1fr)}.product-quiz__result-media{position:relative;display:block;aspect-ratio:1 / 1;background:var(--lm-img)}.product-quiz__result-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.product-quiz__for-you{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;height:28px;padding:0 10px;background:var(--lm-ink);color:var(--lm-white);font-size:12px;font-weight:800;letter-spacing:.08em;border-radius:var(--radius-xs)}.product-quiz__result-body{display:flex;flex-direction:column;justify-content:center;gap:24px;min-width:0;padding:calc(clamp(28px,4vw,64px) * var(--space-scale)) var(--gutter)}.product-quiz__result-head{display:flex;flex-direction:column;gap:10px}.product-quiz__result-title{font-size:calc(clamp(40px,4.6vw,72px) * var(--display-scale));letter-spacing:0}.product-quiz__result-title a{color:inherit;text-decoration:none}.product-quiz__result-sub{font-size:15px;color:var(--c-muted)}.product-quiz__reasons{display:flex;flex-direction:column;border-top:var(--rule) solid var(--c-rule)}.product-quiz__reason{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;padding:12px 0;border-bottom:var(--rule) solid var(--c-hair);font-size:15px;line-height:1.5}.product-quiz__reason-icon{display:grid;place-items:center;width:24px;height:24px;border:0;background:var(--lm-navy);color:var(--lm-white);border-radius:50%}.product-quiz__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}.product-quiz__price-now{font-size:calc(28px * var(--title-scale));font-weight:900;font-variant-numeric:tabular-nums}.product-quiz__price-was{font-size:15px;color:var(--c-muted);text-decoration:line-through;font-variant-numeric:tabular-nums}.product-quiz__actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.product-quiz__button{min-height:56px}.product-quiz__button .icon{width:18px;height:18px}.product-quiz__restart{display:flex;align-items:center;align-self:flex-start;gap:8px;min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--c-fg);font-size:14px;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.product-quiz__alternatives{display:flex;flex-direction:column;gap:20px;padding-block:calc(clamp(40px,5vw,80px) * var(--space-scale));border-top:var(--rule) solid var(--c-rule)}.product-quiz__alternative-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.product-quiz__alternative{gap:12px;height:100%;border-radius:var(--radius)}.product-quiz__alternative .mini__img{border:0;border-radius:var(--radius-s)}.product-quiz__alternative .mini__text{gap:2px}.product-quiz__alternative .mini__kicker{letter-spacing:.06em}.product-quiz__alternative .mini__title{font-size:15px;white-space:normal}.product-quiz__alternative .mini__price{font-size:15px}@media(min-width:750px){.product-quiz__answers{padding-bottom:calc(clamp(24px,4vw,64px) * var(--space-scale))}.product-quiz__options--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-quiz__options--grid>:last-child:nth-child(odd){grid-column:1 / -1}.product-quiz__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.product-quiz__alternative-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:990px){.product-quiz__stage{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr;min-height:560px;padding:0 0 var(--section-y) var(--gutter)}.product-quiz__stage:before{border-radius:var(--radius)}.product-quiz__progress,.product-quiz__question{padding-right:calc(var(--gutter) + var(--rule))}.product-quiz__progress{border-radius:var(--radius) var(--radius) 0 0}.product-quiz__question{padding-bottom:calc(clamp(28px,4vw,64px) * var(--space-scale));border-radius:0 0 var(--radius) var(--radius)}.product-quiz__answers{grid-column:2;grid-row:1 / span 2}.product-quiz__result-main{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.product-quiz__result-main{padding:0 0 var(--section-y) var(--gutter)}.product-quiz__result-media{overflow:hidden;border-radius:var(--radius)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-product-quiz.css.map */