
.mn-flycart[hidden] {
	display: none !important;
}

.mn-flycart {
	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 900;
	background: var(--mn-white);
	box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.12);
	transform: translateY(110%);
	transition: transform 0.3s ease;
}

.mn-flycart.is-visible {
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	.mn-flycart {
		transition: none;
	}
}

.mn-flycart-inner {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-block: 8px;
}

.mn-flycart-thumb img {
	width: 48px;
	height: 48px;
	object-fit: contain;
	border: 1px solid var(--mn-border);
	border-radius: var(--mn-radius-s);
	background: var(--mn-white);
}

.mn-flycart-title {
	flex: 1;
	min-width: 0;
	font-size: 14px;
	color: var(--mn-text-dark);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mn-flycart-price {
	font-size: 16px;
	font-weight: 300;
	white-space: nowrap;
}

.mn-flycart-price del {
	display: none;
}


.mn-flycart-price ins {
	text-decoration: none;
}

.mn-flycart-qty {
	flex-shrink: 0;
}

.mn-flycart-btn {
	flex-shrink: 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.mn-flycart-top {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--mn-border);
	border-radius: 50%;
	background: var(--mn-white);
	color: var(--mn-text);
	cursor: pointer;
	flex-shrink: 0;
}

@media (max-width: 767.98px) {
	.mn-flycart-inner {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto auto auto;
		grid-template-rows: auto auto;
		column-gap: 8px;
		row-gap: 0;
		align-items: center;
		padding-block: 8px;
	}

	.mn-flycart-thumb {
		grid-column: 1;
		grid-row: 1 / span 2;
		line-height: 0;
	}

	.mn-flycart-thumb img {
		width: 40px;
		height: 40px;
	}

	.mn-flycart-title {
		grid-column: 2;
		grid-row: 1;
		align-self: end;
		font-size: 12.5px;
	}

	.mn-flycart-price {
		grid-column: 2;
		grid-row: 2;
		align-self: start;
		font-size: 13.5px;
		font-weight: 500;
		color: var(--mn-action);
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.mn-flycart-qty {
		grid-column: 3;
		grid-row: 1 / span 2;
		margin: 0;
	}

	.mn-flycart-qty .mn-qty-btn {
		width: 34px;
	}

	.mn-flycart-qty .qty {
		width: 36px;
	}

	.mn-flycart .mn-flycart-btn {
		grid-column: 4;
		grid-row: 1 / span 2;
		width: 52px;
		min-width: 52px;
		min-height: 46px;
		padding: 0;
		margin: 0;
	}

	.mn-flycart-btn > span:not([class*="mn-cta"]) {
		display: none;
	}

	.mn-flycart-btn .mn-icon {
		width: 22px;
		height: 22px;
	}

	.mn-flycart-top {
		grid-column: 5;
		grid-row: 1 / span 2;
		width: 38px;
		height: 38px;
	}
}
