.wrapper__case{padding-top:30px}
.wrapper__breadcrumb{position:static}
.wrapper__breadcrumb ul{padding:35px 0 15px}
.row__material{display: flex; flex-wrap: wrap; justify-content: center; margin:-12px}
.material__col{font-size: 16px;line-height: 125%;  width:25%; padding:12px}
.material__block{border-radius: 24px; overflow: hidden; background-color: #EEF4FA; height:100%}
.material_img_bg{position: relative;z-index: 50;display:block}
.material_img_bg, .material_img{width: 100%; height: 160px;display:block}
.material_name_bg span{display:block}
.material_img{object-fit: cover}
.material_mask{position: absolute;bottom: -3px; left: 0;width: 100%; fill: #EEF4FA;z-index: 50}
.material__info{padding:16px 24px 32px; display:flex; flex-direction:column; gap:8px 0}


.material__top-info{display:flex; align-items:center; justify-content:space-between}
.material__price{font-weight: 500; color: #333333}
.material__color{display:flex; align-items:center; gap:0 8px}
.material__color li{width:24px; height:24px; border-radius:100%}
.material__color li.white-color{box-shadow:0 0 0 1px #D9D9D9 inset}
.material__title{color: #666;}
.material__polotno{color: #000; font-weight: 400; display:flex; align-items:center; gap:0 8px}
.material__polotno-title span{color: #666;}
.material__option{display:flex; gap:0 8px}
.material__option div{color: #666; width:50%}
.material__option span{color: #000; display:block}
.material__text{color: #666;}
.material__text span{color: #000;}

.material__col{}
.material__form{background:#3478B9; height:100%; border-radius: 24px; padding:24px; height:100%; color:#fff}
.material__col .btn{width:100%; color:#fff; box-shadow:0 0 0 1px #fff inset; background:rgba(255,255,255,0.16); margin:16px 0 8px}
.material__form-title{font-weight:500; padding:0 0 16px}
.material__form-agree{font-size: 12px; color:#fff}
.material__form-agree a{color:#fff}
.material__form-agree a:hover{text-decoration:underline}

@media(max-width: 1229px){
	.row__material{margin:-8px}
	.material__col{font-size: 14px; padding:8px}
	.material__form{padding:16px}
	.material__info{padding:12px 16px 24px}
}
@media(max-width: 991px) {
	.wrapper__case{padding-top:20px}
	.material__col{width:33.333%}
	.wrapper__breadcrumb ul{padding:10px 0}
}
@media(max-width: 991px) and (min-width:768px) {
	.material__col:last-child{width:100%}
	.material__form{padding:24px}
	.material__form form{display:flex; align-items:center; gap:0 12px; flex-wrap:wrap; justify-content:center}
	.material__form form input{width:calc(100% - 220px)}
	.material__col .btn{margin:0; max-width:200px}
	.material__form-title{font-size:18px; text-align:center; padding-bottom:24px}
	.material__form-title br, .material__form-agree br{display:none}
	.material__form-agree{width:100%; text-align:center; padding-top:12px}
}
@media(max-width:767px) {
	.material__col{width:50%}	
}
@media(max-width: 575px) {
	.wrapper__case{padding-top:15px}
	.row__material{margin:-5px}
	.material__col{padding:5px}
	.material__col .btn{margin:10px 0 5px}
}
@media(max-width: 480px) {
	.material__col{width:100%}	
	.material__form-title br, .material__form-agree br{display:none}
}