.spx-plp{--spx-plp-line: #e4e3df;--spx-plp-soft: #555;--spx-plp-muted: #777;--spx-plp-field: #c9c7c3;display:block;background:var(--sf-paper, #f7f5f5);color:#141414;padding-bottom:72px}.spx-plp *,.spx-plp *:before,.spx-plp *:after{box-sizing:border-box}.spx-plp a{color:inherit}.spx-plp__head{padding:22px var(--spx-gutter, 26px) 0}.spx-crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;line-height:1.5;color:var(--spx-plp-muted);margin:0 0 26px}.spx-crumb a{text-decoration:none}.spx-crumb a:hover{text-decoration:underline;text-underline-offset:3px}.spx-crumb [aria-current]{color:#141414}.spx-kicker{font-size:10px;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;font-weight:500;color:var(--spx-plp-muted);margin:0 0 10px}.spx-plp__title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding-bottom:26px}.spx-plp__title{font-size:var(--spx-display, 56px);line-height:1.02;letter-spacing:-.045em;font-weight:700;margin:0;text-transform:uppercase;overflow-wrap:anywhere}.spx-plp__desc{max-width:520px;font-size:var(--spx-body, 14px);line-height:1.65;color:var(--spx-plp-soft);margin:14px 0 0}.spx-plp__total{font-size:13px;color:var(--spx-plp-soft);margin:0;white-space:nowrap}.spx-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:22px;margin:0 calc(var(--spx-gutter, 26px) * -1);padding-left:var(--spx-gutter, 26px);padding-right:var(--spx-gutter, 26px);scroll-padding-inline:var(--spx-gutter, 26px)}.spx-cats::-webkit-scrollbar{display:none}.spx-cat{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid #d6d4d0;border-radius:var(--spx-radius, 6px);background:#fff;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,color .2s}.spx-cat span{font-size:11px;font-weight:400;color:var(--spx-plp-muted)}.spx-cat:hover{border-color:#141414}.spx-cat[aria-current]{background:#141414;border-color:#141414;color:#fff}.spx-cat[aria-current] span{color:#bdbdbd}.spx-bar{position:sticky;top:var(--spx-sticky-top, 0px);z-index:20;background:var(--sf-paper, #f7f5f5);border-top:1px solid var(--spx-plp-line);border-bottom:1px solid var(--spx-plp-line);transition:top .2s ease}.spx-bar__row{display:flex;align-items:center;gap:10px;min-height:62px;padding:11px var(--spx-gutter, 26px)}.spx-bar__btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1px solid var(--spx-plp-field);border-radius:var(--spx-radius, 6px);background:#fff;font:inherit;font-size:12px;font-weight:500;letter-spacing:-.01em;cursor:pointer;color:#141414}.spx-bar__btn svg{width:16px;height:16px}.spx-bar__btn:hover{border-color:#141414}.spx-bar__badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#141414;color:#fff;font-size:10px;display:inline-grid;place-items:center}.spx-bar__badge[hidden]{display:none}.spx-bar__active{flex:1;min-width:0}.spx-bar__right{display:flex;align-items:center;gap:12px;margin-left:auto}.spx-bar__count{font-size:12px;color:var(--spx-plp-soft);white-space:nowrap}.spx-sort{position:relative;display:inline-flex}.spx-sort select{appearance:none;-webkit-appearance:none;height:40px;padding:0 36px 0 14px;border:1px solid var(--spx-plp-field);border-radius:var(--spx-radius, 6px);background:#fff;font:inherit;font-size:12px;font-weight:500;color:#141414;cursor:pointer}.spx-sort select:hover{border-color:#141414}.spx-sort svg{position:absolute;right:13px;top:50%;width:12px;height:12px;transform:translateY(-50%);pointer-events:none}.spx-active{display:flex;flex-wrap:wrap;gap:6px}.spx-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px 0 11px;border-radius:var(--spx-radius, 6px);background:#e9e7e4;font-size:11px;font-weight:500;text-decoration:none}.spx-pill svg{width:12px;height:12px}.spx-pill:hover{background:#dedbd7}.spx-pill--clear{background:none;padding:0 4px;text-decoration:underline;text-underline-offset:3px;color:var(--spx-plp-soft)}.spx-pill--clear:hover{background:none;color:#141414}.spx-plp__body{padding:0 var(--spx-gutter, 26px)}.spx-plp-results{transition:opacity .2s ease}.spx-plp.is-loading .spx-plp-results{opacity:.45;pointer-events:none}.spx-plp-grid{display:grid;grid-template-columns:repeat(var(--spx-plp-cols, 4),minmax(0,1fr));gap:30px 14px;padding-top:26px}.spx-plp-item{display:flex;min-width:0}.spx-plp-item[hidden]{display:none}.spx-plp-item.is-revealed{animation:spx-plp-in .35s ease both}@keyframes spx-plp-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.spx-plp-item>.sf-product{display:flex;flex-direction:column;flex:1;min-width:0}.spx-plp-item>.sf-product>.sf-product__media{flex-shrink:0}.spx-plp-item>.sf-product>.sf-product__info{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.spx-plp-item .sf-product__info>h3{min-height:3em;line-height:1.5;margin-bottom:8px;overflow-wrap:anywhere}.spx-plp-item .sf-product__info>.sf-product__price{margin-top:auto}.spx-plp .sf-product__media .sf-product__image{transition:transform .4s,opacity .35s ease}.spx-plp .sfa-hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;object-fit:contain;mix-blend-mode:multiply;opacity:0;pointer-events:none;transition:opacity .35s ease}.spx-plp .sfa-hover--video{display:none}.spx-plp .sf-product__media .sf-badge,.spx-plp .sf-product__media .sf-product__arrow{z-index:2}@media(hover:hover){.spx-plp .sfa-has-hover:hover .sfa-hover{opacity:1}.spx-plp .sfa-has-hover:hover .sf-product__image{opacity:0}}.spx-plp .sf-color-card-selected .sfa-hover{display:none}.spx-plp .sfa-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.spx-plp .sfa-tag{display:inline-flex;align-items:center;height:18px;padding:0 5px;border:1px solid #333;border-radius:var(--spx-radius-sm, 3px);background:#fff;color:#333;font-size:10px;font-weight:500;line-height:1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.spx-plp .sfa-tag--hot{background:#141414;border-color:#141414;color:#fff}.spx-plp .sfa-tag--sale{border-color:#c8102e;color:#c8102e}.spx-family-tag{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;height:18px;padding:0 5px;border:1px solid #333;border-radius:var(--spx-radius-sm, 3px);background:#fff;color:#333;font-size:10px;font-weight:500;line-height:1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.spx-more{display:flex;flex-direction:column;align-items:center;gap:14px;padding:46px 0 0}.spx-more[hidden]{display:none}.spx-more__text{margin:0;font-size:12px;color:var(--spx-plp-soft)}.spx-prog{width:200px;height:2px;border-radius:2px;background:#dddbd7;overflow:hidden}.spx-prog span{display:block;height:100%;width:0;background:#141414;transition:width .3s ease}.spx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 24px;border:1px solid #141414;border-radius:var(--spx-radius, 6px);background:#141414;color:#fff!important;font:inherit;font-size:13px;font-weight:500;letter-spacing:-.02em;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}.spx-btn:hover{background:#3b3b3b;border-color:#3b3b3b}.spx-btn--line{background:transparent;color:#141414!important;border-color:var(--spx-plp-field)}.spx-btn--line:hover{background:#ecebe7;border-color:var(--spx-plp-field)}.spx-btn[hidden]{display:none}.spx-icon-btn{width:40px;height:40px;display:grid;place-items:center;border:0;background:none;border-radius:50%;cursor:pointer;color:inherit}.spx-icon-btn svg{width:22px;height:22px}.spx-icon-btn:hover{background:#ecebe7}.spx-plp :focus-visible,.spx-dr :focus-visible{outline:2px solid #141414;outline-offset:2px}.spx-empty{max-width:560px;padding:48px 0 8px}.spx-empty h2{font-size:var(--spx-h2, 28px);line-height:1.15;letter-spacing:-.035em;font-weight:700;margin:0 0 12px}.spx-empty p{font-size:var(--spx-body, 14px);line-height:1.65;color:var(--spx-plp-soft);margin:0 0 4px}.spx-empty ul{margin:8px 0 22px;padding-left:18px;font-size:var(--spx-body, 14px);line-height:1.8;color:var(--spx-plp-soft)}.spx-fallback{margin-top:48px}.spx-fallback__head{display:flex;align-items:center;justify-content:space-between;gap:14px}.spx-fallback__head h2{font-size:var(--spx-h2, 28px);line-height:1.15;letter-spacing:-.035em;font-weight:700;margin:0}.spx-search__head{padding-top:34px;padding-bottom:0}.spx-sbox{display:flex;align-items:center;gap:12px;max-width:820px;padding-bottom:10px;border-bottom:2px solid #141414}.spx-sbox__icon{width:26px;height:26px;flex:none}.spx-sbox__input{flex:1;min-width:0;border:0;background:none;padding:4px 0;font:inherit;font-size:34px;font-weight:700;letter-spacing:-.04em;color:#141414;outline:none}.spx-sbox__input::placeholder{color:#b5b3af}.spx-sbox__input::-webkit-search-cancel-button{display:none}.spx-sbox__clear{width:30px;height:30px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:#e9e7e4;cursor:pointer;color:#141414}.spx-sbox__clear[hidden]{display:none}.spx-sbox__clear svg{width:12px;height:12px}.spx-sbox__go{min-height:40px;padding:0 18px;font-size:12px}.spx-search__res{margin:16px 0 0;font-size:14px;color:var(--spx-plp-soft)}.spx-search__res b{color:#141414;font-weight:500}.spx-pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:12px;color:var(--spx-plp-muted)}.spx-pop__chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid #d6d4d0;border-radius:var(--spx-radius, 6px);background:#fff;color:#141414;text-decoration:none}.spx-pop__chip:hover{border-color:#141414}.spx-pop__chip[aria-current=true]{background:#141414;border-color:#141414;color:#fff}.spx-tabs{display:flex;gap:24px;margin-top:26px}.spx-tab{padding:0 0 12px;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:var(--spx-plp-muted);text-decoration:none;margin-bottom:-1px}.spx-tab[aria-current=page]{color:#141414;border-color:#141414}.spx-plp--search .spx-bar{margin-top:0}.spx-plp--search .spx-tabs+*{margin-top:0}.spx-content-list{list-style:none;margin:0;padding:12px 0 0;max-width:820px}.spx-content-list li{border-bottom:1px solid var(--spx-plp-line)}.spx-content-list a{display:block;padding:22px 0;text-decoration:none}.spx-content-list h3{font-size:var(--spx-h3, 15px);font-weight:700;margin:0 0 6px}.spx-content-list p{font-size:var(--spx-body, 14px);line-height:1.65;color:var(--spx-plp-soft);margin:0}.spx-content-list a:hover h3{text-decoration:underline;text-underline-offset:3px}.spx-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0006;opacity:0;transition:opacity .25s ease}.spx-ov.is-open{opacity:1}.spx-dr{position:fixed;z-index:91;top:0;right:0;bottom:0;width:min(420px,100%);display:flex;flex-direction:column;background:var(--sf-paper, #f7f5f5);color:#141414;transform:translate(100%);transition:transform .3s ease;box-shadow:-20px 0 60px #0000001f}.spx-dr.is-open{transform:none}.spx-dr[hidden],.spx-ov[hidden]{display:none}.spx-dr__head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 16px 24px;border-bottom:1px solid var(--spx-plp-line, #e4e3df)}.spx-dr__head h2{font-size:var(--spx-h3, 15px);font-weight:700;margin:0}.spx-dr__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 24px;margin:0}.spx-dr__foot{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--spx-plp-line, #e4e3df)}.spx-fg{border-bottom:1px solid var(--spx-plp-line, #e4e3df)}.spx-fg__head{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:var(--spx-h3, 15px);font-weight:700;cursor:pointer}.spx-fg__head::-webkit-details-marker{display:none}.spx-fg__head:after{content:"+";font-size:22px;font-weight:400;line-height:1;transition:transform .2s ease}.spx-fg[open]>.spx-fg__head:after{transform:rotate(45deg)}.spx-fg__n{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:9px;background:#141414;color:#fff;font-size:10px;font-weight:500;vertical-align:2px}.spx-fg__body{padding-bottom:20px}.spx-opts{display:grid;gap:4px}.spx-opts--size{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.spx-opts--color{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.spx-opt{position:relative;display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;cursor:pointer}.spx-opt input{width:18px;height:18px;margin:0;accent-color:#141414;flex:none}.spx-opt__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spx-opt__count{margin-left:auto;font-size:11px;color:var(--spx-plp-muted, #777)}.spx-opt.is-disabled{opacity:.4;cursor:default}.spx-opts--size .spx-opt,.spx-opts--color .spx-opt{height:40px;padding:0 10px;border:1px solid #d6d4d0;border-radius:var(--spx-radius, 6px);background:#fff;font-size:12px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.spx-opts--size .spx-opt{justify-content:center}.spx-opts--size .spx-opt input,.spx-opts--color .spx-opt input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.spx-opts--size .spx-opt.is-active{background:#141414;border-color:#141414;color:#fff}.spx-opts--color .spx-opt.is-active{border-color:#141414;box-shadow:inset 0 0 0 1px #141414}.spx-opts--size .spx-opt:has(input:focus-visible),.spx-opts--color .spx-opt:has(input:focus-visible){outline:2px solid #141414;outline-offset:2px}.spx-opt__dot{width:16px;height:16px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px #00000029}.spx-opts--color .spx-opt__count{font-size:10px}.spx-price{display:flex;align-items:flex-end;gap:10px}.spx-price__field{flex:1;display:grid;gap:6px;font-size:11px;color:var(--spx-plp-muted, #777)}.spx-price__field input{width:100%;height:42px;padding:0 12px;border:1px solid var(--spx-plp-field, #c9c7c3);border-radius:var(--spx-radius, 6px);background:#fff;font:inherit;font-size:13px;color:#141414}.spx-price__dash{padding-bottom:11px;color:var(--spx-plp-muted, #777)}html.spx-lock{overflow:hidden}@media(min-width:1500px){.spx-plp-grid{gap:34px 16px}}@media(max-width:989px){.spx-plp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.spx-plp{padding-bottom:56px}.spx-plp__head{padding-top:16px}.spx-crumb{font-size:10px;margin-bottom:18px}.spx-kicker{font-size:9px}.spx-plp__title-row{grid-template-columns:1fr;gap:10px;padding-bottom:18px}.spx-plp__desc{font-size:13px;margin-top:10px}.spx-plp__total{font-size:12px}.spx-cats{padding-bottom:16px}.spx-cat{height:34px;padding:0 12px}.spx-bar__row{flex-wrap:wrap;gap:8px;min-height:0;padding:10px var(--spx-gutter, 16px)}.spx-bar__btn{flex:1;justify-content:center;height:40px}.spx-bar__right{flex:1;margin-left:0}.spx-bar__count{display:none}.spx-sort,.spx-sort select{width:100%}.spx-bar__active{order:3;flex-basis:100%}.spx-bar__active:has(.spx-active[data-active-count="0"]){display:none}.spx-plp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 10px;padding-top:18px}.spx-plp .sfa-tag{height:16px;padding:0 4px;font-size:8px}.spx-family-tag{left:9px;top:9px;height:16px;padding:0 4px;font-size:8px}.spx-more{padding-top:36px}.spx-btn{min-height:40px;padding:0 18px;font-size:12px}.spx-search__head{padding-top:22px}.spx-sbox__input{font-size:24px}.spx-sbox__icon{width:22px;height:22px}.spx-sbox__go{display:none}.spx-tabs{margin-top:20px;gap:18px}.spx-empty{padding-top:32px}.spx-empty h2,.spx-fallback__head h2{font-size:24px}.spx-dr{top:auto;left:0;width:100%;max-height:86vh;border-radius:12px 12px 0 0;transform:translateY(100%);box-shadow:0 -20px 60px #0000001f}.spx-dr.is-open{transform:none}.spx-dr__head{padding-left:20px}.spx-dr__body{padding:0 20px}.spx-dr__foot{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){.spx-plp *,.spx-dr,.spx-ov{transition:none!important;animation:none!important}}@media(hover:none)and (pointer:coarse){.spx-sort select,.spx-price__field input{font-size:16px}}.spx-sort{position:relative;display:inline-flex;align-items:center;height:40px;padding:0 36px 0 16px;border:1px solid var(--spx-plp-field);border-radius:var(--spx-radius, 6px);background:#fff;color:#141414;font-size:12px;font-weight:500;letter-spacing:-.01em;line-height:1;white-space:nowrap;cursor:pointer;transition:border-color .2s}.spx-sort:hover{border-color:#141414}.spx-sort:focus-within{outline:2px solid #141414;outline-offset:2px}.spx-sort__text{pointer-events:none;overflow:hidden;text-overflow:ellipsis}.spx-sort select,.spx-sort select:hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;font-size:16px;cursor:pointer}@media(max-width:749px){.spx-sort{width:100%;justify-content:center;padding:0 36px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/spotec-plp.css.map */