/* Southern Range Product Content 2.5.2 — compact mobile Product Explorer. */

@media (max-width: 767px) {
	.srpc-product-explorer {
		padding: 24px 12px 30px !important;
	}

	.srpc-product-explorer .srpc-shell {
		width: 100% !important;
		max-width: 100% !important;
	}

	.srpc-explorer-stage.is-mobile-tabs {
		padding: 8px !important;
		border-radius: 14px !important;
	}

	/* One compact, immediately understandable switch. */
	.srpc-explorer-stage.is-mobile-tabs .srpc-explorer-tabs {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 1px !important;
		margin: 0 0 8px !important;
	}

	.srpc-explorer-stage.is-mobile-tabs .srpc-explorer-tabs .srpc-tess-segment {
		min-height: 42px !important;
		padding: 7px 5px !important;
		justify-content: center !important;
		font-size: clamp(10px, 3.15vw, 12px) !important;
		line-height: 1.15 !important;
		white-space: normal !important;
		text-align: center !important;
	}

	/* Keep the annotated object large enough to read, but prevent it consuming
	   an entire viewport before its item controls and explanation. */
	.srpc-explorer-media-well {
		padding: 0 0 6px !important;
	}

	.srpc-explorer-media-frame,
	.srpc-explorer-media-frame picture {
		height: clamp(210px, 32svh, 290px) !important;
		max-height: 290px !important;
	}

	.srpc-explorer-media-frame img {
		width: 100% !important;
		height: 100% !important;
		max-height: 290px !important;
		object-fit: contain !important;
	}

	.srpc-explorer-hotspot {
		width: 38px !important;
		height: 38px !important;
	}

	.srpc-explorer-hotspot span {
		width: 28px !important;
		height: 28px !important;
		font-size: 11px !important;
	}

	/* Auto-fit keeps two-item views in one row and permits denser views to wrap
	   without horizontal scrolling. */
	.srpc-explorer-navigator.srpc-tess-nav--compact {
		grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)) !important;
		gap: 4px !important;
		margin-bottom: 6px !important;
	}

	.srpc-explorer-navigator.srpc-tess-nav--compact .srpc-tess-segment {
		min-height: 42px !important;
		padding: 6px 5px !important;
		font-size: clamp(10px, 3.2vw, 12px) !important;
	}

	.srpc-explorer-detail {
		min-height: 0 !important;
		padding: 10px 12px !important;
		border-radius: 10px !important;
	}

	.srpc-explorer-detail header {
		grid-template-columns: 32px minmax(0, 1fr) !important;
		gap: 5px 9px !important;
	}

	.srpc-explorer-detail-number {
		width: 32px !important;
		height: 32px !important;
		font-size: 12px !important;
	}

	.srpc-explorer-detail h3 {
		font-size: clamp(1rem, 4.8vw, 1.25rem) !important;
		line-height: 1.05 !important;
	}

	.srpc-explorer-status {
		padding: 3px 7px !important;
		font-size: 10px !important;
	}

	.srpc-explorer-detail article > div {
		margin-top: 7px !important;
		font-size: clamp(.78rem, 3.6vw, .9rem) !important;
		line-height: 1.35 !important;
	}

	.srpc-explorer-note {
		margin-top: 8px !important;
		font-size: .7rem !important;
		line-height: 1.35 !important;
	}
}

@media (max-width: 359px) {
	.srpc-explorer-stage.is-mobile-tabs .srpc-explorer-tabs .srpc-tess-segment {
		font-size: 9.5px !important;
	}
}