.text-link{align-items:center;gap:var(--space-8);cursor:pointer;background:0 0;border:none;padding:2px 0;display:inline-flex}.text-link__label{font-family:var(--font-family-secondary), sans-serif;font-weight:400;font-size:var(--font-size-13);line-height:var(--line-height-20);text-decoration:none;transition:color .2s ease-out,text-decoration-color .2s ease-out}.text-link:hover .icon-button--subtle{background-color:var(--surface-action-secondary-subtle-hover);color:var(--icon-action-secondary-subtle-hover);box-shadow:0 0 0 3px var(--border-action-secondary-subtle-hover)}.text-link:active .icon-button--subtle{background-color:var(--surface-action-secondary-subtle-pressed);color:var(--icon-action-secondary-subtle-pressed);box-shadow:none}.text-link--inline .text-link__label{color:var(--text-link-default);text-underline-offset:20%;text-decoration:underline;text-decoration-thickness:from-font}.text-link--inline:hover .text-link__label{color:var(--text-link-hover);text-decoration-color:#0000}.text-link--inline:active .text-link__label{color:var(--text-link-pressed);text-decoration-color:#0000}.text-link--inline.text-link--active .text-link__label{color:var(--text-link-active);text-decoration-color:#0000}.text-link--plain .text-link__label{color:var(--text-link-default)}.text-link--plain:hover .text-link__label{color:var(--text-link-hover);text-underline-offset:0%;text-decoration:underline}.text-link--plain:active .text-link__label{color:var(--text-link-pressed);text-decoration:none}.text-link--plain.text-link--active .text-link__label{color:var(--text-link-active);text-decoration:none}.text-link--breadcrumb .text-link__label{color:var(--text-body);text-underline-offset:20%;text-decoration:underline;text-decoration-thickness:from-font}.text-link--breadcrumb:hover .text-link__label,.text-link--breadcrumb:active .text-link__label,.text-link--breadcrumb.text-link--active .text-link__label{color:var(--text-strong);text-decoration-color:#0000}.text-link--on-inverse .text-link__label{color:var(--text-on-inverse);text-underline-offset:0%;text-decoration:underline;text-decoration-thickness:from-font}.text-link--on-inverse:hover .text-link__label,.text-link--on-inverse:active .text-link__label{color:var(--text-on-inverse);text-decoration-color:#0000}
.video-modal{gap:var(--space-16)}.video-modal__player{border-radius:var(--radius-card);overflow:hidden}.video-modal__list{gap:var(--space-8);padding-top:var(--space-16);flex-direction:column;display:flex}.video-modal__count{align-items:center;gap:var(--space-4);font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-body-small);font-weight:400;line-height:var(--line-height-20);color:var(--text-body);margin:0;display:flex}.video-modal__count-number{font-family:var(--font-family-primary), sans-serif;font-size:var(--font-size-body);font-weight:600;line-height:var(--line-height-20);color:var(--text-strong)}.video-modal__thumbnails{gap:var(--space-32);padding:var(--space-4);scrollbar-width:thin;display:flex;overflow-x:auto}.video-modal__thumb{cursor:pointer;gap:var(--space-8);background:0 0;border:none;flex-direction:column;flex-shrink:0;width:185px;padding:0;display:flex;position:relative}.video-modal__thumb-container{aspect-ratio:16/9;border-radius:var(--radius-media);border:var(--border-width-1) solid transparent;background-color:var(--surface-subtle);width:100%;transition:border-color .15s;position:relative;overflow:hidden}.video-modal__thumb--active .video-modal__thumb-container,.video-modal__thumb:hover .video-modal__thumb-container{box-shadow:0 0 0 3px var(--border-action-secondary-base-ring-active);border-color:#fff}.video-modal__thumb-img{object-fit:cover;border-radius:var(--radius-media);width:100%;height:100%}.video-modal__thumb-badge{top:var(--space-8);left:var(--space-8);align-items:center;gap:var(--space-8);padding:var(--space-2) var(--space-8);border-radius:var(--radius-badge);background-color:var(--surface-brand);font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-caption);font-weight:600;line-height:var(--line-height-20);color:var(--text-on-brand);display:none;position:absolute}.video-modal__thumb--active .video-modal__thumb-badge{display:flex}.video-modal__thumb-play{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-modal__thumb--active .video-modal__thumb-play{display:none}.video-modal__thumb-title{font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-caption);font-weight:400;line-height:var(--line-height-20);color:var(--text-body);text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.tire-card__link{z-index:0;position:absolute;inset:0}.tire-card{cursor:pointer;border-radius:var(--radius-card);border:var(--border-width-1) solid var(--border-action-card-default);width:100%;height:100%;box-shadow:none;flex-direction:column;transition:border-color .2s ease-out,box-shadow .2s ease-out;display:flex;position:relative;overflow:hidden}.tire-card:hover{border-color:var(--border-action-card-hover);box-shadow:0 0 0 var(--border-width-3) var(--border-action-card-ring-hover)}.tire-card:active{border-color:var(--border-action-card-pressed);box-shadow:none}@media (min-width:768px){.tire-card{width:100%}}.tire-card__image-area{background-color:var(--surface-base);border:var(--border-width-1) solid var(--surface-subtle);border-radius:var(--radius-card) var(--radius-card) 0 0;pointer-events:none;border-bottom:0;position:relative}.tire-card__body{padding:var(--space-16);background-color:var(--surface-blush);border-top:var(--border-width-1) solid var(--surface-subtle);border-radius:var(--radius-card) var(--radius-card) 0 0;margin-top:calc(-1 * var(--space-16));z-index:1;pointer-events:none;flex-direction:column;flex:1;display:flex}.tire-card__body>*+*{margin-top:var(--space-8)}.tire-card__body>.tire-card__header+.tire-card-title{margin-top:0}.tire-card__footer{padding:var(--space-16);gap:var(--space-16);background-color:var(--surface-subtle);border-top:var(--border-width-1) solid var(--surface-subtle);border-radius:0 0 var(--radius-card) var(--radius-card);pointer-events:none;flex-direction:column;display:flex}.tire-card__header{justify-content:space-between;align-items:center;display:flex}.tire-card-list{border:var(--border-width-1) solid var(--border-action-card-default);border-radius:var(--radius-card);cursor:pointer;box-shadow:none;transition:border-color .2s ease-out,box-shadow .2s ease-out;display:flex;position:relative;overflow:hidden}.tire-card-list:hover{border-color:var(--border-action-card-hover);box-shadow:0 0 0 var(--border-width-3) var(--border-action-card-ring-hover)}.tire-card-list:active{border-color:var(--border-action-card-pressed);box-shadow:none}.tire-card-list__image{background-color:var(--surface-base);padding:var(--space-16);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.tire-card-list__image .tire-card-image{width:160px;height:160px}.tire-card-list__info{min-width:0;padding:var(--space-16) var(--space-32) var(--space-16) var(--space-16);gap:var(--space-8);background-color:var(--surface-blush);border-radius:var(--radius-card) 0 0 var(--radius-card);margin-left:calc(-1 * var(--space-16));z-index:1;pointer-events:none;flex-direction:column;flex:1;display:flex}.tire-card-list__header{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.tire-card-list__info .tire-card-seals{margin-top:auto}.tire-card-list__pricing{padding:var(--space-16);background-color:var(--surface-subtle);border-left:var(--border-width-1) solid var(--surface-subtle);text-align:right;pointer-events:none;flex-direction:column;flex-shrink:0;justify-content:space-between;width:300px;display:flex}.tire-card-list__pricing .tire-card-price{flex-flow:column;align-items:flex-end}.tire-card-list__pricing .tire-card-price__text{white-space:nowrap;flex-wrap:nowrap}.tire-card-list__pricing .tire-card-price__info{text-align:right}.tire-card-list__pricing .tire-card-price__value{font-size:var(--font-size-24);line-height:var(--line-height-40)}.tire-card-image{padding:var(--space-16) var(--space-40) var(--space-32) var(--space-40);justify-content:center;align-items:center;display:flex;position:relative}.tire-card__image-area .tire-card-image{padding-bottom:calc(var(--space-32) + var(--space-16))}.tire-card-image__img{object-fit:contain;width:174px;height:174px}.tire-card-image__placeholder{width:174px;height:174px}.tire-card-brand{bottom:var(--space-32);left:var(--space-16);height:32px;padding:var(--space-4) var(--space-8);background-color:var(--surface-subtle);border-radius:var(--radius-badge);z-index:1;align-items:center;display:flex;position:absolute}.tire-card-brand__logo{object-fit:contain;width:auto;height:12px}.tire-card-brand__name{font-family:var(--font-family-primary), sans-serif;font-weight:700;font-size:var(--font-size-14);color:var(--text-heading)}.tire-card__brand-name{font-family:var(--font-family-primary), sans-serif;font-weight:600;font-size:var(--font-size-body-large);color:var(--text-heading);line-height:24px}.tire-card-title{font-family:var(--font-family-primary), sans-serif;font-weight:700;font-size:var(--font-size-heading-small);line-height:var(--line-height-32);color:var(--text-heading);margin:0}.tire-card-specs{align-items:center;gap:var(--space-8);display:flex}.tire-card-specs__icons{gap:var(--space-4);display:flex}.tire-card-specs__icons svg{stroke:var(--icon-default)}.tire-card-specs__dimension{font-family:var(--font-family-secondary), sans-serif;color:var(--text-body)}.tire-card-seals{align-items:center;gap:var(--space-8);display:flex}.tire-card-seals__item{justify-content:center;align-items:center;display:flex}.tire-card-seals__image{object-fit:contain;width:32px;max-width:none;height:32px}.tire-card-video{z-index:1;pointer-events:auto;position:relative}.tire-card-price{flex-wrap:wrap;align-items:center;gap:0;display:flex}.tire-card-price__text{align-items:baseline;gap:var(--space-4);display:flex}.tire-card-price__label{font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-13);line-height:var(--line-height-20);color:var(--text-body)}.tire-card-price__value{font-family:var(--font-family-secondary), sans-serif;font-weight:700;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--text-strong)}.tire-card-price__info{width:100%;font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-13);line-height:var(--line-height-20);color:var(--text-body)}.tire-card-actions{z-index:1;gap:var(--space-16);pointer-events:auto;display:flex;position:relative}
.legend{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.legend__left{align-items:center;gap:var(--space-8);display:flex}.legend__label{font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-12);font-weight:600;line-height:var(--line-height-24);letter-spacing:0;color:var(--text-strong)}.legend__hint{font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-12);font-weight:400;line-height:var(--line-height-16);letter-spacing:0;color:var(--text-body)}
.stepper{align-items:center;display:flex}.stepper__step{border-radius:var(--radius-compact);box-sizing:border-box;z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.stepper__step--done{background-color:var(--surface-action-stepper-done);border:var(--border-width-3) solid var(--border-action-stepper-done);box-shadow:0 0 0 var(--border-width-3) var(--border-action-stepper-done)}.stepper__step--active{background-color:var(--surface-action-stepper-active);border:var(--border-width-1) solid var(--border-action-stepper-active);box-shadow:0 0 0 var(--border-width-3) var(--border-action-stepper-ring-active)}.stepper__step--pending{background-color:var(--surface-action-stepper-pending);border:var(--border-width-1) solid var(--border-action-stepper-pending)}.stepper__step--clickable{cursor:pointer;padding:0}.stepper__connector{flex:1;height:1px}.stepper__connector--done{background-color:var(--surface-action-stepper-connector-active);box-shadow:0 0 0 var(--border-width-3) var(--border-action-stepper-ring-active)}.stepper__connector--pending{background-color:var(--surface-action-stepper-connector-pending)}
.search-chip{align-items:center;gap:var(--space-4);font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-14);font-weight:600;line-height:var(--line-height-20);color:var(--text-chip-default);background-color:var(--surface-action-chip-default);border:var(--border-width-3) solid transparent;border-radius:var(--radius-chip);cursor:pointer;padding:6px 12px;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out;display:inline-flex}.search-chip:hover{background-color:var(--surface-action-chip-hover);color:var(--text-chip-hover);box-shadow:0 0 0 3px var(--border-action-chip-hover)}.search-chip:active{background-color:var(--surface-action-chip-pressed);color:var(--text-chip-pressed);box-shadow:none}.search-chip--active{background-color:var(--surface-action-chip-active);color:var(--text-chip-active);box-shadow:0 0 0 3px var(--border-action-chip-active);border-color:#0000}.search-chip--active:hover{background-color:var(--surface-action-chip-active);color:var(--text-chip-active)}.search-chip--removable{padding:6px var(--space-8) 6px var(--space-12)}.search-chip-group{gap:var(--space-8);flex-direction:column;display:flex}.search-chip-group__chips{gap:var(--space-8);flex-wrap:wrap;display:flex}.search-chip--regular{min-height:40px;padding:var(--space-8) var(--space-12);flex-direction:column;justify-content:center}.search-chip-trigger{align-items:center;gap:var(--space-8);font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-14);font-weight:600;line-height:var(--line-height-20);color:var(--text-chip-active);background-color:var(--surface-action-chip-active);border:var(--border-width-3) solid transparent;border-radius:var(--radius-chip);cursor:pointer;box-shadow:0 0 0 3px var(--border-action-chip-active);padding:6px 12px;transition:background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out;display:inline-flex}
.dimension-picker-trigger{background-color:var(--surface-action-input-default);border:var(--border-width-1) solid var(--border-action-input-default);border-radius:var(--radius-input);width:100%;min-height:40px;padding:var(--space-4) var(--space-4) var(--space-4) 0;cursor:pointer;align-items:stretch;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.dimension-picker-trigger:hover{border-color:var(--border-action-input-hover);box-shadow:0 0 0 var(--border-width-3) var(--border-action-input-ring-hover)}.dimension-picker-trigger--active{border-color:var(--border-action-input-active);box-shadow:0 0 0 var(--border-width-3) var(--border-action-input-ring-active)}.dimension-picker-segment{padding:0 var(--space-8);cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex;position:relative}.dimension-picker-segment+.dimension-picker-segment:before{content:"";left:0;top:var(--space-4);bottom:var(--space-4);background-color:var(--border-muted);width:1px;position:absolute}.dimension-picker-segment-label{font-family:var(--font-family-primary), sans-serif;font-size:var(--font-size-10);font-weight:600;line-height:var(--line-height-12);color:var(--text-disabled);-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dimension-picker-segment-value{font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-14);font-weight:600;line-height:var(--line-height-20);color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dimension-picker-segment-value--empty{color:var(--text-disabled);font-weight:400}.dimension-picker-chevron{flex-shrink:0;transition:transform .15s}.dimension-picker-chevron--open{transform:rotate(180deg)}.dimension-picker-panel{background-color:var(--surface-blush);border:var(--border-width-1) solid var(--border-muted);border-radius:var(--radius-container);z-index:50;width:280px;max-width:280px;overflow:hidden;box-shadow:0 8px 8px #00000026}.dimension-picker-top-bar{background-color:var(--surface-subtle);border-bottom:var(--border-width-1) solid var(--border-muted);padding:var(--space-16)}.dimension-stepper{justify-content:center;display:flex}.dimension-stepper .stepper{width:192px}.dimension-picker-select-area{gap:var(--space-16);padding:var(--space-12) var(--space-16);flex-direction:column;display:flex}.dimension-step-legend{gap:var(--space-4);flex-direction:column;display:flex}.dimension-step-label{font-family:var(--font-family-primary), sans-serif;font-size:var(--font-size-body-large);font-weight:700;line-height:var(--line-height-24);color:var(--text-strong)}.dimension-step-description{font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-caption);font-weight:400;line-height:var(--line-height-20);color:var(--text-body)}.dimension-step-graphic{padding:var(--space-24);background-color:var(--surface-subtle);border-radius:var(--radius-card);min-height:120px;color:var(--text-disabled);font-family:var(--font-family-secondary), sans-serif;font-size:var(--font-size-caption);justify-content:center;align-items:center;display:flex}.dimension-value-grid{gap:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.dimension-value-grid--wide{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.search-chip--index{gap:var(--space-4);padding-left:var(--space-12);padding-right:var(--space-12);white-space:nowrap;flex-direction:row}.dimension-step-skip{background-color:var(--surface-subtle);border-top:var(--border-width-1) solid var(--border-muted);padding:var(--space-16)}.dimension-step-skip-button{width:100%;height:32px;font-family:var(--font-family-primary), sans-serif;font-size:var(--font-size-caption);font-weight:600;line-height:var(--line-height-20);color:var(--text-strong);background-color:var(--surface-action-secondary-muted-default);border:var(--border-width-1) solid var(--border-muted);border-radius:var(--radius-button-default);padding:var(--space-4) var(--space-8) var(--space-4) var(--space-16);cursor:pointer;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s;display:flex}.dimension-step-skip-button:hover{background-color:var(--surface-action-secondary-muted-hover)}.dimension-picker-wrapper{width:100%;position:relative}