/* ETA — mobile/tablet header + shop sidebar responsive
   Wersja 1.9.1 / 2026-07-29 — stopka menu: Moje konto + Koszyk w jednym wierszu (ghost) */

:root {
	--eta-header-mobile-max: 1279px;
	--eta-header-desktop-min: 1280px;
	--eta-sidebar-extra-top: 16px;
	--eta-header-icon-gap: 8px;
	--eta-header-icon-pad-x: 4px;
	--eta-mobile-menu-pad-right: 25px; /* telefon default ≤767 */
	--eta-mobile-menu-content-top: 100px;
	--eta-mobile-menu-close-gap: 20px;
}

@media (min-width: 768px) and (max-width: 1279px) {
	:root {
		--eta-mobile-menu-pad-right: 50px; /* tablet */
	}
}

/* ── Body-scroll-lock dla panelu mobilnego menu (JS: eta-header.js) ─────
   Panel jest position:fixed, ale bez tej blokady tło pod nim nadal się
   przewijało (scrollTo działał normalnie) — "jak iframe". html dostaje
   overflow:hidden, body position:fixed z odtworzonym scrollY w JS. */
html.eta-scroll-locked {
	overflow: hidden !important;
}

body.eta-mobile-menu-open {
	position: fixed !important;
	overflow: hidden !important;
	width: 100% !important;
	left: 0 !important;
	right: 0 !important;
}

