.tpo-grid {
	width: 100%;
	min-width: 0;
}

.tpo-results {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	min-width: 0;
}

/* Elementor sets --tpo-grid-cols per device; fallbacks use *-desktop/tablet/mobile */
.tpo-grid {
	--tpo-grid-cols-desktop: 4;
	--tpo-grid-cols-tablet: 2;
	--tpo-grid-cols-mobile: 1;
	--tpo-grid-cols: var(--tpo-grid-cols-desktop, 4);
	--tpo-grid-gap: 15px;
	--tpo-grid-col-gap: var(--tpo-grid-gap, 15px);
	--tpo-grid-row-gap: var(--tpo-grid-gap, 15px);
	/* Fixed track size from Columns; auto-fit collapses empty tracks → incomplete rows center. */
	--tpo-card-basis: calc(
		(100% - (var(--tpo-grid-cols, 4) - 1) * var(--tpo-grid-col-gap, 15px)) / var(--tpo-grid-cols, 4)
	);
	display: grid !important;
	grid-template-columns: repeat(auto-fit, var(--tpo-card-basis));
	justify-content: center !important;
	justify-items: stretch;
	align-items: stretch;
	align-content: start;
	column-gap: var(--tpo-grid-col-gap, 15px);
	row-gap: var(--tpo-grid-row-gap, 15px);
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.tpo-grid > .tpo-card {
	box-sizing: border-box;
	min-width: 0;
	width: 100% !important;
	max-width: 100% !important;
	flex: none;
}

/* Match Elementor laptop / tablet / mobile breakpoints when Elementor CSS is late */
@media (max-width: 1366px) {
	.tpo-grid {
		--tpo-grid-cols: var(--tpo-grid-cols-laptop, var(--tpo-grid-cols-desktop, 4));
	}
}

@media (max-width: 1024px) {
	.tpo-grid {
		--tpo-grid-cols: var(--tpo-grid-cols-tablet, var(--tpo-grid-cols-laptop, var(--tpo-grid-cols-desktop, 2)));
	}
}

@media (max-width: 767px) {
	.tpo-grid {
		--tpo-grid-cols: var(--tpo-grid-cols-mobile, 1);
	}
}

.tpo-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
	height: 100%;
	min-width: 0;
	border: 1px solid #cbd5e0;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

/* Card-wide shadow is opt-in via Card Hover Effect (.tpo-hover--shadow/lift/lift_zoom below) —
   an unconditional rule here would visually "light up" the image whenever a button below
   is hovered, since box-shadow wraps the whole rounded card. */

.tpo-card__link {
	--tpo-media-width: 220px;
	--tpo-side-width: 160px;
	display: grid;
	grid-template-columns: var(--tpo-media-width) minmax(0, 1fr) var(--tpo-side-width);
	align-items: stretch;
	width: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none;
	min-width: 0;
	flex: 1 1 auto;
}

/* Stacked / multi-column cards (homepage grid) */
.tpo-card--stacked .tpo-card__link,
.tpo-grid--stacked .tpo-card__link,
.tpo-grid--modern .tpo-card__link,
.tpo-grid--overlay .tpo-card__link,
.tpo-grid--compact .tpo-card__link {
	--tpo-media-width: 100%;
	--tpo-side-width: auto;
	display: flex;
	flex-direction: column;
	grid-template-columns: none;
}

.tpo-card--stacked .tpo-card__body,
.tpo-grid--stacked .tpo-card__body,
.tpo-grid--modern .tpo-card__body,
.tpo-grid--overlay .tpo-card__body,
.tpo-grid--compact .tpo-card__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-width: 0;
	min-height: 0;
}

.tpo-card--stacked .tpo-card__main,
.tpo-grid--stacked .tpo-card__main,
.tpo-grid--modern .tpo-card__main,
.tpo-grid--overlay .tpo-card__main,
.tpo-grid--compact .tpo-card__main {
	flex: 1 1 auto;
}

.tpo-card--stacked .tpo-card__footer,
.tpo-card--stacked .tpo-card__side,
.tpo-grid--stacked .tpo-card__footer,
.tpo-grid--stacked .tpo-card__side,
.tpo-grid--modern .tpo-card__footer,
.tpo-grid--modern .tpo-card__side,
.tpo-grid--overlay .tpo-card__footer,
.tpo-grid--overlay .tpo-card__side,
.tpo-grid--compact .tpo-card__footer,
.tpo-grid--compact .tpo-card__side {
	margin-top: auto;
	border-left: 0;
	border-top: 1px solid #edf2f7;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	text-align: left;
}

.tpo-card--stacked .tpo-card__cta,
.tpo-grid--stacked .tpo-card__cta,
.tpo-grid--modern .tpo-card__cta,
.tpo-grid--overlay .tpo-card__cta,
.tpo-grid--compact .tpo-card__cta {
	margin-top: 0;
	margin-left: auto;
}

.tpo-card--stacked .tpo-card__media,
.tpo-grid--stacked .tpo-card__media,
.tpo-grid--modern .tpo-card__media,
.tpo-grid--overlay .tpo-card__media,
.tpo-grid--compact .tpo-card__media {
	width: 100%;
	aspect-ratio: 16 / 10;
}

.tpo-card--stacked .tpo-card__img,
.tpo-card--stacked .tpo-card__img--empty,
.tpo-grid--stacked .tpo-card__img,
.tpo-grid--stacked .tpo-card__img--empty,
.tpo-grid--modern .tpo-card__img,
.tpo-grid--modern .tpo-card__img--empty,
.tpo-grid--overlay .tpo-card__img,
.tpo-grid--overlay .tpo-card__img--empty,
.tpo-grid--compact .tpo-card__img,
.tpo-grid--compact .tpo-card__img--empty {
	min-height: 0;
	max-height: none;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.tpo-card--stacked .tpo-card__periods,
.tpo-grid--stacked .tpo-card__periods,
.tpo-grid--modern .tpo-card__periods,
.tpo-grid--overlay .tpo-card__periods,
.tpo-grid--compact .tpo-card__periods {
	grid-template-columns: 1fr;
	max-height: 7.5rem;
	overflow: hidden;
}

/* Template: Modern */
.tpo-card--modern {
	border-radius: 14px;
	box-shadow: 0 4px 16px rgba(26, 54, 93, 0.08);
	border-color: transparent;
}

.tpo-card--modern .tpo-card__media {
	aspect-ratio: 16 / 9;
}

.tpo-card--modern .tpo-card__title {
	font-size: 1.1rem;
	font-weight: 700;
}

.tpo-card--modern .tpo-card__price {
	font-size: 1.45rem;
}

/* Template: Overlay */
.tpo-card__hero {
	position: relative;
	width: 100%;
	min-width: 0;
}

.tpo-card--overlay .tpo-card__media {
	aspect-ratio: 4 / 3;
}

.tpo-card__overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1rem 0.9rem 0.85rem;
	background: linear-gradient(transparent, rgba(15, 23, 42, 0.82));
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 0;
}

.tpo-card__overlay .tpo-card__title,
.tpo-card__overlay .tpo-card__country,
.tpo-card__overlay .tpo-card__price,
.tpo-card__overlay .tpo-card__start-label {
	color: #fff;
	margin: 0;
}

.tpo-card__overlay .tpo-card__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Template: Compact */
.tpo-card--compact .tpo-card__main {
	padding: 0.65rem 0.75rem;
}

.tpo-card--compact .tpo-card__side,
.tpo-card--compact .tpo-card__footer {
	padding: 0.55rem 0.75rem;
}

.tpo-card--compact .tpo-card__title {
	font-size: 0.95rem;
	margin-bottom: 0.25rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.tpo-card--compact .tpo-card__periods {
	max-height: 4.2rem;
}

.tpo-card--compact .tpo-card__price {
	font-size: 1.15rem;
}

.tpo-card--compact .tpo-card__cta {
	padding: 0.3rem 0.65rem;
	font-size: 0.8rem;
}

.tpo-card__media {
	display: block;
	width: 100%;
	min-width: 0;
	align-self: stretch;
	overflow: hidden;
	background: #edf2f7;
}

.tpo-card__img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 160px;
	object-fit: cover;
	background: #edf2f7;
}

.tpo-card__img--empty {
	min-height: 160px;
	height: 100%;
}

.tpo-card__main {
	min-width: 0;
	padding: 0.9rem 1.1rem;
	display: flex;
	flex-direction: column;
	min-height: 0;
	overflow: hidden;
}

.tpo-card__side {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: 0.25rem;
	padding: 0.9rem 1rem;
	border-left: 1px solid #edf2f7;
	text-align: right;
	min-width: 0;
}

.tpo-card__airline {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	max-width: 100%;
	width: auto;
	height: auto;
	min-width: 0;
	margin-bottom: 0.35rem;
	object-fit: contain;
}

.tpo-card__code {
	margin: 0 0 0.25rem;
	color: #c05621;
	font-weight: 700;
	font-size: 0.9rem;
}

