/* ===== Слайдер упаковок (sqs) ===== */
.sqs{position:relative;width:100%;padding-bottom:44px}
.sqs-glow{position:absolute;left:50%;top:46%;width:min(420px,80%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,var(--sqs-c,#2aa3ff),transparent);opacity:.55;filter:blur(18px);transition:background .7s}
.sqs-stage{position:relative;height:clamp(300px,36vw,470px)}
.sqs-slide{position:absolute;left:50%;top:50%;height:88%;transform:translate(-50%,-50%) scale(.4);opacity:0;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s,filter .7s;pointer-events:none;outline:none}
.sqs-slide img{display:block;height:100%;width:auto;max-width:none;filter:drop-shadow(0 26px 30px rgba(0,0,0,.5))}
.sqs-slide.is-0{transform:translate(-50%,-50%) scale(1);opacity:1;z-index:5;pointer-events:auto}
.sqs-slide.is-1{transform:translate(18%,-48%) scale(.7);opacity:.6;z-index:4;filter:saturate(.7)}
.sqs-slide.is--1{transform:translate(-118%,-48%) scale(.7);opacity:.6;z-index:4;filter:saturate(.7)}
.sqs-slide.is-2{transform:translate(62%,-46%) scale(.5);opacity:.25;z-index:3;filter:saturate(.5)}
.sqs-slide.is--2{transform:translate(-162%,-46%) scale(.5);opacity:.25;z-index:3;filter:saturate(.5)}
.sqs-slide.is-1,.sqs-slide.is--1{pointer-events:auto;cursor:pointer}
.sqs-slide.is-0:focus-visible img{outline:3px solid #f4b83a;outline-offset:6px;border-radius:6px}
.sqs-dots{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px}
.sqs-dot{width:10px;height:10px;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.35);cursor:pointer;transition:width .3s,background .3s}
.sqs-dot.is-on{width:30px;background:var(--c)}
.sqs-dot:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:781px){.sqs-stage{height:300px}.sqs-slide.is-2,.sqs-slide.is--2{opacity:0}}
@media (prefers-reduced-motion:reduce){.sqs-slide,.sqs-glow,.sqs-dot{transition:none}}

.sqs{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
.sqs-slide.is-1{transform:translate(8%,-48%) scale(.68)}
.sqs-slide.is--1{transform:translate(-108%,-48%) scale(.68)}
.sqs-slide.is-2{transform:translate(40%,-46%) scale(.5);opacity:.3}
.sqs-slide.is--2{transform:translate(-140%,-46%) scale(.5);opacity:.3}
@media (max-width:781px){.sqs-slide.is-2,.sqs-slide.is--2{opacity:0}}