/* Mobile slider/hero: no horizontal overflow. Desktop Priority+ / drill-down untouched. */

@media (max-width: 767px) {
	.yepx-hero {
		overflow-x: clip;
	}

	.yepx-hero > .yepx-hero__inner,
	.yepx-hero .yepx-slider {
		min-width: 0;
		max-width: 100%;
		overflow-x: visible;
	}

	.yepx-hero .yepx-slider__slide {
		min-width: 0;
		max-width: 100%;
		overflow-x: clip;
	}

	.yepx-hero .yepx-slider-noscript .yepx-slider__slide,
	.yepx-hero .yepx-slider.is-mobile .yepx-slider__slide,
	.yepx-hero .yepx-slider.is-desktop .yepx-slider__slide,
	.yepx-hero .yepx-slider.is-tablet .yepx-slider__slide {
		grid-template-columns: minmax(0, 1fr);
	}

	.yepx-hero-media-stage,
	.yepx-hero .yepx-slider__media-scale,
	.yepx-hero .yepx-slider__copy,
	.yepx-hero .yepx-slider__copy--mob,
	.yepx-hero .yepx-slider__copy--desk,
	.yepx-hero .yepx-slider__copy--tab {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	.yepx-hero-media-stage {
		min-height: 0;
		aspect-ratio: 1200 / 675;
	}

	.yepx-hero-media-stage[data-orient-m="portrait"] {
		aspect-ratio: 3 / 4;
	}

	.yepx-hero-media-stage > .yepx-hero-photo,
	.yepx-hero-media-stage > .yepx-hero__device,
	.yepx-hero-media-stage .yepx-slider__img {
		max-width: 100%;
		min-width: 0;
		min-height: 0;
	}

	.yepx-hero .yepx-slider__title,
	.yepx-hero h1.yepx-slider__title,
	.yepx-hero h2.yepx-slider__title,
	.yepx-hero .yepx-slider__desc,
	.yepx-hero .yepx-slider__eyebrow,
	.yepx-hero .yepx-slider__actions,
	.yepx-hero .yepx-slider__actions .yepx-btn {
		max-width: 100%;
		min-width: 0;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	.yepx-hero .yepx-slider__eyebrow {
		display: flex;
		flex-wrap: wrap;
		white-space: normal;
	}
}