/**
 * V9.00 RC15 — Product Mobile + One-Sheet Print
 * Runtime fixes from 280 px equipment screenshots and A4 print preview.
 */

/* ==========================================================
   PRODUCT DETAIL — NARROW MOBILE
========================================================== */
@media (max-width: 22.5rem) {
	.cy-product-page,
	.cy-product-page section,
	.cy-product-page .cy-container,
	.cy-product-hero__grid,
	.cy-product-hero__content,
	.cy-product-applications__header,
	.cy-product-selection__grid,
	.cy-product-selection__content {
		min-width: 0;
	}

	/* The desktop local index becomes noise at 280–360 px and competes with
	 * the real site header and mobile conversion dock. Keep anchor targets,
	 * remove the extra sticky navigation surface. */
	.cy-product-local-nav {
		display: none !important;
	}

	.cy-product-hero {
		padding-top: 1.2rem;
	}

	.cy-product-hero__top {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: .65rem 1rem;
		align-items: start;
	}

	.cy-product-breadcrumbs {
		min-width: 0;
		font-size: .56rem;
		line-height: 1.35;
	}

	.cy-product-hero__sku-label {
		justify-self: end;
		font-size: .56rem;
		white-space: nowrap;
	}

	.cy-product-hero__top > span:last-child {
		grid-column: 1 / -1;
		justify-self: end;
		font-size: .62rem;
		letter-spacing: .08em;
		white-space: nowrap;
	}

	.cy-product-hero__content h1,
	.cy-product-applications__header h2,
	.cy-product-selection h2,
	.cy-product-system__header h2,
	.cy-product-cta h2 {
		max-width: 100%;
		overflow: visible;
		overflow-wrap: normal;
		word-break: normal;
		hyphens: none;
		white-space: normal;
	}

	.cy-product-hero__content h1 {
		font-size: clamp(2.35rem, 13.2vw, 2.75rem);
		line-height: .96;
		letter-spacing: -.045em;
	}

	.cy-product-applications__header h2,
	.cy-product-selection h2,
	.cy-product-system__header h2,
	.cy-product-cta h2 {
		font-size: clamp(2rem, 11.2vw, 2.4rem);
		line-height: .98;
		letter-spacing: -.038em;
	}

	/* Preserve complete words such as “Aplicaciones”. */
	.cy-product-applications__header h2 span,
	.cy-product-selection h2 span,
	.cy-product-system__header h2 span,
	.cy-product-cta h2 span {
		overflow-wrap: normal;
		word-break: normal;
		hyphens: none;
	}

	.cy-product-applications__header > p,
	.cy-product-selection__lead {
		font-size: 1rem;
		line-height: 1.55;
	}

	.cy-product-applications__list article {
		grid-template-columns: 2rem minmax(0, 1fr);
		gap: .8rem;
	}

	.cy-product-selection li {
		grid-template-columns: 2rem minmax(0, 1fr);
		gap: .8rem;
	}
}

/* The V8.22 dark selection surface must explicitly own its foreground.
 * Earlier light-theme declarations left black body copy on black. */
.cy-product-selection {
	color: #fff;
}

.cy-product-selection .cy-product-section-index,
.cy-product-selection h2,
.cy-product-selection li strong {
	color: #fff;
}

.cy-product-selection h2 span,
.cy-product-selection li > span {
	color: var(--cypros-yellow);
}

.cy-product-selection__lead,
.cy-product-selection li p {
	color: rgba(255,255,255,.70);
}

.cy-product-selection__content,
.cy-product-selection li {
	border-color: rgba(255,255,255,.18);
}

