.scooter-picker,.fitment-bar,.fitment-notice,.fitment-empty,.fitment-check{--fp-accent: #111;--fp-accent-text: #fff;--fp-border: rgba(0, 0, 0, .12);--fp-muted: rgba(0, 0, 0, .6);--fp-surface: #fff;--fp-soft: #f5f5f4;--fp-ok: #1a7f37;--fp-bad: #c62828;--fp-radius: 10px}.scooter-picker{--sp-bg: #f5f5f4;--sp-fg: #111214;--sp-accent: #111214;--sp-accent-fg: #ffffff;--sp-line: color-mix(in srgb, var(--sp-fg) 12%, transparent);--sp-soft: color-mix(in srgb, var(--sp-fg) 6%, transparent);--sp-muted: color-mix(in srgb, var(--sp-fg) 62%, transparent);padding:16px 0}.scooter-picker *,.scooter-picker *:before,.scooter-picker *:after{box-sizing:border-box}.scooter-picker__card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.2fr);gap:16px 32px;align-items:center;padding:20px 24px;color:var(--sp-fg);background:var(--sp-bg);border-radius:14px}.scooter-picker__heading{margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.3;color:inherit}.scooter-picker__text{margin:0;font-size:13px;line-height:1.5;color:var(--sp-muted)}.scooter-picker__text p{margin:0}.scooter-picker__usps{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding:0;font-size:12px;color:var(--sp-muted);list-style:none}.scooter-picker__usps li{display:flex;align-items:center;gap:5px}.scooter-picker__usps svg{flex:none;width:12px;height:12px;color:var(--sp-fg)}.scooter-picker__form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr) auto;gap:8px}.scooter-picker__field{min-width:0}.scooter-picker .sp-dd__trigger{height:44px;font-size:14px;color:#111;background:#fff;border-color:var(--sp-line);border-radius:10px}.scooter-picker .sp-dd__trigger:hover:not(:disabled){border-color:color-mix(in srgb,var(--sp-fg) 30%,transparent)}.scooter-picker .sp-dd.is-open .sp-dd__trigger,.scooter-picker .sp-dd__trigger:focus-visible{border-color:var(--sp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sp-accent) 15%,transparent)}.scooter-picker .sp-dd__trigger:disabled{color:var(--sp-fg);background:var(--sp-soft);border-color:transparent;box-shadow:none}.scooter-picker .sp-dd__trigger:disabled .sp-dd__value.is-placeholder{color:var(--sp-fg)}.scooter-picker .sp-dd__trigger:disabled .sp-dd__chevron{color:inherit;opacity:.4}.sp-dd__panel{color:#111}.sp-dd{position:relative}.sp-dd__trigger{display:flex;align-items:center;gap:8px;width:100%;height:44px;padding:0 12px;font:inherit;font-size:14px;color:inherit;text-align:left;background:var(--fp-surface);border:1px solid var(--fp-border);border-radius:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.sp-dd__trigger:hover:not(:disabled){border-color:#0000004d}.sp-dd__trigger:focus-visible,.scooter-picker__submit:focus-visible{outline:none;box-shadow:0 0 0 3px #0000001f;border-color:var(--fp-accent)}.sp-dd.is-open .sp-dd__trigger{border-color:var(--fp-accent);box-shadow:0 0 0 3px #0000000f}.sp-dd__trigger:disabled{background:var(--fp-soft);border-color:transparent;cursor:not-allowed}.sp-dd__trigger:disabled .sp-dd__value{opacity:.45}.sp-dd__value{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.sp-dd__value.is-placeholder{color:var(--fp-muted)}.sp-dd__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-dd__logo{flex:none;width:26px;height:20px;object-fit:contain}.sp-dd__chevron{flex:none;width:16px;height:16px;color:var(--fp-muted);transition:transform .2s}.sp-dd.is-open .sp-dd__chevron{transform:rotate(180deg)}.sp-dd__panel{position:absolute;top:calc(100% + 6px);left:0;z-index:50;display:flex;flex-direction:column;width:max(100%,240px);max-height:340px;padding:6px;background:var(--fp-surface);border:1px solid var(--fp-border);border-radius:12px;box-shadow:0 12px 32px #0000001f,0 2px 6px #0000000f;animation:sp-dd-in .14s ease-out}.sp-dd__panel[hidden]{display:none}.sp-dd__panel.is-up{top:auto;bottom:calc(100% + 6px)}.sp-dd__panel.is-end{left:auto;right:0}@keyframes sp-dd-in{0%{opacity:0;transform:translateY(-4px)}}.sp-dd__search{flex:none;width:100%;height:36px;margin-bottom:6px;padding:0 10px 0 32px;font:inherit;font-size:14px;color:inherit;background:var(--fp-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='9' cy='9' r='5.5' stroke='%23777' stroke-width='1.6'/%3E%3Cpath d='M13 13l3.5 3.5' stroke='%23777' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 10px center / 15px;border:0;border-radius:8px;outline:none}.sp-dd__search[hidden]{display:none}.sp-dd__list{flex:1;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;outline:none}.sp-dd__option{display:flex;align-items:center;gap:10px;min-height:38px;padding:6px 10px;font-size:14px;border-radius:8px;cursor:pointer}.sp-dd__option.is-active{background:var(--fp-soft)}.sp-dd__option[aria-selected=true]{font-weight:600}.sp-dd__option[aria-disabled=true]{opacity:.35;cursor:not-allowed}.sp-dd__media{display:flex;flex:none;align-items:center;justify-content:center;width:40px;height:30px;font-size:13px;font-weight:700;color:var(--fp-muted);background:var(--fp-soft);border-radius:6px}.sp-dd__media img{max-width:32px;max-height:22px;object-fit:contain}.sp-dd__label{flex:1;min-width:0}.sp-dd__meta{flex:none;font-size:12px;font-weight:400;color:var(--fp-muted);font-variant-numeric:tabular-nums}.sp-dd__check{flex:none;width:16px;height:16px;visibility:hidden}.sp-dd__option[aria-selected=true] .sp-dd__check{visibility:visible}.fitment-chips{display:inline-flex;flex-wrap:wrap;gap:6px;min-width:0}.fitment-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:28px;padding:4px 10px;font-size:13px;line-height:1.3;color:#111;white-space:normal;background:var(--fp-surface);border:1px solid var(--fp-border);border-radius:14px}.fitment-chip__name{min-width:0;font-weight:600;overflow-wrap:anywhere}.fitment-chip__year{flex:none;color:var(--fp-muted);font-variant-numeric:tabular-nums}.fitment-notice__name{flex-direction:column}.fitment-notice__name .fitment-chip{justify-content:space-between;border-radius:8px}.fitment-chip__remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:-4px;padding:0;font:inherit;font-size:16px;line-height:1;color:var(--fp-muted);background:none;border:0;border-radius:50%;cursor:pointer}.fitment-chip__remove:hover{color:var(--fp-accent);background:var(--fp-soft)}.scooter-picker__actions{display:flex;align-items:center;gap:8px}.scooter-picker__add{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;padding:0 6px;font:inherit;font-size:12px;font-weight:500;color:var(--sp-muted);background:none;border:0;border-radius:8px;cursor:pointer;white-space:nowrap}.scooter-picker__add svg{width:12px;height:12px}.scooter-picker__add:hover:not(:disabled){color:var(--sp-fg);background:var(--sp-soft)}.scooter-picker__add:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--sp-accent) 25%,transparent)}.scooter-picker__add:disabled{opacity:.5;cursor:not-allowed}.sp-dd__empty{margin:0;padding:12px 10px;font-size:13px;color:var(--fp-muted)}.scooter-picker__submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;font:inherit;font-size:14px;font-weight:600;color:var(--sp-accent-fg);background:var(--sp-accent);border:0;border-radius:10px;cursor:pointer;white-space:nowrap}.scooter-picker__submit svg{width:16px;height:16px;transition:transform .15s}.scooter-picker__submit:hover:not(:disabled){opacity:.85}.scooter-picker__submit:hover:not(:disabled) svg{transform:translate(2px)}.scooter-picker__submit:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--sp-accent) 25%,transparent)}.scooter-picker__submit:disabled{opacity:.3;cursor:not-allowed}.scooter-picker__status{margin:10px 0 0;font-size:13px;color:var(--fp-bad)}.scooter-picker__status:empty{display:none}.scooter-picker__status[data-state=ok]{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--sp-fg)}.scooter-picker__status[data-state=ok]:before{content:"";flex:none;width:14px;height:14px;background:var(--fp-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7.5' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 10px;border-radius:50%}.scooter-picker__current{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:10px 0 0;font-size:13px;color:var(--sp-muted)}.scooter-picker__clear{padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;background:none;border:0;cursor:pointer}.scooter-picker__clear:hover{color:var(--sp-fg)}@media(max-width:989px){.scooter-picker__card{grid-template-columns:minmax(0,1fr);gap:14px}}@media(max-width:749px){.scooter-picker__card{padding:16px}.scooter-picker__usps{display:none}.scooter-picker__form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.scooter-picker__field,.scooter-picker__actions{grid-column:1 / -1}.scooter-picker__submit{flex:1}}.scooter-picker__current[hidden],.fitment-bar[hidden],.fitment-check[hidden],.fitment-bar [hidden],.fitment-notice[hidden],.fitment-notice [hidden],[data-fitment-empty] [hidden]{display:none}.fitment-bar{background:var(--fp-soft);border-bottom:1px solid var(--fp-border);font-size:14px}.fitment-bar__inner{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding-top:10px;padding-bottom:10px}.fitment-bar__label{color:var(--fp-muted)}.fitment-bar__actions{display:flex;align-items:center;gap:16px;margin-left:auto}.fitment-bar__link{color:inherit;text-decoration:underline;text-underline-offset:3px}.fitment-bar__clear{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:inherit;background:var(--fp-surface);border:1px solid var(--fp-border);border-radius:50%;cursor:pointer}.fitment-notice{margin:0 0 20px;padding:14px;font-size:14px;line-height:1.4;background:var(--fp-soft);border-radius:var(--fp-radius)}.fitment-notice__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.fitment-notice__label{font-size:12px;color:var(--fp-muted)}.fitment-notice__clear{display:inline-flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--fp-muted);background:var(--fp-surface);border:1px solid var(--fp-border);border-radius:50%;cursor:pointer}.fitment-notice__clear:hover{color:var(--fp-accent);border-color:var(--fp-accent)}.fitment-notice__name{display:flex;margin-top:6px}.fitment-notice__hint{margin:2px 0 0;font-size:12px;color:var(--fp-muted)}.fitment-notice__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px}.fitment-notice__button{display:inline-flex;align-items:center;height:34px;padding:0 14px;font-size:13px;font-weight:600;color:var(--fp-accent-text);text-decoration:none;background:var(--fp-accent);border-radius:6px}.fitment-notice__link{font-size:13px;color:inherit;text-decoration:underline;text-underline-offset:3px}.fitment-empty{max-width:560px;padding:32px 0}.fitment-empty__title{margin:0 0 8px;font-size:18px;font-weight:600}.fitment-empty__text{margin:0;font-size:15px;line-height:1.5;color:var(--fp-muted)}.fitment-empty__text strong{color:var(--fp-accent)}.fitment-empty__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px}.fitment-empty__button{display:inline-flex;align-items:center;height:42px;padding:0 20px;font-size:14px;font-weight:600;color:var(--fp-accent-text);text-decoration:none;background:var(--fp-accent);border-radius:8px}.fitment-empty__button:hover{opacity:.85}.fitment-empty__link{font-size:14px;color:inherit;text-decoration:underline;text-underline-offset:3px}.fitment-check{margin:16px 0}.fitment-check__body{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 14px;font-size:14px;border:1px solid var(--fp-border);border-radius:var(--fp-radius)}.fitment-check__icon{flex:none;width:20px;height:20px;border-radius:50%;background:var(--fp-muted) no-repeat center / 12px}.fitment-check[data-state=fit] .fitment-check__body{border-color:var(--fp-ok)}.fitment-check[data-state=fit] .fitment-check__icon{background-color:var(--fp-ok);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.fitment-check[data-state=nofit] .fitment-check__body{border-color:var(--fp-bad)}.fitment-check[data-state=nofit] .fitment-check__icon{background-color:var(--fp-bad);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 3.5l5 5M8.5 3.5l-5 5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}.fitment-check__text{font-weight:600}.fitment-check__link{margin-left:auto;color:inherit;text-decoration:underline;text-underline-offset:3px}@media(max-width:749px){.sp-dd__trigger,.sp-dd__search,.scooter-picker__submit{font-size:16px}.sp-dd__option{min-height:44px}.fitment-bar__actions{margin-left:0;width:100%}.fitment-bar__clear{margin-left:auto}}@media(min-width:1024px){body:has(.main-products-grid__filters:not(.lg\:js-hidden) .fitment-notice:not([hidden])) .fitment-bar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/fitment.css.map */
