@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;600;700;800;900&family=Orbitron:wght@700;900&display=swap');

:root{
  --bg:#050405; --gold:#d4af37; --gold2:#fff1a8; --red:#e21b1b; --green:#27ff89; --cyan:#00eaff;
  --text:#fff2dc; --muted:#bbaa88; --border:rgba(212,175,55,.34); --glass:rgba(255,255,255,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; color:var(--text); font-family:Montserrat,Arial,sans-serif;
  background:
    radial-gradient(circle at 12% 0%,rgba(39,255,137,.13),transparent 28%),
    radial-gradient(circle at 88% 14%,rgba(226,27,27,.13),transparent 30%),
    radial-gradient(circle at 50% 86%,rgba(212,175,55,.13),transparent 34%),
    linear-gradient(135deg,#020202,#100706 60%,#050405);
  overflow-x:hidden;
}
.noise{position:fixed; inset:0; pointer-events:none; z-index:999; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px); background-size:100% 4px; opacity:.11}
#topBtn{position:fixed; right:18px; bottom:18px; z-index:1000; width:46px; height:46px; border-radius:50%; border:1px solid var(--border); background:rgba(212,175,55,.22); color:var(--gold2); display:none; font-size:22px}
.topbar{position:fixed; top:0; left:0; right:0; z-index:500; display:flex; justify-content:space-between; align-items:center; gap:18px; min-height:78px; padding:14px clamp(16px,4vw,54px); background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.35)); border-bottom:1px solid rgba(212,175,55,.20); backdrop-filter:blur(14px)}
.brand{display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--gold2); font-family:Orbitron,sans-serif; font-weight:900; letter-spacing:3px}
.brand img{width:50px;height:50px;border-radius:50%; box-shadow:0 0 24px rgba(212,175,55,.32)}
nav{display:flex; flex-wrap:wrap; gap:14px}
nav a{color:#eadfc9;text-decoration:none;font-weight:800;font-size:13px;opacity:.88}
nav a:hover{color:var(--gold2);opacity:1}
.menuBtn{display:none;border:1px solid var(--border);background:rgba(255,255,255,.08);color:var(--gold2);border-radius:12px;padding:10px 13px}

.hero{min-height:100vh; padding:120px clamp(20px,5vw,70px) 70px; position:relative; display:flex; align-items:center; overflow:hidden; background:linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.45),rgba(0,0,0,.86)), var(--hero) center/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 35%,rgba(39,255,137,.14),transparent 25%),radial-gradient(circle at 72% 45%,rgba(212,175,55,.22),transparent 34%),linear-gradient(180deg,transparent 58%,#050405 100%);z-index:0}
.heroDim{position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.08),#050405 96%)}
.heroGrid{width:min(1220px,100%); margin:auto; display:grid; grid-template-columns:1.05fr .95fr; gap:38px; align-items:center; position:relative; z-index:2}
.sup{color:var(--green); text-transform:uppercase; letter-spacing:3px; font-size:12px; font-weight:900}
h1{font-family:Bebas Neue,Impact,sans-serif; font-size:clamp(82px,12vw,165px); line-height:.82; margin:18px 0; letter-spacing:4px; background:linear-gradient(#fff1b2,#d4af37 48%,#8f5d08); -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.tagline{font-size:clamp(22px,3vw,34px); font-weight:900; line-height:1.25; max-width:820px}
.heroButtons,.platforms{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px}
.btn{display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px; border-radius:999px; border:1px solid var(--border); background:rgba(255,255,255,.08); color:var(--text); text-decoration:none; font-weight:900; transition:.22s}
.btn:hover{transform:translateY(-2px); box-shadow:0 0 25px rgba(212,175,55,.25)}
.btn.primary{background:linear-gradient(90deg,var(--gold),var(--gold2)); color:#120b03}
.btn.live{border-color:rgba(226,27,27,.55); color:#fff}
.statsStrip{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:30px; max-width:620px}
.statsStrip div{border:1px solid var(--border); background:rgba(255,255,255,.07); border-radius:18px; padding:16px}
.statsStrip strong{display:block; font-family:Orbitron,sans-serif; color:var(--gold2); font-size:24px}
.statsStrip span{font-size:12px; color:var(--muted)}
.premiumCard{position:relative; width:min(460px,86vw); justify-self:center}
.premiumCard>img{width:100%; border-radius:38px; border:1px solid var(--border); box-shadow:0 0 70px rgba(0,0,0,.65)}
.premiumBadge{position:absolute; right:-18px; bottom:-18px; width:124px; height:124px; border-radius:50%; padding:10px; background:#050405; border:1px solid var(--border)}
.premiumBadge img{width:100%;height:100%;border-radius:50%}

main{width:min(1180px,calc(100% - 34px)); margin:auto}
.section{padding:64px 0}
.panel{background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.035)); border:1px solid var(--border); border-radius:30px; padding:28px; backdrop-filter:blur(13px); box-shadow:0 0 38px rgba(0,0,0,.22)}
p{line-height:1.7; color:#eadfca}
.title p{color:var(--green); text-transform:uppercase; letter-spacing:3px; font-size:12px; font-weight:900}
.title h2,.panel h2{font-family:Bebas Neue,Impact,sans-serif; font-size:clamp(48px,7vw,84px); line-height:.92; color:var(--gold); margin:8px 0 24px; letter-spacing:2px}

.labelIntro{display:grid; grid-template-columns:1fr 180px; gap:28px; align-items:center; margin-bottom:22px}
.labelIntro h3{font-family:Bebas Neue,Impact,sans-serif; font-size:48px; color:#fff1bd; margin:8px 0}
.labelIntro img{width:180px; height:180px; object-fit:cover; border-radius:50%; border:1px solid var(--border); justify-self:center}
.artistGrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:22px}
.artistCard{position:relative; overflow:hidden; border-radius:30px; border:1px solid var(--border); background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.035));}
.artistCard img{width:100%; aspect-ratio:16/10; object-fit:cover; display:block}
.artistBody{padding:22px}
.artistBody h3{font-family:Bebas Neue,Impact,sans-serif; font-size:52px; line-height:.95; margin:6px 0; color:#fff1bd}
.artistStatus{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(39,255,137,.1);border:1px solid rgba(39,255,137,.35);color:var(--green);font-weight:900;font-size:12px}

.countdownPanel{display:grid; grid-template-columns:.85fr 1.15fr; gap:24px; align-items:center}
.countdown{display:grid; grid-template-columns:repeat(4,1fr); gap:12px}
.countdown div{border:1px solid var(--border); border-radius:20px; padding:18px; text-align:center; background:rgba(0,0,0,.22)}
.countdown strong{display:block; font-family:Orbitron,sans-serif; font-size:clamp(28px,5vw,48px); color:var(--gold2)}
.countdown span{font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:2px}

.feature,.event-card{display:grid; grid-template-columns:minmax(280px,430px) 1fr; gap:28px; align-items:center}
.feature img,.event-card img{width:100%; border-radius:24px; border:1px solid var(--border); box-shadow:0 0 40px rgba(0,0,0,.4)}
.feature h3,.event-card h3{font-family:Bebas Neue,Impact,sans-serif; font-size:clamp(48px,7vw,88px); line-height:.92; color:#fff1bd; margin:8px 0}
.status-pill{display:inline-block; padding:9px 12px; border-radius:999px; background:rgba(39,255,137,.1); border:1px solid rgba(39,255,137,.35); color:var(--green); font-weight:900}
.grid,.cards,.links{display:grid; grid-template-columns:repeat(auto-fit,minmax(245px,1fr)); gap:18px}
.time-card,.card,.link-card{background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.035)); border:1px solid var(--border); border-radius:26px; overflow:hidden}
.time-card img,.card img{width:100%; aspect-ratio:1/1; object-fit:cover}
.time-body,.card-body{padding:18px}
.time-card h3,.card h3{font-family:Bebas Neue,Impact,sans-serif; font-size:35px; line-height:.98; letter-spacing:1px; color:#fff1bd; margin:8px 0}
.card{transition:.22s}.card:hover{transform:translateY(-5px); box-shadow:0 0 30px rgba(212,175,55,.16)}
.platforms a{padding:9px 12px; border-radius:999px; background:rgba(0,234,255,.08); border:1px solid rgba(0,234,255,.24); color:var(--text); text-decoration:none; font-size:12px; font-weight:900}
.events{display:grid; gap:20px}
.videoPanel{display:grid; grid-template-columns:.82fr 1.18fr; gap:26px; align-items:start}
.videoList{display:grid; gap:18px}
.video-frame{position:relative; width:100%; aspect-ratio:16/9; border-radius:22px; border:1px solid rgba(0,234,255,.28); overflow:hidden; background:#000}
.video-frame iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.link-card{padding:22px; text-align:center; color:var(--gold2); text-decoration:none; font-family:Orbitron,sans-serif; font-weight:900}
.filters{margin-bottom:20px}
.filters input{width:100%; max-width:430px; min-height:48px; border-radius:999px; border:1px solid var(--border); background:rgba(255,255,255,.08); color:var(--text); padding:0 18px; font-weight:800}
.galleryGrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px}
.galleryCard{position:relative; overflow:hidden; border-radius:28px; border:1px solid var(--border); background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035)); box-shadow:0 0 34px rgba(0,0,0,.25)}
.galleryCard img{width:100%; aspect-ratio:4/5; object-fit:cover; display:block; transition:.35s}
.galleryCard:hover img{transform:scale(1.045)}
.galleryInfo{position:absolute; left:0; right:0; bottom:0; padding:22px; background:linear-gradient(180deg,transparent,rgba(0,0,0,.92))}
.galleryInfo h3{font-family:Bebas Neue,Impact,sans-serif; color:#fff1bd; font-size:36px; line-height:1; margin:0 0 8px; letter-spacing:1px}
.galleryInfo p{margin:0; color:#eadfca; font-size:13px}
.guestbook-box{margin-top:20px; padding:18px; border-radius:22px; background:rgba(0,234,255,.045); border:1px solid rgba(0,234,255,.22)}
.contact{display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap}
footer{text-align:center; color:var(--muted); padding:44px 18px}

@media(max-width:900px){
  .menuBtn{display:block}
  nav{display:none; position:absolute; left:16px; right:16px; top:74px; flex-direction:column; align-items:flex-start; background:rgba(0,0,0,.94); border:1px solid var(--border); border-radius:18px; padding:18px}
  nav.open{display:flex}
  .heroGrid,.feature,.event-card,.videoPanel,.countdownPanel,.labelIntro{grid-template-columns:1fr}
  .premiumCard{display:none}
  .statsStrip,.countdown{grid-template-columns:repeat(2,1fr)}
  h1{font-size:82px}
}


/* V3.2.1 — LABEL BIEN DISTINCT */
.artistSplitGrid{
  display:grid;
  grid-template-columns:1fr;
  gap:30px;
  margin-top:28px;
}

.artistProfileCard{
  display:grid;
  grid-template-columns:minmax(280px,460px) 1fr;
  gap:28px;
  align-items:center;
  overflow:hidden;
  border-radius:34px;
  border:1px solid var(--border);
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  box-shadow:0 0 42px rgba(0,0,0,.28);
}

.artistProfileCard img{
  width:100%;
  height:100%;
  min-height:420px;
  object-fit:cover;
  display:block;
}

.artistProfileBody{
  padding:30px;
}

.artistProfileBody h3{
  font-family:Bebas Neue,Impact,sans-serif;
  font-size:clamp(58px,8vw,96px);
  line-height:.9;
  color:#fff1bd;
  margin:10px 0;
  letter-spacing:2px;
}

.sparetdeeProfile{
  border-color:rgba(212,175,55,.45);
}

.plumeProfile{
  border-color:rgba(39,255,137,.35);
  background:
    radial-gradient(circle at 80% 20%,rgba(39,255,137,.13),transparent 35%),
    linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
}

.miniRelease{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:14px;
  align-items:center;
  margin:20px 0;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(212,175,55,.35);
  background:rgba(0,0,0,.24);
}

.miniRelease img{
  width:92px;
  height:92px;
  min-height:92px;
  border-radius:16px;
  object-fit:cover;
}

.miniRelease strong{
  display:block;
  color:#fff1bd;
  font-size:22px;
}

.miniRelease span{
  display:block;
  color:#eadfca;
  font-size:14px;
  line-height:1.45;
}

.staticEvent{
  margin-bottom:22px;
  border-color:rgba(39,255,137,.35);
}

@media(max-width:900px){
  .artistProfileCard{
    grid-template-columns:1fr;
  }
  .artistProfileCard img{
    min-height:auto;
    aspect-ratio:16/10;
  }
}


/* V3.2.2 — L'ARGENT UPDATE */
.staticEvent{border-color:rgba(212,175,55,.46);}
.plumeEvent{border-color:rgba(39,255,137,.35);}


/* V3.2.3 — DOUBLE COMPTE À REBOURS */
.doubleCountdownGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:22px;
}

.countdownArtist{
  display:grid;
  grid-template-columns:170px 1fr;
  gap:22px;
  align-items:center;
}

.countdownArtist img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:22px;
  border:1px solid var(--border);
  box-shadow:0 0 28px rgba(0,0,0,.35);
}

.countdownArtist h3{
  font-family:Bebas Neue,Impact,sans-serif;
  font-size:clamp(44px,6vw,72px);
  line-height:.92;
  margin:8px 0;
  color:#fff1bd;
}

.miniCountdown{
  margin-top:14px;
  grid-template-columns:repeat(4,1fr);
}

@media(max-width:720px){
  .countdownArtist{
    grid-template-columns:1fr;
  }
}


/* V3.2.4 — CORRECTION CHEVAUCHEMENT COMPTES À REBOURS */
.doubleCountdownGrid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(360px,1fr)) !important;
  gap:28px !important;
  align-items:stretch !important;
}