.tpo-card__code-label {
	font-weight: 700;
}

.tpo-card__code-value {
	font-weight: 700;
}

.tpo-card__subtitle {
	margin: 0 0 0.4rem;
	font-size: 0.875rem;
	line-height: 1.4;
	color: #4a5568;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.tpo-card__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	align-self: flex-end;
	box-sizing: border-box;
	margin-top: 0.55rem;
	padding: 0.4rem 0.9rem;
	border: 1px solid #1a365d;
	border-radius: 8px;
	background: #1a365d;
	color: #fff;
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	max-width: 100%;
	white-space: nowrap;
}

.tpo-card__cta-icon {
	display: inline-flex;
	width: 1em;
	height: 1em;
	flex: 0 0 auto;
}

.tpo-card__cta-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.tpo-card__cta:hover {
	background: #152a49;
}

.tpo-card__title {
	margin: 0 0 0.45rem;
	font-size: 1.05rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.tpo-card__start-label {
	margin: 0;
	font-size: 0.85rem;
	color: #4a5568;
}

.tpo-card__price {
	margin: 0;
	font-size: 1.35rem;
	font-weight: 700;
	color: #c05621;
	line-height: 1.2;
	white-space: nowrap;
}

.tpo-card__price-original {
	margin: 0;
	font-size: 0.85rem;
	color: #718096;
	text-decoration: line-through;
}

.tpo-card__discount {
	margin: 0;
	font-size: 0.8rem;
	font-weight: 600;
	color: #c53030;
}

.tpo-card__meta,
.tpo-card__more,
.tpo-empty,
.tpo-dry-run {
	margin: 0.25rem 0 0;
	font-size: 0.9rem;
}

.tpo-card__meta--row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1.25rem;
}

.tpo-card__meta-item {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	min-width: 0;
}

.tpo-card__meta-label {
	font-weight: 600;
}

.tpo-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1em;
	height: 1em;
	flex: 0 0 auto;
	color: #4a5568;
	line-height: 1;
}

.tpo-card__icon i,
.tpo-card__icon svg {
	width: 100%;
	height: 100%;
	display: block;
	line-height: 1;
}

.tpo-card__icon i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-style: normal;
}

.tpo-card__periods {
	list-style: none;
	margin: 0.35rem 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(var(--tpo-periods-cols, 1), minmax(0, 1fr));
	gap: 0.2rem 0.85rem;
	overflow: hidden;
	max-height: calc(var(--tpo-periods-rows, 3) * 1.4em);
}

.tpo-card__period {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
	min-width: 0;
	font-size: 0.9rem;
	line-height: 1.35;
	color: #2d3748;
}

.tpo-card__period > span {
	min-width: 0;
}

.tpo-card__more {
	color: #718096;
	font-size: 0.82rem;
	margin-top: auto;
	padding-top: 0.35rem;
}

.tpo-dry-run {
	padding: 0.5rem 0.75rem;
	background: #fff8c5;
}

.tpo-summary {
	margin: 0.75rem 0;
	font-size: 0.95rem;
}

.tpo-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1.25rem;
	margin: 0 0 1rem;
	padding: 0.85rem 1.1rem;
	background: #fff;
	border: 1px solid #d0d5dd;
	border-radius: 12px;
	width: 100%;
	overflow-wrap: normal;
	word-break: normal;
}

.tpo-toolbar__count {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
	font-size: 0.95rem;
	line-height: 1.4;
	color: #1a365d;
	overflow-wrap: break-word;
}

.tpo-toolbar__sort {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0;
	margin: 0;
	padding: 0;
	border: 0;
	flex: 0 0 auto;
	min-width: 0;
	max-width: 100%;
	background: transparent;
	box-shadow: none;
}

.tpo-toolbar__sort-control {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	max-width: 100%;
	white-space: nowrap;
}

.tpo-toolbar__sort-text {
	display: inline-block;
	margin: 0;
	padding: 0;
	flex: 0 0 auto;
	font: inherit;
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 2.25rem;
	white-space: nowrap;
	overflow-wrap: normal;
	word-break: keep-all;
	color: inherit;
}

.tpo-toolbar__select {
	display: inline-block;
	box-sizing: border-box;
	flex: 0 0 auto;
	width: auto;
	min-width: 9rem;
	max-width: 14rem;
	height: 2.25rem;
	min-height: 2.25rem;
	margin: 0;
	padding: 0 1.75rem 0 0.6rem;
	border: 1px solid #c5cdd8;
	border-radius: 6px;
	background-color: #fff;
	background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
		linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-position: calc(100% - 14px) calc(50% - 3px), calc(100% - 9px) calc(50% - 3px);
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	font: inherit;
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.25;
	vertical-align: middle;
	appearance: none;
	-webkit-appearance: none;
}

.tpo-pager {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 1rem;
	width: 100%;
}

.tpo-pager__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	min-height: 2.5rem;
	padding: 0.35rem 0.7rem;
	border: 1px solid #1a365d;
	border-radius: 8px;
	text-decoration: none;
	color: #1a365d;
}

.tpo-pager__link[aria-current="page"] {
	background: #1a365d;
	color: #fff;
}

.tpo-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	max-width: 100%;
}

.tpo-table {
	width: 100%;
	min-width: 28rem;
	border-collapse: collapse;
}

.tpo-table th,
.tpo-table td {
	border: 1px solid #1a365d;
	padding: 0.5rem 0.75rem;
	text-align: left;
}

/* Tablet — list cards only (stacked already vertical; columns via Elementor CSS var) */
@media (max-width: 782px) {
	.tpo-card--list .tpo-card__link {
		grid-template-columns: minmax(120px, var(--tpo-media-width, 160px)) minmax(0, 1fr);
	}

	.tpo-card--list .tpo-card__side {
		grid-column: 1 / -1;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		border-left: 0;
		border-top: 1px solid #edf2f7;
		gap: 0.75rem;
		text-align: left;
	}

	.tpo-card--list .tpo-card__price {
		order: 0;
	}

	.tpo-card--list .tpo-card__cta {
		margin-top: 0;
		margin-left: auto;
	}

	.tpo-search--horizontal .tpo-search__form {
		/* Soft fallback if Elementor tablet CSS missing */
		grid-template-columns: repeat(min(var(--tpo-search-cols, 3), var(--tpo-search-items, 6)), minmax(0, 1fr));
	}

	.tpo-toolbar {
		align-items: center;
	}

	.tpo-toolbar__sort {
		flex: 0 0 auto;
		max-width: 100%;
	}

	.tpo-toolbar__sort-control {
		flex-wrap: nowrap;
	}
}

/* Mobile */
@media (max-width: 640px) {
	.tpo-search--horizontal .tpo-search__form,
	.tpo-search--vertical .tpo-search__form {
		grid-template-columns: 1fr;
		gap: 0.65rem;
	}

	.tpo-search__submit {
		grid-column: auto;
		width: 100%;
	}

	.tpo-card--list .tpo-card__link {
		grid-template-columns: 1fr;
	}

	.tpo-card__media {
		width: 100%;
	}

	.tpo-card--list .tpo-card__img,
	.tpo-card--list .tpo-card__img--empty {
		min-height: 180px;
		max-height: 220px;
	}

	.tpo-card__main,
	.tpo-card__side {
		padding: 0.75rem 0.85rem;
	}

	.tpo-card__side {
		justify-content: space-between;
	}

	.tpo-card__title {
		font-size: 1rem;
	}

	.tpo-card__price {
		font-size: 1.2rem;
		white-space: normal;
	}

	.tpo-card__cta {
		white-space: normal;
		max-width: 100%;
	}

	.tpo-card--list .tpo-card__cta {
		width: auto;
	}

	.tpo-card--stacked .tpo-card__cta,
	.tpo-grid--stacked .tpo-card__cta,
	.tpo-grid--modern .tpo-card__cta,
	.tpo-grid--compact .tpo-card__cta {
		width: 100%;
		margin-left: 0;
	}

	.tpo-card__periods {
		grid-template-columns: 1fr;
		max-height: none;
	}

	.tpo-toolbar {
		padding: 0.75rem 0.85rem;
		gap: 0.65rem;
		flex-direction: column;
		align-items: stretch;
	}

	.tpo-toolbar__count {
		flex: 1 1 auto;
		font-size: 0.9rem;
	}

	.tpo-toolbar__sort {
		flex: 1 1 auto;
		width: 100%;
		justify-content: flex-start;
	}

	.tpo-toolbar__sort-control {
		width: 100%;
		justify-content: space-between;
	}

	.tpo-toolbar__select {
		flex: 1 1 auto;
		min-width: 0;
		max-width: none;
		width: auto;
	}

	.tpo-pager {
		justify-content: center;
	}

	.tpo-pager__link {
		min-width: 2.75rem;
		min-height: 2.75rem;
	}
}

