/* Полоска «до бесплатной доставки» — фирменный стиль Bianco.
   Дорога во всю ширину: машинка при загрузке доезжает до процента корзины,
   при наведении — до финиша (флажок «15 000 руб.») и обратно. */

.bi-ship{
	margin:20px 0 24px;
	background:#ffffff;
	border-top:1px solid #16140f;
	font-family:'Manrope',system-ui,Arial,sans-serif;
	color:#16140f;
}
.bi-ship__row{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:24px;
	padding:14px 4px 4px;
}
.bi-ship__text{
	margin:0;
	font-size:14.5px;
	font-weight:500;
	line-height:1.4;
}
.bi-ship__sum{
	font-weight:800;
	color:#b0362b;
	font-variant-numeric:tabular-nums;
	white-space:nowrap;
}
.bi-ship__free{font-weight:700}
/* подпись финиша справа — разреженные капсы, editorial */
.bi-ship__goal{
	font-size:11px;
	font-weight:600;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:#8a857a;
	white-space:nowrap;
	font-variant-numeric:tabular-nums;
}

/* дорога во всю ширину полоски */
.bi-ship__track{
	position:relative;
	height:26px;
}
.bi-ship__road{
	position:absolute;
	left:0; right:0; bottom:5px;
	height:2px;
	background:#ece7dd;
}
.bi-ship__fill{
	position:absolute;
	left:0; bottom:5px;
	height:2px;
	width:var(--bi-p, 0%);
	background:#16140f;
	animation:bi-ship-fill 1.8s cubic-bezier(.22,1,.36,1) both;
}
@keyframes bi-ship-fill{from{width:0}}
/* машинка: едет от нуля до процента корзины и останавливается;
   при изменении корзины блок перерисовывается — поездка проигрывается заново */
.bi-ship__truck{
	position:absolute;
	left:var(--bi-p, 0%);
	bottom:1px;
	transform:translateX(-55%);
	animation:bi-ship-truck 1.8s cubic-bezier(.22,1,.36,1) both;
}
@keyframes bi-ship-truck{from{left:0}}
/* флажок-финиш */
.bi-ship__flag{
	position:absolute;
	right:0;
	bottom:6px;
}

/* адаптив */
@media (max-width:640px){
	.bi-ship__row{flex-wrap:wrap;gap:6px;padding:12px 16px 4px}
	.bi-ship__track{height:24px}
}