/* Butoane descărcare aplicația Radio Belgia (stil insignă de magazin, standard vizual 22.10.2026) */
@font-face{font-family:'Montserrat Badge';src:url('../assets/fonts/montserrat-ro.woff2?v=1d2649392f') format('woff2');font-weight:100 900;font-display:swap}
.pmd-app{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;margin-top:clamp(26px,4vh,44px);padding:clamp(20px,3vw,30px);border-radius:24px;background:#081434;border:1.5px solid rgba(150,230,30,.45)}
.pmd-app__txt{min-width:0;max-width:640px}
.pmd-app__kicker{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;color:#96E61E}
.pmd-app__title{margin:8px 0 0;font-family:'Montserrat Badge',Montserrat,Arial,sans-serif;font-weight:800;font-size:clamp(20px,2.4vw,28px);line-height:1.15;color:#FFF}
.pmd-app-badges{display:flex;flex-wrap:wrap;gap:14px}
.pmd-app-badge{display:inline-flex;align-items:center;gap:12px;min-width:220px;height:64px;padding:0 20px 0 16px;box-sizing:border-box;border-radius:13px;background:#000;border:2px solid #96E61E;color:#FFF!important;text-decoration:none;font-family:'Montserrat Badge',Montserrat,Arial,sans-serif;box-shadow:0 0 0 4px rgba(150,230,30,.12),0 10px 26px rgba(0,0,0,.35);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.pmd-app-badge:hover,.pmd-app-badge:focus-visible{border-color:#ABEC2F;transform:translateY(-2px);box-shadow:0 0 0 6px rgba(171,236,47,.22),0 14px 30px rgba(0,0,0,.45)}
.pmd-app-badge:focus-visible{outline:3px solid #ABEC2F;outline-offset:3px}
.pmd-app-badge img{flex:0 0 auto;width:28px;height:30px;object-fit:contain}
.pmd-app-badge span{display:grid;line-height:1.1;text-align:left}
.pmd-app-badge small{font-size:11px;font-weight:600;letter-spacing:.02em;opacity:.92}
.pmd-app-badge strong{font-size:21px;font-weight:700;letter-spacing:-.01em}
.pmd-app-badges--compact .pmd-app-badge{min-width:190px;height:56px}
.pmd-app-badges--compact .pmd-app-badge strong{font-size:18px}
@media (max-width:480px){.pmd-app-badges{width:100%;flex-direction:column}.pmd-app-badge{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.pmd-app-badge{transition:none}.pmd-app-badge:hover{transform:none}}

/* v4.1 — standalone application feature immediately after products. */
#aplicatie { display:block; margin:0; padding:clamp(56px,7vw,100px) clamp(16px,5vw,72px); border-radius:0; border:0; overflow:hidden; background:radial-gradient(ellipse at 85% 45%,#0BB6F644,transparent 55%),radial-gradient(ellipse at 15% 80%,#96E61E22,transparent 60%),#081434; }
.pmd-app__inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.5fr); gap:28px 64px; max-width:1200px; margin:auto; align-items:center; }
#aplicatie .pmd-app__txt { max-width:750px; }
#aplicatie .pmd-app__title { font-size:clamp(32px,4.5vw,64px); line-height:1.08; }
.pmd-app__description { color:#C2CBE2; font:500 18px/1.6 Montserrat,sans-serif; }
#aplicatie .pmd-app-badges { grid-column:1; }
#aplicatie .pmd-app-badge { min-height:84px; height:auto; min-width:260px; padding:14px 24px; box-shadow:0 6px 0 #0884F3,0 15px 30px #0006; }
#aplicatie .pmd-app-badge small { font-size:13px; }
#aplicatie .pmd-app-badge strong { font-size:27px; }
#aplicatie .pmd-app-badge img { width:40px; height:40px; }
#aplicatie .pmd-app-badge:hover { transform:translateY(-2px); }
#aplicatie .pmd-app-badge:active { transform:translateY(4px); box-shadow:0 2px 0 #0884F3; }
.pmd-app-phone { grid-column:2; grid-row:1/3; width:230px; max-width:100%; box-sizing:border-box; margin:auto; padding:12px; border:3px solid #0BB6F6; border-radius:38px; background:#081434; box-shadow:10px 14px 0 #0884F3,0 0 55px #0BB6F644; transform:rotate(6deg); }
.pmd-app-phone-screen { min-height:380px; padding:30px 18px; box-sizing:border-box; border-radius:26px; background:linear-gradient(145deg,#0884F333,#081434),#081434; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:32px; }
.pmd-app-phone-screen img { width:100%; height:auto; }
.pmd-app-phone-screen > span { display:grid; place-items:center; width:58px; height:58px; border-radius:50%; background:#96E61E; color:#081434; font-size:24px; }
.pmd-app-phone-wave { display:flex; align-items:center; gap:6px; height:40px; }
.pmd-app-phone-wave i { width:7px; height:20px; background:#0BB6F6; border-radius:4px; }
.pmd-app-phone-wave i:nth-child(2n) { height:36px; background:#96E61E; }
.pmd-app-phone-wave i:nth-child(3n) { height:12px; }
@media(max-width:700px) { .pmd-app__inner { grid-template-columns:minmax(0,1fr); gap:28px; } .pmd-app-phone { grid-column:1; grid-row:2; width:180px; transform:none; } .pmd-app-phone-screen { min-height:280px; padding:22px 12px; gap:20px; } #aplicatie .pmd-app-badges { grid-row:3; flex-direction:column; width:100%; } #aplicatie .pmd-app-badge { width:100%; min-width:0; min-height:70px; justify-content:center; } }
@media(prefers-reduced-motion:reduce) { #aplicatie .pmd-app-badge { transition:none; } #aplicatie .pmd-app-badge:hover,#aplicatie .pmd-app-badge:active { transform:none; } }

/* v4.2 */
#aplicatie .pmd-app-badge{position:relative;min-height:100px;min-width:320px;transform-origin:top center}
#aplicatie .pmd-app-badge strong{font-size:32px}
#aplicatie .pmd-app-badge img{width:48px;height:48px}
.pmd-badge-bell{position:absolute;top:5px;right:7px;width:22px;height:22px;color:#96E61E;transform-origin:top center}
.pmd-app-badge.is-ringing{animation:pmd-badge-ring .8s ease both}
.is-ringing .pmd-badge-bell{animation:pmd-badge-ring .8s ease both}
@keyframes pmd-badge-ring{0%,100%{transform:rotate(0)}15%{transform:rotate(8deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(5deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}}
@media(max-width:700px){#aplicatie .pmd-app-badge{min-width:0;width:100%;min-height:84px}#aplicatie .pmd-app-badge strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.pmd-app-badge.is-ringing,.is-ringing .pmd-badge-bell{animation:none}}

.pmd-phone-burst{position:fixed;z-index:10000;pointer-events:none}
.pmd-phone-burst>span{position:absolute;display:grid;justify-items:center;gap:3px;left:-24px;top:-34px;animation:pmd-phone-fly .8s ease-out both}
.pmd-phone-burst svg{width:36px;height:54px;filter:drop-shadow(0 4px 10px #0008)}
.pmd-phone-burst small{font:700 12px Montserrat,sans-serif;color:#081434;background:#96E61E;border-radius:10px;padding:2px 7px}
@keyframes pmd-phone-fly{0%{opacity:0;transform:scale(.4)}15%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(var(--fly-x),var(--fly-y)) rotate(var(--fly-turn)) scale(1)}}
@media(prefers-reduced-motion:reduce){.pmd-phone-burst{display:none}.pmd-phone-burst>span{animation:none}}
