.card-quick-view{position:absolute;top:0;right:4.6rem;z-index:2;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background:#b93e82 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='7.5' cy='7.5' r='5.5'/%3E%3Cpath d='M11.8 11.8 16 16'/%3E%3C/svg%3E") center / 1.8rem no-repeat;transform:translate(50%,-50%);cursor:pointer}.card-quick-view:hover{background-color:#a23571}.card-wrapper:not(:has(.quick-add__submit:not([disabled]),.card-quick-add)) .card-quick-view{right:0}.card-quick-add{position:absolute;top:0;right:0;z-index:2;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background:#b93e82 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 2v14M2 9h14' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 1.8rem no-repeat;transform:translate(50%,-50%);cursor:pointer}.card-quick-add:hover{background-color:#a23571}.card-quick-add.is-loading{background-image:none}.card-quick-add.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;margin:-.8rem 0 0 -.8rem;border:.15rem solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:quick-view-spin .8s linear infinite}@media screen and (max-width:749px){.card-quick-view{right:3.6rem;width:3rem;height:3rem;background-size:1.4rem}.card-quick-add{width:3rem;height:3rem;background-size:1.4rem}.grid__item:nth-child(odd):has(.card-quick-add){position:relative;z-index:1}}@media(hover:hover)and (pointer:fine){.card-quick-view,.card-quick-add{opacity:0;transition:opacity .2s ease}.card-wrapper:hover .card-quick-view,.card-wrapper:hover .card-quick-add,.card-quick-view:focus-visible,.card-quick-add:focus-visible,.card-quick-add.is-loading{opacity:1}}.quick-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;display:flex;align-items:center;justify-content:center;padding:2rem}.quick-view[hidden]{display:none}.quick-view .quick-view__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#43424499}.quick-view__dialog{position:relative;width:100%;max-width:96rem;max-height:100%;overflow-y:auto;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.quick-view__dialog:focus{outline:none}.quick-view.is-loading .quick-view__dialog{min-height:30rem}.quick-view.is-loading .quick-view__dialog:after{content:"";position:absolute;top:50%;left:50%;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;border:.2rem solid rgba(var(--color-foreground),.15);border-top-color:#b93e82;border-radius:50%;animation:quick-view-spin .8s linear infinite}@keyframes quick-view-spin{to{transform:rotate(360deg)}}.quick-view__close{position:absolute;top:1.2rem;right:1.2rem;z-index:1;display:flex;padding:1rem;background:rgb(var(--color-background));border:0;border-radius:50%;color:inherit;cursor:pointer}.quick-view__grid{display:grid;grid-template-columns:1fr 1fr}.quick-view__media{min-width:0;padding:2.4rem}.quick-view__main-image img{display:block;width:100%;height:auto}.quick-view__thumbnails{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.quick-view__thumbnail{width:6.4rem;padding:0;background:none;border:.1rem solid transparent;cursor:pointer}.quick-view__thumbnail[aria-current=true]{border-color:#b93e82}.quick-view__thumbnail img{display:block;width:100%;height:auto}.quick-view__info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:4rem 3.2rem 3.2rem .8rem}.quick-view__title{margin:0 3rem 1.2rem 0}.quick-view__price{margin:0 0 1.6rem;font-size:1.8rem}.quick-view__price s{margin-right:.8rem;opacity:.6}.quick-view__description{margin:0 0 2.4rem;font-size:1.5rem;line-height:1.6}.quick-view__buy{display:flex;align-items:stretch;gap:1rem;width:100%;margin-bottom:1.6rem}.quick-view__buy .button{flex:1 1 auto;min-width:0}.quick-view__info>.button{margin-bottom:1.6rem}.quick-view__details{font-size:1.4rem}@media screen and (max-width:749px){#MainContent{overflow-x:clip}.quick-view{padding:1.2rem}.quick-view__grid{grid-template-columns:1fr}.quick-view__media{padding:1.6rem 1.6rem 0}.quick-view__info{padding:1.6rem}}@media(prefers-reduced-motion:reduce){.quick-view.is-loading .quick-view__dialog:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/quick-view.css.map */