/* Keep the pipe marking systems section clean and readable on narrow screens. */
#rormarkningssystem {
	overflow: visible !important;
	background: transparent !important;
}

#rormarkningssystem::before,
#rormarkningssystem::after {
	content: none !important;
	display: none !important;
}

#rormarkningssystem,
#rormarkningssystem * {
	box-sizing: border-box;
}

#rormarkningssystem > .elementor-element-nrsy002,
#rormarkningssystem .elementor-element-nrsy003,
#rormarkningssystem .elementor-element-nrsy004,
#rormarkningssystem .nr-systems-panel,
#rormarkningssystem .nr-systems-body,
#rormarkningssystem .nr-systems-copy,
#rormarkningssystem .nr-systems-visuals,
#rormarkningssystem .nr-systems-spec-grid,
#rormarkningssystem .nr-systems-spec-card,
#rormarkningssystem .nr-systems-spec-list,
#rormarkningssystem .nr-systems-spec-list div,
#rormarkningssystem .nr-systems-spec-list dt,
#rormarkningssystem .nr-systems-spec-list dd {
	min-width: 0;
	max-width: 100%;
}

#rormarkningssystem .nr-systems-spec-list dt,
#rormarkningssystem .nr-systems-spec-list dd {
	overflow-wrap: anywhere;
	word-break: normal;
	hyphens: auto;
}

@media (max-width: 767px) {
	#rormarkningssystem {
		width: 100% !important;
		padding: 32px 12px 44px !important;
	}

	#rormarkningssystem > .elementor-element-nrsy002 {
		width: 100% !important;
		max-width: 100% !important;
	}

	#rormarkningssystem .elementor-element-nrsy003 {
		overflow: visible !important;
		border-radius: 4px;
	}

	#rormarkningssystem .elementor-element-nrsy004 {
		padding: 22px 18px 26px !important;
	}

	#rormarkningssystem .elementor-element-nrsy007 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#rormarkningssystem .nr-systems-tab {
		min-width: 0;
		padding-inline: 8px !important;
	}

	#rormarkningssystem .nr-systems-body {
		gap: 22px !important;
		padding: 28px 18px 26px !important;
	}

	#rormarkningssystem .nr-systems-visual-row {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 14px !important;
		width: 100%;
	}

	#rormarkningssystem .nr-systems-label-image img {
		width: 100% !important;
		max-width: 150px !important;
		height: auto !important;
		aspect-ratio: 110 / 74;
	}

	#rormarkningssystem .nr-systems-custom-roll {
		width: min(104px, 32vw) !important;
		min-height: 104px;
	}

	#rormarkningssystem .nr-systems-spec-grid {
		gap: 20px !important;
		padding: 0 18px 32px !important;
	}

	#rormarkningssystem .nr-systems-spec-card {
		overflow: visible;
		padding: 20px 18px !important;
	}

	#rormarkningssystem .nr-systems-spec-list dl {
		gap: 10px;
	}

	#rormarkningssystem .nr-systems-spec-list div {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 2px !important;
	}

	#rormarkningssystem .nr-systems-spec-list dd {
		text-align: left !important;
	}
}

@media (max-width: 390px) {
	#rormarkningssystem {
		padding-inline: 10px !important;
	}

	#rormarkningssystem .nr-systems-body,
	#rormarkningssystem .nr-systems-spec-grid,
	#rormarkningssystem .nr-systems-spec-card {
		padding-inline: 16px !important;
	}
}
