.quickview-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;opacity:0;transition:opacity .3s ease}.quickview-modal.active{display:block;opacity:1}.quickview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quickview-container{position:fixed;max-width:500px;width:100%;max-height:100vh;background:rgba(var(--color-background));overflow:hidden;top:0;right:0}.quickview-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;border-bottom:1px solid}.quickview-hedaing{font-size:20px;line-height:30px;margin:0;color:rgba(var(--color-foreground),1)}.quickview-close{width:35px;height:35px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:red}.quickview-close .icon.icon-close{width:16px}.quickview-content{overflow-y:auto;max-height:calc(100vh - 60px);padding:15px;height:100%}.quickview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.quickview-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quickview-product{height:100%;width:100%}.quickview-images{position:relative}.quickview-main-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block}.quickview-main-image.product-model,model-viewer.product-model{background-color:#f7f7f7}.quickview-thumbnails{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:10px}.quickview-thumbnail{flex-shrink:0;width:80px;height:80px;object-fit:cover;border-radius:4px;cursor:pointer;border:1px dashed rgba(var(--color-foreground),.5);transition:border-color .2s ease}.quickview-thumbnail:hover,.quickview-thumbnail.active{border:1px dashed rgba(var(--color-foreground),1)}.quickview-images .badge.card__badge{position:absolute;top:15px;left:15px}.quickview-media-item{width:100%;margin-bottom:16px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:0}.quickview-media-item.active{position:relative;opacity:1;visibility:visible;z-index:1}.quickview-media-item model-viewer,.quickview-media-item video,.quickview-media-item iframe{width:100%;aspect-ratio:1;border-radius:8px;display:block;height:auto}.quickview-title{margin:0 0 10px;font-size:18px;line-height:28px;color:rgba(var(--color-foreground),1)}.quickview-info{margin:0 0 16px}.quickview-vendor{margin-bottom:10px;text-transform:uppercase;font-size:14px;line-height:24px}.quickview-price{margin-bottom:10px;font-size:14px;line-height:24px}.quickview-price .compare-at{text-decoration:line-through;margin-left:8px}.quickview-description{margin-bottom:10px;font-size:14px;line-height:20px}.quickview-description>*{margin:0}.quickview-variants{margin-bottom:24px}.quickview-variant-label{display:block;margin-bottom:8px;text-transform:capitalize;font-size:14px;line-height:20px;font-weight:600}.quickview-variant-select{width:100%;padding:12px;border:1px solid;border-radius:4px;font-size:16px;cursor:pointer;background:rgba(var(--color-background))}.quickview-variant-buttons{display:flex;flex-wrap:wrap;gap:15px}.quickview-variant-button{border-radius:5px;cursor:pointer;text-align:center;min-width:40px;min-height:40px;padding:5px;width:fit-content;height:fit-content;position:relative;margin:10px 10px 0 0;background-color:rgb(var(--color-primary-button));border:1px solid rgb(var(--color-primary-button-text));color:rgb(var(--color-primary-button-text));font-size:12px;line-height:20px}.quickview-variant-button.active{background-color:rgb(var(--color-primary-hover-button));border:1px solid rgb(var(--color-primary-button-hover-text));color:rgb(var(--color-primary-button-hover-text))}.quickview-variant-button:after{content:"";width:140%;height:140%;position:absolute;border:1px dashed;border-radius:5px;top:-20%;left:-20%}.quickview-swatch-shape-circle .quickview-variant-button{border-radius:100%}.quickview-swatch-shape-circle .quickview-variant-button:after{border-radius:100%}.quickview-variant-button.disabled{opacity:.5;cursor:not-allowed}.quickview-swatch.image,.quickview-swatch{width:25px;height:25px;border:1px solid;cursor:pointer;position:relative}.quickview-swatch:after{content:"";width:140%;height:140%;position:absolute;border:1px dashed;border-radius:4px;top:-20%;left:-20%}.quickview-swatch-shape-circle .quickview-swatch:after{border-radius:50%}.quickview-swatch.circle{border-radius:50%}.quickview-swatch.square{border-radius:5px}.quickview-swatch.active{border:1px solid}.quickview-swatch.disabled{opacity:.5;cursor:not-allowed}.quickview-swatch.image{background-size:cover}.quickview-swatch.default{display:flex;align-items:center;justify-content:center;font-size:12px;text-transform:capitalize;width:fit-content;height:fit-content;padding:10px;margin:15px 15px 0 0;background-color:rgb(var(--color-primary-button));border:1px solid rgb(var(--color-primary-button-text));color:rgb(var(--color-primary-button-text));border-radius:5px}.quickview-swatch.default.active,.quickview-swatch.default:focus-visible{background-color:rgb(var(--color-primary-hover-button));border:1px solid rgb(var(--color-primary-button-hover-text));color:rgb(var(--color-primary-button-hover-text))}.quickview-quantity{margin-bottom:24px}.quantity-selector{display:flex;align-items:center;width:fit-content;border:1px solid;border-radius:6px;overflow:hidden}.quantity-minus,.quantity-plus{width:40px;height:40px;background:rgba(var(--color-background));border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}.quantity-input{width:60px;height:40px;text-align:center;border:none;font-size:16px;background:transparent}.quickview-actions{display:flex;gap:12px;flex-wrap:wrap}.quickview-add-to-cart{flex:1;min-width:200px;padding:16px 32px;background-color:rgb(var(--color-primary-button));border:1px solid rgb(var(--color-primary-button-text));color:rgb(var(--color-primary-button-text));border-radius:8px;font-size:16px;line-height:20px;cursor:pointer;height:fit-content;position:relative;transition:all .3s ease}.quickview-add-to-cart:hover:not(:disabled){background-color:rgb(var(--color-primary-hover-button));border-color:rgb(var(--color-primary-button-hover-text));color:rgb(var(--color-primary-button-hover-text))}.quickview-add-to-cart:after{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:6px;background-image:linear-gradient(to right,rgba(var(--color-primary-button-hover-text),1) 50%,transparent 50%),linear-gradient(to bottom,rgba(var(--color-primary-button-hover-text),1) 50%,transparent 50%),linear-gradient(to right,rgba(var(--color-primary-button-hover-text),1) 50%,transparent 50%),linear-gradient(to bottom,rgba(var(--color-primary-button-hover-text),1) 50%,transparent 50%);background-position:0 0,100% 0,0 100%,0 0;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y;background-size:10px 1px,1px 10px,10px 1px,1px 10px;animation:marching-ants 1.5s linear infinite}.quickview-add-to-cart:disabled{cursor:not-allowed}.quickview-full-details{padding:16px 32px;background-color:rgb(var(--color-secondary-button));border:1px solid rgb(var(--color-secondary-button-text));color:rgb(var(--color-secondary-button-text));border-radius:8px;font-size:16px;line-height:20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;flex:1;height:fit-content;text-transform:capitalize;position:relative;transition:all .3s ease}.quickview-full-details:hover{background-color:rgb(var(--color-secondary-hover-button));border-color:rgb(var(--color-secondary-button-hover-text));color:rgb(var(--color-secondary-button-hover-text))}.quickview-full-details:after{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:6px;background-image:linear-gradient(to right,rgba(var(--color-secondary-button-text),1) 50%,transparent 50%),linear-gradient(to bottom,rgba(var(--color-secondary-button-text),1) 50%,transparent 50%),linear-gradient(to right,rgba(var(--color-secondary-button-text),1) 50%,transparent 50%),linear-gradient(to bottom,rgba(var(--color-secondary-button-text),1) 50%,transparent 50%);background-position:0 0,100% 0,0 100%,0 0;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y;background-size:10px 1px,1px 10px,10px 1px,1px 10px;animation:marching-ants 1.5s linear infinite}.quick-view-btn{position:absolute;padding:10px;border-radius:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;opacity:0;z-index:2;width:30px;height:30px;transform:translate(40px);transition:all .3s ease;top:60px;right:20px;background-color:rgb(var(--color-primary-button));border:1px dashed rgb(var(--color-primary-button-text));color:rgb(var(--color-primary-button-text))}.quick-view-btn:hover{background-color:rgb(var(--color-primary-hover-button));border:1px dashed rgb(var(--color-primary-button-hover-text));color:rgb(var(--color-primary-button-hover-text))}.quick-view-icon,.quick-view-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center}.quick-view-loading svg{width:100%;height:100%}.card-media{position:relative}.card-wrapper:hover .quick-view-btn,.card-wrapper:focus-within .quick-view-btn{opacity:1;transform:translate(0)}.quick-view-btn svg{flex-shrink:0}@media only screen and (max-width:1024px){.quickview-full-details,.quickview-add-to-cart{padding:10px}}@media only screen and (max-width:767px){.quickview-container{margin:0;max-height:100vh;border-radius:0}.quickview-actions{flex-direction:column}.quickview-add-to-cart,.quickview-full-details{width:100%}.quick-view-btn{padding:5px;gap:5px;font-size:12px;line-height:12px;opacity:1;transform:translate(0)}.quick-view-btn .quickview-btn-label{display:none}.quickview-images .card__badge{top:30px;left:30px}}.quickview-close:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;border-radius:4px}.quickview-thumbnail:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.quickview-variant-button:focus-visible,.quickview-swatch:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.quickview-variant-select:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.quantity-input:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px;border-radius:4px}.quantity-minus:focus-visible,.quantity-plus:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;border-radius:4px}.quickview-add-to-cart:focus-visible,.quickview-full-details:focus-visible{outline:2px solid currentColor;outline-offset:2px}.quickview-add-to-cart:focus-visible:after,.quickview-full-details:focus-visible:after{animation:marching-ants 1.5s linear infinite}
/*# sourceMappingURL=/cdn/shop/t/5556/assets/quickview.css.map */