input{
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
button {
	font-family: 'Montserrat', sans-serif;
	background-color: transparent;
	cursor: pointer;
	border: 0 none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance: textfield;
}

.on-order-message {
	background-color: #f0f9ff;
	padding: 15px 20px;
	margin-bottom: 15px;
	position: relative;
	border-radius: 4px;
}
.emoji{
	font-size: 18px;
}
.cart-line{
	display: grid;
	grid-template-columns: 3.5fr 1fr 1fr 1fr 0.1fr;
	background-color: #FAFAFA;
	padding: 10px;
	font-size: 20px;
	border-radius: 4px;
	margin-bottom: 10px;
	height: 80px;
}
.cart-line.cart-headers{
	height: unset;
}
.header-cell{
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
}
.name-col{
	padding-left: 105px;
	margin: 0;
}
.bold{
	font-weight: bold;
}
.red{
	color: red;
}
.body-cell{
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.main-cell{
	display: grid;
	grid-template-columns: 1fr 5fr;
	padding-left: 0;
	margin: 0;
	text-align: left;
	width: 572px;
}
.main-cell a{
	text-decoration: none;
	color: #474747;
	font-size: 15px;
}
.main-cell a:hover{
	color: #1F3E85;
}
.default-price, .default-sum{
	font-size: 18px;
}

.main-cell-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 10px;
}
.body-cell img{
	width: 80px;
	height: 80px;
	margin-right: 10px;
}
.prod-count{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.product-counter{
	width: 70%;
	height: 30px;
	text-align: center;
}
.btn-minus-prod{
	position: relative;
	left: 20px;
	font-weight: bold;
	font-size: 16px;
	height: 30px;
	width: 20px;
}
.btn-plus-prod{
	position: relative;
	left: -20px;
	font-weight: bold;
	font-size: 16px;
	color: #474747;
	height: 30px;
	width: 20px;
}
.old-price, .old-sum{
	position: relative;
	color: #999;
	letter-spacing: 1px;
	font-size: 14px;
}
.summakoplate{
	font-size: 1.2em;
}
.old-price::before{
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	right: 0;
	height: 1px;
	background: red;
	transform: rotate(-15deg);
}
.old-sum::before{
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	right: 0;
	height: 1px;
	background: red;
	transform: rotate(-15deg);
}
.cart-total-price{
	color: #1F3E85;
}
.cart-total-price::before{
	top: 7px;
	transform: rotate(-7deg);
	width: 100%;
}
.uah, .sale-uah{
	font-size: 12px;
	text-align: center;
}
.down-cart-menu{
	display: flex;
	justify-content: space-between;
}
.cart-menu-left{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.incenter{
	text-align: left;
}
.btn-primary{
	border: 2px solid #1F3E85;
	background-color: #1F3E85;
	font-size: 18px;
	width: 364px;
	padding: 13px;
	line-height: 18px;
}
.summakoplate{
	font-size: 18px;
}
.btn-primary:hover{
	color: #1F3E85;
	background-color: #fff;
}
#order-btn-back{
	background-color: #f0f9ff;
}
#order-btn-back:hover{
	color: #1F3E85;
}
#order-btn-clear-all{
	background-color: #FAFAFA;
}
#order-btn-clear-all:hover{
	color: red;
}
#order-btn-back, #order-btn-clear-all {
	padding: 10px 10px;
	border-radius: 4px;
	font-size: 16px;
	display: flex;
	gap: 10px;
	transition: color 0.2s ease;
	color: #474747;
	width: 279px;
	font-weight: normal;
	padding-left: 20px;
}
#order-btn-back svg, #order-btn-clear-all svg {
	width: 20px;
	height: 20px;
}
.delete-product-btn{
	color: gray;
	transition: color 0.3s ease;
}
.delete-product-btn:hover{
	color: red;
}

.cart-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999999;
}

.cart-overlay.hidden {
	display: none;
}

.cart-modal {
	width: 340px;
	background: #fff;
	border-radius: 4px;
	padding: 20px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
	margin: 20px;
}

