/**
 * T-407 mobile chrome styles.
 * Active when body has .bezlimitik-mchrome-{a|b|c|d|e}
 * (default sitewide = e via inc/mobile-chrome-preview.php; A–D via ?bezlimitik_mobile_chrome=).
 */
.bezlimitik-mchrome-banner {
	position: relative;
	z-index: 20000;
	background: #0d2b5e;
	color: #fff;
	font-size: 12px;
	line-height: 1.4;
	padding: 8px 12px;
	text-align: center;
}
.bezlimitik-mchrome-banner a {
	color: #ffd58a;
	text-decoration: underline;
	margin: 0 4px;
}

@media (max-width: 900px) {

	/* ---- Header: visible text labels for search + catalog (variants A, B, D, E) ---- */
	body.bezlimitik-mchrome-a .header-search--mobile .header-search__label,
	body.bezlimitik-mchrome-b .header-search--mobile .header-search__label,
	body.bezlimitik-mchrome-d .header-search--mobile .header-search__label,
	body.bezlimitik-mchrome-e .header-search--mobile .header-search__label,
	body.bezlimitik-mchrome-a #burger-toggle .screen-reader-text,
	body.bezlimitik-mchrome-b #burger-toggle .screen-reader-text,
	body.bezlimitik-mchrome-d #burger-toggle .screen-reader-text,
	body.bezlimitik-mchrome-e #burger-toggle .screen-reader-text {
		position: static !important;
		width: auto !important;
		height: auto !important;
		margin: 2px 0 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		clip: auto !important;
		clip-path: none !important;
		white-space: nowrap !important;
		font-size: 11px !important;
		font-weight: 600 !important;
		line-height: 1.1 !important;
		color: inherit;
	}
	body.bezlimitik-mchrome-a #burger-toggle,
	body.bezlimitik-mchrome-b #burger-toggle,
	body.bezlimitik-mchrome-d #burger-toggle,
	body.bezlimitik-mchrome-e #burger-toggle {
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		width: auto;
		min-width: 48px;
		height: auto;
		min-height: 44px;
		flex: 0 0 auto;
		color: var(--accent);
	}
	body.bezlimitik-mchrome-a .header-search--mobile,
	body.bezlimitik-mchrome-b .header-search--mobile,
	body.bezlimitik-mchrome-d .header-search--mobile,
	body.bezlimitik-mchrome-e .header-search--mobile {
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		width: auto;
		min-width: 48px;
		min-height: 44px;
		padding: 4px 6px;
		background: transparent;
		color: var(--accent);
	}
	body.bezlimitik-mchrome-a .header-search--mobile .header-search__icon,
	body.bezlimitik-mchrome-b .header-search--mobile .header-search__icon,
	body.bezlimitik-mchrome-d .header-search--mobile .header-search__icon,
	body.bezlimitik-mchrome-e .header-search--mobile .header-search__icon {
		width: 20px;
		height: 20px;
	}

	/* ---- Variants A & C: hide Catalog/Search inside the footer tab bar, Cart only ---- */
	body.bezlimitik-mchrome-a .mobile-tab-bar__item:not(.mobile-tab-bar__item--cart),
	body.bezlimitik-mchrome-c .mobile-tab-bar__item:not(.mobile-tab-bar__item--cart) {
		display: none;
	}
	body.bezlimitik-mchrome-a .mobile-tab-bar,
	body.bezlimitik-mchrome-c .mobile-tab-bar {
		justify-content: center;
	}
	body.bezlimitik-mchrome-a .mobile-tab-bar__item--cart,
	body.bezlimitik-mchrome-c .mobile-tab-bar__item--cart {
		flex: 0 0 auto;
		min-width: 160px;
	}

	/* Variant A: messengers move from the header into the footer bar (JS-inserted node). */
	body.bezlimitik-mchrome-a .mobile-header-actions .mobile-header-action:not(.mobile-header-action--phone) {
		display: none;
	}
	body.bezlimitik-mchrome-a .mobile-tab-bar__messengers {
		display: flex;
		align-items: center;
		gap: 10px;
		flex: 1 1 auto;
		justify-content: center;
	}
	body.bezlimitik-mchrome-a .mobile-tab-bar__messengers a {
		display: inline-flex;
		color: var(--accent);
	}

	/* ---- Variant B: no sticky footer bar; floating cart + messenger bubbles instead ---- */
	body.bezlimitik-mchrome-b .mobile-tab-bar {
		display: none !important;
	}
	body.bezlimitik-mchrome-b .site-footer {
		padding-bottom: calc(var(--site-legal-h, 35px) + 24px);
	}
	body.bezlimitik-mchrome-b .bezlimitik-mchrome-fab {
		position: fixed;
		right: 14px;
		bottom: calc(var(--site-legal-h, 35px) + 14px);
		z-index: 130;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
	body.bezlimitik-mchrome-b .bezlimitik-mchrome-fab a,
	body.bezlimitik-mchrome-b .bezlimitik-mchrome-fab button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		border-radius: 999px;
		background: var(--accent);
		color: #fff;
		border: none;
		box-shadow: 0 6px 18px rgba(13, 43, 94, .25);
		position: relative;
	}
	body.bezlimitik-mchrome-b .bezlimitik-mchrome-fab .mobile-tab-bar__cart-count {
		position: absolute;
		top: -4px;
		right: -6px;
		min-width: 16px;
		height: 16px;
		padding: 0 3px;
		border-radius: 999px;
		background: var(--accent-dark);
		color: #fff;
		font-size: 10px;
		font-weight: 700;
		line-height: 16px;
		text-align: center;
	}

	/* ---- Variant C: messengers float as their own stack (not header, not footer bar) ---- */
	body.bezlimitik-mchrome-c .mobile-header-actions .mobile-header-action:not(.mobile-header-action--phone) {
		display: none;
	}
	body.bezlimitik-mchrome-c .bezlimitik-mchrome-float-messengers {
		position: fixed;
		right: 14px;
		bottom: calc(var(--site-legal-h, 35px) + 70px);
		z-index: 130;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	body.bezlimitik-mchrome-c .bezlimitik-mchrome-float-messengers a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		border-radius: 999px;
		background: #fff;
		color: var(--accent);
		box-shadow: 0 6px 16px rgba(13, 43, 94, .2);
	}

	/* ---- Variant D: labels + cart in header; no footer; contact widget right ---- */
	body.bezlimitik-mchrome-d .mobile-tab-bar {
		display: none !important;
	}
	body.bezlimitik-mchrome-d .site-footer {
		padding-bottom: calc(var(--site-legal-h, 35px) + 24px);
	}

	/* Header: logo dead-center; left/right clusters; shared label baseline */
	body.bezlimitik-mchrome-d .site-header .inner {
		position: relative;
		min-height: 78px;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		align-items: flex-end;
		justify-content: space-between;
		gap: 0;
	}
	body.bezlimitik-mchrome-d .site-header__left {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		margin: 0;
		flex: none;
		width: auto;
		min-width: 0;
		z-index: 2;
		pointer-events: none;
	}
	body.bezlimitik-mchrome-d .site-header__left .logo {
		pointer-events: auto;
		display: block;
	}
	body.bezlimitik-mchrome-d .site-header__left .logo img {
		width: 88px;
		height: auto;
		display: block;
	}
	body.bezlimitik-mchrome-d .site-header__actions {
		display: none !important;
	}

	/* Shared column for Поиск / Каталог / Корзина — same icon slot + label line.
	   search-overlay sets `.site-header .inner > .header-search--mobile{height:44px}` — beat it. */
	body.bezlimitik-mchrome-d #burger-toggle,
	body.bezlimitik-mchrome-d .site-header .inner > .header-search--mobile,
	body.bezlimitik-mchrome-d .mobile-header-actions .bezlimitik-mchrome-header-cart {
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 4px;
		width: 56px;
		min-width: 56px;
		height: 56px;
		min-height: 56px;
		padding: 2px 0 0;
		box-sizing: border-box;
		color: var(--accent);
		text-decoration: none;
		font-size: 11px;
		font-weight: 600;
		line-height: 1.1;
	}
	body.bezlimitik-mchrome-d .header-search--mobile .header-search__icon,
	body.bezlimitik-mchrome-d .mobile-header-actions .bezlimitik-mchrome-header-cart .mobile-tab-bar__icon-wrap {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		flex: 0 0 24px;
	}
	/* Burger lines need stretch width — align-items:center collapses spans to 0. */
	body.bezlimitik-mchrome-d #burger-toggle .burger__box {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: center;
		width: 22px;
		height: 24px;
		flex: 0 0 24px;
		gap: 4px;
	}
	body.bezlimitik-mchrome-d #burger-toggle .burger__box span {
		display: block;
		width: 100%;
		height: 2px;
		background: currentColor;
		border-radius: 2px;
	}
	body.bezlimitik-mchrome-d .header-search--mobile .header-search__icon {
		width: 22px;
		height: 22px;
	}
	body.bezlimitik-mchrome-d .mobile-header-actions .bezlimitik-mchrome-header-cart .mobile-tab-bar__icon {
		width: 22px;
		height: 22px;
	}
	body.bezlimitik-mchrome-d #burger-toggle .screen-reader-text,
	body.bezlimitik-mchrome-d .header-search--mobile .header-search__label,
	body.bezlimitik-mchrome-d .mobile-header-actions .bezlimitik-mchrome-header-cart .mobile-tab-bar__label {
		display: block;
		margin: 0 !important;
		height: 13px;
		font-size: 11px !important;
		font-weight: 600 !important;
		line-height: 13px !important;
		white-space: nowrap;
		text-align: center;
	}
	body.bezlimitik-mchrome-d .mobile-header-actions {
		margin-left: auto;
		flex: 0 0 auto;
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
		gap: 0;
		min-width: 112px; /* mirror left: search + catalog */
		z-index: 1;
	}
	body.bezlimitik-mchrome-d .mobile-header-actions .mobile-header-action {
		display: none !important;
	}
	body.bezlimitik-mchrome-d .mobile-header-actions .bezlimitik-mchrome-header-cart {
		position: relative;
	}
	body.bezlimitik-mchrome-d .mobile-header-actions .bezlimitik-mchrome-header-cart .mobile-tab-bar__icon-wrap {
		position: relative;
	}
	body.bezlimitik-mchrome-d .mobile-header-actions .bezlimitik-mchrome-header-cart .mobile-tab-bar__cart-count {
		position: absolute;
		top: -5px;
		right: -9px;
		min-width: 16px;
		height: 16px;
		padding: 0 3px;
		border-radius: 999px;
		background: var(--accent);
		color: #fff;
		font-size: 10px;
		font-weight: 700;
		line-height: 16px;
		text-align: center;
	}

	/* Contact widget: larger + brand-color icons; MAX keeps two-tone bullseye */
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact {
		position: fixed;
		right: 14px;
		bottom: calc(var(--site-legal-h, 35px) + 14px);
		z-index: 130;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 12px;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__panel {
		display: none;
		flex-direction: column;
		gap: 10px;
		align-items: flex-end;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact.is-open .bezlimitik-mchrome-contact__panel {
		display: flex;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__panel a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 56px;
		height: 56px;
		border-radius: 999px;
		background: #fff;
		color: var(--accent) !important;
		box-shadow: 0 6px 16px rgba(13, 43, 94, .2);
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__panel a::before {
		display: none;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__panel a svg:not(.messenger-icon--max),
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__panel a svg:not(.messenger-icon--max) path {
		fill: currentColor !important;
		color: inherit;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__panel a .messenger-icon--max {
		display: block;
		color: var(--accent);
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__panel a .messenger-icon--max path:first-of-type {
		fill: currentColor !important;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__panel a .messenger-icon--max path:last-of-type {
		fill: #fff !important;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 84px;
		height: 84px;
		padding: 0;
		border: none;
		border-radius: 999px;
		background: #fff;
		box-shadow: 0 12px 30px rgba(13, 43, 94, .3);
		cursor: pointer;
		color: var(--accent);
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__mosaic {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 5px;
		width: 54px;
		height: 54px;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__mosaic span {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 9px;
		background: #fff4ef;
		color: var(--accent);
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__mosaic span svg {
		width: 18px;
		height: 18px;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__mosaic span:not(.mchrome-ico--max) svg,
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__mosaic span:not(.mchrome-ico--max) svg path {
		fill: currentColor !important;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__mosaic .mchrome-ico--max svg {
		color: var(--accent);
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__mosaic .mchrome-ico--max svg path:first-of-type {
		fill: currentColor !important;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact__mosaic .mchrome-ico--max svg path:last-of-type {
		fill: #fff !important;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact.is-open .bezlimitik-mchrome-contact__toggle {
		background: var(--accent);
		color: #fff;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact.is-open .bezlimitik-mchrome-contact__mosaic span {
		background: rgba(255, 255, 255, .22);
		color: #fff;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact.is-open .bezlimitik-mchrome-contact__mosaic .mchrome-ico--max svg path:first-of-type {
		fill: #fff !important;
	}
	body.bezlimitik-mchrome-d .bezlimitik-mchrome-contact.is-open .bezlimitik-mchrome-contact__mosaic .mchrome-ico--max svg path:last-of-type {
		fill: var(--accent) !important;
	}

	/* ---- Variant E: logo left; Search/Catalog/Cart right; larger contact widget ---- */
	body.bezlimitik-mchrome-e .mobile-tab-bar {
		display: none !important;
	}
	body.bezlimitik-mchrome-e .site-footer {
		padding-bottom: calc(var(--site-legal-h, 35px) + 24px);
	}
	body.bezlimitik-mchrome-e .site-header .inner {
		min-height: 72px;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		align-items: center;
		justify-content: flex-start;
		gap: 0;
		flex-wrap: nowrap;
	}
	body.bezlimitik-mchrome-e .site-header__actions {
		display: none !important;
	}
	/* Logo left — fixed height is the alignment reference for tool columns */
	body.bezlimitik-mchrome-e .site-header__left {
		order: 1;
		position: static;
		transform: none;
		margin: 0 auto 0 0;
		flex: 0 0 auto;
		min-width: 0;
		pointer-events: auto;
		z-index: 1;
		display: flex;
		align-items: center;
		height: 52px;
	}
	body.bezlimitik-mchrome-e .site-header__left .logo {
		display: block;
		height: 52px;
	}
	body.bezlimitik-mchrome-e .site-header__left .logo img {
		width: auto;
		height: 52px;
		display: block;
	}
	/* Tools right: Каталог → Поиск → Корзина (каталог важнее поиска) */
	body.bezlimitik-mchrome-e #burger-toggle {
		order: 2;
	}
	body.bezlimitik-mchrome-e .site-header .inner > .header-search--mobile {
		order: 3;
	}
	body.bezlimitik-mchrome-e .mobile-header-actions {
		order: 4;
		margin-left: 0;
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 0;
		min-width: 0;
		height: 52px;
		z-index: 1;
	}
	body.bezlimitik-mchrome-e .mobile-header-actions .mobile-header-action {
		display: none !important;
	}

	/* Icon+label column = logo height (52px); larger glyphs */
	body.bezlimitik-mchrome-e #burger-toggle,
	body.bezlimitik-mchrome-e .site-header .inner > .header-search--mobile,
	body.bezlimitik-mchrome-e .mobile-header-actions .bezlimitik-mchrome-header-cart {
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		gap: 0;
		width: 54px;
		min-width: 54px;
		height: 52px;
		min-height: 52px;
		padding: 0;
		box-sizing: border-box;
		color: var(--accent);
		text-decoration: none;
		font-size: 11px;
		font-weight: 600;
		line-height: 1.1;
	}
	body.bezlimitik-mchrome-e .header-search--mobile .header-search__icon,
	body.bezlimitik-mchrome-e .mobile-header-actions .bezlimitik-mchrome-header-cart .mobile-tab-bar__icon-wrap {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		flex: 0 0 30px;
	}
	body.bezlimitik-mchrome-e #burger-toggle .burger__box {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: center;
		width: 26px;
		height: 30px;
		flex: 0 0 30px;
		gap: 5px;
	}
	body.bezlimitik-mchrome-e #burger-toggle .burger__box span {
		display: block;
		width: 100%;
		height: 2.5px;
		background: currentColor;
		border-radius: 2px;
	}
	body.bezlimitik-mchrome-e .header-search--mobile .header-search__icon {
		width: 28px;
		height: 28px;
	}
	body.bezlimitik-mchrome-e .mobile-header-actions .bezlimitik-mchrome-header-cart .mobile-tab-bar__icon {
		width: 28px;
		height: 28px;
	}
	body.bezlimitik-mchrome-e #burger-toggle .screen-reader-text,
	body.bezlimitik-mchrome-e .header-search--mobile .header-search__label,
	body.bezlimitik-mchrome-e .mobile-header-actions .bezlimitik-mchrome-header-cart .mobile-tab-bar__label {
		display: block;
		margin: 0 !important;
		height: 14px;
		font-size: 11px !important;
		font-weight: 600 !important;
		line-height: 14px !important;
		white-space: nowrap;
		text-align: center;
	}
	body.bezlimitik-mchrome-e .mobile-header-actions .bezlimitik-mchrome-header-cart {
		position: relative;
	}
	body.bezlimitik-mchrome-e .mobile-header-actions .bezlimitik-mchrome-header-cart .mobile-tab-bar__icon-wrap {
		position: relative;
	}
	body.bezlimitik-mchrome-e .mobile-header-actions .bezlimitik-mchrome-header-cart .mobile-tab-bar__cart-count {
		position: absolute;
		top: -5px;
		right: -9px;
		min-width: 16px;
		height: 16px;
		padding: 0 3px;
		border-radius: 999px;
		background: var(--accent);
		color: #fff;
		font-size: 10px;
		font-weight: 700;
		line-height: 16px;
		text-align: center;
	}

	/* Contact widget — larger than D (84 → 96) */
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact {
		position: fixed;
		right: 12px;
		bottom: calc(var(--site-legal-h, 35px) + 12px);
		z-index: 130;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 12px;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__panel {
		display: none;
		flex-direction: column;
		gap: 10px;
		align-items: flex-end;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact.is-open .bezlimitik-mchrome-contact__panel {
		display: flex;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__panel a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 56px;
		height: 56px;
		border-radius: 999px;
		background: #fff;
		color: var(--accent) !important;
		box-shadow: 0 6px 16px rgba(13, 43, 94, .2);
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__panel a::before {
		display: none;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__panel a svg:not(.messenger-icon--max),
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__panel a svg:not(.messenger-icon--max) path {
		fill: currentColor !important;
		color: inherit;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__panel a .messenger-icon--max {
		display: block;
		color: var(--accent);
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__panel a .messenger-icon--max path:first-of-type {
		fill: currentColor !important;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__panel a .messenger-icon--max path:last-of-type {
		fill: #fff !important;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 96px;
		height: 96px;
		padding: 0;
		border: none;
		border-radius: 999px;
		background: #fff;
		box-shadow: 0 14px 34px rgba(13, 43, 94, .32);
		cursor: pointer;
		color: var(--accent);
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__mosaic {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 6px;
		width: 62px;
		height: 62px;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__mosaic span {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 10px;
		background: #fff4ef;
		color: var(--accent);
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__mosaic span svg {
		width: 20px;
		height: 20px;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__mosaic span:not(.mchrome-ico--max) svg,
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__mosaic span:not(.mchrome-ico--max) svg path {
		fill: currentColor !important;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__mosaic .mchrome-ico--max svg {
		color: var(--accent);
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__mosaic .mchrome-ico--max svg path:first-of-type {
		fill: currentColor !important;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact__mosaic .mchrome-ico--max svg path:last-of-type {
		fill: #fff !important;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact.is-open .bezlimitik-mchrome-contact__toggle {
		background: var(--accent);
		color: #fff;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact.is-open .bezlimitik-mchrome-contact__mosaic span {
		background: rgba(255, 255, 255, .22);
		color: #fff;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact.is-open .bezlimitik-mchrome-contact__mosaic .mchrome-ico--max svg path:first-of-type {
		fill: #fff !important;
	}
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact.is-open .bezlimitik-mchrome-contact__mosaic .mchrome-ico--max svg path:last-of-type {
		fill: var(--accent) !important;
	}
}

/* T-407 follow-up: filters bottom offset without tab bar */
/* After E (sitewide) the sticky tab bar is gone, but .shop-filters-toggle in main.css
   still reserves +56px for it — button floats in a gap over category cards. Same for B/D. */
@media (max-width: 900px) {
	body.bezlimitik-mchrome-e .shop-filters-toggle,
	body.bezlimitik-mchrome-d .shop-filters-toggle,
	body.bezlimitik-mchrome-b .shop-filters-toggle {
		bottom: calc(var(--site-legal-h, 35px) + env(safe-area-inset-bottom, 0px) + 12px);
	}
	/* Cookie banner: same stale +57px tab clearance on no-tab variants */
	body.bezlimitik-mchrome-e .cookie-consent-banner,
	body.bezlimitik-mchrome-d .cookie-consent-banner,
	body.bezlimitik-mchrome-b .cookie-consent-banner {
		bottom: var(--site-legal-h, 35px);
	}
	/* Compare tray sat above ghost tab bar too */
	body.bezlimitik-mchrome-e.product-compare-tray-on .product-compare-tray,
	body.bezlimitik-mchrome-d.product-compare-tray-on .product-compare-tray,
	body.bezlimitik-mchrome-b.product-compare-tray-on .product-compare-tray {
		bottom: calc(var(--site-legal-h, 35px) + 8px);
	}
}

/* T-407 follow-up: hide footer messengers on D/E mobile
   On chrome E/D the contact FAB already exposes Max/WA/TG/phone. Footer .footer-messengers
   sit bottom-left above .site-legal-strip when scrolled — looks like icon junk. Desktop footer unchanged. */
@media (max-width: 900px) {
	body.bezlimitik-mchrome-e .footer-messengers,
	body.bezlimitik-mchrome-d .footer-messengers {
		display: none !important;
	}
}

/* T-407 follow-up: hide mobile-only chrome widgets on desktop
   JS still injects .bezlimitik-mchrome-contact (and B/C fab/float) on every viewport, but
   layout CSS is only inside @media (max-width:900px). Unstyled markup then sits at the end
   of <body> — bottom-left icon junk over the footer/legal strip on desktop. */
@media (min-width: 901px) {
	.bezlimitik-mchrome-contact,
	.bezlimitik-mchrome-fab,
	.bezlimitik-mchrome-float-messengers {
		display: none !important;
	}
}

/* === merged from mobile-nav-preview.css (perf: one request) === */
/* T-478: slim mobile drawer footer (preview ?bezlimitik_mobile_nav=nav) */
@media (max-width: 900px) {
	/* Keep drawer above site legal strip so 8800 + note stay visible. */
	body.bezlimitik-mobile-nav-nav .mobile-nav {
		bottom: var(--site-legal-h, 0px);
		max-height: calc(100dvh - 72px - var(--site-legal-h, 0px));
	}

	body.bezlimitik-mobile-nav-nav.mobile-nav-open .mobile-nav-overlay {
		bottom: var(--site-legal-h, 0px);
	}

	/* FAB overlaps slim CTA; hide while drawer is open (messengers still in FAB after close). */
	body.bezlimitik-mobile-nav-nav.mobile-nav-open .bezlimitik-mchrome-contact {
		visibility: hidden;
		pointer-events: none;
	}

	/* Stack: menu → CTA (no sticky-to-bottom gap in the middle). */
	body.bezlimitik-mobile-nav-nav .mobile-nav > nav {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		min-height: 0;
	}

	body.bezlimitik-mobile-nav-nav .mobile-nav-list {
		flex: 0 0 auto;
		min-height: 0;
	}

	body.bezlimitik-mobile-nav-nav .mobile-nav-actions--slim {
		margin-top: 8px;
		flex: 0 0 auto;
		gap: 12px;
		padding-top: 16px;
		padding-bottom: max(16px, env(safe-area-inset-bottom, 0));
		border-top: 1px solid var(--line);
		align-items: stretch;
		text-align: center;
	}

	body.bezlimitik-mobile-nav-nav .mobile-nav-actions--slim .mobile-nav-quiz {
		width: 100%;
		justify-content: center;
		min-height: 48px;
	}

	body.bezlimitik-mobile-nav-nav .mobile-nav-actions--slim .mobile-nav-phones {
		align-items: center;
		gap: 2px;
	}

	body.bezlimitik-mobile-nav-nav .mobile-nav-actions--slim .header-phone {
		display: inline-flex;
		justify-content: center;
		width: 100%;
		text-decoration: none;
		color: inherit;
	}

	body.bezlimitik-mobile-nav-nav .mobile-nav-actions--slim .header-phone__body {
		align-items: center;
		text-align: center;
	}

	body.bezlimitik-mobile-nav-nav .mobile-nav-actions--slim .header-phone__number {
		font-size: 18px;
		font-weight: 700;
		line-height: 1.25;
	}

	body.bezlimitik-mobile-nav-nav .mobile-nav-actions--slim .header-phone__note {
		font-size: 12px;
		opacity: 0.7;
		white-space: normal;
	}
}

/* OWNER 2026-07-28: keep the site messenger FAB entirely above JivoSite on phones. */
@media (max-width: 768px) {
	body.bezlimitik-mchrome-e .bezlimitik-mchrome-contact {
		/* legal strip + Jivo (72px) + 16px visual gap */
		bottom: calc(var(--site-legal-h, 35px) + env(safe-area-inset-bottom, 0px) + 88px);
	}
}