/* ============================================================
   PARENDI - Floating Nav (logo + toggle + fullscreen menu)
   Globalny komponent fixed top dla wszystkich stron.
   ============================================================ */

/* ─── Floating nav - logo left + toggle button right (fixed na calej stronie) ── */

.floating-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(16px, 2vw, 32px);
	padding: clamp(8px, 1.2vh, 14px) clamp(24px, 3.5vw, 56px);
	pointer-events: none;
	background: transparent;
	border-bottom: 1px solid transparent;
	transition: background 0.4s ease, border-color 0.4s ease, padding 0.4s ease, -webkit-backdrop-filter 0.4s ease, backdrop-filter 0.4s ease;
}

/* Tlo gdy nav jest zadokowany (is-revealed): cream + blur + cienka linia + mocny shadow dla odznaczenia.
   UWAGA: na home (front-page) tlo wylaczone - tam nav ma pozostac czystym floatingiem nad hero/showcase video. */
.floating-nav.is-revealed {
	background: rgba(248, 245, 240, 0.92);
	-webkit-backdrop-filter: blur(18px) saturate(1.2);
	backdrop-filter: blur(18px) saturate(1.2);
	border-bottom-color: var(--c-line-soft, #D1C7C1);
	box-shadow: 0 8px 28px -12px rgba(26, 23, 20, 0.18), 0 1px 0 rgba(255, 255, 255, 0.6) inset;
	padding-top: clamp(8px, 1.2vh, 14px);
	padding-bottom: clamp(8px, 1.2vh, 14px);
}

/* HOME ONLY: nav zawsze czysty (bez tla, bez blur) - cinematic feel nad video */
body.home .floating-nav,
body.home .floating-nav.is-revealed {
	background: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	border-bottom-color: transparent;
	box-shadow: none;
	padding-top: clamp(10px, 1.4vh, 18px);
	padding-bottom: clamp(10px, 1.4vh, 18px);
}

/* NON-HOME (podstrony: kategoria, single zabieg, kontakt) - tlo + cien OD RAZU (bez czekania na scroll).
   Single page, kategoria, kontakt -> menu zawsze widoczne z tlem. */
body:not(.home) .floating-nav {
	background: rgba(248, 245, 240, 0.92);
	-webkit-backdrop-filter: blur(18px) saturate(1.2);
	backdrop-filter: blur(18px) saturate(1.2);
	border-bottom: 1px solid var(--c-line-soft, #D1C7C1);
	box-shadow: 0 8px 28px -12px rgba(26, 23, 20, 0.18), 0 1px 0 rgba(255, 255, 255, 0.6) inset;
	padding-top: clamp(8px, 1.2vh, 14px);
	padding-bottom: clamp(8px, 1.2vh, 14px);
}

/* Non-home: logo + toggle widoczne od razu (override opacity:0 base) */
body:not(.home) .floating-nav .floating-nav__logo,
body:not(.home) .floating-nav .floating-nav__toggle {
	opacity: 1;
	transform: translateY(0);
}

/* Na ciemnych sekcjach (hero scroll-video, showcase) - bez tla, czysty floating */
.floating-nav.is-revealed.is-on-dark {
	background: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	border-bottom-color: transparent;
}

/* Gdy menu otwarte - bez tla (overlay menu ma swoje cream tlo) */
.floating-nav.is-menu-open {
	background: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	border-bottom-color: transparent;
}

/* Logo w lewym rogu */
.floating-nav__logo {
	pointer-events: auto;
	text-decoration: none;
	display: block;
	opacity: 0;
	transform: translateY(-10px);
	transition: opacity 700ms cubic-bezier(0.22, 1, 0.36, 1) 100ms,
	            transform 700ms cubic-bezier(0.22, 1, 0.36, 1) 100ms;
}

.floating-nav__logo img,
.floating-nav__logo svg {
	display: block;
	width: clamp(140px, 12.5vw, 200px);
	height: auto;
	transition: filter 0.4s ease;
}

/* Domyslnie zero filter - logo czyste */
.floating-nav.is-on-dark .floating-nav__logo img,
.floating-nav.is-on-dark .floating-nav__logo svg {
	filter: none;
}

/* Na jasnej sekcji - bez shadow */
.floating-nav.is-on-light .floating-nav__logo img,
.floating-nav.is-on-light .floating-nav__logo svg {
	filter: none;
}

/* Toggle button - tekst MENU + ikona. Kolor zmienia sie przez JS:
   .is-on-dark (na ciemnej sekcji) = bialy
   .is-on-light (na jasnej sekcji) = czarny */
.floating-nav__toggle {
	pointer-events: auto;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 14px 22px;
	display: inline-flex;
	align-items: center;
	gap: 18px;
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-weight: 500;
	font-size: clamp(15px, 1.1vw, 18px);
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--c-text-on-light, #1A1714);
	opacity: 0;
	transform: translateY(-10px);
	transition: opacity 700ms cubic-bezier(0.22, 1, 0.36, 1) 200ms,
	            transform 700ms cubic-bezier(0.22, 1, 0.36, 1) 200ms,
	            color 0.4s ease;
	position: relative;
}

.floating-nav__toggle:hover {
	color: var(--c-accent, #C9A96E);
}

/* Na ciemnej sekcji (hero, showcase video) - tekst bialy */
.floating-nav.is-on-dark .floating-nav__toggle {
	color: #FFFFFF;
}

/* Gdy menu otwarte zawsze ciemne na cream overlay */
.floating-nav.is-menu-open .floating-nav__toggle {
	color: var(--c-text-on-light, #1A1714);
}

/* Toggle labels - "Menu" i "Zamknij" overlay'uja sie w tym samym slocie */
.floating-nav__toggle-label {
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.floating-nav__toggle-label[data-toggle-label-close] {
	position: absolute;
	right: calc(18px + 26px + 14px); /* padding-right + icon width + gap */
	top: 50%;
	transform: translateY(-50%) translateX(8px);
	opacity: 0;
	pointer-events: none;
}

.floating-nav.is-menu-open .floating-nav__toggle-label[data-toggle-label-open] {
	opacity: 0;
	transform: translateX(-8px);
}

.floating-nav.is-menu-open .floating-nav__toggle-label[data-toggle-label-close] {
	opacity: 1;
	transform: translateY(-50%) translateX(0);
}

/* Ikona toggle - 2 cienkie linie ktore krzyzuja sie w X gdy menu otwarte */
.floating-nav__toggle-icon {
	position: relative;
	width: 26px;
	height: 14px;
	display: inline-block;
	flex-shrink: 0;
}

.floating-nav__toggle-icon span {
	position: absolute;
	left: 0;
	right: 0;
	height: 1.5px;
	background: currentColor;
	transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1), top 0.3s ease, bottom 0.3s ease;
	transform-origin: center;
}

.floating-nav__toggle-icon span:nth-child(1) {
	top: 4px;
}

.floating-nav__toggle-icon span:nth-child(2) {
	bottom: 4px;
}

/* X state - linie krzyzuja sie */
.floating-nav.is-menu-open .floating-nav__toggle-icon span:nth-child(1) {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}

.floating-nav.is-menu-open .floating-nav__toggle-icon span:nth-child(2) {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
}

/* Reveal po scroll (klasa is-revealed z JS).
   Home: po hero progress >= 50%. Non-home: po scrollY > 80px (wjazd z gory). */
.floating-nav.is-revealed .floating-nav__logo,
.floating-nav.is-revealed .floating-nav__toggle {
	opacity: 1;
	transform: translateY(0);
}

/* Na non-home: gdy menu otwarte tez musi byc widoczne (override is-revealed) */
.floating-nav.is-menu-open .floating-nav__logo,
.floating-nav.is-menu-open .floating-nav__toggle {
	opacity: 1;
	transform: translateY(0);
}

/* ─── Fullscreen Menu Overlay (otwiera sie po kliku toggle) ─── */

.floating-menu {
	position: fixed;
	inset: 0;
	z-index: 99;
	background: var(--c-bg, #F8F5F0);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
	            visibility 0s linear 0.5s;
}

/* Floating-menu jest JEDYNYM giga-menu (desktop + mobile) - oryginalna architektura.
   Mega-panel dropdown jest na sztywno display:none na linii 1309 (historical reference w DOM). */

.floating-menu.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
	            visibility 0s linear 0s;
}

.floating-menu__inner {
	width: 100%;
	min-height: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: clamp(110px, 16vh, 170px) clamp(24px, 5vw, 80px) clamp(40px, 6vh, 80px);
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(32px, 5vh, 56px);
	align-content: start;
}

/* Desktop - 2-kol: linki LEWA (sticky, compact) + mega menu PRAWA (wide, scrolluje) */
@media (min-width: 1024px) {
	.floating-menu__inner {
		grid-template-columns: minmax(0, 0.42fr) minmax(0, 1.58fr);
		gap: clamp(48px, 5vw, 88px);
		align-content: start;
		align-items: start;
	}
	.floating-menu__nav {
		grid-column: 1;
		/* Sticky: menu LEWA przykleja sie ponizej fixed nav (jego wysokosc w CSS var z JS) gdy user scrolluje
		   przez kategorie po prawej. align-self: start zapobiega rozciaganiu nav do pelnej wysokosci wiersza. */
		position: sticky;
		top: calc(var(--floating-nav-height, 76px) + clamp(16px, 2.5vh, 32px));
		align-self: start;
	}
	.floating-menu__mega { grid-column: 2; grid-row: 1; }
	.floating-menu__aside { grid-column: 1 / -1; }

	/* PODSTRONY: ukryj lewa kolumne z menu (Salon/Cennik/...) - juz jest w horiz nav na gorze.
	   Mega kategorie zabiegow wchodzi na pelna szerokosc gridu. */
	body:not(.home) .floating-menu__nav {
		display: none;
	}
	body:not(.home) .floating-menu__inner {
		grid-template-columns: 1fr;
	}
	body:not(.home) .floating-menu__mega {
		grid-column: 1;
	}

}

.floating-menu__nav {
	width: 100%;
}

.floating-menu__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: clamp(16px, 3vh, 28px);
}

.floating-menu__list li {
	margin: 0;
	overflow: hidden;
}

/* Mobile: wycentruj liste menu glownej */
@media (max-width: 767px) {
	.floating-menu__list {
		align-items: center;
		text-align: center;
		gap: clamp(14px, 2.5vh, 22px);
	}
	.floating-menu__list a::after {
		left: 50%;
		transform: translateX(-50%);
	}
}

.floating-menu__list a {
	display: inline-block;
	font-family: var(--font-serif, 'Fraunces', serif);
	font-style: italic;
	font-weight: 300;
	/* Mniejszy max - dlugie slowa (Ekspertyza, Aktualnosci) ucinaly sie w waskiej lewej kol (0.42fr) */
	font-size: clamp(28px, 3.6vw, 48px);
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: var(--c-text-on-light, #1A1714);
	text-decoration: none;
	position: relative;
	transform: translateY(40px);
	opacity: 0;
	transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
	            transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
	            color 0.3s ease;
	max-width: 100%;
	overflow-wrap: anywhere;
	hyphens: auto;
}

.floating-menu__list a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0.05em;
	width: 0;
	height: 2px;
	background: var(--c-accent, #C9A96E);
	transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.floating-menu__list a:hover {
	color: var(--c-accent, #C9A96E);
}

.floating-menu__list a:hover::after {
	width: 100%;
}

/* Stagger reveal kazdego linku */
.floating-menu.is-open .floating-menu__list a {
	opacity: 1;
	transform: translateY(0);
}

.floating-menu.is-open .floating-menu__list li:nth-child(1) a { transition-delay: 0.15s; }
.floating-menu.is-open .floating-menu__list li:nth-child(2) a { transition-delay: 0.22s; }
.floating-menu.is-open .floating-menu__list li:nth-child(3) a { transition-delay: 0.29s; }
.floating-menu.is-open .floating-menu__list li:nth-child(4) a { transition-delay: 0.36s; }
.floating-menu.is-open .floating-menu__list li:nth-child(5) a { transition-delay: 0.43s; }
.floating-menu.is-open .floating-menu__list li:nth-child(6) a { transition-delay: 0.50s; }

/* ─── MEGA MENU - kategorie zabiegow z top 3 zabiegami per kategoria ─── */

.floating-menu__mega {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease 0.35s, transform 0.6s ease 0.35s;
}

.floating-menu.is-open .floating-menu__mega {
	opacity: 1;
	transform: translateY(0);
}

.floating-menu__mega-header {
	margin-bottom: clamp(24px, 3.5vh, 36px);
	padding-bottom: clamp(16px, 2vh, 24px);
	border-bottom: 1px solid var(--c-line-soft, #D1C7C1);
}

.floating-menu__mega-eyebrow {
	display: inline-block;
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--c-accent, #C9A96E);
	margin-bottom: 8px;
}

.floating-menu__mega-title {
	display: block;
	font-family: var(--font-serif, 'Fraunces', serif);
	font-style: italic;
	font-weight: 300;
	font-size: clamp(22px, 2.4vw, 30px);
	color: var(--c-text-on-light, #1A1714);
	margin: 0;
	letter-spacing: -0.01em;
}

/* Grid kategorii - 1 kol mobile (XL editorial card), 2 kol tablet, 4 kol desktop */
.floating-menu__mega-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(28px, 4vw, 40px) clamp(20px, 3vw, 32px);
}

@media (min-width: 600px) {
	.floating-menu__mega-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.floating-menu__mega-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.floating-menu__mega-col {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* Card kategorii - PARENDI signature style.
   Image + pink/dark overlay + bialy italic napis centered na obrazie.
   Hover: image zoom + overlay lightens + arrow w prawym gornym rogu. */
.floating-menu__mega-cat {
	position: relative;
	display: block;
	width: 100%;
	/* Bardziej prostokatne (nizsze) - bylo 16:9, teraz 21:9 cinematic */
	aspect-ratio: 21 / 9;
	overflow: hidden;
	border-radius: 6px;
	background-color: var(--c-accent-soft, #F5ECD8);
	text-decoration: none;
	box-shadow:
		0 8px 24px -12px rgba(26, 23, 20, 0.2),
		0 2px 6px rgba(26, 23, 20, 0.05);
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
	            box-shadow 0.4s ease;
}

.floating-menu__mega-cat:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 40px -16px rgba(201, 169, 110, 0.4),
	            0 4px 12px rgba(26, 23, 20, 0.08);
}

.floating-menu__mega-cat-image {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	z-index: 0;
}

.floating-menu__mega-cat:hover .floating-menu__mega-cat-image {
	transform: scale(1.06);
}

/* Placeholder gdy brak obrazka - bogaty pink gradient */
.floating-menu__mega-cat.is-placeholder .floating-menu__mega-cat-image {
	background:
		radial-gradient(ellipse 60% 80% at 30% 20%, rgba(255, 255, 255, 0.32) 0%, transparent 55%),
		radial-gradient(ellipse 80% 60% at 70% 90%, rgba(26, 23, 20, 0.2) 0%, transparent 60%),
		linear-gradient(135deg, var(--c-accent, #C9A96E) 0%, #A07830 60%, #7A5C1E 100%);
}

/* Overlay - pink + subtelny ciemny od dolu dla czytelnosci tekstu */
.floating-menu__mega-cat-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(180deg, transparent 40%, rgba(26, 23, 20, 0.35) 100%),
		linear-gradient(135deg, rgba(201, 169, 110, 0.55) 0%, rgba(245, 236, 216, 0.32) 100%);
	transition: background 0.5s ease;
	pointer-events: none;
}

.floating-menu__mega-cat:hover .floating-menu__mega-cat-overlay {
	background:
		linear-gradient(180deg, transparent 35%, rgba(26, 23, 20, 0.42) 100%),
		linear-gradient(135deg, rgba(201, 169, 110, 0.4) 0%, rgba(245, 236, 216, 0.18) 100%);
}

/* Nazwa kategorii - bialy italic Fraunces centered na obrazie */
.floating-menu__mega-cat-name {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 22px;
	font-family: var(--font-serif, 'Fraunces', serif);
	font-style: italic;
	font-weight: 400;
	font-size: clamp(18px, 1.6vw, 24px);
	line-height: 1.15;
	letter-spacing: -0.01em;
	color: #FFFFFF;
	text-align: center;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4), 0 1px 4px rgba(0, 0, 0, 0.3);
	pointer-events: none;
}

/* Strzalka -> w prawym gornym rogu, pop-up na hover */
.floating-menu__mega-cat-arrow {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.95);
	color: var(--c-accent, #C9A96E);
	border-radius: 50%;
	font-size: 15px;
	font-weight: 400;
	opacity: 0;
	transform: translate(6px, -6px) scale(0.85);
	transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
	box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.2);
	z-index: 3;
	pointer-events: none;
}

.floating-menu__mega-cat:hover .floating-menu__mega-cat-arrow {
	opacity: 1;
	transform: translate(0, 0) scale(1);
}

/* Count "5 ZABIEGÓW" pod karta - mala etykieta pink uppercase */
.floating-menu__mega-cat-count {
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--c-accent, #C9A96E);
	margin-top: 2px;
}

/* Lista top 5 zabiegów + "Zobacz wszystkie" - editorial sleek */
.floating-menu__mega-list {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.floating-menu__mega-list li {
	position: relative;
	padding-left: 14px;
}

.floating-menu__mega-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.65em;
	width: 6px;
	height: 1px;
	background: var(--c-line-soft, #D1C7C1);
	transition: width 0.3s ease, background 0.3s ease;
}

.floating-menu__mega-list li:hover::before {
	width: 10px;
	background: var(--c-accent, #C9A96E);
}

.floating-menu__mega-list a {
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-size: 13px;
	line-height: 1.45;
	color: var(--c-text-muted, #6B5F53);
	text-decoration: none;
	transition: color 0.3s ease, transform 0.3s ease;
	display: inline-block;
}

.floating-menu__mega-list a:hover {
	color: var(--c-text-on-light, #1A1714);
	transform: translateX(2px);
}

.floating-menu__mega-more {
	font-family: var(--font-sans, 'Inter', sans-serif) !important;
	font-weight: 500 !important;
	font-size: 11px !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	color: var(--c-accent, #C9A96E) !important;
	margin-top: 6px;
}

.floating-menu__mega-more:hover {
	color: #A07830 !important;
}

/* BESTSELLERY - sekcja na dole mega menu, quick links do najpopularniejszych */
.floating-menu__mega-bestsellery {
	margin-top: clamp(28px, 4vh, 44px);
	padding-top: clamp(20px, 3vh, 28px);
	border-top: 1px solid var(--c-line-soft, #D1C7C1);
}

.floating-menu__mega-bestsellery-label {
	display: inline-block;
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--c-accent, #C9A96E);
	margin-bottom: 14px;
}

.floating-menu__mega-bestsellery-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
}

@media (min-width: 768px) {
	.floating-menu__mega-bestsellery-list {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1200px) {
	.floating-menu__mega-bestsellery-list {
		grid-template-columns: repeat(6, 1fr);
	}
}

.floating-menu__mega-bestsellery-item {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px 14px;
	background: var(--c-accent-soft, #F5ECD8);
	border-radius: 6px;
	text-decoration: none;
	color: var(--c-text-on-light, #1A1714);
	transition: background 0.3s ease, transform 0.3s ease;
}

.floating-menu__mega-bestsellery-item:hover {
	background: var(--c-accent, #C9A96E);
	color: #FFFFFF;
	transform: translateY(-2px);
}

.floating-menu__mega-bestsellery-name {
	font-family: var(--font-serif, 'Fraunces', serif);
	font-style: italic;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.25;
}

.floating-menu__mega-bestsellery-price {
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-size: 10px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	opacity: 0.7;
}

/* Aside - telefon + CTA */
.floating-menu__aside {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(20px, 3vw, 40px);
	padding-top: clamp(24px, 4vh, 40px);
	border-top: 1px solid var(--c-line-soft, #D1C7C1);
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease 0.55s, transform 0.6s ease 0.55s;
}

.floating-menu.is-open .floating-menu__aside {
	opacity: 1;
	transform: translateY(0);
}

.floating-menu__phone {
	display: flex;
	flex-direction: column;
	gap: 4px;
	text-decoration: none;
	color: var(--c-text-on-light, #1A1714);
	transition: color 0.3s ease;
}

.floating-menu__phone:hover {
	color: var(--c-accent, #C9A96E);
}

.floating-menu__phone-label {
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-size: 11px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--c-text-muted, #6B5F53);
}

.floating-menu__phone-value {
	font-family: var(--font-serif, 'Fraunces', serif);
	font-style: italic;
	font-weight: 400;
	font-size: clamp(20px, 2vw, 28px);
	letter-spacing: -0.01em;
}

.floating-menu__cta {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
	padding: 16px 32px;
	background: var(--c-accent, #C9A96E);
	color: #FFFFFF;
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 999px;
	transition: background 0.3s ease, gap 0.3s ease, transform 0.3s ease;
}

.floating-menu__cta:hover {
	background: #A07830;
	color: #FFFFFF;
	gap: 16px;
	transform: translateY(-2px);
}

/* Body lock gdy menu otwarte */
body.has-menu-open {
	overflow: hidden;
}

/* X close button dedykowany - warunkowo.
   - HOME (desktop+mobile): toggle hamburger jest widoczny + zmienia sie w "Zamknij" - close dedykowany NIE potrzebny
   - NON-HOME desktop (>=1024px): toggle hidden (linia 1291) - close dedykowany POTRZEBNY zeby zamknac menu
   - NON-HOME mobile: toggle widoczny - close dedykowany NIE potrzebny */
.floating-menu__close {
	position: fixed;
	top: calc(var(--floating-nav-height, 76px) + clamp(12px, 1.8vh, 22px));
	right: clamp(20px, 3vw, 48px);
	z-index: 110;
	width: 48px;
	height: 48px;
	display: none; /* domyslnie hidden (home + mobile non-home) */
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid var(--c-line-soft, #D1C7C1);
	border-radius: 50%;
	color: var(--c-text-on-light, #1A1714);
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transform: scale(0.85) rotate(-30deg);
	transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.15s,
	            transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.15s,
	            background 0.25s ease,
	            color 0.25s ease,
	            border-color 0.25s ease;
	box-shadow: 0 8px 24px -8px rgba(26, 23, 20, 0.18);
}

/* Pokaz close button na non-home desktop (gdzie toggle hamburger jest hidden) */
@media (min-width: 1024px) {
	body:not(.home) .floating-menu__close {
		display: inline-flex;
	}
}

.floating-menu__close:hover,
.floating-menu__close:focus-visible {
	background: var(--c-accent, #C9A96E);
	border-color: var(--c-accent, #C9A96E);
	color: #FFFFFF;
}

.floating-menu.is-open .floating-menu__close {
	opacity: 1;
	pointer-events: auto;
	transform: scale(1) rotate(0);
}

.floating-menu__close:hover,
.floating-menu__close:focus-visible {
	background: var(--c-accent, #C9A96E);
	border-color: var(--c-accent, #C9A96E);
	color: #FFFFFF;
	transform: scale(1) rotate(90deg) !important;
}

/* ============================================================
   FLOATING NAV - POZIOME MENU (desktop) + DROPDOWN GIGA PANEL
   ============================================================ */

/* Domyslnie poziome menu ukryte (mobile-first). Pokazuje sie od 1024px. */
.floating-nav__horiz {
	display: none;
	pointer-events: auto;
	flex: 1;
	justify-content: center;
}

.floating-nav__horiz-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: clamp(18px, 2.2vw, 38px);
}

.floating-nav__horiz-item {
	position: relative;
}

.floating-nav__horiz-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 2px;
	font-family: var(--font-serif, 'Fraunces', serif);
	font-style: italic;
	font-weight: 300;
	font-size: clamp(15px, 1.05vw, 18px);
	letter-spacing: -0.005em;
	color: var(--c-text-on-light, #1A1714);
	text-decoration: none;
	transition: color 0.3s ease;
	position: relative;
	white-space: nowrap;
}

.floating-nav__horiz-link::after {
	content: '';
	position: absolute;
	left: 2px;
	right: 2px;
	bottom: 2px;
	height: 1px;
	background: var(--c-accent, #C9A96E);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
	box-shadow: 0 0 8px rgba(201, 169, 110, 0.6);
}

.floating-nav__horiz-link:hover,
.floating-nav__horiz-link:focus-visible {
	color: var(--c-accent, #C9A96E);
}

.floating-nav__horiz-link:hover::after,
.floating-nav__horiz-link:focus-visible::after,
.floating-nav__horiz-item--has-mega.is-mega-open .floating-nav__horiz-link::after {
	transform: scaleX(1);
}

/* Na ciemnej sekcji (home hero/showcase) - tekst bialy z czytelnym shadow */
.floating-nav.is-on-dark .floating-nav__horiz-link,
body.home .floating-nav .floating-nav__horiz-link {
	color: #FFFFFF;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 4px 16px rgba(0, 0, 0, 0.3);
}

.floating-nav.is-on-dark .floating-nav__horiz-link:hover,
.floating-nav.is-on-dark .floating-nav__horiz-link:focus-visible,
body.home .floating-nav .floating-nav__horiz-link:hover,
body.home .floating-nav .floating-nav__horiz-link:focus-visible {
	color: var(--c-accent, #C9A96E);
}

/* Non-home (cream nav bg) - bez text-shadow, czysty charcoal */
body:not(.home) .floating-nav .floating-nav__horiz-link {
	text-shadow: none;
}

.floating-nav__horiz-caret {
	display: inline-flex;
	align-items: center;
	transition: transform 0.3s ease;
}

.floating-nav__horiz-item--has-mega.is-mega-open .floating-nav__horiz-caret {
	transform: rotate(180deg);
}

/* Right side - search + CTA + hamburger razem */
.floating-nav__right {
	display: flex;
	align-items: center;
	gap: clamp(10px, 1.2vw, 18px);
	pointer-events: auto;
}

/* Search icon button (lupka) - lewa od CTA, dziala wszedzie */
.floating-nav__search {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 50%;
	color: #1A1714;
	cursor: pointer;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	pointer-events: auto;
	/* Sync z logo/menu/CTA - schowana dopoki nav.is-revealed (home) lub zawsze na non-home */
	opacity: 0;
	transform: translateY(-10px);
	transition: opacity 700ms cubic-bezier(0.22, 1, 0.36, 1) 150ms,
	            transform 700ms cubic-bezier(0.22, 1, 0.36, 1) 150ms,
	            background 0.25s ease,
	            border-color 0.25s ease,
	            color 0.25s ease;
}
/* Pokaz: home po hero scroll progress >= 0.5 (.is-revealed), non-home zawsze */
body.home .floating-nav.is-revealed .floating-nav__search,
body:not(.home) .floating-nav .floating-nav__search {
	opacity: 1;
	transform: translateY(0);
}
.floating-nav__search:hover,
.floating-nav__search:focus-visible,
.floating-nav__search[aria-expanded="true"] {
	background: #C9A96E;
	border-color: #C9A96E;
	color: #FFFFFF;
	transform: scale(1.05);
}
.floating-nav.is-on-dark .floating-nav__search {
	background: rgba(255, 255, 255, 0.15);
	border-color: rgba(255, 255, 255, 0.35);
	color: #FFFFFF;
}
.floating-nav.is-on-dark .floating-nav__search:hover {
	background: rgba(255, 255, 255, 0.92);
	color: #1A1714;
	border-color: rgba(255, 255, 255, 0.92);
}
@media (max-width: 600px) {
	.floating-nav__search {
		width: 36px;
		height: 36px;
	}
}

/* CTA "Umow wizyte" w nav - desktop only */
.floating-nav__cta {
	display: none;
	align-items: center;
	gap: 8px;
	padding: 9px 20px;
	background: var(--c-accent, #C9A96E);
	color: #FFFFFF;
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 999px;
	box-shadow: 0 8px 24px -8px rgba(201, 169, 110, 0.45), 0 2px 6px rgba(0, 0, 0, 0.08);
	transition: background 0.3s ease, gap 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
	opacity: 0;
	transform: translateY(-10px);
}

.floating-nav__cta:hover {
	background: #A07830;
	color: #FFFFFF;
	gap: 12px;
	transform: translateY(-2px);
	box-shadow: 0 14px 32px -10px rgba(160, 120, 48, 0.55), 0 4px 8px rgba(0, 0, 0, 0.12);
}

/* Na home (over dark hero) - mocniejszy cien i ramka dla wyrazistosci */
body.home .floating-nav .floating-nav__cta {
	box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.18) inset;
}

/* Animacja wjazdu poziomych elementow - synchron z logo */
.floating-nav__horiz-link,
.floating-nav__cta {
	opacity: 0;
	transform: translateY(-10px);
	transition: opacity 700ms cubic-bezier(0.22, 1, 0.36, 1) 150ms,
	            transform 700ms cubic-bezier(0.22, 1, 0.36, 1) 150ms,
	            color 0.3s ease,
	            background 0.3s ease,
	            gap 0.3s ease;
}

body.home .floating-nav.is-revealed .floating-nav__horiz-link,
body.home .floating-nav.is-revealed .floating-nav__cta,
body:not(.home) .floating-nav .floating-nav__horiz-link,
body:not(.home) .floating-nav .floating-nav__cta {
	opacity: 1;
	transform: translateY(0);
}

/* ─── DROPDOWN PANEL (giga menu pod nav, on hover Zabiegi) ─── */

.floating-nav__mega-panel {
	position: fixed;
	top: var(--floating-nav-height, 84px);
	left: 0;
	right: 0;
	z-index: 101; /* nad site-header (100) */
	display: block;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-8px);
	transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1),
	            transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
	            top 0s linear,
	            visibility 0s linear 0.35s;
}

.floating-nav__mega-panel.is-open {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1),
	            transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
	            visibility 0s linear 0s;
}

.floating-nav__mega-panel-inner {
	position: relative;
	background: #ffffff;
	border-top: 1px solid var(--c-line-soft, #D1C7C1);
	border-bottom: 1px solid var(--c-line-soft, #D1C7C1);
	box-shadow: 0 24px 48px -16px rgba(26, 23, 20, 0.18);
	padding: clamp(20px, 2.8vh, 32px) clamp(24px, 4vw, 64px) clamp(24px, 3.5vh, 40px);
	max-height: min(72vh, 720px);
	overflow-y: auto;
}

/* Close button (X) - top-right corner panelu */
.floating-nav__mega-panel-close {
	position: absolute;
	top: clamp(12px, 1.8vh, 20px);
	right: clamp(16px, 2.5vw, 28px);
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid var(--c-line-soft, #D1C7C1);
	border-radius: 50%;
	color: var(--c-text-on-light, #1A1714);
	cursor: pointer;
	z-index: 2;
	transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.floating-nav__mega-panel-close:hover,
.floating-nav__mega-panel-close:focus-visible {
	background: var(--c-accent, #C9A96E);
	border-color: var(--c-accent, #C9A96E);
	color: #FFFFFF;
	transform: rotate(90deg);
}

.floating-nav__mega-panel-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 1440px;
	margin: 0 auto clamp(18px, 2.5vh, 28px);
	padding-right: 56px; /* miejsce na X button */
	padding-bottom: clamp(14px, 2vh, 22px);
	border-bottom: 1px solid var(--c-line-soft, #D1C7C1);
}

.floating-nav__mega-panel-eyebrow {
	display: block;
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--c-accent, #C9A96E);
	margin-bottom: 6px;
}

.floating-nav__mega-panel-title {
	display: block;
	font-family: var(--font-serif, 'Fraunces', serif);
	font-style: italic;
	font-weight: 300;
	font-size: clamp(20px, 2.2vw, 28px);
	line-height: 1.1;
	color: var(--c-text-on-light, #1A1714);
	margin: 0;
}

.floating-nav__mega-panel-all {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--c-text-on-light, #1A1714);
	text-decoration: none;
	border-bottom: 1px solid var(--c-text-on-light, #1A1714);
	padding-bottom: 4px;
	transition: color 0.3s ease, border-color 0.3s ease, gap 0.3s ease;
}

.floating-nav__mega-panel-all:hover {
	color: var(--c-accent, #C9A96E);
	border-bottom-color: var(--c-accent, #C9A96E);
	gap: 12px;
}

/* Grid kategorii - 2/3/4 kol responsywnie */
.floating-nav__mega-panel-grid {
	max-width: 1440px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(14px, 2vw, 24px) clamp(20px, 2.5vw, 32px);
}

@media (min-width: 768px) {
	.floating-nav__mega-panel-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1200px) {
	.floating-nav__mega-panel-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.floating-nav__mega-panel-col {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid transparent;
	transition: border-color 0.3s ease;
}

.floating-nav__mega-panel-col:hover {
	border-bottom-color: var(--c-line-soft, #D1C7C1);
}

/* Kategoria card - thumb + tekst */
.floating-nav__mega-panel-cat {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: var(--c-text-on-light, #1A1714);
	padding: 8px;
	margin: -8px;
	border-radius: 8px;
	transition: background 0.3s ease;
}

.floating-nav__mega-panel-cat:hover {
	background: var(--c-accent-soft, #F5ECD8);
}

.floating-nav__mega-panel-cat-thumb {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--c-accent-soft, #F5ECD8);
	background-size: cover;
	background-position: center;
}

.floating-nav__mega-panel-cat-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.floating-nav__mega-panel-cat-name {
	font-family: var(--font-serif, 'Cormorant Garamond', serif);
	font-style: italic;
	font-weight: 600;
	font-size: 19px;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

.floating-nav__mega-panel-cat-count {
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-size: 10px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--c-text-muted, #6B5F53);
}

/* Lista top zabiegow per kategoria */
.floating-nav__mega-panel-list {
	list-style: none;
	margin: 0;
	padding: 0 0 0 52px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.floating-nav__mega-panel-list a {
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-size: 12.5px;
	color: var(--c-text-muted, #6B5F53);
	text-decoration: none;
	transition: color 0.25s ease, transform 0.25s ease;
	display: inline-block;
}

.floating-nav__mega-panel-list a:hover {
	color: var(--c-accent, #C9A96E);
	transform: translateX(3px);
}

/* Bestsellery w panelu */
.floating-nav__mega-panel-bestsellery {
	max-width: 1440px;
	margin: clamp(20px, 3vh, 32px) auto 0;
	padding-top: clamp(16px, 2.2vh, 22px);
	border-top: 1px solid var(--c-line-soft, #D1C7C1);
}

.floating-nav__mega-panel-bestsellery-label {
	display: inline-block;
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--c-accent, #C9A96E);
	margin-bottom: 12px;
}

.floating-nav__mega-panel-bestsellery-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
}

@media (min-width: 768px) {
	.floating-nav__mega-panel-bestsellery-list {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1200px) {
	.floating-nav__mega-panel-bestsellery-list {
		grid-template-columns: repeat(6, 1fr);
	}
}

.floating-nav__mega-panel-bestsellery-item {
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding: 9px 12px;
	background: var(--c-accent-soft, #F5ECD8);
	border-radius: 8px;
	text-decoration: none;
	color: var(--c-text-on-light, #1A1714);
	transition: background 0.3s ease, color 0.3s ease, transform 0.25s ease;
}

.floating-nav__mega-panel-bestsellery-item:hover {
	background: var(--c-accent, #C9A96E);
	color: #FFFFFF;
	transform: translateY(-2px);
}

.floating-nav__mega-panel-bestsellery-name {
	font-family: var(--font-serif, 'Fraunces', serif);
	font-style: italic;
	font-size: 13px;
	line-height: 1.25;
}

.floating-nav__mega-panel-bestsellery-price {
	font-family: var(--font-sans, 'Inter', sans-serif);
	font-size: 10px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	opacity: 0.7;
}

/* ─── RESPONSYWNOSC: poziome menu + CTA tylko desktop NA PODSTRONACH.
   Hamburger MENU - TYLKO na home (cinematic UX). Na podstronach klikniecie "Zabiegi"
   otwiera ten sam fullscreen overlay menu (obsluga przez JS). ─── */

/* DESKTOP (>=1024px) na PODSTRONACH (non-home): poziome menu + CTA, BEZ hamburgera */
@media (min-width: 1024px) {
	body:not(.home) .floating-nav__horiz {
		display: flex;
	}
	body:not(.home) .floating-nav__cta {
		display: inline-flex;
	}
	body:not(.home) .floating-nav__toggle {
		display: none;
	}
}

/* HOME (zawsze, niezaleznie od rozmiaru): tylko hamburger po prawej, brak horiz menu + brak CTA */
body.home .floating-nav__horiz {
	display: none !important;
}
body.home .floating-nav__cta {
	display: none !important;
}
body.home .floating-nav__right {
	margin-left: auto;
}


/* Mobile (<1024px) na PODSTRONACH: hamburger po prawej, poziome menu schowane (jak na home) */
@media (max-width: 1023.98px) {
	.floating-nav__right {
		margin-left: auto;
	}
}

/* ─── MOBILE (≤767px) - kompaktowy header: [≡ hamburger] [LOGO center] [🔍 search] ─── */
@media (max-width: 767px) {
	.floating-nav {
		display: grid !important;
		grid-template-columns: 1fr auto 1fr;
		grid-template-areas: "toggle logo search";
		align-items: center;
		gap: 12px;
		padding: 10px 14px;
	}
	.floating-nav__logo {
		grid-area: logo;
		justify-self: center;
		margin: 0;
	}
	.floating-nav__logo img,
	.floating-nav__logo svg,
	.floating-nav__logo .site-logo {
		max-width: 86px;
		max-height: 44px;
		width: auto;
		height: auto;
	}
	.floating-nav__horiz {
		display: none !important;
	}
	.floating-nav__right {
		display: contents;
		margin-left: 0 !important;
	}
	.floating-nav__cta {
		display: none !important;
	}

	/* TOGGLE: lewa, tylko kreski (BEZ "MENU" labelu), powiekszone */
	.floating-nav__toggle {
		grid-area: toggle;
		justify-self: start;
		width: 44px;
		height: 44px;
		padding: 0;
		gap: 0;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		color: var(--c-text-on-light, #1A1714) !important;
		transition: none !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.floating-nav__toggle:hover,
	.floating-nav__toggle:focus-visible {
		background: transparent !important;
		color: var(--c-text-on-light, #1A1714) !important;
		transform: none !important;
	}
	/* Ukryj slowo "Menu" / "Zamknij" - tylko kreski */
	.floating-nav__toggle-label {
		display: none !important;
	}
	/* Powiekszone kreski hamburgera */
	.floating-nav__toggle-icon {
		display: inline-flex;
		flex-direction: column;
		gap: 7px;
		width: 28px;
		height: auto;
	}
	.floating-nav__toggle-icon span {
		display: block;
		width: 28px;
		height: 2px;
		background: var(--c-text-on-light, #1A1714);
		border-radius: 2px;
		transition: transform 0.3s ease;
	}
	/* Open state - X shape */
	.floating-nav.is-menu-open .floating-nav__toggle-icon span:first-child {
		transform: translateY(4.5px) rotate(45deg);
	}
	.floating-nav.is-menu-open .floating-nav__toggle-icon span:last-child {
		transform: translateY(-4.5px) rotate(-45deg);
	}

	/* SEARCH: prawa, powiekszona ikona BEZ background/border (clean) */
	.floating-nav__search {
		grid-area: search;
		justify-self: end;
		width: 44px;
		height: 44px;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		color: var(--c-text-on-light, #1A1714) !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
		transform: none !important;
		transition: none !important;
		padding: 0;
	}
	.floating-nav__search:hover,
	.floating-nav__search:focus-visible,
	.floating-nav__search[aria-expanded="true"] {
		background: transparent !important;
		color: var(--c-text-on-light, #1A1714) !important;
		border: none !important;
		transform: none !important;
	}
	.floating-nav__search svg {
		width: 26px;
		height: 26px;
	}

	/* Ciemne tlo wersja (is-on-dark) - tez bez zmiany kolorow na mobile */
	.floating-nav.is-on-dark .floating-nav__toggle,
	.floating-nav.is-on-dark .floating-nav__search {
		color: var(--c-text-on-light, #1A1714) !important;
	}
	.floating-nav.is-on-dark .floating-nav__toggle-icon span {
		background: var(--c-text-on-light, #1A1714);
	}
}