* { border: none; margin: 0px; padding: 0px;  }

html {
	/* scroll-behavior: smooth; */
}

:root {
	--txt: #231916;
	--yellow: #FFDA3E;
	--orange: #D8561D;
	--blue: #4C8FE0;
}

body {
	width: 100%;
	height: 100%;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: var(--txt);
	line-height: 1.8;
	background-color: #fff;
	overflow: auto;
	overflow-x: hidden;
}

body.overflow {
	overflow: hidden;
}

*:focus {
	outline: 0;
}

.hide-on-mobile {
	display: none;
}

a {
	color: var(--bordowyDark);
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
	
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

strong a {
	font-weight: 600;
}

a:hover {
	color: var(--zloty);
	text-decoration: none;
	
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

h1 {
	position: relative;
	display: block;
	
	color: var(--bordowyDark);
	font-size: clamp(36px, 5vw, 60px);
	font-weight: 400;
	line-height: 1.2;
}

h2 {
	position: relative;
	display: block;
	
	color: var(--bordowyDark);
	font-size: clamp(20px, 4vw, 38px);
	font-weight: 400;
	line-height: 1.2;
}

h3 {
	position: relative;
	display: block;
	
	color: var(--bordowyDark);
	font-size: clamp(18px, 3vw, 28px);
	font-weight: 400;
	line-height: 1.2;
}

h2.is-style-full-width-line span,
h3.is-style-full-width-line span {
	font-style: normal;
	background: #fff;
	display: inline-block;
	padding: 2px 5%;
}

	h2.is-style-full-width-line:after,
	h3.is-style-full-width-line:after {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background: var(--yellow);
		position: absolute;
		left: 0;
		top: 50%;
		z-index: -1;
	}
	
	h2.has-line-color-blue:after,
	h3.has-line-color-blue:after {
		background: var(--blue);
	}
	
	h2.has-line-color-yellow:after,
	h3.has-line-color-yellow:after {
		background: var(--yellow);
	}
	
	h2.has-line-color-orange:after,
	h3.has-line-color-orange:after {
		background: var(--orange);
	}


h1 strong,
h2 strong,
h3 strong {
	font-weight: 700;
}

.wp-block-buttons {
	gap: 20px;
}

.button a,
.wp-block-button__link {
	position: relative;
	width: auto !important;
	z-index:1;
	display: inline-block;
	color: var(--orange);
	padding: 8px 50px 8px 15px;
	background: #fff;
	border: 2px solid var(--orange);
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	line-height: 1.6;
	font-weight: 500;
	border-radius: 0;
	font-size: 14px;
	transition: all 0.3s ease;
}

	.button a:after,
	.wp-block-button__link:after {
		content: "";
		display: block;
		height: 100%;
		width: auto;
		aspect-ratio: 1 / 1;
		background-color: var(--orange);
		background-image: url(../graf/icoArrowRight.svg);
		background-repeat: no-repeat;
		background-position: 55% 50%;
		background-size: 10px auto;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	button a:hover,
	.wp-block-button__link:hover {
		background: var(--goldDark);
		transition: all 0.3s ease;
	}
	
	/* Niebieski przycisk */
	.is-style-blue-button .wp-block-button__link {
		color: var(--blue);
		border-color: var(--blue);
	}

	.is-style-blue-button .wp-block-button__link:after {
		background-color: var(--blue);
	}

	.is-style-blue-button .wp-block-button__link:hover {
		background: var(--blue);
		color: #fff;
	}
	
	/* Żółty przycisk */
	.is-style-yellow-button .wp-block-button__link {
		color: var(--txt);
		border-color: var(--yellow);
	}

	.is-style-yellow-button .wp-block-button__link:after {
		background-color: var(--yellow);
	}

	.is-style-yellow-button .wp-block-button__link:hover {
		background: var(--yellow);
		color: #fff;
	}
	
.button.is-size-small a, 
.is-size-small .wp-block-button__link {
	padding: 3px 30px 3px 12px;
}
	
	.button.is-size-small a:after,
	.is-size-small .wp-block-button__link:after {
		background-color: unset;
		background-image: url(../graf/icoArrowRight.svg);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: 8px auto;
		width: 30px;
		filter: brightness(0) saturate(100%) invert(53%) sepia(97%) saturate(3609%) hue-rotate(349deg) brightness(87%) contrast(94%);
	}

	.button.is-size-small.is-style-blue-button a:after,
	.is-size-small.is-style-blue-button .wp-block-button__link:after {
		filter: brightness(0) saturate(100%) invert(52%) sepia(82%) saturate(944%) hue-rotate(189deg) brightness(89%) contrast(97%);
	}

	.button.is-size-small.is-style-yellow-button a:after,
	.is-size-small.is-style-yellow-button .wp-block-button__link:after {
		filter: brightness(0) saturate(100%) invert(78%) sepia(79%) saturate(420%) hue-rotate(348deg) brightness(101%) contrast(101%);
	}
		
.fit,
.is-style-fit {
	position: relative;
	width: 100%;
	max-width: 1500px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 5%;
	box-sizing: border-box;
}
		
.fit-padding,
.is-style-fit-padding {
	position: relative;
	width: 100%;
	max-width: 1500px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 15%;
	box-sizing: border-box;
}

	
header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

header.header-home:before { 
	content: "";
	background: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, #FFFFFF 90%);
	display: block;
	width: 100%;
	height: 100%;
	
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
		
	#header {
		display: flex;
		width: 100%;
		gap: 20px;
		align-items: center;
		padding: 20px 5%;
		box-sizing: border-box;
		
		position: relative;
		z-index: 5;
	}
	
	header.header-subpage #header {
		background: rgba(255, 255, 255, 0.75);
		justify-content: space-between;
	}
	
		#header #logo {
			display: flex;
			align-items: center;
			gap: 20px;
		}
	
			#header #logo a,
			#header #logo a img {
				display: block;
				width: 35px;
				height: auto;
			}
	
			#header #logo .slogan {
				font-size: 16px;
				font-weight: 500;
				line-height: 1.4;
			}
			

		#header #showMenu {
			margin-left: auto;
			
			display: flex;
			gap: 5px;
		}
		
		header.header-subpage #header #showMenu {
			margin: unset;
		}
		
			#header #showMenu span {
				display: inline-block;
				width: 5px;
				height: 5px;
				background: var(--txt);
				border-radius: 50%;
			}
		
		#header #menu {
			position: fixed;
			top: 0;
			right: 0;
			width: 80%;
			height: 100%;
			
			display: flex;
			box-sizing: border-box;
			background: var(--yellow);
			
			transform: translateX(105%);
			opacity: 0;
			transition: all 0.3s ease;
		}
		
		#header #menu.on {
			opacity: 1;
			transform: translateX(0%);
			transition: all 0.3s ease;
		}
			
			#header #menu #closeMenu {
				content: "";
				display: block;
				width: 50px;
				height: 50px;
				
				
				position: fixed;
				z-index: 5;
				top: 15%;
				right: 100%;
				transform: translateX(50%);
				border-radius: 50%;
				border: 5px solid var(--yellow);
				background-color: var(--yellow);
				background-image: url(../graf/icoMenuArrow.svg);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: 50% 50%;
			}
			
			
			#header #menu .menuInner {
				display: flex;
				flex-direction: column;
				width: 100%;
				max-height: 100%;
				overflow: auto;
				padding: 5% 5%;
				box-sizing: border-box;
			}
			
			#header #menu ul {
				width: 100%;
				padding: 10% 10% 0 20%;
				box-sizing: border-box;
			}
				
				#header #menu ul li {
					display: block;
					width: 100%;
					margin-bottom: 20px;
					box-sizing: border-box;
				}
				
					#header #menu ul li a {
						display: inline-block;
						font-size: 20px;
						color: var(--txt);
						font-weight: 500;
						line-height: 1.4;
					}
				
					#header #menu ul li.panel a {
						min-height: 35px;
						padding: 0 0 0 50px;
						background-image: url(../graf/icoUser.svg);
						background-repeat: no-repeat;
						background-position: 0% 50%;
						background-size: 35px auto;
					}
				
				#header #menu ul li.menu-item-has-children > a {
					display: flex;
					align-items: center;
					gap: 20px;
				}
					
					#header #menu ul li.menu-item-has-children > a:after {
						content: "";
						display: block;
						width: 10px;
						height: 15px;
						
						background-image: url(../graf/icoArrowRight.svg);
						background-size: contain;
						background-repeat: no-repeat;
						background-position: 50% 50%;
						transform: rotate(90deg);
						filter: brightness(0) saturate(100%) invert(5%) sepia(50%) saturate(505%) hue-rotate(327deg) brightness(99%) contrast(89%);
						transition: all 0.2s ease;
					}
					
					#header #menu ul li.menu-item-has-children.on > a:after {
						transform: rotate(-90deg);
						transition: all 0.2s ease;
					}
						
			#header #menu ul.sub-menu {
				padding: 10px 0 0 0 ;
				max-height: 0;
				overflow: hidden;
				visibility: hidden;
				transition: all 0.3s ease;
			}
					
						
			#header #menu li.menu-item-has-children.on ul.sub-menu {
				max-height: 500px;
				visibility: visible;
				transition: all 0.3s ease;
			}
					
						
				#header #menu ul.sub-menu li {
					margin-bottom: 5px;
				}
						
					#header #menu ul.sub-menu li a {
						font-weight: 400;
						font-size: 18px;
					}
						
					
			#header #menu .socials {
				display: flex;
				gap: 15px;
				justify-content: center;
				margin-top: 50px;
			}
			
				#header #menu .socials a,
				#header #menu .socials a img {
					display: block;
					width: 30px;
					height: auto;
				}

			#header #menu .logo {
				text-align: center;
				margin-top: auto;
			}
			
				#header #menu .logo img {
					display: inline-block;
					width: 140px;
					height: auto;
				}
				
	#headerBottom {
		display: flex;
		justify-content: space-between;
		padding: 15px 5%;
		box-sizing: border-box;
		color: #fff;
		transition: all 0.3s ease;
	}
	
	.single-wyjazdy #headerBottom {
		display: none;
	}
	
	header.scrolled	#headerBottom {
		height: 0;
		opacity: 0;
		visibility: hidden;
		transform: translateY(-100%);
		transition: all 0.3s ease;
	}
	
		#headerBottom .thirdLogo img {
			width: 110px;
			height: auto;
		}
		
		#headerBottom .slogan {
			width: 150px;
			text-align: right;
			font-size: 16px;
			line-height: 1.4;
		}
		