/* Narrow phones */
@media (max-width: 380px) {
	.tpo-card__meta--row {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.35rem;
	}

	.tpo-card__side {
		flex-direction: column;
		align-items: stretch;
	}

	.tpo-card__cta {
		width: 100%;
		margin-left: 0;
		text-align: center;
	}

	.tpo-toolbar__sort-control {
		flex-wrap: wrap;
	}

	.tpo-toolbar__select {
		flex: 1 1 100%;
		max-width: none;
	}
}

/* ==========================================================================
   TPO Tour Grid — Slider + templates (2026)
   ========================================================================== */

.tpo-slider {
	--tpo-slides-desktop: 4;
	--tpo-slides-tablet: 2;
	--tpo-slides-mobile: 1;
	--tpo-slides: var(--tpo-slides-desktop, 4);
	--tpo-slider-gap: 15px;
	--tpo-slider-arrow-size: 2.5rem;
	--tpo-slider-gap-x: 0.75rem;
	--tpo-slider-v-gap: 0px;
	position: relative;
	width: 100%;
	min-width: 0;
}

@media (max-width: 1366px) {
	.tpo-slider {
		--tpo-slides: var(--tpo-slides-laptop, var(--tpo-slides-desktop, 4));
	}
	.tpo-grid {
		--tpo-grid-cols: var(--tpo-grid-cols-laptop, var(--tpo-grid-cols-desktop, 4));
	}
}

@media (max-width: 1024px) {
	.tpo-slider {
		--tpo-slides: var(--tpo-slides-tablet, var(--tpo-slides-laptop, var(--tpo-slides-desktop, 2)));
	}
}

@media (max-width: 767px) {
	.tpo-slider {
		--tpo-slides: var(--tpo-slides-mobile, 1);
	}
}

.tpo-slider .tpo-swiper,
.tpo-slider .swiper {
	width: 100%;
	min-width: 0;
	/* Buffer so card box-shadows (and hover-scaled cards) have room before
	   getting clipped, instead of removing clipping entirely (which would let
	   shadows/hover bleed into whatever sits below or beside the slider).
	   Negative margin keeps the visible footprint the same. The 24px
	   top/bottom buffer is done as real padding (not overflow-clip-margin)
	   because that's what Swiper itself never measures either way; doing the
	   same horizontally would inflate the width Swiper reads off this exact
	   element and shrink every slide, so horizontal buffer instead comes from
	   overflow-clip-margin, which is paint-only and never touches layout.
	   Kept small (not matched to the 24px vertical figure) because a wider
	   margin here starts revealing a sliver of the next off-screen slide —
	   tried bumping this to 32px for Template 1's "Card Hover" shadow and it
	   did exactly that (confirmed live: adjacent cards' own edges leaked in,
	   not just shadow paint), so it's back to 10px. Fixed the other way
	   instead: that shadow's own default blur/spread was made small enough
	   to stay inside this 10px margin (see TravelArticlesStyleControls). */
	overflow: clip;
	overflow-clip-margin: 10px;
	padding: 24px 0;
	margin: -24px 0;
}

/* Slide-change curve: quick start, long soft settle (ease-out-quart). The
   "Transition easing" control (SliderEasingControl) overrides it per widget;
   Swiper itself only sets the duration inline. */
.tpo-slider .swiper-wrapper {
	transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}

/* Track: flex row — never CSS grid (avoids 1-col collapse from .tpo-grid) */
.tpo-slider .swiper-wrapper,
.tpo-slider .tpo-slider__track {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch;
	grid-template-columns: none !important;
	gap: 0 !important;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.tpo-slider .swiper-slide,
.tpo-slider .tpo-slide {
	height: auto;
	box-sizing: border-box;
	display: flex;
	align-items: stretch;
	flex-shrink: 0;
	/* Valid calc: Columns → --tpo-slides (set inline from PHP / JS) */
	width: calc(
		(100% - ((var(--tpo-slides, 4) - 1) * var(--tpo-slider-gap, 20px))) / var(--tpo-slides, 4)
	);
	max-width: 100%;
	margin: 0;
}

/* When Swiper is active it sets inline width — keep height stretch */
.tpo-slider .swiper-initialized .swiper-slide {
	/* width comes from Swiper inline style */
	max-width: none;
}

.tpo-slider .tpo-slide .tpo-card {
	height: 100%;
	width: 100%;
}

/* Fallback without Swiper: horizontal scroll, still N columns visible */
.tpo-slider--fallback .tpo-swiper,
.tpo-slider--fallback .swiper {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
}

.tpo-slider--fallback .swiper-wrapper,
.tpo-slider--fallback .tpo-slider__track {
	overflow: visible;
}

.tpo-slider--fallback .swiper-slide,
.tpo-slider--fallback .tpo-slide {
	scroll-snap-align: start;
	/* Same density as Swiper: respect Style → Columns via --tpo-slides */
	width: calc(
		(100% - ((var(--tpo-slides, 4) - 1) * var(--tpo-slider-gap, 20px))) / var(--tpo-slides, 4)
	);
	max-width: 100%;
}

/* Touch minimum (44px) without changing the desktop look. */
@media (pointer: coarse) {
	.tpo-slider__arrow {
		min-width: 44px;
		min-height: 44px;
	}
}

/* Arrows */
.tpo-slider__arrow {
	position: absolute;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--tpo-slider-arrow-size);
	height: var(--tpo-slider-arrow-size);
	padding: 0;
	margin: 0;
	border: 1px solid rgba(26, 54, 93, 0.18);
	border-radius: 999px;
	background: #fff;
	color: #1a365d;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
	cursor: pointer;
	line-height: 1;
	transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
}

.tpo-slider__arrow:hover {
	background: #1a365d;
	color: #fff;
	box-shadow: 0 6px 18px rgba(26, 54, 93, 0.2);
}

.elementor-widget .tpo-root .tpo-slider__arrow:hover,
.elementor-widget .tpo-root .tpo-slider__arrow:focus {
	background-color: #1a365d;
	color: #fff;
	box-shadow: 0 6px 18px rgba(26, 54, 93, 0.2);
}

.tpo-slider__arrow:disabled,
.tpo-slider__arrow.swiper-button-disabled {
	opacity: 0.35;
	cursor: default;
	pointer-events: none;
}

.tpo-slider__arrow span {
	display: block;
	font-size: 1rem;
	line-height: 1;
}

/* Horizontal arrow placement */
.tpo-slider--arrows-outside .tpo-slider__arrow--prev {
	left: 0;
	transform: translate(-35%, -50%);
}

.tpo-slider--arrows-outside .tpo-slider__arrow--next {
	right: 0;
	transform: translate(35%, -50%);
}

.tpo-slider--arrows-inside .tpo-slider__arrow--prev {
	left: var(--tpo-slider-gap-x);
	transform: translateY(-50%);
}

.tpo-slider--arrows-inside .tpo-slider__arrow--next {
	right: var(--tpo-slider-gap-x);
	transform: translateY(-50%);
}

/* Vertical arrow placement (default center) */
.tpo-slider--arrows-v-center .tpo-slider__arrow--prev,
.tpo-slider--arrows-v-center .tpo-slider__arrow--next,
.tpo-slider:not([class*="tpo-slider--arrows-v-"]) .tpo-slider__arrow--prev,
.tpo-slider:not([class*="tpo-slider--arrows-v-"]) .tpo-slider__arrow--next {
	top: 50%;
}

.tpo-slider--arrows-v-top .tpo-slider__arrow--prev,
.tpo-slider--arrows-v-top .tpo-slider__arrow--next {
	top: var(--tpo-slider-gap-x);
	transform: none;
}

.tpo-slider--arrows-v-top.tpo-slider--arrows-outside .tpo-slider__arrow--prev {
	transform: translateX(-35%);
}

.tpo-slider--arrows-v-top.tpo-slider--arrows-outside .tpo-slider__arrow--next {
	transform: translateX(35%);
}

.tpo-slider--arrows-v-bottom .tpo-slider__arrow--prev,
.tpo-slider--arrows-v-bottom .tpo-slider__arrow--next {
	top: auto;
	bottom: var(--tpo-slider-gap-x);
	transform: none;
}

.tpo-slider--arrows-v-bottom.tpo-slider--arrows-outside .tpo-slider__arrow--prev {
	transform: translateX(-35%);
}

.tpo-slider--arrows-v-bottom.tpo-slider--arrows-outside .tpo-slider__arrow--next {
	transform: translateX(35%);
}

/* Dots */
.tpo-slider__dots,
.tpo-slider .swiper-pagination.tpo-slider__dots {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	width: 100%;
	margin: var(--tpo-dots-offset, 0.85rem) 0 0;
	padding: 0;
}

.tpo-slider--dots-below .tpo-slider__dots {
	position: relative;
	margin-top: var(--tpo-dots-offset, 0.9rem);
}

