/* Правки за аудитом 2skiclub.com.ua, 10.10.2026 */

/* Owl Carousel ховає слайдер до ініціалізації, і сторінка потім стрибає вниз (CLS).
   Тому слайдер видно одразу, але лише з першим слайдом. */
.peulis-slide:not(.owl-loaded) {
	display: block;
}

.peulis-slide:not(.owl-loaded) > .slider-container:not(:first-child) {
	display: none;
}


/* Головний заголовок банера (раніше h4) */
.banner-welcome h1 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 44px;
	line-height: 1.2;
	font-weight: 500;
	color: #fff;
	letter-spacing: 0;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
	margin: 0;
}

.banner-cta {
	margin-top: 30px;
}

.banner-cta a {
	margin: 6px;
}

.banner-cta .banner-cta-phone {
	background: #0d5491;
}

/* Назва сторінки в «хлібних крихтах» (раніше h2) */
.breadcrumb-box h1 {
	font-family: 'Ubuntu', sans-serif;
	white-space: normal;
	font-size: 50px;
	line-height: 50px;
	font-weight: 400;
	color: #fff;
	letter-spacing: 0;
}

/* Кнопка «Замовити» в картці туру не розривається на два рядки */
.tour-details a {
	white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 991px) {
	.breadcrumb-box h1 {
		font-size: 40px;
		line-height: 50px;
	}
}

@media (max-width: 767px) {
	.slider-container {
		height: 75vh;
	}
	.banner-area {
		top: 22%;
		padding: 0 15px;
	}
	.banner-welcome h1 {
		font-size: 30px;
	}
	.breadcrumb-box h1 {
		font-size: 32px;
		line-height: 40px;
	}
	/* «Наші переваги»: по дві картки в рядку замість чотирьох одна під одною */
	.peulis-choose-area .col-lg-3 {
		flex: 0 0 50%;
		max-width: 50%;
		padding-left: 8px;
		padding-right: 8px;
	}
	.single-choose {
		padding: 20px 10px;
	}
}

/* Іконки Font Awesome вантажаться наприкінці сторінки; висоту смужки соцмереж задано наперед */
.header-top-social {
	min-height: 35px;
}

/* Поточний пункт «хлібних крихт» — посилання без href, Bootstrap інакше успадковує темний колір */
.breadcrumb-inn li.active a {
	color: #fff;
}

/* Плитки галереї на головній: замість суцільного затемнення 58% — градієнт лише під підписом */
.promo-package-img:after {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.15) 45%, rgba(0, 0, 0, 0) 70%);
	opacity: 1;
}

/* Замість animate.min.css (57 КБ): слайдеру потрібна лише анімація fadeIn, fadeOut є в owl.carousel.css */
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.owl-carousel .fadeIn {
	animation-name: fadeIn;
}

/* Закріплена панель «Подзвонити / Telegram» на телефонах */
.mobile-cta {
	display: none;
}

@media (max-width: 767px) {
	.mobile-cta {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		/* вище за вкладки туру #myTab (z-index 9999999 у responsive.css) */
		z-index: 10000000;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
	}
	.mobile-cta a {
		flex: 1;
		text-align: center;
		padding: 14px 8px;
		color: #fff;
		font-weight: 600;
		font-size: 16px;
	}
	.mobile-cta a:hover,
	.mobile-cta a:focus {
		color: #fff;
	}
	.mobile-cta .mobile-cta-phone {
		background: #cf4646;
	}
	.mobile-cta .mobile-cta-telegram {
		background: #0d5491;
	}
	body {
		padding-bottom: 52px;
	}
	.btntoTop {
		bottom: 80px;
	}
	/* не закриває форму «Замовити» у модальному вікні */
	.modal-open .mobile-cta {
		display: none;
	}
}