.order__item.is-removing{
	opacity:0;
	transform: translateX(18px) scaleY(0.92);
	max-height:0;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	overflow:hidden;
	transition: opacity .18s ease, transform .18s ease, max-height .22s ease, margin .22s ease, padding .22s ease;
}

.cart-added{
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 2000;
	max-width: 320px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 30px rgba(0,0,0,.25);
}

.cart-added.is-show{
	display: block!important;
	animation: cartAddedIn .2s ease;
}

.cart-added.is-hide{
	animation: cartAddedOut .2s ease forwards;
}

@keyframes cartAddedIn{
	from{opacity:0;transform:translateY(10px);}
	to{opacity:1;transform:none;}
}

@keyframes cartAddedOut{
	to{opacity:0;transform:translateY(10px);}
}

#js-cart-added.cart-added{
	position: fixed; /* вместо relative из .cart */
	right: 50px;
	bottom: 50px;
	z-index: 9999;
	overflow: hidden; /* убираем внутренний скролл */
}

/* важно: для тоста не нужно height:100% внутри body */
#js-cart-added .offcanvas-body{
	height: auto !important;
	justify-content: flex-start !important;
}

/* чтобы текст красиво переносился и не делал "узкую кишку" */
#js-cart-added .cart-row{
	min-width: 0;
}

#js-cart-added .cart-row span{
	display: block;
	max-width: 100%;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* на мобилке у тебя offcanvas-header/body скрываются, вернём их только для тоста */
@media only screen and (max-width: 767.98px){
	#js-cart-added{
		width: 270px !important; /* а не 56px как в .cart на мобилке */
		height: 88px;
		border-radius: 88px;
		padding-left: 104px;
	}

	#js-cart-added::before{
		height: 76px;
		width: 76px;
		left: 6px;
		top: 6px;
	}

	#js-cart-added .offcanvas-header{ display: block !important; }
	#js-cart-added .offcanvas-body{ display: flex !important; }
	#js-cart-added .cart-row{ display: flex !important; }
	#js-cart-added .cart-link{ display: block !important; }
}

#offcanvas-cart .cart-small{
	position: fixed;
	right: 50px;
	bottom: 50px;
	z-index: 1500;
}

.js-order-submit {
	position: relative;
	transition: opacity .2s ease;
}

.js-order-submit.is-loading {
	opacity: .5;
	pointer-events: none;
}

.js-order-submit .btn-text {
	transition: opacity .2s ease;
}

.js-order-submit.is-loading .btn-text {
	opacity: 0;
}

/* Лоадер по центру */
.js-order-submit .eclat-btn-loader {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	opacity: 0;
	transform: translateY(2px);
	transition: opacity .2s ease, transform .2s ease;
	white-space: nowrap;
}

.js-order-submit.is-loading .eclat-btn-loader {
	opacity: 1;
	transform: translateY(0);
}

.js-order-submit .eclat-btn-spinner {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid currentColor;
	border-right-color: transparent;
	animation: eclatSpin .7s linear infinite;
}

@keyframes eclatSpin {
	to { transform: rotate(360deg); }
}