.tpo-slider--dots-overlay .tpo-slider__dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: var(--tpo-dots-offset, 0.75rem);
	z-index: 2;
	margin: 0;
	pointer-events: none;
}

.tpo-slider--dots-overlay .tpo-slider__dots .swiper-pagination-bullet {
	pointer-events: auto;
}

.tpo-slider__dots .swiper-pagination-bullet {
	width: 0.55rem;
	height: 0.55rem;
	margin: 0;
	opacity: 0.35;
	background: #1a365d;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.tpo-slider__dots .swiper-pagination-bullet-active {
	opacity: 1;
	transform: scale(1.15);
}

/* Scroll-snap fallback when Swiper is unavailable */
.tpo-slider--fallback .tpo-swiper,
.tpo-slider--fallback .swiper {
	overflow: visible;
}

.tpo-slider--fallback .swiper-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 1rem;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.tpo-slider--fallback .swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.tpo-slider--fallback .swiper-slide {
	flex: 0 0 auto;
	scroll-snap-align: start;
	width: calc(
		(100% - ((var(--tpo-slides, 4) - 1) * var(--tpo-slider-gap, 20px))) / var(--tpo-slides, 4)
	);
	max-width: 100%;
}

.tpo-slider--fallback.tpo-slider--peek .swiper-slide {
	width: calc(
		(100% - ((var(--tpo-slides, 4) - 1) * var(--tpo-slider-gap, 20px))) / var(--tpo-slides, 4) * 0.85
	);
}

/* Image object-position token */
.tpo-card__img {
	object-position: var(--tpo-img-pos, center center);
}

/* Title clamp + equal height titles */
.tpo-title-clamp .tpo-card__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--tpo-title-lines, 2);
	line-clamp: var(--tpo-title-lines, 2);
	overflow: hidden;
}

.tpo-equal-title .tpo-card__title {
	min-height: calc(var(--tpo-title-lines, 2) * 1.35em);
}

/* More periods row */
.tpo-more-periods {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 0.5rem;
	margin-top: auto;
	padding-top: 0.35rem;
	font-size: 0.82rem;
	color: #718096;
}

.tpo-more-periods__prefix {
	font-weight: 700;
	color: #a0aec0;
}

.tpo-more-periods__text {
	min-width: 0;
	color: #777777;
}

.tpo-more-periods__count {
	font-weight: 700;
	color: #c05621;
}

/* Hover effects (no layout shift) */
.tpo-hover--lift,
.tpo-hover--shadow,
.tpo-hover--lift-zoom {
	/* Give soft shadows room so they are not clipped by the section */
	padding: 0.4rem;
	margin: -0.4rem;
	overflow: visible;
}

.tpo-hover--lift .tpo-card,
.tpo-hover--shadow .tpo-card,
.tpo-hover--zoom .tpo-card,
.tpo-hover--lift-zoom .tpo-card {
	transition: transform var(--tpo-hover-ms, 300ms) ease, box-shadow var(--tpo-hover-ms, 300ms) ease, border-color var(--tpo-hover-ms, 300ms) ease;
}

/* Applies to every card template, catalog ones included. The catalog
   templates used to opt out of the translate because it made the hairline
   seams between the airline strip and the split footer shift; the fix for
   that is to keep the card on whole pixels while it moves rather than to
   drop the effect, which is what the translate3d below does — it promotes
   the card to its own layer so the browser rasterises the whole card once
   instead of re-snapping each inner edge mid-transition. */
.tpo-hover--lift .tpo-card:hover,
.tpo-hover--lift-zoom .tpo-card:hover {
	transform: translate3d( 0, calc( -1 * var( --tpo-card-hover-lift, 6px ) ), 0 );
}

.tpo-hover--shadow .tpo-card:hover,
.tpo-hover--lift .tpo-card:hover,
.tpo-hover--lift-zoom .tpo-card:hover {
	/* Soft contained shadow — avoid large blur that looks clipped */
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
}

.tpo-hover--zoom .tpo-card__media,
.tpo-hover--lift-zoom .tpo-card__media {
	overflow: hidden;
}

.tpo-hover--zoom .tpo-card__img,
.tpo-hover--lift-zoom .tpo-card__img {
	transition: transform 0.3s ease;
}

.tpo-hover--zoom .tpo-card:hover .tpo-card__img,
.tpo-hover--lift-zoom .tpo-card:hover .tpo-card__img {
	transform: scale(var(--tpo-hover-zoom, 1.06));
}

/* --------------------------------------------------------------------------
   Templates: minimal / premium / horizontal / borderless
   -------------------------------------------------------------------------- */

.tpo-card--minimal,
.tpo-card--premium,
.tpo-card--horizontal,
.tpo-card--borderless {
	border-color: transparent;
	box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
	transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}

.tpo-card--minimal:hover,
.tpo-card--premium:hover,
.tpo-card--horizontal:hover,
.tpo-card--borderless:hover {
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}

/* Minimal — clean stacked travel card */
.tpo-card--minimal .tpo-card__link {
	display: flex;
	flex-direction: column;
	grid-template-columns: none;
}

.tpo-card--minimal .tpo-card__media {
	width: 100%;
	aspect-ratio: 16 / 10;
}

.tpo-card--minimal .tpo-card__img,
.tpo-card--minimal .tpo-card__img--empty {
	min-height: 0;
	max-height: none;
	height: 100%;
}

.tpo-card--minimal .tpo-card__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-width: 0;
}

.tpo-card--minimal .tpo-card__main {
	padding: 0.85rem 1rem 0.5rem;
}

.tpo-card--minimal .tpo-card__title {
	font-size: 1rem;
	font-weight: 650;
	letter-spacing: -0.01em;
}

.tpo-card--minimal .tpo-card__footer,
.tpo-card--minimal .tpo-card__side {
	margin-top: auto;
	border-left: 0;
	border-top: 1px solid #edf2f7;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
	text-align: left;
	padding: 0.75rem 1rem;
}

.tpo-card--minimal .tpo-card__price {
	font-size: 1.25rem;
}

/* Premium — richer stacked card */
.tpo-card--premium {
	border-radius: 16px;
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.08);
}

.tpo-card--premium .tpo-card__link {
	display: flex;
	flex-direction: column;
	grid-template-columns: none;
}

.tpo-card--premium .tpo-card__media {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.tpo-card--premium .tpo-card__img,
.tpo-card--premium .tpo-card__img--empty {
	min-height: 0;
	max-height: none;
	height: 100%;
}

.tpo-card--premium .tpo-card__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-width: 0;
}

.tpo-card--premium .tpo-card__main {
	padding: 1rem 1.15rem 0.55rem;
}

.tpo-card--premium .tpo-card__title {
	font-size: 1.12rem;
	font-weight: 700;
	letter-spacing: -0.015em;
}

.tpo-card--premium .tpo-card__footer,
.tpo-card--premium .tpo-card__side,
.tpo-card--premium .tpo-card__footer--premium {
	margin-top: auto;
	border-left: 0;
	border-top: 1px solid #edf2f7;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	text-align: left;
	padding: 0.85rem 1.15rem 1rem;
	background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.tpo-card--premium .tpo-card__price {
	font-size: 1.45rem;
}

/* Horizontal — desktop row (image | body), mobile column */
.tpo-card--horizontal .tpo-card__link {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	grid-template-columns: none;
	min-height: 0;
}

.tpo-card--horizontal .tpo-card__media {
	flex: 0 0 var(--tpo-media-width, 42%);
	width: var(--tpo-media-width, 42%);
	max-width: 48%;
	aspect-ratio: auto;
	align-self: stretch;
	min-height: 12rem;
}

.tpo-card--horizontal .tpo-card__img,
.tpo-card--horizontal .tpo-card__img--empty {
	min-height: 100%;
	max-height: none;
	height: 100%;
}

.tpo-card--horizontal .tpo-card__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-width: 0;
}

.tpo-card--horizontal .tpo-card__main {
	flex: 1 1 auto;
	padding: 1rem 1.1rem 0.5rem;
}

.tpo-card--horizontal .tpo-card__footer,
.tpo-card--horizontal .tpo-card__side {
	margin-top: auto;
	border-left: 0;
	border-top: 1px solid #edf2f7;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	text-align: left;
	padding: 0.75rem 1.1rem 1rem;
}

@media (max-width: 767px) {
	.tpo-card--horizontal .tpo-card__link {
		flex-direction: column;
	}

	.tpo-card--horizontal .tpo-card__media {
		flex: 0 0 auto;
		width: 100%;
		max-width: none;
		aspect-ratio: 16 / 10;
		min-height: 0;
	}

	.tpo-card--horizontal .tpo-card__img,
	.tpo-card--horizontal .tpo-card__img--empty {
		min-height: 0;
	}
}

/* Borderless — soft media-forward card */
.tpo-card--borderless {
	border: 0;
	border-radius: 18px;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}

.tpo-card--borderless .tpo-card__link {
	display: flex;
	flex-direction: column;
	grid-template-columns: none;
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);
}

