/* ==========================================================================
   Skupni mobilni sloj: glava, izvlečni meni, klicna vrstica in noga

   Ta sloj velja na CELOTNI strani (ne le na domači), da je glava povsod
   enaka. Vsebinski del domače strani je v css/mobile-home.css, ki to
   datoteko predpostavlja kot podlago — od tod dobi tudi spremenljivke --dz-*.

   Deli, ki jih izriše inc/mobile-home.php (gumb za klic v glavi in v meniju,
   lepljiva vrstica), so izven medijskega pogoja skriti, da na namizju ne
   silijo v postavitev.
   ========================================================================== */

.fizk-mh-callbar,
.fizk-mh-navtel,
.fizk-mh-menutel {
	display: none;
}

@media only screen and (max-width: 767px) {

	body {
		--dz-zelena: #3d7460;
		--dz-zelena-mark: #55917a;
		--dz-zelena-svetla: #8fbfa5;
		--dz-tekst: #132019;
		--dz-tekst-mehki: #52645b;
		--dz-tekst-tihi: #7d9187;
		--dz-svetla: #eef5f0;
		--dz-temna: #14231c;
		--dz-temnejsa: #0f1b15;
		--dz-obroba: #e5ece7;
		--dz-kartica: #f6faf7;
		--dz-obroba-zelena: #d7e6dc;
		--dz-rob: 22px;
		--dz-senca: 0 10px 26px rgba(19, 32, 25, 0.06);
		--dz-senca-mocna: 0 14px 34px rgba(19, 32, 25, 0.08);
		--dz-glava: 70px;
	}


	/* ======================================================================
	   Glava strani in izvlečni meni
	   ====================================================================== */

	#pxl-header-elementor #pxl-header-mobile {
		position: sticky !important;
		top: 0;
		z-index: 60;
		background: rgba(255, 255, 255, 0.96) !important;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		border-bottom: 1px solid #eaf0eb;
	}

	/* <header> ima inline min-height za namizno lepljivo glavo; na mobilnem
	   pusti prazen pas pod njo. */
	#pxl-header-elementor {
		min-height: 0 !important;
	}

	#pxl-header-mobile .pxl-header-main > .container {
		padding-left: 18px !important;
		padding-right: 18px !important;
		max-width: none !important;
	}

	/* Bootstrap vrstici izničimo negativni rob, sicer logotip zdrsne levo. */
	#pxl-header-mobile .pxl-header-main .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#pxl-header-mobile .pxl-header-mobile-default {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		min-height: var(--dz-glava);
		padding: 10px 0 !important;
	}

	/* Tema logotipu doda 15 px roba na vse strani; ob 50 px visokem logotipu
	   bi glava narasla na 101 px. Rob odpade, višino nosi vrstica sama.
	   Gumbe (absolutno postavljene) poravnamo na isto os kot logotip. */
	#pxl-header-mobile .pxl-header-branding {
		display: flex;
		align-items: center;
		margin: 0 !important;
		min-height: 0 !important;
	}

	#pxl-header-mobile .pxl-header-branding img {
		height: 50px !important;
		width: auto !important;
		max-height: 50px !important;
	}

	#pxl-header-elementor #pxl-nav-mobile {
		right: 18px !important;
	}

	#pxl-nav-mobile {
		display: flex !important;
		align-items: center;
		gap: 10px;
	}

	/* Gumb za klic — doda ga assets/js/mobile-home.js. */
	.fizk-mh-navtel {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		flex: none;
		border-radius: 999px;
		background: var(--dz-zelena);
		color: #ffffff !important;
	}

	#pxl-nav-mobile .pxl-nav-mobile-button {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 4px;
		width: 40px;
		height: 40px;
		margin: 0 !important;
		border: 1px solid #dde7df;
		border-radius: 999px;
		background: #ffffff;
	}

	#pxl-nav-mobile .pxl-nav-mobile-button .pxl-icon-line {
		position: static !important;
		display: block;
		width: 18px;
		height: 2px;
		margin: 0 !important;
		border-radius: 2px;
		background: var(--dz-tekst) !important;
	}

	#pxl-nav-mobile .pxl-nav-mobile-button .pxl-icon-line:before,
	#pxl-nav-mobile .pxl-nav-mobile-button .pxl-icon-line:after {
		display: none !important;
	}

	#pxl-nav-mobile .pxl-nav-mobile-button .pxl-icon-line3 {
		width: 12px;
		margin-left: 6px !important;
	}

	/* --- Izvlečni meni: temen, kot v dizajnu --- */

	.pxl-header-menu {
		background: #12211a !important;
	}

	.pxl-header-menu .pxl-header-menu-scroll {
		display: flex;
		flex-direction: column;
		min-height: 100%;
		padding: 14px 22px 30px !important;
	}

	/* V odprtem meniju logotipa in iskalnika ni — meni se začne z navigacijo,
	   zapiralni gumb pa ostane v zgornjem desnem kotu. */
	.pxl-header-menu .pxl-logo-mobile,
	.pxl-header-menu .pxl-header-mobile-search {
		display: none !important;
	}

	.pxl-header-menu .pxl-menu-close {
		top: 14px !important;
		right: 22px !important;
		width: 40px;
		height: 40px;
		border-radius: 999px !important;
		background: rgba(255, 255, 255, 0.08) !important;
		border: 1px solid rgba(255, 255, 255, 0.2);
	}

	.pxl-header-menu .pxl-menu-close:before,
	.pxl-header-menu .pxl-menu-close:after {
		background: #ffffff !important;
	}

	/* Navigacija se začne pod zapiralnim gumbom (vrh 14 px + 40 px višine).
	   Spodnji rob zagotovi zrak nad klicnim gumbom tudi takrat, ko je meni z
	   odprtim podmenijem daljši od zaslona in `margin-top: auto` odpade. */
	.pxl-header-menu .pxl-header-nav {
		margin-top: 56px;
		margin-bottom: 24px;
	}

	.pxl-header-menu .pxl-menu-primary > li > a {
		padding: 15px 2px !important;
		font-size: 19px !important;
		font-weight: 700 !important;
		color: #ffffff !important;
		border-color: rgba(255, 255, 255, 0.1) !important;
	}

	/* Puščica mora ostati na vrstici starša, ne na sredini <li>, ki se ob
	   odprtem podmeniju raztegne. Vrstica meri 77 px, puščica 28 px.
	   Tema ob odprtju sama zamenja znak (plus -> minus), zato brez rotacije. */
	.pxl-header-menu .pxl-menu-toggle {
		top: 24px !important;
		bottom: auto !important;
		right: 2px !important;
		transform: none !important;
		color: var(--dz-zelena-svetla) !important;
		background: transparent !important;
	}

	/* Gumb "na vrh" in piškotni gumb lebdita nad menijem (z-index 9999 in
	   1001 proti 999); ko je meni odprt, ju umaknemo. */
	body:has(.pxl-header-menu.active) .pxl-scroll-top,
	body:has(.pxl-header-menu.active) #moove_gdpr_save_popup_settings_button {
		display: none !important;
	}

	/* --- Podmeni (mega meni) v izvlečnem meniju ---
	   Vsebina podmenija je Elementor predloga, zasnovana za širok bel panel na
	   namizju: dvostolpična, z velikimi razmiki in temnimi naslovi skupin, ki
	   na temni podlagi izginejo. Tu jo zložimo v en stolpec in ji damo isto
	   tipografijo kot stolpcem v nogi, da je hierarhija enotna:
	   skupina = drobna zelena kapitelka, postavke = bel seznam s tanko črto.

	   Razreda .sub-menu in .pxl-mega-menu se ne dotikamo z `display`, ker
	   tema odpiranje animira s slideToggle() in bi si nasprotovala. */

	#pxl-header-mobile .pxl-mega-menu {
		margin: 0 0 6px !important;
		padding: 2px 0 10px 16px !important;
		border: none !important;
		border-left: 1px solid rgba(143, 191, 165, 0.3) !important;
		border-radius: 0 !important;
		background: none !important;
		box-shadow: none !important;
		max-width: none !important;
		width: auto !important;
	}

	/* Namizna mreža predloge se zloži v en stolpec. */
	#pxl-header-mobile .pxl-mega-menu .elementor-section,
	#pxl-header-mobile .pxl-mega-menu .elementor-container,
	#pxl-header-mobile .pxl-mega-menu .elementor-column,
	#pxl-header-mobile .pxl-mega-menu .elementor-widget-wrap,
	#pxl-header-mobile .pxl-mega-menu .elementor-widget,
	#pxl-header-mobile .pxl-mega-menu .elementor-widget-container,
	#pxl-header-mobile .pxl-mega-menu .pxl-link-wrap {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		/* Namizni spustni meni ima nastavljene višine in navpično razporeditev
		   vsebine; na ozkem zaslonu iz tega nastanejo velike luknje. */
		min-height: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: none !important;
	}

	/* Predloga mega menija je zgrajena z Elementor flex vsebniki (.e-con),
	   ne s starimi sekcijami. Ti so pobirali moja pravila za razmike sekcij
	   (52 px navpično na .e-con.e-parent, 22 px stransko na .e-con-inner) —
	   od tod velike luknje med naslovom, opisom in gumbom. */
	#pxl-header-mobile .pxl-mega-menu .e-con,
	#pxl-header-mobile .pxl-mega-menu .e-con-inner {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		min-height: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		gap: 0 !important;
		background: none !important;
	}

	/* Splošno sploščanje zgoraj bi pretehtalo Elementorjeve razrede za
	   odzivno skrivanje; gradnik, ki na mobilnem ne sme biti viden, mora
	   ostati skrit. */
	#pxl-header-mobile .pxl-mega-menu .elementor-hidden-mobile,
	#pxl-header-mobile .pxl-mega-menu .elementor-hidden-phone,
	#pxl-header-mobile .pxl-mega-menu .elementor-hidden-tablet {
		display: none !important;
	}

	/* Prazen stolpec in prazni naslovi ne smejo delati prostora. */
	#pxl-header-mobile .pxl-mega-menu .e-con:empty,
	#pxl-header-mobile .pxl-mega-menu .e-con.e-child:not(:has(*)),
	#pxl-header-mobile .pxl-mega-menu .pxl-empty {
		display: none !important;
	}

	/* Distančniki in ločnice so del namizne postavitve. */
	#pxl-header-mobile .pxl-mega-menu .elementor-widget-spacer,
	#pxl-header-mobile .pxl-mega-menu .elementor-spacer,
	#pxl-header-mobile .pxl-mega-menu .elementor-widget-divider,
	#pxl-header-mobile .pxl-mega-menu .elementor-divider,
	#pxl-header-mobile .pxl-mega-menu .elementor-widget:empty {
		display: none !important;
	}

	/* Opis skupine */
	#pxl-header-mobile .pxl-mega-menu .pxl-text-editor,
	#pxl-header-mobile .pxl-mega-menu .pxl-item--description,
	#pxl-header-mobile .pxl-mega-menu p {
		margin: 10px 0 0 !important;
		padding: 0 !important;
		font-size: 13.5px !important;
		font-weight: 400 !important;
		line-height: 1.6 !important;
		color: rgba(255, 255, 255, 0.6) !important;
	}

	/* Gumb v podmeniju — enak ostalim CTA gumbom, le malo drobnejši. */
	#pxl-header-mobile .pxl-mega-menu .pxl-button {
		margin: 18px 0 4px !important;
	}

	#pxl-header-mobile .pxl-mega-menu .btn {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: auto !important;
		min-width: 0 !important;
		min-height: 0 !important;
		height: auto !important;
		padding: 13px 22px !important;
		border: none !important;
		border-radius: 999px !important;
		background: var(--dz-zelena) !important;
		color: #ffffff !important;
		font-size: 11.5px !important;
		font-weight: 800 !important;
		line-height: 1 !important;
		letter-spacing: 1.4px !important;
	}

	#pxl-header-mobile .pxl-mega-menu .btn .pxl--btn-icon svg {
		width: 13px;
		height: 13px;
	}

	/* Naslov skupine */
	#pxl-header-mobile .pxl-mega-menu .pxl-heading,
	#pxl-header-mobile .pxl-mega-menu .pxl-heading .pxl-heading--inner {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#pxl-header-mobile .pxl-mega-menu .pxl-item--title,
	#pxl-header-mobile .pxl-mega-menu .pxl-heading--text,
	#pxl-header-mobile .pxl-mega-menu .pxl-widget-title:not(.pxl-empty) {
		display: block !important;
		margin: 18px 0 0 !important;
		padding: 0 !important;
		border: none !important;
		font-size: 11px !important;
		font-weight: 800 !important;
		letter-spacing: 1.6px !important;
		line-height: 1.4 !important;
		text-transform: uppercase !important;
		color: var(--dz-zelena-svetla) !important;
	}

	/* Naslov skupine, ki sledi seznamu, potrebuje več zraka nad sabo. */
	#pxl-header-mobile .pxl-mega-menu .elementor-widget-pxl_link + .elementor-widget .pxl-item--title,
	#pxl-header-mobile .pxl-mega-menu .elementor-widget-pxl_link + .elementor-widget .pxl-heading--text {
		margin-top: 22px !important;
	}

	/* Prvi naslov v podmeniju se ne odmika od starša. */
	#pxl-header-mobile .pxl-mega-menu .elementor-widget:first-child .pxl-item--title,
	#pxl-header-mobile .pxl-mega-menu .elementor-widget:first-child .pxl-heading--text {
		margin-top: 8px !important;
	}

	/* Seznam postavk */
	#pxl-header-mobile .pxl-mega-menu .pxl-link,
	#pxl-header-mobile .pxl-mega-menu ul {
		display: block !important;
		margin: 6px 0 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	#pxl-header-mobile .pxl-mega-menu .pxl-item--link,
	#pxl-header-mobile .pxl-mega-menu li {
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		list-style: none !important;
	}

	#pxl-header-mobile .pxl-mega-menu li > a {
		display: block !important;
		padding: 11px 0 !important;
		border: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
		font-size: 15px !important;
		font-weight: 600 !important;
		letter-spacing: normal !important;
		line-height: 1.35 !important;
		color: rgba(255, 255, 255, 0.82) !important;
		text-wrap: pretty;
	}

	#pxl-header-mobile .pxl-mega-menu li:last-child > a {
		border-bottom: none !important;
	}

	#pxl-header-mobile .pxl-mega-menu li > a:hover,
	#pxl-header-mobile .pxl-mega-menu li.current-menu-item > a {
		color: #ffffff !important;
	}

	#pxl-header-mobile .pxl-mega-menu .pxl-link--text {
		font: inherit !important;
		color: inherit !important;
	}

	/* Odprta postavka je označena zeleno. */
	.pxl-header-menu .menu-item-has-children:has(> .sub-menu.active) > a > span {
		color: var(--dz-zelena-svetla) !important;
	}

	/* Klicni gumb na dnu menija — doda ga JS. */
	.fizk-mh-menutel {
		display: flex !important;
		align-items: center;
		justify-content: center;
		gap: 10px;
		margin-top: auto;
		padding: 16px;
		border-radius: 999px;
		background: var(--dz-zelena);
		color: #ffffff !important;
		font-size: 13px;
		font-weight: 800;
		letter-spacing: 1.5px;
		text-decoration: none;
	}


	/* ======================================================================
	   Lepljiva vrstica za klic
	   ====================================================================== */

	.fizk-mh-callbar {
		display: block;
		position: fixed;
		bottom: 14px;
		left: 0;
		right: 0;
		z-index: 50;
		padding: 0 20px;
		opacity: 0;
		visibility: hidden;
		transform: translateY(14px);
		transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
		pointer-events: none;
	}

	.fizk-mh-callbar.is-vidna {
		opacity: 1;
		visibility: visible;
		transform: none;
		pointer-events: auto;
	}

	.fizk-mh-callbar__link {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 9px;
		width: 100%;
		max-width: 440px;
		margin: 0 auto;
		padding: 16px;
		border-radius: 999px;
		background: var(--dz-zelena);
		color: #ffffff !important;
		font-size: 12.5px;
		font-weight: 800;
		letter-spacing: 1.2px;
		text-decoration: none;
		box-shadow: 0 12px 30px rgba(15, 27, 21, 0.35);
	}

	/* Prostor, da vrstica ne prekrije konca noge. */
	#pxl-footer-elementor {
		padding-bottom: 78px !important;
	}

	/* Gumb "na vrh" in piškotni gumb sta lepljiva v spodnjih kotih in bi ju
	   klicna vrstica prekrila; ko je vidna, ju dvignemo nadnjo. */
	.fizk-mh-callbar-vidna body .pxl-scroll-top,
	.fizk-mh-callbar-vidna body #moove_gdpr_save_popup_settings_button {
		bottom: 84px !important;
		transition: bottom 0.25s ease;
	}



	/* ======================================================================
	   Noga
	   ====================================================================== */

	#pxl-footer-elementor,
	.elementor-element-12c2c5c {
		background-color: var(--dz-temnejsa) !important;
		background-image: none !important;
	}

	#pxl-footer-elementor .elementor-section.elementor-top-section > .elementor-container,
	#pxl-footer-elementor .e-con.e-parent > .e-con-inner {
		padding-left: var(--dz-rob) !important;
		padding-right: var(--dz-rob) !important;
		max-width: none !important;
	}

	/* Navpični rob noge je nastavljen zgoraj, ob ostalih razmikih sekcij. */
	.elementor-element-12c2c5c {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.elementor-element-9ed93f1 > .elementor-container {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: flex-start !important;
		gap: 20px 0;
	}

	/* Namizni zamiki stolpcev nogo na mobilnem razmaknejo. Ker odpade tudi
	   njihov stranski rob, izničimo še negativne robove vgnezdenih vsebnikov,
	   sicer vsebina uide levo čez rob strani. */
	.elementor-element-12c2c5c .elementor-widget-wrap,
	.elementor-element-12c2c5c .elementor-column {
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-top: 0 !important;
	}

	.elementor-element-12c2c5c .elementor-inner-section > .elementor-container {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.elementor-element-12c2c5c .elementor-inner-section {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
		border-bottom: none !important;
	}

	/* Elementor "stretch" skripta vgnezdenim vsebnikom nastavi left + translate
	   glede na širino okna; na mobilnem so že polne širine, zato izničimo. */
	.elementor-inner-section > .elementor-container {
		left: auto !important;
		right: auto !important;
		transform: none !important;
	}

	.elementor-element-a7d512f {
		flex: 0 0 100% !important;
		width: 100% !important;
	}

	.elementor-element-a6e5f53,
	.elementor-element-09c4eaf {
		flex: 0 0 50% !important;
		width: 50% !important;
	}

	.elementor-element-a6e5f53 {
		padding-right: 14px !important;
	}

	.elementor-element-7afd324 {
		display: none !important;
	}

	.elementor-element-12c2c5c .pxl-item--description,
	.elementor-element-12c2c5c p {
		font-size: 13.5px !important;
		line-height: 1.7 !important;
		color: rgba(255, 255, 255, 0.7) !important;
	}

	.elementor-element-12c2c5c .pxl-icon-box {
		display: flex !important;
		align-items: center;
		gap: 10px;
		margin-top: 6px !important;
		padding: 0 !important;
		text-align: left !important;
	}

	.elementor-element-12c2c5c .pxl-icon-box .pxl-item-icon {
		flex: none;
		width: 18px;
		margin: 0 !important;
		font-size: 14px;
		color: var(--dz-zelena-svetla) !important;
	}

	.elementor-element-12c2c5c .elementor-widget-pxl_heading {
		margin: 0 !important;
	}

	body #pxl-footer-elementor .elementor-element-12c2c5c .pxl-heading .pxl-item--title,
	body #pxl-footer-elementor .elementor-element-12c2c5c .pxl-heading .pxl-heading--text {
		margin: 0 !important;
		font-size: 12px !important;
		font-weight: 800 !important;
		letter-spacing: 1.5px !important;
		line-height: 1.4 !important;
		text-transform: uppercase;
		color: var(--dz-zelena-svetla) !important;
	}

	.elementor-element-12c2c5c .pxl-link {
		display: flex !important;
		flex-direction: column;
		gap: 9px;
		margin: 12px 0 0 !important;
		padding: 0 !important;
		list-style: none;
	}

	.elementor-element-12c2c5c .pxl-link .pxl-item--link,
	.elementor-element-12c2c5c .pxl-link .pxl-item--link + .pxl-item--link {
		margin: 0 !important;
		padding: 0 !important;
	}

	.elementor-element-12c2c5c .pxl-link .pxl-item--link a {
		display: inline-block;
		padding: 0 !important;
	}

	.elementor-element-12c2c5c .pxl-link .pxl-item--link a,
	.elementor-element-12c2c5c .pxl-link--text {
		font-size: 13px !important;
		line-height: 1.4 !important;
		color: rgba(255, 255, 255, 0.8) !important;
	}

	/* Zaključna vrstica: najprej družbena omrežja, nato ločnica in copyright. */
	.elementor-element-f292e47 > .elementor-container {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.elementor-element-f292e47 .elementor-column,
	.elementor-element-f292e47 .elementor-widget-wrap {
		display: contents !important;
	}

	.elementor-element-f292e47 .elementor-element-dc0b914 {
		order: 1;
		width: auto !important;
		margin: 20px 0 0 !important;
	}

	.elementor-element-f292e47 .elementor-element-c81f459 {
		order: 2;
		width: 100% !important;
		max-width: none !important;
		margin: 26px 0 0 !important;
		padding-top: 18px !important;
		border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
		text-align: center !important;
	}

	.elementor-element-f292e47 .elementor-element-c81f459 .pxl-text-editor,
	.elementor-element-f292e47 .elementor-element-c81f459 .pxl-item--inner,
	.elementor-element-f292e47 .elementor-element-c81f459 p {
		font-size: 11.5px !important;
		color: rgba(255, 255, 255, 0.45) !important;
		text-align: center !important;
	}

	.elementor-element-f292e47 .elementor-element-dc0b914 .pxl-icon-list {
		display: flex !important;
		gap: 10px;
	}

	.elementor-element-f292e47 .elementor-element-dc0b914 .pxl-icon-list > a {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		margin: 0 !important;
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 999px;
		background: none !important;
		color: #ffffff !important;
	}

	/* ======================================================================
	   Vodoravni drsnik kartic

	   assets/js/mobile-home.js kartice preseli iz Swiperja v svoj element
	   .fizk-mh-track, Swiperjev vsebnik pa skrije. Spodnja pravila zato ne
	   tekmujejo s Swiperjem — ta nad progo nima nadzora, ker ni več v
	   njegovem drevesu. Če JS ne steče, ostane običajen Swiper.

	   Širino kartic določi sloj posamezne strani (storitve 255 px, ekipa
	   210 px), ker je odvisna od vsebine.
	   ====================================================================== */

	.fizk-mh-skrito {
		display: none !important;
	}

	.fizk-mh-track {
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 14px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x proximity;
		/* Brez tega se prva kartica ob pripenjanju potisne pod levi rob. */
		scroll-padding-left: var(--dz-rob);
		touch-action: pan-x pinch-zoom;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
		margin: 0;
		padding: 22px var(--dz-rob) 10px;
	}

	.fizk-mh-track::-webkit-scrollbar {
		display: none;
	}

	.fizk-mh-track > .pxl-swiper-slide {
		flex: 0 0 255px;
		width: 255px;
		max-width: 255px;
		height: auto;
		/* Tema rezinam doda stranski rob za razmik med njimi; tega opravi gap. */
		margin: 0;
		padding: 0;
		scroll-snap-align: start;
	}

	/* ======================================================================
	   3. Drobtinice in naslov (3a32b4b) — temna glava strani
	   ====================================================================== */

	.elementor-element-3a32b4b {
		background-color: var(--dz-temna) !important;
		background-image: none !important;
		padding: 24px 0 0 !important;
		min-height: 0 !important;
		position: relative;
		z-index: 2;
	}

	.elementor-element-3a32b4b .pxl-breadcrumb,
	.elementor-element-3a32b4b .pxl-breadcrumb ul {
		display: flex !important;
		flex-wrap: wrap;
		align-items: center;
		gap: 7px;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none;
		font-size: 11.5px !important;
		font-weight: 700 !important;
		letter-spacing: 0.8px !important;
		text-transform: uppercase;
	}

	.elementor-element-3a32b4b .pxl-breadcrumb li {
		display: flex;
		align-items: center;
		gap: 7px;
		margin: 0 !important;
		font-size: 11.5px !important;
		color: rgba(255, 255, 255, 0.75) !important;
	}

	.elementor-element-3a32b4b .pxl-breadcrumb a {
		color: var(--dz-zelena-svetla) !important;
	}

	.elementor-element-3a32b4b .pxl-breadcrumb li + li:before {
		content: "›";
		color: rgba(255, 255, 255, 0.35);
	}

	.elementor-element-daa2412 .pxl-item--title,
	.elementor-element-daa2412 .pxl-heading--text {
		margin: 14px 0 0 !important;
		font-size: 30px !important;
		line-height: 1.2 !important;
		font-weight: 800 !important;
		letter-spacing: -0.4px !important;
		color: #ffffff !important;
	}

	#pxl-page-title-elementor {
		overflow: visible !important;
		position: relative;
		z-index: 2;
	}

	.elementor-element-3a32b4b,
	.elementor-element-3a32b4b > .elementor-container,
	.elementor-element-3a32b4b .elementor-column,
	.elementor-element-3a32b4b .elementor-widget-wrap,
	.elementor-element-3a32b4b .elementor-widget,
	.elementor-element-3a32b4b .elementor-widget-container {
		overflow: visible !important;
	}

	.elementor-element-3a32b4b .elementor-widget-wrap,
	.elementor-element-3a32b4b .elementor-column {
		padding: 0 !important;
		border-radius: 0 !important;
		background: none !important;
	}

	.elementor-element-3a32b4b > .elementor-container {
		padding-left: var(--dz-rob) !important;
		padding-right: var(--dz-rob) !important;
		max-width: none !important;
	}

	.fizk-mh-onas-slika {
		display: block;
		margin: 18px 0 -80px;
		position: relative;
		z-index: 2;
	}

	.page-id-4448 .fizk-mh-onas-slika {
		display: none !important;
	}

	.fizk-mh-onas-slika picture {
		display: contents;
	}

	.fizk-mh-onas-slika img {
		display: block;
		width: 100%;
		height: 230px;
		object-fit: cover;
		object-position: right;
		border-radius: 20px;
		background: #dcebe1;
	}

	/* ======================================================================
	   4. Gutenberg vsebina (Single Terapija / Stanje / Vadba / Masaža)
	   ====================================================================== */

	body.single-terapija #pxl-main,
	body.single-stanje #pxl-main,
	body.single-vadba #pxl-main,
	body.single-masaza #pxl-main {
		padding-top: 100px !important;
		padding-bottom: 40px !important;
	}

	body.single-terapija .pxl-item--content h2.wp-block-heading,
	body.single-stanje .pxl-item--content h2.wp-block-heading,
	body.single-vadba .pxl-item--content h2.wp-block-heading,
	body.single-masaza .pxl-item--content h2.wp-block-heading {
		font-family: "Manrope", sans-serif !important;
		font-size: 24px !important;
		line-height: 1.3 !important;
		font-weight: 700 !important;
		color: #132019 !important;
		margin: 32px 0 12px !important;
		letter-spacing: normal !important;
	}

	body.single-terapija .pxl-item--content h2.wp-block-heading::after,
	body.single-stanje .pxl-item--content h2.wp-block-heading::after,
	body.single-vadba .pxl-item--content h2.wp-block-heading::after,
	body.single-masaza .pxl-item--content h2.wp-block-heading::after {
		display: none !important;
	}

	body.single-terapija .pxl-item--content h3.wp-block-heading,
	body.single-stanje .pxl-item--content h3.wp-block-heading,
	body.single-vadba .pxl-item--content h3.wp-block-heading,
	body.single-masaza .pxl-item--content h3.wp-block-heading {
		font-family: "Manrope", sans-serif !important;
		font-size: 20px !important;
		line-height: 1.3 !important;
		font-weight: 700 !important;
		color: #132019 !important;
		margin: 24px 0 8px !important;
	}

	body.single-terapija .pxl-item--content > :first-child,
	body.single-stanje .pxl-item--content > :first-child,
	body.single-vadba .pxl-item--content > :first-child,
	body.single-masaza .pxl-item--content > :first-child {
		margin-top: 0 !important;
	}

	body.single-terapija .pxl-item--content p.wp-block-paragraph,
	body.single-stanje .pxl-item--content p.wp-block-paragraph,
	body.single-vadba .pxl-item--content p.wp-block-paragraph,
	body.single-masaza .pxl-item--content p.wp-block-paragraph {
		font-family: "Manrope", sans-serif !important;
		font-size: 14.5px !important;
		line-height: 1.65 !important;
		color: #52645B !important;
		margin: 0 0 14px !important;
	}

	/* Odstranimo ul in ol iz odstavkov, da jih oblikujemo posebej */
	body.single-terapija .pxl-item--content ul,
	body.single-stanje .pxl-item--content ul,
	body.single-vadba .pxl-item--content ul,
	body.single-masaza .pxl-item--content ul {
		list-style: none !important;
		padding: 0 !important;
		margin: 16px 0 20px !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 2px !important;
	}

	body.single-terapija .pxl-item--content ul li,
	body.single-stanje .pxl-item--content ul li,
	body.single-vadba .pxl-item--content ul li,
	body.single-masaza .pxl-item--content ul li {
		position: relative !important;
		display: flex !important;
		align-items: flex-start !important;
		gap: 11px !important;
		padding: 9px 0 !important;
		margin: 0 !important;
		font-family: "Manrope", sans-serif !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 1.5 !important;
		color: #132019 !important;
	}

	/* Po meri narejena ikonica za sezname (SVG) */
	body.single-terapija .pxl-item--content ul li::before,
	body.single-stanje .pxl-item--content ul li::before,
	body.single-vadba .pxl-item--content ul li::before,
	body.single-masaza .pxl-item--content ul li::before {
		content: '' !important;
		position: static !important;
		flex: 0 0 auto !important;
		width: 17px !important;
		height: 17px !important;
		margin-top: 1px !important;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%233d7460' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23d7e6dc' stroke-width='1.5' fill='%23eef5f0'/%3E%3Cpath d='m8.5 12.2 2.3 2.3 4.7-4.8'/%3E%3C/svg%3E") !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-color: transparent !important;
		border-radius: 0 !important;
		display: block !important;
	}

	body.single-terapija .pxl-item--content ol li,
	body.single-stanje .pxl-item--content ol li,
	body.single-vadba .pxl-item--content ol li,
	body.single-masaza .pxl-item--content ol li {
		margin-bottom: 8px !important;
		font-family: "Manrope", sans-serif !important;
		font-size: 14.5px !important;
		line-height: 1.65 !important;
		color: #52645B !important;
	}

	/* ======================================================================
	   5. Single Terapevt
	   ====================================================================== */

	body.single-terapevt {
		background-color: #f7f9f8 !important;
	}
	body.single-terapevt #pxl-main {
		padding-top: 20px !important; 
	}

	/* Slika terapevta (2. stolpec) */
	body.single-terapevt main .elementor-section:first-child > .elementor-container > .elementor-column:nth-child(2) {
		margin-bottom: 0 !important; 
		padding-bottom: 0 !important;
	}
	body.single-terapevt .terapevt-img-custom {
		margin: 0 !important;
	}
	body.single-terapevt .terapevt-img-custom img {
		height: 410px !important;
		width: 100% !important;
		object-fit: cover !important;
		border-radius: 18px !important;
		margin: 0 !important;
	}

	/* Kontejner s tekstom (3. stolpec), ki prekrije sliko */
	body.single-terapevt main .elementor-section:first-child > .elementor-container > .elementor-column:nth-child(3) {
		background: #ffffff !important;
		border-radius: 24px 24px 0 0 !important;
		padding: 32px 24px 44px !important;
		position: relative !important;
		margin-top: -24px !important;
		z-index: 10 !important;
		box-shadow: 0 -10px 30px rgba(0,0,0,0.06) !important;
	}

	/* Ime */
	body.single-terapevt .terapevt-title-custom {
		font-family: "Manrope", sans-serif !important;
		font-size: 32px !important;
		font-weight: 800 !important;
		letter-spacing: -1px !important;
		color: #132019 !important;
		-webkit-text-stroke-color: transparent !important;
		line-height: 1.2 !important;
		margin: 0 !important;
		display: block !important;
	}

	/* Naziv */
	body.single-terapevt .terapevt-naziv-custom p,
	body.single-terapevt .terapevt-naziv-custom .elementor-text-editor {
		font-family: "Manrope", sans-serif !important;
		margin: 6px 0 0 !important;
		font-size: 15.5px !important;
		font-weight: 600 !important;
		color: #3d7460 !important;
	}

	/* Ločilna črta */
	body.single-terapevt .terapevt-separator {
		margin: 24px 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid #e6ede9 !important;
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
	}

	/* "O MENI" naslovi in podnaslovi znotraj teksta */
	body.single-terapevt main .elementor-section:first-child > .elementor-container > .elementor-column:nth-child(3) h2,
	body.single-terapevt main .elementor-section:first-child > .elementor-container > .elementor-column:nth-child(3) h3,
	body.single-terapevt .pxl-heading.terapevt-subtitle-custom .pxl-heading--text {
		font-family: "Manrope", sans-serif !important;
		margin: 0 0 12px 0 !important;
		font-size: 12px !important;
		font-weight: 800 !important;
		letter-spacing: 1.5px !important;
		color: #8fbfa5 !important;
		text-transform: uppercase !important;
	}

	/* Tekst (Manrope) */
	body.single-terapevt main .elementor-section:first-child > .elementor-container > .elementor-column:nth-child(3) p,
	body.single-terapevt main .elementor-section:first-child > .elementor-container > .elementor-column:nth-child(3) .elementor-text-editor {
		font-family: "Manrope", sans-serif !important;
		font-size: 14.5px !important;
		line-height: 1.65 !important;
		color: #52645B !important;
		margin: 0 0 14px !important;
	}

	/* Dinamična sekcija "Naša ekipa" na dnu */
	.fizk-mh-other-therapists {
		display: block !important;
	}

	.page-id-4448 .pxl-pxl-info-cards1 .pxl-item-link {
		margin-bottom: 20px !important;
	}

	.page-id-4448 .elementor-element-daa2412 {
		margin-bottom: 50px !important;
	}
}