/* لافتات متجر طلائع المها — صورة واحدة قابلة للنقر، مع لمعة متحركة خفيفة. */
.sp{margin:30px 0;direction:rtl}
.sp-banner{position:relative;display:block;overflow:hidden;border-radius:20px;box-shadow:0 14px 34px rgba(8,30,52,.22);transition:transform .2s ease,box-shadow .2s ease;line-height:0}
.sp-banner img{display:block;width:100%;height:auto}
.sp-banner:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(8,30,52,.3)}
.sp-banner:focus-visible{outline:3px solid #e8b84a;outline-offset:3px}
/* لمعة تمر على اللافتة عند ظهورها، ثم كل 6 ثوانٍ */
.sp-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(120%)}
.sp.sp-in .sp-shine{animation:sp-shine 6s ease-in-out .3s infinite}
@keyframes sp-shine{0%{transform:translateX(120%)}18%,100%{transform:translateX(-120%)}}
.article-content .sp{margin:34px 0}
/* لافتة أعلى الصفحة الرئيسية: 970×250 للكمبيوتر، 300×250 للهاتف */
.sp-home{max-width:1002px;margin:18px auto 6px;padding:0 16px}
.sp-home .sp-banner{border-radius:16px}
@media (max-width:699px){.sp-home{max-width:420px}}
@media (prefers-reduced-motion:reduce){.sp-banner{transition:none}.sp-shine{display:none}}