:root{
  --bg: transparent;
  --ink:#f5f5f5;
  --muted:#b7b7b7;
  --gold:#A19157;
  --gold-2:#7a6c43;
  --radius:16px;
  --grid-max:1400px;
  --shadow:0 6px 18px rgba(0,0,0,.35);
}

.scm-events{background:var(--bg); color:var(--ink); font:500 16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;}
.scm-wrap{max-width:var(--grid-max); margin-inline:auto; padding:0;}

/* Topbar */
.scm-topbar{display:flex; align-items:center; gap:8px; padding:0 0 12px;}
.scm-months{margin-left:auto; display:flex; gap:6px; align-items:center}
.scm-months .scm-chip{all:unset; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:999px; background:var(--gold) !important; color:#fff !important; font-weight:800; font-size:.72rem; letter-spacing:.04em; border:1px solid #8f8150; box-shadow:0 2px 8px rgba(0,0,0,.25); cursor:pointer; text-transform:uppercase}
.scm-months .scm-chip.active{outline:2px solid rgba(255,255,255,.25); outline-offset:2px; filter:saturate(1.05)}
.scm-months .scm-chip:focus-visible{outline:2px solid #fff; outline-offset:2px}

/* Grid: 4 / 3 / 2 / 1 columns */
.scm-grid{display:grid; gap:18px; grid-template-columns:repeat(4,1fr)}
@media (max-width:1200px){.scm-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.scm-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.scm-grid{grid-template-columns:repeat(1,1fr)}}

/* Card */
.scm-card-link{display:block; text-decoration:none; color:inherit}
.scm-card{background:linear-gradient(180deg,#131313,#0f0f0f); border:1px solid var(--gold-2); border-radius:24px; overflow:hidden; box-shadow:var(--shadow); transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease}
.scm-card:hover{transform:translateY(-3px); border-color:var(--gold); box-shadow:0 12px 30px rgba(0,0,0,.5)}

.scm-poster{aspect-ratio:3/4; background:#000; overflow:hidden}
.scm-poster img{width:100%; height:100%; object-fit:cover; display:block}

/* Bottom row */
.scm-body-row{display:grid; grid-template-columns:auto 1fr; gap:18px; padding:18px; align-items:center; background:linear-gradient(180deg,#101010,#0d0d0d)}
.scm-date{display:flex; flex-direction:column; align-items:flex-start; line-height:1}
.scm-day{font-size:2rem; font-weight:900; background:linear-gradient(180deg,var(--gold),#8b7c49); -webkit-background-clip:text; background-clip:text; color:transparent; letter-spacing:.02em}
.scm-month{margin-top:6px; font-size:1.1rem; font-weight:900; background:linear-gradient(180deg,var(--gold),#8b7c49); -webkit-background-clip:text; background-clip:text; color:transparent; letter-spacing:.08em}

.scm-info{min-width:0}
.scm-title{margin:0; font-size:1.05rem; font-weight:800; color:var(--gold)}
.scm-place{margin:6px 0 6px; color:#ffffff; font-size:.98rem}
.scm-time{color:var(--muted); font-size:.95rem}