/* =============================================================================
   Homepage bottom info gallery — tablet/mobile
   Desktop ≥981px: header-b2b.css only

   Root cause of blank mobile images:
   height:0 + padding-top aspect-ratio frame + height:100% on absolute children
   → % height resolves against content box height (0) → slider/imgs collapse to 0px
   while the empty padded frame still paints. Fixed via real aspect-ratio height.
   ============================================================================= */

/* Override legacy style.css: .slick-initialized .slick-slide img { width:auto !important } */
@media (max-width: 1110px) {
	body.page-template-home-new-may-2026 .bottom-info-slider.slick-initialized .slick-slide img.bottom-info-slide__img,
	body.page-template-home-new-may-2026 .preveda-page-content .info-bottom-box img.bottom-info-slide__img {
		width: 100% !important;
		max-width: 100% !important;
		max-height: none !important;
		margin: 0 !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		object-fit: cover !important;
		object-position: center center;
	}
}

@media (max-width: 980px) {

	body.page-template-home-new-may-2026 .preveda-page-content .info-bottom-box {
		overflow: visible;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding: clamp(16px, 4vw, 22px);
		gap: clamp(22px, 4vw, 28px);
		box-sizing: border-box;
	}

	body.page-template-home-new-may-2026 .info-bottom-box-left--slider,
	body.page-template-home-new-may-2026 .bottom-info-gallery {
		display: block;
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}

	/* Real used height — safe target for height:100% children */
	body.page-template-home-new-may-2026 .bottom-info-gallery__frame {
		position: relative;
		display: block;
		width: 100%;
		aspect-ratio: 4 / 3;
		min-height: 200px;
		height: auto;
		overflow: hidden;
		border-radius: 12px;
		background: #dfe3e8;
	}

	body.page-template-home-new-may-2026 .bottom-info-gallery__frame .bottom-info-slider,
	body.page-template-home-new-may-2026 .bottom-info-gallery__frame .bottom-info-slider.slick-initialized.slick-slider {
		position: absolute;
		inset: 0;
		/* Do not set height:%/auto !important — JS sets pixel height; inset alone stretches. */
		width: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
		border: 0;
		border-radius: 12px;
		background: transparent;
	}

	body.page-template-home-new-may-2026 .bottom-info-gallery__frame .bottom-info-slider .slick-list {
		position: absolute !important;
		inset: 0 !important;
		width: auto !important;
		margin: 0 !important;
		overflow: hidden !important;
	}

	body.page-template-home-new-may-2026 .bottom-info-gallery__frame .bottom-info-slider .slick-track {
		height: 100% !important;
	}

	body.page-template-home-new-may-2026 .bottom-info-gallery__frame .bottom-info-slider .slick-slide {
		height: 100% !important;
	}

	body.page-template-home-new-may-2026 .bottom-info-gallery__frame .bottom-info-slider .slick-slide > div {
		height: 100% !important;
	}

	body.page-template-home-new-may-2026 .bottom-info-gallery__frame .bottom-info-slide {
		position: relative;
		width: 100%;
		height: 100%;
		min-height: 200px;
		aspect-ratio: auto;
		overflow: hidden;
		background: #dfe3e8;
	}

	body.page-template-home-new-may-2026 .bottom-info-gallery__frame .bottom-info-slide__img,
	body.page-template-home-new-may-2026 .bottom-info-gallery__frame .slick-slide img.bottom-info-slide__img {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		object-fit: cover !important;
		object-position: center center;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	/* Ensure active fade/slide is visible even if Slick left inline opacity:0 */
	body.page-template-home-new-may-2026 .bottom-info-gallery__frame .bottom-info-slider .slick-slide.slick-active,
	body.page-template-home-new-may-2026 .bottom-info-gallery__frame .bottom-info-slider .slick-slide.slick-current {
		opacity: 1 !important;
		z-index: 2;
	}

	/* Dots below frame */
	body.page-template-home-new-may-2026 .bottom-info-slider__dots {
		position: relative !important;
		width: 100%;
		margin: 14px 0 0;
		padding: 10px 4px 16px;
		min-height: 28px;
		box-sizing: border-box;
	}

	body.page-template-home-new-may-2026 .bottom-info-slider__dots .slick-dots {
		position: static !important;
		bottom: auto !important;
		left: auto !important;
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 6px;
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.page-template-home-new-may-2026 .bottom-info-slider__dots .slick-dots li {
		margin: 0 !important;
	}

	body.page-template-home-new-may-2026 .preveda-page-content .info-bottom-box-right {
		text-align: left;
	}

	body.page-template-home-new-may-2026 .preveda-page-content .info-bottom-box__title {
		margin-top: 0;
	}
}

@media (max-width: 640px) {
	body.page-template-home-new-may-2026 .preveda-page-content .info-bottom-box {
		padding: 16px;
		border-radius: 10px;
	}

	body.page-template-home-new-may-2026 .bottom-info-gallery__frame {
		aspect-ratio: 5 / 4;
		min-height: 220px;
	}

	body.page-template-home-new-may-2026 .preveda-page-content .info-bottom-box__map-btn {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
}