@media(max-width:767px){
#djj-home{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#0c1119}
#djj-home .container{padding-left:15px!important;padding-right:15px!important;max-width:100%}
#djj-home>.hero-section{padding:20px 0 8px!important;background:none!important}
#djj-home .hero-section>.container>.glass-card{padding:0!important;background:none!important;border:0!important;border-radius:0;box-shadow:none!important;text-align:left!important}
#djj-home h1{font-size:26px;line-height:1.2;letter-spacing:-.6px;margin-bottom:8px!important}
#djj-home .hero-section .lead{font-size:12px;line-height:1.5;margin-bottom:14px!important}
#djj-home .input-group{flex-wrap:nowrap}
#djj-home .input-group input{min-width:0;font-size:16px;padding:12px;width:1%;color:#edf4ff}
#djj-home .input-group input,#djj-home .input-group input:focus{background-color:#191e26!important;color:#edf4ff!important;-webkit-text-fill-color:#edf4ff;caret-color:#edf4ff}
#djj-home .input-group input:focus{border-color:#ff315b;box-shadow:0 0 0 .15rem rgba(255,49,91,.2)}
#djj-home .input-group input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #191e26 inset!important;-webkit-text-fill-color:#edf4ff!important}
#djj-home .input-group .btn{font-size:13px;padding:10px;white-space:nowrap}
#djj-home .hero-section .row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:13px 0 0!important}
#djj-home .input-group input::placeholder{color:#a8b5c8!important;opacity:1!important}
#djj-home .hero-section .glass-card>.mt-5>.d-flex{scrollbar-width:none}
#djj-home .hero-section .glass-card>.mt-5>.d-flex::-webkit-scrollbar{display:none}
#djj-home .hero-section .row>div{width:auto;padding:0;margin:0;min-width:0}
#djj-home .hero-section .row .glass-card{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 6px!important;min-height:52px;border-radius:10px!important}
#djj-home .hero-section .row i{font-size:15px;margin:0!important}
#djj-home .homepage-link-title{font-size:10px!important;line-height:1.35}
#djj-home .hero-section .glass-card>.mt-5{margin-top:12px!important;display:block;overflow:visible}
#djj-home .homepage-subheading{font-size:10px!important;margin:0 0 6px!important;line-height:1.4}
#djj-home .hero-section .glass-card>.mt-5>.d-flex{flex-wrap:wrap!important;overflow:visible;justify-content:flex-start!important;padding:0 0 8px;min-width:0;gap:6px!important}
#djj-home .hero-section .btn-sm{white-space:nowrap;font-size:10px;padding:8px 10px;border-radius:20px}
#djj-home>section.container{padding-top:16px;margin-bottom:18px!important}
#djj-home>section.container>.d-flex{margin-bottom:10px!important;gap:8px;min-height:44px}
#djj-home>section.container h2{font-size:18px!important;line-height:1.25;margin:0;letter-spacing:-.4px}
#djj-home>section.container>.d-flex>a,#djj-home>section.container>.d-flex>div>a{font-size:10px;white-space:nowrap;padding:10px 7px}
#djj-home>section.container>.row{--bs-gutter-x:12px;--bs-gutter-y:12px}
#djj-home>section.container>.row>div:nth-child(n+7){display:none!important}
/* Existing player buttons and dynamically attached menu remain intact. */
#djj-home>section:nth-of-type(2)>.row{display:block;margin:0}
#djj-home>section:nth-of-type(2)>.row>div{width:100%;padding:0;margin:0}
#djj-home>section:nth-of-type(2) .glass-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;border-radius:0!important;border-bottom:1px solid #26303d!important;background:transparent!important;box-shadow:none!important;padding:10px 0;overflow:visible}
#djj-home>section:nth-of-type(2) .glass-card>a img{width:56px;height:56px;object-fit:cover;border-radius:9px!important}
#djj-home>section:nth-of-type(2) .glass-card>.p-3{position:relative;padding:6px 98px 6px 0!important;min-height:60px;min-width:0}
#djj-home>section:nth-of-type(2) h3{font-size:13px!important;line-height:1.35;margin-bottom:4px!important;padding:0!important;overflow-wrap:anywhere}
#djj-home>section:nth-of-type(2) p{font-size:11px;line-height:1.4;margin:0!important;overflow-wrap:anywhere}
#djj-home>section:nth-of-type(2) .p-3>.d-flex{display:none!important}
#djj-home>section:nth-of-type(2) .p-3>.d-grid{position:absolute;right:50px;top:50%;transform:translateY(-50%);margin:0!important;display:block!important}
#djj-home>section:nth-of-type(2) .p-3>.d-grid>a{display:none!important}
#djj-home>section:nth-of-type(2) .play-song{font-size:0!important;width:44px;height:44px;padding:0!important;border-radius:50%;display:flex;justify-content:center;align-items:center}
#djj-home>section:nth-of-type(2) .play-song i{font-size:14px!important;margin:0!important}
#djj-home>section:nth-of-type(2) .dj-song-more{right:0!important;top:50%!important;transform:translateY(-50%);width:44px;min-width:44px;height:44px;padding:0!important;touch-action:manipulation;pointer-events:auto;z-index:5}
#djj-home .dj-song-more>i{pointer-events:none}
#djj-home>section:nth-of-type(3)>.row>div{width:50%}
#djj-home>section:nth-of-type(3) .glass-card{border:0!important;background:none!important;box-shadow:none!important;border-radius:10px!important}
#djj-home>section:nth-of-type(3) img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px!important}
#djj-home>section:nth-of-type(3) .p-3{padding:8px 0!important}
#djj-home>section:nth-of-type(3) h3{font-size:13px!important;line-height:1.4;margin-bottom:4px!important}
#djj-home>section:nth-of-type(3) p{font-size:11px;margin-bottom:5px!important}
#djj-home>section:nth-of-type(3) small,#djj-home>section:nth-of-type(3) .badge{font-size:10px}
#djj-home>section:nth-of-type(3) .d-grid{display:none!important}
#djj-home>section:nth-of-type(4)>.row{display:block;margin:0}
#djj-home>section:nth-of-type(4)>.row>div{width:100%;padding:0;margin:0}
#djj-home>section:nth-of-type(4) .glass-card{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;background:none!important;border:0!important;border-bottom:1px solid #26303d!important;border-radius:0;box-shadow:none!important;padding:10px 0}
#djj-home>section:nth-of-type(4) img{width:52px;height:52px;object-fit:cover;border-radius:8px!important}
#djj-home>section:nth-of-type(4) .p-3{padding:0!important;min-width:0}
#djj-home>section:nth-of-type(4) h3{font-size:13px!important;margin-bottom:3px!important;line-height:1.35}
#djj-home>section:nth-of-type(4) p{font-size:11px;margin-bottom:3px!important}
#djj-home>section:nth-of-type(4) .p-3>.d-flex{gap:8px;justify-content:flex-start!important;flex-wrap:wrap;font-size:10px}
#djj-home>section:nth-of-type(4) .p-3>.d-flex>:not(:nth-child(2)){display:none}
#djj-home>section:nth-of-type(4) .d-grid{display:none!important}
#djj-home>section:nth-of-type(5)>.row>div{width:33.3333%}
#djj-home>section:nth-of-type(5) .glass-card{padding:8px 3px!important;border:0!important;background:none!important;box-shadow:none!important}
#djj-home>section:nth-of-type(5) .glass-card>.mb-3{width:52px;height:52px;margin:0 auto 8px!important;border-radius:50%;background:#202b3d;display:grid;place-items:center}
#djj-home>section:nth-of-type(5) i.fa-user{font-size:24px}
#djj-home>section:nth-of-type(5) h3{font-size:11px!important;line-height:1.4}
#djj-home>section:nth-of-type(5) .glass-card>p,#djj-home>section:nth-of-type(5) .glass-card>small,#djj-home>section:nth-of-type(5) .glass-card>span{display:none!important}
#djj-home>section:nth-of-type(5)>.d-flex{align-items:flex-start!important}
#djj-home>section:nth-of-type(5)>.d-flex>div{gap:2px!important}
#djj-home>section:nth-of-type(6) .glass-card{padding:12px 8px!important;border-radius:10px}
#djj-home>section:nth-of-type(6) h3{font-size:12px!important;margin-bottom:4px!important}
#djj-home>section:nth-of-type(6) small{font-size:10px}
}