#hero {
	width: 100%;
	height: 90vh;
	min-height: 300px;
}

	#hero .wp-block-group__inner-container,
	#hero .wp-block-group__inner-container .wp-block-cover {
		position: relative;
		width: 100%;
		height: 100%;
	}

	#hero .wp-block-group__inner-container .wp-block-cover {
		padding: 0;
	}


		#hero .wp-block-group__inner-container .wp-block-cover .wp-block-cover__background {
			display: none;
		}
		
		#hero .wp-block-group__inner-container .wp-block-cover img.wp-block-cover__image-background {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: 50% 50%;
		}

	#hero .wp-block-cover__inner-container {
		width: 100%;
		height: 100%;
		
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		gap: 40px;
	}


.findMore {
	margin: 50px auto 40px auto;
	padding: 0 5%;
	box-sizing: border-box;
}

	.findMore .wp-block-buttons {
		margin-bottom: 40px;
	}

.wazneZkim {
	margin: 50px auto;
}

	.wazneZkim figure {
		display: block;
		margin-bottom: 20px;
	}

		.wazneZkim figure img {
			display: block;
			width: 180px;
			height: auto;
		}

.dlaczegoSt {
	margin: 70px auto;
	border-bottom: 1px solid var(--yellow);
	padding-bottom: 70px;
}

	.dlaczegoSt .wp-block-columns {
		margin-top: 50px;
		gap: 40px 25px;
		flex-wrap: wrap !important;
		justify-content: center;
	}
	
		.dlaczegoSt .wp-block-columns .wp-block-column {
			flex-basis: 30% !important;
			max-width: 50%;
			font-size: 12px;
			font-weight: 300;
			line-height: 1.5;
		}

		.dlaczegoSt .wp-block-columns .wp-block-column figure {
			display: block;
			width: 95px;
			height: 55px;
			margin-bottom: 5px;
		}
		
			.dlaczegoSt .wp-block-columns .wp-block-column figure img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: contain;
				object-position: 50% 50%;
			}

		.dlaczegoSt .wp-block-columns .wp-block-column strong {
			font-weight: 500;
		}

/* Rozmiary przycisków */
.wp-block-button__link.is-size-small {
    font-size: 13px !important;
    padding: 6px 16px !important;
}



/* Wyróżniona lista */
ul.is-style-st-list {
    list-style: none !important;
    padding-left: 0;
}

ul.is-style-st-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

ul.is-style-st-list li:before {
    content: '\2713';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--orange);
    font-weight: bold;
    font-size: 1.2em;
}


.bogataOferta {
	margin: 70px auto;
	border: 1px solid var(--blue);
	padding: 30px 0;
}

	.bogataOferta h2 {
		margin-bottom: 30px;
	}
	
		
	.bogataOferta .wp-block-button {
		margin-top: 30px;
	}
	
.videoBg {
	margin: 70px auto;
	aspect-ratio: 400 / 220;
	min-height: unset;
}
		
	.videoBg .wp-block-cover__background {
		background-color: #23191633 !important;
	}
		
	.videoBg .wp-block-cover__inner-container {
		color: #fff;
		font-size: 20px;
		font-weight: 500;
	}
	
.wLiczbach {
	margin: 70px auto;
	border: 1px solid var(--yellow);
	padding: 30px 0;
}

	.wLiczbach h2 {
		color: var(--blue);
	}
	
.trzySwiaty {
	margin: 70px 0;
	
	text-align: left;
	font-weight: 300;
}

	.trzySwiaty .st-trip-params-list {
		margin: 0 0;
		justify-content: center;
		align-items: flex-end;
		gap: 0;
		margin-bottom: 40px;
	}
	
		.trzySwiaty .st-trip-params-list:after {
			content: "";
			display: block;
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background: #231916;
		}
		
		.trzySwiaty .st-trip-params-list .st-trip-param-item {

		}
		
		.trzySwiaty .st-trip-params-list .st-param-icon {
			width: 60px;
			height: 55px;
		}
		
	.trzySwiaty em {
		display: block;
		margin: 40px 0;
		font-style: normal;
		color: var(--blue);
		text-align: center;
	}

.kimJestesmy {
	margin: 70px 0;
}

	.kimJestesmy h2 {
		margin-bottom: 30px;
	}
	
		
	.kimJestesmy .wp-block-button {
		margin-top: 30px;
	}
	
footer {
	background: #231916;
	padding: 50px 0;
	box-sizing: border-box;
}

	footer .wp-block-columns {
		
	}

		footer .wp-block-columns figure {
			text-align: center;
		}
	
		footer .wp-block-column:nth-child(3),
		footer .wp-block-column:nth-child(4) {
			padding: 0 15%;
			box-sizing: border-box;
			color: #fff;
		}
		
			footer .wp-block-column:nth-child(3) p,
			footer .wp-block-column:nth-child(4) p {
				margin: 10px 0;
				font-weight: 300;
				font-size: 12px;
			}
			
			footer .wp-block-column:nth-child(3) figure {
				margin-bottom: 20px;
			}
			
				footer .wp-block-column:nth-child(3) figure img {
					width: 100px;
					height: auto;
				}
				
			footer .wp-block-column:nth-child(3) .st-contact-link {
				display: block;
				margin: 25px 0;
				font-size: 16px;
				font-weight: 300;
			}
			
				
			footer .wp-block-column:nth-child(4) {
				display: flex;
				flex-wrap: wrap;
				gap: 40px;
				margin: 20px 0;
			}
				
				footer .wp-block-column:nth-child(4) {
					display: grid; 
					grid-auto-columns: 1fr; 
					grid-template-columns: 50px 50px; 
					grid-template-rows: 1fr; 
					gap: 40px;
					justify-content: center;
				}
			
	footer nav.wp-block-navigation {
		color: #fff;
		padding: 30px 5%;
		border-top: 1px solid #fff;
		box-sizing: border-box;
	}
	
		footer nav.wp-block-navigation ul {
			display: block;
			width: 100%;
		}
	
		footer nav.wp-block-navigation ul li {
			margin: 4px 0;
			display: block !important;
		}
	
		footer nav.wp-block-navigation ul.wp-block-navigation__submenu-container  {
			position: relative !important;
			border: 0 !important;
			left: unset !important;
			top: unset !important;
			height: unset !important;
			visibility: visible !important;
			width: 100%  !important;
			opacity: 1 !important;
			background: unset !important;
		}
		
			footer nav.wp-block-navigation ul.wp-block-navigation__submenu-container li a {
				display: block !important;
				padding: 0 0 !important;
				color: #fff !important;
				font-size: 12px;
				font-weight: 200 !important;
			}
			
			
	#copyrights {
		color: #fff;
		text-align: left;
		font-size: 12px;
		padding: 0 15%;
		box-sizing: border-box;
		
		margin: 70px 0;
	}
				
		#copyrights .copyrightsInner {
			border-top: 1px solid #fff;
			padding-top: 20px;
		}
		
		

#content {
	min-height: 50vh;
}

#content .content_inner {
	margin: 40px auto;
}

.pageTitle {
	font-size: clamp(24px, 4vw, 32px);
	color: var(--orange);
}

