.quick-view{position:fixed;top:0;right:0;width:860px;max-width:95vw;height:100vh;background-color:var(--color-background);z-index:300;display:flex;flex-direction:column;transform:translate(100%);border-radius:var(--radius-xl) 0 0 var(--radius-xl);box-shadow:-8px 0 32px #0907171f}body.is-ready .quick-view{transition:transform var(--transition-base)}.quick-view.is-open{transform:translate(0)}.quick-view__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#09071766;z-index:299;opacity:0;visibility:hidden;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='white'/%3E%3Cline x1='27' y1='17' x2='17' y2='27' stroke='%238F5CDB' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='17' y1='17' x2='27' y2='27' stroke='%238F5CDB' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 22 22,pointer}body.is-ready .quick-view__overlay{transition:all var(--transition-base)}.quick-view__overlay.is-open{opacity:1;visibility:visible}.quick-view__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);height:73px;border-bottom:1px solid var(--color-border);flex-shrink:0}.quick-view__title{font-size:var(--text-base);font-weight:600}.quick-view__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--color-accent-soft);color:var(--color-primary);transition:all var(--transition-base)}.quick-view__close:hover{background-color:var(--color-primary);color:#fff}.quick-view__body{flex:1;overflow:hidden;min-height:0}.quick-view__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-4xl) 0;height:100%}.quick-view__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:qvSpin .6s linear infinite}@keyframes qvSpin{to{transform:rotate(360deg)}}.quick-view__grid{display:grid;grid-template-columns:1fr 1fr;height:100%}.quick-view__images{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md);background-color:var(--color-background-alt);overflow-y:auto;-webkit-overflow-scrolling:touch;align-content:start}.quick-view__image-wrap{overflow:hidden;border-radius:var(--radius-md);cursor:pointer;flex-shrink:0}.quick-view__image-wrap:nth-child(3n+1){width:100%;height:260px}.quick-view__image-wrap:nth-child(3n+2),.quick-view__image-wrap:nth-child(3n+3){width:calc(50% - var(--space-sm) / 2);height:200px}.quick-view__image{width:100%;height:100%;display:block;object-fit:cover;transition:transform var(--transition-base)}.quick-view__image-wrap:hover .quick-view__image{transform:scale(1.04)}.quick-view__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;background-color:#090717e6;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='white'/%3E%3Cline x1='27' y1='17' x2='17' y2='27' stroke='%238F5CDB' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='17' y1='17' x2='27' y2='27' stroke='%238F5CDB' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 22 22,pointer}.quick-view__lightbox.is-open{opacity:1;visibility:visible}.quick-view__lightbox-track{position:relative;width:80vw;height:80vh;max-width:900px}.quick-view__lightbox-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.quick-view__lightbox-slide.is-active{opacity:1;pointer-events:auto}.quick-view__lightbox-slide img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-lg);cursor:default}.quick-view__lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#fffffff2;border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);border:none}.quick-view__lightbox-arrow:hover{background-color:var(--color-primary);color:#fff}.quick-view__lightbox-arrow--prev{left:-72px}.quick-view__lightbox-arrow--next{right:-72px}.quick-view__lightbox-counter{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:var(--text-sm);font-weight:500}@media(max-width:640px){.quick-view__lightbox-track{width:95vw;height:70vh}.quick-view__lightbox-arrow--prev{left:var(--space-sm);top:auto;bottom:-52px}.quick-view__lightbox-arrow--next{right:var(--space-sm);top:auto;bottom:-52px}}.quick-view__info{padding:var(--space-xl);display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.quick-view__product-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-sm);line-height:1.3}.quick-view__price{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-lg)}.quick-view__price--sale{color:var(--color-secondary)}.quick-view__price--compare{color:var(--neutral-500);font-size:var(--text-base);font-weight:400;text-decoration:line-through}.quick-view__option{margin-bottom:var(--space-lg)}.quick-view__option-label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-sm)}.quick-view__option-values{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.quick-view__swatch{cursor:pointer}.quick-view__swatch input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.quick-view__swatch-label{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:.5rem 1rem;font-size:var(--text-sm);font-weight:500;border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.quick-view__swatch:hover .quick-view__swatch-label,.quick-view__swatch.is-selected .quick-view__swatch-label{border-color:var(--color-primary);background-color:var(--color-accent-soft);color:var(--color-primary)}.quick-view__swatch--image .quick-view__swatch-label{padding:0;width:56px;height:56px;min-width:0;overflow:hidden;border-radius:var(--radius-md)}.quick-view__swatch--image .quick-view__swatch-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-base)}.quick-view__swatch--image:hover .quick-view__swatch-img{transform:scale(1.08)}.quick-view__swatch--image .quick-view__swatch-label{border-width:2px}.quick-view__swatch--image.is-selected .quick-view__swatch-label{border-color:var(--color-primary);background-color:transparent}.quick-view__option-label-value{font-weight:400;color:var(--color-text-secondary);margin-left:var(--space-xs)}.quick-view__quantity{margin-bottom:var(--space-lg)}.quick-view__qty-selector{display:inline-flex;align-items:center;border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.quick-view__qty-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:var(--text-lg);color:var(--color-text);transition:background-color var(--transition-base);cursor:pointer}.quick-view__qty-btn:hover{background-color:var(--color-background-alt)}.quick-view__qty-input{width:52px;height:44px;text-align:center;border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);font-size:var(--text-base);font-weight:500;font-family:inherit;-moz-appearance:textfield}.quick-view__qty-input::-webkit-inner-spin-button,.quick-view__qty-input::-webkit-outer-spin-button{-webkit-appearance:none}.quick-view__buttons{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.quick-view__view-full{display:block;text-align:center;padding:.75rem;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);text-decoration:none}.quick-view__view-full:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-accent-soft)}.quick-view__buttons .shopify-payment-button{width:100%}.quick-view__buttons .shopify-payment-button__button--unbranded{border-radius:var(--radius-md)!important;font-family:var(--font-body)!important}@media(max-width:640px){.quick-view{width:100vw;max-width:100vw;border-radius:0}.quick-view__grid{grid-template-columns:1fr}.quick-view__images{max-height:50vh}.quick-view__image-wrap:nth-child(3n+2),.quick-view__image-wrap:nth-child(3n+3){width:100%;height:200px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/quick-view.css.map */