.card__qv{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 10px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);color:var(--ink);font-size:.8125rem;font-weight:560;transition:transform .16s var(--ease-out),opacity .2s var(--ease-out)}.card__qv svg{width:16px;height:16px}.card__qv:active{transform:scale(.95)}@media(hover:hover)and (pointer:fine){.card__qv{opacity:0;transform:translateY(-4px)}.card:hover .card__qv,.card__qv:focus-visible{opacity:1;transform:translateY(0)}.card:hover .card__qv:active{transform:scale(.95)}}@media(hover:none){.card__qv{width:36px;padding:0;justify-content:center}.card__qv-label{display:none}}.quick-view{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}.quick-view::backdrop{background:transparent}.quick-view__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000052;opacity:0;transition:opacity .25s var(--ease-out)}.quick-view.is-open .quick-view__scrim{opacity:1}.quick-view.is-closing .quick-view__scrim{opacity:0;transition-duration:.18s}.quick-view__panel{position:absolute;left:50%;top:50%;width:min(960px,calc(100vw - 48px));max-height:min(680px,calc(100dvh - 48px));translate:-50% -50%;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-pop);overflow:hidden;opacity:0;transform:scale(.96);transition:opacity .25s var(--ease-out),transform .25s var(--ease-out)}.quick-view.is-open .quick-view__panel{opacity:1;transform:scale(1)}.quick-view.is-closing .quick-view__panel{opacity:0;transform:scale(.97);transition-duration:.18s}.quick-view__close{position:absolute;top:12px;right:12px;z-index:3;background:var(--surface);box-shadow:var(--shadow-card)}.quick-view__grab{display:none}.quick-view__body{overflow-y:auto;overscroll-behavior:contain;min-height:0}.qv{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:28px}.qv__media{min-width:0;align-self:start;position:sticky;top:0}.qv__media .gallery__track{border-radius:var(--radius-m);box-shadow:none;background:var(--surface-2)}.qv__media .gallery__slide .media{background:transparent}.qv__dots{display:flex}.qv__info{display:grid;gap:16px;align-content:start;padding-right:36px}.qv__title{font-family:var(--font-display);font-size:1.75rem;line-height:1.12;letter-spacing:-.025em;font-weight:700;text-wrap:balance}.qv__desc{color:var(--muted);font-size:.9375rem;line-height:1.6}.qv__full{justify-content:center}.qv__full svg{width:16px;height:16px;transition:transform .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.qv__full:hover svg{transform:translate(3px)}}@media(max-width:749px){.quick-view__panel{left:0;right:0;top:auto;bottom:0;translate:none;width:100%;max-height:92dvh;border-radius:var(--radius-l) var(--radius-l) 0 0;padding-bottom:env(safe-area-inset-bottom);opacity:1;transform:translateY(100%);transition:transform .42s var(--ease-drawer)}.quick-view.is-open .quick-view__panel{transform:translateY(0)}.quick-view.is-closing .quick-view__panel{opacity:1;transform:translateY(100%);transition-duration:.32s}.quick-view__grab{display:grid;place-items:center;height:28px;flex-shrink:0;touch-action:none;cursor:grab}.quick-view__grab span{width:40px;height:5px;border-radius:3px;background:var(--hairline-strong)}.quick-view__close{top:8px;right:8px;width:36px;height:36px}.qv{grid-template-columns:1fr;gap:18px;padding:4px 16px 24px}.qv__media{position:static}.qv__media .gallery__slide .media{aspect-ratio:4 / 3!important}.qv [data-product-form]{position:sticky;bottom:0;z-index:2;margin-inline:-16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--hairline)}.qv{padding-bottom:0}.qv__info{padding-bottom:16px}.qv__info{padding-right:0}.qv__title{font-size:1.375rem;padding-right:36px}}@media(prefers-reduced-motion:reduce){.quick-view__panel,.quick-view.is-open .quick-view__panel,.quick-view.is-closing .quick-view__panel{transform:none!important;transition:opacity .2s ease}.quick-view.is-closing .quick-view__panel{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/quick-view.css.map */