.almas-audio-container{margin:0;width:100%;box-sizing:border-box}
.almas-audio-container + .almas-audio-container{margin-top:30px}
.almas-audio-header{font-size:16px;font-weight:700;text-align:center;padding:8px 20px;margin:0 auto 16px;max-width:max-content;border-radius: var(--almas-radius-element, 12px);background:rgba(14,165,233,0.08);backdrop-filter:blur(var(--almas-glass-blur));-webkit-backdrop-filter:blur(var(--almas-glass-blur));border:1px solid rgba(14,165,233,0.2);box-shadow:0 4px 15px rgba(14,165,233,0.06);color:#0284c7;transition:transform 0.3s ease,box-shadow 0.3s ease}
.almas-audio-section{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}
.almas-audio-player{width:100%;height:46px;border-radius: var(--almas-radius-element, 12px);background:var(--almas-glass-surface);backdrop-filter:blur(var(--almas-glass-blur));-webkit-backdrop-filter:blur(var(--almas-glass-blur));box-shadow:0 5px 15px rgba(0,0,0,0.05);outline:none;transition:box-shadow 0.3s ease,transform 0.3s ease;border:1px solid rgba(255,255,255,0.6);box-sizing:border-box;contain:paint}
@media (hover: hover){
.almas-audio-player:hover {box-shadow:0 8px 20px rgba(0,0,0,0.08);transform:translateY(-2px)}
}
.almas-audio-player::-webkit-media-controls-panel{background:transparent;border-radius:12px}
@media (max-width:768px){
    .almas-audio-player{height:42px}
}
body.dark-mode .almas-audio-header{background:rgba(56,189,248,0.12);border-color:rgba(56,189,248,0.2);color:#38bdf8;box-shadow:0 4px 15px rgba(0,0,0,0.2)}
body.dark-mode .almas-audio-player{background:rgba(30,41,59,0.7);border-color:rgba(255,255,255,0.08);box-shadow:0 5px 15px rgba(0,0,0,0.25)}
body.dark-mode .almas-audio-player::-webkit-media-controls-panel{background:transparent}
body.dark-mode .almas-audio-player::-webkit-media-controls-current-time-display,
body.dark-mode .almas-audio-player::-webkit-media-controls-time-remaining-display{color:#e2e8f0}