.serge-quick-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--serge-z-modal, 300);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.serge-quick-view.is-active{opacity:1;visibility:visible}.serge-quick-view.is-loading .serge-quick-view__loading{display:flex}.serge-quick-view.is-loading .serge-quick-view__product{opacity:0}.serge-quick-view__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;cursor:pointer}.serge-quick-view__container{position:relative;width:90%;max-width:1000px;max-height:90vh;background:var(--serge-white, #fff);overflow:hidden;transform:translateY(20px) scale(.98);transition:transform .3s ease}.serge-quick-view.is-active .serge-quick-view__container{transform:translateY(0) scale(1)}.serge-quick-view__close{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--serge-white, #fff);border:none;cursor:pointer;transition:opacity .2s ease}.serge-quick-view__close:hover{opacity:.6}.serge-quick-view__content{position:relative;max-height:90vh;overflow-y:auto}.serge-quick-view__loading{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:var(--serge-white, #fff);z-index:5}.serge-quick-view__spinner{width:40px;height:40px;border:3px solid var(--serge-gray-light, #e5e5e5);border-top-color:var(--serge-black, #000);border-radius:50%;animation:serge-spin .8s linear infinite}@keyframes serge-spin{to{transform:rotate(360deg)}}.serge-quick-view__product{display:grid;grid-template-columns:1fr 1fr;transition:opacity .3s ease}.serge-quick-view__gallery{background:var(--serge-off-white, #f5f5f5);padding:2rem}.serge-quick-view__main-image{aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.serge-quick-view__image{max-width:100%;max-height:100%;object-fit:contain}.serge-quick-view__thumbnails{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.serge-quick-view__thumbnail{width:60px;height:60px;border:2px solid transparent;background:var(--serge-white, #fff);cursor:pointer;transition:border-color .2s ease;padding:0}.serge-quick-view__thumbnail:hover,.serge-quick-view__thumbnail.is-active{border-color:var(--serge-black, #000)}.serge-quick-view__thumbnail img{width:100%;height:100%;object-fit:cover}.serge-quick-view__info{padding:2rem;display:flex;flex-direction:column}.serge-quick-view__badges{display:flex;gap:.5rem;margin-bottom:1rem}.serge-quick-view__badge{display:inline-block;padding:.25rem .5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:var(--serge-black, #000);color:var(--serge-white, #fff)}.serge-quick-view__badge--sold-out{background:var(--serge-gray, #888)}.serge-quick-view__badge--sale{background:var(--serge-accent, #ff0000)}.serge-quick-view__title{margin:0 0 1rem}.serge-quick-view__price{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.serge-quick-view__price-compare{text-decoration:line-through;opacity:.5;margin-left:.5rem;font-size:1rem}.serge-quick-view__description{font-size:.875rem;line-height:1.7;opacity:.8;margin-bottom:1.5rem}.serge-quick-view__description p{margin:0 0 .5rem}.serge-quick-view__form{margin-top:auto}.serge-quick-view__variants{margin-bottom:1.5rem}.serge-quick-view__variant-group{margin-bottom:1rem}.serge-quick-view__label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.serge-quick-view__variant-options{display:flex;flex-wrap:wrap;gap:.5rem}.serge-quick-view__variant-btn{padding:.75rem 1.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--serge-gray-light, #e5e5e5);background:transparent;cursor:pointer;transition:all .2s ease}.serge-quick-view__variant-btn:hover{border-color:var(--serge-black, #000)}.serge-quick-view__variant-btn.is-selected{border-color:var(--serge-black, #000);background:var(--serge-black, #000);color:var(--serge-white, #fff)}.serge-quick-view__variant-btn.is-unavailable{opacity:.3;cursor:not-allowed;text-decoration:line-through}.serge-quick-view__quantity{margin-bottom:1.5rem}.serge-quick-view__quantity-selector{display:flex;border:2px solid var(--serge-black, #000);width:fit-content}.serge-quick-view__qty-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:none;background:transparent;cursor:pointer;transition:background .2s ease}.serge-quick-view__qty-btn:hover{background:var(--serge-off-white, #f5f5f5)}.serge-quick-view__qty-input{width:60px;height:44px;text-align:center;font-size:.875rem;font-weight:600;border:none;border-left:1px solid var(--serge-gray-light, #e5e5e5);border-right:1px solid var(--serge-gray-light, #e5e5e5);-moz-appearance:textfield}.serge-quick-view__qty-input::-webkit-outer-spin-button,.serge-quick-view__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.serge-quick-view__add-btn{margin-bottom:1rem}.serge-quick-view__add-btn.is-loading{pointer-events:none}.serge-quick-view__add-btn.is-added .serge-btn-text:after{content:" \2713"}.serge-quick-view__view-full{text-align:center;display:flex;justify-content:center}@media(max-width:768px){.serge-quick-view__container{width:100%;height:100%;max-width:100%;max-height:100%}.serge-quick-view__product{grid-template-columns:1fr}.serge-quick-view__gallery{padding:1rem;max-height:50vh;overflow:hidden}.serge-quick-view__main-image{aspect-ratio:auto;height:300px}.serge-quick-view__info{padding:1.5rem;padding-bottom:100px}.serge-quick-view__content{height:100%}}.serge-quick-view:focus{outline:none}.serge-quick-view *:focus{outline:2px solid var(--serge-black, #000);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/serge-quick-view.css.map */