.fixed-audio-player{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(135deg,#f4ede4,#e8dcc6);color:#fff;padding:12px 12px 12px 10px;box-shadow:0 4px 16px #c4781726,0 -2px 10px #0000004d;z-index:1000;display:flex;justify-content:center;transition:transform .3s ease;border-radius:16px 16px 6px 6px;border:4px solid #D2691E}.fixed-audio-player:not(:has(iframe)){background:linear-gradient(135deg,#f4ede480,#e8d5c680);border:4px solid rgba(212,165,116,.5)}.fixed-audio-player:before{content:"";position:absolute;top:10px;left:10px;right:10px;height:3px;background:linear-gradient(90deg,#e2725b,#d2691e,peru,sienna);border-radius:16px;z-index:1;display:none}.fixed-audio-player:after{content:"MUSICMEDIA24";position:absolute;bottom:-6px;right:16px;background:linear-gradient(90deg,#e2725b,#d2691e);color:#fff;padding:4px 12px;border-radius:12px;font-size:10px;font-weight:700;box-shadow:0 2px 6px #c478174d;z-index:10}.fixed-audio-player .player-container{display:flex;align-items:stretch;width:100%;max-width:1200px;gap:1px;min-height:60px;position:relative;z-index:2}.fixed-audio-player .track-info{flex:0 0 25%;overflow:hidden;background-color:#424548;padding:10px 15px;box-shadow:0 -2px 10px #0000004d;border-radius:12px 0 0 12px}.fixed-audio-player iframe{border-radius:0 12px 12px 0;background:#f4ede4;box-shadow:0 -1px 5px #0003;padding-left:5px;padding-right:4px;padding-top:3px}.fixed-audio-player:hover{box-shadow:0 6px 20px #c4781740}.track-info{position:relative;flex:0 0 25%;overflow:hidden;background-color:#424548;padding:10px 15px;box-shadow:0 -2px 10px #0000004d}.track-info:before{content:"";position:absolute;top:50%;right:15px;transform:translateY(-50%);width:30px;height:20px;background:linear-gradient(to top,#fff 0% 100%) 2px 100%/3px 60%,linear-gradient(to top,#fff 0% 100%) 7px 100%/3px 80%,linear-gradient(to top,#fff 0% 100%) 12px 100%/3px 40%,linear-gradient(to top,#fff 0% 100%) 17px 100%/3px 90%,linear-gradient(to top,#fff 0% 100%) 22px 100%/3px 70%;background-repeat:no-repeat;animation:equalizer 1.2s ease-in-out infinite;opacity:.3}@keyframes equalizer{0%,to{background-size:3px 60%,3px 80%,3px 40%,3px 90%,3px 70%}25%{background-size:3px 80%,3px 40%,3px 90%,3px 60%,3px 50%}50%{background-size:3px 40%,3px 90%,3px 70%,3px 30%,3px 80%}75%{background-size:3px 90%,3px 60%,3px 50%,3px 80%,3px 40%}}.fixed-audio-player:has(iframe) .track-info:before{opacity:1}.fixed-audio-player:not(:has(iframe)) .track-info:before{opacity:.3;animation-play-state:paused}.track-title{display:block;font-weight:700;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;margin-left:-7px}.track-artist{display:block;font-size:.8em;opacity:.8;color:#fff}.player-controls{flex:1;display:flex;align-items:center;gap:15px}.play-button,.mute-button{background:none;border:none;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.play-button svg,.mute-button svg{width:24px;height:24px}.progress-container{flex:1;display:flex;flex-direction:column;gap:5px}.progress-bar{width:100%;height:6px;background-color:#fff3;border-radius:3px;cursor:pointer;position:relative}.progress{height:100%;background-color:#1db954;border-radius:3px;width:0%}.time-display{font-size:.8em;text-align:right}.volume-control{display:flex;align-items:center;gap:5px}.volume-slider{width:80px;height:4px}@media (max-width: 768px){.player-container{flex-direction:column;gap:10px}.track-info{flex:0 0 auto;width:100%;text-align:center}.volume-control{display:none}}.audio-player-with-sidebar{display:flex;gap:20px;max-width:1200px;margin:0 auto}.main-player-area{flex:2;min-width:0}.recommendations-sidebar{position:fixed!important;top:260px;right:20px;width:255px;height:auto;max-height:500px;background:#f5f5dcf2;border:4px solid #d4af37;border-radius:12px;padding:16px;z-index:1000;box-shadow:0 4px 12px #0000004d}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:2px solid #d4af37;padding-bottom:8px}.sidebar-header h4{margin:0;color:#2c3e50;font-size:16px;font-weight:700}.sidebar-close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#666;display:none;padding:0;width:24px;height:24px;border-radius:50%;transition:all .2s ease}.sidebar-content{max-height:400px;overflow-y:auto}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#f5f5dc80;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb{background:#d4af37;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#b8941f}#recommendations-list{display:flex;flex-direction:column;gap:8px}.recommendation-item{background:#fff3;border-radius:8px;padding:12px;border-left:3px solid #d4af37;transition:all .2s ease;cursor:pointer}.recommendation-item:hover{background:#ffffff4d;transform:translate(2px);box-shadow:0 2px 4px #0000001a}.rec-title{display:block;font-size:14px;font-weight:500;color:#2c3e50;margin-bottom:4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-vendor{display:block;font-size:12px;color:#666;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-bottom{display:flex;justify-content:space-between;align-items:center}.rec-price{font-size:13px;color:#d4af37;font-weight:600;flex-shrink:0}.rec-demo-btn{background:#d4af37;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;flex-shrink:0;font-weight:500}.rec-demo-btn:hover{background:#b8941f;transform:scale(1.05);box-shadow:0 2px 4px #0003}.mobile-recommendations-toggle{background:#d4af37;color:#fff;border:none;padding:8px 16px;border-radius:6px;margin-top:10px;cursor:pointer;width:100%;font-size:14px;font-weight:700;transition:all .2s ease;display:none}.mobile-recommendations-toggle:hover{background:#b8941f;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;display:none;transition:opacity .3s ease}.sidebar-overlay.active{display:block}.recommendations-loading{text-align:center;padding:20px;color:#666;font-style:italic;font-size:12px}@media (max-width: 1024px){.audio-player-with-sidebar{gap:15px}.recommendations-sidebar{max-width:280px;padding:12px}.rec-title{font-size:13px}.sidebar-header h4{font-size:15px}}@media (max-width: 768px){.audio-player-with-sidebar{flex-direction:column;gap:0}.main-player-area{width:100%}.recommendations-sidebar{position:fixed;top:0;right:-100%;width:90%;max-width:350px;height:100vh;z-index:1000;transition:right .3s ease;overflow-y:auto;border-radius:0;border-left:4px solid #d4af37;border-right:none;border-top:none;border-bottom:none;max-width:none;width:85%}.recommendations-sidebar.mobile-open{right:0}.sidebar-close-btn,.mobile-recommendations-toggle{display:block!important}.rec-title{font-size:12px}.rec-vendor{font-size:11px}.rec-demo-btn{font-size:11px;padding:5px 10px}.rec-price{font-size:12px}.sidebar-header h4{font-size:14px}}@media (min-width: 769px){.mobile-recommendations-toggle{display:none!important}}.rec-demo-btn:focus,.mobile-recommendations-toggle:focus,.sidebar-close-btn:focus{outline:2px solid #d4af37;outline-offset:2px}.recommendation-item:focus{outline:2px solid #d4af37;outline-offset:-2px}@media (prefers-reduced-motion: no-preference){.recommendation-item,.rec-demo-btn,.mobile-recommendations-toggle,.sidebar-close-btn{transition:all .2s ease}.recommendations-sidebar{transition:right .3s ease}}@media (prefers-contrast: high){.recommendations-sidebar{border-width:3px;background:beige}.recommendation-item{background:#ffffffe6;border-left-width:4px}.rec-demo-btn{border:1px solid #b8941f}}.sidebar-close-btn{display:block!important;background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:0;width:24px;height:24px;border-radius:50%;transition:all .2s ease;position:absolute;top:12px;right:12px}.sidebar-close-btn:hover{background:#d4af3733;color:#d4af37}.rec-title-link{text-decoration:none;color:inherit;display:block}.rec-title-link:hover .rec-title{color:#d4af37;text-decoration:underline}.rec-title{display:block;font-size:14px;font-weight:500;color:#2c3e50;margin-bottom:4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}.track-info{width:100%;min-width:200px;flex:none;height:100px}.inline-buy-btn{background:linear-gradient(135deg,#28a745,#20c997)!important;color:#fff!important;border:none!important;padding:4px 8px!important;border-radius:4px!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;transition:all .3s ease!important;margin-left:8px!important;vertical-align:middle!important}.inline-buy-btn:hover{background:linear-gradient(135deg,#b8941f,#9d7a1a)!important;transform:translateY(-1px)!important}.player-buy-section{display:none!important}.player-buy-section{flex-shrink:0;margin:0;text-align:center;padding:6px 8px;background:linear-gradient(135deg,#d4af371a,#d4af3733);border-radius:8px;border:2px solid #d4af37;position:relative;z-index:1;box-sizing:border-box}.player-buy-btn{background:linear-gradient(135deg,#d4af37,#b8941f);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0003;width:auto;max-width:none;white-space:nowrap}.player-buy-btn:hover{background:linear-gradient(135deg,#b8941f,#9d7a1a);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.player-buy-btn:active{transform:translateY(0)}@keyframes pulse-buy{0%{transform:scale(1);box-shadow:0 2px 4px #d4af374d}50%{transform:scale(1.1);box-shadow:0 4px 15px #d4af37cc}to{transform:scale(1);box-shadow:0 2px 4px #d4af374d}}.inline-buy-btn{animation-fill-mode:both!important}.player-buy-btn.pulse{animation:pulse-buy 2s infinite}@media (max-width: 768px){.track-info-with-button{flex-direction:column;align-items:stretch;gap:8px}.player-buy-section{margin-top:8px;padding:8px;width:100%}.player-buy-btn{padding:12px 24px;font-size:14px;width:100%;max-width:250px}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/custom-audio-player.css.map */