/* ===== قسم "لماذا تختارنا": صورة + شارة عائمة + نص، بألوان الهوية،
   بدون أي جافاسكربت، خفيف ومتجاوب. ===== */

.alk-whyus{
	--alk-wu-primary: #0860a9;
	--alk-wu-secondary: #e21f35;
	--alk-wu-ink: #14213d;
	--alk-wu-wash: rgba(8,96,169,.08);

	background: rgba(255,255,255,.55);
	border: 1px solid rgba(8,96,169,.12);
	border-radius: 28px;
	padding: 80px 24px;
	direction: rtl;
}

.alk-whyus__inner{
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1.1fr;
	gap: 56px;
	align-items: center;
}

/* ===== الصورة + الشارة العائمة ===== */

.alk-whyus__media{
	position: relative;
}
.alk-whyus__photo{
	border-radius: 22px;
	overflow: hidden;
	aspect-ratio: 4 / 3.4;
	border: 1px solid #e4eaf1;
	box-shadow: 0 20px 44px rgba(8,96,169,.14);
}
.alk-whyus__img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.alk-whyus__badge{
	position: absolute;
	bottom: 22px;
	inset-inline-end: 22px;
	background: rgba(255,255,255,.28);
	backdrop-filter: blur(18px) saturate(140%);
	-webkit-backdrop-filter: blur(18px) saturate(140%);
	border: 1px solid rgba(255,255,255,.55);
	border-radius: 18px;
	padding: 16px 20px;
	box-shadow: 0 10px 30px rgba(8,96,169,.12);
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: 78%;
	overflow: visible;
}

/* حلقة زخرفية خفيفة جداً (خط فقط، بلا تعبئة) تطل من جانب البطاقة */
.alk-whyus__badge::before{
	content: "";
	position: absolute;
	top: 50%;
	inset-inline-start: -18px;
	transform: translateY(-50%);
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 1.5px solid rgba(255,255,255,.45);
	background: transparent;
	pointer-events: none;
}

.alk-whyus__badge-icon{
	position: relative;
	z-index: 1;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(8,96,169,.12);
	color: var(--alk-wu-primary);
	display: grid;
	place-items: center;
	flex-shrink: 0;
}
.alk-whyus__badge-icon svg{ width: 22px; height: 22px; }
.alk-whyus__badge b{
	display: block;
	font-size: 1.4rem;
	font-weight: 900;
	color: var(--alk-wu-ink);
	line-height: 1.1;
}
.alk-whyus__badge span{
	font-size: .8rem;
	color: #6b7a89;
}

/* ===== المحتوى ===== */

.alk-whyus__kicker{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	font-size: .82rem;
	color: var(--alk-wu-primary);
	background: var(--alk-wu-wash);
	padding: 7px 16px;
	border-radius: 999px;
}
.alk-whyus__kicker-dot{
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--alk-wu-secondary);
	display: inline-block;
}

.alk-whyus__title{
	font-size: clamp(1.7rem, 3.2vw, 2.4rem);
	font-weight: 800;
	color: var(--alk-wu-ink);
	margin: 16px 0 14px;
}

.alk-whyus__intro{
	font-size: 1.05rem;
	line-height: 1.9;
	color: #4b5a68;
	margin: 0 0 26px;
}

.alk-whyus__list{
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 18px;
}
.alk-whyus__list li{
	display: flex;
	gap: 16px;
	align-items: flex-start;
}
.alk-whyus__list p{
	margin: 0;
	font-size: .98rem;
	line-height: 1.85;
	color: #4b5a68;
}

.alk-whyus__check{
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: var(--alk-wu-wash);
	color: var(--alk-wu-primary);
	display: grid;
	place-items: center;
	flex-shrink: 0;
}
.alk-whyus__check svg{ width: 20px; height: 20px; }

/* ===== تجاوب ===== */
@media (max-width: 980px){
	.alk-whyus__inner{ grid-template-columns: 1fr; }
}
@media (max-width: 560px){
	.alk-whyus{ padding: 56px 18px; border-radius: 20px; }
	.alk-whyus__badge{ position: static; margin-top: 20px; max-width: 100%; }
	.alk-whyus__badge::before{ display: none; }
}