/**
 * Lestello — Pozostałe podstrony
 * Style ładowane na wszystkich podstronach, z wyjątkiem strony głównej i bloga.
 */

/* ==========================================================================
   1. B2B (Pakiety, Kroki)
   ========================================================================== */
.packages__wrapper .kt-row-column-wrap {
	align-items: stretch;
}

.packages__wrapper .package__item {
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	min-width: 0;
	min-height: 100%;
	align-self: stretch;
	height: 100%;
}

.packages__wrapper .package__item .kt-inside-inner-col {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
	min-height: 100%;
	box-sizing: border-box;
}

.packages__delivery-label {
	margin-bottom: 0px !important;
}

.package__item {
	position: relative;
}

.package__item.package__item-1 .package__img {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(26%, -60px);
	width: 100%;
	max-width: 150px;
	height: auto;
	object-fit: cover;
	object-position: center;
	z-index: 10;
}

.package__item.package__item-2 .package__img {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(26%, 60px);
	width: 100%;
	max-width: 200px;
	height: auto;
	object-fit: cover;
	object-position: center;
	z-index: 10;
}

.package__item.package__item-2 .package__label {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(-40px, -50%);
}

.steps__wrapper .kt-row-column-wrap > .steps__item {
	position: relative;
}

.steps__wrapper .kt-row-column-wrap > .steps__item:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 22px;
	height: 16px;
	transform: translate(50%, -40px);
	background: url("/wp-content/uploads/2026/04/arrow.svg") center / contain no-repeat;
	pointer-events: none;
	z-index: 2;
}

.cards .kt-tab-title {
	border:1px solid #f2f2f2 !important;
}

.cards .kt-tab-title-active .kt-tab-title {
	border:1px solid var(--global-palette1) !important;
}



@media screen and (max-width: 991px) {
	.package__item.package__item-1 .package__img {
		transform: translate(15%, -28px);
	}
	.steps__wrapper .kt-row-column-wrap > .steps__item:not(:last-child)::after {
		display: none !important;
	}
}