.m-product-modal{display:none;left:0;margin:0 1rem;max-height:calc(100vh - 15rem);max-width:calc(100% - 2rem);overflow-y:auto;padding:2rem;position:fixed;top:50%;transform:translateY(-50%);z-index:9999}.m-product-modal.open{display:block}@media screen and (min-width:768px){.m-product-modal{left:50%;margin:0;max-width:100%;padding:4rem;top:50%;transform:translate(-50%,-50%)}}.m-product-modal--close{cursor:pointer;position:absolute;right:2rem;top:2rem;transform-origin:center;transition:transform var(--default-transition-easing) var(--default-transition-timing)}.m-product-modal--close:hover{color:var(--white);transform:rotate(90deg)}.m-product-modal__background{background-color:var(--color-primary);display:none;height:100vh;left:0;margin:0;opacity:.5;position:fixed;top:0;width:100vw;z-index:999}.m-product-modal__background.open{display:block!important}