.popup.dyn_mp_jqm_frame{max-width: 768px;width: auto;}

.marketing-popup{min-height: 200px;min-width: 250px;}
.marketing-popup:not(.marketing-popup--has-img){max-width: 580px;}

.marketing-popup.marketing-popup--has-img .marketing-popup__picture{
	position: sticky;
	top:0;
	overflow: hidden;
}
.marketing-popup.marketing-popup--has-img .marketing-popup__picture > div{display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}

.marketing-popup__btn{
	display: flex;
    gap: 10px;
    flex-wrap: wrap;
	max-width: 100%;
}
.marketing-popup__btn .btn{
	overflow: hidden;
    text-overflow: ellipsis;
	max-width: 100%;
}
.marketing-popup .marketing-popup__main-block{
	min-height: 200px;
}
.marketing-popup__timer{
	display: flex;
}

/* TEXT */
.dyn_mp_jqm_frame.TEXT {
	box-shadow: 0px 5px 20px 0px #0000001f;
}
.dyn_mp_jqm_frame.TEXT .marketing-popup {
	min-height: auto;
}
.dyn_mp_jqm_frame.TEXT {
    max-width: 410px;
}
body .dyn_mp_jqm_frame.maxwidth-theme-popup{
	max-width: var(--theme-page-width);
}

/* BOTTOM_CENTER TOP_CENTER */
.dyn_mp_jqm_frame.TEXT--wide {
	width: calc(100% - 60px);
}
.dyn_mp_jqm_frame.TEXT--wide .marketing-popup {
	display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: none;
    padding: 21px 40px 20px 26px;
	gap: 20px;
}
.dyn_mp_jqm_frame.TEXT--wide .marketing-popup__btn {
	margin-top: 0px;
    margin-left: 10px;
	min-width: 0;
}

.dyn_mp_jqm_frame.TEXT--wide .marketing-popup__wrapper{
	flex: 1;
	min-width: 250px;
}
/* popup position*/
.popup.dyn_mp_jqm_frame{
	--dyn-mp-margin: 20px;
}
@media (min-width: 768px){
	.popup.dyn_mp_jqm_frame{
		margin: var(--dyn-mp-margin);
	}
	.dyn_mp_jqm_frame.BOTTOM_CENTER {
		bottom: 0;
	}
	.dyn_mp_jqm_frame.BOTTOM_RIGHT {
		bottom: 0;
		right: 0;
	}
	.dyn_mp_jqm_frame.BOTTOM_LEFT {
		bottom: 0;
		left: 0;
	}
	.dyn_mp_jqm_frame.TOP_CENTER {
		top: 0;
	}
	.dyn_mp_jqm_frame.TOP_RIGHT {
		top: 0;
		right: 0;
	}
	.dyn_mp_jqm_frame.TOP_LEFT {
		top: 0;
		left: 0;
	}
	.dyn_mp_jqm_frame.CENTER_LEFT {
		left: 0;
	}
	.dyn_mp_jqm_frame.CENTER_RIGHT {
		right: 0;
	}
}
/**/