.tpo-card--borderless:hover {
	box-shadow: none;
}

.tpo-card--borderless:hover .tpo-card__link {
	box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12);
}

.tpo-card--borderless .tpo-card__media {
	width: 100%;
	aspect-ratio: 4 / 3;
	border-radius: 0;
}

.tpo-card--borderless .tpo-card__img,
.tpo-card--borderless .tpo-card__img--empty {
	min-height: 0;
	max-height: none;
	height: 100%;
}

.tpo-card--borderless .tpo-card__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-width: 0;
}

.tpo-card--borderless .tpo-card__main {
	padding: 0.9rem 1rem 0.45rem;
}

.tpo-card--borderless .tpo-card__footer,
.tpo-card--borderless .tpo-card__side {
	margin-top: auto;
	border-left: 0;
	border-top: 0;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
	text-align: left;
	padding: 0.55rem 1rem 1rem;
}

.tpo-card--borderless .tpo-card__title {
	font-size: 1.05rem;
	font-weight: 650;
}

/* "Outside" arrows sit half outside the slider (translate -35%/35%), which
   only has room to render cleanly when there's real page gutter around the
   slider — true at desktop widths, but at tablet (Elementor's own "Tablet
   Portrait" breakpoint is 1024px) and below the slider is already flush
   against the viewport edge, so the arrow's outward half renders past x:0
   or the right edge and gets visually cut off. Falls back to the same
   inside-style placement at every width from here down (was previously
   scoped to 640px and below only, which left tablet widths unhandled). */
@media (max-width: 1024px) {
	.tpo-slider--arrows-outside .tpo-slider__arrow--prev,
	.tpo-slider--arrows-outside .tpo-slider__arrow--next {
		transform: translateY(-50%);
	}

	.tpo-slider--arrows-outside .tpo-slider__arrow--prev {
		left: var(--tpo-slider-gap-x);
	}

	.tpo-slider--arrows-outside .tpo-slider__arrow--next {
		right: var(--tpo-slider-gap-x);
	}

	.tpo-slider--arrows-v-top.tpo-slider--arrows-outside .tpo-slider__arrow--prev,
	.tpo-slider--arrows-v-top.tpo-slider--arrows-outside .tpo-slider__arrow--next,
	.tpo-slider--arrows-v-bottom.tpo-slider--arrows-outside .tpo-slider__arrow--prev,
	.tpo-slider--arrows-v-bottom.tpo-slider--arrows-outside .tpo-slider__arrow--next {
		transform: none;
	}
}

/* "Show Arrows on Mobile" off (slider class tpo-slider--arrows-mobile-off):
   phones swipe instead, so the arrows are simply not drawn there. Desktop
   and tablet keep their configured placement. */
@media (max-width: 767px) {
	.tpo-slider--arrows-mobile-off > .tpo-slider__arrow {
		display: none;
	}
}

/* ==========================================================================
   Catalog templates 2026 — vertical-info / vertical-meta / vertical-action / horizontal-*
   ========================================================================== */

.tpo-card--vertical-info,
.tpo-card--vertical-meta,
.tpo-card--vertical-action,
.tpo-card--horizontal-action,
.tpo-card--horizontal-minimal {
	--tpo-h-media-width: 40%;
	--tpo-preview-bg: #1e6bd6;
	--tpo-preview-opacity: 0.72;
	--tpo-preview-ms: 300ms;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e8eef5;
	box-shadow: 0 2px 10px rgba(15, 35, 65, 0.06);
	/* Prevent hover from creating a new transform layer (causes seam/jitter) */
	transform: none;
	transition: none;
}

/* Catalog default: no extra drop-shadow on hover (keeps rest-state shadow).
   Optional Card Hover Effect / Elementor Card → Hover shadow still apply. */
.tpo-card--vertical-info:hover,
.tpo-card--vertical-meta:hover,
.tpo-card--vertical-action:hover,
.tpo-card--horizontal-action:hover,
.tpo-card--horizontal-minimal:hover {
	box-shadow: 0 2px 10px rgba(15, 35, 65, 0.06);
	transform: none;
}

