.order-items-table-wrapper {
	container: order-items-table / inline-size;
}

.order-items-table .td-num,
.order-items-table .td-priceClient,
.order-items-table .td-priceDealer,
.order-items-table .td-priceSelf {
	text-align:right;
}
.order-items-table tbody .td-num,
.order-items-table tbody .td-priceClient,
.order-items-table tbody .td-priceDealer,
.order-items-table tbody .td-priceSelf {
	white-space:nowrap;
}
.order-items-table thead .td-count {text-align: center}
.order-items-table tbody .td-count,
.order-items-table tfoot .td-count {text-align: right}
.order-items-table .td-size {text-align:center;}
.order-items-table .td_active:before {
	content: '';
	display: block;
	position: absolute;
	top:0;left:0;right:0;bottom:0;
	background: hsl(var(--success-message-bg-h), var(--success-message-bg-s), var(--success-message-bg-l), 50%);
}

.order-items-table .guarantee-no {
	font-weight: 600;
}
.order-items-table .guarantee-no:before {
	content: var(--fa-var-exclamation-triangle);
	color: var(--warning-color);
	font-family: var(--fa-style-family);
	font-weight: var(--fa-style-solid);
	font-size: 1.1em;
	margin-right: 5px;
}

.order-items-table .protect-screen-shape-img {
	aspect-ratio: 9 / 7;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-print-color-adjust:exact;
	print-color-adjust:exact;
}
.order-items-table .protect-screen-shape-img_200 {
	background-image: url("/Public/Images/Modules/Calc/Protect.Screen/Shapes/rectangle_540.webp");
}
.order-items-table .protect-screen-shape-img_201 {
	background-image: url("/Public/Images/Modules/Calc/Protect.Screen/Shapes/trapezium-rect-left_540.webp");
}
.order-items-table .protect-screen-shape-img_202 {
	background-image: url("/Public/Images/Modules/Calc/Protect.Screen/Shapes/trapezium-rect-right_540.webp");
}
.order-items-table .protect-screen-shape-img_203 {
	background-image: url("/Public/Images/Modules/Calc/Protect.Screen/Shapes/trapezium-bottom_540.webp");
}
.order-items-table .protect-screen-shape-img_204 {
	background-image: url("/Public/Images/Modules/Calc/Protect.Screen/Shapes/trapezium-top_540.webp");
}
.order-items-table .protect-screen-shape-img_205 {
	background-image: url("/Public/Images/Modules/Calc/Protect.Screen/Shapes/parallelogram-left_540.webp");
}
.order-items-table .protect-screen-shape-img_206 {
	background-image: url("/Public/Images/Modules/Calc/Protect.Screen/Shapes/parallelogram-right_540.webp");
}
.order-items-table .protect-screen-shape-img_207 {
	background-image: url("/Public/Images/Modules/Calc/Protect.Screen/Shapes/triangle-left_540.webp");
}
.order-items-table .protect-screen-shape-img_208 {
	background-image: url("/Public/Images/Modules/Calc/Protect.Screen/Shapes/triangle-right_540.webp");
}
.order-items-table .protect-screen-shape-img_209 {
	background-image: url("/Public/Images/Modules/Calc/Protect.Screen/Shapes/polygon-left_540.webp");
}
.order-items-table .protect-screen-shape-img_210 {
	background-image: url("/Public/Images/Modules/Calc/Protect.Screen/Shapes/polygon-right_540.webp");
}
.order-items-table .protect-screen-shape-img_211 {
	background-image: url("/Public/Images/Modules/Calc/Protect.Screen/Shapes/polygon_540.webp");
}