/*no-overlay*/
.dyn_mp_jqm_frame.mp-no-overlay,
.dyn_mp_jqm_frame.TEXT {
	box-shadow: var(--light, 0px 5px 20px 0px #0000001f) var(--dark, 0 0 0 1px #ffffff33);
}
@media(max-width: 767px){
	.dyn_mp_jqm_frame.mp-no-overlay{
		top: 0;
	}
}

/*web_forms*/
.marketing-popup.with_web_form .form .form-header{padding-top: 0px;}
.marketing-popup.with_web_form .form .form-footer,
.dyn_mp_jqm_frame .marketing-popup.with_web_form .form .form-result.success{
	margin-bottom: 0; 
	padding-bottom: 0px;
}
.marketing-popup.with_web_form .form .form-body,
.marketing-popup.with_web_form .form .form-header,
.marketing-popup.with_web_form .form .form-footer,
.marketing-popup.with_web_form .form .form-result{
	padding-left: 0px; 
	padding-right: 0px;
}
.marketing-popup.with_web_form.marketing-popup--has-img .marketing-popup__picture{max-width: unset;}
.marketing-popup.with_web_form .top-close.jqmClose{display: none;}
.marketing-popup.with_web_form .marketing-popup__coupon{
	margin-bottom: 20px;
}
/**/

/*bg image*/
.marketing-popup-bg-block{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.dyn_mp_jqm_frame .marketing-popup-bg-block .form-control{
	background-color: transparent;
}
/**/

/*only_image*/
.popup.dyn_mp_jqm_frame.IMAGE {
	max-width: 100vw;
	min-width: 50px;
	min-height: 50px;
}
body .marketing-popup.marketing-popup--only-image {
	max-width: 850px;
	min-height: 50px;
    min-width: 50px;
}
.popup-only-image__picture{
	display: block;
	max-width: 100%;
	max-height: calc(100vh - (2 * var(--dyn-mp-margin)));
}
.popup-only-image__link{
	display: flex;
}
/**/

/*light close for bg image*/
.popup.dyn_mp_jqm_frame.light-close-btn .top-close svg *,
.popup.dyn_mp_jqm_frame.light-close-btn .top-close:hover svg *{
    fill: #fff;
}
.popup.dyn_mp_jqm_frame.light-close-btn .top-close {
    background: #ffffff12;
}
.popup.dyn_mp_jqm_frame.light-close-btn:hover .top-close {
    background: #22222824;
}
/**/

/*coupon block*/
.coupon-block{
	border-radius: 8px;
	cursor: pointer;
}
/**/

.marketing-popup-disagree{
	padding: 50px;
}
.dyn_mp_jqm_frame.dyn_mp_jqm_frame--no-close .top-close {
    display:none;
}
.dyn_mp_jqm_frame .marketing-popup.marketing-popup--has-img{
	display: flex;
}

@media (min-width: 1200px){
	.popup.dyn_mp_jqm_frame.WEBFORM {max-width: 850px;}
	.popup.dyn_mp_jqm_frame.MAIN {max-width: 850px;}
	body .marketing-popup.with_web_form.marketing-popup--has-img{min-width: 850px;}

	body .marketing-popup.with_web_form.marketing-popup--has-img .captcha-row .captcha_input{max-width: 135px;}
	body .popup .marketing-popup.with_web_form.marketing-popup--has-img .captcha-row .captcha_image{left:145px;}
}

@media (min-width: 768px){
	.marketing-popup.marketing-popup--has-img .marketing-popup__picture{width: 45%;}
	.marketing-popup.marketing-popup--has-img .marketing-popup__main-block{width: 55%;}
	.marketing-popup__picture--right{
		order: 1;
	}

	.marketing-popup.with_web_form.marketing-popup--has-img{min-width: 767px;}

	.marketing-popup.with_web_form.marketing-popup--has-img .captcha-row .captcha_input{max-width: 95px;}
	.popup .marketing-popup.with_web_form.marketing-popup--has-img .captcha-row .captcha_image{left:105px;}

	.dyn_mp_jqm_frame.MAIN .marketing-popup,
	.dyn_mp_jqm_frame.WEBFORM .marketing-popup{min-width: 700px;}
	.dyn_mp_jqm_frame.TEXT--wide .marketing-popup__btn {
		flex-direction: column;
		max-width: 320px;
	}
}
@media (max-width: 767px){
	.dyn_mp_jqm_frame.TEXT {
		bottom: 0px !important;
	    right: 0px !important;
	    left: 0 !important;
	    max-width: none !important;
	    border-radius: 0 !important;
	    width: 100% !important;
	    transform: none !important;
	}
	.dyn_mp_jqm_frame.TEXT .marketing-popup {
		padding: 22px 26px 20px 26px;
	}
	.dyn_mp_jqm_frame.TEXT--wide .marketing-popup {
	    flex-direction: column;
	    align-items: baseline;
	}
	.dyn_mp_jqm_frame.TEXT--wide .marketing-popup__btn {
		margin-left: 0;
	}
	.marketing-popup-disagree{
		padding: 30px;
	}
	.marketing-popup.marketing-popup--has-img .marketing-popup__picture{display: none;}
}

@media(min-width: 550px){
	.marketing-popup__info--left,
	.marketing-popup__info--right {
		width: 66%;
	}
	.marketing-popup__info--right {
		margin-left: auto;
	}
}