.introBg {
	position: relative;
	display: block;
	width: 100%;
	height: 40vh;
	min-height: 350px;
	
	display: flex;
	gap: 30px;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	padding-bottom: 30px;
}

	.introBg figure {
		position: absolute;
		left: 0;
		top: 0;
		
		display: block;
		width: 100%;
		height: 100%;
	}
	
		.introBg figure img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: 50% 50%;
		}	


	.introBg .naglowekWyjazdy {
		
	}
	
		.introBg .naglowekWyjazdy h1 {
			display: inline-block;
			padding: 8px 15px;
			background: var(--orange);
			color: #fff;
			font-size: clamp(18px, 3vw, 26px);
		}
	
		.introBg .naglowekWyjazdy.trip-adventure h1 {
			background: var(--yellow);
			color: var(--txt);
		}
	
	
		.introBg .naglowekWyjazdy.chill-ballance h1 {
			background: var(--blue);
			color: #fff;
		}
	
	.introBg .wyszukiwarkaWyjazdy {
		
	}

		.introBg .wyszukiwarkaWyjazdy .st-wyjazdy-search-wrapper {
			width: 180px;
		}
	
			.introBg .wyszukiwarkaWyjazdy .st-wyjazdy-search-wrapper input#st-wyjazdy-search-input {
				background: #fff;
				color: #4C8FE0;
				border: 1px solid #4C8FE0;
				font-weight: 500;
			}
			
			.introBg .wyszukiwarkaWyjazdy .st-wyjazdy-search-wrapper input#st-wyjazdy-search-input::placeholder {
				color: #4C8FE0;
				font-weight: 500;
			}
			
			.introBg .wyszukiwarkaWyjazdy .st-wyjazdy-search-wrapper button#st-wyjazdy-search-btn {
				filter: brightness(0) saturate(100%) invert(62%) sepia(32%) saturate(4728%) hue-rotate(190deg) brightness(91%) contrast(92%);
			}
			
#typWyjazdu {
	padding: 15px 0;
}
						
	#typWyjazdu h2 {
		color: var(--blue);
	}
						
	#typWyjazdu.type-trip-adventure h2,
	#typWyjazdu.type-chill-ballance h2,
	#typWyjazdu.type-party-festival h2 {
		color: var(--txt);
	}
					
		#typWyjazdu h2:after {
			background: var(--blue);
		}
						
		#typWyjazdu.type-trip-adventure h2:after {
			background: var(--yellow);
		}
		
		#typWyjazdu.type-chill-ballance h2:after {
			background: var(--blue);
		}
		
		#typWyjazdu.type-party-festival h2:after {
			background: var(--orange);
		}
		
	#typWyjazdu .typWyjazdu-list {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 30px;
		padding-top: 30px;
	}
						
		#typWyjazdu .typWyjazdu-list .typWyjazdu-item {
			flex-basis: 80px;
			text-align: center;
			line-height: 1.4;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 15px;
			
			font-size: 12px;
		}
			
			#typWyjazdu .typWyjazdu-list .typWyjazdu-item figure {
				width: 55px;
				height: 55px;
			}
				
				#typWyjazdu .typWyjazdu-list .typWyjazdu-item figure img {
					display: block;
					width: 100%;
					height: 100%;
					object-fit: contain;
					object-position: 50% 50%;
				}

			#typWyjazdu .typWyjazdu-list .typWyjazdu-item.is-active figure {
				width: 70px;
				height: 70px;
			}
			
			
.st-wyjazdy-sort {
	margin: 25px 0;
	text-align: center;
}

	.st-sort-form {
		display: inline-block;
		width: 94%;
		max-width: 350px;
	}
	
	.st-sort-overlay {
		width: 100%;
		position: relative;
		display: block;
	}
	
	.st-sort-display {
		display: flex;
		gap: 5px;
		width: 100%;
		background: #fff;
		border: 1px solid var(--blue);
		color: var(--blue);
		padding: 10px 20px;
		font-size: 16px;
		text-transform: lowercase;
		cursor: pointer;
	}
	
	.st-sort-overlay.open .st-sort-display {
		background: var(--blue);
		color: #fff;
	}
	
	.st-sort-options {
		width: 100%;
		position: absolute;
		right: 0;
		top: 100%;
		background: #fff;
		border: 1px solid var(--blue);
		z-index: 10;
		box-sizing: border-box;
		
		visibility: hidden;
		max-height: 0px;
		overflow: hidden;
		opacity: 0;
		transition: all 0.3s ease;
	}
	
	.st-sort-overlay.open .st-sort-options {
		visibility: visible;
		max-height: 400px;
		opacity: 1;
		transition: all 0.3s ease;
	}
	
	.st-sort-options button {
		display: block;
		width: 100%;
		padding: 10px 20px;
		border: 0;
		border-bottom: 1px solid var(--blue);
		background: #fff;
		color: var(--blue);
		text-align: left;
		font-size: 16px;
		cursor: pointer;
	}
	
	.st-sort-options button:last-child {
		border-bottom: 0;
	}
	
	.st-sort-native {
		position: absolute;
		opacity: 0;
		pointer-events: none;
		height: 0;
	}

.st-price-input {
	border: 0;
	text-align: left;
	width: 70%;
	font-size: 13px;
}

	#wyjazdy {
		padding: 0 0;
		box-sizing: border-box;
	}

	.st-wyjazdy-container {
		padding: 0 3%;
		box-sizing: border-box;
	}
	
	.st-wyjazdy-grid {
		display: grid;
		grid-template-columns: 49% 49%;
		gap: 20px 2%;
		box-sizing: border-box;
	}

@media screen and (max-width: 700px) {
	.st-wyjazdy-grid {
		grid-template-columns: 100%;
	}
}

.st-card-item {
	
}

.st-card-item.st-type-trip-adventure {
	background-color: var(--yellow);
}

.st-card-item.st-type-chill-ballance {
	background-color: var(--blue);
}

.st-card-item.st-type-party-festival {
	background-color: var(--orange);
}

	.st-card-item .st-card-inner {
		display: flex;
		flex-direction: column;
		height: 100%;
	}
	
	.st-card-item .st-card-img {
		display: block;
		width: 100%;
		aspect-ratio: 350 / 230;
		position: relative;
		overflow: hidden;
		padding-bottom: 2px;
	}
	
		.st-card-item .st-card-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}

	.st-card-item .st-card-content {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
	}
	
	.st-card-item .st-card-top-info {
		display: flex;
		width: 100%;
		flex-direction: column;
		padding: 10px 15px;
		box-sizing: border-box;
		color: #fff;
		font-weight: 300;
		font-size: 12px;
	}

	.st-card-item.st-type-trip-adventure .st-card-top-info {
		color: var(--txt);
	}
	
		.st-card-item .st-card-top-info .st-card-row {
			display: flex;
			gap: 20px;
			
		}

			.st-card-item .st-card-top-info .st-card-row .st-col {
				flex-grow: 1;
				display: flex;
				justify-content: center;
				gap: 10px;
			}
		
				.st-card-item .st-card-top-info .st-card-row .st-col figure {
					filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7488%) hue-rotate(1deg) brightness(102%) contrast(101%);
				}
				
				.st-card-item.st-type-trip-adventure .st-card-top-info .st-card-row .st-col figure  {
					filter: brightness(0) saturate(100%) invert(6%) sepia(15%) saturate(1662%) hue-rotate(327deg) brightness(94%) contrast(89%);
				}
				

	.st-card-item .st-row-dots-group {
		display: flex;
		justify-content: center;
		width: 100%;
		padding: 5px 15px;
		box-sizing: border-box;
		color: #fff;
		font-weight: 300;
	}

	.st-card-item.st-type-trip-adventure .st-row-dots-group {
		color: var(--txt);
	}
		
		.st-card-item .st-row-dots-group .st-dots-wrapper {
			flex: 1 1 0;
			text-align: center;
			
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
		}
		
			.st-card-item .st-row-dots-group .st-dots-wrapper .st-dots-container {
				display: flex;
				gap: 6px;
			}
				
				.st-card-item .st-row-dots-group .st-dots-wrapper .st-dots-container .st-dot {
					width: 6px;
					height: 6px;
					border: 1px solid #fff;
					border-radius: 50%;
					box-sizing: border-box;
				}
				
				.st-card-item.st-type-trip-adventure .st-row-dots-group .st-dots-wrapper .st-dots-container .st-dot {
					border: 1px solid var(--txt);
				}
			
				.st-card-item .st-row-dots-group .st-dots-wrapper .st-dots-container .st-dot.filled {
					background: #fff;
				}
			
				.st-card-item.st-type-trip-adventure .st-row-dots-group .st-dots-wrapper .st-dots-container .st-dot.filled {
					background: var(--txt);
				}
				
				
	.st-card-item .st-card-main-info {
		flex-grow: 1;
		color: var(--txt);
		padding: 2px;
		border-top: 2px solid #fff;
	}

		.st-card-item .st-card-main-info .st-card-row {
			background: #fff;
			padding: 3px;
			gap: 10px;
			height: 100%;
			display: flex;
			align-items: center;
			box-sizing: border-box;
		}
	
			.st-card-item .st-card-main-info .st-card-row .st-col-left {
				flex-grow: 1;
				padding: 10px 0 10px 10px;
			}
			
				.st-card-item .st-card-main-info .st-card-row h3 {
					font-size: 14px;
					font-weight: 500;
				}
		
				.st-card-item .st-card-main-info .st-card-row .st-card-date {
					margin-top: 5px;
					font-size: 12px;
					line-height: 1.3;
				}
				
			.st-card-item .st-card-main-info .st-card-row .st-col-center1,
			.st-card-item .st-card-main-info .st-card-row .st-col-center2 {
				flex-grow: 1;
				padding: 10px 0;
				line-height: 1.2;
				text-align: right;
			}
				
			.st-card-item .st-card-main-info .st-card-row .st-col-center1 {
				min-width: 80px;
			}
				
			.st-card-item .st-card-main-info .st-card-row .st-col-center2 {
				min-width: 60px;
			}
			
				.st-card-item .st-card-main-info .st-card-row .st-col-center1 .st-card-price-label,
				.st-card-item .st-card-main-info .st-card-row .st-col-center2 .st-card-price-label {
					font-weight: 300;
					font-size: 12px;
				}
				
				.st-card-item .st-card-main-info .st-card-row .st-col-center1 .st-card-price-value,
				.st-card-item .st-card-main-info .st-card-row .st-col-center2 .st-card-price-value {
					font-size: 14px;
					font-weight: 400;
				}
			
				.st-card-item .st-card-main-info .st-card-row .st-col-center2 .st-card-price-value {
					text-decoration: underline;
				}
				
			.st-card-item .st-card-main-info .st-card-row .st-col-right {
				flex-basis: 55px;
				align-self: stretch;
				display: flex;
				justify-content: flex-end;
				align-items: center;
				box-sizing: border-box;
				padding: 2px 2px 2px 0;
			}
				
				.st-card-item .st-card-main-info .st-card-row .st-col-right a {
					display: flex;
					align-items: center;
					justify-content: center;
					height: 100%;
					padding: 0 0 0 5px;
					width: 100%;
					flex-grow: 1;
					max-width: 55px;
					color: #fff;
					line-height: 1;
					transition: background 0.3s, color 0.3s;
				}
				
				.st-card-item.st-type-trip-adventure .st-card-main-info .st-card-row .st-col-right a {
					background-color: var(--yellow);
				}
					
				.st-card-item.st-type-chill-ballance .st-card-main-info .st-card-row .st-col-right a {
					background-color: var(--blue);
				}
				
				.st-card-item.st-type-party-festival .st-card-main-info .st-card-row .st-col-right a {
					background-color: var(--orange);
				}




