.bdi-install-box {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin: 14px 0;
	padding: 10px 14px;
	background: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
}

.bdi-install-checkbox-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	margin: 0;
}

.bdi-install-price {
	font-weight: 600;
}

.bdi-install-free {
	color: #2e7d32;
}

.bdi-cart-item-install {
	margin-top: 6px;
	font-size: 0.9em;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

/* ردیف نصب در جدول تسویه‌حساب: با یک نوار رنگی و پس‌زمینه‌ی ملایم، به‌وضوح به ردیف محصولِ
   بالای خودش «چسبیده» نشان داده می‌شود، نه یک باکس جدا و بی‌ربط. */
.bdi-checkout-item-install-row td {
	padding-top: 0 !important;
	padding-bottom: 12px !important;
	border-top: none !important;
}

.bdi-checkout-item-install-row .bdi-cart-item-install {
	margin: 0;
	background: #f7f9fc;
	border-inline-start: 3px solid #2563eb;
	border-radius: 4px;
	padding: 8px 12px;
}

.bdi-checkout-item-install-row .bdi-install-checkbox-label {
	font-size: 0.95em;
}

.bdi-checkout-item-install-row .bdi-install-price {
	color: #2563eb;
	font-weight: 700;
}

/* بعد از جابه‌جایی توسط جاوااسکریپت (checkout.js: relocateInstallRows)، این بخش دیگر داخل
   خودِ سلول نام محصول قرار می‌گیرد، درست مثل بازه‌ی «سایز»/«رنگ» که زیر نام محصول می‌آید. */
td.product-name > .bdi-cart-item-install {
	width: fit-content;
	margin: 8px 0 2px;
	background: #f7f9fc;
	border-inline-start: 3px solid #2563eb;
	border-radius: 4px;
	padding: 8px 12px;
}

td.product-name > .bdi-cart-item-install .bdi-install-checkbox-label {
	font-size: 0.95em;
}

td.product-name > .bdi-cart-item-install .bdi-install-price {
	color: #2563eb;
	font-weight: 700;
}

/**
 * جابه‌جایی «سفارش شما» به بالای فرم آدرس در موبایل، دیگر با CSS order انجام نمی‌شود (چون
 * آن رفتار قبلی کل ستون — شامل روش پرداخت و دکمه‌ی نهایی — را هم بالا می‌برد). الان با
 * جاوااسکریپت (checkout.js: relocateOrderSummaryForViewport) فقط خودِ بلوک لیست محصولات/جمع
 * مبالغ (.e-checkout__order_review) جابه‌جا می‌شود، نه کل ستون.
 */
.bdi-order-review-anchor {
	display: none;
}

.bdi-installation-details summary {
	cursor: pointer;
	color: inherit;
	text-align: inherit;
}

.bdi-installation-details-list {
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
}

.bdi-installation-details-list li {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 4px 0;
	border-bottom: 1px dashed #e5e5e5;
}

.bdi-installation-details-list .bdi-discount-line {
	color: #c0392b;
}

#bdi-schedule-fields {
	margin: 20px 0;
	padding: 14px;
	background: #fafafa;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
}

#bdi-schedule-fields h3 {
	margin-top: 0;
}

#bdi-schedule-fields .form-row-first,
#bdi-schedule-fields .form-row-last {
	width: 48%;
	float: right;
}

#bdi-schedule-fields .form-row-first {
	margin-inline-start: 4%;
}

.bdi-order-schedule-summary {
	margin-top: 24px;
}