/* Southern Range Product Content 2.5.1 — corrective mobile layout contract. */

@media (max-width: 767px) {
	/* Product summary: gallery, copy and evidence ribbon are independent rows
	   with a real viewport gutter. */
	body.single-product main .woocommerce,
	body.single-product main .woocommerce div.product,
	body.single-product main .woocommerce div.product div.images,
	body.single-product main .woocommerce div.product div.summary {
		box-sizing: border-box !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
	body.single-product main .woocommerce { padding-inline: 20px !important; }
	body.single-product main .woocommerce div.product { display: block !important; width: 100% !important; }
	body.single-product main .woocommerce div.product div.images,
	body.single-product main .woocommerce div.product div.summary {
		display: block !important;
		float: none !important;
		clear: both !important;
		width: 100% !important;
		margin-inline: 0 !important;
	}
	body.single-product main .woocommerce div.product div.summary { padding-inline: 0 !important; overflow-wrap: anywhere; }
	body.single-product main .woocommerce div.product div.summary > * { max-width: 100% !important; }

	/* Complete, symmetric 2 x 2 evidence grid. */
	body.single-product .srpc-trust { width: 100% !important; padding: 24px 20px 40px !important; }
	body.single-product .srpc-trust-grid.srpc-count-4 {
		display: grid !important;
		width: 100% !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		border: 1px solid #d8d7d3 !important;
	}
	body.single-product .srpc-trust-grid.srpc-count-4 .srpc-trust-item,
	body.single-product .srpc-trust-grid.srpc-count-4 .srpc-trust-item:first-child {
		box-sizing: border-box;
		min-width: 0;
		border: 0 !important;
	}
	body.single-product .srpc-trust-grid.srpc-count-4 .srpc-trust-item:nth-child(odd) { border-right: 1px solid #d8d7d3 !important; }
	body.single-product .srpc-trust-grid.srpc-count-4 .srpc-trust-item:nth-child(-n+2) { border-bottom: 1px solid #d8d7d3 !important; }

	/* Runtime choices become generous, full-width horizontal cards. */
	.srpc-runtime-profiles {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}
	.srpc-runtime-profile {
		display: grid !important;
		width: 100% !important;
		min-height: 108px !important;
		grid-template-columns: minmax(108px, 34%) minmax(0, 1fr) !important;
		align-items: center !important;
		gap: 14px !important;
		padding: 10px !important;
	}
	.srpc-runtime-profile-media { width: 100% !important; aspect-ratio: 4 / 3 !important; }
	.srpc-runtime-profile-copy { min-width: 0; padding: 0 8px 0 0 !important; }
	.srpc-runtime-profile-copy strong { font-size: clamp(1rem, 4.7vw, 1.2rem) !important; }
	.srpc-runtime-selected-marker { top: 8px !important; right: 8px !important; width: 34px !important; height: 34px !important; }

	/* Mobile Explorer uses one familiar ordered tab list. The desktop SVG tabs
	   remain untouched; only their mobile presentation becomes rectangular. */
	.srpc-product-explorer { padding-inline: 16px !important; overflow: hidden; }
	.srpc-product-explorer .srpc-shell,
	.srpc-explorer-stage,
	.srpc-explorer-panel,
	.srpc-explorer-media-well,
	.srpc-explorer-detail { box-sizing: border-box; width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
	.srpc-explorer-stage.is-mobile-tabs { display: block !important; padding: 14px !important; overflow: hidden !important; }
	.srpc-explorer-stage.is-mobile-tabs .srpc-explorer-accordion-trigger { display: none !important; }
	.srpc-explorer-stage.is-mobile-tabs .srpc-explorer-tabs,
	.srpc-explorer-stage.is-accordion-layout .srpc-explorer-tabs {
		display: grid !important;
		width: 100% !important;
		max-width: none !important;
		grid-template-columns: 1fr !important;
		gap: 1px !important;
		margin: 0 0 14px !important;
		background: rgba(246, 244, 241, .18) !important;
	}
	.srpc-explorer-stage.is-mobile-tabs .srpc-explorer-tabs .srpc-tess-leader,
	.srpc-explorer-stage.is-accordion-layout .srpc-explorer-tabs .srpc-tess-leader,
	.srpc-explorer-stage.is-mobile-tabs .srpc-explorer-tabs .srpc-tess-segment-shape,
	.srpc-explorer-stage.is-accordion-layout .srpc-explorer-tabs .srpc-tess-segment-shape { display: none !important; }
	.srpc-explorer-stage.is-mobile-tabs .srpc-explorer-tabs .srpc-tess-segment,
	.srpc-explorer-stage.is-accordion-layout .srpc-explorer-tabs .srpc-tess-segment {
		display: flex !important;
		width: 100% !important;
		height: auto !important;
		min-height: 48px !important;
		margin: 0 !important;
		padding: 12px 14px !important;
		justify-content: space-between;
		color: var(--wp--preset--color--chalk, #F6F4F1) !important;
		background: #303535 !important;
		border: 0 !important;
		border-radius: 0 !important;
		font-size: 15px !important;
		text-align: left;
	}
	.srpc-explorer-stage.is-mobile-tabs .srpc-explorer-tabs .srpc-tess-segment[aria-selected="true"],
	.srpc-explorer-stage.is-accordion-layout .srpc-explorer-tabs .srpc-tess-segment[aria-selected="true"] {
		color: var(--wp--preset--color--charcoal, #1C1E1F) !important;
		background: var(--wp--preset--color--chalk, #F6F4F1) !important;
		box-shadow: inset 4px 0 var(--srpc-soft-eucalyptus) !important;
	}
	.srpc-explorer-stage.is-mobile-tabs .srpc-explorer-tabs .srpc-tess-label,
	.srpc-explorer-stage.is-accordion-layout .srpc-explorer-tabs .srpc-tess-label { transform: none !important; }

	.srpc-explorer-media-well { min-height: 0 !important; padding: 0 0 12px !important; overflow: hidden !important; }
	.srpc-explorer-media-frame { width: 100% !important; max-height: min(44svh, 360px) !important; overflow: hidden !important; }
	.srpc-explorer-media-frame picture { display: flex !important; width: 100% !important; max-height: min(44svh, 360px) !important; justify-content: center; overflow: hidden !important; }
	.srpc-explorer-media-frame img { display: block; width: 100% !important; height: min(44svh, 360px) !important; max-height: min(44svh, 360px) !important; object-fit: contain !important; object-position: center !important; }

	/* Item selection is a conventional wrap-safe button grid on mobile. */
	.srpc-explorer-navigator.srpc-tess-nav--compact {
		display: grid !important;
		width: 100% !important;
		max-width: 100% !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 6px !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
		overflow: visible !important;
	}
	.srpc-explorer-navigator .srpc-tess-leader,
	.srpc-explorer-navigator .srpc-tess-segment-shape { display: none !important; }
	.srpc-explorer-navigator.srpc-tess-nav--compact .srpc-tess-segment {
		display: grid !important;
		width: 100% !important;
		height: auto !important;
		min-height: 48px !important;
		margin: 0 !important;
		padding: 10px !important;
		color: var(--wp--preset--color--chalk, #F6F4F1) !important;
		background: #4c5050 !important;
		border: 1px solid rgba(246,244,241,.18) !important;
		border-radius: 4px !important;
		white-space: normal !important;
		line-height: 1.2 !important;
	}
	.srpc-explorer-navigator.srpc-tess-nav--compact .srpc-tess-segment[aria-checked="true"] {
		color: var(--wp--preset--color--charcoal, #1C1E1F) !important;
		background: var(--wp--preset--color--chalk, #F6F4F1) !important;
		border-color: var(--srpc-soft-eucalyptus) !important;
	}
	.srpc-explorer-detail { min-height: 0 !important; padding: 16px !important; overflow: hidden !important; }
	.srpc-explorer-detail header {
		display: grid !important;
		grid-template-columns: 40px minmax(0, 1fr) !important;
		gap: 8px 12px !important;
		align-items: center !important;
	}
	.srpc-explorer-detail h3 { grid-column: 2; margin: 0 !important; }
	.srpc-explorer-status {
		grid-column: 1 / -1;
		justify-self: start;
		margin: 0 !important;
	}
	.srpc-explorer-detail article,
	.srpc-explorer-detail header,
	.srpc-explorer-detail div,
	.srpc-explorer-detail p,
	.srpc-explorer-detail h3 { max-width: 100% !important; min-width: 0 !important; overflow-wrap: anywhere !important; }
}

@media (max-width: 359px) {
	.srpc-explorer-navigator.srpc-tess-nav--compact { grid-template-columns: 1fr !important; }
	.srpc-runtime-profile { grid-template-columns: 96px minmax(0, 1fr) !important; }
}