/* Single product (template 3080) right column 93cc9a3: title, short description, then form + share/print icons
 * (e5c4a7b5). single-product.js measures the sticky header bar and the column's content and picks one of two states:
 *  - .echuan-col-sticky (everything fits between the header and the screen bottom, e.g. 2K/1080p screens):
 *    the whole column sticks, the H1 sitting 20px under the header;
 *  - otherwise (768px laptops, scaled 2K screens): only the form + icons stick, 20px under the header, and the
 *    title/description scroll away with the page -- so the header never covers part of the H1 and the submit
 *    button is always fully visible.
 * Tops come from --echuan-col-top / --echuan-sticky-top (set by the JS); without JS only the form sticks at 100px. */
@media (min-width: 768px) {
	.elementor-element-93cc9a3.echuan-col-sticky {
		align-self: flex-start;
		position: sticky;
		top: var(--echuan-col-top, 32px);
		z-index: 2;
	}
}
@media (min-width: 768px) and (min-height: 520px) {
	.elementor-element-93cc9a3:not(.echuan-col-sticky) > .elementor-element-e5c4a7b5 {
		position: sticky;
		top: var(--echuan-sticky-top, 100px);
		z-index: 2;
	}
}

/* Long part numbers (no spaces) must wrap instead of overflowing the column; <wbr> after "/" is added in PHP. */
.single-product h1.product_title,
.single-product .product-specs > h3 { overflow-wrap: anywhere; }