@font-face{font-family:'TBC Hero Condensed';src:url('assets/BebasNeue-Regular.ttf') format('truetype');font-display:swap;}
/* Homepage MusicMaker/MediaElement only. Native markup, events and sprites retained. */
body.home #beats{background:transparent!important;}
body.home #beats .front_holder{padding:32px 18px!important;box-sizing:border-box;max-width:1280px;width:100%;margin-inline:auto;}
body.home #beats .frontpage_title{color:#f1ce70!important;letter-spacing:.5px;}
body.home #beats .frontpage_textwrap{color:#c5c2b8!important;}
body.home #beats #frontpage_beatstore_fullwidth{background:linear-gradient(145deg,#17150f,#080808 55%);border:1px solid #b99535;border-radius:14px;padding:18px;box-shadow:0 0 22px #d4af371c,inset 0 1px 0 #ffe7a124;box-sizing:border-box;max-width:100%;}
body.home #beats #beat_sort_bar{background:#10100e!important;border-bottom:1px solid #665322;border-radius:8px 8px 0 0;}
body.home #beats #beat_sort_bar a{color:#e5d7ae!important;text-decoration:none;}
body.home #beats #beat_sort_bar li:hover>a{color:#ffe49a!important;background-color:#292316;}
body.home #beats #beat_sort_bar ul ul{background:#161511!important;border-color:#8e722d!important;}
body.home #beats #beat_sort_bar input[type=text],body.home #beats select{background:#11110f!important;color:#f4f0e6!important;border:1px solid #806b32!important;border-radius:5px;max-width:100%;box-sizing:border-box;}
body.home #beats #beat_sort_bar input::placeholder{color:#bdb8a9;opacity:1;}
body.home #beats #mediawrapper{max-width:100%;}
body.home #beats .mejs-container,body.home #beats .mejs-inner,body.home #beats .mejs-playlist{background:#0d0d0c!important;}
body.home #beats .mejs-playlist{scrollbar-color:#96782d #151510;scrollbar-width:thin;}
body.home #beats .mejs-playlist li{box-sizing:border-box;width:100%;padding:10px 12px!important;min-height:80px;border-bottom:1px solid #d4af3729!important;background:#151513!important;color:#fff!important;}
body.home #beats .mejs-playlist li:hover{background:#242014!important;}
body.home #beats .mejs-playlist li.current{background:linear-gradient(90deg,#42351a,#211d12 75%)!important;box-shadow:inset 3px 0 0 #e1bd55;}
body.home #beats .mejs-playlist .name{color:#fff!important;font-size:16px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;}
body.home #beats .mejs-playlist .genre,body.home #beats .mejs-playlist .pltext{color:#b9b5a9!important;font-size:12px;line-height:1.6;}
body.home #beats .mejs-playlist li.current .name{color:#ffe39b!important;}
body.home #beats .mejs-playlist li.current .genre{color:#e4d9b7!important;}
body.home #beats .mejs-playlist .plthumb{border-radius:5px;overflow:hidden;}
body.home #beats .mejs-playlist .beat_button{background:linear-gradient(#f9df8c,#d4af37 55%,#b78222)!important;color:#100d05!important;border:1px solid #efd27b!important;border-radius:5px;text-shadow:none;box-shadow:inset 0 1px 0 #fff5;font-weight:700;}
body.home #beats .mejs-playlist .beat_button:hover{box-shadow:0 0 12px #d4af3755;}
body.home #beats .mejs-playlist .beat_button i{color:#100d05!important;}
body.home #beats .mejs-container .mejs-controls{background:#15140f!important;border-bottom:1px solid #665322;}
body.home #beats .mejs-controls .mejs-playpause-button{background:linear-gradient(#b89636,#69501b);border-radius:5px;}
body.home #beats .mejs-controls .mejs-button:hover{box-shadow:inset 0 0 0 1px #d4af37;background-color:#3a3017;}
body.home #beats .mejs-controls .mejs-time{color:#e8dfca!important;}
body.home #beats .mejs-controls .mejs-time-total,body.home #beats .mejs-controls .mejs-horizontal-volume-total{background:#39362d!important;}
body.home #beats .mejs-controls .mejs-time-loaded{background:#75663e!important;}
body.home #beats .mejs-controls .mejs-time-current,body.home #beats .mejs-controls .mejs-horizontal-volume-current,body.home #beats .mejs-controls .mejs-volume-current{background:linear-gradient(90deg,#b88722,#f5d67c)!important;}
body.home #beats .mejs-controls .mejs-time-handle{border-color:#ffe6a0!important;}
body.home #beats a:focus-visible,body.home #beats input:focus-visible,body.home #beats select:focus-visible,body.home #beats .mejs-controls .mejs-button button:focus-visible{outline:2px solid #ffe39b!important;outline-offset:2px;}
/* Preserve native control dimensions: MediaElement calculates the seek rail in JS. */
@media(max-width:700px){
body.home #beats .front_holder{padding:24px 10px!important;}
body.home #beats #frontpage_beatstore_fullwidth{padding:10px;border-radius:10px;}
body.home #beats #beat_sort_bar .firstULelement{display:flex;flex-wrap:wrap;}
body.home #beats #beat_sort_bar .beat-search-search-input{width:100%;float:none;}
body.home #beats #playersearch,body.home #beats #playersearch input[type=text]{width:100%;}
body.home #beats .mejs-playlist li{padding:9px 6px!important;}
body.home #beats .mejs-playlist .cname{width:calc(100% - 60px)!important;}
body.home #beats .mejs-playlist .name,body.home #beats .mejs-playlist .genre{margin-left:9px;}
body.home #beats .mejs-playlist .beat_button{float:right;clear:both;max-width:100%;margin:8px 0 2px;padding:8px 10px;min-height:36px;box-sizing:border-box;}
body.home #beats .mejs-playlist .name{font-size:14px;}
}