#filtrowanie {
	display: block;
	padding: 0 0;
	border: 1px solid var(--orange);
}

	.st-wyjazdy-sort--orange .st-sort-display {
		border-color: var(--orange);
		color: var(--txt);
	}

	.st-wyjazdy-sort--orange .st-sort-overlay.open .st-sort-display {
		background: var(--orange);
	}

	.st-wyjazdy-sort--orange .st-sort-options {
		border-color: var(--orange);
	}

	.st-wyjazdy-sort--orange .st-sort-options button {
		border-bottom-color: var(--orange);
		color: var(--txt);
	}

	.st-active-filters {
		margin: 16px 0 30px;
		padding: 0 3%;
		box-sizing: border-box;
	}
	
	.st-active-filters-label {
		color: var(--orange);
		font-weight: 400;
		font-size: 13px;
		margin-bottom: 8px;
	}
	
	.st-active-filters-chips {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	
	.st-filter-chip {
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
		background: #fff;
		color: var(--orange);
		border: 1px solid var(--orange);
		padding: 6px 10px;
		min-width: 100px;
		box-sizing: border-box;
	}
	
	.st-filter-chip-label {
		font-size: 13px;
		line-height: 1.4;
	}
	
	.st-filter-chip-remove {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-left: 8px;
	}

form.st-filter-form {
	margin: 25px 0;
}


	form.st-filter-form label.filterLabel {
		display: block;
		margin: 0 0 15px 0;
	}

	.st-price-filter {
		padding: 30px 3% 20px 3%;
		box-sizing: border-box;
		border-top: 1px solid var(--orange);
	}

		.st-price-range {
			position: relative;
			height: 50px;
		margin-top: 30px;
		}

		.st-price-histogram {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 50%;
			height: 40px;
			display: flex;
			padding: 0 1%;
			box-sizing: border-box;
			align-items: flex-end;
			pointer-events: none;
		}

		.st-price-bar {
			flex: 1 1 0;
			background: #E4E4E4;
			margin-left: 1px;
		}

		.st-price-bar:first-child {
			margin-left: 0;
		}

		.st-price-range-bar {
			position: absolute;
			left: 0;
			right: 0;
			top: 50%;
			height: 2px;
			background: #E4E4E4;
			transform: translateY(-50%);
		}

		.st-price-range-bar-active {
			position: absolute;
			top: 50%;
			height: 2px;
			background: #D8561D;
			transform: translateY(-50%);
		}

		.st-price-range-input {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			width: 100%;
			margin: 0;
			background: transparent;
			pointer-events: none;
			-webkit-appearance: none;
		}

		.st-price-range-input::-webkit-slider-thumb {
			-webkit-appearance: none;
			appearance: none;
			pointer-events: auto;
			width: 16px;
			height: 16px;
			border-radius: 50%;
			background: #fff;
			border: 2px solid #D8561D;
			box-sizing: border-box;
		}

		.st-price-range-input::-moz-range-thumb {
			pointer-events: auto;
			width: 16px;
			height: 16px;
			border-radius: 50%;
			background: #fff;
			border: 2px solid #D8561D;
			box-sizing: border-box;
		}

	.st-date-inputs .st-price-input-inner {

	}

		.st-price-inputs {
			display: flex;
			gap: 10px;
		}

		.st-price-input-box {
			flex: 1 1 0;
			border: 1px solid #D8561D;
			padding: 6px 8px;
			box-sizing: border-box;
		}

		.st-price-input-label {
			font-size: 11px;
		}

		.st-price-input-inner {
			display: flex;
			gap: 10px;
			align-items: center;
			justify-content: flex-start;
			line-height: 1.4;
		}

		.st-price-input-currency {
			font-size: 12px;
		}
		
	.st-date-filter {
		padding: 20px 3%;
		box-sizing: border-box;
	}

		.flatpickr-input.st-date-input {
			border: 0;
			text-align: left;
			width: 70%;
			font-size: 13px;
			font-family: inherit;
			background: transparent;
			box-shadow: none;
			padding-right: 0;
			background-image: none;
			line-height: 1.4;
		}

		.flatpickr-calendar {
			font-family: inherit;
			border-radius: 0;
			border: 1px solid #D8561D;
			box-shadow: none;
			font-size: 12px;
		}

		.flatpickr-months .flatpickr-month {
			background: #fff;
			color: var(--txt);
			height: 34px;
		}

		.flatpickr-current-month {
			padding-top: 6px;
		}

		.flatpickr-current-month .cur-month {
			font-size: 13px;
		}

		.flatpickr-current-month .numInputWrapper {
			width: auto;
		}

		.flatpickr-current-month .numInputWrapper input {
			font-size: 13px;
		}

		.flatpickr-weekdays {
			margin-top: 0;
		}

		.flatpickr-weekday {
			color: var(--txt);
			font-weight: 400;
		}

		.flatpickr-day {
			border-radius: 0;
			max-width: 32px;
			height: 28px;
			line-height: 28px;
		}

		.flatpickr-day.today {
			border-color: #D8561D;
			color: #D8561D;
		}

		.flatpickr-day.selected,
		.flatpickr-day.startRange,
		.flatpickr-day.endRange,
		.flatpickr-day.selected.inRange,
		.flatpickr-day.startRange.inRange,
		.flatpickr-day.endRange.inRange {
			background: #D8561D;
			border-color: #D8561D;
			color: #fff;
		}

		.flatpickr-months .flatpickr-prev-month svg,
		.flatpickr-months .flatpickr-next-month svg {
			fill: #D8561D;
		}

.st-param-filter {
	padding: 20px 3% 0 3%;
	box-sizing: border-box;
}

.st-param-groups {
	display: flex;
	flex-direction: column;
}

.st-param-group {
	margin-bottom: 30px;
}

.st-param-group-label {
	font-weight: 500;
	margin-bottom: 10px;
}

.st-sort-overlay .st-sort-display .st-select-display-arrow,
.st-country-overlay .st-select-display-arrow {
	display: inline-block;
	margin-left: auto;
}
.st-param-options {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.st-param-option {
	display: inline-block;
	border: 0;
	background: transparent;
	padding: 8px 10px;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	flex-basis: 30%;
}

.st-param-option-top {
	display: flex;
	gap: 12px;
	align-items: center;
	justify-content: center;
	margin-bottom: 6px;
}

.st-param-option-icon {
	width: 30px;
	height: 30px;
}

.st-param-group:not(.st-param-group--typ-wyjazdu) .st-param-option-icon {
	filter: brightness(0) saturate(100%) invert(42%) sepia(18%) saturate(5654%) hue-rotate(352deg) brightness(89%) contrast(89%);
}

.st-param-option-icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.st-param-option-label {
	font-size: 12px;
	text-align: center;
	font-weight: 300;
	color: #666;
}

.st-param-toggle svg {
	display: block;
}

.st-param-toggle .st-toggle-border {
	stroke: #E4E4E4;
	transition: stroke 0.18s ease-in-out;
}

.st-param-toggle .st-toggle-dot-left {
	fill: #E4E4E4;
	transition: transform 0.18s ease-in-out, fill 0.18s ease-in-out;
}

/* removed right dot; using single moving knob */

.st-param-option.is-active .st-param-toggle .st-toggle-border {
	stroke: #D8561D;
}

.st-param-option.is-active .st-param-toggle .st-toggle-dot-left {
	transform: translateX(14px);
	fill: #D8561D;
}

.st-country-filter {
	padding: 20px 3%;
	box-sizing: border-box;
}
.st-select-overlay {
	width: 100%;
	position: relative;
	display: block;
}
.st-select-display {
	width: 100%;
	background: #fff;
	border: 1px solid var(--orange);
	color: var(--orange);
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.st-select-overlay.open .st-select-display {
	background: var(--orange);
	color: #fff;
}
.st-select-display .st-select-display-label.is-placeholder {
	color: #231916;
}
.st-select-overlay.open .st-select-display-arrow svg path {
	fill: #fff;
}
.st-select-display .st-select-display-arrow svg {
	transition: transform 0.18s ease-in-out, fill 0.18s ease-in-out;
}
.st-select-overlay.open .st-select-display-arrow svg {
	transform: rotate(180deg);
}
.st-select-overlay.open .st-select-display .st-select-display-label {
	color: #fff;
}
.st-select-options {
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	background: #fff;
	border: 1px solid var(--orange);
	z-index: 10;
	box-sizing: border-box;
	display: none;
}
.st-select-overlay.open .st-select-options { display: block; }
.st-select-options button {
	display: block;
	width: 100%;
	text-align: left;
	background: #fff;
	border: 0;
	padding: 10px 20px;
	color: #231916;
	font-size: 16px;
	cursor: pointer;
}
.st-select-options button:hover,
.st-select-options button.active {
	background: var(--orange);
	color: #fff;
}
.st-sort-overlay.open .st-select-display-arrow svg path {
	fill: #fff;
}
.st-sort-overlay .st-select-display-arrow svg {
	transition: transform 0.18s ease-in-out, fill 0.18s ease-in-out;
}
.st-sort-overlay.open .st-select-display-arrow svg {
	transform: rotate(180deg);
}
.st-sort-overlay.open .st-sort-display .st-sort-display-value {
	color: #fff;
}

#filtrowanie {
	display: none;
}

.st-filters-toggle {
	text-align: center;
}

.st-filters-toggle-btn {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 15px 24px;
	background: #fff;
	color: var(--orange);
	border: 1px solid var(--orange);
	cursor: pointer;
	font-size: 16px;
	text-transform: lowercase;
}

.st-filters-toggle-btn.is-open {
	background: var(--orange);
	color: #fff;
}
	
.st-filters-toggle-btn svg {
	filter: brightness(0) saturate(100%) invert(44%) sepia(66%) saturate(1527%) hue-rotate(346deg) brightness(85%) contrast(100%);
	transition: transform 0.18s ease-in-out;
}
.st-filters-toggle-btn.is-open svg {
	filter: brightness(0) saturate(100%) invert(93%) sepia(34%) saturate(15%) hue-rotate(248deg) brightness(121%) contrast(100%);
	transform: rotate(180deg);
}

.st-filters-collapse {
	text-align: center;
	margin: 0 0 0 0;
}
.st-filters-collapse-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 10px 24px;
	background: #fff;
	color: var(--orange);
	border: 1px solid var(--orange);
	cursor: pointer;
	font-size: 16px;
	text-transform: lowercase;
}
.st-filters-collapse-btn svg {
	transform: rotate(180deg);
}
.st-select-native {
	display: none;
}


.noResults {
	padding-top: 30px;
	left: -3%;
	width: 106%;
	position: relative;
	text-align: center;
}

	.noResults > *:not(h2) {
		padding: 0 3%;
		box-sizing: border-box;
	}
	
	.noResults h2:after {
		background: var(--txt);
	}
	
	.noResults figure {
		margin: 30px 0 20px 0;
	}
	
	.noResults strong {
		font-weight: 600;
	}
	
	
.wyjazdIntro {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100vh;
	min-height: 500px;
	
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	box-sizing: border-box;
}
		
	.wyjazdIntro figure {
		display: block;
		width: 100%;
		height: calc(100% - 50px);
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
	}
		
		.wyjazdIntro figure:before {
			content: "";
			display: block;
			width: 100%;
			height: 30vh;
			position: absolute;
			left: 0;
			bottom: 0;
			position: absolute;
			background: linear-gradient(0deg, rgba(35, 25, 22, 0) 0%, rgba(35, 25, 22, 0.7) 83.65%);
			transform: matrix(1, 0, 0, -1, 0, 0);
	
		}
		
		.wyjazdIntro figure img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: 50% 50%;
		}
		
	.wyjazdIntro .introContent {
		width: 100%;
		padding: 100px 5% 10px 5%;
		box-sizing: border-box;
	}
		
		.wyjazdIntro #breadcrumbs {
			color: #fff;
		}
		
			.wyjazdIntro #breadcrumbs span,
			.wyjazdIntro #breadcrumbs a {
				font-weight: 300;
				font-size: 12px;
			}
			
		.wyjazdIntro .pageTitle {
			color: #fff;
			font-weight: 500;
			display: block;
			margin: 5px 0 5px 0;
		}
		
		.wyjazdIntro .wyjazd-next-turnus {
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
		}
		
			.wyjazdIntro .wyjazd-next-turnus .turnus-date {
				font-weight: 300;
				font-size: 14px;
				color: #fff;
			}
			
			.wyjazdIntro .wyjazd-next-turnus .turnus-price {
				font-weight: 500;
				font-size: 18px;
				color: #fff;
				text-decoration: underline;
			}
			
	.wyjazdIntro .wyjazd-miasta {
		width: 100%;
		height: auto;
		min-height: 50px;
		padding: 15px;
		background: var(--orange);
		box-sizing: border-box;
		color: #fff;
		line-height: 1.3;
		text-decoration: underline;
		font-weight: 300;
		font-size: 12px;
	}

