.pl--video-slider-youtube {
	padding: 60px 0 30px;
	position: relative;
}

.video-slider-youtube__header {
	margin-bottom: 30px;
}

.video-slider-youtube__header .content--container,
.video-slider-youtube__header .heading {
	margin-left: 0;
	margin-right: 0;
}

.video-slider-youtube__header .content--intro,
.video-slider-youtube__header .content--inner {
	max-width: 860px;
}

.video-slider-youtube__carousel {
	margin: 0;
	padding-bottom: 50px;
}

.video-slider-youtube__cell {
	box-sizing: border-box;
	width: 88%;
	max-width: 420px;
	margin-right: 20px;
}

.video-slider-youtube__trigger {
	display: block;
	cursor: pointer;
}

.video-slider-youtube__thumbnail {
	aspect-ratio: 16 / 9;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
}

.video-slider-youtube__caption {
	padding: 12px 16px;
}


.video-slider-youtube__media {
	background: #00164d;
	border-radius: 18px;
	box-shadow: 0 12px 28px rgba(0, 22, 77, 0.14);
	overflow: hidden;
}

/* ── Play icon ── */

.video-slider-youtube__play-icon {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform 300ms;
	z-index: 2;
}

.video-slider-youtube__trigger:hover .video-slider-youtube__play-icon,
.video-slider-youtube__trigger:focus .video-slider-youtube__play-icon {
	transform: translate(-50%, -50%) scale(1.1);
}

/* ── Flickity buttons – match banner module style ── */

.pl--video-slider-youtube .flickity-button {
	background: var(--green-2);
	bottom: 0;
}

.pl--video-slider-youtube .flickity-page-dots {
	display: none !important;
}

.pl--video-slider-youtube .flickity-button svg {
	display: none;
}

.pl--video-slider-youtube .flickity-button::after {
	position: absolute;
	right: 50%;
	top: 55%;
	transform: translate(50%, -50%);
	transition: all 0.3s ease-in-out;
}

.pl--video-slider-youtube .flickity-prev-next-button {
	top: auto;
	bottom: 0;
	transform: translateY(-0%) !important;
}

.pl--video-slider-youtube .flickity-button.previous::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M6.42162 13.7307L0.27134 7.64576C0.185334 7.56096 0.117095 7.4602 0.070532 7.34926C0.0239693 7.23832 -3.11197e-07 7.11937 -3.05946e-07 6.99924C-3.00695e-07 6.87911 0.0239694 6.76016 0.070532 6.64922C0.117095 6.53827 0.185334 6.43751 0.27134 6.35272L6.42162 0.267798C6.59493 0.09633 6.82999 -5.36978e-08 7.07509 -4.04292e-08C7.32019 -2.71605e-08 7.55525 0.0963301 7.72856 0.267799C7.90187 0.439267 7.99923 0.671828 7.99923 0.914321C7.99923 1.15681 7.90187 1.38938 7.72856 1.56084L2.23097 7L7.72932 12.4392C7.90263 12.6106 8 12.8432 8 13.0857C8 13.3282 7.90263 13.5607 7.72932 13.7322C7.55601 13.9037 7.32095 14 7.07586 14C6.83076 14 6.5957 13.9037 6.42239 13.7322L6.42162 13.7307Z' fill='%2300164D'/%3E%3C/svg%3E");
}

.pl--video-slider-youtube .flickity-button.next {
 left: 0px;
}

.pl--video-slider-youtube .flickity-button.next {
 left: 60px;
}

.pl--video-slider-youtube .flickity-button.next::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1.57838 0.269321L7.72866 6.35424C7.81467 6.43904 7.88291 6.5398 7.92947 6.65074C7.97603 6.76168 8 6.88063 8 7.00076C8 7.12089 7.97603 7.23984 7.92947 7.35078C7.88291 7.46173 7.81467 7.56249 7.72866 7.64728L1.57838 13.7322C1.40507 13.9037 1.17001 14 0.924911 14C0.679813 14 0.444754 13.9037 0.271444 13.7322C0.0981335 13.5607 0.00076896 13.3282 0.00076896 13.0857C0.000768961 12.8432 0.0981335 12.6106 0.271444 12.4392L5.76903 7L0.270676 1.56085C0.0973653 1.38938 1.53153e-07 1.15682 1.56045e-07 0.914323C1.58937e-07 0.67183 0.0973653 0.439269 0.270676 0.2678C0.443986 0.0963326 0.679045 8.09753e-09 0.924143 1.10203e-08C1.16924 1.39431e-08 1.4043 0.0963326 1.57761 0.2678L1.57838 0.269321Z' fill='%2300164D'/%3E%3C/svg%3E");
}

.pl--video-slider-youtube .flickity-button:hover,
.pl--video-slider-youtube .flickity-button:focus {
	background: var(--green-2);
	opacity: 0.85;
}

.pl--video-slider-youtube .flickity-page-dots .dot.is-selected,
.pl--video-slider-youtube .flickity-page-dots .dot:hover,
.pl--video-slider-youtube .flickity-page-dots .dot:focus {
	background: var(--white);
}
