/* Southern Range Product Content 2.6.1 — comparison-control correction. */

/* The WooCommerce gallery and summary need a real mobile gutter; no content
   may use viewport-width tricks that escape this contained product region. */
@media (max-width: 767px) {
	body.single-product div.product > .woocommerce-product-gallery,
	body.single-product div.product > .summary,
	body.single-product .woocommerce-product-gallery,
	body.single-product .summary.entry-summary {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-inline: 0 !important;
		padding-inline: clamp(16px, 5vw, 24px) !important;
	}
	body.single-product .summary.entry-summary h1 { font-size: clamp(2rem, 10vw, 3rem) !important; overflow-wrap: anywhere; }
	body.single-product .summary.entry-summary p { max-width: 100%; }
}

/* Exterior white breathing field around the trust ribbon. The grid itself
   remains compact and all four mobile borders remain complete. */
body.single-product .srpc-trust { padding-block: clamp(38px, 4vw, 58px) clamp(58px, 6vw, 84px) !important; }
@media (max-width: 767px) {
	body.single-product .srpc-trust { padding-block: 28px 52px !important; }
	.srpc-trust-grid.srpc-count-4 { border: 1px solid var(--srpc-line, rgba(28,30,31,.16)) !important; }
	.srpc-trust-grid.srpc-count-4 .srpc-trust-item { border: 0 !important; }
	.srpc-trust-grid.srpc-count-4 .srpc-trust-item:nth-child(odd) { border-right: 1px solid var(--srpc-line, rgba(28,30,31,.16)) !important; }
	.srpc-trust-grid.srpc-count-4 .srpc-trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--srpc-line, rgba(28,30,31,.16)) !important; }
}

/* Final Explorer spacing: pieces visually tessellate without changing the
   supplied SVG paths. The compact row grows just enough for Pole adapter. */
.srpc-tess-nav--primary { --srpc-tess-overlap: 26px; }
.srpc-explorer-navigator.srpc-tess-nav--compact { --srpc-tess-overlap: 22px; }
.srpc-tess-nav--compact .srpc-tess-leader { width: 108px; height: 50px; }
.srpc-explorer-navigator.srpc-tess-nav--compact .srpc-tess-segment { width: 150px; height: 50px; min-height: 50px; }
.srpc-tess-nav--compact .srpc-tess-segment-shape { height: 50px; }

/* Light-surface tessellated controls for the separately installed Comparison
   Module. SVG geometry is injected by comparison-tessellation-2.6.0.js. */
.srcm .srcm-tabs,
.srcm .srcm-metrics {
	display: flex !important;
	align-items: stretch;
	gap: 0 !important;
	width: max-content;
	max-width: 100%;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	overflow-x: auto;
	scrollbar-width: thin;
}
.srcm .srpc-comparison-tess-leader {
	position: relative;
	z-index: 2;
	flex: 0 0 78px;
	width: 78px;
	min-height: 46px;
	color: #77997D;
}
.srcm .srcm-metrics .srpc-comparison-tess-leader { flex-basis: 62px; width: 62px; min-height: 44px; color: #EEC044; }
.srcm .srpc-comparison-tess-leader svg,
.srcm .srpc-comparison-tess-shape {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.srcm .srpc-comparison-tess-leader path { fill: currentColor; }
.srcm .srcm-tab,
.srcm .srcm-metric {
	--srcm-segment-bg: #e8e3dc;
	--srcm-segment-text: #1c1e1f;
	position: relative !important;
	z-index: 1;
	display: inline-grid !important;
	flex: 0 0 auto;
	width: 190px !important;
	min-width: 190px !important;
	min-height: 46px !important;
	place-items: center;
	margin: 0 0 0 -25px !important;
	padding: 10px 32px !important;
	color: var(--srcm-segment-text) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: hidden;
	isolation: isolate;
	transition: color 180ms ease-out, opacity 180ms ease-out !important;
}
.srcm .srcm-metric { width: 128px !important; min-width: 128px !important; min-height: 44px !important; margin-left: -20px !important; padding-inline: 20px !important; }
.srcm .srpc-comparison-tess-shape { z-index: 0; color: var(--srcm-segment-bg); }
.srcm .srpc-comparison-tess-shape path { fill: currentColor; }
.srcm .srpc-comparison-tess-label { position:relative; z-index:1; color:var(--srcm-segment-text); white-space:nowrap; }
.srcm .srcm-tab[aria-selected="true"],
.srcm .srcm-tab.is-active,
.srcm .srcm-metric[aria-pressed="true"],
.srcm .srcm-metric.is-active,
.srcm .srcm-metric.is-selected { --srcm-segment-bg: #1c1e1f; --srcm-segment-text: #f6f4f1; font-weight: 700; }
.srcm .srcm-tab:hover,
.srcm .srcm-metric:hover { filter: brightness(.96); }
.srcm .srcm-tab:focus-visible,
.srcm .srcm-metric:focus-visible { outline: 3px solid #77997D !important; outline-offset: -5px !important; }
.srcm-symbol-key { display:flex; flex-wrap:wrap; gap:8px 16px; margin:.65rem 0; padding:.65rem .8rem; background:rgba(255,255,255,.62); border:1px solid rgba(28,30,31,.14); font-size:.72rem; }
.srcm-symbol-key strong { color:#50695a; font-family:var(--wp--preset--font-family--mono,monospace); letter-spacing:.08em; }
.srcm-symbol-key span b { display:inline-grid; width:22px; height:22px; margin-right:4px; place-items:center; border:1px solid currentColor; border-radius:50%; }

@media (max-width: 820px) {
	.srcm .srcm-tabs,
	.srcm .srcm-metrics { display:flex !important; width:100%; max-width:100%; margin-block:.55rem !important; }
	.srcm .srpc-comparison-tess-leader { flex-basis:42px; width:42px; }
	.srcm .srcm-metrics .srpc-comparison-tess-leader { flex-basis:34px; width:34px; }
	.srcm .srcm-tab,
	.srcm .srcm-metric { flex:1 1 0; width:auto !important; min-width:0 !important; padding:8px 13px !important; font-size:clamp(.62rem,2.7vw,.75rem) !important; }
	.srcm .srcm-tab { margin-left:-17px !important; }
	.srcm .srcm-metric { margin-left:-13px !important; padding-inline:9px !important; }
	.srcm-symbol-key { font-size:.64rem; gap:6px 10px; }
}

/* The CTA always directly meets the global planner/footer sequence. */
.srpc-cta--purchase { margin:0 !important; }
.srpc-cta--purchase + *,
.srpc-block-cta + * { margin-block-start:0 !important; }
.srpc-cta-media-fallback { display:grid; width:min(100%,420px); aspect-ratio:4/3; place-items:center; color:#b8c9bd; background:linear-gradient(145deg,#28302b,#151918); clip-path:polygon(8% 3%,91% 0,100% 84%,17% 100%,0 57%); font:700 .82rem/1 var(--wp--preset--font-family--mono,monospace); letter-spacing:.18em; }

@media (prefers-reduced-motion: reduce) {
	.srcm .srcm-tab,.srcm .srcm-metric { transition:none !important; }
}

@media (forced-colors: active) {
	.srcm .srcm-tab,.srcm .srcm-metric { outline:1px solid ButtonText; }
}