/* Sitewide mockup: decorative placeholder appears as soon as Osaria mounts. */
.osaria-audio-player{--unkwn-osaria-ink:#181818;--unkwn-osaria-base:#777}
:root[data-scheme=dark] .osaria-audio-player{--unkwn-osaria-ink:#f4f4f4;--unkwn-osaria-base:#999}
.osaria-audio-player .progress-container{position:relative!important;min-height:32px;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.osaria-audio-player .progress-container::before{content:"";position:absolute;inset:5px 0;background:var(--unkwn-osaria-base);opacity:.55;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 32'%3E%3Cpath stroke='black' stroke-width='2' d='M2 10v12M6 4v24M10 8v16M14 12v8M18 3v26M22 7v18M26 11v10M30 5v22M34 9v14M38 2v28M42 7v18M46 12v8M50 4v24M54 9v14M58 6v20M62 11v10M66 3v26M70 8v16M74 5v22M78 12v8M82 7v18M86 2v28M90 8v16M94 11v10M98 4v24M102 7v18M106 12v8M110 5v22M114 9v14M118 4v24'/%3E%3C/svg%3E") center/120px 100% repeat-x}
.osaria-audio-player .progress-bar{opacity:0!important}
.osaria-audio-player.unkwn-osaria-wave{background:transparent!important;box-shadow:none!important;padding:0!important}
.osaria-audio-player.unkwn-osaria-wave .progress-container::before{display:none}
.unkwn-osaria-wave .player-controls{gap:8px!important;min-width:0}
.unkwn-osaria-wave .play-pause-button{flex:0 0 30px!important;width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:1px solid var(--unkwn-osaria-base)!important;box-shadow:none!important;background:transparent!important;color:var(--unkwn-osaria-ink)!important}
.unkwn-osaria-wave .time-display{color:var(--unkwn-osaria-ink)!important;font-size:11px!important;white-space:nowrap}
.unkwn-osaria-wave-layer{position:absolute;inset:0;pointer-events:none;--played:0%}
.unkwn-osaria-wave-layer svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--unkwn-osaria-base);stroke-width:2;stroke-linecap:round}
.unkwn-osaria-wave-layer .unkwn-osaria-played{stroke:var(--unkwn-osaria-ink);clip-path:inset(0 calc(100% - var(--played)) 0 0)}
.unkwn-osaria-wave[data-wave-state=pending] .unkwn-osaria-wave-layer{opacity:.6}

.unkwn-osaria-wave .player-controls{display:flex!important;width:100%;padding:4px 0!important}
.unkwn-osaria-wave .progress-container{flex:1 1 0!important;width:auto!important;margin:0!important;min-width:0}
.unkwn-osaria-wave .time-display{flex:0 0 auto!important;margin:0!important}
.collection-product-card .unkwn-osaria-wave .time-display{display:none!important}