.tpo-card--vertical-info .tpo-card__inner,
.tpo-card--vertical-meta .tpo-card__inner,
.tpo-card--vertical-action .tpo-card__inner,
.tpo-card--horizontal-action .tpo-card__inner,
.tpo-card--horizontal-minimal .tpo-card__inner {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.tpo-card--vertical-info .tpo-card__media,
.tpo-card--vertical-meta .tpo-card__media,
.tpo-card--vertical-action .tpo-card__media {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	flex: 0 0 auto;
	isolation: isolate;
	/* Overlap body by 1px to hide subpixel seam on hover repaint */
	margin-bottom: -1px;
	z-index: 0;
	background: #e2e8f0;
}

.tpo-card--horizontal-action .tpo-card__media,
.tpo-card--horizontal-minimal .tpo-card__media {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	flex: 0 0 auto;
}

.tpo-card__media-frame {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.tpo-card--vertical-info .tpo-card__img,
.tpo-card--vertical-meta .tpo-card__img,
.tpo-card--vertical-action .tpo-card__img,
.tpo-card--horizontal-action .tpo-card__img,
.tpo-card--horizontal-minimal .tpo-card__img,
.tpo-card--vertical-info .tpo-card__img--empty,
.tpo-card--vertical-meta .tpo-card__img--empty,
.tpo-card--vertical-action .tpo-card__img--empty,
.tpo-card--horizontal-action .tpo-card__img--empty,
.tpo-card--horizontal-minimal .tpo-card__img--empty {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transform: none;
}

/* Zoom only when Card Hover Effect = Image Zoom / Lift + Zoom */
.tpo-hover--zoom .tpo-card__img,
.tpo-hover--lift-zoom .tpo-card__img {
	transition: transform var(--tpo-hover-ms, 300ms) ease;
}

.tpo-card__media-link,
.tpo-card__preview-link {
	position: absolute;
	inset: 0;
	z-index: 2;
}

/* Always clickable — toggling pointer-events on hover causes overlay flicker */
.tpo-card--preview-hover .tpo-card__preview-link {
	pointer-events: auto;
}

.tpo-card-badge {
	display: inline-flex;
	align-items: center;
	max-width: calc(100% - 1rem);
	padding: 0.28rem 0.55rem;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.2;
	border-radius: 2px;
	z-index: 3;
	pointer-events: none;
}

.tpo-card-badge--code {
	position: absolute;
	top: 0.65rem;
	left: 0.65rem;
	color: #fff;
	background: rgba(20, 24, 32, 0.88);
}

.tpo-card-badge--code.tpo-card-badge--top-right {
	left: auto;
	right: 0.65rem;
}

.tpo-card__badges {
	position: absolute;
	left: 0.55rem;
	right: 0.55rem;
	bottom: 0.55rem;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 0.4rem;
	z-index: 3;
	pointer-events: none;
}

.tpo-card-badge--country {
	color: #fff;
	background: #1e6bd6;
}

.tpo-card-badge--promotion {
	color: #fff;
	background: #e11d48;
	margin-left: auto;
}

.tpo-card__preview {
	position: absolute;
	inset: 0;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: rgba(30, 107, 214, 0.72);
	background: color-mix(in srgb, var(--tpo-preview-bg, #1e6bd6) calc(var(--tpo-preview-opacity, 0.72) * 100%), transparent);
	opacity: 0;
	pointer-events: none;
	transform: translateZ(0);
	backface-visibility: hidden;
	will-change: opacity;
	transition: opacity var(--tpo-preview-ms, 300ms) ease;
	/* Keep overlay paint inside media — do not affect body/footer layout */
	contain: paint;
}

.tpo-card__preview-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.45rem;
	text-align: center;
}

.tpo-card__preview-center .tpo-card__icon {
	width: 2.5rem;
	height: 2.5rem;
	font-size: 2.5rem;
	color: inherit;
}

.tpo-card__preview-center .tpo-card__icon svg,
.tpo-card__share .tpo-card__icon svg,
.tpo-card__meta-list .tpo-card__icon svg,
.tpo-card__action .tpo-card__icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.tpo-card__preview-center .tpo-card__icon i,
.tpo-card__share .tpo-card__icon i {
	font-size: 1em;
	width: 1em;
	height: 1em;
}

.tpo-card__preview-text {
	font-size: 0.95rem;
	font-weight: 600;
}

.tpo-card__share {
	position: absolute;
	top: 0.7rem;
	right: 0.7rem;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	background-color: transparent;
	background-image: none;
	box-shadow: none;
	color: inherit;
	cursor: pointer;
	font: inherit;
	line-height: 1;
	z-index: 5;
	pointer-events: auto;
}

.tpo-card__share:hover,
.tpo-card__share:focus,
.tpo-card__share:focus-visible,
.tpo-card__share:active {
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	background-color: transparent;
	background-image: none;
	box-shadow: none;
	outline: none;
	filter: none;
	opacity: 1;
}

.tpo-card__share .tpo-card__icon {
	width: 1.15rem;
	height: 1.15rem;
	font-size: 1.15rem;
	color: inherit;
}

:where(.tpo-card__share-text) {
	font-size: 0.85rem;
	font-weight: 600;
}

@media (hover: hover) and (pointer: fine) {
	/* Scoped to the media element only — hovering buttons/tabs below must not wake this up. */
	.tpo-card--preview-hover .tpo-card__media:hover .tpo-card__preview {
		opacity: 1;
	}
}

.tpo-card--vertical-info .tpo-card__body,
.tpo-card--vertical-meta .tpo-card__body,
.tpo-card--vertical-action .tpo-card__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-width: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	background: #fff;
}

.tpo-card--vertical-info .tpo-card__main,
.tpo-card--vertical-meta .tpo-card__main,
.tpo-card--vertical-action .tpo-card__main {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	padding: 0.9rem 0.95rem 0.7rem;
	flex: 1 1 auto;
}

/* Template 1 (Catalog c) — airline → title → dates → highlight → footer split */
.tpo-card--vertical-info .tpo-card__main {
	gap: 0.45rem;
	padding: 0.85rem 0.95rem 0.65rem;
}

.tpo-card--vertical-info .tpo-card__airline {
	margin: 0 0 0.15rem;
	min-height: 1.5rem;
	display: flex;
	align-items: center;
}

.tpo-card--vertical-info .tpo-card__airline-logo {
	height: 1.5rem;
	width: auto;
	max-width: 5.5rem;
	object-fit: contain;
	display: block;
	flex: 0 0 auto;
}

.tpo-card--vertical-info .tpo-card__title {
	font-size: 1.02rem;
	font-weight: 700;
	line-height: 1.35;
	color: #1a202c;
}

.tpo-card--vertical-info .tpo-card__dates,
.tpo-card--vertical-action .tpo-card__dates,
.tpo-card--horizontal-action .tpo-card__dates,
.tpo-card--horizontal-minimal .tpo-card__dates {
	margin: 0;
	display: grid;
	grid-template-columns: repeat(var(--tpo-periods-cols, 1), minmax(0, 1fr));
	gap: 0.15rem 0.75rem;
	color: #e11d48;
	font-size: 0.88rem;
	font-weight: 600;
	line-height: 1.4;
}

.tpo-card--vertical-info .tpo-card__date-line,
.tpo-card--vertical-action .tpo-card__date-line,
.tpo-card--horizontal-action .tpo-card__date-line,
.tpo-card--horizontal-minimal .tpo-card__date-line {
	margin: 0;
	color: inherit;
	font: inherit;
	line-height: inherit;
}

.tpo-card--vertical-info .tpo-card__highlight {
	margin: 0.15rem 0 0;
	color: #718096;
	font-size: 0.84rem;
	line-height: 1.5;
}

.tpo-card--vertical-info .tpo-card__footer--split {
	margin-top: auto;
	display: flex;
	align-items: stretch;
	justify-content: stretch;
	gap: 0;
	padding: 0;
	border-top: 1px solid #e8e8e8;
	background: #eeeeee;
	border-left: 0;
	flex-wrap: nowrap;
	overflow: hidden;
	/* Fixed radii — inherit + overflow glitches on hover compositing */
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	min-height: 3.25rem;
	transform: translateZ(0);
}

.tpo-card--vertical-info .tpo-card__footer-left {
	display: flex;
	align-items: center;
	min-width: 0;
	flex: 1 1 55%;
	padding: 0.75rem 0.95rem;
	background: #eeeeee;
}

.tpo-card--vertical-info .tpo-card__footer-right {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 1 45%;
	margin-left: 0;
	padding: 0.75rem 0.85rem;
	background: #3276d2;
	border-top-left-radius: 1.75rem;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 10px;
	color: #fff;
}

.tpo-card--vertical-info .tpo-card__duration {
	font-size: 0.95rem;
	font-weight: 500;
	color: #1a1a1a;
	white-space: nowrap;
}

.tpo-card--vertical-info .tpo-card__price--pill {
	display: inline-flex;
	align-items: baseline;
	justify-content: center;
	gap: 0.28rem;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: #fff;
	line-height: 1.2;
	white-space: nowrap;
}

/* :where() keeps defaults without beating Elementor Style controls */
:where(.tpo-card--vertical-info .tpo-card__price--pill .tpo-card__price-label),
:where(.tpo-card--vertical-info .tpo-card__price--pill .tpo-card__price-currency) {
	font-size: 0.8rem;
	font-weight: 500;
	color: inherit;
}

:where(.tpo-card--vertical-info .tpo-card__price--pill .tpo-card__price-value) {
	font-size: 1.15rem;
	font-weight: 800;
	color: inherit;
}

.tpo-card--vertical-info .tpo-card__price-footer {
	display: none;
}

/* Template 2 (Catalog g) — category → title → icon meta → right price */
.tpo-card--vertical-meta .tpo-card__body {
	background: #f5f7fa;
}

.tpo-card--vertical-meta .tpo-card__main {
	gap: 0.5rem;
	padding: 0.85rem 0.95rem 0.55rem;
	background: #f5f7fa;
}

.tpo-card--vertical-meta .tpo-card__country-name {
	margin: 0;
	color: #1e6bd6;
	font-size: 0.82rem;
	font-weight: 600;
	line-height: 1.3;
	display: inline-block;
	box-sizing: border-box;
	max-width: 100%;
}

.tpo-card--vertical-meta .tpo-card__meta-list {
	gap: 0.4rem;
	margin-top: 0.15rem;
}

.tpo-card--vertical-meta .tpo-card__meta-row {
	color: #2d3748;
	font-size: 0.86rem;
}

.tpo-card--vertical-meta .tpo-card__meta-row .tpo-card__icon {
	color: #718096;
}

.tpo-card--vertical-meta .tpo-card__meta-row--airline .tpo-card__airline {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
	flex-wrap: nowrap;
}

.tpo-card--vertical-meta .tpo-card__airline-logo {
	flex: 0 0 auto;
	height: 1.35rem;
	max-width: 4.5rem;
	max-height: none;
}

.tpo-card--vertical-meta .tpo-card__airline-name {
	flex: 1 1 auto;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow-wrap: normal;
	word-break: normal;
}

.tpo-card--vertical-meta .tpo-card__price-footer {
	margin-top: auto;
	background: #f5f7fa;
	padding: 0.55rem 0.95rem 0.85rem;
	border-top: 0;
	justify-content: flex-end;
}

.tpo-card--vertical-meta .tpo-card__price--inline .tpo-card__price-label,
.tpo-card--vertical-meta .tpo-card__price--inline .tpo-card__price-currency {
	color: #1e6bd6;
	font-weight: 600;
}

.tpo-card--vertical-meta .tpo-card__price--inline .tpo-card__price-value {
	color: #1e6bd6;
	font-size: 1.28rem;
	font-weight: 800;
}

@media (max-width: 1024px) {
	.tpo-card--vertical-meta .tpo-card__main {
		padding: 0.75rem 0.8rem 0.45rem;
		gap: 0.4rem;
	}

	.tpo-card--vertical-meta .tpo-card__title {
		font-size: 0.95rem;
	}

	.tpo-card--vertical-meta .tpo-card__meta-row {
		font-size: 0.82rem;
	}
}

@media (max-width: 767px) {
	.tpo-card--vertical-meta .tpo-card__media {
		aspect-ratio: 16 / 10;
	}

	.tpo-card--vertical-meta .tpo-card__main {
		padding: 0.7rem 0.75rem 0.4rem;
	}

	.tpo-card--vertical-meta .tpo-card__price-footer {
		padding: 0.45rem 0.75rem 0.75rem;
	}

	.tpo-card--vertical-meta .tpo-card__price--inline .tpo-card__price-value {
		font-size: 1.15rem;
	}

	.tpo-card--vertical-meta .tpo-card__airline-logo {
		height: 1.15rem;
		max-width: 3.75rem;
	}
}

.tpo-card__country-name {
	margin: 0;
	color: #1e6bd6;
	font-size: 0.85rem;
	font-weight: 600;
	display: inline-block;
	box-sizing: border-box;
	max-width: 100%;
}

.tpo-card--vertical-info .tpo-card__title,
.tpo-card--vertical-meta .tpo-card__title,
.tpo-card--vertical-action .tpo-card__title,
.tpo-card--horizontal-action .tpo-card__title,
.tpo-card--horizontal-minimal .tpo-card__title {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
	color: #1a202c;
}

.tpo-card__title-link {
	color: inherit;
	text-decoration: none;
}

.tpo-card__meta-list {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.tpo-card__meta-row {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	color: #4a5568;
	font-size: 0.86rem;
	line-height: 1.45;
}

.tpo-card__meta-row .tpo-card__icon {
	flex: 0 0 auto;
	width: 1rem;
	height: 1rem;
	margin-top: 0.15rem;
	color: #718096;
}

.tpo-card__meta-text {
	min-width: 0;
	flex: 1 1 auto;
}

.tpo-card__airline {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-width: 0;
	max-width: 100%;
}

.tpo-card__airline-logo {
	display: block;
	flex: 0 0 auto;
	width: auto;
	height: 1.35rem;
	max-width: var(--tpo-airline-width, 4.5rem);
	max-height: var(--tpo-airline-height, 1.35rem);
	object-fit: contain;
}

.tpo-card__airline-name {
	font-size: 0.86rem;
	color: #2d3748;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow-wrap: normal;
	word-break: normal;
	min-width: 0;
}

.tpo-highlight-clamp .tpo-card__highlight,
.tpo-highlight-clamp .tpo-card__meta-row--highlight .tpo-card__meta-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--tpo-highlight-lines, 3);
	line-clamp: var(--tpo-highlight-lines, 3);
	overflow: hidden;
}

.tpo-card__price-footer {
	margin-top: auto;
	border-top: 0;
	border-left: 0;
	background: #f5f7fa;
	padding: 0.7rem 0.95rem;
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
}

.tpo-card__price--inline {
	margin: 0;
	display: inline-flex;
	align-items: baseline;
	gap: 0.28rem;
	flex-wrap: wrap;
	justify-content: flex-end;
}

:where(.tpo-card__price-label),
:where(.tpo-card__price-currency) {
	font-size: 0.85rem;
	font-weight: 500;
	color: #2d3748;
}

:where(.tpo-card__price-value) {
	font-size: 1.25rem;
	font-weight: 800;
	color: #1e6bd6;
	line-height: 1;
}

.tpo-card__tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	border-radius: 4px;
	overflow: hidden;
	background: #edf2f7;
}

