/**
 * Mobile dock «Помощь» — full stylesheet (mirrors critical CSS).
 * Visual: Catalog | Search | Cart | Help | Profile
 */

@media screen and (max-width: 1024px) {
	.bottom-mob-footer {
		overflow: visible !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: stretch;
	}

	.bottom-mob-footer > .e-con.e-child,
	.bottom-mob-footer > .techno-chat-dock-item {
		--width: 20% !important;
		width: 20% !important;
		max-width: 20% !important;
		flex: 1 1 0 !important;
		min-width: 0 !important;
	}

	/* Stable order by widget — do not use nth-child (Help inject shifts indices). */
	.bottom-mob-footer > .e-con.e-child:has(.header-burger-menu-footer),
	.bottom-mob-footer > .e-con.e-child:has(.rey-mainNavigation-mobileBtn) {
		order: 1 !important;
	}

	.bottom-mob-footer > .e-con.e-child:has(.elementor-widget-reycore-header-search) {
		order: 2 !important;
	}

	.bottom-mob-footer > .e-con.e-child:has(.mob-footer-cart),
	.bottom-mob-footer > .e-con.e-child:has(.elementor-widget-reycore-header-cart) {
		order: 3 !important;
	}

	.bottom-mob-footer > .techno-chat-dock-item {
		order: 4 !important;
		display: flex !important;
		align-items: stretch;
		justify-content: center;
		align-self: stretch;
		position: relative;
		z-index: 5;
	}

	/* Hide duplicate Help immediately (before JS), including during load flash. */
	.bottom-mob-footer > .techno-chat-dock-item ~ .techno-chat-dock-item {
		display: none !important;
		width: 0 !important;
		max-width: 0 !important;
		flex: 0 0 0 !important;
		overflow: hidden !important;
		pointer-events: none !important;
	}

	.bottom-mob-footer > .e-con.e-child:has(.elementor-widget-reycore-header-account) {
		order: 5 !important;
	}

	.bottom-mob-footer .rey-headerCart-text,
	.bottom-mob-footer .mob-footer-cart .__text {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		color: #fff !important;
		font-family: Rubik, sans-serif;
		font-size: 11px !important;
		line-height: 1.2 !important;
		flex: 1 0 100% !important;
		order: 1 !important;
		margin: 2px 0 0 !important;
		text-align: center;
		white-space: nowrap;
	}

	.bottom-mob-footer .mob-footer-cart .rey-headerCart,
	.bottom-mob-footer .elementor-widget-reycore-header-cart .rey-headerCart {
		flex-wrap: wrap !important;
		justify-content: center;
		align-items: center;
	}

	.bottom-mob-footer .techno-chat-dock-item__inner {
		display: flex;
		align-items: stretch;
		justify-content: center;
		width: 100%;
		height: 100%;
	}

	.bottom-mob-footer .techno-chat-dock-trigger {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0;
		width: 100%;
		height: 100%;
		min-height: 51px;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
		color: #fff;
		cursor: pointer;
		line-height: 1.1;
		font: inherit;
		-webkit-tap-highlight-color: transparent;
	}

	.bottom-mob-footer .techno-chat-dock-trigger__icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 36px;
		pointer-events: none;
	}

	.bottom-mob-footer .techno-chat-dock-trigger__icon svg {
		display: block;
		width: 28px;
		height: 28px;
		overflow: visible;
		fill: none !important;
		pointer-events: none;
	}

	.bottom-mob-footer .techno-chat-dock-trigger__icon svg path {
		fill: none !important;
		stroke: #fff !important;
		stroke-width: 1.2 !important;
	}

	.bottom-mob-footer .techno-chat-dock-trigger__icon svg circle {
		fill: #fff !important;
		stroke: none !important;
	}

	.bottom-mob-footer .techno-chat-dock-trigger__text {
		display: block;
		margin: 0;
		color: #fff;
		font-family: Rubik, sans-serif;
		font-size: 11px;
		font-weight: 400;
		line-height: 13px;
		height: 13px;
		text-transform: none;
		white-space: nowrap;
		pointer-events: none;
	}

	.bottom-mob-footer .techno-chat-dock-trigger.is-chat-open,
	.bottom-mob-footer .techno-chat-dock-trigger.is-chat-open .techno-chat-dock-trigger__text {
		color: #ef6f2e;
	}

	.bottom-mob-footer .techno-chat-dock-trigger.is-chat-open .techno-chat-dock-trigger__icon svg path {
		stroke: #ef6f2e !important;
	}

	.bottom-mob-footer .techno-chat-dock-trigger.is-chat-open .techno-chat-dock-trigger__icon svg circle {
		fill: #ef6f2e !important;
	}
}

@media screen and (min-width: 1025px) {
	.techno-chat-dock-item {
		display: none !important;
	}
}