/* ==========================================================
   PRINT — ONE A4 TECHNICAL SHEET
   The old global print rule marked every product section/details as
   break-inside:avoid, forcing the specification block onto later pages.
   This release lets the technical content participate in one compact sheet.
========================================================== */
@media print {
	@page {
		size: A4 portrait;
		margin: 7mm 8mm 9mm;
	}

	html,
	body,
	.cy-product-page {
		width: auto !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #fff !important;
	}

	/* Override system-polish.css: a complete section/details cannot be
	 * indivisible if all specifications must share the first printed sheet. */
	.cy-product-page :is(section, article, details),
	.cy-product-hero,
	.cy-product-specs,
	.cy-product-specs__details,
	.cy-product-specs__details-body,
	.cy-product-specs__list {
		break-before: auto !important;
		break-after: auto !important;
		break-inside: auto !important;
		page-break-before: auto !important;
		page-break-after: auto !important;
		page-break-inside: auto !important;
	}

	.cy-print-sheet-header {
		gap: 7mm !important;
		padding-bottom: 2.5mm !important;
		margin-bottom: 2.5mm !important;
	}

	.cy-print-sheet-header img {
		width: 34mm !important;
	}

	.cy-print-sheet-header strong {
		font-size: 9.5pt !important;
		line-height: 1.05 !important;
	}

	.cy-print-sheet-header span {
		margin-top: .7mm !important;
		font-size: 6.5pt !important;
	}

	.cy-print-sheet-footer {
		left: 8mm !important;
		right: 8mm !important;
		bottom: 3mm !important;
		padding-top: 1mm !important;
		font-size: 5.8pt !important;
	}

	.cy-product-hero {
		padding: 0 !important;
		margin: 0 !important;
	}

	.cy-product-hero > .cy-container,
	.cy-product-specs > .cy-container {
		width: 100% !important;
		max-width: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.cy-product-hero__grid {
		display: grid !important;
		grid-template-columns: 1.2fr .8fr !important;
		gap: 4mm !important;
		align-items: center !important;
		padding: 0 !important;
	}

	.cy-product-hero__model {
		margin: 0 0 1.2mm !important;
		font-size: 5.8pt !important;
		line-height: 1.1 !important;
	}

	.cy-product-hero h1 {
		max-width: 13ch !important;
		margin: 0 0 1.8mm !important;
		font-size: 17.5pt !important;
		line-height: .96 !important;
		letter-spacing: -.035em !important;
	}

	.cy-product-hero__lead {
		margin: 0 0 2.2mm !important;
		font-size: 6.2pt !important;
		line-height: 1.3 !important;
	}

	.cy-product-gallery,
	.cy-product-hero__media {
		height: 39mm !important;
		min-height: 0 !important;
		padding: 2mm !important;
		border: .6pt solid #ddd !important;
		border-radius: 2mm !important;
		box-shadow: none !important;
		background: #fff !important;
	}

	.cy-product-hero__media::before,
	.cy-product-hero__media::after {
		display: none !important;
	}

	.cy-product-gallery__image {
		width: 100% !important;
		height: 100% !important;
		max-height: 35mm !important;
		object-fit: contain !important;
	}

	.cy-product-hero__metrics {
		display: grid !important;
		grid-template-columns: repeat(5, minmax(0,1fr)) !important;
		gap: 1mm !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 1mm !important;
		border: .5pt solid #ddd !important;
		border-radius: 1.5mm !important;
		background: #fff !important;
	}

	.cy-product-hero__metrics > div,
	.cy-product-hero__metrics > div:not(:first-child) {
		min-height: 0 !important;
		padding: 1.3mm !important;
		border: 0 !important;
		border-radius: 1mm !important;
		background: #f7f7f5 !important;
		color: #111 !important;
	}

	.cy-product-hero__metrics > div::before {
		display: none !important;
	}

	.cy-product-hero__metrics span {
		margin: 0 0 .4mm !important;
		font-size: 4.7pt !important;
		line-height: 1 !important;
		color: #666 !important;
	}

	.cy-product-hero__metrics strong {
		font-size: 8.2pt !important;
		line-height: 1 !important;
		color: #111 !important;
	}

	.cy-product-hero__metrics small,
	.cy-product-hero__metrics em {
		font-size: 4.4pt !important;
		line-height: 1 !important;
		color: #666 !important;
	}

	.cy-product-specs {
		padding: 2.4mm 0 0 !important;
		margin: 0 !important;
	}

	/* The page header already identifies this as a technical sheet. */
	.cy-product-specs__intro,
	.cy-product-specs__details > summary,
	.cy-product-specs__summary-grid {
		display: none !important;
	}

	.cy-product-specs__details {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	.cy-product-specs__details-body {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.cy-product-specs__list {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0,1fr)) !important;
		grid-auto-flow: row !important;
		column-gap: 5mm !important;
		row-gap: 0 !important;
		margin: 0 !important;
		font-size: 5.6pt !important;
		line-height: 1.08 !important;
	}

	.cy-product-specs__list > div {
		display: grid !important;
		grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr) !important;
		gap: 1.4mm !important;
		min-height: 0 !important;
		padding: .72mm 0 !important;
		border-bottom: .35pt solid #d8d8d8 !important;
		break-inside: avoid !important;
	}

	.cy-product-specs__list .cy-product-specs__group-title {
		grid-column: 1 / -1 !important;
		margin: 1mm 0 0 !important;
		padding: .65mm 0 !important;
		border-top: .6pt solid #111 !important;
		border-bottom: .6pt solid #111 !important;
		background: transparent !important;
		break-after: avoid !important;
	}

	.cy-product-specs__list dt {
		font-size: 4.5pt !important;
		line-height: 1.08 !important;
		letter-spacing: .045em !important;
	}

	.cy-product-specs__list dd {
		font-size: 5.7pt !important;
		line-height: 1.08 !important;
		text-align: right !important;
	}

	.cy-product-specs__group-title dt {
		font-size: 5.2pt !important;
		font-weight: 800 !important;
	}
}