/* Refined section title and circular native play-control surround. */
body.home #beats .frontpage_title{font-family:'TBC Hero Condensed',Impact,sans-serif!important;font-size:clamp(28px,3.5vw,44px)!important;line-height:1.15!important;letter-spacing:1.4px;margin:0 0 15px!important;text-align:center;text-wrap:balance;}
body.home #beats .frontpage_title:after{content:'';display:block;width:82px;height:2px;margin:16px auto 0;background:linear-gradient(90deg,transparent,#e3bd54,transparent);}
body.home #beats .mejs-controls .mejs-playpause-button{border-radius:50%;background:radial-gradient(circle at 30% 20%,#cfad4d,#927024)!important;box-shadow:0 0 8px #d4af3728;}
body.home #beats .mejs-controls .mejs-playpause-button:hover{border-radius:50%;}
/* Replace only the native default artwork background; real cover images stay visible. */
body.home #beats .mejs-playlist .plthumb,body.home #beats #player_photo{background-image:url('assets/beat-placeholder-gold.jpg')!important;background-size:cover;background-position:center;}

/* Explicit native-button icons: no font dependency or sprite misalignment. */
body.home #beats .mejs-controls .mejs-playpause-button{background:#292316!important;box-shadow:none;}
body.home #beats .mejs-controls .mejs-button button{position:relative;margin:3px!important;width:20px;height:20px;background-position:center!important;background-size:18px 18px!important;background-repeat:no-repeat!important;}
body.home #beats .mejs-controls .mejs-play button{background-image:url('assets/player-play.svg')!important;}
body.home #beats .mejs-controls .mejs-pause button{background-image:url('assets/player-pause.svg')!important;}
body.home #beats .mejs-controls .mejs-prevtrack button{background-image:url('assets/player-prev.svg')!important;}
body.home #beats .mejs-controls .mejs-nexttrack button{background-image:url('assets/player-next.svg')!important;}
body.home #beats .mejs-playlist .beat_button i{display:inline-block;width:18px;height:18px;margin-left:7px;vertical-align:middle;background:url('assets/player-cart.svg') center/contain no-repeat!important;font-size:0!important;}
body.home #beats .mejs-playlist .beat_button i:before{content:none!important;}

/* Toolbar and mute icons independent of unavailable icon fonts/sprites. */
body.home #beats #beat_sort_bar i{display:inline-block;width:16px;height:16px;vertical-align:-3px;background-position:center;background-repeat:no-repeat;background-size:contain;font-size:0!important;}
body.home #beats #beat_sort_bar i:before{content:none!important;}
body.home #beats #sort_bar>a>i{background-image:url('assets/player-sort.svg');}
body.home #beats #help_bar>a>i{background-image:url('assets/player-help.svg');}
body.home #beats #noprice_bar>a>i{background-image:url('assets/player-offer.svg');}
body.home #beats .sorting_cart>a>i{background-image:url('assets/player-checkout.svg');}
body.home #beats .mejs-controls .mejs-mute button{background-image:url('assets/player-volume.svg')!important;background-position:center!important;}
body.home #beats .mejs-controls .mejs-unmute button{background-image:url('assets/player-muted.svg')!important;background-position:center!important;}

