.spo-coll{--spo-coll-line: #8a8a8a;--spo-coll-rule: #e4e3e0;display:block;max-width:var(--page-width, 157rem);margin-inline:auto;padding:var(--gtx-space-4, 1.6rem) var(--page-margin, 2rem) var(--gtx-space-7, 4.8rem);color:var(--gtx-ink, #232323)}.spo-coll [hidden]{display:none!important}.spo-coll__vehicle{display:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gtx-space-2, .8rem) var(--gtx-space-4, 1.6rem);min-height:5.6rem;margin-block-end:var(--gtx-space-3, 1.2rem);padding:var(--gtx-space-2, .8rem) var(--gtx-space-4, 1.6rem);border:1px solid var(--gtx-fit-fg, #1e7a46);border-inline-start-width:4px;border-radius:4px;background:var(--gtx-fit-bg, #e8f5ec);color:var(--gtx-fit-fg, #1e7a46)}.spo-has-vehicle .spo-coll__vehicle{display:flex}.spo-coll__vehicle--none{border-color:#d6d4d0;border-inline-start-color:#8a8885;background:var(--gtx-band-grey, #f5f5f4);color:var(--gtx-ink, #232323)}.spo-coll__vehicle--none .spo-coll__vehicle-icon{display:none}.spo-coll__vehicle-text{display:flex;align-items:baseline;gap:var(--gtx-space-2, .8rem);margin:0;font-size:var(--gtx-text-md, 1.6rem);line-height:1.4}.spo-coll__vehicle-text strong{font-weight:700}.spo-coll__vehicle-actions{display:flex;flex-wrap:wrap;gap:0 var(--gtx-space-4, 1.6rem)}.spo-coll__link-btn{min-height:var(--gtx-tap, 4.4rem);padding:0;border:0;background:none;color:var(--gtx-ink, #232323);font:inherit;font-size:var(--gtx-text-sm, 1.4rem);font-weight:700;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.spo-coll__bar{position:sticky;top:var(--spo-coll-top, 0px);z-index:4;margin-inline:calc(var(--page-margin, 2rem) * -1);padding:var(--gtx-space-2, .8rem) var(--page-margin, 2rem);border-block-end:1px solid var(--spo-coll-rule);background:#fff}.spo-coll__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gtx-space-2, .8rem)}.spo-fchip{display:inline-flex;align-items:center;gap:var(--gtx-space-1, .4rem);min-height:var(--gtx-tap, 4.4rem);padding:0 var(--gtx-space-4, 1.6rem);border:1px solid var(--spo-coll-line);border-radius:2.2rem;background:#fff;color:var(--gtx-ink, #232323);font:inherit;font-size:var(--gtx-text-sm, 1.4rem);font-weight:500;line-height:1.2;white-space:nowrap;cursor:pointer;list-style:none;transition:border-color var(--gtx-dur-fast, .15s) var(--gtx-ease, ease),background-color var(--gtx-dur-fast, .15s) var(--gtx-ease, ease)}.spo-fchip::-webkit-details-marker{display:none}.spo-fchip:hover{border-color:var(--gtx-ink, #232323)}.spo-fchip:focus-visible,.spo-fchip:has(:focus-visible){outline:2px solid var(--gtx-ink, #232323);outline-offset:2px}.spo-fchip.is-active{border-color:var(--gtx-ink, #232323);background:var(--gtx-ink, #232323);color:#fff}.spo-fchip__caret{width:.7rem;height:.7rem;margin-inline-start:var(--gtx-space-1, .4rem);border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:translateY(-.2rem) rotate(45deg)}.spo-pop[open] .spo-fchip__caret{transform:translateY(.2rem) rotate(225deg)}.spo-fchip__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.spo-fchip--check{position:relative}.spo-fchip--check:before{content:"";width:1.4rem;height:1.4rem;margin-inline-end:var(--gtx-space-1, .4rem);border:1px solid currentColor;border-radius:2px}.spo-fchip--check.is-active:before,.spo-fchip--check:has(:checked):before{background:currentColor;box-shadow:inset 0 0 0 2px var(--gtx-ink, #232323)}.spo-fchip--fit{border-color:var(--gtx-fit-fg, #1e7a46);background:var(--gtx-fit-bg, #e8f5ec);color:var(--gtx-fit-fg, #1e7a46);font-weight:700}.spo-fchip--fit:hover{border-color:#155c34}.spo-fchip--fit .spo-fchip__tick{display:none}.spo-fchip--fit[aria-pressed=true]{background:var(--gtx-fit-fg, #1e7a46);color:#fff}.spo-fchip--fit[aria-pressed=true] .spo-fchip__tick{display:inline}.spo-fchip--sort{margin-inline-start:auto;padding-inline-end:var(--gtx-space-2, .8rem)}.spo-fchip__sort-label{color:#595959;font-weight:400}.spo-fchip__select{min-height:var(--gtx-tap, 4.4rem);margin-block:-1px;padding:0 var(--gtx-space-2, .8rem);border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}.spo-fchip__select:focus-visible{outline:none}.spo-pop{position:relative;flex:none;width:auto;margin:0}.spo-pop__panel{position:absolute;inset-block-start:calc(100% + .6rem);inset-inline-start:0;z-index:5;min-width:26rem;max-height:min(60vh,48rem);overflow:auto;padding:var(--gtx-space-3, 1.2rem) var(--gtx-space-4, 1.6rem);border:1px solid var(--spo-coll-rule);border-radius:4px;background:#fff;box-shadow:0 8px 24px #23232329}.spo-pop__set{margin:0;padding:0;border:0}.spo-pop__legend{margin-block-end:var(--gtx-space-2, .8rem);padding:0;font-size:var(--gtx-text-sm, 1.4rem);font-weight:700}.spo-pop__option{display:flex;align-items:center;gap:var(--gtx-space-3, 1.2rem);min-height:var(--gtx-tap, 4.4rem);font-size:var(--gtx-text-md, 1.6rem);cursor:pointer}.spo-pop__option input{flex:none;width:2rem;height:2rem;margin:0;accent-color:var(--gtx-ink, #232323)}.spo-pop__label{flex:1}.spo-pop__n{color:#595959;font-size:var(--gtx-text-sm, 1.4rem)}.spo-pop__set--price{display:flex;flex-wrap:wrap;gap:var(--gtx-space-3, 1.2rem)}.spo-pop__set--price .spo-pop__legend{width:100%}.spo-pop__field{display:grid;gap:var(--gtx-space-1, .4rem);flex:1;font-size:var(--gtx-text-sm, 1.4rem)}.spo-pop__field input{width:100%;min-height:var(--gtx-tap, 4.4rem);padding:0 var(--gtx-space-3, 1.2rem);border:1px solid var(--spo-coll-line);border-radius:4px;font:inherit}.spo-pop__done{width:100%;min-height:var(--gtx-tap, 4.4rem);margin-block-start:var(--gtx-space-3, 1.2rem);border:0;border-radius:4px;background:var(--gtx-ink, #232323);color:#fff;font:inherit;font-weight:700;cursor:pointer}@media(min-width:750px){.spo-pop__done{display:none}}.spo-coll__status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gtx-space-2, .8rem) var(--gtx-space-4, 1.6rem);padding-block:var(--gtx-space-3, 1.2rem)}.spo-coll__count{margin:0;color:#595959;font-size:var(--gtx-text-sm, 1.4rem)}.spo-coll__active{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gtx-space-2, .8rem);margin:0;padding:0;list-style:none}.spo-coll__pill{display:inline-flex;align-items:center;gap:var(--gtx-space-2, .8rem);min-height:var(--gtx-tap, 4.4rem);padding:0 var(--gtx-space-3, 1.2rem);border-radius:2.2rem;background:var(--gtx-band-grey, #f5f5f4);color:var(--gtx-ink, #232323);font-size:var(--gtx-text-sm, 1.4rem);text-decoration:none}.spo-coll__pill:hover{background:#ececea}.spo-coll__clear,.spo-coll__link{display:inline-flex;align-items:center;min-height:var(--gtx-tap, 4.4rem);color:var(--gtx-ink, #232323);font-size:var(--gtx-text-sm, 1.4rem);font-weight:700;text-decoration:underline;text-underline-offset:.3rem}.spo-coll__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gtx-space-3, 1.2rem) var(--gtx-space-2, .8rem);margin:0;padding:0;list-style:none}@media(min-width:750px){.spo-coll__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gtx-space-4, 1.6rem)}}@media(min-width:990px){.spo-coll__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.spo-coll__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.spo-coll__item{display:flex;min-width:0}.spo-coll__item>*{width:100%}.spo-has-vehicle:not(.spo-fit-off) .spo-coll:not(.is-fit-ready) [data-results]{visibility:hidden}.spo-coll.is-fit [data-results],.spo-coll.is-fit .spo-coll__status{display:none}.spo-coll__more{display:grid;justify-items:center;gap:var(--gtx-space-3, 1.2rem);margin-block-start:var(--gtx-space-6, 3.2rem);text-align:center}.spo-coll__shown{margin:0;color:#595959;font-size:var(--gtx-text-sm, 1.4rem)}.spo-coll__progress{width:min(100%,24rem);height:.4rem;border-radius:.2rem;background:var(--spo-coll-rule);overflow:hidden}.spo-coll__progress span{display:block;height:100%;background:var(--gtx-ink, #232323)}.spo-coll__btn{display:inline-flex;align-items:center;justify-content:center;min-width:20rem;min-height:4.8rem;padding:0 var(--gtx-space-5, 2.4rem);border:1px solid var(--gtx-maroon, #9c2c34);border-radius:4px;background:var(--gtx-maroon, #9c2c34);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.spo-coll__btn:hover{border-color:var(--gtx-maroon-dark, #7d2229);background:var(--gtx-maroon-dark, #7d2229)}.spo-coll__btn--ghost{border-color:var(--spo-coll-line);background:#fff;color:var(--gtx-ink, #232323)}.spo-coll__btn--ghost:hover{border-color:var(--gtx-ink, #232323);background:#fff}.spo-coll__btn:focus-visible,.spo-coll__link-btn:focus-visible,.spo-coll__pill:focus-visible,.spo-coll__clear:focus-visible,.spo-coll__link:focus-visible{outline:2px solid var(--gtx-ink, #232323);outline-offset:2px}.spo-coll__btn[aria-busy=true]{opacity:.7;cursor:progress}.spo-coll__earlier{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gtx-space-4, 1.6rem);margin:0 0 var(--gtx-space-3, 1.2rem);color:#595959;font-size:var(--gtx-text-sm, 1.4rem)}.spo-coll__universal{margin-block-start:var(--gtx-space-7, 4.8rem);padding-block-start:var(--gtx-space-5, 2.4rem);border-block-start:1px solid var(--spo-coll-rule)}.spo-coll__group-title{margin:0 0 var(--gtx-space-1, .4rem);font-size:var(--gtx-text-lg, 2rem);font-style:italic;font-weight:700}.spo-coll__group-n{font-style:normal;font-weight:400;color:#595959}.spo-coll__group-lede{margin:0 0 var(--gtx-space-4, 1.6rem);color:#595959;font-size:var(--gtx-text-sm, 1.4rem)}.spo-coll__empty{max-width:64rem;margin:var(--gtx-space-4, 1.6rem) 0;padding:var(--gtx-space-5, 2.4rem);border-radius:4px;background:var(--gtx-band-grey, #f5f5f4)}.spo-coll__empty-title{margin:0 0 var(--gtx-space-2, .8rem);font-size:var(--gtx-text-lg, 2rem);font-style:italic;font-weight:700;line-height:1.3}.spo-coll__empty p{margin:0 0 var(--gtx-space-4, 1.6rem);max-width:60ch;line-height:1.55}.spo-coll__empty-actions{display:flex;flex-wrap:wrap;gap:var(--gtx-space-3, 1.2rem)}@media(max-width:749px){.spo-coll{padding-block-start:var(--gtx-space-3, 1.2rem)}.spo-coll__vehicle{min-height:9.2rem;padding-block:var(--gtx-space-2, .8rem) 0}.spo-coll__vehicle-text{font-size:var(--gtx-text-sm, 1.4rem)}.spo-coll__chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--page-margin, 2rem) * -1);padding-inline:var(--page-margin, 2rem);scrollbar-width:none}.spo-coll__chips::-webkit-scrollbar{display:none}.spo-fchip--sort{margin-inline-start:0}.spo-pop{position:static}.spo-pop[open]>summary:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#23232373;cursor:default}.spo-pop__panel{position:fixed;inset:auto 0 0;z-index:30;min-width:0;max-height:70dvh;padding:var(--gtx-space-4, 1.6rem) var(--gtx-space-4, 1.6rem) calc(var(--gtx-space-4, 1.6rem) + env(safe-area-inset-bottom));border-radius:1.2rem 1.2rem 0 0;box-shadow:0 -8px 32px #23232340}.spo-coll__btn{width:100%}}@media(prefers-reduced-motion:reduce){.spo-fchip{transition:none}}.spo-coll__cats{display:flex;flex-wrap:wrap;gap:var(--gtx-space-2, .8rem);min-width:0}@media(max-width:749px){.spo-coll__cats{flex:none;flex-wrap:nowrap}.spo-fchip--cat{flex:none}}.spo-fchip--cat{order:0}.spo-fchip--cat:has(:checked){border-color:var(--gtx-ink, #232323);background:var(--gtx-ink, #232323);color:#fff}.spo-fchip--cat:has(:focus-visible){outline:2px solid var(--gtx-ink, #232323);outline-offset:2px}.spo-fchip__n{color:inherit;font-variant-numeric:tabular-nums;font-weight:400;opacity:.8}.spo-has-vehicle .spo-coll--hub .spo-coll__vehicle{display:none}.spo-hub-same .spo-coll--hub .spo-coll__vehicle{display:flex}.spo-hub-empty{border-inline-start:4px solid var(--gtx-ink, #232323)}.spo-cat-more{background:var(--gtx-band-grey, #f5f5f4);color:var(--gtx-ink, #232323)}.spo-cat-more__inner{display:grid;gap:var(--gtx-space-6, 3.2rem);max-width:var(--page-width, 157rem);margin-inline:auto;padding:var(--gtx-space-7, 4.8rem) var(--page-margin, 2rem)}@media(min-width:990px){.spo-cat-more__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gtx-space-8, 6.4rem)}}.spo-cat-more__col{min-width:0}.spo-cat-more__h2{margin:0 0 var(--gtx-space-4, 1.6rem);font-size:var(--gtx-text-xl, 2.4rem);font-style:italic;font-weight:700;line-height:1.2}.spo-cat-more__h3{margin:var(--gtx-space-6, 3.2rem) 0 var(--gtx-space-2, .8rem);font-size:var(--gtx-text-lg, 2rem);font-style:italic;font-weight:700}.spo-cat-more__text,.spo-cat-more__list,.spo-cat-more__note,.spo-cat-more__qa p{max-width:70ch;font-size:var(--gtx-text-md, 1.6rem);line-height:1.6}.spo-cat-more__list{margin:0;padding-inline-start:2rem}.spo-cat-more__list li+li{margin-block-start:var(--gtx-space-2, .8rem)}.spo-cat-more__note{margin:0 0 var(--gtx-space-3, 1.2rem);color:#3d3d3d}.spo-cat-more__table-wrap{overflow-x:auto}.spo-cat-more__table{width:100%;border-collapse:collapse;background:#fff;font-size:var(--gtx-text-sm, 1.4rem);line-height:1.5}.spo-cat-more__table th,.spo-cat-more__table td{padding:var(--gtx-space-3, 1.2rem);border-block-end:1px solid #e4e3e0;text-align:start;vertical-align:top}.spo-cat-more__table thead th{background:var(--gtx-ink, #232323);color:#fff;font-weight:700}.spo-cat-more__table td:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.spo-cat-more__links ul{display:flex;flex-wrap:wrap;gap:0 var(--gtx-space-5, 2.4rem);margin:0;padding:0;list-style:none}.spo-cat-more__links a{display:inline-flex;align-items:center;min-height:var(--gtx-tap, 4.4rem);color:var(--gtx-ink, #232323);font-weight:700}.spo-cat-more__qa{border-block-end:1px solid #d6d5d2;background:transparent}.spo-cat-more__qa:first-of-type{border-block-start:1px solid #d6d5d2}.spo-cat-more__qa summary{display:flex;align-items:center;justify-content:space-between;gap:var(--gtx-space-3, 1.2rem);min-height:5.6rem;padding-block:var(--gtx-space-3, 1.2rem);font-size:var(--gtx-text-md, 1.6rem);font-weight:700;line-height:1.35;list-style:none;cursor:pointer}.spo-cat-more__qa summary::-webkit-details-marker{display:none}.spo-cat-more__qa summary:after{content:"";flex:none;width:1rem;height:1rem;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg)}.spo-cat-more__qa[open] summary:after{transform:rotate(225deg)}.spo-cat-more__qa summary:focus-visible{outline:2px solid var(--gtx-ink, #232323);outline-offset:2px}.spo-cat-more__qa p{margin:0 0 var(--gtx-space-4, 1.6rem)}.spo-cat-more__ask{display:inline-block;padding-block:1.2rem;margin-block:-1.2rem;color:var(--gtx-ink, #232323);font-weight:700;text-decoration:underline;text-underline-offset:.3rem}@media(max-width:749px){.spo-cat-more__inner{padding-block:var(--gtx-space-6, 3.2rem)}.spo-cat-more__h2{font-size:var(--gtx-text-lg, 2rem)}}.spo-search-tabs-wrap{max-width:var(--page-width, 157rem);margin-inline:auto;padding:var(--gtx-space-3, 1.2rem) var(--page-margin, 2rem) 0}.spo-search-head__nojs a{display:inline-block;padding-block:1.2rem;color:var(--gtx-ink, #232323);font-weight:700;text-decoration:underline}.spo-search-guides-panel{padding-block-start:var(--gtx-space-2, .8rem)}.spo-search-tabs{display:flex;gap:var(--gtx-space-1, .4rem);border-block-end:1px solid #e4e3e0}.spo-search-tabs[hidden]{display:none}.spo-search-tabs__tab{min-height:var(--gtx-tap, 4.4rem);margin-block-end:-1px;padding:0 var(--gtx-space-4, 1.6rem);border:0;border-block-end:3px solid transparent;background:none;color:#4a4a4a;font:inherit;font-size:var(--gtx-text-sm, 1.4rem);font-weight:700;cursor:pointer}.spo-search-tabs__tab[aria-selected=true]{border-block-end-color:var(--gtx-ink, #232323);color:var(--gtx-ink, #232323)}.spo-search-tabs__tab:focus-visible{outline:2px solid var(--gtx-ink, #232323);outline-offset:-2px}.spo-search-tabs__n{font-weight:400}.spo-search-guides-panel:focus-visible{outline:2px solid var(--gtx-ink, #232323);outline-offset:2px}.spo-coll--hub:has([data-hub-empty]:not([hidden])) .spo-coll__count{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/29/assets/spo-collection.css.map */