.wyjazdContent {
	
}

	.wyjazdContent .wyjazdSprawdzTerminy {
		display: block;
	}

		.wyjazdContent .wyjazdSprawdzTerminy a {
			display: block;
			width: 100%;
			padding: 10px 3%;
			border: 1px solid var(--txt);
			text-align: center;
			box-sizing: border-box;
		}
		
	.wyjazdContent .wyjazdTitle {
		padding: 15px 5%;
		box-sizing: border-box;
		
		display: flex;
		align-items: center;
		gap: 10px;
		justify-content: space-between;
	}
	
		.wyjazdContent .wyjazdTitle .wyjazdName {
			color: var(--orange);
			font-size: 24px;
			font-weight: 300;
		}
		
	.wyjazdContent .wyjazdDetails {
		padding: 30px 5%;
		box-sizing: border-box;
		border: 1px solid var(--txt);
		box-sizing: border-box;
	}
		
		.wyjazdContent .wyjazdDetails .wyjazdDetails-grid {
			display: grid; 
			grid-auto-columns: 1fr; 
			grid-template-columns: 1fr 1fr; 
			grid-template-rows: 1fr; 
			gap: 20px 15px;
			margin: 0 auto;
		}
			
			.wyjazdContent .wyjazdDetails .wyjazdDetails-grid .wyjazdDetails-item {
				display: grid; 
				grid-auto-columns: 1fr; 
				grid-template-columns: 22px auto; 
				grid-template-rows: 1fr; 
				gap: 10px; 
				font-weight: 300;
			}
				
				.wyjazdContent .wyjazdDetails .wyjazdDetails-grid .wyjazdDetails-item img,
				.wyjazdContent .wyjazdDetails .wyjazdDetails-grid .wyjazdDetails-item svg {
					display: block;
					width: 100%;
					height: 100%;
					object-fit: contain;
					object-position: 50% 50%;
					filter: brightness(0) saturate(100%) invert(12%) sepia(13%) saturate(889%) hue-rotate(328deg) brightness(87%) contrast(100%);
				}

			.wyjazdContent .wyjazdDetails .wyjazdDetails-dots {
				display: grid; 
				grid-auto-columns: 1fr; 
				grid-template-columns: 1fr 1fr; 
				grid-template-rows: 1fr; 
				gap: 20px 15px; 
				
				padding: 20px 0 0 0;
			}

				.wyjazdContent .wyjazdDetails .wyjazdDetails-dots .st-dots-wrapper {
					display: flex;
					align-items: center;
					gap: 15px;
					align-items: center;
				}
				
				.wyjazdContent .wyjazdDetails .wyjazdDetails-dots .st-dots-label {
					text-decoration: underline;
					font-weight: 300;
				}
				
		
				.wyjazdContent .wyjazdDetails .wyjazdDetails-dots .st-dots-container {
					display: flex;
					gap: 6px;
				}
					
					.wyjazdContent .wyjazdDetails .wyjazdDetails-dots .st-dots-container .st-dot {
						width: 6px;
						height: 6px;
						border: 1px solid #fff;
						border-radius: 50%;
						box-sizing: border-box;
					}
					
					.wyjazdContent .wyjazdDetails .wyjazdDetails-dots .st-dots-container .st-dot {
						border: 1px solid var(--txt);
					}
				
					.wyjazdContent .wyjazdDetails .wyjazdDetails-dots .st-dots-container .st-dot.filled {
						background: #fff;
					}
				
					.wyjazdContent .wyjazdDetails .wyjazdDetails-dots .st-dots-container .st-dot.filled {
						background: var(--txt);
					}
					
