.c-instructions-popup{width:100%}.c-instructions-popup__header{margin-bottom:2rem}.c-instructions-popup__title{margin:0;font-size:2rem;font-weight:700}.c-instructions-popup__grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media screen and (min-width:750px){.c-instructions-popup__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.c-instructions-popup__grid--3-items{grid-template-columns:repeat(3,1fr)}.c-instructions-popup__grid--5-items,.c-instructions-popup__grid--6-items{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.c-instructions-popup__item{width:100%}.c-instructions-popup__trigger{position:relative;display:block;width:100%;padding:0;border:1px solid #7b7b7b;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-align:left;background-color:#fff}.c-instructions-popup__trigger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.c-instructions-popup__image-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden}.c-instructions-popup__thumbnail{width:100%;height:100%;object-fit:cover}.c-instructions-popup__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.c-instructions-popup__placeholder .placeholder-svg{width:50%;height:auto;fill:#777}.c-instructions-popup__content{position:absolute;bottom:50%;left:50%;display:flex;flex-direction:column;padding:1rem 1rem 3.5rem;transform:translate(-50%,50%);color:#000;align-items:center;width:100%}.c-instructions-popup__item-title{font-size:1.4rem;font-weight:700;line-height:1.3}.c-instructions-popup__item-subtitle{font-size:1.1rem;margin-top:.2rem}.c-instructions-popup__click{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:1.2rem 1rem;background-color:#000c;color:#fff;font-size:1.2rem;font-weight:600;border-top:1px solid rgba(255,255,255,.2)}.c-instructions-popup__click svg{width:14px;height:14px}.c-instructions-popup__modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:visibility 0s .3s,opacity .3s ease}.c-instructions-popup__modal.is-active{visibility:visible;opacity:1;transition:visibility 0s,opacity .3s ease}.c-instructions-popup__modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;cursor:pointer;display:block!important}.c-instructions-popup__modal-container{max-width:90vw;max-height:90vh;z-index:1}.c-instructions-popup__modal-close{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background-color:#000;cursor:pointer;transition:background-color .2s ease;z-index:2}.c-instructions-popup__modal-close:hover{background-color:#eee}.c-instructions-popup__modal-close svg{width:20px;height:20px;color:#fff}.c-instructions-popup__modal-content{max-width:90vw;max-height:85vh;overflow:auto;background-color:#fff;border-radius:4px}.c-instructions-popup__modal-image{display:block;width:100%;height:auto;max-height:85vh;object-fit:contain}.c-instructions-popup__modal-placeholder{width:400px;height:300px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.c-instructions-popup__modal-placeholder .placeholder-svg{width:40%;height:auto;fill:#ccc}@media screen and (max-width:749px){.c-instructions-popup__content{padding:.6rem .6rem 3rem}.c-instructions-popup__item-title{font-size:1.1rem}.c-instructions-popup__item-subtitle{font-size:.9rem}.c-instructions-popup__click{padding:1rem .6rem;font-size:1rem}.c-instructions-popup__modal-container{max-width:calc(100vw - 6rem);max-height:95vh;width:calc(100vw - 2rem)}.c-instructions-popup__modal-content{max-width:calc(100vw - 6rem);max-height:90vh}.c-instructions-popup__modal-image{max-height:90vh}.c-instructions-popup__modal-close{top:0;width:32px;height:32px}.c-instructions-popup__modal-close svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/custom-instructions-popup.css.map */