/* ═══ شريط البكجات ═══ */
.sk-pk-sec { overflow-x: clip; }
.sk-pk-car { position: relative; aspect-ratio: 2.4 / 1; touch-action: pan-y; -webkit-user-select: none; user-select: none; margin-top: 4px; }
@media (min-width: 768px) { .sk-pk-car { aspect-ratio: 4.9 / 1; } }
.sk-pk-car[data-n="1"] { aspect-ratio: 2.4 / 1; }
@media (min-width: 768px) { .sk-pk-car[data-n="1"] { aspect-ratio: 4.9 / 1; } .sk-pk-car[data-n="1"] .sk-pkc { --w: calc(50% - 8px); } }

.sk-pkc { --w: 100%; position: absolute; top: 0; bottom: 0; right: 0; width: var(--w); display: block; color: inherit; text-decoration: none;
  transition: right .75s cubic-bezier(.16,1,.3,1), opacity .55s ease, transform .75s cubic-bezier(.16,1,.3,1);
  opacity: 0; pointer-events: none; transform: translateX(-35%); }
[dir=ltr] .sk-pkc { right: auto; left: 0; }
@media (min-width: 768px) { .sk-pkc { --w: calc(50% - 8px); } }
.sk-pkc.r   { right: 0; opacity: 1; transform: none; pointer-events: auto; z-index: 2; }
.sk-pkc.l   { opacity: 0; transform: translateX(-35%); }
@media (min-width: 768px) {
  .sk-pkc.l  { right: calc(50% + 8px); opacity: 1; transform: none; pointer-events: auto; z-index: 2; }
  .sk-pkc.in { right: calc(50% + 8px); }
}
.sk-pkc.in       { opacity: 0; transform: translateX(-35%); transition: none; }
.sk-pkc.out      { opacity: 0; transform: translateX(12%) scale(.96); z-index: 1; }
.sk-pkc.back-in  { opacity: 0; transform: translateX(12%) scale(.96); transition: none; }
.sk-pkc.back-out { opacity: 0; transform: translateX(-35%); }
/* بدون سكربت: الأول يبين */
.sk-pk-car:not(.ready) .sk-pkc:first-child { opacity: 1; transform: none; pointer-events: auto; }

.sk-pk-box { position: absolute; inset: 0; border-radius: 20px; overflow: hidden; background: #07100b; container-type: inline-size;
  box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--pc) 70%, transparent), 0 0 24px -6px color-mix(in srgb, var(--pc) 55%, transparent),
    inset 0 0 30px -14px var(--pc); }
.sk-pk-cv { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.03); transition: transform 6s ease; }
.sk-pkc.r .sk-pk-cv { transform: scale(1.09); }
.sk-pk-strip { position: absolute; top: 0; bottom: 0; left: 0; width: 72%; display: flex; direction: ltr; }
[dir=ltr] .sk-pk-strip { left: auto; right: 0; }
.sk-pk-strip img { flex: 1; min-width: 0; height: 100%; object-fit: cover; border-left: 1px solid rgba(0,0,0,.6); }
.sk-pk-fade { position: absolute; inset: 0;
  background: linear-gradient(to left, #040806 0%, rgba(4,8,6,.94) 36%, rgba(4,8,6,.55) 58%, rgba(4,8,6,.05) 85%),
    radial-gradient(60% 90% at 100% 100%, color-mix(in srgb, var(--pc) 22%, transparent), transparent 70%); }
[dir=ltr] .sk-pk-fade { transform: scaleX(-1); }
.sk-pk-tx { position: absolute; top: 0; bottom: 0; right: 0; width: 58%; padding: 22px 18px 14px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 3px; }
[dir=ltr] .sk-pk-tx { right: auto; left: 0; }
.sk-pk-tt { font-weight: 900; font-size: clamp(17px, 5.6cqw, 26px); line-height: 1.35; color: #fff; }
.sk-pk-tt em { font-style: normal; color: var(--pc); text-shadow: 0 0 16px color-mix(in srgb, var(--pc) 50%, transparent); }
.sk-pk-sb { font-size: 12px; line-height: 1.7; color: #aeb8b2; max-width: 100%; padding-bottom: 1px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sk-pk-rw { display: flex; align-items: center; gap: 10px; margin-top: 6px; flex-wrap: wrap; }
.sk-pk-pr { font-size: clamp(18px, 5.4cqw, 24px); font-weight: 900; color: var(--pc); line-height: 1; }
.sk-pk-pr small { font-size: .55em; margin-inline-start: 3px; }
.sk-pk-see { display: flex; align-items: center; gap: 6px; font-size: 10.5px; color: #dfe6e2; padding: 3px 9px 3px 4px; border-radius: 99px;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); }
.sk-pk-mini { display: flex; direction: ltr; }
.sk-pk-mini img { width: 16px; height: 21px; object-fit: cover; border-radius: 4px; border: 1.5px solid #0b120e; margin-left: -6px; }
.sk-pk-mini img:first-child { margin-left: 0; }
.sk-pk-bdg { position: absolute; z-index: 5; top: 0; right: 20px; transform: translateY(-50%); display: inline-flex; border-radius: 99px; overflow: hidden;
  font-size: 11.5px; font-weight: 800; line-height: 1;
  box-shadow: 0 0 0 1.5px var(--pc), 0 0 14px color-mix(in srgb, var(--pc) 45%, transparent); }
[dir=ltr] .sk-pk-bdg { right: auto; left: 20px; }
.sk-pk-bdg .ic { display: grid; place-items: center; padding: .55em .8em; background: var(--pc); color: #02110a; }
.sk-pk-bdg b { padding: .55em .9em; background: #030504; color: var(--pc); }
.sk-pk-dots { display: flex; justify-content: center; gap: 6px; margin-top: 14px; }
.sk-pk-dots i { width: 7px; height: 7px; border-radius: 9px; background: rgba(255,255,255,.18); transition: all .4s; }
.sk-pk-dots i.on { width: 22px; background: #0EE482; box-shadow: 0 0 8px #0EE482; }
.sk-pk-dots.off { display: none; }
@media (prefers-reduced-motion: reduce) { .sk-pkc { transition: opacity .3s ease; } }