/*!
 * Copyright © 2026 Hypernova Oy. All rights reserved.
 * See COPYING.txt for license details.
 *
 * Storefront picker. Kept theme-agnostic (no Luma/Porto mixins) and small, because it is
 * loaded next to the shop's own stylesheet on the compatibility page only.
 */
.tt-compat{margin:0 0 2rem}.tt-compat~h1,.tt-compat~h2{margin-top:1.25rem}.tt-compat__title{margin:0 0 .5rem;font-size:1.5rem;line-height:1.25}.tt-compat__intro{margin:0 0 1.25rem;max-width:60ch}.tt-compat__form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem 1.5rem;align-items:end}.tt-compat__label{display:block;margin-bottom:.35rem;font-weight:600}.tt-compat__select{width:100%;min-height:44px;padding:.5rem .65rem;font-size:1rem;line-height:1.3;color:#1a1a1a;background:#fff;border:1px solid #9a9a9a;border-radius:6px;box-sizing:border-box}.tt-compat__select:disabled{color:#5c5c5c;background:#f2f2f2;border-color:#c4c4c4}.tt-compat__select:focus-visible,.tt-compat__cta:focus-visible,.tt-compat__link:focus-visible{outline:2px solid #ed7e31;outline-offset:2px}.tt-compat--busy .tt-compat__select{opacity:.8}.tt-compat__status{min-height:1.4em;margin:.75rem 0 0;color:#333}.tt-compat__result{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.tt-compat__card{display:flex;gap:1rem;padding:1rem;background:#fff;border:1px solid #dcdcdc;border-radius:8px;align-items:flex-start}.tt-compat__card--primary{border-color:#ed7e31;box-shadow:0 0 0 1px #ed7e31 inset}.tt-compat__card-media{flex:0 0 104px;max-width:104px}.tt-compat__image{display:block;width:100%;max-height:130px;height:auto;object-fit:contain}.tt-compat__card-body{min-width:0}.tt-compat__card-title{margin:0 0 .35rem;font-size:1.15rem;line-height:1.3}.tt-compat__price{margin:0 0 .35rem;font-size:1.1rem;font-weight:700}.tt-compat__note,.tt-compat__fits,.tt-compat__empty{margin:0 0 .5rem;font-size:.95rem;line-height:1.45}.tt-compat__fits{color:#3d3d3d}.tt-compat__reasons{margin:.1rem 0 .65rem;padding:.5rem .7rem;background:#faf7f3;border-left:3px solid #ed7e31;font-size:.92rem;line-height:1.45}.tt-compat__reasons-title{margin:0 0 .2rem;font-weight:700}.tt-compat__reason{margin:0}.tt-compat__reason+.tt-compat__reason{margin-top:.25rem}.tt-compat__separator{color:#b0b0b0;background:#f2f2f2;letter-spacing:-1px}.tt-compat__link{text-decoration:underline}@media (max-width:480px){.tt-compat__card{flex-direction:column}.tt-compat__card-media{flex-basis:auto;max-width:140px}}