.tpo-card__tab {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.55rem 0.4rem;
	font-size: 0.86rem;
	font-weight: 600;
	color: #2d3748;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #e2e8f0;
}

.tpo-card__tab:last-child {
	border-right: 0;
}

.tpo-card__tab:hover {
	background: #e2e8f0;
}

.tpo-card__tab {
	background: transparent;
	border: 0;
	border-right: 1px solid #e2e8f0;
	cursor: pointer;
	font-family: inherit;
}

.tpo-card__tab.is-active {
	background: #fff;
	color: #1a365d;
}

/* Tabs are <button>s: Hello Elementor paints button:hover/:focus #c36/#fff.
   These beat that (0,3,0 > 0,1,1) but stay below the Style → Info Tabs
   controls ({{WRAPPER}} … = 0,4,0+), so the Active / Hover colours set there
   survive clicking — the active tab used to lose its background on focus. */
.tpo-card__tab:focus:not(.is-active) {
	background-color: transparent;
	color: #2d3748;
}

.tpo-card__tab:hover:not(.is-active) {
	background-color: #e2e8f0;
	color: #2d3748;
}

.tpo-card__tab.is-active:hover,
.tpo-card__tab.is-active:focus {
	background-color: #fff;
	color: #1a365d;
}

.tpo-card__tab:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -3px;
}

.tpo-card__tab:focus:not(:focus-visible) {
	outline: none;
}

.tpo-card__tab-panel {
	display: none;
}

.tpo-card__tab-panel.is-active {
	display: block;
}

.tpo-card__tab-text {
	margin: 0;
	color: #4a5568;
	font-size: 0.86rem;
	line-height: 1.5;
}

.tpo-card__tabs-wrap .tpo-card__subtitle,
.tpo-card__tabs-wrap .tpo-card__highlight {
	margin-top: 0.5rem;
}

.tpo-card__subtitle,
.tpo-card__highlight {
	margin: 0;
	color: #4a5568;
	font-size: 0.86rem;
	line-height: 1.5;
}

.tpo-card__meta-price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.75rem 0.95rem;
	border-top: 1px solid #edf2f7;
	margin-top: auto;
}

.tpo-card__meta-price-left {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	min-width: 0;
	flex: 1 1 auto;
}

.tpo-card__meta-price-right {
	flex: 0 0 auto;
}

.tpo-card__duration {
	font-size: 0.9rem;
	font-weight: 600;
	color: #1a202c;
	white-space: nowrap;
}

.tpo-card__actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 0;
}

.tpo-card__actions .tpo-card__action:only-child {
	grid-column: 1 / -1;
}

.tpo-card__action {
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	gap: 0.4rem;
	/* Fixed (not just min-) height — PDF and Detail must match even if one label wraps.
	   Overridable per-breakpoint via Style → Action Buttons → Button Height. */
	height: 2.75rem;
	line-height: normal;
	padding: 0 0.75rem;
	font-size: 0.95rem;
	font-weight: 700;
	text-decoration: none;
	overflow: hidden;
	box-sizing: border-box;
	transition: background-color 0.2s ease, color 0.2s ease, filter 0.2s ease;
}

.tpo-card__action span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tpo-card__action .tpo-card__icon {
	width: 1.1rem;
	height: 1.1rem;
}

.tpo-card__action--pdf {
	background: #e11d48;
	color: #fff;
}

.tpo-card__action--detail,
.tpo-card__action.tpo-card__cta {
	background: #1e6bd6;
	color: #fff;
	margin: 0;
	border-radius: 0;
}

.tpo-card__action--pdf:hover {
	filter: brightness(0.95);
}

/* Detail CTA hover only when the button itself is hovered — not when hovering the card image. */
.tpo-card__action--detail:hover {
	background: #164f9e;
	filter: brightness(0.95);
}

/* Horizontal layouts (desktop) */
@media (min-width: 768px) {
	.tpo-card--horizontal-action .tpo-card__inner,
	.tpo-card--horizontal-minimal .tpo-card__inner {
		flex-direction: row;
		align-items: stretch;
	}

	.tpo-card--horizontal-action .tpo-card__media,
	.tpo-card--horizontal-minimal .tpo-card__media {
		width: var(--tpo-h-media-width, 40%);
		flex: 0 0 var(--tpo-h-media-width, 40%);
		aspect-ratio: auto;
		align-self: stretch;
		min-height: 100%;
	}

	.tpo-card--horizontal-action .tpo-card__body,
	.tpo-card--horizontal-minimal .tpo-card__body {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		min-width: 0;
		width: auto;
	}

	.tpo-card--horizontal-action .tpo-card__main,
	.tpo-card--horizontal-minimal .tpo-card__main {
		display: flex;
		flex-direction: column;
		gap: 0.55rem;
		padding: 0.95rem 1rem 0.65rem;
		flex: 1 1 auto;
	}

	.tpo-card--horizontal-action .tpo-card__actions {
		margin-top: 0;
	}
}

@media (max-width: 767px) {
	.tpo-card--horizontal-action .tpo-card__inner,
	.tpo-card--horizontal-minimal .tpo-card__inner {
		flex-direction: column;
	}

	.tpo-card--horizontal-action .tpo-card__media,
	.tpo-card--horizontal-minimal .tpo-card__media {
		width: 100%;
		flex: 0 0 auto;
		aspect-ratio: 4 / 3;
	}

	.tpo-card--horizontal-action .tpo-card__main,
	.tpo-card--horizontal-minimal .tpo-card__main {
		display: flex;
		flex-direction: column;
		gap: 0.55rem;
		padding: 0.9rem 0.95rem 0.7rem;
	}
}

.tpo-grid--vertical-info .tpo-card,
.tpo-grid--vertical-meta .tpo-card,
.tpo-grid--vertical-action .tpo-card,
.tpo-grid--horizontal-action .tpo-card,
.tpo-grid--horizontal-minimal .tpo-card,
.tpo-slider__track--vertical-info .tpo-card,
.tpo-slider__track--vertical-meta .tpo-card,
.tpo-slider__track--vertical-action .tpo-card,
.tpo-slider__track--horizontal-action .tpo-card,
.tpo-slider__track--horizontal-minimal .tpo-card {
	height: 100%;
}

.tpo-slider .tpo-slide {
	height: auto;
	display: flex;
}

.tpo-slider .tpo-slide .tpo-card {
	width: 100%;
}

/* --------------------------------------------------------------------------
   Popular Country Tours (homepage JetEngine Listing Grid, data-listing-id
   "13317" — read from the live page, not guessed) — hover-reveal treatment:
   overlay the title on the image with a gradient, dim/blur the other cards
   on hover, and pop the hovered one. Pure CSS, no JS, no JetEngine files
   touched. Only takes effect on pages where tpo-card.css is enqueued —
   currently true on the homepage because a TPO Tour Grid widget also sits
   further down the same page.
   -------------------------------------------------------------------------- */
.jet-listing-grid__items[data-listing-id="13317"] .jet-listing-grid__item {
	position: relative;
	overflow: hidden;
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
	transition: transform 0.35s ease, opacity 0.35s ease, filter 0.35s ease, box-shadow 0.35s ease;
}

