.sunnah-radio{position:relative;z-index:900;display:flex;align-items:center;justify-content:center;gap:12px;direction:rtl;background:linear-gradient(90deg,#1f4d3a,#2b6a50,#1f4d3a);color:#fbf6ea;padding:calc(7px + env(safe-area-inset-top)) 14px 7px;border-bottom:2px solid #c9a24a;box-shadow:0 2px 10px rgba(31,77,58,.25);font-family:"Reem Kufi",system-ui,sans-serif;flex-wrap:nowrap}
.sunnah-radio button{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;background:#fbf6ea;color:#1f4d3a;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:600;min-height:26px;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.sunnah-radio button:hover{background:#fff}
.sunnah-radio button:focus-visible{outline:3px solid #c9a24a;outline-offset:2px}
.sunnah-radio .sr-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sunnah-radio .sr-st{font-size:12px;opacity:.8;white-space:nowrap}
.sunnah-radio.on .sr-dot{background:#ff5a4a;animation:srp 1.2s infinite}
.sr-dot{width:8px;height:8px;border-radius:50%;background:#c9b98f;display:inline-block;flex:none}
@keyframes srp{50%{opacity:.3}}
@media(max-width:480px){.sunnah-radio .sr-st{display:none}.sunnah-radio .sr-title{font-size:13px}}