
.khutaa-v2-module,
.khutaa-v2-module *{box-sizing:border-box}
.khutaa-v2-module{
	--kh-blue:#0867cf;
	--kh-dark-blue:#064f9f;
	--kh-border:#e2e7ed;
	--kh-muted:#7c8795;
	width:100%;
	max-width:1430px;
	margin:0 auto;
	padding:10px 0 38px;
	font-family:inherit
}
.khutaa-v2-hero{
	display:grid;
	grid-template-columns:minmax(0,2.2fr) minmax(320px,.9fr);
	gap:20px;
	align-items:stretch;
	direction:rtl
}
.khutaa-v2-main-slider{
	position:relative;
	height:520px;
	overflow:hidden;
	border-radius:8px;
	background:#18202c;
	box-shadow:0 9px 30px rgba(15,23,42,.11)
}
.khutaa-v2-slides{position:relative;width:100%;height:100%}
.khutaa-v2-slide{
	position:absolute;
	inset:0;
	z-index:1;
	visibility:hidden;
	opacity:0;
	transform:scale(1.015);
	transition:opacity .65s ease,visibility .65s ease,transform 1s ease
}
.khutaa-v2-slide.is-active{z-index:2;visibility:visible;opacity:1;transform:scale(1)}
.khutaa-v2-slide.has-no-image{
	background:radial-gradient(circle at top right,rgba(36,113,201,.72),transparent 47%),linear-gradient(135deg,#6d7786,#101721 75%)
}
.khutaa-v2-slide-link{position:relative;display:block;width:100%;height:100%;color:#fff!important;text-decoration:none!important}
.khutaa-v2-slide-link>img{width:100%;height:100%;object-fit:cover}
.khutaa-v2-slide-overlay{
	position:absolute;
	inset:0;
	background:linear-gradient(to top,rgba(0,0,0,.96) 0%,rgba(0,0,0,.76) 34%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.04) 100%)
}
.khutaa-v2-slide-content{position:absolute;right:0;bottom:0;left:0;z-index:3;padding:32px 38px 42px}
.khutaa-v2-slide-category{
	display:inline-flex;
	margin-bottom:14px;
	padding:6px 14px;
	border-radius:4px;
	background:var(--kh-blue);
	color:#fff;
	font-size:14px;
	font-weight:800
}
.khutaa-v2-slide-content h2{
	max-width:1050px;
	margin:0 0 13px;
	color:#fff;
	font-size:clamp(29px,2.6vw,44px);
	font-weight:900;
	line-height:1.35;
	letter-spacing:-.4px
}
.khutaa-v2-slide-content p{max-width:950px;margin:0 0 17px;color:rgba(255,255,255,.89);font-size:15px;line-height:1.75}
.khutaa-v2-slide-meta{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.76);font-size:13px}
.khutaa-v2-arrow{
	position:absolute;
	top:50%;
	z-index:10;
	display:flex;
	width:44px;
	height:44px;
	align-items:center;
	justify-content:center;
	padding:0;
	border:1px solid rgba(255,255,255,.4);
	border-radius:50%;
	background:rgba(0,0,0,.42);
	color:#fff;
	font-family:Arial,sans-serif;
	font-size:34px;
	line-height:1;
	cursor:pointer;
	opacity:0;
	transform:translateY(-50%);
	transition:opacity .25s ease,background .25s ease
}
.khutaa-v2-main-slider:hover .khutaa-v2-arrow{opacity:1}
.khutaa-v2-arrow:hover{background:var(--kh-blue)}
.khutaa-v2-next{right:18px}.khutaa-v2-prev{left:18px}
.khutaa-v2-dots{position:absolute;right:46px;bottom:20px;z-index:11;display:flex;align-items:center;gap:7px}
.khutaa-v2-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .25s ease,background .25s ease}
.khutaa-v2-dot.is-active{width:27px;background:#fff}
.khutaa-v2-side-list{display:grid;height:520px;grid-template-rows:repeat(4,1fr);gap:10px}
.khutaa-v2-side-card{
	display:grid;
	grid-template-columns:minmax(0,1fr) 130px;
	gap:12px;
	width:100%;
	height:100%;
	min-height:0;
	padding:9px;
	overflow:hidden;
	border:1px solid var(--kh-border);
	border-radius:8px;
	background:#fff;
	color:#111;
	text-align:right;
	cursor:pointer;
	transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
.khutaa-v2-side-card:hover,.khutaa-v2-side-card.is-active{border-color:rgba(8,103,207,.5);box-shadow:0 8px 24px rgba(15,23,42,.08);transform:translateY(-2px)}
.khutaa-v2-side-text{display:flex;flex-direction:column;justify-content:center;min-width:0}
.khutaa-v2-side-category{margin-bottom:4px;color:var(--kh-dark-blue);font-size:12px;font-weight:800}
.khutaa-v2-side-text strong{display:block;color:#131820;font-size:15px;font-weight:900;line-height:1.45}
.khutaa-v2-side-text small{margin-top:5px;color:var(--kh-muted);font-size:11px}
.khutaa-v2-side-image{display:block;height:100%;min-height:0;overflow:hidden;border-radius:6px;background:#eef2f6}
.khutaa-v2-side-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.khutaa-v2-side-card:hover .khutaa-v2-side-image img{transform:scale(1.05)}
.khutaa-v2-image-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:linear-gradient(135deg,#0867cf,#0e1826);color:#fff;font-size:20px;font-weight:900}
@media(max-width:1100px){
	.khutaa-v2-main-slider,.khutaa-v2-side-list{height:470px}
	.khutaa-v2-side-card{grid-template-columns:minmax(0,1fr) 110px}
}
@media(max-width:850px){
	.khutaa-v2-module{padding-right:12px;padding-left:12px}
	.khutaa-v2-hero{display:block}
	.khutaa-v2-main-slider{height:450px;margin-bottom:15px}
	.khutaa-v2-side-list{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
	.khutaa-v2-side-card{min-height:120px}
}
@media(max-width:600px){
	.khutaa-v2-module{padding-right:8px;padding-left:8px}
	.khutaa-v2-main-slider{height:400px;border-radius:7px}
	.khutaa-v2-slide-content{padding:25px 20px 39px}
	.khutaa-v2-slide-content h2{font-size:27px;line-height:1.43}
	.khutaa-v2-slide-content p{display:none}
	.khutaa-v2-slide-meta{font-size:11px}
	.khutaa-v2-arrow{display:none}
	.khutaa-v2-dots{right:20px;bottom:17px}
	.khutaa-v2-side-list{grid-template-columns:1fr;gap:9px}
	.khutaa-v2-side-card{grid-template-columns:minmax(0,1fr) 105px;min-height:105px}
	.khutaa-v2-side-text strong{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
	.khutaa-v2-slide,.khutaa-v2-side-image img{transition:none}
}
/* Alkhutaa 1.0.0 — عشرة مخططات للسلايدر وحركات تلقائية */
.khutaa-v2-module{--kh-slider-height:520px;--kh-slider-mobile-height:400px}
.khutaa-v2-main-slider,.khutaa-v2-side-list{height:var(--kh-slider-height)}
.khutaa-v2-module.without-side-list .khutaa-v2-hero{grid-template-columns:1fr}.khutaa-v2-module.without-side-list .khutaa-v2-side-list{display:none}
.khutaa-slider-overlay-dark .khutaa-v2-slide-overlay{background:rgba(0,0,0,.65)}
.khutaa-slider-overlay-light .khutaa-v2-slide-overlay{background:linear-gradient(to top,rgba(255,255,255,.96),rgba(255,255,255,.12) 72%)}.khutaa-slider-overlay-light .khutaa-v2-slide-content h2,.khutaa-slider-overlay-light .khutaa-v2-slide-content p,.khutaa-slider-overlay-light .khutaa-v2-slide-meta{color:#101828}.khutaa-slider-overlay-light .khutaa-v2-slide-category{color:#fff}
.khutaa-slider-overlay-blue .khutaa-v2-slide-overlay{background:linear-gradient(to top,rgba(3,47,103,.96),rgba(8,103,207,.18) 75%)}
.khutaa-slider-overlay-none .khutaa-v2-slide-overlay{background:transparent}.khutaa-slider-overlay-none .khutaa-v2-slide-content{background:linear-gradient(to top,rgba(0,0,0,.88),transparent)}
.khutaa-slider-effect-slide .khutaa-v2-slide{opacity:1;visibility:visible;transform:translateX(-100%);transition:transform .72s cubic-bezier(.2,.7,.2,1)}.khutaa-slider-effect-slide .khutaa-v2-slide.is-active{transform:translateX(0);z-index:3}.khutaa-slider-effect-slide .khutaa-v2-slide.is-leaving{transform:translateX(100%);z-index:2}
.khutaa-slider-effect-zoom .khutaa-v2-slide{transform:scale(1.08);transition:opacity .7s ease,visibility .7s ease,transform 1.3s ease}.khutaa-slider-effect-zoom .khutaa-v2-slide.is-active{transform:scale(1)}
.khutaa-slider-effect-kenburns .khutaa-v2-slide.is-active img{animation:khutaaKenburns 8s ease-out both}@keyframes khutaaKenburns{from{transform:scale(1)}to{transform:scale(1.09) translate3d(-1.5%,1%,0)}}
/* 1: رئيسي + قائمة جانبية */
.khutaa-slider-layout-1 .khutaa-v2-hero{grid-template-columns:minmax(0,2.2fr) minmax(320px,.9fr)}
/* 2: عرض كامل */
.khutaa-slider-layout-2 .khutaa-v2-hero{display:block}.khutaa-slider-layout-2 .khutaa-v2-side-list{display:none}.khutaa-slider-layout-2 .khutaa-v2-slide-content{max-width:1050px;padding:48px 60px}.khutaa-slider-layout-2 .khutaa-v2-slide-content h2{font-size:clamp(34px,3.2vw,58px)}
/* 3: رئيسي وقائمتان شبكيتان */
.khutaa-slider-layout-3 .khutaa-v2-hero{grid-template-columns:minmax(0,1.8fr) minmax(360px,1fr)}.khutaa-slider-layout-3 .khutaa-v2-side-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,1fr)}.khutaa-slider-layout-3 .khutaa-v2-side-card{grid-template-columns:1fr;grid-template-rows:1fr auto;padding:0}.khutaa-slider-layout-3 .khutaa-v2-side-image{grid-row:1;height:auto;border-radius:7px 7px 0 0}.khutaa-slider-layout-3 .khutaa-v2-side-text{padding:10px}.khutaa-slider-layout-3 .khutaa-v2-side-text small{display:none}
/* 4: تحريري مركزي */
.khutaa-slider-layout-4 .khutaa-v2-hero{display:block}.khutaa-slider-layout-4 .khutaa-v2-side-list{display:none}.khutaa-slider-layout-4 .khutaa-v2-slide-content{right:8%;left:8%;bottom:8%;padding:30px;text-align:center;background:rgba(0,0,0,.56);backdrop-filter:blur(8px);border-radius:12px}.khutaa-slider-layout-4 .khutaa-v2-slide-content h2,.khutaa-slider-layout-4 .khutaa-v2-slide-content p{margin-right:auto;margin-left:auto}.khutaa-slider-layout-4 .khutaa-v2-slide-meta{justify-content:center}
/* 5: صورة ونص جانبي */
.khutaa-slider-layout-5 .khutaa-v2-hero{display:block}.khutaa-slider-layout-5 .khutaa-v2-side-list{display:none}.khutaa-slider-layout-5 .khutaa-v2-slide-overlay{right:0;left:52%;background:linear-gradient(to left,rgba(255,255,255,.98),rgba(255,255,255,.88))}.khutaa-slider-layout-5 .khutaa-v2-slide-content{right:0;left:52%;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;padding:42px}.khutaa-slider-layout-5 .khutaa-v2-slide-content h2,.khutaa-slider-layout-5 .khutaa-v2-slide-content p,.khutaa-slider-layout-5 .khutaa-v2-slide-meta{color:#101828}.khutaa-slider-layout-5 .khutaa-v2-slide-link>img{width:52%;margin-right:48%}.khutaa-slider-layout-5 .khutaa-v2-dots{right:40px}
/* 6: فسيفساء إخبارية */
.khutaa-slider-layout-6 .khutaa-v2-hero{grid-template-columns:minmax(0,1.55fr) minmax(420px,1fr)}.khutaa-slider-layout-6 .khutaa-v2-side-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,1fr)}.khutaa-slider-layout-6 .khutaa-v2-side-card{position:relative;display:block;padding:0}.khutaa-slider-layout-6 .khutaa-v2-side-image{position:absolute;inset:0}.khutaa-slider-layout-6 .khutaa-v2-side-text{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:14px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff}.khutaa-slider-layout-6 .khutaa-v2-side-text strong,.khutaa-slider-layout-6 .khutaa-v2-side-category,.khutaa-slider-layout-6 .khutaa-v2-side-text small{color:#fff}
/* 7: صور مصغرة أسفل السلايدر */
.khutaa-slider-layout-7 .khutaa-v2-hero{display:grid;grid-template-columns:1fr}.khutaa-slider-layout-7 .khutaa-v2-main-slider{height:calc(var(--kh-slider-height) - 125px)}.khutaa-slider-layout-7 .khutaa-v2-side-list{height:110px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr}.khutaa-slider-layout-7 .khutaa-v2-side-card{grid-template-columns:90px minmax(0,1fr);padding:7px}.khutaa-slider-layout-7 .khutaa-v2-side-image{grid-column:1;grid-row:1}.khutaa-slider-layout-7 .khutaa-v2-side-text{grid-column:2;grid-row:1}.khutaa-slider-layout-7 .khutaa-v2-side-text small,.khutaa-slider-layout-7 .khutaa-v2-side-category{display:none}
/* 8: شريط مضغوط */
.khutaa-slider-layout-8{--kh-slider-height:390px}.khutaa-slider-layout-8 .khutaa-v2-hero{grid-template-columns:minmax(0,2fr) minmax(310px,1fr)}.khutaa-slider-layout-8 .khutaa-v2-side-list{grid-template-rows:repeat(4,1fr)}.khutaa-slider-layout-8 .khutaa-v2-slide-content h2{font-size:clamp(26px,2.1vw,38px)}.khutaa-slider-layout-8 .khutaa-v2-slide-content p{display:none}
/* 9: غرفة أخبار داكنة */
.khutaa-slider-layout-9 .khutaa-v2-hero{padding:14px;background:#0d1520;border-radius:12px}.khutaa-slider-layout-9 .khutaa-v2-main-slider{border:1px solid rgba(255,255,255,.12)}.khutaa-slider-layout-9 .khutaa-v2-side-card{background:#172131;border-color:#2a3748;color:#fff}.khutaa-slider-layout-9 .khutaa-v2-side-text strong{color:#fff}.khutaa-slider-layout-9 .khutaa-v2-side-category{color:#ffbd2e}.khutaa-slider-layout-9 .khutaa-v2-slide-category{background:#e31b23}
/* 10: عنوان رئيسي مع سكة جانبية */
.khutaa-slider-layout-10 .khutaa-v2-hero{grid-template-columns:minmax(0,2.5fr) minmax(280px,.75fr)}.khutaa-slider-layout-10 .khutaa-v2-slide-content{right:7%;left:7%;bottom:9%;text-align:center}.khutaa-slider-layout-10 .khutaa-v2-slide-content h2,.khutaa-slider-layout-10 .khutaa-v2-slide-content p{margin-right:auto;margin-left:auto}.khutaa-slider-layout-10 .khutaa-v2-slide-meta{justify-content:center}.khutaa-slider-layout-10 .khutaa-v2-side-card{grid-template-columns:1fr}.khutaa-slider-layout-10 .khutaa-v2-side-image{display:none}
@media(max-width:1100px){.khutaa-v2-main-slider,.khutaa-v2-side-list{height:var(--kh-slider-height)}.khutaa-slider-layout-3 .khutaa-v2-hero,.khutaa-slider-layout-6 .khutaa-v2-hero,.khutaa-slider-layout-10 .khutaa-v2-hero{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}}
@media(max-width:850px){.khutaa-v2-main-slider{height:var(--kh-slider-mobile-height)}.khutaa-v2-side-list{height:auto}.khutaa-slider-layout-5 .khutaa-v2-slide-link>img{width:100%;margin:0}.khutaa-slider-layout-5 .khutaa-v2-slide-overlay{inset:0;background:linear-gradient(to top,rgba(0,0,0,.92),transparent)}.khutaa-slider-layout-5 .khutaa-v2-slide-content{inset:auto 0 0;padding:25px}.khutaa-slider-layout-5 .khutaa-v2-slide-content h2,.khutaa-slider-layout-5 .khutaa-v2-slide-content p,.khutaa-slider-layout-5 .khutaa-v2-slide-meta{color:#fff}.khutaa-slider-layout-7 .khutaa-v2-main-slider{height:var(--kh-slider-mobile-height)}.khutaa-slider-layout-7 .khutaa-v2-side-list{height:auto;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.khutaa-v2-main-slider{height:var(--kh-slider-mobile-height)}.khutaa-slider-layout-3 .khutaa-v2-side-list,.khutaa-slider-layout-6 .khutaa-v2-side-list,.khutaa-slider-layout-7 .khutaa-v2-side-list{grid-template-columns:1fr}.khutaa-slider-layout-4 .khutaa-v2-slide-content{right:15px;left:15px;bottom:20px;padding:18px}.khutaa-slider-layout-2 .khutaa-v2-slide-content{padding:25px 20px 39px}.khutaa-slider-layout-9 .khutaa-v2-hero{padding:7px}.khutaa-slider-layout-10 .khutaa-v2-side-list{display:none}}

/* AlKhutaa Pro Core 1.17.1 Stable — hero slider link and responsive hardening. */
.khutaa-v2-side-card{text-decoration:none!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.khutaa-v2-side-card:focus-visible{outline:3px solid rgba(8,103,207,.35);outline-offset:2px}
.khutaa-v2-side-text strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.khutaa-v2-slide-link{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:850px){
 .khutaa-v2-module{max-width:100%;overflow:hidden}
 .khutaa-v2-hero{min-width:0}
 .khutaa-v2-main-slider{min-width:0}
 .khutaa-v2-side-list{min-width:0}
 .khutaa-v2-side-card{min-width:0}
}
@media(max-width:600px){
 .khutaa-v2-module{padding-inline:0}
 .khutaa-v2-main-slider{height:var(--kh-slider-mobile-height);min-height:320px;max-height:480px}
 .khutaa-v2-slide-content{padding:20px 16px 36px}
 .khutaa-v2-slide-content h2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:clamp(22px,6.6vw,27px);line-height:1.42}
 .khutaa-v2-side-list{grid-template-columns:minmax(0,1fr)!important;gap:9px}
 .khutaa-v2-side-card{grid-template-columns:minmax(0,1fr) 108px;min-height:108px;height:auto;padding:8px}
 .khutaa-v2-side-text strong{-webkit-line-clamp:3;font-size:14px;line-height:1.5}
 .khutaa-v2-side-text small{font-size:10px}
}
