.sd-st{--st-bg:#f5f5f7;--st-ink:#1d1d1f;--st-dim:#6e6e73;--st-card:#fff;--st-max:1240px;--st-card-w:300px;--st-gap:20px;--st-radius:18px;--sd-spring:cubic-bezier(.34,1.4,.64,1);background:var(--st-bg);color:var(--st-ink);padding:clamp(28px,5vw,56px) 0 clamp(40px,6vw,72px);overflow:clip}.sd-st *{box-sizing:border-box}.sd-st__hero{max-width:var(--st-max);margin:0 auto;padding:0 var(--st-gutter,24px);display:grid;grid-template-columns:1fr auto;gap:24px 48px;align-items:start;margin-bottom:clamp(28px,4vw,48px)}.sd-st__title{margin:0;font-size:clamp(32px,4.4vw,48px);line-height:1.08;letter-spacing:-.02em;font-weight:700;text-wrap:balance;max-width:18ch}.sd-st__title b{color:var(--st-ink);font-weight:700}.sd-st__title span{color:var(--st-dim);font-weight:700}.sd-st__aside{display:grid;gap:16px;padding-top:8px}.sd-st__help{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--st-ink);font-size:13px;line-height:1.35}.sd-st__help-ico{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--st-ink);background:#ffffffb3;box-shadow:inset 0 0 0 1px #0000000d,inset 1px 1px #ffffffe6,0 4px 12px #0000000f}.sd-st__help em{display:block;font-style:normal;color:var(--st-dim)}.sd-st__help strong{display:block;font-weight:600}.sd-st__help strong i{font-style:normal;color:#4e6cfc;transition:transform .35s var(--sd-spring);display:inline-block}.sd-st__help:hover strong i{transform:translate(3px)}.sd-st__shelf{position:relative;max-width:var(--st-max);margin:0 auto clamp(36px,5vw,64px);padding:0 var(--st-gutter,24px)}.sd-st__shelf:last-child{margin-bottom:0}.sd-st__h{margin:0 0 18px;font-size:clamp(22px,2.4vw,28px);line-height:1.15;letter-spacing:-.015em;font-weight:700;padding-right:120px}.sd-st__h b{color:var(--st-ink);font-weight:700}.sd-st__h span{color:var(--st-dim);font-weight:700}.sd-st__scroller{margin:0 calc(-1 * var(--st-gutter,24px));padding:8px var(--st-gutter,24px) 22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--st-gutter,24px);scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab;outline:none}.sd-st__scroller::-webkit-scrollbar{display:none}.sd-st__scroller.is-dragging{cursor:grabbing;scroll-snap-type:none}.sd-st__scroller:focus-visible{box-shadow:inset 0 0 0 2px #4e6cfc80;border-radius:8px}@media(min-width:1289px){.sd-st__scroller{margin:0 calc(-1 * ((100vw - var(--st-max)) / 2 + var(--st-gutter,24px)));padding-left:calc((100vw - var(--st-max)) / 2 + var(--st-gutter,24px));padding-right:calc((100vw - var(--st-max)) / 2 + var(--st-gutter,24px));scroll-padding-inline:calc((100vw - var(--st-max)) / 2 + var(--st-gutter,24px))}}.sd-st__row{list-style:none;margin:0;padding:0;display:flex;gap:var(--st-gap);width:max-content}.sd-st__card{flex:0 0 var(--st-card-w);width:var(--st-card-w);scroll-snap-align:start;border-radius:var(--st-radius);background:var(--st-card);box-shadow:2px 4px 12px #00000014;transition:transform .55s var(--sd-spring),box-shadow .4s ease;will-change:transform}@media(hover:hover)and (pointer:fine){.sd-st__card:hover{transform:translateY(-5px) scale(1.012);box-shadow:2px 10px 30px #00000024}}.sd-st__card:active{transform:scale(.985)}.sd-st__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;border-radius:inherit;overflow:hidden;outline:none}.sd-st__link:focus-visible{box-shadow:0 0 0 3px #4e6cfc8c}.sd-st__pic{display:grid;place-items:center;height:220px;overflow:hidden;padding:22px 26px 6px;background:radial-gradient(120% 80% at 50% 100%,rgba(0,0,0,.035),transparent 60%)}.sd-st__card--kit .sd-st__pic{background:radial-gradient(90% 70% at 50% 0%,rgb(var(--hue,143 164 255) / .22),transparent 70%),radial-gradient(120% 80% at 50% 100%,rgba(0,0,0,.035),transparent 60%)}.sd-st__img{width:100%!important;height:100%!important;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.14));transition:transform .6s var(--sd-spring)}@media(hover:hover)and (pointer:fine){.sd-st__card:hover .sd-st__img{transform:translateY(-3px) scale(1.03)}}.sd-st__body{display:flex;flex-direction:column;gap:4px;padding:14px 22px 22px;flex:1 1 auto}.sd-st__tag{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#b86e00;margin-bottom:2px}.sd-st__card--kit .sd-st__tag{color:rgb(var(--hue,143 164 255) / 1);filter:brightness(.72) saturate(1.2)}.sd-st__tag--sale{color:#c0392b}.sd-st__tag--new{color:#b86e00}.sd-st__name{font-size:17px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--st-ink);text-wrap:pretty}.sd-st__line{font-size:14px;line-height:1.4;color:var(--st-dim);text-wrap:pretty}.sd-st__price{margin-top:auto;padding-top:10px;font-size:14px;color:var(--st-ink);font-variant-numeric:tabular-nums}.sd-st__price s{color:var(--st-dim);margin-left:6px}.sd-st__img.sd-photo{object-fit:cover;border-radius:14px;filter:none;box-shadow:0 1px #fff6,0 10px 22px #0000002e,0 26px 52px #00000038;transform:translateY(-3px)}.sd-st__pic.has-photo{padding:18px 20px 12px}@media(hover:hover)and (pointer:fine){.sd-st__card:hover .sd-st__img.sd-photo{transform:translateY(-8px) scale(1.02);box-shadow:0 1px #fff6,0 16px 30px #0003,0 38px 70px #00000042}}.sd-st__paddles{position:absolute;right:var(--st-gutter,24px);top:-2px;display:flex;gap:8px}.sd-st__paddle{width:38px;height:38px;border-radius:50%;border:0;display:grid;place-items:center;color:var(--st-ink);background:#0000000b;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 0 0 1px #00000017,inset 0 1px #ffffffb3;cursor:pointer;transition:transform .4s var(--sd-spring),opacity .3s ease,background .3s ease}.sd-st__paddle:hover{background:#0000001a}.sd-st__paddle:active{transform:scale(.9)}.sd-st__paddle[disabled]{opacity:.35;cursor:default;pointer-events:none}@media(hover:none){.sd-st__paddles{display:none}.sd-st__h{padding-right:0}}.sd-st__shelf--links .sd-st__h{padding-right:0}.sd-st__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.sd-st__chip{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--st-ink);text-decoration:none;background:#fff9;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 0 0 1px #0000000f,inset 1px 1px #fffffff2,0 4px 12px #0000000d;transition:transform .4s var(--sd-spring),background .3s ease}.sd-st__chip i{font-style:normal;color:#4e6cfc}.sd-st__chip:hover{background:#ffffffe6;transform:translateY(-2px)}.sd-st__chip:active{transform:scale(.96)}body:has(.sd-st) #header-group .header-section{background:#080a18c7;-webkit-backdrop-filter:blur(28px) saturate(170%) brightness(.6);backdrop-filter:blur(28px) saturate(170%) brightness(.6);box-shadow:inset 0 0 0 1px #4e6cfc57,inset 1px 1px #8ca4ff6b,inset -1px -1px #4e6cfc2e,0 12px 32px #0a145052}body:has(.sd-st) #header-group .header-section:before{background:radial-gradient(120% 160% at 10% 0%,rgba(78,108,252,.55),rgba(78,108,252,.12) 45%,transparent 70%),radial-gradient(80% 120% at 95% 100%,rgba(78,108,252,.22),transparent 60%),linear-gradient(180deg,#ffffff14,#fff0 60%)}@supports (animation-timeline: scroll()){@media(min-width:750px)and (prefers-reduced-motion:no-preference){body:has(.sd-st) #header-group .header-section{animation-name:sd-bar-thicken-store}}}@keyframes sd-bar-thicken-store{0%{background:#080a18c7}to{background:#060814e6}}.sd-js .sd-st__shelf{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .8s var(--sd-spring)}.sd-js .sd-st__shelf.is-in{opacity:1;transform:none}.sd-js .sd-st__hero{animation:sd-st-rise .8s cubic-bezier(.2,.7,.2,1) both}@keyframes sd-st-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:749px){.sd-st{--st-card-w:236px;--st-gap:14px}.sd-st__hero{grid-template-columns:1fr;gap:20px}.sd-st__aside{grid-template-columns:1fr;gap:12px;padding-top:0}.sd-st__pic{height:176px;padding:18px 20px 4px}.sd-st__body{padding:12px 18px 18px}.sd-st__name{font-size:16px}.sd-st__line{font-size:13px}.sd-st__scroller{padding-bottom:16px}}@media(prefers-reduced-motion:reduce){.sd-st__card,.sd-st__img,.sd-st__paddle,.sd-st__chip,.sd-js .sd-st__shelf{transition:none}.sd-js .sd-st__shelf{opacity:1;transform:none}.sd-js .sd-st__hero{animation:none}.sd-st__scroller{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/sd-store.css.map */