.bundle-preview{display:grid;grid-template-columns:1fr;position:relative;cursor:pointer;transition:transform .3s ease}.bundle-preview:hover{transform:translateY(-2px)}.bundle-preview__inner{display:grid;grid-template-columns:minmax(0,1fr);position:relative;width:100%}.bundle-preview__image-wrapper{position:relative;width:100%;background:var(--bg-lighten-darken, #f7f7f7)}.bundle-preview__image{width:100%;height:auto;display:block;transition:transform .3s ease}.bundle-preview:hover .bundle-preview__image{transform:scale(1.05)}.bundle-preview__image.placeholder-svg-filled{width:100%;height:auto;max-width:600px;margin:0 auto}.bundle-preview__link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.bundle-preview__eye-badge{position:absolute;bottom:12px;left:12px;width:40px;height:40px;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026;z-index:2;border:2px solid rgba(255,255,255,.5)}.bundle-preview__eye-badge:hover{transform:scale(1.1);background:#fff;box-shadow:0 4px 16px #0003;border-color:#fff}.bundle-preview__eye-badge:active{transform:scale(.95)}.bundle-preview__eye-badge svg{width:20px;height:20px;color:var(--text, #0b0b0b);transition:color .2s ease}.bundle-preview__eye-badge:hover svg{color:var(--black, #000)}.bundle-preview__info{padding:12px;background:var(--bg, #fff);position:relative;z-index:1}.bundle-preview__title{font-size:14px;font-weight:500;margin:0 0 4px;color:var(--text, #0b0b0b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundle-preview__subtitle{font-size:12px;font-weight:400;margin:0;color:var(--text-alpha-60, rgba(11, 11, 11, .6));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundle-preview-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:none;opacity:0;transition:opacity .3s ease;padding:20px}.bundle-preview-popup.is-active{display:flex;align-items:center;justify-content:center}.bundle-preview-popup.is-visible{opacity:1}.bundle-preview-popup__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;animation:fadeIn .3s ease}.bundle-preview-popup__container{position:relative;width:100%;max-width:900px;max-height:calc(100vh - 40px);background:var(--bg, #fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;z-index:1;animation:fadeInScale .3s cubic-bezier(.4,0,.2,1)}.bundle-preview-popup__header{display:flex;justify-content:flex-end;align-items:center;padding:16px;position:absolute;top:0;right:0;z-index:3}.bundle-preview-popup__close{width:40px;height:40px;border:none;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text, #0b0b0b);padding:0;box-shadow:0 2px 8px #00000026}.bundle-preview-popup__close:hover{background:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #0003}.bundle-preview-popup__close:active{transform:rotate(90deg) scale(.95)}.bundle-preview-popup__close svg{width:20px;height:20px}.bundle-preview-popup__content{width:100%;max-height:calc(100vh - 40px);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-lighten-darken, #f7f7f7);position:relative}.bundle-preview-popup__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.bundle-preview-popup__spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--black, #000);border-radius:50%;animation:spin .8s linear infinite}.bundle-preview-popup__image{width:100%;height:auto;max-height:calc(100vh - 40px);object-fit:contain;display:block;opacity:0;transition:opacity .3s ease}.bundle-preview-popup__image.is-loaded{opacity:1}.bundle-preview-popup__video{width:100%;height:auto;max-height:calc(100vh - 40px);display:block;opacity:0;transition:opacity .3s ease}.bundle-preview-popup__video.is-loaded{opacity:1}.bundle-preview--one-column{grid-column:span 1}@media only screen and (max-width: 479px){.bundle-preview--one-column{grid-column:1/-1}}.grid__item.bundle-preview{display:grid}@media only screen and (min-width: 768px) and (max-width: 1023px){.bundle-preview__eye-badge{width:36px;height:36px}.bundle-preview__eye-badge svg{width:18px;height:18px}.bundle-preview-popup__container{max-width:700px}}@media only screen and (max-width: 767px){.bundle-preview-popup{padding:10px}.bundle-preview-popup__container{max-height:calc(100vh - 20px);border-radius:12px}.bundle-preview-popup__header{padding:12px}.bundle-preview-popup__close{width:36px;height:36px}.bundle-preview-popup__close svg{width:18px;height:18px}.bundle-preview__eye-badge{width:32px;height:32px;bottom:8px;left:8px}.bundle-preview__eye-badge svg{width:16px;height:16px}.bundle-preview__info{padding:10px}.bundle-preview__title{font-size:13px}.bundle-preview__subtitle{font-size:11px}}@media only screen and (max-width: 479px){.bundle-preview-popup{padding:5px}.bundle-preview-popup__container{max-height:calc(100vh - 10px);border-radius:10px}.bundle-preview__eye-badge{width:28px;height:28px;bottom:6px;left:6px}.bundle-preview__eye-badge svg{width:14px;height:14px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.bundle-preview-popup.is-closing{animation:fadeOut .2s ease forwards}.bundle-preview-popup.is-closing .bundle-preview-popup__container{animation:fadeOutScale .2s ease forwards}@media only screen and (max-width: 1023px){.aos-initialized .collection .bundle-preview[data-aos][data-aos-delay].aos-animate{transition-delay:0s}}@media only screen and (max-width: 1023px){.aos-initialized .collection .bundle-preview.bundle-preview--grid-even[data-aos][data-aos-delay].aos-animate{transition-delay:.15s}}.bundle-preview:focus-visible,.bundle-preview__eye-badge:focus-visible,.bundle-preview-popup__close:focus-visible{outline:2px solid var(--black, #000);outline-offset:2px}.bundle-preview__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}body.bundle-preview-popup-open{overflow:hidden}.bundle-preview,.bundle-preview__image,.bundle-preview__eye-badge,.bundle-preview-popup__container{will-change:transform}.bundle-preview-popup.is-visible .bundle-preview-popup__container,.bundle-preview-popup.is-visible .bundle-preview-popup__backdrop{will-change:auto}@media (prefers-reduced-motion: reduce){.bundle-preview,.bundle-preview__image,.bundle-preview__eye-badge,.bundle-preview-popup,.bundle-preview-popup__container,.bundle-preview-popup__backdrop,.bundle-preview-popup__close{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/bundle-preview.css.map */