:root {
  --gold:#d4af37;
  --night:#00101d;
  --fog:#dbe7f3;
}

/* جذر الكاروسيل */
.pv-root {
  position: relative;
  overflow: hidden;
  padding-block-end: 48px; /* مساحة للنقاط */
}

/* المسار */
.pv-track {
  display: flex;
  gap: 16px;
  padding-inline: 10vw; /* يظهر جزئين جانبيين */
  transition: transform .5s ease;
  will-change: transform;
  direction: ltr; /* ضروري لتفادي عكس ترتيب العناصر عند RTL */
}

/* البطاقة (نسبة 2:3) */
.pv-card {
  flex: 0 0 68vw;
  max-width: 420px;
  aspect-ratio: 3000 / 3746;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: #0b1b2a;
  transform-origin: center;
  transform: scale(.9);
  transition: transform .4s ease, box-shadow .3s ease;
  box-shadow: 0 15px 40px rgba(0,0,0,.35);
}

@media (min-width:640px) {
  .pv-card { flex-basis: 46vw; }
}
@media (min-width:1024px) {
  .pv-card { flex-basis: 28vw; }
}

.pv-card.is-center {
  transform: scale(1);
  box-shadow: 0 22px 60px rgba(0,0,0,.45);
}

/* الصورة */
.pv-media {
  position: relative;
  inset: 0;
}
.pv-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pv-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,16,29,0), rgba(0,16,29,.55) 55%, rgba(0,16,29,.88));
}

/* الشارة أعلى اليمين */
.pv-pill {
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
  font-size: 12px;
  padding: .25rem .55rem;
  border-radius: 999px;
  color: #fff;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.18);
}

/* المحتوى السفلي */
.pv-content {
  position: absolute;
  inset-inline: 14px;
  bottom: 14px;
  color: #fff;
}
.pv-title {
  font-weight: 800;
  font-size: clamp(18px, 2.5vw, 28px);
  line-height: 1.15;
}
.pv-desc {
  margin-top: 6px;
  color: rgba(219,231,243,.9);
  font-size: 14px;
}
.pv-cta {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .65rem 1rem;
  border-radius: 999px;
  background: var(--gold);
  color: #111;
  font-weight: 800;
  box-shadow: 0 0 0 1px rgba(212,175,55,.35), 0 10px 20px rgba(212,175,55,.18);
  transition: filter .2s ease, transform .15s ease;
}
.pv-cta:hover { filter: brightness(1.05); }
.pv-cta:active { transform: translateY(1px); }

/* النقاط */
.pv-dots {
  position: absolute;
  inset-inline: 0;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.pv-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.45);
  transition: all .25s ease;
}
.pv-dot.is-active {
  width: 18px;
  background: var(--gold);
}

/* الأسهم (نسخة ذهبية فاخرة) */
/* حزم ذهبية للسلايدر داخل promo-vertical فقط */
#promoVertical .pv-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;

  background: linear-gradient(135deg, #d4af37, #b58c26) !important;
  color: #020617 !important;
  border: 1px solid rgba(255, 249, 220, 0.45);

  box-shadow:
    0 0 10px rgba(212,175,55,0.35),
    inset 0 0 10px rgba(255,255,255,0.15);

  cursor: pointer;
  z-index: 30;
  transition: all .25s ease;
}

#promoVertical .pv-arrow:hover {
  background: linear-gradient(135deg, #eac75b, #c9a233) !important;
  box-shadow:
    0 0 16px rgba(212,175,55,0.55),
    inset 0 0 12px rgba(255,255,255,0.22);
  transform: translateY(-50%) scale(1.08);
}

#promoVertical .pv-prev { inset-inline-start: 18px; }
#promoVertical .pv-next { inset-inline-end: 18px; }