/* === Index Overhaul Additions === */
.section{margin:10px 0 18px}
.section .head{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px}
.section .title{font-size:clamp(18px,1.8vw,24px); font-family:"Playfair Display",serif}
.chips{display:flex; gap:8px; flex-wrap:wrap; padding:8px 10px 0}
.chip{padding:.4rem .7rem; border:1px solid #23232b; border-radius:999px; background:#0f0f13; font-size:12px; color:#d8d8dd}
.chip:hover{border-color:#30303a; background:#121219}
.kicker{font-size:12px; color:#C8C8C8; letter-spacing:.3px}

.poster.event::after{box-shadow: inset 0 -120px 160px rgba(0,0,0,.65)}
.poster .tag{position:absolute; top:10px; left:10px; font-size:11px; padding:.18rem .5rem; border-radius:999px; background:rgba(0,0,0,.55); border:1px solid #2e2e36}
.meta .sub{font-size:12px; color:#E1E1E1; opacity:.9}
.card.inline{display:flex; gap:14px; align-items:center}

.skel{position:relative; overflow:hidden; background:#0e0e12; border:1px solid #1c1c22; border-radius:14px}
.skel::after{content:""; position:absolute; inset:0; transform:translateX(-100%);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);
  animation:shimmer 1.4s infinite;
}
@keyframes shimmer{100%{transform:translateX(100%)}}

.trust{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px}
.trust .cell{display:flex; gap:10px; align-items:center; padding:12px; border:1px solid #1e1f25; border-radius:14px; background:#0e0e12}
.trust svg{width:18px; height:18px; color:#E7C96C}
.cta-wide{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; border:1px solid #1e1f25; border-radius:16px; background:linear-gradient(180deg,#121214,#0f0f13)}
@media (max-width:780px){ .cta-wide{flex-direction:column; align-items:flex-start} .trust{grid-template-columns:1fr} }