.dedicated-radio{display:grid;grid-template-columns:50px minmax(115px,1fr) 42px minmax(90px,120px);align-items:center;gap:10px;width:min(460px,42vw);min-width:330px;padding:8px 11px;border:1px solid rgba(255,48,65,.22);border-radius:18px;background:linear-gradient(145deg,rgba(92,4,11,.94),rgba(10,10,10,.97));box-shadow:0 12px 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.07);color:#ffffff}
.dedicated-radio__cover{position:relative;width:50px;height:50px;overflow:hidden;border-radius:13px;background:#0a0a0a;box-shadow:0 7px 18px rgba(0,0,0,.28)}.dedicated-radio__cover img{display:block;width:100%;height:100%;object-fit:cover}.dedicated-radio__cover i{position:absolute;right:4px;bottom:4px;width:7px;height:7px;border:1px solid #ffffff;border-radius:50%;background:#ff3857;box-shadow:0 0 10px rgba(255,56,87,.8)}
.dedicated-radio__meta{min-width:0;line-height:1.18}.dedicated-radio__meta small,.dedicated-radio__meta strong,.dedicated-radio__meta span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dedicated-radio__meta small{margin-bottom:3px;color:#ff3041;font-size:8px;font-weight:950;letter-spacing:.13em}.dedicated-radio__meta strong{font-size:12px}.dedicated-radio__meta span{margin-top:4px;color:#e30613;font-size:10px}
.dedicated-radio__play{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:linear-gradient(145deg,#ff3041,#e30613);color:#ffffff;font-size:14px;cursor:pointer;box-shadow:0 8px 22px rgba(227,6,19,.38);transition:transform .22s,filter .22s}.dedicated-radio__play:hover{transform:scale(1.06);filter:brightness(1.1)}.dedicated-radio__play:focus-visible{outline:3px solid #ffffff;outline-offset:3px}
.dedicated-radio__volume{display:flex;align-items:center;gap:6px;color:#e30613}.dedicated-radio__volume button{width:24px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.dedicated-radio__volume input{width:100%;height:4px;accent-color:#ff3041;cursor:pointer}.dedicated-radio.is-playing .dedicated-radio__cover img{animation:radioCoverPulse 2.5s ease-in-out infinite}@keyframes radioCoverPulse{50%{filter:brightness(1.13)}}
@media(max-width:1000px){.dedicated-radio{grid-template-columns:44px minmax(95px,1fr) 39px;width:min(330px,38vw);min-width:260px}.dedicated-radio__cover{width:44px;height:44px}.dedicated-radio__play{width:39px;height:39px}.dedicated-radio__volume{display:none}}
@media(max-width:720px){.dedicated-radio{display:flex;width:auto;min-width:0;padding:6px}.dedicated-radio__cover,.dedicated-radio__meta,.dedicated-radio__volume{display:none}}
@media(max-width:480px){.dedicated-radio{padding:4px;border-radius:50%}.dedicated-radio__play{width:37px;height:37px}}
@media(prefers-reduced-motion:reduce){.dedicated-radio.is-playing .dedicated-radio__cover img{animation:none}}

/* Menu commun aux pages dédiées */
.topbar{position:sticky!important;top:0!important;z-index:50!important;display:grid!important;grid-template-columns:minmax(150px,205px) minmax(0,1fr) minmax(300px,420px)!important;align-items:center!important;gap:14px!important;width:100%!important;height:auto!important;min-height:82px!important;padding:9px clamp(12px,2.2vw,34px)!important;border:0!important;border-bottom:1px solid rgba(255,48,65,.17)!important;border-radius:0!important;background:linear-gradient(135deg,rgba(10,10,10,.97),rgba(10,10,10,.985))!important;box-shadow:0 17px 50px rgba(0,0,0,.28)!important;backdrop-filter:blur(22px)!important}
.topbar .logo,.topbar .brand{width:min(195px,100%)!important;padding:0!important}.topbar .logo img,.topbar .brand img{display:block!important;width:100%!important;height:auto!important;max-width:195px!important}
.dedicated-nav{display:flex;align-items:center;justify-content:center;gap:2px;min-width:0}.dedicated-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 7px;border-radius:11px;color:#f5f5f5;text-decoration:none;font-size:10.5px;font-weight:800;white-space:nowrap;transition:.22s}.dedicated-nav a:hover,.dedicated-nav a:focus-visible{color:#ffffff;background:rgba(255,48,65,.14);outline:none}.dedicated-nav a[href="index.html#contact"]{margin-left:3px;padding-inline:11px;color:#ffffff;background:linear-gradient(135deg,#ff3041,#e30613);box-shadow:0 8px 20px rgba(227,6,19,.28)}
.topbar .dedicated-radio{width:100%;min-width:0}.dedicated-menu-button{display:none;position:relative;width:46px;height:46px;padding:0;border:1px solid rgba(255,48,65,.25);border-radius:14px;background:rgba(255,48,65,.12);cursor:pointer}.dedicated-menu-button i{position:absolute;left:12px;width:20px;height:2px;border-radius:3px;background:#ffffff;transition:.22s}.dedicated-menu-button i:nth-child(1){top:14px}.dedicated-menu-button i:nth-child(2){top:21px}.dedicated-menu-button i:nth-child(3){top:28px}.dedicated-menu-button[aria-expanded="true"] i:nth-child(1){top:21px;transform:rotate(45deg)}.dedicated-menu-button[aria-expanded="true"] i:nth-child(2){opacity:0}.dedicated-menu-button[aria-expanded="true"] i:nth-child(3){top:21px;transform:rotate(-45deg)}
@media(max-width:1500px){.topbar{grid-template-columns:minmax(145px,185px) auto minmax(280px,360px)!important}.dedicated-menu-button{display:block!important;justify-self:end}.dedicated-nav{position:absolute;top:76px;left:10px;right:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px;border:1px solid rgba(255,48,65,.2);border-radius:19px;background:rgba(10,10,10,.99);box-shadow:0 26px 70px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:.23s}.dedicated-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.dedicated-nav a{justify-content:flex-start;min-height:48px;padding:12px 14px;border:1px solid rgba(255,48,65,.08);background:rgba(255,255,255,.035);font-size:12px}.topbar .dedicated-radio{grid-column:3;grid-row:1}}
@media(max-width:760px){.topbar{grid-template-columns:minmax(125px,1fr) auto auto!important;gap:8px!important;min-height:70px!important;padding:7px 9px!important}.topbar .logo,.topbar .brand{width:160px!important}.topbar .logo img,.topbar .brand img{max-width:160px!important}.topbar .dedicated-radio{grid-column:3!important}.dedicated-nav{top:69px}.dedicated-menu-button{width:42px;height:42px}.dedicated-menu-button i{left:11px}}
@media(max-width:430px){.topbar .logo,.topbar .brand{width:130px!important}.topbar .logo img,.topbar .brand img{max-width:130px!important}.dedicated-nav{grid-template-columns:1fr}.dedicated-radio__play{width:35px;height:35px}}

/* Version finale stable du menu des pages dédiées */
.topbar{position:sticky!important;top:0!important;display:grid!important;grid-template-columns:minmax(150px,1fr) 50px minmax(290px,390px)!important;align-items:center!important;gap:12px!important;min-height:76px!important;padding:9px 14px!important;background:rgba(10,10,10,.98)!important}.topbar .logo,.topbar .brand{grid-column:1!important;grid-row:1!important;width:190px!important;max-width:190px!important}.dedicated-menu-button{grid-column:2!important;grid-row:1!important;display:block!important}.topbar .dedicated-radio{grid-column:3!important;grid-row:1!important;width:100%!important;min-width:0!important}.dedicated-nav{position:absolute!important;top:78px!important;left:10px!important;right:10px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:14px!important;border:1px solid rgba(255,48,65,.2)!important;border-radius:20px!important;background:rgba(10,10,10,.995)!important;box-shadow:0 30px 80px rgba(0,0,0,.62)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-10px)!important}.dedicated-nav.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}.dedicated-nav a{justify-content:flex-start!important;min-height:48px!important;padding:13px 14px!important;border:1px solid rgba(255,48,65,.09)!important;border-radius:13px!important;background:rgba(255,255,255,.04)!important;font-size:12px!important}
@media(max-width:800px){.topbar{grid-template-columns:minmax(130px,1fr) 44px 48px!important;padding:7px 9px!important}.topbar .logo,.topbar .brand{width:160px!important;max-width:160px!important}.topbar .dedicated-radio{display:flex!important;width:48px!important;min-width:48px!important;padding:4px!important;border-radius:50%!important}.topbar .dedicated-radio__cover,.topbar .dedicated-radio__meta,.topbar .dedicated-radio__volume{display:none!important}.dedicated-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;top:70px!important}}
@media(max-width:460px){.topbar .logo,.topbar .brand{width:130px!important;max-width:130px!important}.dedicated-nav{grid-template-columns:1fr!important}}

/* Ordinateur : menu horizontal, hamburger réservé au mobile */
@media(min-width:1181px){
  .topbar{grid-template-columns:150px minmax(0,1fr) minmax(280px,350px)!important;gap:12px!important;min-height:76px!important;padding:8px 14px!important}
  .topbar .logo,.topbar .brand{grid-column:1!important;width:150px!important;max-width:150px!important}.topbar .logo img,.topbar .brand img{max-width:150px!important}
  .dedicated-menu-button{display:none!important}
  .dedicated-nav{grid-column:2!important;grid-row:1!important;position:static!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:2px!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .dedicated-nav a{display:inline-flex!important;width:auto!important;min-height:39px!important;padding:9px 7px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#f5f5f5!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important}.dedicated-nav a:hover,.dedicated-nav a.active{color:#ffffff!important;background:rgba(255,48,65,.14)!important}.dedicated-nav a[href="index.html#contact"]{padding-inline:11px!important;color:#ffffff!important;background:linear-gradient(135deg,#ff3041,#e30613)!important}
  .topbar .dedicated-radio{grid-column:3!important;grid-row:1!important;display:grid!important;width:100%!important;min-width:0!important}
}

.topbar .dedicated-radio{max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}.topbar .dedicated-radio>*{min-width:0!important;box-sizing:border-box!important}.topbar .dedicated-radio__meta{overflow:hidden!important}.topbar .dedicated-radio__volume{width:100%!important;min-width:0!important;max-width:90px!important;overflow:hidden!important}.topbar .dedicated-radio__volume input{width:58px!important;min-width:0!important;max-width:58px!important}.topbar .dedicated-radio__volume button{flex:0 0 20px!important;width:20px!important;min-width:20px!important}
@media(max-width:1280px) and (min-width:1181px){.topbar{grid-template-columns:140px minmax(0,1fr) 275px!important}.topbar .dedicated-radio{grid-template-columns:40px minmax(58px,1fr) 36px 64px!important;gap:7px!important;padding-inline:7px!important}.topbar .dedicated-radio__cover{width:40px!important;height:40px!important}.topbar .dedicated-radio__play{width:36px!important;height:36px!important}.topbar .dedicated-radio__volume{max-width:64px!important}.topbar .dedicated-radio__volume input{width:39px!important;max-width:39px!important}.dedicated-nav a{padding-inline:5px!important;font-size:9.5px!important}}

/* Lecteur radio mobile premium : pochette, titrage et lecture visibles */
@media(max-width:800px){
  .topbar{grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:52px 64px!important;gap:6px 9px!important;min-height:132px!important;padding:7px 9px 9px!important}
  .topbar .logo,.topbar .brand{grid-column:1!important;grid-row:1!important;width:150px!important;max-width:150px!important}
  .dedicated-menu-button{grid-column:2!important;grid-row:1!important;width:42px!important;height:42px!important}
  .topbar .dedicated-radio{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:50px minmax(0,1fr) 46px!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;height:62px!important;min-height:62px!important;padding:6px 8px!important;overflow:hidden!important;border:1px solid rgba(255,48,65,.3)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(92,4,11,.97),rgba(10,10,10,.99))!important;box-shadow:0 12px 30px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08)!important}
  .topbar .dedicated-radio__cover{position:relative!important;display:block!important;width:50px!important;height:50px!important;min-width:50px!important;border-radius:13px!important;overflow:hidden!important}
  .topbar .dedicated-radio__meta{display:block!important;min-width:0!important;text-align:left!important}
  .topbar .dedicated-radio__meta small,.topbar .dedicated-radio__meta strong,.topbar .dedicated-radio__meta span{display:block!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
  .topbar .dedicated-radio__meta small{margin-bottom:3px!important;color:#ff3041!important;font-size:7px!important;letter-spacing:.12em!important}.topbar .dedicated-radio__meta strong{color:#ffffff!important;font-size:12px!important}.topbar .dedicated-radio__meta span{margin-top:3px!important;color:#e30613!important;font-size:9px!important}
  .topbar .dedicated-radio__play{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:50%!important;background:linear-gradient(145deg,#ff3041,#e30613)!important;box-shadow:0 10px 24px rgba(227,6,19,.42)!important}
  .topbar .dedicated-radio__volume{display:none!important}
  .dedicated-nav{top:130px!important;max-height:calc(100dvh - 142px)!important}
}
@media(max-width:430px){.topbar .logo,.topbar .brand{width:130px!important;max-width:130px!important}.topbar .dedicated-radio{grid-template-columns:46px minmax(0,1fr) 43px!important;height:58px!important;min-height:58px!important}.topbar .dedicated-radio__cover{width:46px!important;height:46px!important;min-width:46px!important}.topbar .dedicated-radio__play{width:41px!important;height:41px!important;min-width:41px!important}}

/* Commande volume premium — sans emoji */
@media(min-width:801px){
  .topbar .dedicated-radio__volume{display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;box-sizing:border-box!important;width:100%!important;max-width:104px!important;height:34px!important;padding:4px 8px 4px 5px!important;overflow:visible!important;border:1px solid rgba(255,48,65,.18)!important;border-radius:999px!important;background:linear-gradient(145deg,rgba(183,0,14,.54),rgba(10,10,10,.7))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
  .topbar .dedicated-radio__volume button{position:relative!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;flex:none!important;width:25px!important;min-width:25px!important;height:25px!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(255,48,65,.2)!important;border-radius:50%!important;background:rgba(255,48,65,.11)!important;color:transparent!important;font-size:0!important;cursor:pointer!important;transition:background .2s,border-color .2s,transform .2s!important}
  .topbar .dedicated-radio__volume button::before{content:"";width:11px;height:12px;background:#f5f5f5;clip-path:polygon(0 34%,34% 34%,76% 0,76% 100%,34% 66%,0 66%)}
  .topbar .dedicated-radio__volume button::after{content:"";position:absolute;right:4px;width:6px;height:9px;border-right:2px solid #ff3041;border-radius:50%}
  .topbar .dedicated-radio__volume button:hover{transform:scale(1.06)!important;border-color:rgba(255,48,65,.48)!important;background:rgba(255,48,65,.22)!important}
  .topbar .dedicated-radio__volume button.is-muted{border-color:rgba(255,105,132,.33)!important;background:rgba(255,62,96,.1)!important}.topbar .dedicated-radio__volume button.is-muted::before{background:#f5f5f5}.topbar .dedicated-radio__volume button.is-muted::after{right:10px;width:2px;height:15px;border:0;border-radius:2px;background:#ff718c;transform:rotate(-42deg)}
  .topbar .dedicated-radio__volume input[type="range"]{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:4px!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:linear-gradient(90deg,#ff3041,#e30613)!important;accent-color:#ff3041!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important}
  .topbar .dedicated-radio__volume input[type="range"]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,#ff3041,#e30613)}.topbar .dedicated-radio__volume input[type="range"]::-webkit-slider-thumb{width:13px;height:13px;margin-top:-4.5px;border:2px solid #f5f5f5;border-radius:50%;background:#ff3041;box-shadow:0 0 0 4px rgba(255,48,65,.12);-webkit-appearance:none}.topbar .dedicated-radio__volume input[type="range"]::-moz-range-track{height:4px;border:0;border-radius:999px;background:linear-gradient(90deg,#ff3041,#e30613)}.topbar .dedicated-radio__volume input[type="range"]::-moz-range-thumb{width:11px;height:11px;border:2px solid #f5f5f5;border-radius:50%;background:#ff3041}
}