/* Existing introductory benefit icons, without font dependencies. */
body.home #beats .frontpage_textwrap.top i{display:inline-block;width:19px;height:19px;vertical-align:-4px;margin-right:6px;background-position:center;background-size:contain;background-repeat:no-repeat;font-size:0!important;}
body.home #beats .frontpage_textwrap.top i:before{content:none!important;}
body.home #beats .frontpage_textwrap.top i.fa-music{background-image:url('assets/player-music.svg');}
body.home #beats .frontpage_textwrap.top i.fa-download{background-image:url('assets/player-download.svg');}
body.home #beats .frontpage_textwrap.top i.fa-paypal{background-image:url('assets/player-secure.svg');}

/* Existing buying-instruction icons below the homepage player. */
body.home #beats .row .one-third i.fa-shopping-cart,body.home #beats .row .one-third i.fa-download{display:inline-block;width:19px;height:19px;vertical-align:-3px;background-position:center;background-size:contain;background-repeat:no-repeat;font-size:0!important;}
body.home #beats .row .one-third i.fa-shopping-cart:before,body.home #beats .row .one-third i.fa-download:before{content:none!important;}
body.home #beats .row .one-third i.fa-shopping-cart{background-image:url('assets/player-checkout.svg');}
body.home #beats .row .one-third i.fa-download{background-image:url('assets/player-download.svg');}

/* Logged-in native Edit Info link: replace the missing pencil font glyph. */
body.home #beats .mejs-playlist .edit-beat i{display:inline-block;width:15px;height:15px;vertical-align:-2px;background:url('assets/player-edit.svg') center/contain no-repeat;font-size:0!important;}
body.home #beats .mejs-playlist .edit-beat i:before{content:none!important;}

