/* Hilton Row Slider — BB row (class "hilton-mobile-slider") as a Swiper slider on mobile only. */

@media (max-width: 767px) {
	.hilton-mobile-slider.hrs-active .fl-row-content {
		overflow: hidden;
	}

	/* Override BB's responsive stacking (columns are 100% wide on mobile). */
	.hilton-mobile-slider.hrs-active .fl-col-group {
		display: flex;
		flex-wrap: nowrap;
	}

	.hilton-mobile-slider.hrs-active .fl-col-group > .fl-col {
		float: none;
		flex-shrink: 0;
		width: 86vw !important; /* Figma: 379 / 440 */
		max-width: 379px !important;
		clear: none;
	}

	.hilton-mobile-slider.hrs-active .fl-col-content,
	.hilton-mobile-slider.hrs-active .fl-module,
	.hilton-mobile-slider.hrs-active .fl-module-content {
		margin: 0;
		padding: 0;
	}

	/* Photos fill the slide edge to edge. */
	.hilton-mobile-slider.hrs-active .fl-photo-content,
	.hilton-mobile-slider.hrs-active .fl-photo-img {
		display: block;
		width: 100%;
	}

	.hrs__progress {
		position: relative;
		height: 2px;
		margin: 45px 23px 0 31px; /* + 5px row padding = Figma 36 / 28 */
		overflow: hidden;
		background: rgba(0, 47, 97, 0.2);
	}

	.hrs__progress-bar {
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100% / var(--hrs-count, 1));
		height: 100%;
		background: #002f61;
		transition: transform 0.5s ease;
	}
}