/* واجهة العميل — شحناتي وطلب الشحن وبطاقة العنوان */

/*
 * متغيّرات الهوية تُعرَّف على كل حاوية عليا نطبعها.
 * تعريفها على حاوية واحدة فقط يجعل بقية الشاشات تفقد ألوانها،
 * فيختفي لون الأزرار ويصير الزر شفافًا.
 */
.bw-ship,
.bw-addr,
.bw-reqform,
.bw-home,
.bw-empty,
.bw-errors,
.bw-ok,
.bw-how {
	--bw-brand: #0b3f75;
	--bw-accent: #ffc400;
}

.bw-ship,
.bw-addr,
.bw-reqform {
	direction: rtl;
	text-align: right;
	font-family: inherit;
	max-width: 900px;
}

.bw-ship-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.bw-ship-top h2 {
	margin: 0 0 4px;
	font-size: 22px;
	color: var(--bw-brand);
}

.bw-muted { color: #6b7a90; font-size: 14px; margin: 0; }

.bw-total {
	background: var(--bw-brand);
	color: #fff;
	border-radius: 999px;
	padding: 6px 16px;
	font-size: 13px;
	font-weight: 700;
}

.bw-filter {
	background: #f2f6fb;
	border-radius: 8px;
	padding: 8px 14px;
	font-size: 14px;
	margin-bottom: 14px;
}

/* بطاقة شحنة */
.bw-item {
	background: #fff;
	border: 1px solid #e3eaf3;
	border-radius: 16px;
	padding: 18px;
	margin-bottom: 16px;
	box-shadow: 0 2px 10px rgba(11, 63, 117, .05);
}

.bw-item-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	padding-bottom: 12px;
	border-bottom: 1px solid #eef2f7;
	margin-bottom: 14px;
}

.bw-item-code {
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-weight: 700;
	font-size: 16px;
	color: var(--bw-brand);
	margin-inline-end: 10px;
}

.bw-badge {
	color: #fff;
	border-radius: 999px;
	padding: 5px 14px;
	font-size: 12.5px;
	font-weight: 700;
	white-space: nowrap;
}

.bw-facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 12px;
}

