.tf{--tf-red:#d9182b;--tf-red-dark:#b51424;--tf-ink:#1c1a1a;--tf-slate:#5c5757;--tf-line:#e6e3e3;--tf-mist:#fafafa;--tf-white:#fff;--tf-radius:12px;color:var(--tf-ink);font-family:var(--font-body-family);letter-spacing:0;line-height:1.55;font-size:16px}.tf *,.tf *:before,.tf *:after{box-sizing:border-box}.tf-wrap{max-width:1280px;margin:0 auto;padding:0 20px}@media(min-width:990px){.tf-wrap{padding:0 40px}}.tf h1,.tf h2,.tf h3{font-family:var(--font-heading-family);font-weight:700;color:var(--tf-ink);letter-spacing:-.02em}.tf :where(h1,h2,h3,p){margin:0}.tf :where(a){color:inherit}.tf :focus-visible{outline:3px solid var(--tf-ink);outline-offset:3px;border-radius:4px}.tf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border-radius:8px;border:2px solid var(--tf-red);background:var(--tf-red);color:#fff!important;font:600 16px/1 var(--font-heading-family);text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s}.tf-btn:hover{background:var(--tf-red-dark);border-color:var(--tf-red-dark)}.tf-btn--ghost{background:transparent;color:var(--tf-ink)!important;border-color:var(--tf-ink)}.tf-btn--ghost:hover{background:var(--tf-ink);color:#fff!important;border-color:var(--tf-ink)}.tf-btn--sm{min-height:40px;padding:0 14px;font-size:14px;width:100%}.tf-btn[disabled]{background:var(--tf-line);border-color:var(--tf-line);color:var(--tf-slate)!important;cursor:not-allowed}.tf-link{font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.tf-link:hover{color:var(--tf-red)}.tf-hero{padding:22px 0 32px}.tf-hero__grid{display:grid;gap:28px;align-items:center}.tf-hero h1{font-size:clamp(30px,6.2vw,64px);line-height:1.06}.tf-hero__sub{margin-top:14px;font-size:clamp(15px,1.6vw,19px);color:var(--tf-slate);max-width:34em}.tf-hero__ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.tf-hero__ctas .tf-btn{flex:1 1 auto;padding:0 14px;font-size:15px}@media(min-width:600px){.tf-hero__ctas .tf-btn{flex:0 0 auto;padding:0 26px;font-size:16px}}.tf-hero__facts{display:flex;flex-wrap:wrap;gap:6px 18px;margin:20px 0 0;padding:0;list-style:none;font-size:13px;font-weight:600}@media(min-width:750px){.tf-hero__facts{font-size:14px;gap:8px 22px;margin-top:26px}}.tf-hero__facts li{display:flex;align-items:center;gap:8px}.tf-hero__facts svg{flex:none;color:var(--tf-red)}.tf-hero__media{border-radius:16px;overflow:hidden;background:var(--tf-mist);aspect-ratio:16/10}@media(min-width:900px){.tf-hero__media{border-radius:20px;aspect-ratio:4/3}}.tf-hero__media img{width:100%;height:100%;object-fit:cover;display:block}@media(min-width:900px){.tf-hero{padding:56px 0 72px}.tf-hero__grid{grid-template-columns:1fr 1.05fr;gap:56px}}.tf.tf-fit{background:var(--tf-mist);padding:48px 0 56px;scroll-margin-top:90px;border-top:1px solid var(--tf-line);border-bottom:1px solid var(--tf-line)}.tf.tf-fit .tf-fit__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.tf.tf-fit h2{font-size:clamp(28px,3.6vw,42px);line-height:1.1}.tf.tf-fit .tf-fit__intro{color:var(--tf-slate);margin-top:8px;max-width:40em}.tf-tabs{display:inline-flex;background:var(--tf-white);border:1px solid var(--tf-line);border-radius:999px;padding:4px;gap:2px}.tf-tab{-webkit-appearance:none;appearance:none;border:0;background:transparent;border-radius:999px;padding:10px 16px;font:600 15px/1 var(--font-heading-family);color:var(--tf-ink);cursor:pointer}.tf-tab[aria-selected=true]{background:var(--tf-ink);color:#fff}@media(min-width:750px){.tf-tab{padding:10px 22px}}.tf-models{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;margin:0 -20px;padding:4px 20px 12px;scrollbar-width:thin}@media(min-width:990px){.tf-models{margin:0;padding-left:2px;padding-right:2px;overflow:visible}}.tf-model{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;flex:0 0 152px;scroll-snap-align:start;text-align:left;background:var(--tf-white);border:2px solid var(--tf-line);border-radius:14px;padding:8px 8px 12px;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s}.tf-model:hover{border-color:#bdb8b8}.tf-model[aria-pressed=true]{border-color:var(--tf-red);box-shadow:0 0 0 1px var(--tf-red)}.tf-model[hidden]{display:none}.tf-model__img{display:block;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--tf-mist);margin-bottom:10px}.tf-model__img img{width:100%;height:100%;object-fit:cover;display:block}.tf-model__art{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px 10px;background:#fff}.tf-art{display:block;width:100%;height:100%}.tf-art path,.tf-art line{stroke-linecap:round;stroke-linejoin:round}.tf-model__name{display:block;font:700 14px/1.25 var(--font-heading-family)}.tf-model__sold{display:block;font-size:12px;color:var(--tf-slate);margin-top:3px;line-height:1.3}@media(min-width:990px){.tf-model{flex:1 1 0;min-width:0;max-width:300px}}.tf-panel[hidden]{display:none}.tf-panel{margin-top:22px}.tf-panel__bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;margin-bottom:16px}.tf-panel__title{font:700 19px/1.3 var(--font-heading-family)}.tf-panel__spot{font-size:14px;color:var(--tf-slate);margin-top:4px;max-width:60em}.tf-note{background:var(--tf-white);border:1px solid var(--tf-line);border-left:4px solid var(--tf-red);border-radius:8px;padding:14px 16px;font-size:15px;margin-bottom:16px}.tf-note p+p{margin-top:6px}.tf-empty{background:var(--tf-white);border:1px dashed #cfcaca;border-radius:var(--tf-radius);padding:28px 22px;max-width:640px}.tf-empty h3{font-size:20px;margin-bottom:8px}.tf-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,46%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;margin:0 -20px;padding:2px 20px 10px;list-style:none}@media(min-width:750px){.tf-shelf{grid-auto-columns:minmax(220px,30%)}}@media(min-width:990px){.tf-shelf{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible;margin:0;padding:2px 0 0}}.tf-card{scroll-snap-align:start;display:flex;flex-direction:column;background:var(--tf-white);border:1px solid var(--tf-line);border-radius:var(--tf-radius);overflow:hidden;height:100%}.tf-card__img{display:block;aspect-ratio:1;background:var(--tf-mist)}.tf-card__img img{width:100%;height:100%;object-fit:cover;display:block}.tf-card__body{display:flex;flex-direction:column;gap:6px;padding:12px 12px 14px;flex:1}.tf-card__title{font:600 14px/1.35 var(--font-heading-family);text-decoration:none}.tf-card__title:hover{color:var(--tf-red)}.tf-card__version{font-size:12px;line-height:1.35;color:var(--tf-slate)}.tf-card__version strong{color:var(--tf-ink);font-weight:600}.tf-card__price{font-weight:700;font-size:15px;margin-top:auto;padding-top:4px}.tf-card form{margin:0}.tf-spot{padding:64px 0}.tf-spot__grid{display:grid;gap:28px;align-items:center}@media(min-width:900px){.tf-spot__grid{grid-template-columns:1.1fr 1fr;gap:64px}.tf-spot--flip .tf-spot__media{order:2}}.tf-spot__media{border-radius:20px;overflow:hidden;background:var(--tf-mist);aspect-ratio:1}.tf-spot__media img{width:100%;height:100%;object-fit:cover;display:block}.tf-spot__media--video{position:relative;aspect-ratio:16/9;background:#111}.tf-spot__media--video video{width:100%;height:100%;object-fit:cover;display:block}.tf-vid-btn{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;border:0;background:#1c1a1ab8;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.is-paused .tf-vid-btn{width:60px;height:60px;right:50%;bottom:50%;transform:translate(50%,50%);background:#d9182beb}.is-paused .tf-vid-btn svg{width:20px;height:20px;margin-left:3px}.tf-vid-btn .tf-i-play{display:none}.is-paused .tf-vid-btn .tf-i-play{display:inline}.is-paused .tf-vid-btn .tf-i-pause{display:none}.tf-spot__kicker{font-weight:600;color:var(--tf-red);font-size:15px;margin-bottom:10px}.tf-spot h2{font-size:clamp(28px,3.4vw,44px);line-height:1.1}.tf-spot__text{color:var(--tf-slate);margin-top:14px;font-size:17px;max-width:34em}.tf-spot__list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}.tf-spot__list li{display:flex;gap:10px;align-items:flex-start}.tf-spot__list svg{flex:none;margin-top:4px;color:var(--tf-red)}.tf-spot__buy{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:26px}.tf-spot__price{font:700 26px/1 var(--font-heading-family)}.tf-spot__fits{font-size:14px;color:var(--tf-slate);margin-top:14px}.tf-best{padding:56px 0}.tf-best__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px}.tf-best h2{font-size:clamp(26px,3vw,36px)}.tf-reviews{padding:56px 0;background:var(--tf-mist);border-top:1px solid var(--tf-line)}.tf-reviews h2{font-size:clamp(26px,3vw,36px);margin-bottom:20px}.tf-why{padding:56px 0}.tf-why__grid{display:grid;gap:28px}@media(min-width:750px){.tf-why__grid{grid-template-columns:repeat(3,1fr);gap:40px}}.tf-why h3{font-size:18px;margin-bottom:6px}.tf-why p{color:var(--tf-slate);font-size:15px}.tf-why__item{border-top:3px solid var(--tf-ink);padding-top:16px}.tf-foot{padding:28px 0 40px;border-top:1px solid var(--tf-line)}.tf-foot__tonal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;background:var(--tf-mist);border-radius:var(--tf-radius);padding:18px 22px;margin-bottom:24px}.tf-foot__tonal p{font-weight:600}.tf-foot__legal{font-size:12px;color:var(--tf-slate);max-width:72em;line-height:1.6}.tf-toast{position:fixed;left:12px;right:12px;bottom:12px;z-index:200;background:var(--tf-ink);color:#fff;border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:center;box-shadow:0 10px 30px #1c1a1a47;transform:translateY(140%);transition:transform .25s ease;font-family:var(--font-body-family);font-size:14px;line-height:1.4}.tf-toast.is-on{transform:none}.tf-toast strong{font-family:var(--font-heading-family)}.tf-toast__ship{grid-column:1/-1;font-size:13px;opacity:.9}.tf-toast__bar{grid-column:1/-1;height:4px;background:#ffffff38;border-radius:4px;overflow:hidden}.tf-toast__bar span{display:block;height:100%;background:var(--tf-red);width:0;transition:width .4s}.tf-toast a{color:#fff;font-weight:600}.tf-toast__close{-webkit-appearance:none;appearance:none;background:none;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:4px}@media(min-width:750px){.tf-toast{left:auto;right:20px;bottom:20px;width:380px}}@media(prefers-reduced-motion:reduce){.tf *,.tf-toast{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/tf-home.css.map */