.quick-view-trigger{position:absolute;top:8px;right:8px;z-index:4;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin:0;border:none;border-radius:50%;background-color:var(--color-background, #fff);color:var(--color-foreground, #000);box-shadow:0 2px 8px #00000026;cursor:pointer;opacity:0;transition:opacity .25s ease,background-color .2s ease,color .2s ease}.quick-view-trigger__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:0}.quick-view-trigger__icon svg{display:block;width:20px;height:20px}.product-card:hover .quick-view-trigger,.product-card__content:hover .quick-view-trigger{opacity:1}.quick-view-trigger:hover{background-color:var(--color-foreground, #000);color:var(--color-background, #fff)}@media(hover:none)and (pointer:coarse){.quick-view-trigger{opacity:1}}.quick-view-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:#00000073;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;overscroll-behavior:contain}.quick-view-overlay.is-open{opacity:1;visibility:visible}.quick-view-modal{position:relative;width:100%;max-width:920px;max-height:90vh;overflow-y:auto;background-color:var(--color-background, #fff);border-radius:var(--border-radius, 4px);box-shadow:0 12px 48px #0000002e;transform:translateY(16px);transition:transform .3s ease;overscroll-behavior:contain}.quick-view-overlay.is-open .quick-view-modal{transform:translateY(0)}.quick-view__close{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#0000000f;color:var(--color-foreground, #000);cursor:pointer;transition:background-color .2s ease}.quick-view__close:hover{background:#0000001f}.quick-view__layout{display:grid;grid-template-columns:1fr 1fr;gap:0}.quick-view__media{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.quick-view__media-main{position:relative;aspect-ratio:1 / 1;border-radius:var(--border-radius, 4px);overflow:hidden;background:#00000008}.quick-view__image{display:block;width:100%;height:100%;object-fit:cover}.quick-view__media-placeholder{display:flex;align-items:center;justify-content:center}.quick-view__media-placeholder .placeholder-svg{width:50%;opacity:.3}.quick-view__thumbs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.quick-view__thumbs::-webkit-scrollbar{display:none}.quick-view__thumb{flex:0 0 auto;width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:var(--border-radius, 3px);overflow:hidden;cursor:pointer;background:none;opacity:.5;transition:opacity .2s ease,border-color .2s ease}.quick-view__thumb img{display:block;width:100%;height:100%;object-fit:cover}.quick-view__thumb--active,.quick-view__thumb:hover{opacity:1;border-color:var(--color-foreground, #000)}.quick-view__info{padding:2rem 1.5rem;display:flex;flex-direction:column;overflow-y:auto}.quick-view__vendor{margin:0;text-transform:uppercase;letter-spacing:.08em;opacity:.5}.quick-view__title{margin:0;font-family:var(--font-heading-family, var(--font-body-family));font-size:1.3rem}.quick-view__title a{text-decoration:none;color:var(--color-foreground, #000)}.quick-view__description{opacity:.7;line-height:1.55}.quick-view__add-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5em}.quick-view__full-link a{font-size:.85rem}.quick-view__loading{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem}.quick-view__spinner{width:32px;height:32px;border:3px solid rgba(0,0,0,.12);border-top-color:var(--color-foreground, #000);border-radius:50%;animation:qv-spin .65s linear infinite}@keyframes qv-spin{to{transform:rotate(360deg)}}@media screen and (max-width:899px){.quick-view-overlay{padding:0;align-items:flex-end}.quick-view-modal{max-width:100%;max-height:92vh;border-radius:12px 12px 0 0;transform:translateY(100%)}.quick-view-overlay.is-open .quick-view-modal{transform:translateY(0)}.quick-view__layout{grid-template-columns:1fr}.quick-view__media{padding:.75rem .75rem 0}.quick-view__media-main{aspect-ratio:4 / 3}.quick-view__info{padding:1rem .75rem 2rem}.quick-view__title{font-size:1.1rem}.quick-view__thumb{width:48px;height:48px}}html.quick-view-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/9/assets/quick-view.css.map */