.wyjazdyTags {
	padding: 0 5%;
	margin: 30px 0;
	box-sizing: border-box;
	
	display: flex;
	justify-content: center;
	gap: 8px;
}

	.wyjazdyTags .wyjazdyTag {
		padding: 0px 8px;		
		font-weight: 300;
		font-size: 13px;
		text-transform: lowercase;
	}
	

.wyjazdPrices {
	background: var(--txt);
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: space-between;
	padding: 25px 5%;
	box-sizing: border-box;
	margin: 30px 0;
}
	
	.wyjazdPrices .wyjazdZaliczka strong {
		font-weight: 500;
	}

	.wyjazdPrices .wyjazdCena {
		font-weight: 500;
		text-decoration: underline;
	}
	
	
.wyjazdyPowiazane {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

	.wyjazdyPowiazane .wyjazdyPowiazaneHeader {
		width: 80%;
		max-width: 400px;
		margin: 0 auto;
		padding: 8px 25px;
		box-sizing: border-box;
		text-align: center;
	}
	
.wyjazdOpis {
}

	.wyjazdOpis .wyjazdOpisInner {
		margin: 10px auto;
		padding: 40px 0 40px 0;
	}
		
		.wyjazdOpis h2,
		.wyjazdOpis h3,
		.wyjazdOpis h4 {
			margin-bottom: 30px;
			color: var(--trip-accent, inherit);
		}

.wyjazdKoordynator {
	box-sizing: border-box;
	margin-bottom: 40px;
}

	.wyjazdKoordynator .koordynatorCard {
		display: flex;
		align-items: center;
		gap: 25px;
		text-decoration: none;
		color: inherit;
	}

		.wyjazdKoordynator .koordynatorCard .koordynatorCard-img {
			width: 100px;
			height: 100px;
			flex: 0 0 100px;
			background: #eee;
			display: flex;
			align-items: center;
			justify-content: center;
			overflow: hidden;
			border-radius: 50%;
		}
			.wyjazdKoordynator .koordynatorCard .koordynatorCard-img img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: 50% 50%;
			}

		.wyjazdKoordynator .koordynatorCard .koordynatorCard-info {
			display: flex;
			flex-direction: column;
			gap: 8px;
		}
			.wyjazdKoordynator .koordynatorCard .koordynatorCard-label {
				font-size: 12px;
				opacity: 0.7;
			}
			.wyjazdKoordynator .koordynatorCard .koordynatorCard-name {
				font-size: 20px;
				font-weight: 500;
				line-height: 1.2;
			}

.wyjazdGaleria {
	margin: 40px 0 60px 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

	.wyjazdGaleria-main {
		position: relative;
		width: 100%;
		max-width: 900px;
		margin: 0 auto;
		overflow: hidden;
	}

		.wyjazdGaleria-main-inner {
			position: relative;
			width: 100%;
			aspect-ratio: 400 / 300;
			max-height: 400px;
			overflow: hidden;
			opacity: 1;
			transition: opacity 0.4s ease-in-out;
		}

			.wyjazdGaleria-main-inner .wyjazdGaleria-main-link,
			.wyjazdGaleria-main-inner .wyjazdGaleria-main-img {
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				object-fit: cover;
				object-position: 50% 50%;
			}

		.wyjazdGaleria-arrow {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			width: 40px;
			height: 60px;
			border: none;
			background: transparent;
			color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			padding: 0;
			z-index: 5;
			filter: drop-shadow(0 2px 4px rgba(0,0,0,0.4));
		}

		.wyjazdGaleria-prev {
			left: 3%;
			transform: translateY(-50%) scaleX(-1);
		}

		.wyjazdGaleria-next {
			right: 3%;
		}

	.wyjazdGaleria-thumbs {
		width: 100%;
		max-width: 900px;
		margin: 0 auto;
		overflow: hidden;
		padding: 0 3%;
		box-sizing: border-box;
		-webkit-overflow-scrolling: touch;
	}

		.wyjazdGaleria-thumbs .swiper-slide {
			flex: 0 0 auto;
		}

		.wyjazdGaleria-thumbs-track {
			display: flex;
		}

			.wyjazdGaleria-thumb {
				border: none;
				padding: 0;
				background: transparent;
				cursor: pointer;
				flex: 0 0 100px;
				width: 100px;
				height: 65px;
				overflow: hidden;
				opacity: 0.45;
				outline: 2px solid transparent;
			}

			.wyjazdGaleria-thumb.is-active {
				opacity: 1;
			}

				.wyjazdGaleria-thumb img {
					display: block;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: 50% 50%;
				}

#st-gallery-lightbox {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.85);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}

	#st-gallery-lightbox.is-open {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	#st-gallery-lightbox .st-gallery-lightbox-inner {
		position: relative;
		max-width: 90%;
		max-height: 90%;
	}

		#st-gallery-lightbox .st-gallery-lightbox-img {
			display: block;
			max-width: 100%;
			max-height: 100%;
			object-fit: contain;
		}

		#st-gallery-lightbox .st-gallery-lightbox-close {
			position: absolute;
			top: -10px;
			right: -10px;
			width: 32px;
			height: 32px;
			border-radius: 50%;
			border: none;
			background: #fff;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		#st-gallery-lightbox .st-gallery-lightbox-close::before,
		#st-gallery-lightbox .st-gallery-lightbox-close::after {
			content: '';
			position: absolute;
			width: 16px;
			height: 2px;
			background: #231916;
			border-radius: 1px;
		}

		#st-gallery-lightbox .st-gallery-lightbox-close::before {
			transform: rotate(45deg);
		}

		#st-gallery-lightbox .st-gallery-lightbox-close::after {
			transform: rotate(-45deg);
		}


.wyjazdDoswiadczenia {
	position: relative;
	width: 100%;
	max-width: 600px;
	margin: 50px auto;
	min-height: 450px; 
}

	.wyjazdDoswiadczenia h2 {
		margin-bottom: 50px;
	}
	
		.wyjazdDoswiadczenia h2 em {
			font-style: normal;
			padding: 5px 10px;
			font-weight: 500;
			display: inline-block;
		}
	
		.wyjazdDoswiadczenia h2:after {
			background: var(--trip-accent, inherit);
		}
		
	.wyjazdDoswiadczenia-rotator {
		position: relative;
		width: 100%;
		min-height: 350px;
		display: block;
		transition: height 0.3s ease;
		overflow: hidden;
	}

	.wyjazdDoswiadczenia-item {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		background-color: #f0f0f0;
		overflow: hidden;
		transition: all 0.5s ease;
		cursor: pointer;
		box-shadow: 0 4px 10px rgba(0,0,0,0.1);
		box-sizing: border-box;
		display: block;
	}

	.wyjazdDoswiadczenia-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: 100% auto;
		background-position: center;
		transition: all 0.5s ease;
	}

	.wyjazdDoswiadczenia-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.3);
		transition: background 0.3s;
	}

	.wyjazdDoswiadczenia-inner {
		position: relative;
		z-index: 2;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 0 35px;
		box-sizing: border-box;
		transition: all 0.5s ease;
	}

	.wyjazdDoswiadczenia-title {
		color: #fff;
		font-size: 16px;
		text-align: center;
		padding: 0 10px;
		transition: all 0.5s ease;
	}

	.wyjazdDoswiadczenia-content {
		display: block;
		opacity: 0;
		max-height: 0;
		overflow: hidden;
		background: #fff;
		margin-top: 0;
		padding: 0 25px;
		box-sizing: border-box;
		width: 100%;
		transition: all 0.5s ease;
	}
	
		.wyjazdDoswiadczenia-content .wyjazdDoswiadczenia-desc {
			font-size: 12px;
			text-align: center;
			line-height: 1.6;
			transition: all 0.5s ease;
		}

	.wyjazdDoswiadczenia-item {
		width: 180px;
		height: 50px;
		opacity: 0;
		z-index: 0;
		pointer-events: none;
		top: 300px;
	}

	.wyjazdDoswiadczenia-item.pos-0 {
		width: 180px;
		height: 50px;
		opacity: 1;
		z-index: 10;
		pointer-events: auto;
		top: 0;
	}

		.wyjazdDoswiadczenia-item.pos-0 .wyjazdDoswiadczenia-title {
			font-size: 16px;
		}
		
	.wyjazdDoswiadczenia-item.pos-1 {
		width: 300px;
		height: 80px;
		opacity: 1;
		z-index: 20;
		pointer-events: auto;
		top: 65px;
	}

		.wyjazdDoswiadczenia-item.pos-1 .wyjazdDoswiadczenia-title {
			font-size: 24px;
		}
		
	.wyjazdDoswiadczenia-item.pos-2 {
		width: 350px;
		height: 230px;
		opacity: 1;
		z-index: 30;
		pointer-events: auto;
		top: 160px;
	}
	
	.wyjazdDoswiadczenia-item.pos-2 .wyjazdDoswiadczenia-title {
		font-size: 40px;
	}
	
	.wyjazdDoswiadczenia-item.pos-out {
		width: 350px;
		height: 0;
		opacity: 0;
		z-index: 5;
		margin: 0;
		padding: 0;
		overflow: hidden;
		top: 450px;
	}

	.wyjazdDoswiadczenia-item.pos-2.is-expanded {
		min-height: 230px;
		height: auto;
	}
	
	.wyjazdDoswiadczenia-item.pos-2.is-expanded .wyjazdDoswiadczenia-inner {
		padding: 5px 35px 30px 35px;
		height: auto;
	}
	
	.wyjazdDoswiadczenia-item.pos-2.is-expanded .wyjazdDoswiadczenia-bg {
		height: 100%;
	}
	
	.wyjazdDoswiadczenia-item.pos-2.is-expanded .wyjazdDoswiadczenia-title {
		position: absolute !important;
		top: 10px !important;
		left: 0;
		right: 0;
		transform: none !important;
		margin: 0 auto;
		z-index: 20;
		line-height: 1;
		transition: all 0.5s ease;
	}
	
	.wyjazdDoswiadczenia-title {
		width: 100%;
		font-size: 16px;
		z-index: 10;
		padding: 0 0;
		box-sizing: border-box;
		pointer-events: none;
		transition: all 0.5s ease;
	}
	
			
	.wyjazdDoswiadczenia-item.pos-2.is-expanded .wyjazdDoswiadczenia-content {
		opacity: 1;
		max-height: 2000px;
		margin-top: 60px; /* Space for absolute title */
		padding: 35px 25px;
		transition: all 0.5s ease;
	}
	
	

	.wyjazdDoswiadczenia h2 {
		margin-bottom: 50px;
	}
	
		.wyjazdDoswiadczenia h2 em {
			font-style: normal;
			padding: 5px 10px;
			font-weight: 500;
			display: inline-block;
		}
	
		.wyjazdDoswiadczenia h2:after {
			background: var(--trip-accent, inherit);
		}
		