@media screen {
	@container (max-width:399px) {
		.order-items-table .protect-screen-shape-img{
			width: 100%;
			height: auto;
			display: block;
			margin-bottom: 5px;
		}
	}
	
	@container (min-width:400px) {
		.order-items-table .protect-screen-shape-img {
			width: 100px;
			float: right;
			margin: 0 0 10px 10px;
		}
		.order-items-table .td-title .td__content:after {
			clear: both;
			display: block;
			content: '';
		}
	}
	
	@container (max-width: 529px) {
		.order-items-table,
		.order-items-table tr {display: block}
		.order-items-table td {width: 100%;}
		
		.order-items-table .td__title {
			margin-right:10px;
		}
		
		.order-items-table .td-title {
			margin-bottom: 10px;
		}
		
		.order-items-table .td-priceClient,
		.order-items-table .td-priceDealer,
		.order-items-table .td-priceSelf,
		.order-items-table .td-count {
			padding:3px 15px;
		}
		.order-items-table .td-priceClient .print-td-container,
		.order-items-table .td-priceDealer .print-td-container,
		.order-items-table .td-priceSelf .print-td-container,
		.order-items-table .td-count .print-td-container {
			justify-content:space-between;
			align-items:center;
		}
		
		.order-items-table .td-priceClient .td__title,
		.order-items-table .td-priceDealer .td__title,
		.order-items-table .td-priceSelf .td__title,
		.order-items-table .td-count .td__title {
			flex-grow:2;
		}
	}
	
	@container (min-width: 530px) and (max-width: 649px) {
		/* для розницы и дилеров */
		.order-items-table:not(:has(.td-priceSelf)) .td-title {width: 100%;}
		
		.order-items-table:not(:has(.td-priceSelf)) tr {
			display: flex;
			flex-wrap: wrap;
		}
		
		.order-items-table:not(:has(.td-priceSelf)) .td__title {
			margin-bottom: 3px;
			width: 100%;
		}
		
		.order-items-table:not(:has(.td-priceSelf)) tr:not(.table-footer) .td__title {
			font-weight: 600;
			font-size: 0.85em;
		}
		
		.order-items-table:not(:has(.td-priceSelf)) .td-priceClient .print-td-container,
		.order-items-table:not(:has(.td-priceSelf)) .td-priceDealer .print-td-container,
		.order-items-table:not(:has(.td-priceSelf)) .td-count .print-td-container {
			flex-wrap: wrap;
			align-items: flex-start;
		}
		
		
		/* для админов */
		.order-items-table:has(.td-priceSelf) tr {display: block}
		.order-items-table:has(.td-priceSelf) td {width: 100%;}
		
		.order-items-table:has(.td-priceSelf) .td__title {
			margin-right:10px;
		}
		
		.order-items-table:has(.td-priceSelf) .td-title + td {
			padding-top: 13px;
		}
		
		.order-items-table:has(.td-priceSelf) .td-priceClient,
		.order-items-table:has(.td-priceSelf) .td-priceDealer,
		.order-items-table:has(.td-priceSelf) .td-priceSelf,
		.order-items-table:has(.td-priceSelf) .td-count {
			padding:3px 15px;
		}
		.order-items-table:has(.td-priceSelf) .td-priceClient .print-td-container,
		.order-items-table:has(.td-priceSelf) .td-priceDealer .print-td-container,
		.order-items-table:has(.td-priceSelf) .td-priceSelf .print-td-container,
		.order-items-table:has(.td-priceSelf) .td-count .print-td-container {
			justify-content:space-between;
			align-items:center;
		}
		
		.order-items-table:has(.td-priceSelf) .td-priceClient .td__title,
		.order-items-table:has(.td-priceSelf) .td-priceDealer .td__title,
		.order-items-table:has(.td-priceSelf) .td-priceSelf .td__title,
		.order-items-table:has(.td-priceSelf) .td-count .td__title {
			flex-grow:2;
		}
	}
	
	@container (min-width: 650px) and (max-width: 809px) {
		.order-items-table .td-title {width: 100%;}
		
		.order-items-table tr {
			display: flex;
			flex-wrap: wrap;
		}
		
		.order-items-table .td__title {
			margin-bottom: 3px;
			width: 100%;
		}
		
		.order-items-table tr:not(.table-footer) .td__title {
			font-weight: 600;
			font-size: 0.85em;
		}
		
		.order-items-table .td-priceClient .print-td-container,
		.order-items-table .td-priceDealer .print-td-container,
		.order-items-table .td-priceSelf .print-td-container,
		.order-items-table .td-count .print-td-container {
			flex-wrap: wrap;
			align-items: flex-start;
		}
		
		.order-items-table .td-count {
			padding-left: 15px;
		}
	}
	
	@container (max-width: 809px) {
		.order-items-table thead,
		.order-items-table .td-title .td__title {display: none}
		.order-items-table tbody,
		.order-items-table td {display: block}
		.order-items-table.table-default > tbody > tr > td,
		.order-items-table.table-default > tbody > tr > th {
			border-bottom: 0 !important;
		}
		.order-items-table tbody,
		.order-items-table tr {width:100%;}
		.order-items-table > * > tr {
			border-radius:var(--box-border-radius);
			border:1px solid var(--bg2);
			overflow: hidden;
		}
		.order-items-table > * > tr:not(:first-child) {
			margin-top: 30px;
		}
		.order-items-table > * > tr:not(.table-footer) .td-title {
			background: var(--bg2);
		}
		.order-items-table .td-num,
		.order-items-table .td-unit {display:none;}
		.order-items-table .td-title {
			border-bottom:1px solid var(--bg2);
			padding: 15px;
			border-radius:var(--box-border-radius) var(--box-border-radius) 0 0;
		}
		.order-items-table .td-priceClient .print-td-container,
		.order-items-table .td-priceDealer .print-td-container,
		.order-items-table .td-priceSelf .print-td-container,
		.order-items-table .td-count .print-td-container {
			display:flex;
		}
		
		.order-items-table .td-priceClient .td__title,
		.order-items-table .td-priceDealer .td__title,
		.order-items-table .td-priceSelf .td__title,
		.order-items-table .td-count .td__title {
			text-align: left;
		}
		.order-items-table .td-priceClient .td__title:after,
		.order-items-table .td-priceDealer .td__title:after,
		.order-items-table .td-priceSelf .td__title:after,
		.order-items-table .td-count .td__title:after {
			content: ':';
		}
		
		.order-items-table .td-priceClient .td__unit,
		.order-items-table .td-priceDealer .td__unit,
		.order-items-table .td-priceSelf .td__unit,
		.order-items-table .td-count .td__unit,
		.order-items-table .td-count__unit {
			margin-left: 5px;
		}
		
		.order-items-table .td-priceClient .td__content,
		.order-items-table .td-priceDealer .td__content,
		.order-items-table .td-priceSelf .td__content,
		.order-items-table .td-count .td__content {
			flex-shrink: 0;
		}
		
		.order-items-table .td-count .td__content {
			display: flex;
			align-items: center;
		}
		
		.order-items-table .td_active b {
			margin-left: 10px;
		}
		
		.order-items-table .tr_recalc {
			border: 0;
			border-radius: 0;
		}
		.order-items-table .tr_recalc td:not(.td_recalc-active) {
			display: none;
		}
		.order-items-table .tr_recalc .td_recalc-active {
			width: 100%;
			padding-top: 0;
			padding-bottom: 0;
		}
		.order-items-table .tr_recalc .td_recalc-active .print-td-container {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap:5px 10px;
		}
		.order-items-table .tr_recalc .td_recalc-active input {
			width: 115px;
			max-width: 100%;
		}
	}
	
	@container (min-width: 810px) {
		.order-items-table .td__title,
		.order-items-table .td__unit {display: none;}
		.order-items-table .td_active b {display: block}
		.order-items-table td.td-unit {padding-left: 0}
	}
}

@media print {
	.order-items-table .td__title,
	.order-items-table .td__unit,
	.order-items-table .td-count__unit {display: none;}
	.order-items-table .td_active b {display: block}
	.order-items-table .td-count input {text-align: right}
	
	.print-order-for-dealer .order-items-table .td-priceClient,
	.print-order-for-dealer .order-items-table .td-priceSelf,
	.print-order-for-dealer-sale-data .order-items-table .td-priceClient,
	.print-order-for-dealer-sale-data .order-items-table .td-priceSelf {
		display: none;
	}
	
	.print-order-for-client .order-items-table .td-priceDealer,
	.print-order-for-client .order-items-table .td-priceSelf,
	.print-order-for-client-sale-data .order-items-table .td-priceDealer,
	.print-order-for-client-sale-data .order-items-table .td-priceSelf {
		display: none;
	}
	
	.order-items-table .protect-screen-shape-img {
		width: 100px;
		float: right;
		margin: 0 0 10px 10px;
	}
	.order-items-table .td-title .td__content:after {
		clear: both;
		display: block;
		content: '';
	}
}

@container (min-width: 810px) and (max-width: 930px) {
	.order-items-table {font-size: 0.8571rem;}
}