.countdownArtist{
  display:grid !important;
  grid-template-columns:150px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
  overflow:hidden !important;
  min-width:0 !important;
}

.countdownArtist > div{
  min-width:0 !important;
  overflow:hidden !important;
}

.countdownArtist img{
  width:150px !important;
  height:150px !important;
  min-height:150px !important;
  max-width:150px !important;
  object-fit:cover !important;
  border-radius:22px !important;
}

.countdownArtist h3{
  font-size:clamp(42px,4vw,64px) !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
}

.miniCountdown{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(74px,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
}

.miniCountdown div{
  min-width:0 !important;
  padding:12px 8px !important;
  border-radius:16px !important;
}

.miniCountdown strong{
  font-size:clamp(24px,3vw,38px) !important;
  line-height:1 !important;
}

.miniCountdown span{
  font-size:10px !important;
  letter-spacing:1.5px !important;
  white-space:nowrap !important;
}

@media(max-width:1180px){
  .doubleCountdownGrid{
    grid-template-columns:1fr !important;
  }
  .countdownArtist{
    grid-template-columns:170px 1fr !important;
  }
  .countdownArtist img{
    width:170px !important;
    height:170px !important;
    max-width:170px !important;
  }
}

@media(max-width:720px){
  .countdownArtist{
    grid-template-columns:1fr !important;
  }
  .countdownArtist img{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    aspect-ratio:1/1 !important;
  }
  .miniCountdown{
    grid-template-columns:repeat(2,1fr) !important;
  }
}


/* V3.2.5 — FIX CATALOGUE + VIDEOS */
.staticDataCard, .staticVideoCard{
  display:block;
}

#tracks.cards:not(:empty),
#videoList.videoList:not(:empty){
  min-height:120px;
}

