/* Bloc « En ce moment chez BYSUP » — utilisé sur la page d'accueil.
   Séparé de radar.css pour ne pas charger la feuille du Radar ailleurs. */
.now-band{border-radius:clamp(14px,1.4vw,22px);border:1px solid rgba(150,90,214,.2);background:radial-gradient(ellipse 40% 60% at 92% 10%,rgba(150,90,214,.14),transparent 70%),linear-gradient(160deg,#1a0827,#130620);padding:clamp(24px,2.8vw,44px)}
.now-top{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(18px,2.4vw,40px);flex-wrap:wrap;margin-bottom:clamp(20px,2.4vw,32px)}
.now-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,18px)}
.now-card{display:flex;flex-direction:column;gap:8px;padding:clamp(18px,2vw,26px);border-radius:14px;border:1px solid rgba(150,90,214,.2);background:#170822;color:var(--off);transition:border-color .25s ease,transform .25s ease}
.now-card:hover{border-color:rgba(164,92,246,.5);transform:translateY(-2px);color:var(--off)}
.now-card span.cat{font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--violet-lt)}
.now-card h4{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(17px,1.6vw,22px);line-height:1.1;color:var(--off)}
.now-card span.meta{font-size:13.5px;color:var(--off-faint)}
.now-card span.go{margin-top:auto;padding-top:8px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--violet-lt);display:inline-flex;align-items:center;gap:7px}
.now-card span.go svg{width:12px;height:12px}
.now-teaser{display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,2.6vw,44px);flex-wrap:wrap;padding:clamp(20px,2.4vw,32px);border-radius:14px;border:1px dashed rgba(150,90,214,.34);background:#170822}
.now-teaser p{font-size:15px;line-height:1.68;color:var(--off-dim);max-width:52ch}
.now-teaser b{display:block;font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(18px,1.9vw,26px);color:var(--off);margin-bottom:8px}
@media(max-width:1080px){.now-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.now-grid{grid-template-columns:1fr}.now-teaser{flex-direction:column;align-items:flex-start}.now-top .btn{width:100%;justify-content:center}}