/*-------------------------------------------------------------------------------------------------------------------------------*/
/* POPUPS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.popup-wrapper{position:fixed;z-index:110;left:0;top:0;width:100%;height:100%;left:-100%;transition-delay:0.3s}
.popup-wrapper.active{left:0;transition-delay:0s}
.popup-wrapper .bg-layer{position:absolute;left:0;top:-100px;right:0;bottom:-100px;background:rgba(0, 0, 0, 0.55);transition:all 0.3s ease-out;opacity:0}
.popup-wrapper.active .bg-layer{opacity:1}
.popup-content{position:absolute;top:0;width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;text-align:center;transition:transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0.3s;transform:scale(1.2);opacity:0;left:-10000px;padding:50px 15px 50px;display:flex;align-items:center;justify-content:center}
.popup-content.active{transform:scale(1);-webkit-transform:scale(1);opacity:1;left:0;transition:transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0s;position:relative}
.popup-content:after{display:inline-block;vertical-align:middle;height:100%;content:""}
.popup-container{margin:auto;display:inline-block;vertical-align:middle;width:100%;position:relative;text-align:left}
.popup-container.size-1{max-width:570px}
.popup-container.size-2{max-width:800px}
.cart-popup .popup-container{max-width:760px}
.promo-popup .popup-container{max-width:860px}
.quick-popup .popup-container{max-width:1200px}
.popup-content .layer-close{position:absolute;left:0;bottom:0;right:0;height:10000px}
.popup-align{padding:40px 64px;background:var(--color-white);background-size:100px;border-radius:var(--border-radius);box-shadow:0px 0px 16px rgba(0, 0, 0, 0.04);position:relative;z-index:2;overflow:hidden}
.popup-align.bg-black{background:var(--color-black-70)}
.popup-content .btn-close{position:absolute;right:var(--gap-s);top:var(--gap-s);z-index:2}
.popup-content .btn-close.relative{position:relative;left:100%;transform:translateX(-100%) rotate(0);top:unset;margin-bottom:40px}
@media (min-width:992px) and (hover:hover) {
  .popup-content .btn-close.relative:hover{transform:translateX(-100%) rotate(180deg)}
}
@media (max-width: 767px){
.popup-content{padding:15px}
}
/* popup general inner styles */
.popup-align a:not(.btn){color:var(--color-light-green)}
.popup-align a:not(.btn):hover{text-decoration:underline}
.popup-img{margin:0 auto;margin-bottom:30px;width:50%}
.popup-title{margin-top:24px;color:var(--color-orange);font-weight:bold;margin-bottom:10px}
.content-popup{max-width:600px;margin:0 auto}
.content-popup > *{margin-bottom:15px}
.content-popup > *:last-child{margin-bottom:0}
.popup__top{text-align:center;margin-bottom:var(--gap-m)}
.popup__top img{width:80px;margin:auto;margin-bottom:var(--gap-xs);display:block}
.reset-pass-inputs{display:grid;margin:0 auto;width:-webkit-min-content;width:-moz-min-content;width:min-content;grid-template-columns:repeat(4, 55px);gap:5px}
.reset-pass-inputs input{height:55px;padding:0;text-align:center}
@media (max-width: 575px){
.popup-align{padding:32px 32px 48px 32px}
}
/* end of popup general inner styles */
.popup__video{position:relative;padding-bottom:62%}
.popup__video iframe{position:absolute;left:0;top:0;width:100%;height:100%}
.popup__video_native{padding-bottom:0}
.popup__video_native video{width:100%}