.videoList{
  width:100%;
}

.card img{
  background:#080808;
}


/* V3.2.6 — DOUBLE SORTIE + LIVE TIKTOK */
.staticEvent:first-of-type{border-color:rgba(212,175,55,.55);background:radial-gradient(circle at 20% 20%,rgba(226,27,27,.12),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));}
.countdownArtist h3{word-break:normal;overflow-wrap:anywhere;}


/* V3.2.7 — ÉVÈNEMENT AFFICHÉ ENTIER + POCHETTES OFFICIELLES */
.event-card.staticEvent:first-of-type{
  grid-template-columns:minmax(300px,420px) 1fr !important;
  align-items:center !important;
}

.event-card.staticEvent:first-of-type > img{
  aspect-ratio:auto !important;
  height:auto !important;
  max-height:780px !important;
  width:100% !important;
  object-fit:contain !important;
  background:#050405 !important;
  padding:10px !important;
}

#eventsGrid .event-card img{
  object-fit:contain !important;
  background:#050405 !important;
}

@media(max-width:900px){
  .event-card.staticEvent:first-of-type{
    grid-template-columns:1fr !important;
  }
  .event-card.staticEvent:first-of-type > img{
    max-height:none !important;
  }
}


/* V3.2.8 — MPBP440 TV */
.mpbpTvSection{position:relative;}
.mpbpTvHero{
  display:grid;
  grid-template-columns:minmax(320px,1.25fr) .75fr;
  gap:28px;
  align-items:center;
  border-color:rgba(226,27,27,.38);
  background:
    radial-gradient(circle at 18% 20%,rgba(226,27,27,.14),transparent 30%),
    radial-gradient(circle at 82% 22%,rgba(212,175,55,.16),transparent 35%),
    linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
}
.tvScreen{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(212,175,55,.42);
  background:#000;
  box-shadow:0 0 44px rgba(0,0,0,.45);
}
.tvScreen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.tvInfo h3,.livePortal h3,.tvPlaylist h3{
  font-family:Bebas Neue,Impact,sans-serif;
  font-size:clamp(42px,6vw,72px);
  line-height:.92;
  margin:10px 0;
  color:#fff1bd;
  letter-spacing:1px;
}
.tvBadge,.liveDot{
  display:inline-block;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(226,27,27,.13);
  border:1px solid rgba(226,27,27,.45);
  color:#fff1bd;
  font-weight:900;
  font-size:12px;
  letter-spacing:1px;
}
.mpbpTvGrid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:22px;
  margin-top:24px;
}
.livePortal{
  display:grid;
  grid-template-columns:minmax(210px,300px) 1fr;
  gap:22px;
  align-items:center;
}
.livePortal img{
  width:100%;
  max-height:520px;
  object-fit:contain;
  border-radius:22px;
  border:1px solid var(--border);
  background:#050405;
  padding:8px;
}
.miniTvList{display:grid;gap:10px;margin:14px 0;}
.miniTvList a{
  display:block;
  padding:13px 15px;
  border-radius:16px;
  background:rgba(0,0,0,.24);
  border:1px solid rgba(212,175,55,.28);
  color:#fff1bd;
  text-decoration:none;
  font-weight:900;
}
.miniTvList a:hover{border-color:rgba(39,255,137,.45);}
.tvNote{font-size:13px;color:#eadfca;}
@media(max-width:900px){
  .mpbpTvHero,.mpbpTvGrid,.livePortal{grid-template-columns:1fr;}
}


/* V3.2.9 — MPBP440 Media Center */
.sectionLead{color:var(--muted);margin:-10px 0 24px;font-size:15px}
.mediaCenterSection{position:relative;}
.mediaCenterHero{display:grid;grid-template-columns:1.3fr .9fr;gap:26px;align-items:center;margin-bottom:22px;}
.tvScreen iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:24px;background:#000;box-shadow:0 0 35px rgba(212,175,55,.12)}
.tvIntro h3{font-size:clamp(36px,5vw,76px);line-height:.9;margin:12px 0;color:#fff1bd;text-transform:uppercase}
.mediaCenterGrid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:20px;align-items:stretch}
.livePortal.is-live{border-color:rgba(255,0,0,.65);box-shadow:0 0 45px rgba(255,0,0,.2)}
.radioPanel h3,.tvPlaylist h3{font-size:32px;margin:12px 0;color:#fff1bd;text-transform:uppercase}
.radioControls{display:flex;gap:10px;margin:18px 0}.radioBtn{width:54px;height:54px;border-radius:999px;border:1px solid rgba(212,175,55,.4);background:rgba(255,255,255,.08);color:#fff1bd;font-size:22px}.radioBtn:disabled{opacity:.55}
.miniTvList button{display:block;width:100%;text-align:left;margin:8px 0;padding:12px 14px;border-radius:14px;border:1px solid rgba(212,175,55,.3);background:rgba(0,0,0,.22);color:#fff;text-decoration:none;cursor:pointer;font-weight:800}
.miniTvList button:hover{border-color:rgba(212,175,55,.8);color:#fff1bd}
@media(max-width:900px){.mediaCenterHero,.mediaCenterGrid{grid-template-columns:1fr}}


/* RADIO MPBP440 — v3.2.10 */
.radio-mpbp{
  border-color:rgba(244,211,94,.45);
  background:
    radial-gradient(circle at 10% 0%, rgba(244,211,94,.16), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
}
.radio-player-box{
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(280px,1.1fr);
  gap:22px;
  align-items:start;
}
.radio-now{
  border:1px solid rgba(244,211,94,.35);
  border-radius:24px;
  padding:22px;
  background:rgba(0,0,0,.28);
}
.radio-badge{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#f4d35e;
  color:#111;
  font-weight:900;
  letter-spacing:.08em;
  font-size:.78rem;
}
.radio-now h3{
  margin:16px 0 6px;
  font-size:clamp(1.6rem,3vw,3rem);
  color:#fff1bd;
}
.radio-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.radio-note{
  color:rgba(255,255,255,.72);
  font-size:.92rem;
  margin-top:16px;
}
.radio-list{
  display:grid;
  gap:10px;
}
.radio-track{
  width:100%;
  text-align:left;
  cursor:pointer;
  border:1px solid rgba(244,211,94,.22);
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.055);
  color:#fff;
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  align-items:center;
}
.radio-track:hover,
.radio-track.active{
  border-color:rgba(244,211,94,.85);
  background:rgba(244,211,94,.12);
}
.radio-track-number{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(244,211,94,.18);
  color:#f4d35e;
  font-weight:900;
}
.radio-track strong{
  display:block;
  color:#fff1bd;
}
.radio-track small{
  display:block;
  color:rgba(255,255,255,.65);
  margin-top:3px;
}
@media(max-width:780px){
  .radio-player-box{grid-template-columns:1fr;}
}


/* RADIO SPOTIFY MPBP440 — v3.2.12 */
.radio-player-box.spotify-mode{
  grid-template-columns:minmax(260px,.75fr) minmax(320px,1.25fr);
}
.spotify-radio-embed{
  border:1px solid rgba(244,211,94,.35);
  border-radius:24px;
  padding:14px;
  background:rgba(0,0,0,.30);
  box-shadow:0 0 28px rgba(244,211,94,.08);
}
.spotify-radio-embed iframe{
  display:block;
  border:0;
  min-height:352px;
}
@media(max-width:780px){
  .radio-player-box.spotify-mode{grid-template-columns:1fr;}
}


/* V3.2.13 — platform links */
.platform-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.platform-links .btn{
  min-width:auto;
}


/* V3.3.1 — Media Center Pro */
.media-center-pro{
  border-color:rgba(0,255,135,.35);
  background:
    radial-gradient(circle at 15% 10%, rgba(0,255,135,.14), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
}
.media-pro-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
  margin-top:24px;
}
.media-pro-grid article,
.news-list article{
  border:1px solid rgba(244,211,94,.28);
  border-radius:22px;
  padding:20px;
  background:rgba(0,0,0,.25);
}
.media-pro-grid span{
  display:block;
  font-size:2rem;
  margin-bottom:10px;
}
.media-pro-grid h3,
.news-list h3{
  color:#fff1bd;
  margin:6px 0 10px;
}
.news-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;
  margin-top:24px;
}


/* V3.4.3 — Visitor counter */
.visitor-counter{
  border-color:rgba(0,255,135,.32);
  background:radial-gradient(circle at 15% 10%, rgba(0,255,135,.13), transparent 35%),linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
}
.visitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:22px}
.visitor-grid article{border:1px solid rgba(244,211,94,.25);border-radius:22px;padding:22px;background:rgba(0,0,0,.25);text-align:center}
.visitor-grid strong{display:block;font-size:clamp(2.2rem,6vw,4rem);color:#fff1bd}
.visitor-grid span{color:rgba(255,255,255,.72)}


/* V4.0 — Portail interactif */
.artists-grid,
.search-results,
.favorites-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;
  margin-top:22px;
}
.artist-card-v4,
.search-result-card,
.favorite-card{
  border:1px solid rgba(244,211,94,.25);
  border-radius:24px;
  padding:20px;
  background:rgba(0,0,0,.25);
}
.artist-card-v4 img,
.artist-avatar{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,rgba(244,211,94,.18),rgba(0,255,135,.12));
  display:grid;
  place-items:center;
  font-size:4rem;
  color:#fff1bd;
  font-weight:900;
}
.artist-card-v4 h3,
.search-result-card h3,
.favorite-card h3{
  color:#fff1bd;
}
.site-search-input{
  width:100%;
  border:1px solid rgba(244,211,94,.35);
  border-radius:999px;
  padding:16px 20px;
  background:rgba(0,0,0,.35);
  color:#fff;
  font:inherit;
  margin-top:18px;
}
.artists-space,
.site-search,
.favorites-section{
  border-color:rgba(0,255,135,.28);
}