.spr-section{position:relative;display:grid;grid-template-columns:clamp(var(--spr-rail-min),var(--spr-rail-vw),var(--spr-rail-max)) minmax(0,1fr);width:100vw;max-width:none;height:var(--spr-height);margin:0 calc(50% - 50vw);padding:0;overflow:hidden;background:var(--spr-bg);color:var(--spr-title);box-sizing:border-box;isolation:isolate}
.spr-section *,.spr-section *::before,.spr-section *::after{box-sizing:border-box}
.spr-products-window{position:relative;width:100%;height:100%;overflow:hidden;background:var(--spr-bg);z-index:4}
.spr-track{width:100%;will-change:transform}
.spr-loop-up .spr-track{animation:spr-loop-up var(--spr-speed) linear infinite}
.spr-loop-down .spr-track{animation:spr-loop-down var(--spr-speed) linear infinite}
.spr-pause:hover .spr-track{animation-play-state:paused}
.spr-group{display:flex;flex-direction:column;width:100%;gap:var(--spr-card-gap);padding-bottom:var(--spr-card-gap)}
.spr-card{display:block;width:100%;flex:0 0 auto;overflow:hidden;border:var(--spr-card-border-width) solid var(--spr-border);border-radius:var(--spr-card-radius);background:var(--spr-card-bg);color:var(--spr-title);text-decoration:none;box-shadow:0 var(--spr-card-shadow-y) var(--spr-card-shadow-blur) rgba(0,0,0,var(--spr-card-shadow-opacity))}
.spr-media{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--spr-image-bg)}
.spr-media img,.spr-media svg{display:block;width:100%;height:100%;object-fit:var(--spr-image-fit);object-position:center;filter:none!important;mix-blend-mode:normal!important}
.spr-info{min-height:var(--spr-info-height);padding:var(--spr-info-pad-y) var(--spr-info-pad-x);background:var(--spr-card-bg)}
.spr-title{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--spr-title);font-family:inherit;font-size:var(--spr-title-size);font-weight:var(--spr-title-weight);line-height:1.3}
.spr-prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--spr-price-gap);margin-top:var(--spr-price-top)}
.spr-price{color:var(--spr-price);font-size:var(--spr-price-size);font-weight:var(--spr-price-weight);line-height:1.1}
.spr-compare{color:var(--spr-compare);font-size:var(--spr-compare-size);font-weight:400;line-height:1.1;text-decoration:line-through}
@keyframes spr-loop-up{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
@keyframes spr-loop-down{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}}
.spr-art-window{position:relative;width:100%;height:100%;overflow:hidden;background:var(--spr-bg)}
.spr-stage{position:absolute;left:calc(50% + var(--spr-art-x));top:var(--spr-art-y);width:1020px;height:720px;transform:translateX(-50%) scale(var(--spr-art-scale));transform-origin:top center;pointer-events:none;perspective:1100px}
.spr-tag{position:absolute;width:var(--spr-tag-width);height:var(--spr-tag-height);transform-origin:50% 28px}
.spr-tag--s{left:72px;top:calc(170px + var(--spr-s-y));z-index:2;--spr-rot:var(--spr-s-rot)}
.spr-tag--a{left:calc(72px + var(--spr-tag-gap));top:calc(164px + var(--spr-a-y));z-index:5;--spr-rot:var(--spr-a-rot)}
.spr-tag--l{left:calc(72px + var(--spr-tag-gap) + var(--spr-tag-gap));top:calc(214px + var(--spr-l-y));z-index:4;--spr-rot:var(--spr-l-rot)}
.spr-tag--e{left:calc(72px + var(--spr-tag-gap) + var(--spr-tag-gap) + var(--spr-tag-gap));top:calc(171px + var(--spr-e-y));z-index:3;--spr-rot:var(--spr-e-rot)}
.spr-no-motion .spr-tag{transform:rotate(var(--spr-rot))}
.spr-motion .spr-tag{animation:spr-gentle-sway var(--spr-motion-speed) ease-in-out infinite alternate}
.spr-motion .spr-tag--a{animation-delay:-1.2s}.spr-motion .spr-tag--l{animation-delay:-2.1s}.spr-motion .spr-tag--e{animation-delay:-3.1s}
@keyframes spr-gentle-sway{from{transform:rotate(calc(var(--spr-rot) - .55deg)) rotateY(-1deg) translateY(0)}to{transform:rotate(calc(var(--spr-rot) + .55deg)) rotateY(1deg) translateY(2px)}}
.spr-cord{position:absolute;left:50%;bottom:calc(100% - 38px);width:var(--spr-cord-width);height:var(--spr-cord-length);transform:translateX(-50%);background:var(--spr-cord);border-radius:50px;opacity:var(--spr-cord-opacity);z-index:-1}
.spr-cord::after{content:"";position:absolute;left:4px;top:0;width:1px;height:100%;background:var(--spr-cord);opacity:.72}
.spr-tag-body{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background:var(--spr-tag);clip-path:polygon(16% 0,84% 0,100% 13%,100% 100%,0 100%,0 13%);box-shadow:inset var(--spr-depth-size) 0 var(--spr-depth-blur) rgba(0,0,0,var(--spr-depth-opacity)),inset calc(0px - var(--spr-depth-size)) 0 var(--spr-depth-blur) rgba(0,0,0,var(--spr-depth-opacity-soft)),inset 0 -14px 20px rgba(0,0,0,var(--spr-depth-opacity-soft)),inset 0 7px 11px rgba(255,255,255,var(--spr-highlight-opacity));filter:drop-shadow(0 var(--spr-tag-shadow-y) var(--spr-tag-shadow-blur) rgba(0,0,0,var(--spr-tag-shadow-opacity)));backface-visibility:hidden}
.spr-tag-body::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--spr-edge-width);background:linear-gradient(90deg,rgba(0,0,0,.20),rgba(0,0,0,.06),transparent);z-index:2;pointer-events:none}
.spr-tag-body::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,var(--spr-highlight-opacity)) 0%,rgba(255,255,255,.02) 23%,transparent 44%,transparent 70%,rgba(0,0,0,.10) 100%);z-index:2;pointer-events:none}
.spr-grommet{position:absolute;top:var(--spr-grommet-top);left:50%;width:var(--spr-grommet-size);height:var(--spr-grommet-size);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--spr-grommet-outer);border:var(--spr-grommet-border-width) solid var(--spr-grommet-border);box-shadow:inset 0 0 0 2px rgba(255,255,255,.75),inset 0 -3px 4px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.20);z-index:6}
.spr-grommet span{display:block;width:var(--spr-grommet-hole);height:var(--spr-grommet-hole);border-radius:50%;background:var(--spr-grommet-inner);border:2px solid var(--spr-grommet-hole-border)}
.spr-letter{position:relative;display:block;margin-top:var(--spr-letter-y);color:var(--spr-tag-text);font-family:Georgia,"Times New Roman",Times,serif;font-size:var(--spr-letter-size);font-weight:var(--spr-letter-weight);line-height:.9;letter-spacing:-6px;text-align:center;text-shadow:0 2px 2px rgba(0,0,0,.07);user-select:none;z-index:5}
.spr-tag--l .spr-letter{transform:translateY(var(--spr-l-letter-y))}
@media (max-width:1499px) and (min-width:1100px){.spr-section{grid-template-columns:clamp(var(--spr-laptop-rail-min),var(--spr-laptop-rail-vw),var(--spr-laptop-rail-max)) minmax(0,1fr);height:var(--spr-laptop-height)}.spr-stage{transform:translateX(-50%) scale(var(--spr-laptop-scale))}}
@media (max-width:1099px) and (min-width:750px){.spr-section{grid-template-columns:var(--spr-tablet-rail-vw) minmax(0,1fr);height:var(--spr-tablet-height)}.spr-stage{transform:translateX(-50%) scale(var(--spr-tablet-scale))}.spr-title{font-size:calc(var(--spr-mobile-title-size) + 1px)}.spr-price{font-size:calc(var(--spr-mobile-price-size) + 1px)}.spr-compare{font-size:var(--spr-mobile-compare-size)}}
@media (max-width:749px){.spr-section{display:flex;flex-direction:column;width:100vw;height:auto;margin:0 calc(50% - 50vw)}.spr-sale-first .spr-art-window{order:1}.spr-sale-first .spr-products-window{order:2}.spr-products-first .spr-art-window{order:2}.spr-products-first .spr-products-window{order:1}.spr-art-window{width:100vw;height:var(--spr-mobile-art-height)}.spr-stage{transform:translateX(-50%) scale(var(--spr-mobile-scale))}.spr-products-window{width:100vw;height:var(--spr-mobile-product-height);padding:0 var(--spr-mobile-side-pad)}.spr-group{gap:var(--spr-mobile-card-gap);padding-bottom:var(--spr-mobile-card-gap)}.spr-card{border-radius:var(--spr-mobile-card-radius)}.spr-info{min-height:var(--spr-mobile-info-height);padding:var(--spr-mobile-info-pad-y) var(--spr-mobile-info-pad-x)}.spr-title{font-size:var(--spr-mobile-title-size)}.spr-prices{margin-top:var(--spr-mobile-price-top)}.spr-price{font-size:var(--spr-mobile-price-size)}.spr-compare{font-size:var(--spr-mobile-compare-size)}}
@media (prefers-reduced-motion:reduce){.spr-motion .spr-tag{animation:none!important;transform:rotate(var(--spr-rot))}}