.wyjazdPrzezyj {
	
}

	.wyjazdPrzezyj h2 {
		margin-bottom: 15px;
	}
	
		.wyjazdPrzezyj h2 em {
			font-style: normal;
			padding: 5px 10px;
			font-weight: 500;
			display: inline-block;
		}
	
		.wyjazdPrzezyj h2:after {
			background: var(--trip-accent, inherit);
		}
		
	.wyjazdPrzezyj .wyjazdPrzezyj-bg {
		padding: 80px 0;
		background-size: cover;
		background-position: 100% 50%;
		background-repeat: no-repeat;
		
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	
		.wyjazdPrzezyj .wyjazdPrzezyj-bg .wyjazdPrzezyj-overlay {
			width: 50%;
			min-width: 250px;
		}
	
			.wyjazdPrzezyj .wyjazdPrzezyj-bg .wyjazdPrzezyj-overlay .wyjazdPrzezyj-content {
				padding: 30px 25px;
				box-sizing: border-box;
			}
			
			.wyjazdPrzezyj .wyjazdPrzezyj-bg .wyjazdPrzezyj-overlay ul {
				margin-left: 25px;
			}
			
				.wyjazdPrzezyj .wyjazdPrzezyj-bg .wyjazdPrzezyj-overlay ul li {
					margin: 15px 0;
					font-size: 14px;
					font-weight: 400;
					line-height: 1.4;
				}
				
				

.wyjazdPlan {
    width: 100%;
    margin: 60px auto 0 auto;
    box-sizing: border-box;
}

	.wyjazdPlan-header {
		width: 100%;
		padding: 0 5%;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
	}

	.wyjazdPlan-header.active {
		background: var(--trip-accent, inherit);
		color: var(--trip-text, inherit);
	}
		
	.wyjazdPlan-header-inner {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 12px 0;
		border-bottom: 1px solid var(--trip-accent, inherit);
	}

	.wyjazdPlan-header-title {
		font-size: 20px;
		text-transform: lowercase;
	}

	.wyjazdPlan-header-icon {
		display: flex;
		align-items: center;
		transform: rotate(180deg);
		transition: all 0.2s ease;
	}
	
	.wyjazdPlan-header-icon svg path {
		fill: var(--trip-accent, inherit);
	}
		
	.active .wyjazdPlan-header-icon {
		transform: rotate(0deg);
		transition: all 0.2s ease;
	}
	
	.active .wyjazdPlan-header-icon svg path {
		fill: var(--trip-text, inherit);
	}

	.wyjazdPlan-list {
		display: none;
		margin-top: 20px;
		padding: 0 5%;
		box-sizing: border-box;
	}

	.wyjazdPlan-list.active {
		display: block;
	}

	.wyjazdPlan-day {
		display: flex;
		gap: 8px;
		flex-direction: column;
		margin-bottom: 8px;
	}

	.wyjazdPlan-day:last-child {
		border-bottom: none;
	}

	.wyjazdPlan-day-header {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
	}

	.wyjazdPlan-day-header-left {
		display: flex;
		align-items: center;
		gap: 15px;
	}

	.wyjazdPlan-day-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30px;
	}

	.wyjazdPlan-day-title {
		font-size: 16px;
	}

	.wyjazdPlan-day-toggle {
		display: flex;
		align-items: center;
		transform: rotate(-90deg);
		transition: transform 0.3s ease;
	}

	.wyjazdPlan-day.active .wyjazdPlan-day-toggle {
		transform: rotate(-180deg);
	}

	.wyjazdPlan-day-content {
		width: calc(100% - 30px);
		margin-left: auto;
		
		display: block !important;
		max-height: 0;
		overflow: hidden;
		padding: 8px 0 8px 15px;
		border-left: 2px solid var(--txt);
		transition: all 0.3s ease;
	}

	.wyjazdPlan-day:last-child .wyjazdPlan-day-content {
		border-left: 2px solid transparent;
	}
		
	.wyjazdPlan-day.active .wyjazdPlan-day-content {
		opacity: 1;
		max-height: 2000px;
		transition: all 0.3s ease;
	}

	.wyjazdPlan-day.active:last-child .wyjazdPlan-day-content {
		border-left: 2px solid var(--txt);
	}
	
	.wyjazdPlan-point {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		opacity: 0;
		padding: 10px 0 10px 10px;
		transition: all 0.3s ease;
	}

	.wyjazdPlan-day.active .wyjazdPlan-point {
		opacity: 1;
		transition: all 0.3s ease;
	}
		
	.wyjazdPlan-point:last-child {
		margin-bottom: 0;
	}

	.wyjazdPlan-point-icon {
		flex-shrink: 0;
		width: 24px;
		display: flex;
		justify-content: center;
		margin-top: 3px;
	}

	.wyjazdPlan-point-desc {
		font-size: 14px;
		line-height: 1.4;
	}

	.wyjazdPlan-point-desc p {
		margin: 0;
	}


.wyjazdZwiedzanie {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 0;
    box-sizing: border-box;
}

	.wyjazdZwiedzanie-header {
		width: 100%;
		padding: 0 5%;
		margin: 10px 0;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
	}

	.active .wyjazdZwiedzanie-header {
		background: var(--trip-accent, inherit);
		color: var(--trip-text, inherit);
	}

	.wyjazdZwiedzanie-header-inner {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 12px 0;
		border-bottom: 1px solid var(--trip-accent, inherit);
	}

	.wyjazdZwiedzanie-header-icon {
		display: flex;
		align-items: center;
		transform: rotate(-180deg);
		transition: all 0.2s ease;
	}
	
	.wyjazdZwiedzanie-header-icon svg path {
		fill: var(--trip-accent, inherit);
	}
		
	.active .wyjazdZwiedzanie-header-icon {
		transform: rotate(0deg);
		transition: all 0.2s ease;
	}
	
	.active .wyjazdZwiedzanie-header-icon {
		transform: rotate(-90deg);
		transition: all 0.2s ease;
	}

	.active .wyjazdZwiedzanie-header-icon svg path {
		fill: var(--trip-text, inherit);
	}
	
	.wyjazdZwiedzanie-header-title {
		font-size: 20px;
		text-transform: lowercase;
	}

	.wyjazdZwiedzanie-list {
		display: none;
		margin-top: 20px;
		padding: 0 5%;
		box-sizing: border-box;
	}

	.wyjazdZwiedzanie-item:last-child {
		border-bottom: none;
	}

	.wyjazdZwiedzanie-item-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 15px 0;
		cursor: pointer;
	}

	.wyjazdZwiedzanie-item-title {
		font-size: 18px;
	}

	.wyjazdZwiedzanie-item-toggle {
		display: flex;
		align-items: center;
		transform: rotate(180deg);
		transition: transform 0.3s ease;
	}

	.wyjazdZwiedzanie-item.active .wyjazdZwiedzanie-item-toggle {
		transform: rotate(0deg);
	}

	.wyjazdZwiedzanie-item-content {
		box-sizing: border-box;
		padding: 20px 8%;
	}

	.wyjazdZwiedzanie-item.active .wyjazdZwiedzanie-item-content {
		display: block;
	}