/* Existing home-player purchase modal; Remodal moves it outside #beats. */
body.home .remodal[data-remodal-id="modal"]{background:linear-gradient(145deg,#1b180f,#090909 65%)!important;color:#eee9dc!important;border:1px solid #c49e36;border-radius:14px;padding:24px!important;max-width:660px;box-shadow:0 0 28px #d4af3733;}
body.home .remodal[data-remodal-id="modal"] .remodal-close{color:#f1ce70!important;top:8px;left:8px;z-index:2;}
body.home .remodal[data-remodal-id="modal"] .overlay-image-bg{background:radial-gradient(ellipse at center,#54401c,#11110e 70%)!important;padding:16px!important;border-bottom:1px solid #705a2b;min-height:0!important;}
body.home .remodal[data-remodal-id="modal"] .modal_thumb{display:inline-block;float:none!important;width:140px!important;height:140px!important;margin:0 auto!important;border-radius:10px;overflow:hidden;box-shadow:0 3px 18px #0008;}
body.home .remodal[data-remodal-id="modal"] .modal_thumb img{width:100%!important;height:100%!important;object-fit:cover;}
body.home .remodal[data-remodal-id="modal"] .modal_thumb:has(img[src*="Blue-Logo.png"]){background:url('assets/beat-placeholder-gold.jpg') center/cover no-repeat;}
body.home .remodal[data-remodal-id="modal"] .modal_thumb img[src*="Blue-Logo.png"]{opacity:0;}
body.home .remodal[data-remodal-id="modal"] .beat-name{color:#f2d586!important;font-size:28px!important;line-height:1.25!important;margin:24px 0 20px!important;}
body.home .remodal[data-remodal-id="modal"] .edd_download_purchase_form{background:transparent!important;color:#eee9dc!important;margin:0!important;}
body.home .remodal[data-remodal-id="modal"] .edd_price_options ul{list-style:none;padding:0!important;margin:0 auto 20px!important;max-width:430px;}
body.home .remodal[data-remodal-id="modal"] .edd_price_options li{margin:10px 0!important;padding:0!important;border:1px solid #69572d;border-radius:7px;background:#181711;}
body.home .remodal[data-remodal-id="modal"] .edd_price_options label{display:flex!important;align-items:center;gap:9px;padding:13px 15px!important;color:#f1ede3!important;cursor:pointer;font-size:16px!important;}
body.home .remodal[data-remodal-id="modal"] .edd_price_options input{accent-color:#d4af37;flex-shrink:0;width:18px;height:18px;}
body.home .remodal[data-remodal-id="modal"] .edd_price_option_price{margin-left:auto;color:#f4d57b;font-weight:700;}
body.home .remodal[data-remodal-id="modal"] .edd_price_options li:has(input:checked){border-color:#dfbb55;background:#302819;}
body.home .remodal[data-remodal-id="modal"] .edd-submit{background:linear-gradient(#ffe797,#d4af37 55%,#b98323)!important;color:#100d05!important;border:1px solid #efcf70!important;border-radius:7px!important;padding:13px 28px!important;min-height:46px;font-weight:700;}
body.home .remodal[data-remodal-id="modal"] .edd-add-to-cart-label{background:transparent!important;color:#100d05!important;}
body.home .remodal[data-remodal-id="modal"] .preview_download_button{background:#12120f!important;color:#ecd081!important;border:1px solid #9a7b32!important;border-radius:7px!important;padding:12px 23px!important;}
body.home .remodal[data-remodal-id="modal"] .beatstore_overlay_beat_preview{margin:14px 0 4px!important;}
body.home .remodal[data-remodal-id="modal"] :focus-visible{outline:2px solid #ffe39b!important;outline-offset:3px;}
@media(max-width:600px){body.home .remodal[data-remodal-id="modal"]{padding:18px 12px!important;width:calc(100% - 22px)!important;}body.home .remodal[data-remodal-id="modal"] .beat-name{font-size:23px!important;}body.home .remodal[data-remodal-id="modal"] .modal_thumb{width:110px!important;height:110px!important;}}

/* Remove legacy animated header decoration and inherited image offsets. */
body.home .remodal[data-remodal-id="modal"] .overlay-image-bg{position:relative;height:auto!important;margin-bottom:0!important;text-align:center;}
body.home .remodal[data-remodal-id="modal"] .overlay-image-bg:before{content:none!important;display:none!important;background:none!important;}
body.home .remodal[data-remodal-id="modal"] .modal_thumb img{margin:0!important;padding:0!important;box-shadow:none!important;}
body.home .remodal[data-remodal-id="modal"] .edd_purchase_submit_wrapper{text-align:center;margin:22px auto 0;max-width:430px;}
body.home .remodal[data-remodal-id="modal"] .edd_purchase_submit_wrapper .edd-submit{width:100%;box-sizing:border-box;font:700 17px/1.3 Arial,sans-serif!important;letter-spacing:.3px;padding:15px 24px!important;min-height:52px;box-shadow:inset 0 1px 0 #fff7,0 3px 12px #0006;text-decoration:none!important;}
body.home .remodal[data-remodal-id="modal"] .edd-add-to-cart-label{font:inherit!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;}
body.home .remodal[data-remodal-id="modal"] .edd_purchase_submit_wrapper .edd-submit:hover{background:linear-gradient(#fff0b3,#e5bd4c 55%,#c28d2b)!important;}

/* Native decorative LED animation centered behind artwork. */
body.home .remodal[data-remodal-id="modal"] .overlay-image-bg{isolation:isolate;overflow:hidden;border-radius:8px;}
body.home .remodal[data-remodal-id="modal"] .overlay-image-bg:before{content:''!important;display:block!important;position:absolute;inset:0;width:100%;height:100%;background: url('../images/animated-bars.gif') center center/90% auto no-repeat!important;opacity:.18;filter:sepia(1) saturate(2);pointer-events:none;z-index:-1;}
body.home .remodal[data-remodal-id="modal"] .modal_thumb{position:relative;z-index:1;}
@media(prefers-reduced-motion:reduce){body.home .remodal[data-remodal-id="modal"] .overlay-image-bg:before{display:none!important;}}

/* Approved homepage License Details button only; existing destination retained. */
body.home a.button.float[href$="/license-options/"]{background:linear-gradient(#ffe79a,#d4af37 55%,#b98323)!important;color:#100d05!important;border:1px solid #edcf76!important;border-radius:7px!important;padding:13px 28px!important;box-shadow:inset 0 1px 0 #fff6,0 3px 12px #0005;font-weight:700;text-decoration:none!important;}
body.home a.button.float[href$="/license-options/"]:hover{background:linear-gradient(#fff0b5,#e7c25c,#c2922f)!important;}
body.home a.button.float[href$="/license-options/"]:focus-visible{outline:2px solid #ffe39b;outline-offset:4px;}