.like_h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 18px;
	font-weight: 600;
}
.cart-modal p {
	font-size: 14px;
	color: #555;
	margin-bottom: 10px;
	text-align: center;
}
.cart-modal-actions {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.btn-danger {
	border: 1px solid #e74c3c;
	padding: 10px 14px;
	border-radius: 4px;
	cursor: pointer;
	background-color: #fff;
	font-size: 14px;
}
.btn-secondary {
	border: 1px solid #1F3E85;
	padding: 10px 14px;
	border-radius: 4px;
	cursor: pointer;
	background-color: #fff;
	font-size: 14px;
}
.delete-menu{
	display: none;
	flex-direction: column;
	gap: 10px;
}
.delete-menu.active{
	display: flex;
}
.cart-line.active{
	grid-template-columns: 3.5fr 3fr 1fr;
}
.delete-menu .btn-danger{
	padding: 5px 10px;
	background-color: #fff;
}
.delete-menu .btn-secondary{
	padding: 5px 10px;
	background-color: #fff;
}
.mobile-del-btn{
	display: none;
}
.delete-menu p{
	font-size: 14px;
	text-align: center;
}
.sale-message {
	display: none;
	background-color: #f0f9ff;
	padding: 15px 20px;
	margin-top: 5px;
	margin-bottom: 15px;
	position: relative;
	border-radius: 4px;
}
.sale-message p{
	padding: 0;
}
.sale-message.have-sale-prod.have-required-amount{
	display: block;
}
.small-mobile-header{
	margin-bottom: 5px;
	font-size: 11px;
	color: #888888;
	display: none;
}
.product-msg{
	display: flex;
	gap: 7px;
}
.btn-secondary, .btn-danger{
	border-radius: 3px;
}
@media screen and (max-width: 540px) {
	.small-mobile-header{
		display: block;
	}
	.body-cell {
		justify-content: unset;
	}

	.cart-line {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 5px;
		height: 145px;
		position: relative;
		margin-bottom: 10px;
	}
	.on-sale-line{
		height: 155px;
	}

	.cart-line > *:nth-child(1) {
		grid-column: span 3;
	}

	.cart-line > *:nth-child(2),
	.cart-line > *:nth-child(3),
	.cart-line > *:nth-child(4) {
		grid-column: span 1;
		font-size: 16px;
	}

	.cart-line > *:nth-child(5),
	.cart-line > *:last-child {
		display: none;
	}
	.cart-line > *:nth-child(3){
		gap: 10px;
	}

	.cart-headers {
		display: none;
	}
	.product-counter{
		width: 120px;
	}
	.down-cart-menu{
		flex-direction: column;
		gap: 20px;
	}
	#order-btn-back{
		justify-content: center;
	}
	#order-btn-clear-all{
		justify-content: center;
	}
	.btn-primary{
		width: 100%;
		text-align: center;
		font-size: 16px;
	}
	.summakoplate{
		font-size: 16px;
	}
	.mobile-del-btn{
		display: flex !important;
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 10;
	}
	.desc-del-btn{
		display: none !important;
	}
	.delete-left{
		grid-column: span 2;
	}
	.cart-line > *:nth-child(2){
		margin-left: 0;
	}
	.cart-line > *:nth-child(4){
		margin-right: 0;
	}
	.on-order-message{
		padding: 10px 15px;
		margin-bottom: 10px;
	}
	.sale-message{
		padding: 10px 15px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.cart-menu-left{
		gap: 7px;
	}
	.main-cell{
		width: unset;
		height: 75px;
	}
	.body-cell img {
		width: 75px;
		height: 75px;
		min-width: 75px;
	}
	#order-btn-back, #order-btn-clear-all{
		width: unset;
	}
	.old-price, .old-sum{
		position: relative;
		top: -5px;
	}
	.new-price{
		position: relative;
		top: -7px;
	}
	.sale-uah{
		position: relative;
		top: -10px;
	}
	.main-cell a {
		width: 95%;
	}
	.cart-total-price, .cart-total-price-old{
		top: 0;
	}
	.cart-modal .like_h3{
		padding-bottom: 15px;
	}
	.cart-modal p{
		margin-bottom: 0;
		padding-bottom: 15px;
	}
	.cart-modal button{
		width:96px;
		height: 27px;
		padding: 0;
		font-size: 12px;
	}
	.delete-menu .btn-secondary, .delete-menu .btn-danger{
		font-size: 11px;
	}
	.delete-menu .like_h3{
		justify-content: start;
		padding-bottom: 0;
		padding-top: 5px;
		font-size: 13px;
	}
	.delete-menu p{
		font-size: 11px;
		text-align: start;
	}
	.default-price, .default-sum{
		font-size: 14px;
	}
	.old-price, .old-sum{
		font-size: 11px;
	}

}