.ds-qv{position:fixed;inset:0;z-index:9000;pointer-events:none;visibility:hidden;transition:visibility 0s .5s}
.ds-qv.is-open{pointer-events:auto;visibility:visible;transition:none}
.ds-qv__backdrop{position:absolute;inset:0;background:rgba(17,17,17,.42);opacity:0;transition:opacity .4s var(--ds-ease)}
.ds-qv.is-open .ds-qv__backdrop{opacity:1}
.ds-qv__panel{position:absolute;top:0;right:0;bottom:0;width:min(1100px,94vw);background:var(--ds-bg);transform:translateX(102%);transition:transform .55s var(--ds-ease);overflow-y:auto;overscroll-behavior:contain;box-shadow:-24px 0 60px rgba(0,0,0,.14)}
.ds-qv.is-open .ds-qv__panel{transform:none}
.ds-qv__x{position:sticky;top:14px;float:right;margin:14px 14px -56px 0;z-index:5;width:42px;height:42px;border-radius:50%;border:1px solid var(--ds-line);background:#fff;color:var(--ds-ink);font-size:22px;line-height:1;cursor:pointer;transition:transform .25s var(--ds-ease)}
.ds-qv__x:hover{transform:rotate(90deg)}
.ds-qv__body .ds-pdp{padding-top:20px!important;padding-bottom:24px!important}
.ds-qv__body .ds-pdp__bar{display:none!important}
.ds-qv__body .ds-pdp__sticky{top:20px}
.ds-qv__full{padding:0 clamp(16px,4vw,48px) 36px;max-width:1400px;margin:0 auto}
.ds-qv__loading{display:grid;place-items:center;height:70vh}
.ds-qv__loading span{width:28px;height:28px;border-radius:50%;border:2px solid var(--ds-line);border-top-color:var(--ds-ink);animation:ds-spin .7s linear infinite}
html.ds-qv-lock{overflow:hidden}
@media(max-width:899px){
  .ds-qv__panel{top:auto;left:0;width:100%;height:92vh;height:92dvh;border-radius:18px 18px 0 0;transform:translateY(102%)}
  .ds-qv__x{margin:10px 10px -52px 0}
  .ds-qv__body .ds-pdp{padding-top:0!important}
  .ds-qv__body .ds-pdp__slide{border-radius:0}
}