.jet-listing-grid__items[data-listing-id="13317"] .elementor-element-0bcc576 {
	position: absolute;
	inset: auto 0 0 0;
	z-index: 2;
	margin: 0;
	padding: 0.5rem 1rem 1.05rem;
	text-align: center;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.15) 70%, transparent);
	pointer-events: none;
}

.jet-listing-grid__items[data-listing-id="13317"] .wow_title_country,
.jet-listing-grid__items[data-listing-id="13317"] .wow_title_country a {
	color: #fff;
	font-size: 1.1rem;
	font-weight: 700;
	text-decoration: none;
	pointer-events: auto;
}

@media (hover: hover) and (pointer: fine) {
	.jet-listing-grid__items[data-listing-id="13317"]:hover .jet-listing-grid__item {
		transform: scale(0.97);
		opacity: 0.55;
		filter: blur(2px);
	}

	.jet-listing-grid__items[data-listing-id="13317"] .jet-listing-grid__item:hover {
		transform: scale(1.045);
		opacity: 1;
		filter: none;
		z-index: 3;
		box-shadow: 0 18px 40px rgba(15, 23, 42, 0.24);
	}
}



/* ==========================================================================
   Template 3 (vertical-action) — compact redesign: 16:10 image, one meta
   row, 2-line title, 2-line tabs, one-row footer (price | PDF icon + CTA).
   Selectors stay at (0,2,0)-(0,3,0) so Style controls ({{WRAPPER}} …) win.
   ========================================================================== */
.tpo-card--vertical-action {
	border-radius: 14px;
	border-color: #e6ebf2;
	box-shadow: 0 2px 12px rgba(15, 35, 65, 0.06);
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.tpo-card--vertical-action:hover {
	box-shadow: 0 12px 28px rgba(15, 35, 65, 0.12);
	transform: translateY(-3px);
}
.tpo-card--vertical-action .tpo-card__media {
	aspect-ratio: 16 / 10;
}
.tpo-card--vertical-action .tpo-card__img {
	transition: transform 0.4s ease;
}
.tpo-card--vertical-action:hover .tpo-card__img {
	transform: scale(1.04);
}
.tpo-card--vertical-action .tpo-card__t3-duration {
	position: absolute;
	right: 0.625rem;
	bottom: 0.625rem;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.25rem 0.6rem;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.7);
	color: #fff;
	font-family: inherit;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.2;
	pointer-events: none;
}
.tpo-card--vertical-action .tpo-card__main {
	gap: 0.45rem;
	padding: 0.85rem 1rem 0.6rem;
}
.tpo-card--vertical-action .tpo-card__t3-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.25rem 0.5rem;
	min-height: 1.5rem;
	color: var(--e-global-color-text, #64748b);
	font-family: inherit;
	font-size: 0.75rem;
	line-height: 1.3;
}
.tpo-card--vertical-action .tpo-card__t3-meta .tpo-card__airline {
	margin: 0;
	min-width: 0;
}
.tpo-card--vertical-action .tpo-card__t3-meta img {
	height: 1.25rem;
	width: auto;
	max-width: 4.5rem;
	object-fit: contain;
}
.tpo-card--vertical-action .tpo-card__t3-dot {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.45;
}
.tpo-card--vertical-action .tpo-card__t3-code {
	font-weight: 600;
	letter-spacing: 0.02em;
	opacity: 0.85;
}
.tpo-card--vertical-action .tpo-card__t3-periods {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	color: var(--e-global-color-primary, #1e6bd6);
	font-weight: 600;
}
.tpo-card--vertical-action .tpo-card__title {
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-height: calc(1.4em * 2);
}
.tpo-card--vertical-action .tpo-card__tabs {
	display: flex;
	gap: 0.25rem;
	border-radius: 0;
	background: transparent;
	border-bottom: 1px solid #e6ebf2;
}
.tpo-card--vertical-action .tpo-card__tab,
.tpo-card--vertical-action .tpo-card__tab:hover,
.tpo-card--vertical-action .tpo-card__tab:focus {
	flex: 0 0 auto;
	padding: 0.35rem 0.6rem;
	margin-bottom: -1px;
	border: 0;
	border-bottom: 2px solid transparent;
	background: transparent;
	color: var(--e-global-color-text, #64748b);
	font-size: 0.8125rem;
	white-space: nowrap;
}
.tpo-card--vertical-action .tpo-card__tab.is-active,
.tpo-card--vertical-action .tpo-card__tab.is-active:hover,
.tpo-card--vertical-action .tpo-card__tab.is-active:focus {
	background: transparent;
	color: var(--e-global-color-primary, #1e6bd6);
	border-bottom-color: var(--e-global-color-primary, #1e6bd6);
}
.tpo-card--vertical-action .tpo-card__tab-panel {
	padding-top: 0.45rem;
	min-height: calc(1.55em * 2 + 0.45rem);
	font-size: 0.8125rem;
	line-height: 1.55;
}
.tpo-card--vertical-action .tpo-card__tab-panel .tpo-card__subtitle,
.tpo-card--vertical-action .tpo-card__tab-panel .tpo-card__dates {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 0;
}
.tpo-card--vertical-action .tpo-card__t3-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 0.7rem 1rem 0.9rem;
	border-top: 1px solid #eef2f7;
	container-type: inline-size;
}
.tpo-card--vertical-action .tpo-card__t3-price {
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.tpo-card--vertical-action .tpo-card__t3-price .tpo-card__price {
	margin: 0;
	white-space: nowrap;
}
.tpo-card--vertical-action .tpo-card__t3-price .tpo-card__price-original {
	margin: 0;
	order: -1;
	font-size: 0.75rem;
	text-decoration: line-through;
	opacity: 0.6;
}
.tpo-card--vertical-action .tpo-card__t3-footer .tpo-card__actions {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin-left: auto;
}
.tpo-card--vertical-action .tpo-card__t3-footer .tpo-card__action {
	height: 2.5rem;
	padding: 0 1rem;
	border-radius: 999px;
	font-size: 0.8125rem;
}
.tpo-card--vertical-action .tpo-card__t3-footer .tpo-card__action--pdf {
	flex: 0 0 auto;
	width: auto;
	aspect-ratio: 1 / 1;
	padding: 0;
	background: transparent;
	color: #e11d48;
	border: 1px solid currentColor;
}
.tpo-card--vertical-action .tpo-card__t3-footer .tpo-card__action--pdf > span:not(.tpo-card__icon) {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
.tpo-card--vertical-action .tpo-card__t3-footer .tpo-card__action--pdf:hover {
	background: #fff1f2;
	filter: none;
}
.tpo-card--vertical-action .tpo-card__t3-footer .tpo-card__action--pdf {
	position: relative;
}
@container (max-width: 330px) {
	.tpo-card--vertical-action .tpo-card__t3-footer .tpo-card__actions {
		width: 100%;
	}
	.tpo-card--vertical-action .tpo-card__t3-footer .tpo-card__action--detail {
		flex: 1 1 0;
	}
}
@media (prefers-reduced-motion: reduce) {
	.tpo-card--vertical-action,
	.tpo-card--vertical-action .tpo-card__img {
		transition: none;
	}
	.tpo-card--vertical-action:hover,
	.tpo-card--vertical-action:hover .tpo-card__img {
		transform: none;
	}
}

/* --------------------------------------------------------------------------
   Touch devices: smooth swiping.
   On a phone a tap / the start of a drag leaves a "sticky" :hover on the card,
   so the lift / zoom / shadow transitions used to animate mid-swipe. Hover
   effects are a mouse affordance — switch them off for touch only (desktop
   unchanged). !important also beats hover values set in the Style panel.
   -------------------------------------------------------------------------- */
@media (hover: none), (pointer: coarse) {
	.tpo-card,
	.tpo-card__img,
	.tpo-card__media {
		transition: none !important;
	}
	.tpo-card:hover,
	.tpo-card:hover .tpo-card__img {
		transform: none !important;
	}
	.tpo-hover--lift .tpo-card:hover,
	.tpo-hover--shadow .tpo-card:hover,
	.tpo-hover--lift-zoom .tpo-card:hover,
	.tpo-card--minimal:hover,
	.tpo-card--premium:hover,
	.tpo-card--horizontal:hover,
	.tpo-card--borderless:hover {
		box-shadow: none;
	}
	.tpo-card--minimal:hover,
	.tpo-card--premium:hover,
	.tpo-card--horizontal:hover,
	.tpo-card--borderless:hover {
		box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
	}
	/* Hover preview overlay never shows on touch: drop its permanent layer. */
	.tpo-card__preview {
		will-change: auto;
		transform: none;
	}
	/* Let vertical page scrolling start immediately over a card slider. */
	.tpo-slider .swiper,
	.tpo-slider .tpo-swiper {
		touch-action: pan-y;
	}
}