/* روابط «أسرار الأحجار الكريمة» داخل المتجر — ذهبي ناعم بلمعة متحركة */
.ags-shine {
	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-shine 4.8s ease-in-out infinite;
}
@keyframes ags-shine {
	0% { background-position: 120% 0; }
	55%, 100% { background-position: -40% 0; }
}

/* الشريط العلوي */
a.ags-topbar {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 14px 0 18px;
	padding: 12px 18px;
	border-radius: 14px;
	border: 1px solid rgba(201, 164, 92, .45);
	background: linear-gradient(135deg, #1a150d 0%, #0e0c09 60%, #17120a 100%);
	box-shadow: 0 10px 30px -18px rgba(201, 164, 92, .6), inset 0 1px 0 rgba(255, 240, 200, .06);
	text-decoration: none !important;
	direction: rtl;
	overflow: hidden;
	isolation: isolate;
	transition: border-color .3s ease, transform .3s ease;
}
a.ags-topbar[hidden] { display: none; }
.ags-topbar-wrap { padding-top: 14px; }
.ags-topbar-wrap a.ags-topbar { margin: 0 0 4px; }
a.ags-topbar::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(100deg, transparent 30%, rgba(255, 236, 190, .10) 48%, transparent 66%);
	background-size: 250% 100%;
	animation: ags-shine 4.8s ease-in-out infinite;
}
a.ags-topbar:hover { border-color: #e6cd92; transform: translateY(-1px); }
.ags-topbar-gem { color: #c9a45c; font-size: 1.05rem; }
.ags-topbar-text { display: flex; flex-direction: column; line-height: 1.35; flex: 1; text-align: right; }
.ags-topbar-text b { font-size: 1.12rem; font-weight: 700; }
.ags-topbar-text small { color: #a49b8b; font-size: .82rem; }
.ags-topbar-arrow { color: #e6cd92; font-size: 1.2rem; transition: transform .3s ease; }
a.ags-topbar:hover .ags-topbar-arrow { transform: translateX(-4px); }

/* رابط صفحة المنتج */
.ags-gemlink-wrap { margin: 12px 0 16px; }
a.ags-gemlink {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border-radius: 999px;
	border: 1px solid rgba(201, 164, 92, .4);
	background: rgba(201, 164, 92, .06);
	color: #c9a45c !important;
	font-weight: 700;
	font-size: .95rem;
	text-decoration: none !important;
	transition: border-color .3s ease, background .3s ease;
}
a.ags-gemlink:hover { border-color: #e6cd92; background: rgba(201, 164, 92, .12); }

@media (prefers-reduced-motion: reduce) {
	.ags-shine, a.ags-topbar::after { animation: none; }
	.ags-shine { background-position: 50% 0; }
}