/* KA 16.09.2026: нижняя полоса «цена + купить» только на телефоне.
   Классы кнопок те же: b-btn b-btn_orange b-btn_h60, текст в одну строку.
   Геометрию карточек каталога (221×580) не трогает. */

.ka-mbar {
	display: none;
}

@media only screen and (max-width: 639px) {
	.ka-mbar {
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10200;
		box-sizing: border-box;
		align-items: center;
		gap: 10px;
		min-height: 76px;
		padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
		background: #fff;
		border-top: 1px solid #d2d2d2;
	}

	html.ka-mbar-on .ka-mbar {
		display: flex;
	}

	.ka-mbar__price {
		flex: 0 1 auto;
		min-width: 0;
		max-width: 42%;
		font-size: 18px;
		line-height: 1.2;
		font-weight: 700;
		color: #222;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.ka-mbar__btn {
		flex: 1 1 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 0;
		height: 60px;
		margin: 0;
		white-space: nowrap;
	}

	.ka-mbar__btn .b-icon {
		margin-right: 6px;
	}

	html.ka-mbar-on {
		padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px));
	}

	html.ka-mbar-on .b24-widget-button-wrapper,
	html.ka-mbar-on .b24-widget-button-position-bottom-right {
		bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
	}
}