/* المقال الرئيسي في «أسرار الأحجار الكريمة» — Alsayed Jewellers
   امتداد لأنماط القسم (gem-secrets.css): يستعمل متغيراتها وألوانها وخطوط القالب نفسها،
   وكل القواعد محصورة داخل .ags-wrap حتى لا تمسّ بقية الموقع. */

/* ---------- عناصر مشتركة ---------- */
.ags-wrap .aga-badge {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	padding: 5px 16px;
	border-radius: 999px;
	border: 1px solid var(--ags-line);
	background: rgba(11, 10, 9, .55);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	color: var(--ags-gold-2);
	font-size: .8rem;
	letter-spacing: .04em;
	line-height: 1.7;
}
.ags-wrap .aga-badge i { font-style: normal; color: var(--ags-gold); font-size: .8em; }
.ags-wrap .aga-meta { margin: 0; color: var(--ags-muted); font-size: .86rem; letter-spacing: .02em; }
.ags-wrap .aga-t1, .ags-wrap .aga-t2 { display: block; }

/* ---------- البطاقة الرئيسية في صدر القسم ---------- */
.ags-wrap .aga-feature {
	--ags-c1: #7a0822;
	--ags-c2: #e0115f;
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	max-width: 1180px;
	margin: 36px auto 0;
	border-radius: 26px;
	overflow: hidden;
	isolation: isolate;
	border: 1px solid var(--ags-line);
	background:
		radial-gradient(ellipse at 100% 100%, color-mix(in srgb, var(--ags-c1) 26%, transparent), transparent 60%),
		linear-gradient(180deg, #17140f, #100e0b);
	box-shadow: 0 0 0 6px rgba(201, 164, 92, .05), 0 40px 90px -56px var(--ags-c1);
	transition: border-color .4s ease, box-shadow .4s ease;
}
.ags-wrap .aga-feature::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 1px;
	z-index: 3;
	background: linear-gradient(90deg, transparent, var(--ags-gold), transparent);
	opacity: .8;
}
.ags-wrap .aga-feature:hover { border-color: rgba(201, 164, 92, .55); box-shadow: 0 0 0 6px rgba(201, 164, 92, .08), 0 44px 96px -52px var(--ags-c2); }
.ags-wrap .aga-feature-media { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #000; }
.ags-wrap .aga-feature-media img { width: 100%; height: 100%; object-fit: cover; object-position: 8% 60%; transition: transform 1.4s cubic-bezier(.2, .7, .2, 1); }
.ags-wrap .aga-feature:hover .aga-feature-media img { transform: scale(1.045); }
.ags-wrap .aga-feature-media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, #110f0c 0%, rgba(17, 15, 12, .35) 14%, rgba(17, 15, 12, 0) 34%);
}
.ags-wrap .aga-feature-body {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	margin-top: -16px;
	padding: 0 20px 28px;
}
.ags-wrap h2.aga-feature-title {
	margin: 2px 0 0 !important;
	font-family: var(--ags-serif);
	font-size: clamp(1.45rem, 5.4vw, 2.5rem) !important;
	font-weight: 700;
	line-height: 1.45 !important;
	text-align: start;
	text-wrap: balance;
}
.ags-wrap h2.aga-feature-title a { display: block; color: inherit !important; }
.ags-wrap .aga-feature-title .aga-t1,
.ags-wrap h1.aga-title .aga-t1 {
	background: linear-gradient(180deg, #fff 0%, var(--ags-gold-2) 60%, var(--ags-gold) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}
.ags-wrap .aga-feature-title .aga-t2,
.ags-wrap h1.aga-title .aga-t2 {
	margin-top: .15em;
	font-size: .72em;
	font-weight: 400;
	color: var(--ags-gold-2) !important;
	-webkit-text-fill-color: var(--ags-gold-2) !important;
}
.ags-wrap .aga-feature-teaser { margin: 0; max-width: 60ch; color: var(--ags-text); opacity: .92; font-size: .98rem; line-height: 1.95; }
.ags-wrap .aga-feature-btn { margin-top: 6px; }
.ags-wrap .aga-feature-btn span { transition: transform .3s ease; }
.ags-wrap .aga-feature-btn:hover span { transform: translateX(-4px); }

@media (min-width: 860px) {
	.ags-wrap .aga-feature { min-height: 500px; align-items: center; }
	.ags-wrap .aga-feature-media { position: absolute; inset: 0; aspect-ratio: auto; z-index: 0; }
	.ags-wrap .aga-feature-media img { object-position: 22% 62%; }
	/* التعتيم من جهة اليمين (حيث النص) إلى اليسار (حيث الحجر) */
	.ags-wrap .aga-feature-media::after {
		background:
			linear-gradient(to left, rgba(11, 10, 9, .97) 0%, rgba(11, 10, 9, .9) 30%, rgba(11, 10, 9, .5) 55%, rgba(11, 10, 9, 0) 80%),
			linear-gradient(to top, rgba(11, 10, 9, .55), rgba(11, 10, 9, 0) 45%);
	}
	.ags-wrap .aga-feature-body { max-width: 57%; margin-top: 0; padding: 56px 52px; gap: 16px; }
	.ags-wrap .aga-feature-teaser { font-size: 1.02rem; }
}
@media (min-width: 860px) and (max-width: 1099px) {
	.ags-wrap .aga-feature-body { max-width: 66%; padding: 44px 36px; }
}

/* ---------- واجهة المقال ---------- */
.ags-wrap .aga-progress { position: fixed; inset: 0 0 auto 0; height: 3px; z-index: 9999; pointer-events: none; }
.ags-wrap .aga-progress span { display: block; height: 100%; width: 100%; transform: scaleX(0); transform-origin: 100% 50%; background: linear-gradient(270deg, var(--ags-gold), var(--ags-gold-2)); }

.ags-wrap .aga-hero {
	position: relative;
	max-width: 1180px;
	margin: 14px auto 0;
	border-radius: 28px;
	overflow: hidden;
	isolation: isolate;
	border: 1px solid rgba(255, 255, 255, .08);
	background: linear-gradient(180deg, #17140f, #0f0d0a);
}
.ags-wrap .aga-hero-media { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #000; }
.ags-wrap .aga-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: 8% 60%; animation: aga-zoom 22s ease-out both; }
.ags-wrap .aga-hero-media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, #110f0c 0%, rgba(17, 15, 12, .35) 14%, rgba(17, 15, 12, 0) 34%);
}
@keyframes aga-zoom { from { transform: scale(1.08); } to { transform: scale(1); } }
.ags-wrap .aga-hero-inner {
	position: relative;
	z-index: 2;
	margin-top: -16px;
	padding: 0 18px 30px;
	text-align: center;
	animation: ags-fade .9s ease both;
}
.ags-wrap h1.ags-title.aga-title {
	margin: .5em 0 .35em !important;
	font-size: clamp(1.7rem, 6.4vw, 3rem) !important;
	line-height: 1.42 !important;
	background: none;
	text-wrap: balance;
}
.ags-wrap .aga-subtitle { margin: 0 0 .35rem !important; font-size: clamp(1.02rem, 2.6vw, 1.3rem) !important; color: #fff !important; }
.ags-wrap .aga-kicker { margin: 0 0 1rem; color: var(--ags-gold-2); font-size: clamp(.9rem, 2.2vw, 1rem); opacity: .9; }

@media (min-width: 860px) {
	.ags-wrap .aga-hero { display: flex; align-items: center; min-height: clamp(520px, 74vh, 660px); }
	.ags-wrap .aga-hero-media { position: absolute; inset: 0; aspect-ratio: auto; z-index: 0; }
	.ags-wrap .aga-hero-media img { object-position: 20% 58%; }
	/* النص يمينًا فوق المساحة الداكنة، والحجر ظاهر يسارًا */
	.ags-wrap .aga-hero-media::after {
		background:
			linear-gradient(to left, rgba(11, 10, 9, .97) 0%, rgba(11, 10, 9, .9) 32%, rgba(11, 10, 9, .45) 56%, rgba(11, 10, 9, 0) 80%),
			linear-gradient(to top, rgba(11, 10, 9, .6), rgba(11, 10, 9, 0) 40%);
	}
	.ags-wrap .aga-hero-inner { width: 58%; margin-top: 0; padding: 56px 52px; text-align: start; }
}
@media (min-width: 860px) and (max-width: 1099px) {
	.ags-wrap .aga-hero-inner { width: 66%; padding: 44px 36px; }
}

/* ---------- متن المقال ---------- */
.ags-wrap .aga-body { max-width: 760px; margin: clamp(32px, 6vw, 56px) auto 40px; }
.ags-wrap .aga-body > p, .ags-wrap .aga-chapter > p { margin: 0 0 1.25em; font-size: 1.06rem; line-height: 2.1; }
.ags-wrap .aga-body .ags-lead { font-size: 1.22rem !important; line-height: 2.05 !important; }
.ags-wrap .aga-center { text-align: center; color: var(--ags-muted); letter-spacing: .02em; }
.ags-wrap .aga-body .ags-note { line-height: 1.95; }
.ags-wrap .aga-body .ags-note strong { color: var(--ags-gold-2); }

.ags-wrap .aga-pull {
	position: relative;
	margin: 2em auto 2em !important;
	padding: 1.1em .5em;
	max-width: 34ch;
	text-align: center;
	font-family: var(--ags-serif);
	font-size: clamp(1.2rem, 3.4vw, 1.5rem) !important;
	font-weight: 500;
	line-height: 1.9 !important;
	color: var(--ags-gold-2);
}
.ags-wrap .aga-pull::before, .ags-wrap .aga-pull::after {
	content: "";
	position: absolute;
	inset-inline: 22%;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--ags-gold), transparent);
}
.ags-wrap .aga-pull::before { top: 0; }
.ags-wrap .aga-pull::after { bottom: 0; }

/* ثلاثة أحجار متشابهة */
.ags-wrap .aga-trio-wrap { margin: 1.8em 0 .6em; }
.ags-wrap .aga-trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.ags-wrap .aga-trio-wrap figcaption { margin-top: 8px; text-align: center; color: var(--ags-muted); font-size: .78rem; }
.ags-wrap .aga-trio-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 8px 8px 14px;
	border-radius: var(--ags-radius);
	background: var(--ags-surface);
	border: 1px solid rgba(255, 255, 255, .07);
	text-align: center;
}
.ags-wrap .aga-trio-item .ags-gem { width: clamp(44px, 13vw, 64px); margin-bottom: 8px; }
.ags-wrap .aga-trio-item .aga-trio-img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	margin-bottom: 8px;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, .08);
	background: #000;
	transition: transform .5s cubic-bezier(.2, .7, .2, 1), border-color .35s ease;
}
.ags-wrap .aga-trio-item:hover .aga-trio-img { transform: scale(1.03); border-color: var(--ags-line); }
.ags-wrap .aga-trio-item b { color: #fff; font-size: clamp(.82rem, 2.6vw, 1rem); line-height: 1.6; }
.ags-wrap .aga-trio-item small { color: var(--ags-muted); font-size: clamp(.7rem, 2.1vw, .82rem); line-height: 1.6; }

/* فهرس الفصول */
.ags-wrap .aga-toc { margin: 2.4em 0 1em; padding: 22px 22px 14px; border-radius: var(--ags-radius); background: var(--ags-surface); border: 1px solid var(--ags-line); }
.ags-wrap h2.aga-toc-title { margin: 0 0 .7em !important; font-size: 1.1rem !important; color: var(--ags-gold-2) !important; -webkit-text-fill-color: currentColor !important; text-align: center; letter-spacing: .04em; }
.ags-wrap .aga-toc ol { list-style: none; margin: 0; padding: 0; counter-reset: aga-toc; }
.ags-wrap .aga-toc li { counter-increment: aga-toc; border-top: 1px dashed rgba(255, 255, 255, .08); }
.ags-wrap .aga-toc a { display: flex; align-items: baseline; gap: 12px; min-height: 48px; padding: 11px 2px; color: var(--ags-text) !important; font-size: .97rem; line-height: 1.7; transition: color .25s ease, padding .25s ease; }
.ags-wrap .aga-toc a::before { content: counter(aga-toc, decimal-leading-zero); flex: none; color: var(--ags-gold); font-size: .8rem; font-variant-numeric: tabular-nums; letter-spacing: .06em; }
.ags-wrap .aga-toc a:hover { color: #fff !important; padding-inline-start: 8px; }

/* الفصول */
.ags-wrap .aga-chapter { margin-top: clamp(56px, 9vw, 88px); scroll-margin-top: 110px; }
.ags-wrap .aga-chapter-head { position: relative; margin: 0 0 1.8em; padding-top: 34px; text-align: center; }
.ags-wrap .aga-chapter-head::before {
	content: "◆";
	position: absolute;
	top: 0;
	inset-inline: 0;
	color: var(--ags-gold);
	font-size: .8rem;
	line-height: 1;
	background:
		linear-gradient(90deg, transparent, var(--ags-line) 30%, transparent 44%, transparent 56%, var(--ags-line) 70%, transparent) center / 100% 1px no-repeat;
}
.ags-wrap .aga-chapter-no { display: block; margin-bottom: .5em; color: var(--ags-gold); font-size: .84rem; letter-spacing: .18em; }
.ags-wrap h2.aga-chapter-title {
	margin: 0 !important;
	font-family: var(--ags-serif);
	font-size: clamp(1.45rem, 4.4vw, 2.2rem) !important;
	font-weight: 700;
	line-height: 1.55 !important;
	color: var(--ags-text) !important;
	-webkit-text-fill-color: currentColor !important;
	text-wrap: balance;
}

/* الصور */
.ags-wrap .aga-figure { margin: 2em 0; border-radius: 22px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .10); background: #000; box-shadow: 0 30px 70px -44px var(--ags-c1); }
.ags-wrap .aga-figure img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.ags-wrap .aga-figure figcaption { padding: 10px 16px 12px; background: var(--ags-surface); color: var(--ags-muted); font-size: .82rem; line-height: 1.7; text-align: center; }
@media (min-width: 1000px) {
	.ags-wrap .aga-figure-wide { margin-inline: -90px; }
}

/* جدول المعالجات */
.ags-wrap .aga-table-wrap { margin: 1.6em 0; border-radius: var(--ags-radius); overflow: hidden; border: 1px solid var(--ags-line); background: var(--ags-surface); }
.ags-wrap table.aga-table { width: 100%; margin: 0 !important; border: 0 !important; border-collapse: collapse; background: transparent; font-size: .97rem; line-height: 1.8; }
.ags-wrap .aga-table th, .ags-wrap .aga-table td { padding: 13px 16px; border: 0 !important; border-top: 1px dashed rgba(255, 255, 255, .08) !important; text-align: start; vertical-align: top; background: transparent; color: var(--ags-text); }
.ags-wrap .aga-table tr, .ags-wrap .aga-table thead, .ags-wrap .aga-table tbody { border: 0 !important; background: transparent; }
.ags-wrap .aga-table thead th { border-top: 0 !important; background: rgba(201, 164, 92, .1); color: var(--ags-gold-2); font-size: .86rem; font-weight: 700; letter-spacing: .04em; }
.ags-wrap .aga-table tbody th { width: 40%; color: #fff; font-weight: 700; }
.ags-wrap .aga-table tbody tr { transition: background .25s ease; }
.ags-wrap .aga-table tbody tr:hover { background: rgba(201, 164, 92, .05); }
@media (max-width: 480px) {
	.ags-wrap .aga-table th, .ags-wrap .aga-table td { padding: 11px 12px; font-size: .9rem; }
	.ags-wrap .aga-table tbody th { width: 44%; }
}

/* الأنواع الأربعة */
.ags-wrap .aga-types { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 1.6em 0; }
@media (min-width: 640px) { .ags-wrap .aga-types { grid-template-columns: 1fr 1fr; gap: 14px; } }
.ags-wrap .aga-type { position: relative; padding: 20px 20px 16px; border-radius: var(--ags-radius); background: var(--ags-surface); border: 1px solid rgba(255, 255, 255, .07); transition: border-color .3s ease, transform .3s ease; }
.ags-wrap .aga-type:hover { border-color: var(--ags-line); transform: translateY(-2px); }
.ags-wrap .aga-type-no { display: block; margin-bottom: 4px; color: var(--ags-gold); font-size: .78rem; letter-spacing: .14em; font-variant-numeric: tabular-nums; }
.ags-wrap .aga-type h3 { margin: 0 0 .35em !important; font-size: 1.14rem !important; line-height: 1.6 !important; color: var(--ags-gold-2) !important; -webkit-text-fill-color: currentColor !important; }
.ags-wrap .aga-type p { margin: 0 !important; font-size: .96rem; line-height: 1.9; }

/* الأسئلة الخمسة */
.ags-wrap .aga-questions { list-style: none; margin: 1.6em 0; padding: 0; counter-reset: aga-q; display: grid; gap: 10px; }
.ags-wrap .aga-questions li {
	counter-increment: aga-q;
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 14px 18px;
	border-radius: var(--ags-radius);
	background: var(--ags-surface);
	border: 1px solid rgba(255, 255, 255, .07);
	color: #fff;
	font-size: 1.02rem;
	line-height: 1.85;
}
.ags-wrap .aga-questions li::before {
	content: counter(aga-q);
	flex: none;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid var(--ags-gold);
	color: var(--ags-gold-2);
	font-weight: 700;
	font-size: 1.05rem;
	background: rgba(201, 164, 92, .08);
}

/* الخاتمة */
.ags-wrap .aga-closing {
	position: relative;
	margin: clamp(56px, 9vw, 88px) 0 30px;
	padding: clamp(40px, 7vw, 64px) 22px clamp(32px, 6vw, 52px);
	text-align: center;
	border-radius: 26px;
	border: 1px solid var(--ags-gold);
	background:
		radial-gradient(ellipse at 50% 0, rgba(201, 164, 92, .16), transparent 60%),
		linear-gradient(160deg, #1d1912, #120f0b);
	box-shadow: 0 0 0 6px rgba(201, 164, 92, .06), 0 40px 90px -60px rgba(201, 164, 92, .6);
}
.ags-wrap .aga-closing::before { content: "◆"; position: absolute; top: -13px; left: 50%; transform: translateX(-50%); padding: 0 14px; background: var(--ags-bg); color: var(--ags-gold); line-height: 1.6; }
.ags-wrap .aga-closing-tagline {
	margin: 0 0 .45em !important;
	font-family: var(--ags-serif);
	font-size: clamp(1.9rem, 7.4vw, 3.3rem) !important;
	font-weight: 700;
	line-height: 1.5 !important;
	background: linear-gradient(100deg, #b8903f 0%, #e6cd92 30%, #fff7de 42%, #e6cd92 54%, #b8903f 80%);
	background-size: 260% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	animation: ags-gold-sweep 5.5s ease-in-out infinite;
}
.ags-wrap .aga-closing-brand { margin: 0 auto 1.6em !important; max-width: 36ch; color: var(--ags-text); font-size: clamp(1rem, 2.8vw, 1.15rem) !important; line-height: 1.9 !important; }
.ags-wrap a.aga-closing-link {
	display: inline-flex;
	align-items: center;
	gap: .6em;
	min-height: 48px;
	padding: .2em .2em;
	color: var(--ags-gold-2) !important;
	font-weight: 700;
	font-size: 1rem;
	border-bottom: 1px solid var(--ags-gold);
	transition: color .25s ease, gap .25s ease;
}
.ags-wrap a.aga-closing-link:hover { color: #fff !important; gap: 1em; }

/* المراجع والمشاركة */
.ags-wrap .aga-body .ags-sources { margin-top: 0; }
.ags-wrap .aga-body .ags-sources li { scroll-margin-top: 130px; line-height: 1.9; }
.ags-wrap .aga-share { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; margin: 32px 0 0; }
.ags-wrap .aga-share-label { flex-basis: 100%; text-align: center; color: var(--ags-muted); font-size: .86rem; letter-spacing: .06em; }
.ags-wrap .aga-share .ags-btn { min-height: 44px; padding: .5em 1.3em; font-size: .9rem; font-family: inherit; }

/* ---------- صفحة المختبر ---------- */
.ags-wrap .aga-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 1.8em 0 0; }
.ags-wrap .aga-cta-start { justify-content: flex-start; margin-top: 1.4em; }
.ags-wrap .aga-cta .ags-btn span { transition: transform .3s ease; }
.ags-wrap .aga-cta .ags-btn:hover span { transform: translateX(-4px); }
.ags-wrap.aga-lab .ags-hero-media img { object-position: 50% 38%; }
.ags-wrap.aga-lab .ags-intro { line-height: 2; }
.ags-wrap .aga-chapter-first { margin-top: clamp(40px, 7vw, 64px); }
.ags-wrap p.aga-center-lead { max-width: 46ch; margin: 0 auto 1.6em !important; text-align: center; color: var(--ags-gold-2) !important; font-size: 1.12rem !important; line-height: 2 !important; }
.ags-wrap .aga-body .ags-note-gold { margin-top: 1.8em; }
.ags-wrap .aga-table tbody th small { display: block; margin-top: 4px; color: var(--ags-gold); font-size: .78rem; font-weight: 400; letter-spacing: .02em; }
.ags-wrap .aga-table-stack tbody th { width: 30%; }
.ags-wrap .aga-table-stack td:nth-child(3), .ags-wrap .aga-table-stack td:nth-child(4) { width: 19%; color: var(--ags-gold-2); }
/* على الجوال يتحول كل صف إلى بطاقة */
@media (max-width: 680px) {
	.ags-wrap .aga-table-stack, .ags-wrap .aga-table-stack tbody, .ags-wrap .aga-table-stack tr, .ags-wrap .aga-table-stack th, .ags-wrap .aga-table-stack td { display: block; width: auto !important; }
	.ags-wrap .aga-table-stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.ags-wrap .aga-table-stack tbody tr { padding: 16px 16px 12px; border-top: 1px solid var(--ags-line) !important; }
	.ags-wrap .aga-table-stack tbody tr:first-child { border-top: 0 !important; }
	.ags-wrap .aga-table-stack tbody th { padding: 0 0 8px; border-top: 0 !important; font-size: 1.05rem; color: var(--ags-gold-2); }
	.ags-wrap .aga-table-stack td { display: grid; grid-template-columns: 7.2em 1fr; gap: 10px; padding: 8px 0; font-size: .93rem; }
	.ags-wrap .aga-table-stack td::before { content: attr(data-label); color: var(--ags-muted); font-size: .8rem; line-height: 2; }
}

.ags-wrap a.aga-related {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: clamp(48px, 8vw, 72px) 0 0;
	padding: 22px 24px;
	border-radius: var(--ags-radius);
	border: 1px solid var(--ags-line);
	background:
		radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--ags-c1) 30%, transparent), transparent 60%),
		var(--ags-surface);
	color: var(--ags-text) !important;
	transition: border-color .3s ease, transform .3s ease;
}
.ags-wrap a.aga-related:hover { border-color: var(--ags-gold); transform: translateY(-2px); }
.ags-wrap .aga-related-kicker { color: var(--ags-gold); font-size: .8rem; letter-spacing: .06em; }
.ags-wrap .aga-related-title { color: #fff; font-size: clamp(1.05rem, 3vw, 1.3rem); font-weight: 700; line-height: 1.7; }
.ags-wrap .aga-related-text { color: var(--ags-muted); font-size: .93rem; line-height: 1.9; }
.ags-wrap .aga-related-more { margin-top: 4px; color: var(--ags-gold-2); font-weight: 700; font-size: .92rem; }
.ags-wrap .aga-related-more span { display: inline-block; transition: transform .3s ease; }
.ags-wrap a.aga-related:hover .aga-related-more span { transform: translateX(-4px); }

/* ---------- تثبيت أمام قواعد القالب ---------- */
.ags-wrap .aga-feature-title, .ags-wrap .aga-chapter-title, .ags-wrap .aga-toc-title, .ags-wrap .aga-type h3 { text-transform: none; }
.ags-wrap .aga-body p, .ags-wrap .aga-feature p { color: inherit; }
.ags-wrap .aga-body > p, .ags-wrap .aga-chapter > p { color: var(--ags-text); }
.ags-wrap .aga-body > p.ags-lead { color: var(--ags-gold-2); }
.ags-wrap h2.aga-toc-title, .ags-wrap .aga-type h3 { font-weight: 600 !important; }
.ags-wrap .aga-share .ags-btn { text-transform: none; letter-spacing: 0; }
.ags-wrap p.aga-pull { color: var(--ags-gold-2) !important; }
.ags-wrap p.aga-center, .ags-wrap p.aga-meta { color: var(--ags-muted) !important; }
.ags-wrap p.aga-kicker { color: var(--ags-gold-2) !important; }

@media (prefers-reduced-motion: reduce) {
	.ags-wrap .aga-closing-tagline, .ags-wrap .aga-hero-media img, .ags-wrap .aga-hero-inner { animation: none !important; }
}


/* ==========================================================================
   مقال الزمرد وما يلحقه من مقالات (1.2.0)
   ========================================================================== */

/* بطاقة ثانية في صدر القسم + غلاف يكون الحجر فيه يسار الصورة */
.ags-wrap .aga-feature + .aga-feature { margin-top: 22px; }
.ags-wrap .aga-feature-emerald .aga-feature-media img,
.ags-wrap.aga-emerald .aga-hero-media img { object-position: 0% 50%; }
@media (min-width: 860px) {
	.ags-wrap .aga-feature-emerald .aga-feature-media img,
	.ags-wrap.aga-emerald .aga-hero-media img { object-position: 0% 46%; }
}

/* رسم توضيحي بنسبته الأصلية (بلا قص) + تكبير عند الضغط */
.ags-wrap .aga-figure picture { display: block; }
.ags-wrap .aga-figure.aga-figure-free img { aspect-ratio: var(--aga-ar, auto); object-fit: contain; }
@media (max-width: 700px) {
	.ags-wrap .aga-figure.aga-figure-free img { aspect-ratio: var(--aga-ar-m, var(--aga-ar, auto)); }
}
.ags-wrap .aga-zoom img { cursor: zoom-in; }
.ags-wrap .aga-zoom figcaption::after { content: " · اضغط للتكبير"; color: var(--ags-gold); white-space: nowrap; }

html.aga-noscroll { overflow: hidden; }
.ags-wrap .aga-lightbox { position: fixed; inset: 0; z-index: 100000; display: none; background: rgba(8, 7, 6, .97); direction: ltr; }
.ags-wrap .aga-lightbox.is-open { display: block; }
.ags-wrap .aga-lightbox-scroll { position: absolute; inset: 0; display: flex; overflow: auto; -webkit-overflow-scrolling: touch; padding: 60px 12px 24px; }
.ags-wrap .aga-lightbox-scroll img { flex: none; margin: auto; width: 100%; max-width: 1500px; height: auto; border-radius: 14px; border: 1px solid var(--ags-line); cursor: zoom-in; }
.ags-wrap .aga-lightbox.is-zoomed .aga-lightbox-scroll img { width: 230%; max-width: none; cursor: zoom-out; }
@media (min-width: 900px) {
	.ags-wrap .aga-lightbox-scroll img { width: auto; max-width: min(100%, 1500px); max-height: calc(100vh - 90px); }
	.ags-wrap .aga-lightbox.is-zoomed .aga-lightbox-scroll img { width: auto; max-width: none; max-height: none; }
}
.ags-wrap .aga-lightbox-close {
	position: absolute; top: 10px; right: 12px; z-index: 2;
	width: 44px; height: 44px; padding: 0; border-radius: 50%;
	border: 1px solid var(--ags-gold); background: rgba(11, 10, 9, .8); color: var(--ags-gold-2);
	font: inherit; font-size: 1.5rem; line-height: 1; cursor: pointer;
}
.ags-wrap .aga-lightbox-hint { position: absolute; top: 20px; left: 16px; z-index: 2; color: var(--ags-muted); font-size: .8rem; direction: rtl; }

/* حجران متجاوران (مكوّن الأحجار الثلاثة نفسه بعمودين) */
.ags-wrap .aga-duo { grid-template-columns: repeat(2, 1fr); }
.ags-wrap .aga-duo .aga-trio-item .aga-trio-img { aspect-ratio: 4 / 3; }
.ags-wrap .aga-duo .aga-trio-item b { font-size: clamp(.9rem, 2.8vw, 1.08rem); }
.ags-wrap .aga-duo .aga-trio-item small { font-size: clamp(.74rem, 2.3vw, .88rem); }

/* ثلاث بطاقات في صف */
@media (min-width: 760px) { .ags-wrap .aga-types-3 { grid-template-columns: repeat(3, 1fr); } }
.ags-wrap .aga-type-no bdi { letter-spacing: .06em; font-size: 1.06em; }

/* جدول بثلاثة أعمدة نصية (يتحول إلى بطاقات على الجوال) */
.ags-wrap .aga-table-free tbody th { width: 27%; }
.ags-wrap .aga-table-stack.aga-table-free td:nth-child(3),
.ags-wrap .aga-table-stack.aga-table-free td:nth-child(4) { width: auto; color: var(--ags-text); }

/* قوائم المتن والأسئلة ذات الشرح */
.ags-wrap .aga-chapter > .ags-list { margin: 0 0 1.4em; padding-inline-start: 1.3em; font-size: 1.03rem; line-height: 2.05; color: var(--ags-text); }
.ags-wrap .aga-chapter > .ags-list li { margin-bottom: .5em; }
.ags-wrap .aga-chapter > .ags-list strong { color: var(--ags-gold-2); }
.ags-wrap .aga-questions li > span { color: var(--ags-text); font-size: .98rem; line-height: 1.9; }
.ags-wrap .aga-questions li > span b { display: block; color: #fff; font-size: 1.04rem; }
.ags-wrap .aga-chapter .ags-note { font-size: 1rem; }

/* «اقتنِ» داخل المقال — المكوّن نفسه المستخدم في صفحات الأحجار */
.ags-wrap .aga-body .aga-shop { margin: clamp(40px, 7vw, 64px) 0 30px; }
@media (min-width: 1000px) { .ags-wrap .aga-body .aga-shop { margin-inline: -90px; } }
.ags-wrap .aga-shop .ags-shop-head h2 { margin: 0 0 .4em !important; }
.ags-wrap .aga-shop .ags-shop-head p { margin: 0 auto !important; color: var(--ags-muted); font-size: 1rem; line-height: 1.9; }
.ags-wrap .aga-shop p.ags-empty { margin: 0 auto !important; color: var(--ags-text); font-size: 1.02rem; line-height: 2; }
.ags-wrap .aga-shop .ags-product-name, .ags-wrap .aga-shop .ags-product-price, .ags-wrap .aga-shop .ags-product-cta { display: block; }
.ags-wrap .aga-shop .ags-product-name { display: -webkit-box; }
.ags-wrap .aga-product-stone > .aga-product-link { display: flex; flex-direction: column; color: var(--ags-text) !important; }
.ags-wrap .aga-product-actions { display: grid; gap: 8px; margin-top: auto; padding: 8px 10px 12px; }
.ags-wrap .aga-product-actions .ags-btn { min-height: 40px; padding: .35em .7em; font-size: .8rem; line-height: 1.5; text-align: center; }
.ags-wrap p.aga-perks-title { margin: 30px 0 0 !important; text-align: center; color: var(--ags-gold-2) !important; font-size: .92rem; letter-spacing: .06em; }
.ags-wrap .aga-perks {
	list-style: none; max-width: 760px; margin: 12px auto 0; padding: 16px 0 0;
	display: grid; grid-template-columns: 1fr; gap: 8px 28px;
	border-top: 1px dashed rgba(255, 255, 255, .1);
	color: var(--ags-muted); font-size: .9rem; line-height: 1.85;
}
@media (min-width: 700px) { .ags-wrap .aga-perks { grid-template-columns: 1fr 1fr; } }
.ags-wrap .aga-perks li { position: relative; padding-inline-start: 1.3em; }
.ags-wrap .aga-perks li::before { content: "◆"; position: absolute; inset-inline-start: 0; top: .35em; color: var(--ags-gold); font-size: .62em; }

/* صفحة الزمرد بتنسيق صفحات الأحجار (1.2.0) */
.ags-wrap.aga-emerald .ags-facts dd sub { font-size: .72em; line-height: 0; }
@media (min-width: 1000px) {
	.ags-wrap.aga-emerald .ags-panel .aga-figure-wide { margin-inline: -40px; }
}
.ags-wrap.aga-emerald .ags-prose .aga-closing { margin-top: clamp(40px, 7vw, 64px); }
.ags-wrap .aga-emerald-after { max-width: 860px; margin: 0 auto 36px; }
.ags-wrap .aga-emerald-after .aga-related { margin-top: 8px; }

/* ---------- صفحة الزمرد: الأقسام التي يُضاف محتواها لاحقًا ---------- */
.ags-wrap .aga-soon-panel {
	max-width: 560px;
	margin: clamp(8px, 3vw, 24px) auto clamp(16px, 4vw, 32px);
	padding: clamp(28px, 6vw, 44px) clamp(20px, 5vw, 36px);
	text-align: center;
	border: 1px solid rgba(201, 164, 92, .28);
	border-radius: 18px;
	background: radial-gradient(120% 90% at 50% 0%, rgba(31, 170, 107, .10), transparent 70%), rgba(255, 255, 255, .02);
}
.ags-wrap .aga-soon-panel p { margin: 0 0 12px; line-height: 1.95; }
.ags-wrap .aga-soon-mark { display: block; color: #c9a45c; font-size: 22px; margin-bottom: 14px; }
.ags-wrap .aga-soon-panel .aga-soon-note { margin: 18px 0 0; color: #c9a45c; font-weight: 700; letter-spacing: .02em; }

/* ---------- صفحة الزمرد: أزرار الطلب في نهاية القسم الروائي ---------- */
.ags-wrap .aga-panel-cta {
	max-width: 620px;
	margin: clamp(32px, 6vw, 52px) auto 0;
	padding: clamp(26px, 5vw, 38px) clamp(18px, 5vw, 34px);
	text-align: center;
	border: 1px solid rgba(201, 164, 92, .32);
	border-radius: 20px;
	background:
		radial-gradient(120% 100% at 50% 0%, rgba(31, 170, 107, .14), transparent 68%),
		rgba(255, 255, 255, .025);
}
.ags-wrap .aga-panel-cta-mark { display: block; color: #c9a45c; font-size: 20px; margin-bottom: 10px; }
.ags-wrap .aga-panel-cta-title { margin: 0 0 8px; font-size: clamp(19px, 3.6vw, 23px); font-weight: 700; color: #f3e6c8; }
.ags-wrap .aga-panel-cta-text { margin: 0 auto 20px; max-width: 46ch; line-height: 1.9; opacity: .88; }
.ags-wrap .aga-panel-cta .aga-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0; }
@media (max-width: 520px) {
	.ags-wrap .aga-panel-cta .aga-cta .ags-btn { flex: 1 1 100%; justify-content: center; text-align: center; }
}

/* ---------- صفحة الزمرد: قسم الأساطير والحكايات ---------- */
.ags-wrap .aga-figure.aga-figure-mughal { max-width: 520px; margin-inline: auto; }
.ags-wrap .aga-figure.aga-figure-mughal img { aspect-ratio: 1280 / 1170; object-fit: contain; background: #000; }
.ags-wrap .aga-figure figcaption a { color: var(--ags-gold, #c9a45c); text-decoration: none; border-bottom: 1px solid rgba(201, 164, 92, .45); white-space: nowrap; }
.ags-wrap .aga-figure figcaption a:hover { border-bottom-color: currentColor; }
.ags-wrap .ags-prose p > a[target="_blank"] { color: var(--ags-gold, #c9a45c); text-decoration: none; border-bottom: 1px solid rgba(201, 164, 92, .45); }
.ags-wrap .aga-legend-quote .ags-matn { font-size: clamp(16px, 2.3vw, 19px); line-height: 2.1; }