.sph{--sph-ink: #121211;--sph-ink-2: #44443f;--sph-line: #e0e0db;padding:28px 0;font-family:Archivo,system-ui,sans-serif;color:var(--sph-ink);-webkit-tap-highlight-color:transparent}.sph__wrap{max-width:1180px;margin:0 auto;padding:0 16px}.sph__card{overflow:hidden;background:#fff;border:2px solid var(--sph-acc);border-radius:20px;box-shadow:0 18px 40px -24px var(--sph-acc),0 0 0 4px color-mix(in srgb,var(--sph-acc) 22%,transparent)}.sph__band{position:relative;display:flex;align-items:center;gap:8px;padding:11px 16px;background:#0b0b0c;color:#fff;overflow:hidden}.sph__band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translate(-100%);animation:sph-shine 4.5s ease-in-out 1s infinite}@keyframes sph-shine{0%,70%{transform:translate(-100%)}to{transform:translate(100%)}}.sph__gift{flex:none;color:var(--sph-acc)}.sph__band-txt{font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.sph__free{margin-left:auto;flex:none;padding:4px 12px;border-radius:99px;background:var(--sph-acc);color:#111;font-weight:800;font-size:14px;letter-spacing:.05em;text-transform:uppercase}.sph__top{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;align-items:center;padding:16px}.sph__pic{position:relative;aspect-ratio:1;border-radius:16px;background:#fff;border:1px solid var(--sph-line);overflow:hidden;isolation:isolate}.sph__img,.sph__shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.sph__tint{position:absolute;top:0;right:0;bottom:0;left:0;background:#e0282e;opacity:0;-webkit-mask:var(--spt-mask) center / contain no-repeat;mask:var(--spt-mask) center / contain no-repeat;animation:sph-cap 10s ease-in-out 1.2s infinite}.sph__shade{mix-blend-mode:multiply;opacity:0;animation:sph-shade 10s ease-in-out 1.2s infinite}@keyframes sph-cap{0%,8%{opacity:0;background:#e0282e}14%,26%{opacity:1;background:#e0282e}34%,46%{opacity:1;background:#1f4fb8}54%,66%{opacity:1;background:#2f8f4e}74%,84%{opacity:1;background:#6a2bb0}92%,to{opacity:0;background:#6a2bb0}}@keyframes sph-shade{0%,8%{opacity:0}14%,84%{opacity:1}92%,to{opacity:0}}.sph .sph__title{margin:0;color:var(--sph-ink);font-family:Archivo,system-ui,sans-serif;text-transform:none;font-weight:900;font-size:clamp(21px,5.6vw,34px);line-height:1.05;letter-spacing:-.015em;overflow-wrap:anywhere}.sph__value{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:8px 0 0}.sph__value s{color:var(--sph-ink-2);font-size:16px;white-space:nowrap}.sph__value b{font-weight:900;font-size:26px;line-height:1;color:var(--sph-acc)}.sph__value span{font-size:13px;color:var(--sph-ink-2)}.sph__text{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--sph-ink-2)}.sph__stock{grid-column:1 / -1;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--sph-acc) 8%,#fff)}.sph__stock-txt{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin:0 0 8px;font-size:14px;color:var(--sph-ink-2)}.sph__stock-txt b{font-weight:800;font-size:15px;color:var(--sph-ink);white-space:nowrap}.sph--last .sph__stock-txt b{color:color-mix(in srgb,var(--sph-acc) 80%,#000)}.sph__slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(14px,1fr));gap:4px;margin:0;padding:0;list-style:none}.sph__slots li{height:10px;border-radius:3px;background:var(--sph-acc)}.sph__slots li.is-taken{background:#d3d3ce}.sph--last .sph__slots li:not(.is-taken){animation:sph-pulse 1.6s ease-in-out infinite}@keyframes sph-pulse{50%{opacity:.45}}.sph__kits{padding:4px 16px 18px}.sph .sph__kits-title{margin:0 0 12px;color:var(--sph-ink);font-family:Archivo,system-ui,sans-serif;text-transform:none;letter-spacing:0;line-height:1.2;font-weight:800;font-size:18px}.sph__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.sph__kit-link{display:flex;flex-direction:column;gap:6px;height:100%;padding:8px 8px 10px;border:1.5px solid var(--sph-line);border-radius:14px;background:#fff;color:inherit;text-decoration:none;touch-action:manipulation;transition:border-color .15s,transform .1s ease-out}.sph__kit-link:active{transform:scale(.98)}.sph__kit-link:focus-visible{outline:3px solid var(--sph-ink);outline-offset:2px}.sph__kit-ph{display:block;aspect-ratio:1;border-radius:10px;background:#f4f4f2;overflow:hidden}.sph__kit-img{width:100%;height:100%;object-fit:contain;display:block}.sph__kit-name{font-weight:700;font-size:13.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sph__kit-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;font-weight:800;font-size:15px}.sph__kit-price b{font-weight:800;white-space:nowrap}.sph__kit-price small{font-weight:400;font-size:12px;color:var(--sph-ink-2)}.sph__kit-price s{font-weight:400;font-size:12.5px;color:var(--sph-ink-2);white-space:nowrap}.sph__kit-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:10px;background:var(--sph-acc);color:#111;font-weight:800;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.sph__note{margin:0 16px 16px;font-size:13px;color:var(--sph-ink-2)}@media(hover:hover)and (pointer:fine){.sph__kit-link:hover{border-color:var(--sph-acc)}}@media(min-width:750px){.sph{padding:48px 0}.sph__wrap{padding:0 32px}.sph__top{grid-template-columns:200px minmax(0,1fr) minmax(240px,320px);gap:24px;padding:22px 24px}.sph__stock{grid-column:auto}.sph__kits{padding:4px 24px 24px}.sph__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media(min-width:1100px){.sph__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.sph__band:after,.sph__tint,.sph__shade,.sph--last .sph__slots li:not(.is-taken){animation:none}.sph__kit-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/sop-promo-home.css.map */