.bw-facts > div {
	background: #f7fafd;
	border-radius: 10px;
	padding: 10px 12px;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.bw-facts span { color: #6b7a90; font-size: 12px; }
.bw-facts strong { font-size: 14px; color: #16233a; }

/* الصور */
.bw-gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.bw-gallery a {
	display: block;
	width: 96px;
	height: 96px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #e3eaf3;
}

.bw-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .2s ease;
}

.bw-gallery a:hover img { transform: scale(1.06); }

/* ── تأشير الشحنات وطلب الشحن ─────────────────────── */

.bw-pick-lead {
	background: #f2f6fb;
	border-radius: 10px;
	padding: 11px 16px;
	font-size: 14.5px;
	margin: 0 0 14px;
	color: #41506a;
}

.bw-item.is-selectable { transition: border-color .15s ease, background .15s ease; }
.bw-item.is-selected { border-color: var(--bw-accent); background: #fffdf3; }

.bw-pick-box {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	cursor: pointer;
	margin-inline-end: 10px;
	vertical-align: middle;
}

.bw-pick-box input {
	width: 20px;
	height: 20px;
	accent-color: var(--bw-brand);
	cursor: pointer;
	margin: 0;
}

.bw-pick-label { font-size: 13px; color: #6b7a90; font-weight: 700; }

/* شريط الاختيار الثابت */
.bw-selbar {
	position: sticky;
	bottom: 12px;
	z-index: 5;
	background: var(--bw-brand);
	color: #fff;
	border-radius: 12px;
	padding: 13px 18px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-top: 16px;
	box-shadow: 0 -4px 22px rgba(6, 47, 95, .22);
}

.bw-selbar[data-empty="1"] { display: none; }
.bw-selbar-txt { flex: 1 1 200px; font-size: 14.5px; }
.bw-selbar-txt b { color: var(--bw-accent); }
.bw-selbar .bw-btn { margin: 0; }

/* نموذج الطلب */
.bw-reqform { max-width: 900px; }
.bw-req-head h2 { margin: 0 0 4px; color: var(--bw-brand); font-size: 22px; }
.bw-req-head { margin-bottom: 16px; }

.bw-fbox {
	background: #fff;
	border: 1px solid #e3eaf3;
	border-radius: 16px;
	padding: 18px 20px;
	margin-bottom: 14px;
}

.bw-fbox h3 { margin: 0 0 4px; color: var(--bw-brand); font-size: 16px; }
.bw-fbox > .bw-muted { margin: 0 0 14px; }

.bw-fgrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 14px;
	margin-top: 14px;
	align-items: start;
}

.bw-f { display: flex; flex-direction: column; gap: 6px; margin: 0 !important; }
.bw-f-full { grid-column: 1 / -1; }
.bw-f > span { font-size: 13px; font-weight: 700; color: var(--bw-brand); }
.bw-f .req { color: #c2410c; }
.bw-f small { font-size: 12.5px; color: #6b7a90; line-height: 1.7; }

/*
 * الحقول: إطار واضح وهوامش مضبوطة.
 *
 * !important هنا مقصود ومحصور: CSS الموقع يفرض ارتفاعات وهوامش على كل حقل
 * إدخال بـ !important، فبدونها تتباعد الحقول ويبهت إطارها.
 */
.bw-f input,
.bw-fbox textarea {
	width: 100% !important;
	border: 1.5px solid #b9c7db !important;
	border-radius: 8px !important;
	background: #fff !important;
	padding: 11px 14px !important;
	margin: 0 !important;
	height: auto !important;
	min-height: 46px !important;
	font-size: 15px !important;
	font-family: inherit;
	color: #16233a !important;
	box-shadow: none !important;
	box-sizing: border-box;
}

.bw-fbox textarea { min-height: 90px !important; }

.bw-f > span {
	margin: 0 !important;
	line-height: 1.6;
}

.bw-f small { margin-top: 2px; }

.bw-f input:hover,
.bw-fbox textarea:hover { border-color: #8ea5c4 !important; }

.bw-f input:focus,
.bw-fbox textarea:focus {
	border-color: var(--bw-brand) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(11, 63, 117, .14) !important;
}

/* الحقل المميّز — العنوان الوطني */
.bw-f-hint input {
	border-color: #e8b93a !important;
	background: #fffdf3 !important;
}

.bw-f-hint input:focus {
	border-color: #d9a400 !important;
	box-shadow: 0 0 0 3px rgba(255, 196, 0, .22) !important;
}

.bw-opts { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }

.bw-opt {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	border: 1px solid #e3eaf3;
	border-radius: 10px;
	padding: 11px 13px;
	cursor: pointer;
}

.bw-opt:has(input:checked) { border-color: var(--bw-accent); background: #fffdf3; }
.bw-opt input { width: 18px; height: 18px; accent-color: var(--bw-brand); margin-top: 2px; flex: none; }
.bw-opt b { display: block; font-size: 14.5px; color: var(--bw-brand); }
.bw-opt small { display: block; font-size: 12.5px; color: #6b7a90; }

.bw-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }

.bw-chip {
	background: #f7fafd;
	border: 1px solid #e3eaf3;
	border-radius: 8px;
	padding: 7px 12px;
	font-size: 13.5px;
	color: #41506a;
}

.bw-chip b { color: var(--bw-brand); }
.bw-chip.is-total { background: var(--bw-accent); border-color: var(--bw-accent); color: #3b2f00; font-weight: 700; }
.bw-chip.is-total b { color: #3b2f00; }

.bw-freq-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.bw-btn-ghost { background: transparent !important; border: 1px solid #dde5ee; color: var(--bw-brand) !important; }
.bw-fine { font-size: 13px; margin-top: 12px; }

/* رسائل */
.bw-errors {
	background: #fdecea;
	border: 1px solid #f5c2c0;
	border-inline-start: 4px solid #c2410c;
	border-radius: 10px;
	padding: 14px 18px;
	margin-bottom: 14px;
	color: #7a2620;
}

.bw-errors ul { margin: 6px 0 0; padding-inline-start: 20px; }

.bw-ok {
	background: #e9f7ee;
	border: 1px solid #b7e0c4;
	border-inline-start: 4px solid #15803d;
	border-radius: 12px;
	padding: 16px 18px;
	margin-bottom: 16px;
	color: #14532d;
}

.bw-ok strong { display: block; font-size: 16px; margin-bottom: 4px; }
.bw-ok p { margin: 0; font-size: 14px; line-height: 1.9; }

/* خط زمني للطلب */
.bw-timeline { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }

.bw-tl-step { display: flex; gap: 11px; align-items: center; font-size: 14px; color: #6b7a90; }

.bw-tl-step i {
	width: 24px;
	height: 24px;
	flex: none;
	border-radius: 50%;
	background: #e6ecf4;
	color: #6b7a90;
	font-size: 12px;
	font-weight: 800;
	font-style: normal;
	display: grid;
	place-items: center;
}

.bw-tl-step.is-done { color: #16233a; font-weight: 600; }
.bw-tl-step.is-done i { background: #15803d; color: #fff; }

.bw-req-addr { margin-top: 12px; font-size: 13.5px; }

@media (max-width: 600px) {
	.bw-fgrid { grid-template-columns: 1fr; }
}

/* الملاحظة */
.bw-note {
	margin-top: 14px;
	background: #fff9e6;
	border: 1px solid #f2dfa0;
	border-inline-start: 4px solid var(--bw-accent);
	border-radius: 10px;
	padding: 12px 14px;
}

.bw-note strong { display: block; color: #7a5c00; font-size: 13px; margin-bottom: 4px; }
.bw-note p { margin: 0; font-size: 14px; line-height: 1.9; color: #4a3c10; }

/* فراغ */
.bw-empty {
	background: #f7fafd;
	border: 1px dashed #cbd9e8;
	border-radius: 14px;
	padding: 28px 20px;
	text-align: center;
	color: #4a5a70;
}

.bw-empty p { margin: 0 0 8px; }

.bw-btn {
	display: inline-block;
	background: var(--bw-brand);
	color: #fff !important;
	text-decoration: none;
	border: 0;
	border-radius: 10px;
	padding: 12px 26px;
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
	margin-top: 8px;
}

/* ترقيم الصفحات */
.bw-pager { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 18px; }

.bw-pager a {
	min-width: 38px;
	text-align: center;
	padding: 8px 10px;
	border: 1px solid #dde5ee;
	border-radius: 8px;
	text-decoration: none;
	color: var(--bw-brand);
}

.bw-pager a.is-current { background: var(--bw-brand); color: #fff; border-color: var(--bw-brand); }

/* ── الرئيسية في حساب العميل ─────────────────────── */

.bw-home {
	--bw-brand: #0b3f75;
	--bw-accent: #ffc400;
	direction: rtl;
	text-align: right;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.bw-home-hero {
	background: linear-gradient(135deg, #062f5f 0%, #0b3f75 55%, #031f3f 100%);
	border-radius: 16px;
	padding: 22px;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.bw-home-who { display: flex; flex-direction: column; gap: 2px; }
.bw-home-who strong { font-size: 19px; font-weight: 800; color: #fff; }
.bw-home-who span { font-size: 13.5px; color: rgba(255, 255, 255, .82); }

.bw-home-code {
	background: var(--bw-accent);
	color: var(--bw-brand);
	border-radius: 12px;
	padding: 10px 20px;
	font-weight: 800;
	font-size: 21px;
	letter-spacing: .06em;
	font-family: ui-monospace, Menlo, Consolas, monospace;
}

.bw-home-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 12px;
}

.bw-home-stat {
	background: #fff;
	border: 1px solid #e5eaf2;
	border-radius: 12px;
	padding: 14px 16px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.bw-home-stat b {
	font-size: 26px;
	font-weight: 800;
	color: var(--bw-brand);
	line-height: 1.25;
	font-variant-numeric: tabular-nums;
}

.bw-home-stat span { font-size: 13px; color: #5b6b80; }

.bw-home-next {
	background: #fff3cd;
	border: 1px solid #ffe08a;
	border-inline-start: 4px solid var(--bw-accent);
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
}

.bw-home-next > div { flex: 1 1 260px; }
.bw-home-next strong { display: block; color: #5f4700; font-size: 15px; margin-bottom: 2px; }
.bw-home-next p { margin: 0; font-size: 14px; color: #6b5518; line-height: 1.8; }

.bw-home-addr {
	background: #fff;
	border: 1px solid #e5eaf2;
	border-radius: 16px;
	padding: 20px;
}

.bw-home-addr h3 { margin: 0 0 4px; color: var(--bw-brand); font-size: 18px; }
.bw-home-addr .bw-muted { margin: 0 0 14px; }

/* بطاقة العنوان */
.bw-addr {
	background: #fff;
	border: 1px solid #e3eaf3;
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 2px 10px rgba(11, 63, 117, .05);
}

.bw-addr-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.bw-addr-head h3 { margin: 0; color: var(--bw-brand); font-size: 20px; }

.bw-addr-code {
	background: var(--bw-accent);
	color: #3b2f00;
	font-weight: 800;
	font-family: ui-monospace, Menlo, Consolas, monospace;
	border-radius: 8px;
	padding: 6px 14px;
	font-size: 16px;
}

.bw-addr-warn {
	background: #fff9e6;
	border-inline-start: 4px solid var(--bw-accent);
	border-radius: 8px;
	padding: 10px 14px;
	font-size: 14px;
	line-height: 1.9;
	margin: 0 0 14px;
}

.bw-addr-table { width: 100%; border-collapse: collapse; }

.bw-addr-table th,
.bw-addr-table td {
	text-align: right;
	padding: 10px 12px;
	border-bottom: 1px solid #eef2f7;
	font-size: 14px;
	vertical-align: middle;
}

.bw-addr-table th { width: 38%; color: #6b7a90; font-weight: 600; background: #f7fafd; }

.bw-copy {
	background: none;
	border: 1px solid #dde5ee;
	border-radius: 6px;
	color: var(--bw-brand);
	font-size: 12px;
	padding: 3px 10px;
	cursor: pointer;
	margin-inline-start: 8px;
}

.bw-copy.is-done { background: #e7f6ec; border-color: #b7e0c4; color: #166534; }

.bw-code {
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-weight: 700;
	color: #0b3f75;
}

/* عارض الصور */
.bw-lightbox {
	position: fixed;
	inset: 0;
	background: rgba(8, 20, 36, .9);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	padding: 20px;
	cursor: zoom-out;
}

.bw-lightbox img {
	max-width: 100%;
	max-height: 100%;
	border-radius: 10px;
}

@media (max-width: 600px) {
	.bw-item { padding: 14px; }
	.bw-gallery a { width: 78px; height: 78px; }
	.bw-addr-table th { width: 42%; }
}

/* صفّ روابط المساعدة أسفل صفحات الحساب */
.bw-help {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	margin-top: 28px;
	padding-top: 16px;
	border-top: 1px solid #e3eaf3;
	direction: rtl;
}

.bw-help a {
	color: #6b7a90 !important;
	font-size: 14px;
	text-decoration: none !important;
	transition: color .15s ease;
}

.bw-help a:hover { color: #0b3f75 !important; text-decoration: underline !important; }

/* ── زر الحساب في رأس الموقع ─────────────────────── */

/*
 * حين يُلحَق الزر بقائمة الموقع يصير داخل <li>، فيرث تنسيق عناصر القائمة:
 * نقطة تعداد، وحدود، ومسافات رأسية. نحيّدها هنا حتى يبدو زرًا لا عنصر قائمة.
 * !important لأن قوالب القوائم تفرض هذه الخصائص بـ !important بدورها.
 */
li.bw-hdr-li {
	list-style: none !important;
	display: flex !important;
	align-items: center;
	margin: 0 0 0 6px !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

li.bw-hdr-li::before,
li.bw-hdr-li::after,
li.bw-hdr-li > a::after {
	content: none !important;
}

.bw-hdr {
	--bw-brand: #0b3f75;
	--bw-accent: #ffc400;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	direction: rtl;
	font-family: inherit;
	line-height: 1;
}

.bw-hdr-hi {
	font-size: 14px;
	color: var(--bw-brand);
	white-space: nowrap;
}

.bw-hdr-hi b { font-weight: 800; }

.bw-hdr-link {
	font-size: 14.5px;
	font-weight: 700;
	color: var(--bw-brand) !important;
	text-decoration: none !important;
	white-space: nowrap;
	transition: color .15s ease;
}

.bw-hdr-link:hover { color: #d9a400 !important; }

.bw-hdr-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--bw-accent);
	color: var(--bw-brand) !important;
	text-decoration: none !important;
	font-weight: 800;
	font-size: 15px;
	padding: 12px 24px;
	border-radius: 10px;
	white-space: nowrap;
	transition: background .18s ease, color .18s ease, transform .18s ease;
}

.bw-hdr-btn:hover {
	background: var(--bw-brand);
	color: #fff !important;
	transform: translateY(-1px);
}

.bw-hdr-n {
	background: var(--bw-brand);
	color: #fff;
	border-radius: 999px;
	min-width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 800;
	padding: 0 6px;
	font-variant-numeric: tabular-nums;
}

.bw-hdr-btn:hover .bw-hdr-n { background: var(--bw-accent); color: var(--bw-brand); }

/* الجوال: الزر يملأ العرض والترحيب يختفي */
@media (max-width: 782px) {
	li.bw-hdr-li { width: 100%; margin: 8px 0 0 !important; }
	.bw-hdr { width: 100%; justify-content: center; gap: 10px; }
	.bw-hdr-hi { display: none; }
	.bw-hdr-btn { flex: 1; justify-content: center; padding: 13px 18px; font-size: 15px; }
	.bw-hdr-link { padding: 6px 4px; }
}

@media (prefers-reduced-motion: reduce) {
	.bw-hdr-btn { transition: none; }
	.bw-hdr-btn:hover { transform: none; }
}

/* ------------------------------------------------------------------ كيف يعمل */
/* شريط الخطوات الأربع — الشورت كود [barid_how] */

.bw-how {
	direction: rtl;
	text-align: right;
	font-family: inherit;
	max-width: 1140px;
	margin: 0 auto;
	padding: 70px 20px;
	box-sizing: border-box;
}

.bw-how-head {
	text-align: center;
	max-width: 680px;
	margin: 0 auto 44px;
}

.bw-how-eyebrow {
	display: inline-block;
	background: var(--bw-accent);
	color: var(--bw-brand);
	font-weight: 800;
	font-size: 13.5px;
	padding: 7px 18px;
	border-radius: 999px;
	margin-bottom: 16px;
}

.bw-how-head h2 {
	margin: 0 0 12px;
	color: var(--bw-brand);
	font-size: clamp(28px, 4.2vw, 42px);
	font-weight: 900;
	line-height: 1.3;
}

.bw-how-head p {
	margin: 0;
	color: #526173;
	font-size: 17px;
	line-height: 1.9;
}

.bw-how-steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

.bw-how-step {
	position: relative;
	background: #fff;
	border: 1px solid #e5eaf2;
	border-radius: 20px;
	padding: 30px 22px 26px;
	text-align: center;
	box-shadow: 0 10px 30px rgba(11, 63, 117, .06);
	transition: transform .2s ease, box-shadow .2s ease;
}

.bw-how-step:hover {
	transform: translateY(-5px);
	box-shadow: 0 18px 44px rgba(11, 63, 117, .13);
}

.bw-how-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--bw-accent);
	color: var(--bw-brand);
	font-size: 24px;
	font-weight: 900;
	margin-bottom: 16px;
	box-shadow: 0 8px 20px rgba(255, 196, 0, .34);
}

.bw-how-step h3 {
	margin: 0 0 8px;
	color: var(--bw-brand);
	font-size: 19px;
	font-weight: 900;
	line-height: 1.5;
}

.bw-how-step p {
	margin: 0;
	color: #526173;
	font-size: 14.5px;
	line-height: 1.9;
}

/* خط منقّط يربط الخطوات — على الشاشة الواسعة وحدها */
.bw-how-step::after {
	content: "";
	position: absolute;
	top: 57px;
	left: -18px;
	width: 18px;
	height: 2px;
	background: repeating-linear-gradient(to left, #cfdaea 0 6px, transparent 6px 11px);
}

.bw-how-step:last-child::after {
	display: none;
}

.bw-how-cta {
	text-align: center;
	margin-top: 44px;
}

.bw-how-btn {
	display: inline-block;
	background: var(--bw-brand);
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 900;
	font-size: 17px;
	padding: 17px 44px;
	border-radius: 12px;
	transition: background .2s ease, transform .2s ease;
}

.bw-how-btn:hover {
	background: var(--bw-accent);
	color: var(--bw-brand) !important;
	transform: translateY(-2px);
}

.bw-how-note {
	display: block;
	margin-top: 14px;
	color: #6b7a90;
	font-size: 14px;
}

@media (max-width: 1024px) {
	.bw-how-steps {
		grid-template-columns: repeat(2, 1fr);
	}

	.bw-how-step::after {
		display: none;
	}
}

/*
 * على الجوال يصير الرقم بجانب العنوان لا فوقه: أربع بطاقات بالتنسيق الأول
 * تجعل الشريط أطول من الشاشة مرتين، فلا يصل الزائر لزر الدعوة.
 */
@media (max-width: 640px) {
	.bw-how {
		padding: 48px 16px;
	}

	.bw-how-steps {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.bw-how-step {
		text-align: right;
		padding: 20px;
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 4px 16px;
		align-items: center;
	}

	.bw-how-num {
		width: 46px;
		height: 46px;
		font-size: 21px;
		margin: 0;
		grid-row: span 2;
	}

	.bw-how-step h3 {
		font-size: 17.5px;
		align-self: end;
		margin: 0;
	}

	.bw-how-step p {
		font-size: 14px;
		align-self: start;
	}

	.bw-how-btn {
		width: 100%;
		box-sizing: border-box;
		padding: 16px 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bw-how-step,
	.bw-how-btn {
		transition: none;
	}

	.bw-how-step:hover,
	.bw-how-btn:hover {
		transform: none;
	}
}

/* تنبيه الجمارك أسفل حقول المحتويات */
.bw-notice-customs {
	margin: 14px 0 0;
	padding: 12px 14px;
	background: #fffdf3;
	border: 1px solid #e8d8a0;
	border-right: 4px solid var(--bw-accent);
	border-radius: 8px;
	font-size: 13.5px;
	line-height: 1.9;
	color: #5c4a12;
}

/* ── نصّ السيو المُلحَق بصفحات إليمنتور ──────────────────────────
   إليمنتور يرسم الصفحة بعرض الشاشة، فلو تركنا النص بلا حاوية لامتدّ
   السطر من حافة إلى حافة وصار قراءته مرهقة. المقاسات هنا هي نفسها
   المعتمدة في الموقع للعربية: ١٦px للمتن وسطر ١٫٩٥ ووزن ٧٠٠ للعناوين. */
.bw-seo-content{max-width:1140px;margin:0 auto;padding:48px 20px 8px;direction:rtl;text-align:right}
.bw-seo-content h2{font-size:26px;line-height:1.55;font-weight:700;margin:38px 0 14px}
.bw-seo-content h2:first-child{margin-top:0}
.bw-seo-content h3{font-size:19px;line-height:1.6;font-weight:700;margin:26px 0 10px}
.bw-seo-content p{font-size:16px;line-height:1.95;margin:0 0 14px}
.bw-seo-content strong{font-weight:700}
.bw-seo-content a{text-decoration:underline}
.bw-seo-content figure{margin:26px 0}
.bw-seo-content img{display:block;max-width:100%;height:auto;border-radius:12px}
.bw-seo-content figcaption{font-size:14px;line-height:1.8;opacity:.72;margin-top:8px}
@media (max-width:782px){
	.bw-seo-content{padding:32px 18px 4px}
	.bw-seo-content h2{font-size:22px}
	.bw-seo-content h3{font-size:17px}
	.bw-seo-content p{font-size:15px;line-height:1.9}
}