.material-popup{height:0;overflow:hidden;opacity:0;visibility:hidden;position:absolute;top:0;left:0;width:calc(100% + (100vw * 8 / 1512) * 2);margin-inline:calc(-100vw * 8 / 1512);background-color:var(--white);z-index:20;transition:opacity .3s ease,visibility .3s ease;-webkit-transition:opacity .3s ease,visibility .3s ease;-moz-transition:opacity .3s ease,visibility .3s ease;-ms-transition:opacity .3s ease,visibility .3s ease;-o-transition:opacity .3s ease,visibility .3s ease}.material-popup.active{opacity:1;visibility:visible}.material-popup--inner{height:max-content;display:flex}.material-popup__media{width:calc(100% / 3);padding-inline:calc(100vw * 8 / 1512);height:auto}.material-popup__media--inner{position:sticky;top:82px;height:max-content}.material-popup__media .media__item-wrapper{width:100%;height:calc(100vw * 437 / 1512)}.material-popup__media .media__item{display:block;width:100%;height:100%;object-fit:cover}.material-popup__media .title{display:block;padding-top:8px}.material-popup__body{width:calc(100% - (100% / 3));padding-left:calc((100vw * 65 / 1512) - (100vw * 8 / 1512));padding-right:calc(100vw * 8 / 1512)}.material-popup__body__title{position:sticky;top:82px;width:100%;height:100px;padding-right:30px;background-color:var(--white);z-index:10}.close-btn{position:absolute;top:8px;right:0;padding:8px;margin:-8px;cursor:pointer}.close-btn--inner{position:relative;width:15px;height:15px}.close-btn span{position:absolute;top:50%;left:50%;display:block;width:19px;height:1px;background-color:var(--black);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.close-btn span.line-1{transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg)}.close-btn span.line-2{transform:translate(-50%,-50%) rotate(-45deg);-webkit-transform:translate(-50%,-50%) rotate(-45deg);-moz-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);-o-transform:translate(-50%,-50%) rotate(-45deg)}.material-popup-body__item{width:100%;display:flex}.material-popup-body__item__col.col--left{height:auto;width:calc(100% - (100vw * 595 / 1512));padding-right:calc(100vw * 32 / 1512)}.material-popup-body__item__col.col--right{width:calc(100vw * 595 / 1512)}.material-popup-body__item__col.col--left .material-popup-body__item__col--inner{position:sticky;top:182px;height:max-content}.info-item{display:flex;padding-bottom:32px}.info-item:last-child{padding-bottom:0}.info-item__title{width:105px}.info-item__text{width:calc(100% - 105px)}.info-item__text ul{list-style:disc;padding-left:16px}.info-item__text ul li{padding-bottom:6px}.info-item__text ul li:last-child{padding-bottom:0}.material-popup-body__item__col .desc{padding-bottom:64px}.material-popup-body__item__col .gallery .gallery__item{padding-bottom:16px}.material-popup-body__item__col .gallery .gallery__item:last-child{padding-bottom:0}.material-popup-body__item__col .gallery .media__item-wrapper{width:100%;height:auto}.material-popup-body__item__col .gallery .media__item{display:block;width:100%;height:100%;object-fit:cover}.material-popup-body__item.item--desc{padding-top:130px}.desc-title{width:calc(100% - (100vw * 725 / 1512));padding-right:20px}.desc-text{width:calc(100vw * 725 / 1512)}.material-popup-body__item.item--collection{display:flex;padding-top:130px}.collection__body{width:calc(100% - (100vw * 475 / 1512))}.collection__body--inner{position:sticky;top:182px;height:max-content}.collection__body__title span{display:block}.collection__body__desc{display:flex;margin-top:6px}.collection__body__desc .desc{opacity:0;visibility:hidden;width:calc(100% - 110px);transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.collection__products{width:calc(100vw * 475 / 1512)}.collection__body__desc.open .desc{opacity:1;visibility:visible}.collection__products{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:16px}.collection__products .product-card{width:calc(50% - 16px)}@media(min-width:1920px){.info-item__title{width:5.46875vw}.info-item__text{width:calc(100% - 5.46875vw)}}@media(max-width:1300px){.info-item__title{width:90px}.info-item__text{width:calc(100% - 90px)}.material-popup-body__item__col.col--left{width:calc(100% - (100vw * 480 / 1512))}.material-popup-body__item__col.col--right{width:calc(100vw * 480 / 1512)}.collection__body__desc{flex-direction:column}.collection__body__desc .desc{width:100%;padding-top:16px}}@media(max-width:991px){.material-popup__body__title{top:76px}.material-popup-body__item__col.col--left .material-popup-body__item__col--inner,.collection__body--inner{top:176px}}@media(max-width:768px){.material-popup{width:100%;margin:0}.material-popup--inner{flex-direction:column}.material-popup__media{width:100%;padding:0}.material-popup__media .media__item-wrapper{height:calc(100vw * 437 / 402)}.material-popup-body__item.item--info{flex-direction:column}.material-popup__body{width:100%;padding:50px 0 0}.material-popup__body__title{height:85px}.close-btn{top:6px}.material-popup-body__item__col{width:100%!important;padding:0!important}.material-popup-body__item__col.col--left{display:flex;padding-top:30px!important}.material-popup-body__item__col--inner{position:relative;top:unset;width:100%;height:auto;display:flex;flex-wrap:wrap;gap:16px}.info-item{width:calc(50% - 8px);display:flex;flex-direction:column;padding-bottom:0}.info-item__title,.info-item__text{width:100%}.info-item__title{padding-bottom:16px}.material-popup-body__item__col.col--right{padding-top:65px!important}.material-popup-body__item__col .desc{padding-bottom:65px}.material-popup-body__item.item--desc{padding-top:155px;flex-direction:column}.desc-title,.desc-text{width:100%;text-align:center}.desc-title{padding-bottom:16px}.collection__body__desc .desc{padding-right:16px}.collection__body__desc.open .desc{padding-top:10px}.material-popup-body__item.item--collection{padding-top:130px}.collection__body{width:calc(100% - (100vw * 230 / 402))}.collection__products{width:calc(100vw * 230 / 402);padding-right:16px}.collection__products .product-card{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/style-material-popup.css.map */
