/* ============================================================
   «المظهر الفاخر» لرئيسية بكري كيز (2026-11-13) — نفس لمسة متجر محمد بكري (src/css/lux.css):
   شريط ذهبي متحرك تحت الهيرو + لمسات ذهبية على السلايدر وعناوين السكاشن والأسهم والفواصل.
   الرئيسية فيها السلايدرات والصفوف المتحركة من قبل (bk-mega) — ده بيوحّد الشكل بين المتجرين بس.
   ============================================================ */
.mg-home { --lux-gold: #f2c66d; --lux-gold-2: #c9973a; }
html[data-theme="light"] .mg-home { --lux-gold: #b7791f; --lux-gold-2: #92600f; }

/* ---------- شريط المميزات — بستايل شريط الأخبار (2026-11-13 v2، نفس متجر محمد بكري) ----------
   علامة ذهبية ثابتة في أول السطر + النص بيتحرك في اتجاه القراءة (عربي: لليمين، إنجليزي: للشمال) وبيختفي تحت العلامة */
.mg-home .lux-ticker { position: relative; display: flex; align-items: stretch; height: 50px; margin: 22px 0 4px; border-radius: 12px; overflow: hidden; background: linear-gradient(180deg, #121c31 0%, #0a1120 100%); box-shadow: 0 0 0 1px rgba(242, 198, 109, .2), 0 16px 38px rgba(0, 0, 0, .38); isolation: isolate; }
.mg-home .lux-ticker::before { content: ''; position: absolute; inset: 0 0 auto; height: 2px; z-index: 3; background: linear-gradient(90deg, var(--lux-gold) 0%, var(--lux-gold-2) 35%, rgba(242, 198, 109, .1) 100%); }
html[dir="rtl"] .mg-home .lux-ticker::before { background: linear-gradient(270deg, var(--lux-gold) 0%, var(--lux-gold-2) 35%, rgba(242, 198, 109, .1) 100%); }
.mg-home .lux-ticker::after { content: ''; position: absolute; inset: auto 0 0; height: 1px; background: rgba(255, 255, 255, .06); }
.mg-home .lux-ticker-label { position: relative; z-index: 2; flex: 0 0 auto; display: flex; padding-right: 7px; background: #7a5a1c; clip-path: polygon(0 0, 100% 0, calc(100% - 18px) 100%, 0 100%); }
.mg-home .lux-ticker-tag { display: inline-flex; align-items: center; gap: 10px; padding: 0 32px 0 20px; background: linear-gradient(135deg, #f7d58b 0%, #f2c66d 45%, #c9973a 100%); color: #1a1204; font-size: 1rem; font-weight: 900; white-space: nowrap; clip-path: polygon(0 0, 100% 0, calc(100% - 18px) 100%, 0 100%); }
html[dir="rtl"] .mg-home .lux-ticker-label { padding-right: 0; padding-left: 7px; clip-path: polygon(0 0, 100% 0, 100% 100%, 18px 100%); }
html[dir="rtl"] .mg-home .lux-ticker-tag { padding: 0 20px 0 32px; clip-path: polygon(0 0, 100% 0, 100% 100%, 18px 100%); }
.mg-home .lux-ticker-dot { position: relative; flex-shrink: 0; width: 9px; height: 9px; border-radius: 50%; background: #b91c1c; box-shadow: 0 0 0 2px rgba(255, 255, 255, .6); }
.mg-home .lux-ticker-dot::after { content: ''; position: absolute; inset: -2px; border-radius: 50%; border: 2px solid #b91c1c; animation: luxLive 1.6s ease-out infinite; }
@keyframes luxLive { from { transform: scale(1); opacity: .9; } to { transform: scale(2.6); opacity: 0; } }
.mg-home .lux-ticker .lux-marquee { position: relative; flex: 1 1 auto; min-width: 0; display: flex; align-items: center; overflow: hidden; direction: ltr; margin-left: -18px; -webkit-mask-image: linear-gradient(270deg, transparent, #000 7%); mask-image: linear-gradient(270deg, transparent, #000 7%); }
html[dir="rtl"] .mg-home .lux-ticker .lux-marquee { margin-left: 0; margin-right: -18px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%); mask-image: linear-gradient(90deg, transparent, #000 7%); }
.mg-home .lux-marquee-track { display: flex; direction: ltr; width: max-content; animation: luxTickerLtr 84s linear infinite; will-change: transform; }
html[dir="rtl"] .mg-home .lux-marquee-track { direction: rtl; animation-name: luxTickerRtl; }
.mg-home .lux-ticker:hover .lux-marquee-track { animation-play-state: paused; }
.mg-home .lux-marquee-group { display: flex; align-items: center; flex-shrink: 0; }
.mg-home .lux-marquee-item { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; color: #f1f5f9; font-size: .97rem; font-weight: 700; }
.mg-home .lux-marquee-item i { color: var(--lux-gold); font-size: .92em; }
.mg-home .lux-marquee-item::after { content: ''; flex-shrink: 0; width: 24px; height: 18px; margin: 0 20px; background: url(../img/bk-icon-on-dark.svg?v=20261113) center / contain no-repeat; filter: drop-shadow(0 0 6px rgba(255, 78, 0, .35)); } /* الفاصل = أيقونة شعار Bakry Keys */
@keyframes luxTickerLtr { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes luxTickerRtl { from { transform: translateX(-50%); } to { transform: translateX(0); } }

/* ---------- لمسات ذهبية ---------- */
.mg-home .mg-slider { border-color: rgba(242, 198, 109, .45); box-shadow: 0 0 0 1px rgba(242, 198, 109, .12), 0 26px 70px rgba(0, 0, 0, .4); }
.mg-home .mg-head-ico { background: linear-gradient(135deg, var(--lux-gold), var(--lux-gold-2)); color: #1a1204; box-shadow: 0 8px 22px rgba(201, 151, 58, .35); }
.mg-home .mg-dots button.on::after { background: linear-gradient(90deg, var(--lux-gold), var(--lux-gold-2)); }
.mg-home .mg-arrow:hover:not(:disabled) { border-color: var(--lux-gold); color: var(--lux-gold); }
.mg-home .mg-arrow:focus-visible, .mg-home .mg-more:focus-visible { outline: 2px solid var(--lux-gold); outline-offset: 3px; }
.mg-home .mg-more { background: rgba(242, 198, 109, .08); border-color: rgba(242, 198, 109, .45); color: var(--lux-gold) !important; }
.mg-home .mg-more:hover { background: rgba(242, 198, 109, .16); }
.mg-home .section-divider::before { background: linear-gradient(90deg, transparent 0%, rgba(242, 198, 109, .12) 15%, rgba(242, 198, 109, .5) 38%, rgba(0, 212, 255, .85) 50%, rgba(242, 198, 109, .5) 62%, rgba(242, 198, 109, .12) 85%, transparent 100%); }
.mg-home .divider-icon::before { background: conic-gradient(from 0deg, var(--lux-gold), #00d4ff, #8b5cf6, var(--lux-gold-2), var(--lux-gold)); }
.mg-home .divider-icon i { color: var(--lux-gold); text-shadow: 0 0 18px rgba(242, 198, 109, .7); }

/* ---------- الفاتح ---------- */
html[data-theme="light"] .mg-home .lux-ticker { background: linear-gradient(180deg, #ffffff, #f8fafc); box-shadow: 0 0 0 1px #f1d9a4, 0 12px 28px rgba(15, 23, 42, .08); }
html[data-theme="light"] .mg-home .lux-ticker::after { background: #e2e8f0; }
html[data-theme="light"] .mg-home .lux-ticker-label { background: #92600f; }
html[data-theme="light"] .mg-home .lux-marquee-item { color: #0f172a; }
html[data-theme="light"] .mg-home .lux-marquee-item::after { background-image: url(../img/bk-icon-color.svg?v=20261113); filter: none; }
html[data-theme="light"] .mg-home .mg-slider { border-color: #fcd34d; box-shadow: 0 18px 46px rgba(15, 23, 42, .12); }
html[data-theme="light"] .mg-home .mg-more { background: #fffbeb; border-color: #f59e0b; }

@media (max-width: 768px) {
	.mg-home .lux-ticker { height: 44px; margin: 16px 0 2px; border-radius: 10px; }
	.mg-home .lux-ticker-tag, html[dir="rtl"] .mg-home .lux-ticker-tag { gap: 8px; font-size: .86rem; }
	.mg-home .lux-ticker-tag { padding: 0 26px 0 12px; }
	html[dir="rtl"] .mg-home .lux-ticker-tag { padding: 0 12px 0 26px; }
	.mg-home .lux-marquee-item { font-size: .88rem; }
	.mg-home .lux-marquee-item::after { margin: 0 16px; }
}
@media (prefers-reduced-motion: reduce) {
	.mg-home .lux-ticker .lux-marquee, html[dir="rtl"] .mg-home .lux-ticker .lux-marquee { -webkit-mask-image: none; mask-image: none; overflow-x: auto; scrollbar-width: none; }
	html[dir="rtl"] .mg-home .lux-ticker .lux-marquee { direction: rtl; }
	.mg-home .lux-marquee-track { animation: none !important; }
	.mg-home .lux-marquee-group.is-copy, .mg-home .lux-marquee-item.lux-dup { display: none; }
	.mg-home .lux-ticker-dot::after { animation: none; }
}