.wyjazdZarezerwuj {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 80px auto;
    padding: 0 0;
    box-sizing: border-box;
}

	.wyjazdZarezerwuj-header {
		width: 100%;
		padding: 0 5%;
		margin: 10px 0;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
	}

	.active .wyjazdZarezerwuj-header {
		background: var(--trip-accent, inherit);
		color: var(--trip-text, inherit);
	}

	.wyjazdZarezerwuj-header-inner {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 12px 0;
		border-bottom: 1px solid var(--trip-accent, inherit);
	}

	.wyjazdZarezerwuj-header-icon {
		display: flex;
		align-items: center;
		transform: rotate(-180deg);
		transition: all 0.2s ease;
	}
	
	.wyjazdZarezerwuj-header-icon svg path {
		fill: var(--trip-accent, inherit);
	}
		
	.active .wyjazdZarezerwuj-header-icon {
		transform: rotate(0deg);
		transition: all 0.2s ease;
	}
	
	.active .wyjazdZarezerwuj-header-icon svg path {
		fill: var(--trip-text, inherit);
	}
	
	.wyjazdZarezerwuj-header-title {
		font-size: 20px;
		text-transform: lowercase;
	}

	.wyjazdZarezerwuj-list {
		display: none;
		margin-top: 20px;
		margin-bottom: 50px;
		padding: 0 10%;
		box-sizing: border-box;
	}


		.wyjazdZarezerwuj-item {
			margin-bottom: 20px;
		}

		.wyjazdZarezerwuj-item:last-child {
			border-bottom: none;
		}
		
		.wyjazdZarezerwuj-item-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 15px 0;
			cursor: pointer;
			border-bottom: 2px solid #222;
		}

		.wyjazdZarezerwuj-item-icon {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 24px;
			margin-right: 15px;
		}

		.wyjazdZarezerwuj-item-date {
			font-size: 16px;
			font-weight: 500;
			flex-grow: 1;
			line-height: 1.2;
		}

		.wyjazdZarezerwuj-item-arrow {
			display: flex;
			align-items: center;
			transition: transform 0.3s ease;
		}

		.wyjazdZarezerwuj-item.active .wyjazdZarezerwuj-item-arrow {
			transform: rotate(180deg);
		}

		.wyjazdZarezerwuj-item-content {
			display: none;
			padding: 15px 0;;
		}

		.wyjazdZarezerwuj-hotel-row {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-top: 10px;
			flex-wrap: wrap;
			gap: 10px;
		}

		.wyjazdZarezerwuj-hotel-row:not(:first-child) {
			padding-top: 40px;
			margin-top: 40px;
			border-top: 1px solid var(--trip-accent, inherit);
		}
			
		.wyjazdZarezerwuj-hotel-name {
			background-color: var(--trip-accent, #eee);
			color: var(--trip-text, #000);
			padding: 8px 15px;
			font-weight: 400;
		}

		.wyjazdZarezerwuj-hotel-deposit {
			font-weight: 400;
		}

		.wyjazdZarezerwuj-pricing-option {
			width: 100%;
			margin: 30px auto;
		}

			.wyjazdZarezerwuj-pricing-box {
				border: 1px solid var(--trip-accent);
				color: var(--trip-accent);
				padding: 5px 10px;
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
				box-sizing: border-box;
				position: relative;
			}

			.wyjazdZarezerwuj-pricing-icon {
				display: flex;
				align-items: center;
				cursor: help;
			}

			.wyjazdZarezerwuj-pricing-icon:hover::after {
				content: "Najtańsza możliwa opcja zakupu";
				position: absolute;
				top: 100%;
				left: 50%;
				transform: translateX(-50%);
				background: #fff;
				border: 1px solid var(--trip-accent);
				color: var(--trip-accent);
				padding: 10px 15px;
				white-space: nowrap;
				font-size: 12px;
				font-weight: normal;
				z-index: 100;
				margin-top: 10px;
				box-shadow: 0 2px 5px rgba(0,0,0,0.1);
				pointer-events: none;
			}

			.wyjazdZarezerwuj-pricing-icon:hover::before {
				content: "";
				position: absolute;
				top: 100%;
				left: 50%;
				transform: translateX(-50%);
				border-width: 5px;
				border-style: solid;
				border-color: transparent transparent var(--trip-accent) transparent;
				margin-top: 0px;
				z-index: 101;
			}
			
			
.st-hotel-pricing-table {
    border: 1px solid #231916;
    width: fit-content;
    max-width: 100%;
	margin: 40px auto 20px auto;
}

	.st-hotel-rooms-row {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	.st-hotel-room-col {
		width: 120px;
		flex: 0 0 120px;
		border-right: 1px solid #231916;
		padding: 15px 10px;
		box-sizing: border-box;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.st-hotel-room-col:last-child {
		border-right: none;
	}

	.st-room-name {
		margin-bottom: 10px;
		padding-bottom: 8px;
		font-size: 14px;
		line-height: 1.2;
		border-bottom: 1px solid #231916;
	}

	.st-room-price {
		font-size: 20px;
		font-weight: 500;
		line-height: 1;
	}

	.st-hotel-dokwaterowanie-row {
		border-top: 1px solid #231916;
		padding: 15px 10px;
		text-align: center;
		width: 100%;
		box-sizing: border-box;
	}

	.st-dokwaterowanie-label {
		margin-bottom: 10px;
		padding-bottom: 8px;
		font-size: 14px;
		line-height: 1.2;
		border-bottom: 1px solid #231916;
	}

	.st-dokwaterowanie-price {
		font-size: 20px;
		font-weight: 500;
		line-height: 1;
	}



.st-hotel-deposit-promo {
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 14px;
	text-align: center;
}

.st-hotel-reserve-container {
	display: block;
	text-align: center;
}

.st-hotel-reserve-btn {
    display: inline-flex;
    align-items: center;
    background-color: #D8561D;
	border: 2px solid #D8561D;
    color: white !important;
    padding: 0 0 0 25px;
    text-decoration: none;
    font-size: 16px;
    transition: background-color 0.3s;
    line-height: 1.2;
}

.st-hotel-reserve-btn:hover {
    background-color: #bf430e;
    color: white !important;
}

.st-hotel-reserve-btn svg {
    display: block;
    margin-left: 25px;
}

.st-organizer-info {
	text-align: center;
	padding-top: 20px;
	font-size: 12px;
}



/* Gallery Trigger */
.wyjazdGaleria-trigger-wrapper {
    margin-top: 20px;
    text-align: center;
}

.st-gallery-trigger-btn {
    display: inline-block;
    padding: 10px 60px 10px 20px;
    background-color: #fff;
    border: 1px solid var(--trip-accent, inherit);
	background-color: #fff;
	color: var(--txt);
    cursor: pointer;
    font-size: 14px;
	font-weight: 500;
    transition: background-color 0.2s;
}

.st-gallery-trigger-btn:after {
	background-color: var(--trip-accent, inherit);
	color: var(--trip-txt, inherit);
}

.st-gallery-trigger-btn:hover {
    background-color: var(--trip-accent, inherit);
    color: var(--trip-txt, inherit);
}




.st-gallery-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: block;
    visibility: hidden;
    opacity: 0;
	transition: opacity 0.3s ease, visibility 0.3s ease;

}

.st-gallery-popup.active {
    visibility: visible;
    opacity: 1;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.st-gallery-popup-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.95);
}

.st-gallery-popup-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    z-index: 10;
}

.st-gallery-popup-header {
    padding: 0;
    display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: space-between;
	gap: 5px;
    z-index: 20;
}

.st-gallery-popup-close {
	width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    padding: 20px 20px 15px 5px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.st-gallery-popup-title-box {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
}

.st-gallery-popup-title-box span {
    padding: 5px 15px;
    font-size: 16px;
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
	margin: 0 auto;
}
	
.st-gallery-popup-title-box:before {
	content: "";
	width: 100%;
	height: 1px;
	background: var(--trip-accent, inherit);
	
	position: absolute;
	z-index: -1;
	left: 0;
	top: 50%;
}
	
.st-gallery-popup-subtitle {
    font-size: 14px;
    flex-grow: 1;
}

.st-gallery-popup-content {
    flex-grow: 1;
    overflow-y: auto;
    padding: 20px;
}

.st-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.st-gallery-grid-item {
    aspect-ratio: 3/2;
    overflow: hidden;
    cursor: pointer;
}

.st-gallery-grid-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.st-gallery-grid-item:hover .st-gallery-grid-img {
	
}

/* Lightbox */
.st-gallery-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    align-items: center;
    justify-content: center;
}

	.st-gallery-lightbox.active {
		display: flex;
		visibility: visible;
		opacity: 1;
	}
	
	.st-gallery-lightbox-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.9);
	}
	
	.st-gallery-lightbox-close {
		position: absolute;
		top: 20px;
		right: 20px;
		background: none;
		border: none;
		cursor: pointer;
		z-index: 20;
		padding: 10px;
	}
	
	.st-gallery-lightbox-content {
		position: relative;
		z-index: 10;
		display: contents;
	}
	
	.st-gallery-lightbox-img {
		max-width: 90vw;
		max-height: 90vh;
		object-fit: contain;
		box-shadow: 0 0 20px rgba(0,0,0,0.5);
		margin: auto;
		position: relative;
		z-index: 11;
	}