/* SENU · öffentliche Videosektionen (Startseite) */

.video-section[hidden]{ display:none; }

/* Empfehlungen sitzen direkt zwischen "essenz" und "für dich": kaum Abstand (auch mobil) */
#spotlight-videos{ padding-top:0; padding-bottom:0; }
#essenz:has(+ #spotlight-videos:not([hidden])){ padding-bottom:2px; }
#spotlight-videos:not([hidden]) + #fuer-dich{ padding-top:2px; }

@media (max-width: 760px){
  #essenz:has(+ #spotlight-videos:not([hidden])){ padding-bottom:1px; }
  #spotlight-videos:not([hidden]) + #fuer-dich{ padding-top:1px; }
}

/* Empfehlungen: bewusst breite Bühne zwischen "essenz" und "für dich" */
.spotlight-inner{ position:relative; width:100%; max-width:1180px; margin:0 auto; }
.spotlight-inner .label{ margin-bottom:20px; }
.spotlight-grid{ display:grid; gap:clamp(20px,3vw,34px); grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr)); }

.public-video-grid{ display:grid; gap:clamp(16px,2.6vw,26px); grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); margin-top:34px; }

.public-video-card{
  position:relative; display:flex; flex-direction:column; overflow:hidden;
  border:1px solid var(--line); border-radius:18px;
  background:linear-gradient(160deg, rgba(16,27,21,.9), rgba(8,14,11,.96));
  box-shadow:0 26px 60px -32px rgba(0,0,0,.85);
}
.spotlight-grid .public-video-card{ border-radius:22px; box-shadow:0 38px 95px -42px rgba(0,0,0,.9); }

.public-video-frame{ position:relative; aspect-ratio:16/9; background:#040906; }
.public-video-media{ display:block; width:100%; height:100%; object-fit:cover; background:#040906; }

.public-video-overlay{
  position:absolute; inset:0; display:grid; place-items:center; border:0; cursor:pointer;
  background:linear-gradient(180deg, rgba(4,9,6,0) 42%, rgba(4,9,6,.6));
  transition:opacity .25s ease;
}
.public-video-overlay:focus-visible{ outline:2px solid var(--gold); outline-offset:-6px; }
.public-video-card.is-playing .public-video-overlay{ opacity:0; pointer-events:none; }

.public-video-play{
  display:grid; place-items:center; width:68px; height:68px; border-radius:50%;
  border:1px solid rgba(223,234,213,.5); background:rgba(8,14,11,.55);
  color:var(--gold-soft); font-size:1.35rem; line-height:1;
  backdrop-filter:blur(6px); transition:transform .25s ease, background .25s ease;
}
.public-video-overlay:hover .public-video-play{ transform:scale(1.06); background:rgba(166,199,160,.2); }
.spotlight-grid .public-video-play{ width:88px; height:88px; font-size:1.7rem; }

.public-video-copy{ display:grid; gap:6px; padding:18px 22px 22px; }
.public-video-copy h3{ margin:0; font-family:var(--serif); font-weight:600; font-size:clamp(1.15rem,1.6vw,1.5rem); color:var(--ink); }
.public-video-copy p{ margin:0; color:var(--ink-dim); font-size:.95rem; line-height:1.6; }

@media (max-width:760px){
  .public-video-grid{ grid-template-columns:1fr; }
  .public-video-play{ width:58px; height:58px; font-size:1.15rem; }
  .spotlight-grid .public-video-play{ width:66px; height:66px; font-size:1.3rem; }
}