/* Radio Breslev Côte d’Ivoire — V61 Ultra Orion : l’application complète mise en avant sur le site */
.c50{position:relative;overflow:hidden}
.c50-cadre{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:center;padding:28px;border-radius:30px;
  background:radial-gradient(90% 120% at 100% 0,rgba(247,127,0,.20),transparent 60%),radial-gradient(70% 90% at 0 100%,rgba(0,158,96,.12),transparent 60%),linear-gradient(160deg,#2a1440,#140a1c 70%);
  color:#f8f3ff;box-shadow:0 30px 60px -30px rgba(40,10,60,.65);border:1px solid rgba(233,196,106,.25)}
.c50-cadre .sur{color:#ffd29a}
#complete50 .c50-cadre h2{margin:.2em 0 .4em;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(1.6rem,3.6vw,2.4rem);line-height:1.12;color:#fff6e6;background:none;text-shadow:0 2px 18px rgba(247,127,0,.25);-webkit-text-fill-color:currentColor;-webkit-text-stroke:0}
.c50-cadre .intro{color:#d9cfe6;max-width:60ch}
.c50-atouts{list-style:none;margin:18px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.c50-atouts li{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:12px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(233,196,106,.18)}
.c50-atouts svg{grid-row:1/3;width:30px;height:30px;padding:5px;border-radius:10px;background:linear-gradient(135deg,#ff9a2e,#e9c46a);fill:none;stroke:#1b1020;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.c50-atouts b{font-size:.96rem}
.c50-atouts span{font-size:.84rem;color:#cfc4de}
.c50-prix{margin:6px 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.c50-prix b{font:800 2.1rem/1 Inter,system-ui,sans-serif;background:linear-gradient(135deg,#ffd29a,#e9c46a);-webkit-background-clip:text;background-clip:text;color:transparent}
.c50-prix span{color:#cfc4de}
.c50-pack:not(:empty)::before{content:"·";margin:0 6px}
.c50-btns{display:flex;flex-wrap:wrap;gap:10px}
.c50-btns .btn{min-height:48px}
.c50-go{background:linear-gradient(135deg,#ff9a2e,#e9c46a)!important;color:#1b1020!important;border:0!important;box-shadow:0 12px 26px -12px rgba(247,127,0,.8)}
.c50-btns .btn.clair{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
.c50-parr{margin:14px 0 0;font-size:.9rem;color:#cfc4de}
.c50-parr .lk{background:none;border:0;padding:0;color:#ffd29a;text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:600;cursor:pointer}
.c50-visuel{position:relative;display:grid;place-items:center;min-height:360px}
.c50-tel{width:200px;height:380px;border-radius:34px;padding:10px;background:linear-gradient(160deg,#3b2a4a,#120a1a);box-shadow:0 40px 70px -30px rgba(0,0,0,.8),inset 0 0 0 2px rgba(255,255,255,.08);transform:rotate(-6deg)}
.c50-ecran{height:100%;border-radius:26px;background:radial-gradient(120% 70% at 50% 10%,#3a1d12,#120a1a 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}
.c50-ecran p{margin:0;font:600 15px Fraunces,Georgia,serif;color:#fff}
.c50-ecran small{color:#9be7c4;font-size:11px}
.c50-disque{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#1a1020 0 2px,#24172d 2px 4px);box-shadow:0 0 0 3px rgba(233,196,106,.5),0 0 40px rgba(247,127,0,.45);animation:c50r 9s linear infinite}
.c50-disque img{width:54px;height:54px;filter:drop-shadow(0 0 10px rgba(255,140,40,.7))}
.c50-eq{display:flex;gap:4px;align-items:flex-end;height:30px}
.c50-eq i{width:6px;border-radius:3px;background:linear-gradient(#ffd29a,#f77f00);animation:c50e 1.1s ease-in-out infinite;height:10px}
.c50-eq i:nth-child(2){animation-delay:-.2s}.c50-eq i:nth-child(3){animation-delay:-.5s}.c50-eq i:nth-child(4){animation-delay:-.1s}.c50-eq i:nth-child(5){animation-delay:-.7s}.c50-eq i:nth-child(6){animation-delay:-.3s}.c50-eq i:nth-child(7){animation-delay:-.6s}
.c50-note{position:absolute;color:#ffd29a;font-size:26px;opacity:.8;animation:c50n 6s ease-in-out infinite}
.c50-note.n1{left:14%;top:18%}.c50-note.n2{right:12%;top:30%;animation-delay:-2s}.c50-note.n3{left:22%;bottom:16%;animation-delay:-4s}
@keyframes c50r{to{transform:rotate(360deg)}}
@keyframes c50e{0%,100%{height:8px}50%{height:28px}}
@keyframes c50n{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-14px);opacity:.9}}
@media (max-width:820px){.c50-cadre{grid-template-columns:1fr;padding:22px 16px}.c50-visuel{min-height:300px;order:-1}.c50-tel{width:160px;height:300px}.c50-disque{width:96px;height:96px}}
@media (max-width:420px){.c50-atouts{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.c50-disque,.c50-eq i,.c50-note{animation:none}}
#offres50-site:empty{display:none}
#offres50-site .o50-etat{margin-top:14px;padding:16px;border-radius:20px;background:var(--carte);border:1px solid var(--trait);color:var(--encre)}
#offres50-site .o50-etat h2{margin:0 0 6px;font-size:1.1rem}
#offres50-site .chip{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--trait);background:var(--fond);color:var(--encre);font-weight:600;cursor:pointer}
.c18-modeles button.c50{border-color:rgba(247,127,0,.55)}
#complete50 .c50-btns .btn.clair{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important}
