.tt-finder{--tt-orange: #ff580d;--tt-orange-dark: #e04d0a;--tt-dark: #2a2b2a;--tt-light: #f4f4f4;--tt-white: #ffffff;--tt-gray: #6b7280;--tt-gray-light: #e5e7eb;--tt-success: #22c55e;--tt-warning: #f59e0b;--tt-danger: #ef4444;line-height:1.5}.tt-finder *,.tt-finder *:before,.tt-finder *:after{box-sizing:border-box}.tt-finder__wrapper{display:grid;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem 1rem}@media(min-width:1024px){.tt-finder__wrapper{grid-template-columns:380px 1fr;gap:3rem;padding:3rem 2rem}}.tt-finder__header{text-align:center;margin-bottom:1.5rem}.tt-finder__title{font-family:var(--heading-font-family);font-size:var(--h3-font-size, 1.75em);font-weight:var(--heading-font-weight, 700);font-style:var(--heading-font-style, normal);text-transform:var(--heading-text-transform, uppercase);color:rgb(var(--heading-color, 42 43 42));margin:0 0 .5rem;letter-spacing:.02em}.tt-finder__subtitle{font-size:1em;color:var(--tt-gray);margin:0}.tt-finder__panel{background:var(--tt-white);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem}.tt-finder__panel-title{font-family:var(--heading-font-family);font-size:var(--h5-font-size, 1.1em);font-weight:var(--heading-font-weight, 600);font-style:var(--heading-font-style, normal);text-transform:var(--heading-text-transform, uppercase);color:rgb(var(--heading-color, 42 43 42));margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--tt-orange);letter-spacing:.02em}.tt-finder__form-group{margin-bottom:1.5rem}.tt-finder__form-group:last-child{margin-bottom:0}.tt-finder__label{display:block;font-weight:600;font-size:.875em;color:var(--tt-dark);margin-bottom:.5rem}.tt-finder__label-hint{font-weight:400;color:var(--tt-gray);font-size:.75em;display:block;margin-top:.25rem}.tt-finder__select{width:100%;padding:.75em 1em;font-size:1em;font-family:inherit;border:2px solid var(--tt-gray-light);border-radius:8px;background-color:var(--tt-white);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.tt-finder__select:hover{border-color:var(--tt-orange)}.tt-finder__select:focus{outline:none;border-color:var(--tt-orange);box-shadow:0 0 0 3px #ff580d26}.tt-finder__number-input{display:flex;align-items:center;gap:.5rem}.tt-finder__number{width:100%;padding:.75em 1em;font-size:1em;font-family:inherit;border:2px solid var(--tt-gray-light);border-radius:8px;text-align:center;transition:border-color .2s,box-shadow .2s}.tt-finder__number:hover{border-color:var(--tt-orange)}.tt-finder__number:focus{outline:none;border-color:var(--tt-orange);box-shadow:0 0 0 3px #ff580d26}.tt-finder__number-suffix{font-size:.875em;color:var(--tt-gray);font-weight:500;white-space:nowrap}.tt-finder__slider-container{padding:.5rem 0}.tt-finder__slider-labels{display:flex;justify-content:space-between;font-size:.75em;color:var(--tt-gray);margin-bottom:.5rem}.tt-finder__slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,var(--tt-orange),var(--tt-dark));-webkit-appearance:none;appearance:none;cursor:pointer}.tt-finder__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.5em;height:1.5em;border-radius:50%;background:var(--tt-white);border:3px solid var(--tt-orange);cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .15s,box-shadow .15s}.tt-finder__slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #00000040}.tt-finder__slider::-moz-range-thumb{width:1.5em;height:1.5em;border-radius:50%;background:var(--tt-white);border:3px solid var(--tt-orange);cursor:pointer;box-shadow:0 2px 4px #0003}.tt-finder__slider-value{text-align:center;font-weight:600;color:var(--tt-dark);margin-top:.5rem;font-size:.875em}.tt-finder__btn-group{display:flex;gap:.5rem;flex-wrap:wrap}.tt-finder__btn-option{flex:1;min-width:90px;padding:.625em .75em;font-size:.875em;font-family:inherit;font-weight:500;text-align:center;border:2px solid var(--tt-gray-light);border-radius:8px;background:var(--tt-white);color:var(--tt-dark);cursor:pointer;transition:all .2s}.tt-finder__btn-option:hover{border-color:var(--tt-orange);background:#ff580d0d}.tt-finder__btn-option.active{border-color:var(--tt-orange);background:var(--tt-orange);color:var(--tt-white)}.tt-finder__reset{display:inline-flex;align-items:center;gap:.5rem;padding:.5em 1em;font-size:.875em;font-family:inherit;font-weight:500;color:var(--tt-gray);background:transparent;border:1px solid var(--tt-gray-light);border-radius:6px;cursor:pointer;transition:all .2s}.tt-finder__reset:hover{color:var(--tt-dark);border-color:var(--tt-dark)}.tt-finder__reset-icon{width:1em;height:1em}.tt-finder__tip{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:#ff580d14;border-radius:8px;border-left:4px solid var(--tt-orange);margin-top:1.5rem}.tt-finder__tip-icon{flex-shrink:0;width:1.25em;height:1.25em;margin-top:.1em;color:var(--tt-orange)}.tt-finder__tip-content{font-size:.875em}.tt-finder__tip-title{font-weight:600;color:var(--tt-dark);margin-bottom:.25rem}.tt-finder__tip-text{color:var(--tt-gray);margin:0}.tt-finder__results{min-height:300px;display:flex;flex-direction:column;min-width:0}.tt-finder__results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.tt-finder__results-count{font-size:.875em;color:var(--tt-gray);white-space:nowrap;flex-shrink:0}.tt-finder__results-grid{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:2rem;padding-bottom:.5rem;cursor:grab}.tt-finder__results-grid::-webkit-scrollbar{display:none}.tt-finder__results-grid.is-grabbing{cursor:grabbing;-webkit-user-select:none;user-select:none}.tt-finder__card{flex:0 0 calc(50% - 1rem);max-width:360px;scroll-snap-align:start;background:var(--tt-white);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}@media(max-width:1279px){.tt-finder__card{flex:0 0 calc(65% - .625rem)}}@media(max-width:639px){.tt-finder__card{flex:0 0 82%}}.tt-finder__card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.tt-finder__card--top-match{border:3px solid var(--tt-orange)}.tt-finder__card--coming-soon{opacity:.75}.tt-finder__card-image{position:relative;aspect-ratio:4/3;background:var(--tt-light);overflow:hidden}.tt-finder__card-image img{width:100%;height:100%;object-fit:cover}.tt-finder__card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--tt-light) 0%,var(--tt-gray-light) 100%);color:var(--tt-gray);font-size:.875em}.tt-finder__badge-row{position:absolute;top:.75rem;left:.75rem;right:.75rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.tt-finder__badge{padding:.3em .65em;border-radius:6px;font-size:.7em;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.tt-finder__badge--match{background:var(--tt-orange);color:var(--tt-white)}.tt-finder__badge--top{background:var(--tt-dark);color:var(--tt-white)}.tt-finder__badge--profile{background:#fffffff2;color:var(--tt-dark);border:1px solid var(--tt-gray-light)}.tt-finder__badge--coming-soon{background:var(--tt-gray);color:var(--tt-white)}.tt-finder__card-content{padding:1.25rem;flex:1;display:flex;flex-direction:column}.tt-finder__card-name{font-family:var(--heading-font-family);font-size:var(--h5-font-size, 1.1em);font-weight:var(--heading-font-weight, 600);font-style:var(--heading-font-style, normal);text-transform:var(--heading-text-transform, uppercase);color:rgb(var(--heading-color, 42 43 42));margin:0 0 .4em;letter-spacing:.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tt-finder__card-price{font-size:1.1em;font-weight:700;color:var(--tt-orange);margin-bottom:.875rem}.tt-finder__ratings{display:flex;flex-direction:column;gap:.625rem;margin-bottom:.875rem}.tt-finder__rating-row{display:flex;align-items:center;gap:.625rem}.tt-finder__rating-label{font-size:.75em;color:var(--tt-gray);width:5.5em;flex-shrink:0}.tt-finder__rating-bar{flex:1;height:6px;background:var(--tt-gray-light);border-radius:4px;overflow:hidden}.tt-finder__rating-fill{height:100%;border-radius:4px;transition:width .3s ease}.tt-finder__rating-fill--speed{background:linear-gradient(90deg,var(--tt-orange),var(--tt-orange-dark))}.tt-finder__rating-fill--space{background:linear-gradient(90deg,var(--tt-dark),#4a4b4a)}.tt-finder__specs{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;padding:.625rem .75rem;background:var(--tt-light);border-radius:8px;margin-bottom:.875rem;font-size:.75em}.tt-finder__spec{display:flex;flex-direction:column}.tt-finder__spec-label{color:var(--tt-gray)}.tt-finder__spec-value{font-weight:600;color:var(--tt-dark)}.tt-finder__warnings{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.875rem}.tt-finder__warning{display:flex;align-items:flex-start;gap:.5rem;padding:.5em .65em;border-radius:6px;font-size:.75em;line-height:1.4}.tt-finder__warning--danger{background:#ef44441a;color:var(--tt-danger);border:1px solid rgba(239,68,68,.2)}.tt-finder__warning--caution{background:#f59e0b1a;color:#b45309;border:1px solid rgba(245,158,11,.2)}.tt-finder__warning-icon{flex-shrink:0;width:1em;height:1em;margin-top:.1em}.tt-finder__card-actions{margin-top:auto}.tt-finder__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.75em 1.25em;font-size:.875em;font-family:inherit;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border-radius:8px;cursor:pointer;transition:all .2s;border:none}.tt-finder__btn--primary{background:var(--tt-orange);color:var(--tt-white)}.tt-finder__btn--primary:hover{background:var(--tt-orange-dark)}.tt-finder__btn--secondary{background:var(--tt-dark);color:var(--tt-white)}.tt-finder__btn--secondary:hover{background:#1a1b1a}.tt-finder__btn--disabled{background:var(--tt-gray-light);color:var(--tt-gray);cursor:not-allowed}.tt-finder__carousel-nav{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;gap:.75rem}.tt-finder__carousel-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25em;height:2.25em;background:var(--tt-white);border:2px solid var(--tt-gray-light);border-radius:50%;color:var(--tt-dark);cursor:pointer;transition:border-color .2s,color .2s,opacity .2s}.tt-finder__carousel-btn:hover:not(:disabled){border-color:var(--tt-orange);color:var(--tt-orange)}.tt-finder__carousel-btn:disabled{opacity:.3;cursor:not-allowed}.tt-finder__carousel-btn svg{width:1.1em;height:1.1em}.tt-finder__carousel-dots{display:flex;align-items:center;justify-content:center;gap:.4rem;flex:1;flex-wrap:wrap}.tt-finder__carousel-dot{width:.5rem;height:.5rem;border-radius:50%;border:none;padding:0;background:var(--tt-gray-light);cursor:pointer;transition:background .2s,transform .2s;flex-shrink:0}.tt-finder__carousel-dot.active{background:var(--tt-orange);transform:scale(1.4)}.tt-finder__carousel-counter{font-size:.875em;color:var(--tt-gray);white-space:nowrap;flex:1;text-align:center}.tt-finder__no-results{text-align:center;padding:3rem 1.5rem;background:var(--tt-white);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;flex:0 0 100%}.tt-finder__no-results-icon{width:4em;height:4em;margin:0 auto 1rem;color:var(--tt-gray)}.tt-finder__no-results-title{font-family:var(--heading-font-family);font-size:var(--h5-font-size, 1.1em);font-weight:var(--heading-font-weight, 600);color:rgb(var(--heading-color, 42 43 42));margin:0 0 .5rem}.tt-finder__no-results-text{font-size:.875em;color:var(--tt-gray);margin:0}.tt-finder__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.tt-finder__spinner{width:2.5em;height:2.5em;border:4px solid var(--tt-gray-light);border-top-color:var(--tt-orange);border-radius:50%;animation:tt-spin .8s linear infinite}@keyframes tt-spin{to{transform:rotate(360deg)}}@media(max-width:639px){.tt-finder__wrapper{padding:1rem}.tt-finder__panel{padding:1.25rem}.tt-finder__btn-group{flex-direction:column}.tt-finder__btn-option{min-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/tt-finder.css.map */