.tt-quiz__head{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.tt-quiz__title{margin:0}.tt-quiz__stage{margin-top:clamp(28px,3vw,40px);padding-top:clamp(24px,3vw,32px);border-top:var(--z-rule-cap)}.tt-quiz__dots{display:flex;gap:6px;margin:0 0 18px;padding:0;list-style:none}.tt-quiz__dots li{width:34px;height:3px;background:var(--z-divider)}.tt-quiz__dots li.is-done,.tt-quiz__dots li.is-on{background:var(--z-accent-1)}.tt-quiz__count{margin:0;font:600 var(--z-eyebrow)/1 var(--z-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--z-quiet)}.tt-quiz__ask{margin:12px 0 0;font-family:var(--z-font-display);font-weight:700;font-size:clamp(26px,3.2vw,var(--z-h2-std));line-height:1.08;color:var(--z-ink);text-transform:uppercase;outline:none}.tt-quiz__opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:clamp(22px,2.6vw,32px);max-width:960px}.tt-quiz__opt{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:0 22px;background:var(--z-field);color:var(--z-ink);border:1px solid var(--z-divider);font:600 var(--z-body-size)/1.25 var(--z-font-text);text-align:left;cursor:pointer;transition:border-color var(--z-dur) var(--z-ease),background var(--z-dur) var(--z-ease)}.tt-quiz__opt span[aria-hidden]{color:var(--z-quiet);transition:transform var(--z-dur) var(--z-ease),color var(--z-dur) var(--z-ease)}.tt-quiz__opt:hover,.tt-quiz__opt:focus-visible{border-color:var(--z-accent-1);background:var(--z-field-focus)}.tt-quiz__opt:hover span[aria-hidden],.tt-quiz__opt:focus-visible span[aria-hidden]{color:var(--z-accent-1);transform:translate(4px)}.tt-quiz__opt.is-on{border-color:var(--z-accent-1)}.tt-quiz__opt-txt{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1 1 auto}.tt-quiz__opt.has-pic{flex-direction:column;align-items:stretch;padding:0;min-height:0;overflow:hidden}.tt-quiz__opt.has-pic .tt-quiz__opt-txt{min-height:60px;padding:0 20px}.tt-quiz__opt-pic{display:block;aspect-ratio:3 / 2;background:var(--z-media-bg);overflow:hidden}.tt-quiz__opt-pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--z-ease)}.tt-quiz__opt-pic.is-contain img{object-fit:contain;padding:8px;box-sizing:border-box}.tt-quiz__opt.has-pic:hover .tt-quiz__opt-pic img{transform:scale(1.04)}.tt-quiz__nav{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:26px}.tt-quiz__back{padding:0;background:none;border:0;cursor:pointer;font:600 var(--z-body-sm)/1 var(--z-font-text);color:var(--z-muted)}.tt-quiz__back:hover{color:var(--z-ink)}.tt-quiz__skip{margin-left:auto;font:600 var(--z-body-sm)/1 var(--z-font-text);color:var(--z-muted);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}.tt-quiz__skip:hover{color:var(--z-ink)}.tt-quiz__sum{margin:10px 0 0;font:600 var(--z-micro)/1.6 var(--z-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--z-quiet)}.tt-quiz__rhead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.tt-quiz__arrows{display:flex;gap:8px}.tt-quiz__arrow{width:44px;height:44px;background:var(--z-field);color:var(--z-ink);border:1px solid var(--z-divider);font:600 18px/1 var(--z-font-text);cursor:pointer;transition:border-color var(--z-dur) var(--z-ease)}.tt-quiz__arrow:hover{border-color:var(--z-accent-1);color:var(--z-accent-1)}.tt-quiz__boats{--gap: clamp(14px, 1.6vw, 22px);display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--gap)) / 3);gap:var(--gap);margin-top:clamp(22px,2.6vw,32px);align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.tt-quiz__boats::-webkit-scrollbar{display:none}.tt-quiz__boat{scroll-snap-align:start}.tt-quiz__info{flex:1 1 auto}.tt-quiz__more{margin:14px 0 0;font:600 var(--z-micro)/1.4 var(--z-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--z-quiet)}.tt-quiz__boat{display:flex;flex-direction:column;background:var(--z-paper);border:1px solid var(--z-divider)}.tt-quiz__boat.is-best{border-color:var(--z-accent-1)}.tt-quiz__pic{position:relative;display:block;aspect-ratio:5 / 2;background:var(--z-media-bg);overflow:hidden;container-type:size}.tt-quiz__pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--z-ease)}.tt-quiz__pic:hover img{transform:scale(1.03)}.tt-quiz__pic.is-cut img{position:absolute;left:50%;top:50%;width:auto;height:94cqw;max-width:94cqh;object-fit:contain;transform:translate(-50%,-50%) rotate(90deg)}.tt-quiz__pic.is-cut:hover img{transform:translate(-50%,-50%) rotate(90deg) translateY(-6px)}.tt-quiz__info{display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,28px)}.tt-quiz__tag{align-self:flex-start;padding:5px 10px;font:700 var(--z-pill)/1 var(--z-font-mono);letter-spacing:.16em;text-transform:uppercase;background:var(--z-hairline);color:var(--z-ink)}.is-best .tt-quiz__tag{background:var(--z-accent-1);color:var(--z-accent-1-ink)}.tt-quiz__name{margin:0;font-family:var(--z-font-display);font-weight:700;font-size:clamp(22px,2.2vw,30px);line-height:1.05;text-transform:uppercase;color:var(--z-ink)}.tt-quiz__line{margin:0;font:400 var(--z-body-size)/1.6 var(--z-font-text);color:var(--z-body)}.tt-quiz__why{margin:0;padding:0;list-style:none;display:grid;gap:6px}.tt-quiz__why li{position:relative;padding-left:20px;font:400 var(--z-body-sm)/1.5 var(--z-font-text);color:var(--z-body)}.tt-quiz__why li:before{content:"";position:absolute;left:0;top:.6em;width:10px;height:2px;background:var(--z-amber)}.tt-quiz__prices{display:flex;flex-wrap:wrap;gap:10px 28px;margin:4px 0 0;padding-top:14px;border-top:var(--z-rule-hair)}.tt-quiz__prices div{display:flex;flex-direction:column;gap:4px}.tt-quiz__prices dt{font:600 var(--z-eyebrow)/1 var(--z-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--z-quiet);white-space:nowrap}.tt-quiz__prices dd{margin:0;font:700 var(--z-body-size)/1.2 var(--z-font-text);color:var(--z-ink);white-space:nowrap}.tt-quiz__ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:6px}.tt-quiz__ctas .tt-btn{padding:0 12px}@media screen and (min-width:750px)and (max-width:1099px){.tt-quiz__boats{grid-auto-columns:calc((100% - var(--gap)) / 2)}}@media screen and (max-width:749px){.tt-quiz__opts{grid-template-columns:minmax(0,1fr)}.tt-quiz__opt{min-height:60px}.tt-quiz__opts{gap:10px}.tt-quiz__opt.has-pic{flex-direction:row;align-items:stretch}.tt-quiz__opt.has-pic .tt-quiz__opt-pic{flex:0 0 112px;aspect-ratio:4 / 3}.tt-quiz__opt.has-pic .tt-quiz__opt-txt{min-height:0;padding:0 16px}.tt-quiz__boats{grid-auto-columns:86%}.tt-quiz__arrows{display:none}.tt-quiz__skip{margin-left:0}}@media(prefers-reduced-motion:reduce){.tt-quiz__opt span[aria-hidden],.tt-quiz__pic img,.tt-quiz__opt-pic img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/tt-boat-quiz.css.map */