.spp-hub{--spp-ink:#111418;--spp-txt:#1f2328;--spp-mut:#57606a;--spp-faint:#6e7781;--spp-line:#e5e7eb;--spp-line-h:#c9cdd2;--spp-soft:#f6f7f8;--spp-r:16px;--spp-rs:12px;--spp-sh:0 1px 2px rgba(17,20,24,.05),0 10px 30px -12px rgba(17,20,24,.18);--spp-pad:var(--page-padding,20px);padding:var(--spp-pt,24px) 0 var(--spp-pb,8px);background:#fff;color:var(--spp-txt);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.spp-hub *,.spp-hub *:before,.spp-hub *:after{box-sizing:border-box}.spp-hub__wrap{max-width:calc(1344px + var(--spp-pad) * 2);margin:0 auto;padding-inline:var(--spp-pad)}.spp-hub :focus-visible{outline:2px solid var(--spp-ink);outline-offset:2px}.spp-hub svg{flex-shrink:0;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.spp-hub__crumbs{margin:0 0 14px;font-size:12.5px;line-height:1.4;color:var(--spp-mut)}.spp-hub__crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0;padding:0;list-style:none}.spp-hub__crumbs li{display:inline-flex;align-items:center;min-width:0;margin:0}.spp-hub__crumbs li+li:before{content:"\203a";margin:0 7px;color:var(--spp-faint)}.spp-hub__crumbs a{color:var(--spp-mut)}.spp-hub__crumbs a:hover{color:var(--spp-ink);text-decoration:underline;text-underline-offset:2px}.spp-hub__crumbs [aria-current]{color:var(--spp-txt)}.spp-hub__head{max-width:900px}.spp-hub .spp-hub__title{margin:0;font-family:var(--font-heading-family,inherit);font-size:clamp(26px,2.9vw,40px);line-height:1.12;font-weight:700;letter-spacing:-.025em;color:var(--spp-ink);text-transform:none;overflow-wrap:anywhere}.spp-hub__sub{display:block;margin-top:8px;font-family:var(--font-body-family,inherit);font-size:clamp(15px,1.3vw,18px);line-height:1.4;font-weight:500;letter-spacing:-.005em;color:var(--spp-mut)}.spp-hub__intro{margin:14px 0 0;max-width:72ch;font-size:15px;line-height:1.6;color:var(--spp-mut)}.spp-hub__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:20px 0 0;font-size:13.5px;color:var(--spp-mut)}.spp-hub .spp-hub__jump{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;background:var(--spp-ink);color:#fff;font-size:14px;font-weight:600;line-height:1;transition:background-color .15s}.spp-hub .spp-hub__jump:hover{background:#000}.spp-hub__jump svg{width:16px;height:16px;stroke-width:2}.spp-hub .spp-hub__h2{margin:0;font-family:var(--font-heading-family,inherit);font-size:clamp(19px,1.65vw,24px);line-height:1.25;font-weight:700;letter-spacing:-.018em;color:var(--spp-ink);text-transform:none}.spp-hub__n{font-family:var(--font-body-family,inherit);font-size:.7em;font-weight:500;letter-spacing:0;color:var(--spp-mut);white-space:nowrap;font-variant-numeric:tabular-nums}.spp-hub__cats{margin-top:clamp(28px,3.2vw,44px)}.spp-hub__cats>.spp-hub__h2{margin-bottom:14px}.spp-hub__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;margin:0;padding:0;list-style:none}.spp-hub__tiles>li{display:flex;min-width:0;margin:0}.spp-hub__tile{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:7px 8px 7px 7px;border:1px solid var(--spp-line);border-radius:14px;background:#fff;color:var(--spp-ink);transition:border-color .15s,box-shadow .15s}.spp-hub__tile:hover{border-color:var(--spp-ink);box-shadow:var(--spp-sh)}.spp-hub__tile-media{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;aspect-ratio:1/1;border-radius:10px;background:#fff;overflow:hidden}.spp-hub__tile-media img{display:block;width:100%;height:100%;margin:0;object-fit:contain}.spp-hub__tile-media.is-icon{background:var(--spp-soft);color:var(--spp-ink)}.spp-hub__tile-media svg{width:58%;height:58%;stroke-width:1.7}.spp-hub__tile-text{display:flex;flex-direction:column;gap:1px;min-width:0}.spp-hub__tile-name{font-size:13.5px;line-height:1.25;font-weight:600;color:var(--spp-ink);overflow-wrap:anywhere}.spp-hub__tile-count{font-size:12px;line-height:1.3;color:var(--spp-mut);font-variant-numeric:tabular-nums}@media(min-width:600px){.spp-hub__tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.spp-hub__tile{gap:12px;padding-right:10px}.spp-hub__tile-media{flex-basis:56px;width:56px}.spp-hub__tile-name{font-size:14px}}@media(min-width:1200px){.spp-hub__tiles{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}.spp-hub__tile{flex-direction:column;align-items:stretch;gap:0;padding:10px 10px 13px;border-radius:var(--spp-r)}.spp-hub__tile-media{flex:none;width:100%;border-radius:var(--spp-rs)}.spp-hub__tile-media svg{width:38%;height:38%;stroke-width:1.6}.spp-hub__tile-text{margin-top:10px}.spp-hub__tile-name{line-height:1.3}.spp-hub__tile-count{font-size:12.5px}}.spp-hub__row{margin-top:clamp(36px,4vw,56px)}.spp-hub__row-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:14px}.spp-hub .spp-hub__more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1.3;color:var(--spp-ink)}.spp-hub .spp-hub__more:hover{text-decoration:underline;text-underline-offset:3px}.spp-hub__more svg{width:16px;height:16px;stroke-width:2;transition:transform .15s}.spp-hub__more:hover svg{transform:translate(2px)}.spp-hub__cards{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px) / 2.2);gap:12px;margin:0 calc(var(--spp-pad) * -1);padding:2px var(--spp-pad) 12px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--spp-pad);scrollbar-width:thin;scrollbar-color:var(--spp-line-h) transparent}.spp-hub__cards>li{display:flex;min-width:0;margin:0;scroll-snap-align:start}@media(min-width:600px){.spp-hub__cards{grid-auto-columns:calc((100% - 36px) / 3.3)}}@media(min-width:900px){.spp-hub__cards{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;gap:16px;margin:0;padding:0;overflow:visible;scroll-snap-type:none}}.spp-hub .spp-hub__allhead{margin-top:clamp(40px,4.4vw,64px);padding-top:clamp(24px,2.6vw,32px);border-top:1px solid var(--spp-line);scroll-margin-top:110px}.spp-hub .product-card{width:100%;background:#fff;border:1px solid var(--spp-line);border-radius:var(--spp-r);box-shadow:none;overflow:hidden;transition:border-color .15s,box-shadow .15s}.spp-hub .product-card:hover{border-color:var(--spp-line-h);box-shadow:var(--spp-sh)}.spp-hub .product-card .media{background-color:#fff}.spp-hub .product-card .media img{object-fit:contain}.spp-hub .product-card__content{--card-content-padding-block:12px 14px;--card-content-padding-inline:14px}.spp-hub .product-card__title{font-size:15px;line-height:1.35;color:var(--spp-ink)}.spp-hub-section~.collection-section .collection.page-width{max-width:calc(1344px + var(--page-padding) * 2)}.spp-hub-section~.collection-section .product-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:none;overflow:hidden}.spp-hub-section~.collection-section .product-card .media{background-color:#fff}.spp-hub-section~.collection-section .product-card .media img{object-fit:contain}.spp-hub-section~.collection-section .product-card__title{font-size:15px;line-height:1.35}@media(prefers-reduced-motion:reduce){.spp-hub *,.spp-hub *:before,.spp-hub *:after{transition:none!important}}.spp-grid,.spp-cc{--cc-ink:#0B0B0C;--cc-ink-hover:#2A2A2E;--cc-text:#1D1D1F;--cc-muted:#5F5F66;--cc-line:#E5E5EA;--cc-line-h:#C7C7CC;--cc-line-strong:#86868B;--cc-stage:#F5F5F7;--cc-focus:#0B61CD;--cc-sale:#B42318;--cc-shadow:0 1px 2px rgb(11 11 12 / .06),0 12px 32px -16px rgb(11 11 12 / .24)}.spp-grid motion-list.card-grid{--card-grid-per-row:2;--card-grid-gap:12px;align-items:stretch}@media screen and (min-width:700px){.spp-grid motion-list.card-grid{--card-grid-per-row:3;--card-grid-gap:16px}}@media screen and (min-width:1200px){.spp-grid motion-list.card-grid{--card-grid-per-row:4;--card-grid-gap:20px}}.spp-grid .product-card{height:100%;background:#fff;border:1px solid var(--cc-line);border-radius:16px;box-shadow:none;overflow:hidden;transition:border-color .2s,box-shadow .2s}.spp-grid .product-card:hover{border-color:var(--cc-line-h);box-shadow:var(--cc-shadow)}.spp-grid .product-card__media{background:#fff}.spp-grid .product-card__media>.media{aspect-ratio:1/1;height:auto;background:#fff;border-radius:0}.spp-grid .product-card__media>.media>img,.spp-grid .product-card__secondary>img{width:100%;height:100%;padding:6%;box-sizing:border-box;object-fit:contain;background:#fff}.spp-grid .product-card__secondary{background:#fff}.spp-grid .product-card__content{--card-content-padding-block:12px 16px;--card-content-padding-inline:14px;flex:1 1 auto}.spp-grid .product-card__details{flex:1 1 auto;flex-direction:column;align-items:stretch;gap:10px}.spp-grid .product-card__details>p{margin:0;min-height:40px;font-size:15px;line-height:20px;color:var(--cc-ink)}.spp-grid .product-card__title{font-size:inherit;line-height:inherit;font-weight:500;letter-spacing:0;color:var(--cc-ink);overflow-wrap:anywhere}.spp-grid .product-card__details>div{margin-top:auto}.spp-grid .product-card .price{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:2px 8px;text-align:left}.spp-grid .product-card .price__regular{font-size:16px;line-height:1.25;font-weight:700;color:var(--cc-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.spp-grid .product-card .price--on-sale .price__regular{color:var(--cc-sale)}.spp-grid .product-card .price__sale{font-size:13px;color:var(--cc-muted)}.spp-grid--vat .product-card .price:after{content:"inc VAT";font-size:12px;line-height:1.25;font-weight:400;color:var(--cc-muted)}.spp-grid .product-card a:focus-visible{outline:2px solid var(--cc-focus);outline-offset:2px;border-radius:4px}@media screen and (max-width:699px){.spp-grid--vat .product-card .price:after{flex-basis:100%}}.spp-grid .spp-empty-wrap{display:block;margin-block:0;text-align:left}.spp-empty{max-width:760px;margin:0 0 24px;padding:clamp(24px,3vw,40px);border:1px solid var(--cc-line);border-radius:20px;background:var(--cc-stage);color:var(--cc-text);font-family:var(--font-body-family,"Inter"),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}.spp-empty .spp-empty__title{margin:0;font-family:var(--font-heading-family,inherit);font-size:clamp(22px,2vw,28px);line-height:1.2;font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--cc-ink)}.spp-empty__text{margin:10px 0 0;max-width:62ch;font-size:16px;line-height:1.6;color:var(--cc-muted)}.spp-empty__search{display:flex;gap:8px;max-width:520px;margin:20px 0 0}.spp-empty .spp-empty__input{flex:1 1 auto;min-width:0;height:48px;margin:0;padding:0 16px;border:1px solid var(--cc-line-strong);border-radius:12px;background:#fff;font-size:16px;color:var(--cc-ink);box-shadow:none}.spp-empty__btn{flex:0 0 auto;height:48px;padding:0 20px;border:0;border-radius:12px;background:var(--cc-ink);color:#fff;font-size:15px;font-weight:700;line-height:1;cursor:pointer;transition:background-color .2s}.spp-empty__btn:hover{background:var(--cc-ink-hover)}.spp-empty__links{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}.spp-empty__links li{margin:0}.spp-empty__chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--cc-line);border-radius:999px;background:#fff;color:var(--cc-ink);font-size:14px;font-weight:500;line-height:1.3;transition:border-color .2s}.spp-empty__chip:hover{border-color:var(--cc-ink)}.spp-empty__chip--all{background:var(--cc-ink);border-color:var(--cc-ink);color:#fff}.spp-empty__chip--all:hover{background:var(--cc-ink-hover)}.spp-empty__count{font-size:12px;font-weight:500;color:var(--cc-muted);font-variant-numeric:tabular-nums}.spp-empty :focus-visible{outline:2px solid var(--cc-focus);outline-offset:2px}@media screen and (max-width:479px){.spp-empty__search{flex-direction:column}.spp-empty__btn{width:100%}}.spp-cc{padding:var(--spp-cc-pt,64px) 0 var(--spp-cc-pb,48px);background:#fff;color:var(--cc-text);font-family:var(--font-body-family,"Inter"),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}.spp-cc *,.spp-cc *:before,.spp-cc *:after{box-sizing:border-box}.spp-cc__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding-top:clamp(32px,4vw,56px);border-top:1px solid var(--cc-line)}.spp-cc__aside,.spp-cc__main{min-width:0}.spp-cc__main{max-width:72ch}.spp-cc .spp-cc__title{margin:0;font-family:var(--font-heading-family,inherit);font-size:clamp(24px,2.2vw,32px);line-height:1.2;font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--cc-ink);text-wrap:balance}.spp-cc__toc{display:none}.spp-cc__toc-label{margin:0 0 8px;font-size:13px;line-height:1.4;font-weight:500;color:var(--cc-muted)}.spp-cc__toc-list{margin:0;padding:0;list-style:none;border-left:1px solid var(--cc-line)}.spp-cc__toc-list li{margin:0}.spp-cc__toc-list a{display:block;margin-left:-1px;padding:6px 0 6px 14px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--cc-muted);transition:color .2s,border-color .2s}.spp-cc__toc-list a:hover{color:var(--cc-ink);border-left-color:var(--cc-ink)}@media screen and (min-width:1100px){.spp-cc__grid{grid-template-columns:minmax(220px,300px) minmax(0,72ch);gap:64px;justify-content:start}.spp-cc__aside{position:sticky;top:calc(var(--header-height,0px) + 24px);align-self:start}.spp-cc__toc{display:block;margin-top:24px}}.spp-cc__body{font-size:16px;line-height:1.7;color:var(--cc-text)}.spp-cc__body>:first-child{margin-top:0}.spp-cc__body>:last-child{margin-bottom:0}.spp-cc__body p{margin:0 0 16px}.spp-cc .spp-cc__body h2,.spp-cc .spp-cc__faq-title{margin:40px 0 12px;font-family:var(--font-heading-family,inherit);font-size:clamp(20px,1.6vw,24px);line-height:1.3;font-weight:700;letter-spacing:-.015em;text-transform:none;color:var(--cc-ink);scroll-margin-top:calc(var(--header-height,0px) + 24px)}.spp-cc .spp-cc__body h3{margin:28px 0 8px;font-family:var(--font-heading-family,inherit);font-size:18px;line-height:1.35;font-weight:700;letter-spacing:-.01em;text-transform:none;color:var(--cc-ink)}.spp-cc__body ul,.spp-cc__body ol{margin:0 0 16px;padding-left:1.25em}.spp-cc__body li{margin:6px 0;padding-left:2px}.spp-cc__body li::marker{color:var(--cc-muted)}.spp-cc__body strong,.spp-cc__body b{font-weight:700;color:var(--cc-ink)}.spp-cc__body a{color:var(--cc-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.spp-cc__body a:hover{text-decoration-thickness:2px}.spp-cc__faq{margin-top:48px;scroll-margin-top:calc(var(--header-height,0px) + 24px)}.spp-cc__main>.spp-cc__faq:first-child{margin-top:0}.spp-cc .spp-cc__faq-title{margin-top:0}.spp-cc__faq-lead{margin-bottom:12px}.spp-cc__faq-list{border-top:1px solid var(--cc-line)}.spp-cc__qa{border-bottom:1px solid var(--cc-line)}.spp-cc__q{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;list-style:none;cursor:pointer;color:var(--cc-ink)}.spp-cc__q::-webkit-details-marker{display:none}.spp-cc__q::marker{content:""}.spp-cc .spp-cc__q-text{margin:0;font-family:var(--font-body-family,inherit);font-size:16px;line-height:1.4;font-weight:700;letter-spacing:-.005em;text-transform:none;color:var(--cc-ink)}.spp-cc__q:hover .spp-cc__q-text{text-decoration:underline;text-underline-offset:3px}.spp-cc__chev{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.spp-cc__qa[open] .spp-cc__chev{transform:rotate(180deg)}.spp-cc__a{padding:0 36px 18px 0;font-size:15px;line-height:1.65;color:var(--cc-text)}.spp-cc__a p{margin:0 0 12px}.spp-cc__a>:last-child{margin-bottom:0}.spp-cc__tail{margin-top:40px}.spp-cc :focus-visible{outline:2px solid var(--cc-focus);outline-offset:2px;border-radius:6px}@media screen and (max-width:767px){.spp-cc{padding-top:calc(var(--spp-cc-pt,64px) * .6);padding-bottom:calc(var(--spp-cc-pb,48px) * .75)}.spp-cc .spp-cc__body h2,.spp-cc .spp-cc__faq-title{margin-top:32px}.spp-cc__a{padding-right:0}}@media(prefers-reduced-motion:reduce){.spp-grid .product-card,.spp-cc__chev,.spp-cc__toc-list a,.spp-empty__chip,.spp-empty__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/spp-collections.css.map */