/* ── Mobile/tablet: sticky header przyklejony do góry + glass ──────────── */
@media (max-width: 1279px) {
	:root {
		--eta-header-mobile-bar: 56px;
		--eta-header-pad-y-mobile: 8px;
	}

	.elementor-275 .elementor-element-3ef0979 {
		min-height: 0 !important;
		max-height: none !important;
		padding-top: var(--eta-header-pad-y-mobile) !important;
		padding-bottom: var(--eta-header-pad-y-mobile) !important;
		overflow: visible !important;
		margin-top: 0 !important;
		transform: none !important;
		animation: none !important;
		-webkit-animation: none !important;
	}

	.elementor-275 .elementor-element-3ef0979.sc_layouts_row_delay_fixed,
	.elementor-275 .elementor-element-3ef0979.sc_layouts_row_delay_fixed.sc_layouts_row_fixed_on {
		margin-top: 0 !important;
		animation: none !important;
		-webkit-animation: none !important;
	}

	.elementor-275 .elementor-element-3ef0979.sc_layouts_row_fixed,
	.elementor-275 .elementor-element-3ef0979.sc_layouts_row_fixed_on,
	.elementor-275 .elementor-element-3ef0979.sc_layouts_row_fixed_on_pre,
	body.eta-mobile-header-sticky .elementor-275 .elementor-element-3ef0979 {
		position: fixed !important;
		top: var(--eta-admin-bar-offset, var(--wp-admin--admin-bar--height, 0px)) !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 10002 !important;
		max-height: none !important;
		margin-top: 0 !important;
		transform: none !important;
		background: transparent !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		border-bottom: none !important;
		box-shadow: none !important;
	}

	/* Blur na ::before — backdrop-filter na rodzicu wiązał position:fixed menu do wysokości headera */
	.elementor-275 .elementor-element-3ef0979.sc_layouts_row_fixed::before,
	.elementor-275 .elementor-element-3ef0979.sc_layouts_row_fixed_on::before,
	.elementor-275 .elementor-element-3ef0979.sc_layouts_row_fixed_on_pre::before,
	body.eta-mobile-header-sticky .elementor-275 .elementor-element-3ef0979::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		pointer-events: none;
		background: rgba(255, 255, 255, 0.62);
		backdrop-filter: blur(28px) saturate(180%) contrast(1.05);
		-webkit-backdrop-filter: blur(28px) saturate(180%) contrast(1.05);
		border-bottom: 1px solid rgba(255, 255, 255, 0.38);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.48),
			0 8px 32px rgba(0, 31, 63, 0.08);
	}

	.elementor-275 .elementor-element-3ef0979.sc_layouts_row_fixed > .e-con,
	.elementor-275 .elementor-element-3ef0979.sc_layouts_row_fixed_on > .e-con,
	body.eta-mobile-header-sticky .elementor-275 .elementor-element-3ef0979 > .e-con {
		position: relative;
		z-index: 1;
	}

	/* Kompaktowy pasek — bez obcinania rozwijanego menu */
	.elementor-275 .elementor-element-3ef0979 > .e-con {
		min-height: var(--eta-header-mobile-bar) !important;
		max-height: none !important;
		overflow: visible !important;
	}

	.elementor-275 .elementor-element-b8c042c .logo_image {
		max-height: 40px !important;
	}

	.elementor-275 .elementor-element-91ab55b.trx-addons-ham-dropdown .trx-addons-stretch-dropdown .trx-addons-mobile-menu-container,
	.elementor-275 .elementor-element-91ab55b.trx-addons-ham-dropdown .trx-addons-mobile-menu-container {
		max-height: none !important;
	}

	.elementor-275 .elementor-element-91ab55b .trx-addons-stretch-dropdown .trx-addons-mobile-menu-container {
		position: static !important;
	}

	/* ── Menu mobilne: panel z prawej, linki na dole (Fitts), stały przycisk X ── */
	/* Ukryj kopie w headerze — widoczny tylko panel portowany do body */
	.elementor-275 .elementor-element-91ab55b .trx-addons-mobile-menu-outer-container,
	.elementor-275 .elementor-element-91ab55b .trx-addons-nav-slide-overlay {
		display: none !important;
		pointer-events: none !important;
	}

	.elementor-275 .elementor-element-91ab55b.trx-addons-ver-hamburger-menu-right .trx-addons-mobile-menu-outer-container,
	.elementor-275 .elementor-element-91ab55b.trx-addons-nav-slide .trx-addons-mobile-menu-outer-container,
	.elementor-275 .elementor-element-91ab55b.trx-addons-ham-slide .trx-addons-mobile-menu-outer-container,
	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live {
		left: auto !important;
		right: 0 !important;
		width: min(76vw, 300px) !important;
		max-width: 300px !important;
	}

	.elementor-275 .elementor-element-91ab55b.trx-addons-ver-hamburger-menu-right .trx-addons-mobile-menu-outer-container:not(.trx-addons-vertical-toggle-open),
	.elementor-275 .elementor-element-91ab55b.trx-addons-nav-slide .trx-addons-mobile-menu-outer-container:not(.trx-addons-vertical-toggle-open),
	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live:not(.trx-addons-vertical-toggle-open) {
		transform: translateX(100%) !important;
	}

	.elementor-275 .elementor-element-91ab55b.trx-addons-ver-hamburger-menu-right .trx-addons-mobile-menu-outer-container.trx-addons-vertical-toggle-open,
	.elementor-275 .elementor-element-91ab55b.trx-addons-nav-slide .trx-addons-mobile-menu-outer-container.trx-addons-vertical-toggle-open,
	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live.trx-addons-vertical-toggle-open {
		transform: translateX(0) !important;
	}

	/* Osierocone klony */
	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-portaled,
	body > .trx-addons-mobile-menu-outer-container:not(.eta-mobile-menu-live) {
		display: none !important;
		pointer-events: none !important;
	}

	/* Panel portowany do body — przypięty do prawej krawędzi viewportu */
	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live,
	.elementor-275 .elementor-element-91ab55b .trx-addons-mobile-menu-outer-container,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		left: auto !important;
		bottom: 0 !important;
		width: min(76vw, 300px) !important;
		max-width: 300px !important;
		height: 100dvh !important;
		margin: 0 !important;
		padding: 0 !important;
		transform: translateX(100%) !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: stretch !important;
		z-index: 100005 !important;
		background: rgba(255, 255, 255, 0.98) !important;
		box-sizing: border-box !important;
		box-shadow: -8px 0 32px rgba(0, 31, 63, 0.12) !important;
		overflow: hidden !important;
		opacity: 1 !important;
		pointer-events: none !important;
	}

	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live.trx-addons-vertical-toggle-open,
	.elementor-275 .elementor-element-91ab55b .trx-addons-mobile-menu-outer-container.trx-addons-vertical-toggle-open,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container.trx-addons-vertical-toggle-open {
		transform: translateX(0) !important;
		pointer-events: auto !important;
	}

	/* Osierocony X na body — ukryty; zamknięcie w panelu menu. */
	body > .trx-addons-mobile-menu-close.eta-mobile-menu-close-live {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-mobile-menu-close {
		display: inline-flex !important;
		visibility: visible !important;
		pointer-events: auto !important;
		position: absolute !important;
		top: max(12px, env(safe-area-inset-top, 0px)) !important;
		right: max(12px, env(safe-area-inset-right, 0px)) !important;
		z-index: 5 !important;
		cursor: pointer !important;
		/* Kolory/kształt: eta-dismiss-controls.css */
	}

	body > .trx-addons-mobile-menu-outer-container .trx-addons-mobile-menu-container,
	.elementor-275 .elementor-element-91ab55b .trx-addons-mobile-menu-container,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-mobile-menu-container {
		flex: 1 1 auto !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: flex-end !important;
		width: 100% !important;
		min-height: 0 !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		scroll-padding-top: calc(var(--eta-mobile-menu-content-top) + env(safe-area-inset-top, 0px));
		order: 1 !important;
		padding:
			calc(var(--eta-mobile-menu-content-top) + env(safe-area-inset-top, 0px))
			calc(var(--eta-mobile-menu-pad-right) + env(safe-area-inset-right, 0px))
			max(20px, env(safe-area-inset-bottom))
			max(16px, env(safe-area-inset-left)) !important;
		gap: 0 !important;
		box-sizing: border-box !important;
	}

	body > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-brand,
	.elementor-275 .elementor-element-91ab55b .trx-addons-mobile-menu-outer-container .eta-mobile-menu-brand,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-brand {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		flex: 0 0 auto !important;
		align-self: flex-end !important;
		width: 170px !important;
		height: 170px !important;
		margin: 20px 0 24px 0 !important;
		padding: 0 !important;
		z-index: 1 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		pointer-events: none !important;
		order: 1 !important;
		flex-shrink: 0 !important;
	}

	body > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-brand img,
	.elementor-275 .elementor-element-91ab55b .trx-addons-mobile-menu-outer-container .eta-mobile-menu-brand img,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-brand img {
		display: block !important;
		width: 170px !important;
		height: 170px !important;
		max-width: 170px !important;
		max-height: 170px !important;
		object-fit: contain !important;
	}

	body > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu,
	.elementor-275 .elementor-element-91ab55b .trx-addons-main-mobile-menu,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu {
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-end !important;
		justify-content: flex-start !important;
		margin-top: 0 !important;
		margin-bottom: 24px !important;
		text-align: right !important;
		order: 2 !important;
		flex: 1 1 auto !important;
		max-width: 100% !important;
		padding-right: 0 !important;
	}

	body > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu > .trx-addons-nav-menu-item,
	.elementor-275 .elementor-element-91ab55b .trx-addons-main-mobile-menu > .trx-addons-nav-menu-item,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu > .trx-addons-nav-menu-item {
		width: 100% !important;
		align-items: flex-end !important;
	}

	body > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu > .trx-addons-nav-menu-item > .trx-addons-menu-link,
	body > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu .trx-addons-submenu .trx-addons-submenu-link,
	.elementor-275 .elementor-element-91ab55b .trx-addons-main-mobile-menu > .trx-addons-nav-menu-item > .trx-addons-menu-link,
	.elementor-275 .elementor-element-91ab55b .trx-addons-main-mobile-menu .trx-addons-submenu .trx-addons-submenu-link,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu > .trx-addons-nav-menu-item > .trx-addons-menu-link,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu .trx-addons-submenu .trx-addons-submenu-link {
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
		width: 100% !important;
		min-height: 38px !important;
		padding: 10px 0 10px 0 !important;
		font-size: clamp(1.125rem, 4.5vw, 1.375rem) !important;
		font-weight: 500 !important;
		line-height: 1.25 !important;
		letter-spacing: -0.01em !important;
		color: var(--eta-navy, #001f3f) !important;
		text-align: right !important;
	}

	body > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu .trx-addons-submenu .trx-addons-submenu-link,
	.elementor-275 .elementor-element-91ab55b .trx-addons-main-mobile-menu .trx-addons-submenu .trx-addons-submenu-link,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu .trx-addons-submenu .trx-addons-submenu-link {
		font-size: clamp(0.875rem, 3.6vw, 1rem) !important;
		font-weight: 400 !important;
		min-height: 26px !important;
		padding: 2px 0 !important;
		line-height: 1.2 !important;
		opacity: 0.92;
	}

	/* Rozwinięte submenu — mniejsze odstępy, sygnet schowany, całe menu w viewport */
	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live .trx-addons-mobile-menu-container:has(.trx-addons-active-menu) .eta-mobile-menu-brand {
		display: none !important;
	}

	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live .trx-addons-mobile-menu-container:has(.trx-addons-active-menu) .eta-mobile-menu-actions {
		display: none !important;
	}

	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live .trx-addons-mobile-menu-container:has(.trx-addons-active-menu) .trx-addons-main-mobile-menu {
		margin-bottom: 20px !important;
	}

	/* Stopka menu: Moje konto + Koszyk — bez tła / obrysu, z ikoną */
	body > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-actions,
	.elementor-275 .elementor-element-91ab55b .trx-addons-mobile-menu-outer-container .eta-mobile-menu-actions,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-actions {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 8px 20px !important;
		width: 100% !important;
		margin-top: auto !important;
		padding-top: 28px !important;
		flex: 0 0 auto !important;
		box-sizing: border-box !important;
	}

	body > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action,
	.elementor-275 .elementor-element-91ab55b .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 10px !important;
		min-height: 44px !important;
		padding: 8px 0 !important;
		margin: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: var(--eta-navy, #001f3f) !important;
		font-size: 1rem !important;
		font-weight: 600 !important;
		line-height: 1.25 !important;
		text-decoration: none !important;
		text-align: right !important;
	}

	body > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action:hover,
	body > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action:focus-visible,
	.elementor-275 .elementor-element-91ab55b .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action:hover,
	.elementor-275 .elementor-element-91ab55b .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action:focus-visible,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action:hover,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action:focus-visible {
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		color: var(--eta-link, #1f5fbf) !important;
		outline: none;
	}

	body > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action:focus-visible,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action:focus-visible {
		outline: 2px solid var(--eta-link, #1f5fbf);
		outline-offset: 3px;
	}

	body > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action__icon,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action__icon {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 22px !important;
		height: 22px !important;
		flex: 0 0 auto !important;
		color: inherit !important;
	}

	body > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action__icon svg,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action__icon svg {
		display: block !important;
		width: 22px !important;
		height: 22px !important;
	}

	body > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action__count,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action__count {
		font-size: 0.875rem !important;
		font-weight: 700 !important;
		color: inherit !important;
		opacity: 0.75;
	}

	body > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action__count[hidden],
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-action__count[hidden] {
		display: none !important;
	}

	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live .trx-addons-nav-menu-item.trx-addons-active-menu > .trx-addons-submenu {
		gap: 0 !important;
		padding-top: 2px !important;
		padding-bottom: 2px !important;
	}

	body > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu .trx-addons-dropdown-icon,
	.elementor-275 .elementor-element-91ab55b .trx-addons-main-mobile-menu > .trx-addons-nav-menu-item > .trx-addons-menu-link .trx-addons-dropdown-icon,
	.elementor-275 .elementor-element-91ab55b .trx-addons-main-mobile-menu .trx-addons-submenu .trx-addons-submenu-link .trx-addons-dropdown-icon,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu .trx-addons-dropdown-icon {
		color: var(--eta-navy, #001f3f) !important;
		margin-left: 8px !important;
		margin-right: 0 !important;
		flex-shrink: 0 !important;
	}

	body > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu .trx-addons-dropdown-icon svg path,
	.elementor-275 .elementor-element-91ab55b .trx-addons-main-mobile-menu .trx-addons-dropdown-icon svg path,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu .trx-addons-dropdown-icon svg path {
		fill: var(--eta-navy, #001f3f) !important;
	}

	body > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu .trx-addons-submenu,
	.elementor-275 .elementor-element-91ab55b .trx-addons-main-mobile-menu .trx-addons-submenu,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .trx-addons-main-mobile-menu .trx-addons-submenu {
		width: 100% !important;
		align-items: flex-end !important;
		padding-right: 0 !important;
		background: transparent !important;
	}

	/* Submenu: CSS toggle (bez jQuery slideDown — scrollHeight=0 przy flex) */
	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live .trx-addons-main-mobile-menu > .trx-addons-nav-menu-item:not(.trx-addons-active-menu) > .trx-addons-submenu {
		display: none !important;
		height: auto !important;
		overflow: hidden !important;
		visibility: hidden !important;
	}

	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live .trx-addons-main-mobile-menu > .trx-addons-nav-menu-item.trx-addons-active-menu > .trx-addons-submenu {
		display: flex !important;
		flex-direction: column !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live .trx-addons-nav-menu-item.trx-addons-active-menu > .trx-addons-submenu .trx-addons-submenu-link {
		visibility: visible !important;
	}

	/* Link hub — nad listą kategorii usług */
	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live .eta-mobile-menu-services-hub,
	.elementor-275 .elementor-element-91ab55b .eta-mobile-menu-services-hub,
	body.eta-mobile-menu-open > .trx-addons-mobile-menu-outer-container .eta-mobile-menu-services-hub {
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
		width: 100% !important;
		min-height: 32px !important;
		margin: 0 0 10px !important;
		padding: 4px 0 8px !important;
		font-size: clamp(0.8125rem, 3.4vw, 0.9375rem) !important;
		font-weight: 600 !important;
		line-height: 1.3 !important;
		color: var(--eta-navy, #001f3f) !important;
		text-decoration: none !important;
		border-bottom: 1px solid rgba(0, 31, 63, 0.12);
		opacity: 1 !important;
	}

	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live .eta-mobile-menu-services-hub:hover,
	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live .eta-mobile-menu-services-hub:focus-visible {
		color: var(--eta-link, #0066cc) !important;
		text-decoration: underline !important;
	}

	body > .trx-addons-mobile-menu-outer-container.eta-mobile-menu-live .trx-addons-nav-menu-item.trx-addons-active-menu > .trx-addons-menu-link .trx-addons-dropdown-icon {
		transform: rotate(180deg);
		transition: transform 0.2s ease;
	}

	/* Duplikat menu w ukrytym wierszu desktop — nie renderuj */
	.elementor-275 .elementor-element-90db02c .trx-addons-mobile-menu-outer-container,
	.elementor-275 .elementor-element-90db02c .trx-addons-nav-slide-overlay {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	/* Hamburger w headerze — ukryty gdy menu otwarte (zamyka panelowy X w tym samym miejscu) */
	body.eta-mobile-menu-open .elementor-275 .elementor-element-91ab55b .trx-addons-hamburger-toggle {
		visibility: hidden !important;
		pointer-events: none !important;
	}

	.elementor-275 .elementor-element-91ab55b .trx-addons-hamburger-toggle,
	.elementor-275 .elementor-element-91ab55b .trx-addons-hamburger-toggle .trx-addons-toggle-close,
	.elementor-275 .elementor-element-91ab55b .trx-addons-hamburger-toggle.trx-addons-toggle-opened i {
		color: var(--eta-navy, #001f3f) !important;
	}

	.elementor-275 .elementor-element-91ab55b .trx-addons-hamburger-toggle svg path {
		fill: var(--eta-navy, #001f3f) !important;
	}

	.elementor-275 .elementor-element-91ab55b .trx-addons-nav-widget-container {
		position: relative;
		z-index: 100004;
	}

	body.eta-mobile-menu-open > .trx-addons-nav-slide-overlay.eta-mobile-menu-live,
	body.eta-mobile-menu-open > .trx-addons-nav-slide-overlay.eta-mobile-menu-live.trx-addons-vertical-toggle-open,
	body.eta-mobile-menu-open .trx-addons-nav-slide-overlay.trx-addons-vertical-toggle-open {
		position: fixed !important;
		inset: 0 !important;
		z-index: 100002 !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		background: rgba(0, 20, 40, 0.45) !important;
	}

	body.eta-mobile-menu-open .elementor-275 .elementor-element-3ef0979,
	body.eta-mobile-menu-open .elementor-275 .elementor-element-3ef0979 > .e-con,
	body.eta-mobile-menu-open .elementor-275 .elementor-element-9ad2858,
	body.eta-mobile-menu-open .elementor-275 .elementor-element-91ab55b,
	body.eta-mobile-menu-open .elementor-275 .elementor-element-91ab55b .elementor-widget-container,
	body.eta-mobile-menu-open .elementor-275 .elementor-element-91ab55b .trx-addons-nav-widget-container {
		overflow: visible !important;
		max-height: none !important;
	}

	body.eta-mobile-menu-open .elementor-275 .elementor-element-3ef0979 {
		z-index: 100010 !important;
	}

	body.eta-mobile-menu-open .top_panel,
	body.eta-mobile-menu-open .top_panel .elementor-275 {
		overflow: visible !important;
	}

	body.eta-mobile-header-sticky .top_panel {
		min-height: var(--eta-header-height, var(--eta-header-mobile-bar));
	}
}

@media (max-width: 1279px) {
	.top_panel,
	.top_panel .elementor-275 {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		min-height: var(--eta-header-mobile-bar, 56px);
		overflow: visible !important;
	}

	.elementor-275 .elementor-element-3ef0979 {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
		min-height: var(--eta-header-mobile-bar, 56px) !important;
	}
}

/* ── Desktop vs mobile: tylko jeden wiersz headera ─────────────────────── */
@media (max-width: 1279px) {
	.elementor-275 .elementor-element-90db02c,
	.elementor-275 .elementor-element-90db02c.sc_layouts_row_fixed_on {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
		position: absolute !important;
		height: 0 !important;
		min-height: 0 !important;
		overflow: hidden !important;
		opacity: 0 !important;
	}
}

@media (min-width: 1280px) {
	.elementor-275 .elementor-element-3ef0979,
	.elementor-275 .elementor-element-3ef0979.sc_layouts_row_fixed_on {
		display: none !important;
	}
}

/* ── Mobile header: logo lewo, akcje prawo, wyśrodkowanie pionowe ──────── */
@media (max-width: 1279px) {
	.elementor-275 .elementor-element-3ef0979 {
		display: flex !important;
		flex-flow: row nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		min-height: 0 !important;
		padding-left: max(16px, env(safe-area-inset-left)) !important;
		padding-right: max(12px, env(safe-area-inset-right)) !important;
	}

	.elementor-275 .elementor-element-e12ce4a {
		flex: 0 1 auto !important;
		width: auto !important;
		max-width: 55% !important;
		align-self: center !important;
	}

	.elementor-275 .elementor-element-b8c042c .logo_image {
		max-height: 53px !important;
		width: auto !important;
		height: auto !important;
	}

	/* Ukryte duplikaty wyszukiwarki — nie psują odstępów flex */
	.elementor-275 .elementor-element-9ad2858 > .elementor-element-1658877,
	.elementor-275 .elementor-element-9ad2858 > .elementor-element-36f50e2 {
		display: none !important;
	}

	.elementor-275 .elementor-element-9ad2858 {
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
		display: flex !important;
		flex-flow: row nowrap !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: var(--eta-header-icon-gap) !important;
		align-self: center !important;
		margin-left: auto !important;
		padding-right: 0 !important;
	}

	.elementor-275 .elementor-element-9ad2858 > .elementor-element,
	.elementor-275 .elementor-element-9ad2858 > .elementor-widget,
	.elementor-275 .elementor-element-9ad2858 > .eta-header-search-toggle {
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		align-self: center !important;
		margin: 0 !important;
		padding: 0 var(--eta-header-icon-pad-x) !important;
	}

	.elementor-275 .elementor-element-9ad2858 .elementor-widget-container {
		margin: 0 !important;
		padding: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: fit-content !important;
		max-width: none !important;
		height: 44px !important;
		min-height: 44px !important;
	}

	.elementor-275 .elementor-element-9ad2858 > .elementor-element-91ab55b .trx-addons-nav-widget-container,
	.elementor-275 .elementor-element-9ad2858 > .elementor-element-91ab55b .trx-addons-ver-inner-container {
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
	}

	.elementor-275 .elementor-element-9ad2858 > .eta-header-search-toggle {
		order: 0 !important;
	}

	.elementor-275 .elementor-element-9ad2858 > .elementor-element-5806c8f {
		order: 1 !important;
	}

	.elementor-275 .elementor-element-9ad2858 > .elementor-element-91ab55b {
		order: 2 !important;
	}

	.elementor-275 .elementor-element-5806c8f .sc_layouts_cart_button_wrap,
	.elementor-275 .elementor-element-5806c8f .sc_layouts_cart_button_wrap {
		transform: none !important;
	}

	.elementor-275 .elementor-element-5806c8f .sc_layouts_cart_button_wrap,
	.elementor-275 .elementor-element-5806c8f .sc_layouts_cart_items_short {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	/* Hamburger + ikony — ten sam kolor, jedna linia */
	.elementor-275 .elementor-element-91ab55b .trx-addons-hamburger-toggle,
	.elementor-275 .elementor-element-91ab55b .trx-addons-menu-link,
	.elementor-275 .elementor-element-91ab55b .trx-addons-hamburger-label {
		color: var(--eta-navy, #001f3f) !important;
	}

	.elementor-275 .elementor-element-91ab55b > .elementor-widget-container,
	.elementor-275 .elementor-element-91ab55b .trx-addons-nav-widget-container {
		margin-left: 0 !important;
		justify-content: center !important;
	}

	/* Touch target ≥44×44 (ui-taste §18.C) — wcześniej min-width:0 dawało ~28px szerokości */
	.elementor-275 .elementor-element-91ab55b .trx-addons-hamburger-toggle {
		margin-left: 0 !important;
		width: 44px !important;
		min-width: 44px !important;
		height: 44px !important;
		min-height: 44px !important;
		padding: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
	}

	.elementor-275 .elementor-element-91ab55b > .elementor-widget-container,
	.elementor-275 .elementor-element-5806c8f > .elementor-widget-container,
	.elementor-275 .elementor-element-15e30f7 > .elementor-widget-container {
		margin: 0 !important;
	}
}

/* ── Wyrównanie koszyka (desktop + mobile) ─────────────────────────────── */
.elementor-275 .elementor-element-7a06fc4,
.elementor-275 .elementor-element-5806c8f,
.eta-header-icons .elementor-element-7a06fc4 {
	display: inline-flex !important;
	align-items: center !important;
	align-self: center !important;
}

.elementor-275 .elementor-element-7a06fc4 .sc_layouts_cart_button_wrap,
.elementor-275 .elementor-element-5806c8f .sc_layouts_cart_button_wrap,
.elementor-275 .elementor-widget-trx_sc_layouts_cart .sc_layouts_cart_button_wrap {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transform: none;
	vertical-align: middle !important;
}

.elementor-275 .elementor-element-7a06fc4 > .elementor-widget-container,
.elementor-275 .elementor-element-5806c8f > .elementor-widget-container {
	margin-block: 0 !important;
	padding-block: 0 !important;
}

@media (max-width: 1279px) {
	.elementor-275 .elementor-element-7a06fc4 .sc_layouts_cart_button_wrap,
	.elementor-275 .elementor-element-5806c8f .sc_layouts_cart_button_wrap,
	.elementor-275 .elementor-widget-trx_sc_layouts_cart .sc_layouts_cart_button_wrap {
		transform: none !important;
	}
}

/*
 * Sidebar sklepu — sticky na tablet+desktop (≥768), z odstępem od sticky headera.
 * NIE ruszamy float/width ThemeREX (flex+row-reverse rozwalał układ).
 *
 * Motyw ustawia html { overflow-x:hidden } — to zabija position:sticky w Chromium.
 * clip przycina overflow-x bez tworzenia scroll Containment (sticky działa).
 */
@media (min-width: 768px) {
	html:has(body.eta-shop-skin.fixed_blocks_sticky) {
		overflow-x: clip !important;
	}

	body.eta-shop-skin.fixed_blocks_sticky {
		overflow-x: clip !important;
	}

	body.eta-shop-skin.fixed_blocks_sticky .page_content_wrap,
	body.eta-shop-skin.fixed_blocks_sticky [class*="content_wrap"] {
		overflow: visible !important;
	}

	body.eta-shop-skin.fixed_blocks_sticky [class*="content_wrap"] > .sidebar:not(.elementor-element) {
		position: sticky !important;
		top: calc(var(--eta-header-offset, var(--fixed-rows-height, 72px)) + var(--eta-sidebar-extra-top, 16px) + var(--wp-admin--admin-bar--height, 0px)) !important;
		align-self: flex-start;
		z-index: 5;
		/* float i width zostają z motywu */
	}

	body.eta-header-sticky-active.eta-shop-skin.fixed_blocks_sticky [class*="content_wrap"] > .sidebar:not(.elementor-element),
	body.trx_addons_page_scrolled.eta-shop-skin.fixed_blocks_sticky [class*="content_wrap"] > .sidebar:not(.elementor-element) {
		top: calc(var(--eta-header-offset, var(--fixed-rows-height, 72px)) + var(--eta-sidebar-extra-top, 16px) + var(--wp-admin--admin-bar--height, 0px)) !important;
	}
}

body.eta-shop-skin [class*="content_wrap"] > .sidebar:not(.elementor-element) {
	padding-top: 12px;
}

/* ── Tylko telefon (≤767): kolumna + bez sticky. Tablet/desktop = układ motywu ─ */
@media (max-width: 767px) {
	body.eta-shop-skin [class*="content_wrap"] {
		display: flex !important;
		flex-direction: column !important;
	}

	body.eta-shop-skin [class*="content_wrap"] > .sidebar {
		/* order: -10 w shop-global (po banerze, przed produktami) */
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		position: static !important;
		top: auto !important;
		z-index: auto;
		padding-top: 4px !important;
		padding-bottom: 8px !important;
		margin: 0 0 12px !important;
		background: transparent;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		box-shadow: none;
	}

	body.eta-shop-skin [class*="content_wrap"] > .content {
		order: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}

	body.eta-shop-skin .sidebar .widget {
		margin-bottom: 10px !important;
		padding-bottom: 0 !important;
	}

	body.eta-shop-skin .sidebar .widget_price_filter,
	body.eta-shop-skin .sidebar .widget_eta_product_tag_filter {
		margin-bottom: 8px !important;
	}

	body.eta-shop-skin .sidebar .eta-sidebar-crosslink {
		margin-top: 8px !important;
		margin-bottom: 8px !important;
	}

	body.eta-shop-skin .eta-shop-hero {
		margin-top: 0 !important;
	}
}

/* cache-bust sticky-clip */