/*** Баннер со скидкой ***/
.wrapper__banner.banner_sale{background:url(/templates/potolki/images/newban/banbg.jpg) no-repeat right center / cover;padding-top: 50px;}
.banner_sale h1{font-size: 56px;line-height: 67px;color: #fff;width:auto;margin-bottom:0;text-transform: none;font-weight: 400; padding-top:30px; position:relative}
.banner_sale h1::after{position:absolute;content:"";background:url(/templates/potolki/images/newban/arrow-banner.svg) no-repeat center center;width: 104px;height: 104px;z-index: 1;top: 100%;margin: -15px 0 0 -25px;}
.banner_sale h1 span{color:var(--color_first);background: transparent;display: inline;-webkit-text-fill-color: var(--color_first);}
.sale-info__text{font-weight: 400;font-size: 18px;line-height:23px;color: #FFFFFF;padding:32px 0 64px;max-width: 550px;}
.sale-info__text span{font-weight: 800;color:  var(--color_first)}
.sale-info__form{font-size: 24px;line-height: 31px;color: #FFFFFF;padding: 32px;gap: 16px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.01)), linear-gradient(99.82deg, rgba(255, 255, 255, 0.2) 0.06%, rgba(255, 255, 255, 0) 13.74%);backdrop-filter: blur(32px);border-radius: 24px;position:relative}
.sale-info__form::after{content:"";width: 300px;top: 0;bottom: 0;position: absolute;background: transparent;right: 0;border-radius: 0 24px 24px 0;z-index: -1;border-right: 1px solid rgba(255,255,255,0.3);}
.sale-info__form::before{content:"";width: 300px;top: 0;bottom: 0;position: absolute;background: transparent;left: 0;border-radius: 24px 0 0 24px;z-index: -1;border-left: 1px solid rgba(255,255,255,0.3);}
.sale-info__form-agree{font-size: 16px;line-height: 21px;}
.sale-info__form-agree a{color:#fff; text-decoration:underline}
.sale-info__form-agree a:hover{color:#fff; text-decoration:none}
.sale-info__form input{background: #FFFFFF url(/templates/potolki/images/newban/phone.svg) no-repeat 24px center;border: 1px solid #E6E6E6;box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.08);border-radius: 8px;height: 72px;padding:0 16px 0 64px;font-size: 24px;color: #6D7F91;width: 325px;}
.sale-info__form button{height: 72px;background: var(--color_first);box-shadow: 0px 8px 32px var(--color_first);border-radius: 8px;font-weight: 800;font-size: 18px;line-height: 18px;text-transform: uppercase;color: #FFFFFF;border:none;width:180px}
.sale-info__form button:hover{background:var(--color_third); box-shadow: 0px 8px 32px var(--color_third)}
@media(max-width:1229px){
	.banner_sale h1 {font-size: 44px; line-height: 55px}
	.sale-info__text {font-size: 16px; line-height: 20px; padding: 25px 0}
	.sale-info__form {font-size: 20px; line-height: 26px; padding: 24px; gap: 12px; margin-bottom: 30px}
	.sale-info__form-agree {font-size: 13px; line-height: 18px}
	.sale-info__form input {background-size: 22px auto;height: 62px;padding: 0 16px 0 44px;font-size: 18px;width: 240px;background-position: 12px}
	.sale-info__form button {height: 62px;font-size: 16px;width: 160px}
	.banner_sale-master img{max-width:100%; height:auto}
}
@media(max-width: 991px) {
	.banner_sale h1{font-size: 32px; line-height: 32px; padding:20px 0 0}
	.banner_sale h1 br{display:none}
	.banner_sale h1::after {margin: -50px 0 0 40px}
	.sale-info__text {padding: 20px 0;max-width:100%}
	.sale-info__form {font-size: 18px;line-height: 24px;padding: 20px;gap: 12px;margin-bottom: 40px;}
	.sale-info__form-agree {font-size: 14px;line-height: 18px;}
	.sale-info__form input {height: 56px;width: 100%;font-size:16px}
	.sale-info__form button {height: 56px;width: 100%;margin-top: 10px;}
	.banner_sale-master img{max-width:130%; height:auto}
}

@media(max-width: 767px) {
	.wrapper__banner.banner_sale{padding-top: 20px; text-align: center;}
	.banner_sale h1{font-size: 26px;line-height: 26px;padding: 15px 0 0;}
	.sale-info__text {padding: 15px 0 25px; font-size: 14px;line-height: 18px;}
	.sale-info__form {margin-bottom: 15px;}
	.sale-info__form input {height: 50px;width: calc(100% - 150px);}
	.sale-info__form button {height: 50px;width: 140px; margin-top:0}
	.banner_sale-master img{max-width:85%; height:auto}
	.banner_sale h1::after{display:none}
}

@media(max-width: 575px) {
	.sale-info__form {font-size: 16px;line-height: 22px;padding: 15px}
	.sale-info__form input {background-size: 18px auto;height: 48px;padding: 0 10px 0 30px;font-size: 14px;background-position: 5px center;}
	.sale-info__form button {height: 48px; font-size:14px}
}
@media(max-width: 400px) {
	.sale-info__form input, .sale-info__form button {width:100%}
	.sale-info__form button{margin-top:10px}
}