@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,700&display=swap&subset=cyrillic-ext);
.payment-modal {
    display: none; /* Скрываем модальное окно по умолчанию */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон */
}

.payment-modal .modal-content {
    position: relative;
    margin: auto;
    padding: 20px;
    background: white;
    border-radius: 5px;
    width: 300px; /* Ширина модального окна */
    animation: fadeIn 0.3s; /* Анимация появления */
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.smart-basket{
	font:400 16px 'Exo 2','Open Sans',sans-serif;
	width:100%;
	font-size:16px;
	padding:30px 0;
	position:fixed;
	top:-25000px;
	background:#4b4b4bd8;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-ms-flex-align:start;
	align-items:flex-start;
	overflow-y:scroll;
	-webkit-transition:.8s;
	-o-transition:.8s;
	transition:.8s;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

.smart-basket button,.smart-basket div,.smart-basket form,.smart-basket input,.smart-basket label,.smart-basket p,.smart-basket span{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-family:'Exo 2','Open Sans',sans-serif
}
.smart-basket_active{
	-webkit-transition:.8s;
	-o-transition:.8s;
	transition:.8s;
	top:0;
	-webkit-animation:modalAnimate ease-in-out .8s;
	animation:modalAnimate ease-in-out .8s;
	opacity:1;
	left:0;
	right:0;
	bottom:0;
	z-index:10000
}
@media (max-width:1030px){
	.smart-basket{
		padding:10px
	}
}
.smart-basket__form{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	-webkit-box-shadow:0 3px 25px rgba(0,0,0,.2);
	box-shadow:0 3px 25px rgba(0,0,0,.2);
	border-radius:3px;
	background-color: white;
	padding-bottom:15px
}
.smart-basket__product-item{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding:15px 0;
	border-bottom:1px solid #e2e2e2
}
.smart-basket__product-item:first-child{
	border-bottom:1px dashed #d2d2d2
}
@media (max-width:1030px){
	.smart-basket__product-item:first-child{
		display:none
	}
}
@media (max-width:1030px){
	.smart-basket__product-item{
		-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);
		box-shadow:0 0 10px rgba(0,0,0,.2);
		margin-bottom:30px;
		padding:15px
	}
}
.smart-basket__product-item:last-child{
	border-bottom:1px dashed #d2d2d2!important
}
.smart-basket__product-id{
	width:100%;
	max-width:120px;
	padding:10px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
@media (max-width:1030px){
	.smart-basket__product-id:before{
		content:'ID/Артикул: ';
		color:#929292;
		margin-right:5px;
		width:100%
	}
}
@media (max-width:1030px){
	.smart-basket__product-id{
		max-width:100%;
		width:50%;
		border-left:1px solid #e2e2e2;
		border-top:1px solid #e2e2e2;
		border-right:1px solid #e2e2e2;
		height:60px;
		padding:15px
	}
}
@media (max-width:1030px) and (max-width:768px){
	.smart-basket__product-id{
		border:none;
		width:100%;
		padding:15px 0
	}
}
.smart-basket__product-name{
	width:100%;
	max-width:360px;
	padding:10px 0 10px 15px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
@media (max-width:1030px){
	.smart-basket__product-name{
		max-width:100%;
		padding:0 0 15px;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-flow:column;
		-ms-flex-flow:column;
		flex-flow:column;
		text-align:center;
		font-size:18px
	}
}
.smart-basket__product-name img{
	margin-right:10px
}
@media (max-width:1030px){
	.smart-basket__product-name img{
		margin:0 auto 10px
	}
}
.smart-basket__product-quantity{
	width:12%;
	text-align:center;
	padding:10px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between
}
@media (max-width:1030px){
	.smart-basket__product-quantity{
		max-width:100%;
		padding:15px;
		width:50%;
		border-left:1px solid #e2e2e2;
		border-top:1px solid #e2e2e2;
		border-right:1px solid #e2e2e2;
		height:60px
	}
}
@media (max-width:768px){
	.smart-basket__product-quantity{
		border:none;
		width:100%;
		padding:15px 0
	}
}
.smart-basket__product-quantity_header{
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
.smart-basket__quantity-item{
	width:100%;
	text-align:center;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.smart-basket__add-item,.smart-basket__remove-item{
	background-color: #28a745; /* Цвет кнопок */
    color: white;
    border: none;
    border-radius: 5px; /* Скругление углов */
    padding: 5px 10px; /* Отступ внутри кнопки */
    font-size: 1rem; /* Размер шрифта */
    cursor: pointer; /* Курсор указателя */
    transition: background-color 0.3s; /* Плавный переход цвета фона */
}
.smart-basket__add-item:hover,.smart-basket__remove-item:hover{
	transform: scale(1.05);
    background-color: #554005;
}

.smart-basket__product-quantity-state{
	width: 40px; /* Ширина поля ввода */
    text-align: center; /* Выравнивание текста по центру */
    margin: 0 5px; /* Отступ слева и справа */
    border: 1px solid #ccc; /* Граница поля ввода */
    border-radius: 5px; /* Скругление углов */
}
.smart-basket__product-quantity-state::-webkit-inner-spin-button,.smart-basket__product-quantity-state::-webkit-outer-spin-button{
	-webkit-appearance:none;
	margin:0
}
.smart-basket__product-price{
	width:100%;
	max-width:150px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:10px;
	text-align:center;
	position:relative
}
@media (max-width:1030px){
	.smart-basket__product-price:before{
		content:'Цена за 1 товар/услугу: ';
		color:#929292;
		margin-right:5px;
		text-align:start;
		width:100%
	}
}
@media (max-width:1030px){
	.smart-basket__product-price{
		max-width:100%;
		width:50%;
		border-right:1px solid #e2e2e2;
		border-top:1px solid #e2e2e2;
		height:60px;
		padding:15px
	}
}
@media (max-width:768px){
	.smart-basket__product-price{
		border:none;
		width:100%;
		padding:15px 0
	}
}
.smart-basket__info-icon{
	width:14px;
	height:14px;
	font-size:12px;
	border-radius:7px;
	background:#f1f1f1;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	position:absolute;
	top:-5px;
	right:20px;
	cursor:pointer
}
.smart-basket__info-msgs{
	position:absolute;
	top:36px;
	width:100%;
	max-width:320px;
	min-width:200px;
	padding:20px;
	background:#fff;
	border:1px solid #e2e2e2;
	z-index:1200;
	-webkit-box-shadow:0 5px 30px rgba(0,0,0,.28);
	box-shadow:0 5px 30px rgba(0,0,0,.28);
	font-size:14px;
	display:none
}
.smart-basket__info-msgs:after{
	content:'';
	position:absolute;
	left:calc(50% - 10px);
	top:-20px;
	border:10px solid transparent;
	border-bottom:10px solid #d2d2d2
}
.smart-basket__info-msgs-close{
	position:absolute;
	right:0;
	top:0;
	font-size:18px;
	border:none;
	color:#e94e3c;
	outline:0;
	width:18px;
	height:18px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	background:0 0;
	cursor:pointer
}
.smart-basket__product-price-common{
	width:100%;
	max-width:140px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:10px;
	text-align:center
}
@media (max-width:1030px){
	.smart-basket__product-price-common{
		max-width:100%;
		padding:15px;
		width:50%;
		border-right:1px solid #e2e2e2;
		border-top:1px solid #e2e2e2;
		height:60px
	}
}
@media (max-width:768px){
	.smart-basket__product-price-common{
		border:none;
		width:100%;
		padding:15px 0
	}
}
@media (max-width:1030px){
	.smart-basket__product-price-common:before{
		content:'Общая цена: ';
		color:#929292;
		margin-right:5px;
		width:100%;
		text-align:start
	}
}
.smart-basket__product-delete{
	width:100%;
	max-width:100px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:10px 15px 10px;
	background:0 0;
	border:none;
	cursor:pointer
}
@media (max-width:1030px){
	.smart-basket__product-delete{
		max-width:100%;
		padding:15px;
		border:1px solid #e2e2e2;
		height:60px
	}
}
.smart-basket__delete-icon{
	font-size:24px;
	cursor:pointer;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	color:#e94e3c
}
.close-modal-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
	font-size:24px;
    cursor: pointer;
    color: #e94e3c
}

.smart-basket__user-info{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-ms-flex-align:start;
	align-items:flex-start;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding:30px 15px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
@media (max-width:768px){
	.smart-basket__user-info{
		padding:30px 0
	}
}
.smart-basket__input-wrapper{
	width:49%;
	padding-bottom:0;
	border-radius:3px;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	margin-bottom:15px
}
@media (max-width:640px){
	.smart-basket__input-wrapper{
		width:100%;
		margin:10px 0
	}
}
.smart-basket__input-wrapper_focus{
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	-webkit-box-shadow:#1bbc9b 0 3px 0 0;
	box-shadow:#1bbc9b 0 3px 0 0
}
.smart-basket__input-wrapper_error{
	-webkit-box-shadow:#e94e3c 0 3px 0 0;
	box-shadow:#e94e3c 0 3px 0 0
}
.smart-basket__total-cost{
	width:105px;
	text-align:right;
	display:inline-block;
	font:700 16px "Exo 2",sans-serif;
	border:none;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	pointer-events:none
}
.smart-basket__user-input{
	width:100%;
	padding:0 15px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:60px;
	font-size:16px;
	border:1px solid #e2e2e2;
	border-radius:3px;
	outline:0;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	position:relative;
	font-family:'Exo 2','Open Sans',sans-serif
}
.smart-basket__user-input:invalid{
	-webkit-box-shadow:none;
	box-shadow:none
}
.smart-basket__agreement-wrapper{
	width:49%;
	padding:0 15px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:60px;
	border:1px solid #e2e2e2;
	border-radius:3px;
	outline:0;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	position:relative;
	font-family:'Exo 2','Open Sans',sans-serif;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	background:#fff
}
@media (max-width:640px){
	.smart-basket__agreement-wrapper{
		width:100%;
		margin:10px 0
	}
}
.smart-basket__input-agreement{
	display:none
}
.smart-basket__label-agreement{
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	cursor:pointer;
	text-align:left;
	margin:0 0 0 -15px;
	padding:0 15px 0 50px;
	height:50px;
	border-radius:2px
}
.smart-basket__label-agreement::after,.smart-basket__label-agreement::before{
	content:"";
	position:absolute;
	margin:0;
	outline:0;
	top:50%;
	left:15px!important;
	-webkit-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	transform:translate(0,-50%);
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}
.smart-basket__link-agreement{
	text-decoration:none;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	font:13px 'Exo 2',sans-serif;
	color:#000
}
.smart-basket__label-agreement::before{
	left:1px;
	width:34px;
	height:14px;
	border-radius:8px
}
.smart-basket__label-agreement::after{
	left:0;
	width:20px;
	height:20px;
	border-radius:50%
}
.smart-basket__input-agreement:checked+.smart-basket__label-agreement:after{
	-webkit-transform:translate(80%,-50%);
	-ms-transform:translate(80%,-50%);
	transform:translate(80%,-50%)
}
.smart-basket__label-agreement:before{
	background-color:#aa5050
}
.smart-basket__label-agreement:after{
	background-color:#e2e2e2;
	-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);
	box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084)
}
.smart-basket__input-agreement:checked+.smart-basket__label-agreement:before{
	background-color:#a5d6a7
}
.smart-basket__input-agreement:checked+.smart-basket__label-agreement:after{
	background-color:#16a085
}
.smart-basket__result-common{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	padding:30px 15px;
	font-weight:700;
	border-bottom:1px dashed #d2d2d2
}
@media (max-width:1030px){
	.smart-basket__result-common{
		padding:0 15px 30px
	}
}
@media (max-width:768px){
	.smart-basket__result-common{
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center
	}
}
.smart-basket__quantity-common{
	margin-right:30px
}
@media (max-width:768px){
	.smart-basket__quantity-common{
		margin:0 0 10px;
		width:100%;
		text-align:center
	}
}
.smart-basket__empty-title,.smart-basket__success-title{
	width:calc(100% + 30px);
	padding:50px 15px 80px;
	font-size:24px;
	text-align:center;
	border-bottom:1px dashed #d2d2d2;
	margin:0 -15px 30px
}
.smart-basket__empty-title{
	color:#e94e3c
}
.smart-basket__success-title{
	color:#1bbc9b
}
@media (max-width:768px){
	.smart-basket__user-form{
		padding:0 15px
	}
}
.smart-basket__footer{
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	padding:0 15px
}
@media (max-width:768px){
	.smart-basket__footer{
		padding:0;
		-webkit-box-pack:justify;
		-webkit-justify-content:space-between;
		-ms-flex-pack:justify;
		justify-content:space-between
	}
}
.smart-basket__send-form{
	background:#1bbc9b;
	border:none;
	padding:15px 25px;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	border-radius:3px
}
@media (max-width:768px){
	.smart-basket__send-form{
		width:49%;
		padding:15px 34px
	}
}
.smart-basket__close-form{
	background:#3598dc;
	border:none;
	padding:15px 25px;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	border-radius:3px;
	margin-right:30px
}
@media (max-width:768px){
	.smart-basket__close-form{
		width:49%;
		padding:15px 10px;
		margin-right:0
	}
}
.smart-basket__alert-msg-button{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
.smart-basket__input{
	border:none;
	padding:0;
	margin:0;
	background:0 0;
	width:100%;
	text-align:center;
	font-size:16px;
	pointer-events:none
}
@media (max-width:1030px){
	.smart-basket__input{
		text-align:right
	}
}
.smart-basket__alert-wrapper{
	position:fixed;
	z-index:999;

	;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	background:rgba(0,0,0,.3);
	-webkit-animation:alertAnimate ease-in-out .3s;
	animation:alertAnimate ease-in-out .3s
}
.smart-basket__alert{
	width:100%;
	max-width:480px;
	background:#fff;
	-webkit-box-shadow:0 5px 30px rgba(0,0,0,.28);
	box-shadow:0 5px 30px rgba(0,0,0,.28);
	padding:15px
}
@media (max-width:768px){
	.smart-basket__alert{
		margin:0 15px
	}
}
.smart-basket__alert-icon{
	width:100px;
	margin:30px auto
}
.smart-basket__alert-icon svg{
	width:100%;
	display:block
}
.smart-basket__alert-icon .path{
	stroke-dasharray:1000;
	stroke-dashoffset:0
}
.smart-basket__alert-icon .path.circle{
	-webkit-animation:dash .9s ease-in-out;
	animation:dash .9s ease-in-out
}
.smart-basket__alert-icon .path.line{
	stroke-dashoffset:1000;
	-webkit-animation:dash .9s .35s ease-in-out forwards;
	animation:dash .9s .35s ease-in-out forwards
}
.smart-basket__alert-icon .path.check{
	stroke-dashoffset:-100;
	-webkit-animation:dash-check .9s .35s ease-in-out forwards;
	animation:dash-check .9s .35s ease-in-out forwards
}
.smart-basket__alert-text{
	text-align:center;
	margin-bottom:30px;
	font-size:18px
}
.smart-basket__alert-footer{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between
}
@media (max-width:450px){
	.smart-basket__alert-footer{
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap
	}
}
.smart-basket__alert-button{
	height:50px;
	border:none;
	font-size:16px;
	color:#fff;
	cursor:pointer
}
.smart-basket__alert-button_close{
	background:#3598dc;
	width:48%
}
.smart-basket__alert-button_close:hover{
	background:#0a76c0
}
@media (max-width:450px){
	.smart-basket__alert-button_close{
		width:100%;
		margin-bottom:15px
	}
}
.smart-basket__alert-button_by{
	background:#1bbc9b;
	width:48%
}
.smart-basket__alert-button_by:hover{
	background:#0faf8e
}
@media (max-width:450px){
	.smart-basket__alert-button_by{
		width:100%
	}
}
@-webkit-keyframes modalAnimate{
	0%{
		top:-2000px;
		opacity:0;
		background:0 0
	}
	60%{
		top:0;
		opacity:1
	}
	100%{
		top:0
	}
}
@keyframes modalAnimate{
	0%{
		top:-2000px;
		opacity:0;
		background:0 0
	}
	60%{
		top:0;
		opacity:1
	}
	100%{
		top:0
	}
}
@-webkit-keyframes alertAnimate{
	0%{
		top:300px;
		opacity:0;
		background:0 0
	}
	60%{
		top:0;
		opacity:1;
		background:0 0
	}
	100%{
		background:rgba(0,0,0,.3)
	}
}
@keyframes alertAnimate{
	0%{
		top:300px;
		opacity:0;
		background:0 0
	}
	60%{
		top:0;
		opacity:1;
		background:0 0
	}
	100%{
		background:rgba(0,0,0,.3)
	}
}
@-webkit-keyframes dash{
	0%{
		stroke-dashoffset:1000
	}
	100%{
		stroke-dashoffset:0
	}
}
@keyframes dash{
	0%{
		stroke-dashoffset:1000
	}
	100%{
		stroke-dashoffset:0
	}
}
@-webkit-keyframes dash-check{
	0%{
		stroke-dashoffset:-100
	}
	100%{
		stroke-dashoffset:900
	}
}
@keyframes dash-check{
	0%{
		stroke-dashoffset:-100
	}
	100%{
		stroke-dashoffset:900
	}
}


.payment-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgb(248, 248, 248);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10000; /* Высокий z-index, чтобы окно было поверх всех элементов */
    width: 900px; /* Ширина окна */
    text-align: center; /* Центрирование содержимого */
	
}

@media (max-width:850px){
	.payment-modal {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: rgb(248, 248, 248);
		padding: 20px;
		border-radius: 10px;
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
		z-index: 10000; /* Высокий z-index, чтобы окно было поверх всех элементов */
		width: 90%; /* Ширина окна */
		text-align: center; /* Центрирование содержимого */
		
	}
}

.payment-button {
	gap: 20px;
	margin: 10px;
	background:#1bbc9b;
	
	border:none;
	padding:15px 25px;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	border-radius:3px
}

.payment-button:hover {
	background:#0b7a64;
}

.payment-modal h3 {
    margin-bottom: 20px;
}

.address-select {
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 100%;
}
.postal-service-select {
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 100%;
}
.payment-option2 {
    margin: 20px 0;
}