/* ═══════════════════════════════════════
   PROGRAMMES CSS
═══════════════════════════════════════ */
#programmes { background: var(--black2); }
.progs-full-grid { display: flex; flex-direction: column; gap: 0; }
.prog-full-card { display: grid; grid-template-columns: 1fr 1fr; min-height: 460px; }
.prog-full-card.reverse { direction: rtl; }
.prog-full-card.reverse > * { direction: ltr; }
.prog-full-card:nth-child(even) { background: var(--black3); }
.prog-full-card:nth-child(odd)  { background: var(--black2); }

.prog-full-img { position: relative; overflow: hidden; }
.prog-full-img img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(25%); transition: transform 0.5s ease, filter 0.5s ease; }
.prog-full-card:hover .prog-full-img img { transform: scale(1.04); filter: grayscale(0%); }
.prog-full-img::after { content: ''; position: absolute; inset: 0; background: rgba(245,197,24,0.05); }
.prog-full-num {
  position: absolute; bottom: 16px; right: 20px;
  font-family: var(--font-title); font-size: 80px; color: rgba(245,197,24,0.15);
  line-height: 1; pointer-events: none; z-index: 2;
}
.prog-full-content { padding: 52px 48px; display: flex; flex-direction: column; justify-content: center; gap: 0; }
.prog-tag { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--yellow); margin-bottom: 10px; }
.prog-title { font-family: var(--font-title); font-size: 36px; color: var(--white); letter-spacing: 1px; margin-bottom: 16px; }
.prog-desc { font-size: 14px; color: var(--gray); line-height: 1.75; font-weight: 300; margin-bottom: 14px; }
.prog-details { display: flex; gap: 24px; margin: 20px 0 28px; flex-wrap: wrap; }
.prog-detail-item { display: flex; align-items: flex-start; gap: 10px; }
.detail-icon { font-size: 18px; margin-top: 1px; }
.prog-detail-item div { display: flex; flex-direction: column; gap: 2px; }
.prog-detail-item strong { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--yellow); }
.prog-detail-item span { font-size: 13px; color: var(--gray); }

@media (max-width: 900px) {
  .prog-full-card, .prog-full-card.reverse { grid-template-columns: 1fr; direction: ltr; }
  .prog-full-img { height: 260px; }
  .prog-full-content { padding: 36px 28px; }
}