#djj-responsive .dj-play-all-wrap{margin-bottom:16px!important}
#djj-responsive .song-card .play-song.rounded-circle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;padding:0!important;flex:0 0 44px;border-radius:50%!important;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
#djj-responsive .song-card>div:has(>.play-song.rounded-circle){flex-shrink:0}
#djj-responsive .song-card .play-song.rounded-circle i{margin:0!important;line-height:1}
#djj-responsive .djj-album-track{display:flex;align-items:center;gap:12px;padding:12px!important;margin-bottom:10px;border:1px solid #333b45;border-radius:10px;background:#22272e;text-align:left}
#djj-responsive .djj-album-track[data-current-song="1"]{border-color:#ff3b5c}
#djj-responsive .djj-album-track-info{position:relative;flex:1;min-width:0;padding-right:44px}
#djj-responsive .djj-album-track h3{font-size:15px;margin:0 0 4px!important;padding:0!important;line-height:1.4}
#djj-responsive .djj-album-track h3 a{display:block;color:#fff;text-decoration:none;overflow-wrap:anywhere}
#djj-responsive .djj-album-track small{display:block;color:#adb7c8;font-size:12px}
#djj-responsive .djj-album-track .dj-song-more{width:44px;height:44px;min-width:44px;top:50%!important;transform:translateY(-50%)}
@media(max-width:767px){
#djj-responsive .trending-zip-panel{padding:8px!important;gap:6px!important}
#djj-responsive .trending-zip-label{font-size:10px!important}
#djj-responsive .trending-zip-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;width:100%!important}
#djj-responsive .trending-zip-actions .btn{width:auto!important;min-width:0!important;max-width:100%;min-height:44px!important;flex:1 1 0!important;padding:6px 4px!important;font-size:10px!important;line-height:1.3;white-space:nowrap}
#djj-responsive .trending-zip-actions .btn i{display:none!important}
#djj-responsive .category-top50-download-panel{padding:8px!important;gap:6px!important}
#djj-responsive .category-top50-download-label{font-size:10px!important}
#djj-responsive .category-top50-zip-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;width:100%!important}
#djj-responsive .category-top50-zip-actions .btn{width:auto!important;min-width:0!important;max-width:100%;min-height:44px!important;flex:1 1 0!important;padding:6px 4px!important;font-size:10px!important;line-height:1.3;white-space:nowrap}
#djj-responsive .category-top50-zip-actions .btn i{display:none!important}
#djj-responsive[data-page-kind="artist"] .hero-section .col-lg-3>img.rounded-circle{display:block;margin-left:auto!important;margin-right:auto!important}
#djj-responsive{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:anywhere}
#djj-responsive>.container{padding-left:15px!important;padding-right:15px!important}
#djj-responsive h1{font-size:25px!important;line-height:1.25}
#djj-responsive h2{font-size:19px;line-height:1.3}
#djj-responsive .glass-card.p-4{padding:16px!important}
#djj-responsive .breadcrumb{font-size:12px;flex-wrap:wrap;padding:12px!important}
#djj-responsive .pagination{flex-wrap:wrap;gap:4px}
#djj-responsive .page-link{min-width:40px;min-height:44px;display:flex;align-items:center;justify-content:center}
#djj-responsive .djj-card-column{width:100%!important;margin-top:0!important}
#djj-responsive .djj-compact-card{position:relative!important;display:grid!important;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;min-height:82px;height:auto!important;padding:10px 98px 10px 0!important;border:0!important;border-bottom:1px solid #29313b!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#djj-responsive .djj-compact-card .djj-cover{display:block;grid-column:1;grid-row:1}
#djj-responsive .djj-cover img{width:56px!important;height:56px!important;object-fit:cover;border-radius:9px!important;max-width:none!important}
#djj-responsive .djj-card-body{position:static!important;padding:0!important;min-width:0;grid-column:2;grid-row:1}
#djj-responsive .djj-card-body h2,#djj-responsive .djj-card-body h3,#djj-responsive .djj-card-body h4,#djj-responsive .djj-card-body h5,#djj-responsive .djj-card-body h6{padding:0!important;font-size:13px!important;line-height:1.4;margin:0 0 3px!important}
#djj-responsive .djj-card-body p,#djj-responsive .djj-card-body .small{font-size:11px;line-height:1.4;margin:0!important}
#djj-responsive .djj-card-body>.badge{font-size:9px;margin:3px 3px 0 0!important;padding:3px 5px}
#djj-responsive .djj-card-body>.d-flex.small{font-size:9px;margin:3px 0!important;gap:4px;flex-wrap:wrap}
#djj-responsive .djj-compact-card>.card-footer{position:static!important;padding:0!important;border:0!important;min-height:0}
#djj-responsive .djj-compact-card .d-grid{position:static!important;margin:0!important}
#djj-responsive .djj-compact-card .d-grid>a:not(.play-song),#djj-responsive .djj-compact-card>.card-footer a:not(.play-song){display:none!important}
#djj-responsive .djj-compact-card .play-song{position:absolute!important;right:50px!important;top:50%!important;transform:translateY(-50%);width:44px!important;height:44px;min-width:44px;border-radius:50%;padding:0!important;font-size:0!important;display:flex!important;align-items:center;justify-content:center}
#djj-responsive .djj-compact-card .play-song i{font-size:15px;margin:0!important}
#djj-responsive .djj-compact-card .play-song span{display:none}
#djj-responsive .djj-compact-card .dj-song-more{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%);width:44px;min-width:44px;height:44px;padding:0!important;z-index:5}
#djj-responsive .dj-song-more{min-width:44px;min-height:44px;touch-action:manipulation}
#djj-responsive .dj-song-more>i{pointer-events:none}
#djj-responsive .artist-card{padding:12px 8px!important}
#djj-responsive .artist-card .artist-avatar{width:64px!important;height:64px!important;margin-bottom:8px!important}
#djj-responsive .artist-card h2,#djj-responsive .artist-card h3{font-size:15px!important}
#djj-responsive .artist-card .artist-stat{font-size:11px}
#djj-responsive .single-release-card{padding:16px!important}
#djj-responsive .single-release-card img{max-width:190px!important;height:auto!important}
#djj-responsive .single-release-card h1{font-size:26px!important}
#djj-responsive .song-card{gap:8px;flex-wrap:wrap;padding:12px!important}
#djj-responsive .category-top50-cover{width:44px!important;height:44px!important}
#djj-responsive .category-top50-row{grid-template-columns:24px 44px minmax(0,1fr) 88px!important;padding:8px!important;gap:6px!important}
#djj-responsive .category-top50-rank{width:24px;height:24px;font-size:11px}
#djj-responsive .category-top50-title{font-size:14px!important}
#djj-responsive .category-top50-meta{font-size:10px!important}
#djj-responsive .category-top50-actions{grid-column:4!important;grid-row:1;display:flex;flex-direction:row;align-items:center;width:88px!important;gap:0!important}
#djj-responsive .category-top50-actions .play-song{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex:0 0 44px!important;padding:0!important;border-radius:50%!important;font-size:0!important;display:flex;align-items:center;justify-content:center}
#djj-responsive .category-top50-actions .play-song i{font-size:14px!important;margin:0!important}
#djj-responsive .category-top50-actions .category-top50-more{width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;padding:0!important}
#djj-responsive .artist-song-row{padding:10px!important}
#djj-responsive .artist-song-cover{width:48px!important;height:48px!important}
#djj-responsive input.form-control{min-width:0}
#djj-responsive form[action="/search.php"] input[name="q"],.main-header form[action="/search.php"] input[name="q"]{font-size:16px!important}
#djj-responsive .input-group{flex-wrap:nowrap}
#djj-responsive .input-group .btn{padding-left:12px;padding-right:12px}
#djj-responsive:not([data-page-kind="home"])>section{margin-bottom:20px!important;padding-top:16px!important;padding-bottom:16px!important}
#djj-responsive:is([data-page-kind="single"],[data-page-kind="song"],[data-page-kind="album"]) .hero-section{background:none!important}
#djj-responsive .album-cover{width:128px!important;max-width:128px!important;margin:0 auto}
#djj-responsive .album-cover img{width:128px!important;height:128px!important;object-fit:cover}
#djj-responsive .hero-section .col-lg-4.mb-4{margin-bottom:12px!important}
#djj-responsive .single-release-card{text-align:center!important;background:transparent!important;border:0!important;padding:0!important}
#djj-responsive .single-release-card>.badge{margin-bottom:8px!important;font-size:10px}
#djj-responsive .single-release-card h1{margin-bottom:8px!important}
#djj-responsive .single-credit-heading{margin-bottom:12px!important}
#djj-responsive .single-credit-link{font-size:12px!important;padding:5px 8px!important;line-height:1.4;min-height:32px;display:inline-flex;align-items:center}
#djj-responsive .single-credit-heading .single-credit-link{font-size:16px!important;min-height:40px}
#djj-responsive .single-release-card .row.g-3{--bs-gutter-x:8px;--bs-gutter-y:8px}
#djj-responsive .single-release-card .row.g-3>.col-md-6{width:50%}
#djj-responsive .single-release-card .info-box{padding:8px!important;border-radius:9px;text-align:center!important;height:100%;font-size:11px}
#djj-responsive .single-release-card .info-box strong{font-size:11px;display:block;margin-bottom:3px}
#djj-responsive .single-release-card .info-box .single-credit-link{padding:0!important;border:0;background:none;min-height:24px}
#djj-responsive .download-card{padding:13px 15px!important;min-height:68px;border-radius:12px}
#djj-responsive .download-card h3{font-size:15px!important;margin-bottom:3px}
#djj-responsive .download-card p{font-size:11px!important;margin:0}
#djj-responsive .download-card>i{font-size:22px!important}
#djj-responsive .glass-card>h2.mb-4{margin-bottom:12px!important}
#djj-responsive .artist-card{height:100%}
#djj-responsive [class*="col-"]:has(>.artist-card),#djj-responsive [class*="col-"]:has(>a>.artist-card){width:50%;padding:6px;margin:0}
#djj-responsive[data-page-kind="artists"]>.hero-section .row:has(.info-box){display:none}
#djj-responsive .artist-card .artist-name{font-size:13px!important;margin-bottom:8px!important}
#djj-responsive .artist-card>.d-flex{gap:4px;flex-wrap:wrap;font-size:10px;margin-bottom:8px!important}
#djj-responsive .artist-card .artist-avatar{width:44px!important;height:44px!important}
#djj-responsive .artist-card .row{--bs-gutter-x:4px}
#djj-responsive .artist-card .artist-stat{padding:5px!important}
#djj-responsive .artist-card .btn{font-size:11px;min-height:40px;padding:8px}
#djj-responsive .djj-compact-card:not(.djj-has-play){padding-right:0!important}
#djj-responsive .djj-nested-card>div:first-child{display:contents!important}
#djj-responsive .djj-nested-card>div:last-child{margin:0!important;display:contents!important}
#djj-responsive .djj-nested-card>div:last-child>a:not(.play-song){display:none!important}
#djj-responsive .djj-nested-card .djj-card-body>.d-flex{gap:4px 8px!important;font-size:10px;line-height:1.5}
#djj-responsive .djj-nested-card .djj-card-body>.d-flex small{font-size:9px}
#djj-responsive .artist-card .artist-stat{min-height:0!important}
#djj-responsive .artist-card .artist-stat strong{font-size:16px!important}
#djj-responsive .artist-card .artist-avatar i{font-size:24px!important}
#djj-responsive .artist-card>.row.g-2{display:none!important}
#djj-responsive .row:has(>.djj-card-column){margin-top:0!important;--bs-gutter-y:0}
#djj-responsive .djj-card-body>.d-flex{font-size:10px;gap:4px;flex-wrap:wrap}
#djj-responsive .djj-card-body>.d-flex .badge{font-size:9px;padding:4px 6px}
}