.quick-view-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.quick-view-modal.active{display:flex;opacity:1}.quick-view-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-view-modal__content{position:relative;background:rgb(var(--color-background));width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;border-radius:12px;box-shadow:0 8px 32px #0003;z-index:1;transform:scale(.95);transition:transform .3s ease}.quick-view-modal.active .quick-view-modal__content{transform:scale(1)}.quick-view-modal__close{position:absolute;top:1.6rem;right:1.6rem;z-index:2;background:rgba(var(--color-background),.95);border:none;width:4.4rem;height:4.4rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.quick-view-modal__close:hover{background:rgb(var(--color-foreground));transform:rotate(90deg)}.quick-view-modal__close:hover svg{color:rgb(var(--color-background))}.quick-view-modal__close svg{width:2rem;height:2rem;color:rgb(var(--color-foreground));transition:color .2s ease}.quick-view-modal__body{display:grid;grid-template-columns:1fr 1fr;gap:3.2rem;padding:3.2rem}.quick-view-modal__media{position:relative}.quick-view-modal__media-main{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);margin-bottom:1.6rem}.quick-view-modal__media-main img{width:100%;height:100%;object-fit:cover;display:block}.quick-view-modal__media-thumbnails{display:flex;gap:.8rem;overflow-x:auto;padding-bottom:.8rem;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.2) transparent}.quick-view-modal__media-thumbnails::-webkit-scrollbar{height:.4rem}.quick-view-modal__media-thumbnails::-webkit-scrollbar-track{background:transparent}.quick-view-modal__media-thumbnails::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:.4rem}.quick-view-modal__thumbnail{flex-shrink:0;width:8rem;height:8rem;border-radius:.6rem;overflow:hidden;cursor:pointer;border:.2rem solid transparent;transition:border-color .2s ease}.quick-view-modal__thumbnail:hover,.quick-view-modal__thumbnail.active{border-color:rgb(var(--color-foreground))}.quick-view-modal__thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.quick-view-modal__info{display:flex;flex-direction:column}.quick-view-modal__title{font-size:2.4rem;font-weight:700;margin:0 0 1.2rem;line-height:1.2;color:rgb(var(--color-foreground))}.quick-view-modal__price{margin-bottom:1.6rem}.quick-view-modal__vendor{font-size:1.4rem;color:rgba(var(--color-foreground),.7);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.05em}.quick-view-modal__description{font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.8);margin-bottom:2.4rem;max-height:12rem;overflow-y:auto}.quick-view-modal__variants{margin-bottom:2.4rem}.quick-view-modal__form{margin-top:auto}.quick-view-modal__view-full{display:inline-flex;align-items:center;gap:.8rem;font-size:1.4rem;margin-top:1.6rem;color:rgb(var(--color-link));text-decoration:none;transition:gap .2s ease}.quick-view-modal__view-full:hover{gap:1.2rem;text-decoration:underline}.quick-view-modal__view-full svg{width:1.6rem;height:1.6rem}.card-product__quick-view{position:absolute;top:1.2rem;right:1.2rem;z-index:2;opacity:0;transform:translateY(-.8rem);transition:all .2s ease}.card-wrapper:hover .card-product__quick-view,.card-wrapper:focus-within .card-product__quick-view{opacity:1;transform:translateY(0)}.card-product__quick-view-button{background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.card-product__quick-view-button:hover{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));transform:scale(1.1)}.card-product__quick-view-button:hover svg{color:rgb(var(--color-background))}.card-product__quick-view-button svg{width:2rem;height:2rem;color:rgb(var(--color-foreground));transition:color .2s ease}.quick-view-modal__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.quick-view-modal__content.loading{min-height:50vh}@media screen and (max-width: 749px){.quick-view-modal__content{width:95%;max-height:95vh;border-radius:8px}.quick-view-modal__body{grid-template-columns:1fr;gap:2.4rem;padding:2.4rem 1.6rem}.quick-view-modal__close{top:1.2rem;right:1.2rem;width:3.6rem;height:3.6rem}.quick-view-modal__close svg{width:1.6rem;height:1.6rem}.quick-view-modal__title{font-size:2rem}.quick-view-modal__thumbnail{width:6rem;height:6rem}.card-product__quick-view{opacity:1;transform:translateY(0)}}@media screen and (max-width: 479px){.quick-view-modal__body{padding:2rem 1.2rem;gap:2rem}.quick-view-modal__media-main{margin-bottom:1.2rem}.quick-view-modal__thumbnail{width:5rem;height:5rem}}.quick-view-modal:focus-within .quick-view-modal__close{outline:.2rem solid rgb(var(--color-link));outline-offset:.2rem}body.quick-view-modal-open{overflow:hidden}@media (prefers-reduced-motion: reduce){.quick-view-modal,.quick-view-modal__content,.card-product__quick-view,.card-product__quick-view-button,.quick-view-modal__close{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-quick-view-modal.css.map */