.sps{--sps-bg: var(--shakely-offwhite, #f6f5f1);--sps-card: #ffffff;--sps-text: var(--shakely-black, #0a0a0a);--sps-muted: var(--shakely-muted, #5c5c5c);--sps-line: #e4e2dc;--sps-accent: var(--shakely-blue, #1a4bff);--sps-accent-hover: var(--shakely-blue-hover, #0f3ae0);--sps-radius: 24px;background:var(--sps-bg);color:var(--sps-text);padding:var(--sps-pad-top, 96px) 0 var(--sps-pad-bottom, 96px)}.sps--white{--sps-bg: #ffffff;--sps-card: var(--shakely-offwhite, #f6f5f1)}.sps--dark{--sps-bg: var(--shakely-black, #0a0a0a);--sps-card: #161616;--sps-text: var(--shakely-offwhite, #f6f5f1);--sps-muted: #b5b3ad;--sps-line: #2a2a2a}.sps__inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:64px;align-items:start;max-width:1200px}.sps__empty{grid-column:1 / -1;padding:40px;border:1px dashed var(--sps-line);border-radius:var(--sps-radius);text-align:center}.sps__gallery{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;align-items:start}.sps__gallery:not(:has(.sps__thumbs)){grid-template-columns:minmax(0,1fr)}.sps__thumbs{display:flex;flex-direction:column;gap:10px;max-height:620px;overflow-y:auto;scrollbar-width:none}.sps__thumbs::-webkit-scrollbar{display:none}.sps__thumb{flex:0 0 auto;width:76px;height:76px;padding:0;border:1.5px solid transparent;border-radius:14px;background:var(--sps-card);overflow:hidden;cursor:pointer;opacity:.6;transition:opacity .2s,border-color .2s}.sps__thumb:hover{opacity:1}.sps__thumb.is-active{opacity:1;border-color:var(--sps-text)}.sps__thumb:focus-visible{outline:2px solid var(--sps-accent);outline-offset:2px}.sps__thumb img{width:100%;height:100%;object-fit:cover;display:block}.sps__stage{position:relative}.sps__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;border-radius:var(--sps-radius);background:var(--sps-card);scrollbar-width:none;overscroll-behavior-x:contain}.sps__track::-webkit-scrollbar{display:none}.sps__track:focus-visible{outline:2px solid var(--sps-accent);outline-offset:3px}.sps__slide{flex:0 0 100%;margin:0;scroll-snap-align:center;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.sps__slide img{width:100%;height:100%;object-fit:contain;display:block}.sps__slide--placeholder{color:#0a0a0a59}.sps__placeholder-svg{height:60%;width:auto}.sps__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:#ffffffeb;color:var(--shakely-black, #0a0a0a);box-shadow:0 6px 18px #0a0a0a14;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.sps__arrow svg{width:20px;height:20px}.sps__arrow--prev{left:14px}.sps__arrow--next{right:14px}.sps__stage:hover .sps__arrow,.sps__arrow:focus-visible{opacity:1}.sps__arrow[disabled]{opacity:0!important;pointer-events:none}.sps__dots{display:none;justify-content:center;gap:6px;margin-top:14px}.sps__dot{width:6px;height:6px;border-radius:999px;background:var(--sps-line);transition:width .3s,background .3s}.sps__dot.is-active{width:20px;background:var(--sps-text)}.sps__info-sticky{position:sticky;top:110px;display:flex;flex-direction:column}.sps__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sps__eyebrow{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sps-accent)}.sps--dark .sps__eyebrow{color:var(--shakely-blue-on-dark, #7b97ff)}.sps__stock{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#e6f4ea;color:#1d6b34;font-size:1.2rem;font-weight:600;white-space:nowrap}.sps__stock-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #1d6b342e}.sps__stock.is-out{background:#f3f1ec;color:var(--sps-muted)}.sps__title{margin:0 0 14px;font-size:clamp(3rem,3.4vw,4.2rem);line-height:1.08;letter-spacing:-.03em;font-weight:800;color:var(--sps-text);text-wrap:balance}.sps__price{display:flex;align-items:baseline;gap:12px;margin-bottom:22px}.sps__price-current{font-size:2.6rem;font-weight:700;letter-spacing:-.02em}.sps__price-compare{font-size:1.8rem;color:var(--sps-muted)}.sps__intro{color:var(--sps-muted);font-size:1.7rem;line-height:1.6;margin-bottom:22px}.sps__intro p{margin:0}.sps__highlights{list-style:none;margin:0 0 28px;padding:20px 0 0;border-top:1px solid var(--sps-line);display:grid;gap:12px}.sps__highlights li{display:flex;align-items:center;gap:12px;font-size:1.6rem;line-height:1.4}.sps__highlights svg{flex:0 0 20px;width:20px;height:20px;color:var(--sps-accent)}.sps__options{display:grid;gap:18px;margin-bottom:24px}.sps__option{border:0;margin:0;padding:0;min-width:0}.sps__option-label{padding:0;margin-bottom:10px;font-size:1.4rem;font-weight:600}.sps__option-label span{font-weight:400;color:var(--sps-muted)}.sps__option-values{display:flex;flex-wrap:wrap;gap:10px}.sps__option-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.sps__option-pill{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:8px 18px;border:1.5px solid var(--sps-line);border-radius:999px;background:var(--sps-card);font-size:1.5rem;cursor:pointer;transition:border-color .2s,box-shadow .2s}.sps__option-pill--image{padding:6px 16px 6px 6px}.sps__option-swatch{width:34px;height:34px;border-radius:50%;object-fit:cover}.sps__option-pill:hover{border-color:var(--sps-muted)}.sps__option-input:checked+.sps__option-pill{border-color:var(--sps-text);box-shadow:inset 0 0 0 1px var(--sps-text)}.sps__option-input:focus-visible+.sps__option-pill{outline:2px solid var(--sps-accent);outline-offset:2px}.sps__option-pill.is-unavailable{color:var(--sps-muted);text-decoration:line-through}.sps__buy-row{display:flex;gap:12px;align-items:stretch}.sps__qty{flex:0 0 auto;display:flex;align-items:center;border:1.5px solid var(--sps-line);border-radius:999px;background:var(--sps-card);height:58px}.sps__qty-btn{width:46px;height:100%;border:0;background:none;color:var(--sps-text);cursor:pointer;display:flex;align-items:center;justify-content:center}.sps__qty-btn svg{width:18px;height:18px}.sps__qty-btn:disabled{opacity:.3;cursor:default}.sps__qty-input{width:36px;border:0;background:none;text-align:center;font-size:1.6rem;font-weight:600;color:var(--sps-text);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.sps__qty-input::-webkit-outer-spin-button,.sps__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sps__qty-input:focus{outline:none}.sps__qty:focus-within{border-color:var(--sps-text)}.sps__atc{flex:1 1 auto;position:relative;height:58px;border:0;border-radius:999px;background:var(--sps-accent);color:#fff;font-size:1.7rem;font-weight:600;letter-spacing:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s}.sps__atc:hover{background:var(--sps-accent-hover)}.sps__atc:active{transform:scale(.99)}.sps__atc:focus-visible{outline:2px solid var(--sps-text);outline-offset:3px}.sps__atc[disabled],.sps__atc[aria-disabled=true]:not(.loading){background:var(--sps-line);color:var(--sps-muted);cursor:not-allowed}.sps__atc.loading .button-text{visibility:hidden}.sps__atc .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.sps__atc .loading__spinner.hidden,.sps__atc .sold-out-message.hidden{display:none}.sps__spinner{width:22px;height:22px;animation:sps-spin .8s linear infinite}@keyframes sps-spin{to{transform:rotate(360deg)}}.sps__error{margin-bottom:12px;padding:10px 14px;border-radius:12px;background:#fdecec;color:#a12222;font-size:1.4rem}.sps__trust{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--sps-muted);font-size:1.35rem}.sps__trust li{display:inline-flex;align-items:center;gap:8px}.sps__trust svg{width:18px;height:18px}.sps__trust a{color:inherit;text-underline-offset:3px}.sps__details-link{margin-top:26px;display:inline-flex;align-items:center;gap:6px;width:fit-content;font-size:1.5rem;font-weight:600;color:var(--sps-text);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px}.sps__details-link svg{width:16px;height:16px;transition:transform .2s}.sps__details-link:hover svg{transform:translate(3px)}@media screen and (max-width:989px){.sps__inner{gap:40px}.sps__gallery{grid-template-columns:minmax(0,1fr)}.sps__thumbs{display:none}.sps__dots{display:flex}}@media screen and (max-width:749px){.sps{padding-top:min(var(--sps-pad-top, 96px),56px);padding-bottom:min(var(--sps-pad-bottom, 96px),56px)}.sps__inner{grid-template-columns:minmax(0,1fr);gap:28px}.sps__track{border-radius:20px}.sps__arrow{display:none}.sps__info-sticky{position:static}.sps__title{font-size:3rem}.sps__price-current{font-size:2.4rem}.sps__intro{font-size:1.6rem}.sps__qty{height:56px}.sps__atc{height:56px;font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.sps__track{scroll-behavior:auto}}.sps .sps__thumb{border-radius:14px!important;border:1.5px solid transparent!important;padding:0!important}.sps .sps__thumb.is-active{border-color:var(--sps-text)!important}.sps .sps__atc{text-transform:none!important;letter-spacing:0!important;font-size:1.7rem!important;padding:0 24px!important;box-shadow:none!important}.sps .sps__qty-btn,.sps .sps__arrow{padding:0!important}@media screen and (max-width:749px){.sps .sps__atc{font-size:1.6rem!important}}.sps .sps__atc .button-text{text-transform:none!important;letter-spacing:0!important;font-size:inherit!important}@media screen and (max-width:749px){.sps .sps__inner{padding-left:20px!important;padding-right:20px!important}}.sps .sps__atc .button-text{white-space:nowrap}@media screen and (max-width:749px){.sps .sps__buy-row{gap:10px}.sps .sps__qty-btn{width:40px}.sps .sps__qty-input{width:30px}.sps .sps__atc{padding:0 16px!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/shakely-product-showcase.css.map */