body,li,ul{margin:0;padding:0}.topcontent .more,.topcontent .title{font:18px cFont,Tahoma;display:block}.grid-artist .grid-item .artist a,.grid-special .grid-item .artist a,.grid-special .grid-item .title a,ul.blktop li div.details{display:inline-block;white-space:nowrap;clear:both;overflow:hidden}.ac,.ac *,.adsheader,.blktab li,.close_search,.contentp,.grid-artist .grid-item .artist{text-align:center}.mobmenu div,img,input[type=checkbox],input[type=radio]{vertical-align:middle}@font-face{font-family:cFont;font-style:normal;font-weight:600;src:url(../font/eot/IRANYekanXFaNum-Regular.eot);src:url(../font/eot/IRANYekanXFaNum-Regular.eot?#iefix) format('embedded-opentype'),url(../font/woff2/IRANYekanXFaNum-Regular.woff2) format('woff2'),url(../font/woff/IRANYekanXFaNum-Regular.woff) format('woff'),url(../font/ttf/IRANYekanXFaNum-Regular.ttf) format('truetype');font-display:swap}body{overflow-x:hidden;background:#212121;direction:rtl;height:100%;color:#c4c4c4}a,code,div,em,h1,h2,h3,h4,h5,h6,input,option,select,span,strong,table,td,textarea,tr{font-size:11px;font-family:tahoma;text-decoration:none;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,ul.blktop li:hover>.playlayer{display:block}img{border:none}a{color:#595959}li,ul{list-style:none}.cmbtnreply,label{cursor:pointer}div.width{width:auto;margin:0 10px}.animate,.animate *{-moz-transition:.3s ease-out;-o-transition:.3s ease-out;-webkit-transition:.3s ease-out;transition:.3s ease-out}.clear{clear:both}#cmbtnreply,#idplayer,.hide{display:none}.he1{clear:both;height:5px}.he2{clear:both;height:10px}.he3{clear:both;height:15px}.he4{clear:both;height:20px}.he5{clear:both;height:25px}.minimenu{background:#3a3a3a;width:100%;height:40px;margin-bottom:20px}.minimenu .social,.player_portable .img{float:right}.minimenu .social img{margin:9px 0 0 10px}.minimenu .contact{float:left;margin-top:13px;color:#b7b7b7;direction:ltr}.minimenu .contact img{margin:0 5px 0 10px}.main{position:relative;height:100%}.content,.sidebar{border-radius:10px;position:absolute;top:0}.content{padding:10px 20px;left:0;right:380px}.sidebar{background:#171717;width:340px;height:auto;padding:20px;right:0}.menu{width:100%;height:60px;border-bottom:1px solid #3b3b3b;margin-bottom:15px}.menu img{float:right;margin-left:20px}.menu ul li{float:right;margin-left:21px}.menu ul li a{font:14px cFont,Tahoma;display:block;margin-top:16px;color:#bebebe}.blknews li a:hover,.menu ul li a:hover{color:#fff}.icsearch{float:left;width:50px;height:50px;cursor:pointer}.icsearch img{margin:14px 14px 0 0}.searchpopbox{position:fixed;top:0;right:0;left:0;bottom:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:999999999999999999999999999999999999999999;display:none}.mobmenu,.mobmenu div ul{z-index:99999999999;display:none}.grid-artist,.grid-special{--grid-layout-gap:20px;--gap-count:calc(var(--grid-column-count) - 1);--total-gap-width:calc(var(--gap-count) * var(--grid-layout-gap));--grid-item--max-width:calc((100% - var(--total-gap-width)) / var(--grid-column-count));display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item--min-width),var(--grid-item--max-width)),1fr));grid-gap:var(--grid-layout-gap)}.searchlocation{width:330px;height:100px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;overflow:hidden}.searchlocation input[type=text]{float:right;border:1px solid #797979;background:#171717;padding:10px 15px;font:14px cFont,Tahoma;color:#e7e7e7ff;border-radius:10px;width:250px}.searchlocation button{float:left;margin:5px 0 0;background:0 0;padding:0;border:none;cursor:pointer}.close_search{font:14px cFont,Tahoma;color:#a3a3a3;cursor:pointer;margin:0 auto}.topcontent{width:100%;height:60px;margin:20px 0}.pagebase,.single-item .cnt div{margin-bottom:10px}.topcontent .icon{width:50px;height:50px;border-radius:50px;background:#444;float:right;position:relative}.topcontent .icon img{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.topcontent .title{float:right;margin-right:20px;color:#fff;margin-top:12px}.topcontent .more{float:left;color:#969696}.topcontent .more a{display:block;font:11px cFont,Tahoma;color:#fff;margin-top:16px}.grid-special{--grid-column-count:5;--grid-item--min-width:140px}.grid-special .grid-item{position:relative;overflow:hidden}.grid-special .grid-item .img,.grid-special .grid-item .img img{width:100%;border-radius:10px}.grid-special .grid-item .title{width:100%;margin:10px 0 5px}.grid-special .grid-item .title a{color:#f1f1f1;font:14px cFont,Tahoma}.grid-special .grid-item .artist{width:auto;margin:0 10px 5px 0}.grid-special .grid-item .artist a{color:#a0a0a0;font:11px cFont,Tahoma}.grid-special .grid-item .mcp{background:#212121;width:auto;height:25px;position:absolute;left:0;margin-top:10px;-webkit-box-shadow:10px -1px 6px 0 #212121;-moz-box-shadow:10px -1px 6px 0 #212121;box-shadow:10px -1px 6px 0 #212121}.grid-special .grid-item .mcp .mcpplay{background:#555;float:left;padding:10px;border-radius:50px;cursor:pointer;-webkit-box-shadow:-19px 10px 17px 35px #212121;-moz-box-shadow:-19px 10px 17px 35px #212121;box-shadow:-19px 10px 17px 35px #212121}.grid-special .grid-item .mcp .mcpplay:hover,.single-item .cnt .playercnt .smcpplay:hover{background:#b10f7e;background:linear-gradient(131deg,#b10f7e 0,#621c4c 100%)}.grid-special .grid-item .mcp .like{float:left;font:11px cFont,Tahoma;color:#787878;direction:ltr;margin:10px 0 0 7px;cursor:pointer}.grid-special .grid-item .mcp .like span{font:11px cFont,Tahoma;color:#787878;margin:10px 0 0;cursor:pointer}.grid-special .grid-item .title img{margin-left:3px}.grid-special .grid-item .mcp .like img{margin-right:3px}.grid-artist{direction:rtl;--grid-column-count:10;--grid-item--min-width:60px}.grid-artist .grid-item{position:relative;overflow:hidden;direction:rtl}.grid-artist .grid-item .img,.grid-artist .grid-item .img img{width:100%;border-radius:100px}.grid-artist .grid-item .artist{width:auto;margin:10px 0 5px}.grid-artist .grid-item .artist a{color:#dadada;font:13px cFont,Tahoma}.blktitle{width:100%;padding:10px 0;color:#fff;font:16px cFont,Tahoma}.blktitle span,.blktitle span a{color:#acacac;font:16px cFont,Tahoma}.blkdline{width:30%;height:2px;background:#b10f7e}ul.blktop li{position:relative;margin-bottom:5px}ul.blktop li a{display:block;background:rgba(248,0,0,0);border-radius:10px;padding:5px;height:50px}.playlayer:hover>ul.blktop li a,ul.blktop li:hover>a{background:#2c2c2c}ul.blktop li div{position:absolute}ul.blktop li div.cover img{border-radius:100px;margin-left:10px;right:0}ul.blktop li div.details{color:#fff;font:14px cFont,Tahoma;padding-top:5px;right:62px;left:45px}ul.blktop li div.details span{color:#c6c6c6;font:13px cFont,Tahoma;display:block;margin:3px 0 0}.playlayer{display:none;border-radius:50px;padding:8px;cursor:pointer;background:#a50a73;background:linear-gradient(131deg,#a50a73 0,#621c4c 100%);width:13px;height:13px;position:absolute;left:10px;top:15px}.bgdl,.sbsingle{border-radius:10px}.blktab{display:grid;grid-template-columns:auto auto auto;column-gap:10px}.blktab li{background:#333;color:#646464;font:16px cFont,Tahoma;padding:10px 0;border-radius:5px;cursor:pointer}.contentp div,.single-item .cnt .trackfa h1{color:#fff;font:16px cFont,Tahoma}.blktab li.active,.blktab li:hover{background:#5a5a5a;text-align:center;color:#bdbdbd}.bgdl a:hover,.pn a:hover{background:#b10f7e}.blknews li{display:block;clear:both}.blknews li a{display:block;margin-bottom:5px;padding:10px 0;text-align:justify;color:#d6d6d6;font:14px cFont,Tahoma;cursor:pointer}.blknews li:last-child a{margin-bottom:3px}.blknews li a span{float:left;opacity:.5}.blknews li a:hover span{opacity:1}.contentp{padding:15px}.contentp,.contentp *{font:14px cFont,Tahoma;color:#c9c9c9}.contentp div{display:block;margin-bottom:15px}.pagebase{position:relative}.sbsingle{background:#171717;width:260px;height:auto;padding:20px}.single-container{display:grid;column-gap:30px;grid-template-columns:auto 300px}.single-item{text-align:justify}.mobmenu div,.pn,.swiper-slide{text-align:center}.single-item .img{float:right;width:300px;height:300px;display:block}.single-item .img img{border-radius:20px}.single-item .cnt{float:right;display:block;margin:30px 20px 0 0}.single-item .cnt .artisten h2{font:14px cFont,Tahoma;color:#717171}.single-item .cnt .details,.single-item .cnt .details span{font:11px cFont,Tahoma;color:#717171;display:flex;align-items:center}.single-item .cnt .details img:first-child{margin-right:0}.single-item .cnt .details img{margin:0 10px 0 5px}.single-item .cnt .playercnt{display:block;height:42px;padding-top:10px}.single-item .cnt .playercnt .smcpplay{background:#555;float:right;padding:10px;border-radius:50px;cursor:pointer}.single-item .cnt .playercnt .slike{float:right;margin:0 10px 0 0;cursor:pointer;background:#555;padding:10px;border-radius:50px}.single-item .cnt .avamel{font:13px/23px cFont,Tahoma;color:#666}.bgdl{background:#373737;padding:10px}.bgdl span{float:right;font:16px cFont,Tahoma;color:#eee;margin:5px 5px 0 0}.bgdl span img{margin-left:5px}.bgdl a{background:#515151;padding:8px 10px;border-radius:5px;float:left;margin-right:10px;color:#fff}.commentl,.tag a{border-radius:10px}.tag a{float:right;font:14px cFont,Tahoma;color:#eee;background:#555;padding:4px 6px;margin:0 0 10px 10px}.profile{width:100%;height:200px;margin:20px 0}.cmbtn,.cmbtn2{margin-right:15px}.profile img{border-radius:40px 40px 40px 0;-webkit-filter:grayscale(100%);filter:grayscale(100%);float:right}.profile .artist{float:right;margin:10px 20px 0 0;padding-top:20px}.profile .artist a{font:18px cFont,Tahoma;color:#fff}.profile .artist span{font:14px cFont,Tahoma;color:#e4e4e4;display:block;margin-top:10px}.pn{display:block;width:auto;background:#292929!important;border-radius:10px!important;padding:10px;margin-bottom:15px}.pn a,.pn span{display:inline-block;min-width:25px;height:35px;padding:2px 7px;border:1px solid #464646;background:#3f3f3f;box-shadow:0 -2px 0 0 #5c5c5c inset;border-radius:10px;color:#a7a7a7;font-size:14px}.pn *{font:700 11px/35px tahoma}.cmname,.cmtextq,.cmtextq a,.cmtxtline span,buttons#sendcm{font:14px cFont,Tahoma}.pn:first-child{border-left:0;border-radius:2px 0 0 2px}.pn:last-child{border-radius:0 2px 2px 0}.pn a:hover{color:#fff;border:1px solid #a50a74;box-shadow:inset 0 -2px 0 #f82fb9}.pn .disabled{color:#acacac}.pn .current{color:#fff;border:1px solid #690249;box-shadow:inset 0 -2px 0 #b1087b;background:#86045d}.cmtxtline{width:100%;height:2px;background:#383838;clear:both}.commentl2,.styleinp{background:#2b2b2b}.cmtxtline span{float:right;background:#212121;padding:0 0 0 19px;color:#fff;margin-top:-9px}.styleinp{padding:7px;border-radius:5px;margin-bottom:10px}.commentl,.commentl2{padding:15px;margin-bottom:10px}.styleinp input[type=text],.styleinp textarea{border:none;padding:7px 1%;width:98%;max-width:98%;min-width:98%;background:0 0;color:#fff;font:14px cFont,Tahoma}.styleinp textarea{min-height:150px;max-height:250px}.cmtextq{color:#fff}.cmtextq a{color:#ff00ea}buttons#sendcm{float:left;background:#b10f7e;color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer}.commentl{border:1px solid #4b4b4b}.cmbtn,.commentl2{border-radius:10px}.cmname{float:right;color:#a5a5a5}.cmbtn,.cmbtn2{font:12px cFont,Tahoma}.cmbtn{float:left;border:1px solid #363636;padding:5px 10px}.cmbtn2{float:left;border-radius:10px}.cmtextshow{font:14px cFont,Tahoma}.player_portable{width:500px;height:65px;position:fixed;bottom:15px;left:50%;transform:translate(-50%,0);border-radius:10px;border:1px solid #52525254;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none}.player_portable .img img{border-radius:50px;margin:10px}.player_portable .details{font:14px cFont,Tahoma;color:#fff;display:block;margin-top:12px}.player_portable .details span{font:12px cFont,Tahoma;color:#dbdbdb;display:block;margin-top:3px}.player_portable .mcpplayer{padding:10px;border-radius:50px;cursor:pointer;background:#b10f7e;background:linear-gradient(131deg,#b10f7e 0,#621c4c 100%);position:absolute;left:10px;top:15px}.player_portable .seekbar{border-radius:50px;width:200px;height:5px;background:#787878;position:absolute;left:56px;top:30px;cursor:pointer}.player_portable .seekbar div{border-radius:10px;width:0%;height:5px;background:#aaa;float:left;cursor:pointer}.cprt,.cprtp{padding:10px 0;border-top:1px solid #494949}.cprt,.cprt a,.cprtp,.cprtp a{font:14px cFont,Tahoma;color:#ccc}.cprt a:hover,.cprtp a:hover{color:#b10f7e}.cprt div,.cprtp div{float:left;font:14px cFont,Tahoma}.cprt div span,.cprtp div span{color:red;font:14px Tahoma}.swiper{width:100%;height:310px}.swiper-slide{font-size:18px;background:0 0;display:flex;justify-content:center;align-items:center;height:310px;border-radius:10px;overflow:hidden}.swiper-slide img{display:block;width:100%;height:100%;max-height:250px;object-fit:cover;border-radius:10px}.adsheader img{border-radius:10px;margin:0 auto 10px}.slide-details{width:100%;height:40px;display:block;text-align:justify;padding:10px 10px 5px;font:16px cFont,Tahoma;color:#fff}.mobmenu,.mobmenufixed{width:auto;height:60px}.slide-details span{display:block;font:13px cFont,Tahoma;color:#e7e7e7;margin-top:5px}.mobmenufixed{margin-bottom:15px;display:none}.mobmenu{background:#3a3a3a;grid-template-columns:60px auto 60px;gap:10px;position:fixed;top:0;right:0;left:0}.mobmenu div:first-child img,.mobmenu div:last-child img{margin-top:17px}.mobmenu div:nth-child(2) img{margin-top:3px}.mobmenu div ul{position:relative;margin-top:15px}.mobmenu div ul li{width:150px;display:block;background:#3a3a3a;text-align:justify;padding:15px 25px;border-bottom:1px solid #494949}.mobmenu div ul li a{font:13px cFont,Tahoma;color:#fff}


.grid-special .grid-item .img, .grid-special .grid-item .img img {
  width: 100%;
  border-radius: 10px;
  height: auto;
}

 

          .hyper-playlist,
        .hyper-playlist *,
        .playlist-title-hyper,
        .playlist-stats-hyper,
        .playlist-stats-hyper span,
        .now-playing-label,
        .now-playing-track,
        .song-artist-hyper,
        .song-track-hyper,
        .total-songs-hyper,
        .btn-playall-hyper,
        .download-link-hyper,
        .song-number-hyper,
        .play-icon-hyper {
            font-family: 'cFont', 'IRANYekanX', 'IRANYekanXFaNum', Tahoma, sans-serif !important;
        }
        
        .hyper-playlist {
            max-width: 1000px;
            margin: 40px auto;
            background: linear-gradient(145deg, #111, #222, #0b0b0b);
            border-radius: 35px;
            padding: 0;
            direction: rtl;
            box-shadow: 0 25px 45px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.06);
            position: relative;
            overflow: hidden;
            color: #f2f2f2;
        }
        
        .hyper-playlist::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #111, #777, #111);
            background-size: 200% 100%;
            animation: gradientMove 3s ease infinite;
        }
        
        @keyframes gradientMove {
            0% { background-position: 0% 50%; }
            100% { background-position: 200% 50%; }
        }
        
        .playlist-bg-glow {
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);
            pointer-events: none;
        }
        
        /* ========== کادر عنوان وسط چین با استایل زیبا ========== */
        .playlist-cover {
            position: relative;
            height: 130px;
            background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.02));
            border-radius: 35px 35px 0 0;
            backdrop-filter: blur(2px);
        }
        
        .playlist-glass-header {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 15px 30px 20px 30px;
            background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.3), transparent);
            text-align: center; /* وسط چین */
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .playlist-title-hyper {
            font-size: 28px;
            color: #ffffff;
            margin: 0 0 12px 0;
            text-shadow: 0 2px 15px rgba(0,0,0,0.5);
            letter-spacing: -0.5px;
            font-weight: 700;
            background: linear-gradient(135deg, #fff, #ddd);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            text-shadow: none;
            position: relative;
            display: inline-block;
        }
        
        .playlist-title-hyper::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 25%;
            width: 50%;
            height: 2px;
            background: linear-gradient(90deg, transparent, #96136d, #cc2a8a, #96136d, transparent);
            border-radius: 2px;
        }
        
        .playlist-stats-hyper {
            font-size: 13px;
            color: rgba(255,255,255,0.85);
            margin-top: 8px;
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        .playlist-stats-hyper span {
            background: rgba(255,255,255,0.12);
            padding: 5px 16px;
            border-radius: 40px;
            backdrop-filter: blur(4px);
            transition: all 0.3s ease;
            border: 1px solid rgba(255,255,255,0.1);
            font-weight: 500;
        }
        
        .playlist-stats-hyper span:hover {
            background: rgba(255,255,255,0.2);
            transform: translateY(-2px);
            border-color: rgba(255,255,255,0.3);
        }
        /* ========== پایان تغییرات ========== */
        
        .now-playing-hyper {
            background: rgba(0,0,0,0.45);
            backdrop-filter: blur(20px);
            margin: 20px 25px;
            border-radius: 25px;
            padding: 20px;
            border: 1px solid rgba(255,255,255,0.1);
            position: relative;
            z-index: 2;
        }
        
        .now-playing-label {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #cfcfcf;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 12px;
        }
        
        .now-playing-label::before {
            content: '';
            width: 30px;
            height: 2px;
            background: #cfcfcf;
        }
        
        .now-playing-track {
            font-size: 22px;
            color: white;
            margin-bottom: 15px;
            text-shadow: 0 1px 3px rgba(0,0,0,0.2);
        }
        
        .hyper-audio {
            width: 100%;
            margin-top: 15px;
            border-radius: 50px;
            background: #000;
        }
        
        .hyper-audio::-webkit-media-controls-panel {
            background: linear-gradient(135deg, #1a1a1a, #2a2a2a);
        }
        
        .btn-playall-hyper {
            background: linear-gradient(135deg, #96136d, #7a0f56);
            color: white;
            border: none;
            padding: 14px 30px;
            border-radius: 50px;
            cursor: pointer;
            font-size: 14px;
            margin: 0 25px 20px 25px;
            transition: all 0.3s ease;
            width: calc(100% - 50px);
            position: relative;
            z-index: 2;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 600;
        }
        
        .btn-playall-hyper:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.3);
            background: linear-gradient(135deg, #b01582, #96136d);
        }
        
        .playlist-songs-hyper {
            margin: 0 15px 20px 15px;
            position: relative;
            z-index: 2;
        }
        
        .playlist-song-hyper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 20px;
            margin-bottom: 10px;
            background: rgba(255,255,255,0.04);
            border-radius: 20px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: 1px solid rgba(255,255,255,0.06);
            position: relative;
            gap: 10px;
        }
        
        .playlist-song-hyper::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 3px;
            height: 0;
            background: linear-gradient(180deg, #96136d, #cc2a8a);
            transition: height 0.3s ease;
        }
        
        .playlist-song-hyper:hover::before {
            height: 100%;
        }
        
        .playlist-song-hyper:hover {
            background: rgba(255,255,255,0.08);
            transform: translateX(-5px);
            border-color: rgba(255,255,255,0.18);
        }
        
        .playlist-song-hyper.active {
            background: linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.06));
            border-color: #aaaaaa;
            box-shadow: 0 5px 20px rgba(0,0,0,0.25);
        }
        
        .desktop-info {
            display: flex;
            align-items: center;
            gap: 18px;
            flex: 1;
        }
        
        .song-info-mobile {
            display: none;
        }
        
        .song-number-hyper {
            width: 38px;
            height: 38px;
            background: linear-gradient(135deg, #666, #333);
            color: white;
            border-radius: 12px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.25);
        }
        
        .play-icon-hyper {
            width: 42px;
            height: 42px;
            background: #96136d;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            border: 1px solid rgba(255,255,255,0.12);
            color: white;
        }
        
        .playlist-song-hyper:hover .play-icon-hyper {
            background: #e5e5e5;
            color: #111;
            transform: scale(1.05);
        }
        
        .song-details-hyper {
            flex: 1;
        }
        
        .song-artist-hyper {
            font-size: 16px;
            color: #fff;
            margin-bottom: 4px;
        }
        
        .song-track-hyper {
            font-size: 12px;
            color: rgba(255,255,255,0.55);
            letter-spacing: 0.3px;
        }
        
        .song-downloads-hyper {
            display: flex;
            gap: 10px;
        }
        
        .download-link-hyper {
            padding: 7px 18px;
            border-radius: 50px;
            text-decoration: none;
            font-size: 11px;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            background: linear-gradient(135deg, #555, #222);
            color: white;
            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
        }
        
        .download-link-hyper:hover {
            transform: translateY(-2px);
            filter: brightness(1.1);
        }
        
        .playlist-footer-hyper {
            text-align: center;
            padding: 20px 25px;
            background: linear-gradient(180deg, transparent, rgba(0,0,0,0.35));
            border-radius: 0 0 35px 35px;
            position: relative;
            z-index: 2;
        }
        
        .total-songs-hyper {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(255,255,255,0.06);
            padding: 8px 25px;
            border-radius: 50px;
            color: rgba(255,255,255,0.75);
            font-size: 13px;
        }
        
        @media (max-width: 768px) {
            .hyper-playlist {
                margin: 20px 10px;
                border-radius: 20px;
            }
            
            /* تنظیمات ریسپانسیو برای کادر عنوان وسط چین */
            .playlist-cover {
                height: 100px !important;
            }
            
            .playlist-title-hyper {
                font-size: 18px !important;
                margin-bottom: 8px !important;
            }
            
            .playlist-title-hyper::after {
                bottom: -5px;
                width: 40%;
                left: 30%;
            }
            
            .playlist-stats-hyper {
                gap: 8px;
                font-size: 10px;
                margin-top: 4px;
            }
            
            .playlist-stats-hyper span {
                padding: 3px 10px;
            }
            
            .playlist-glass-header {
                padding: 10px 15px 15px 15px !important;
            }
            /* پایان تنظیمات ریسپانسیو */
            
            .now-playing-hyper {
                margin: 12px;
                padding: 12px;
            }
            
            .now-playing-wrapper {
                margin-bottom: 12px;
            }
            
            .now-playing-label {
                font-size: 10px;
                margin-bottom: 4px;
            }
            
            .now-playing-track {
                font-size: 13px;
                margin-bottom: 5px;
            }
            
            .hyper-audio {
                margin-top: 8px;
            }
            
            .btn-playall-hyper {
                margin: 0 12px 15px 12px;
                width: calc(100% - 24px);
                padding: 10px;
                font-size: 12px;
            }
            
            .playlist-songs-hyper {
                margin: 0 10px 15px 10px;
            }
            
            .playlist-song-hyper {
                padding: 15px;
                gap: 12px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-direction: row;
                flex-wrap: wrap;
            }
            
            .desktop-info {
                display: none;
            }
            
            .desktop-download {
                display: none;
            }
            
            .song-info-mobile {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                flex: 1;
                gap: 8px;
                text-align: center;
            }
            
            .song-text-mobile {
                font-size: 13px;
                color: white;
                text-align: center;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 180px;
                font-weight: 500;
            }
            
            .mobile-actions {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 12px;
            }
            
            .download-link-mobile {
                padding: 6px 14px;
                border-radius: 25px;
                text-decoration: none;
                font-size: 11px;
                font-weight: 500;
                background: linear-gradient(135deg, #555, #222);
                color: white;
                display: inline-block;
            }
            
            .play-icon-mobile {
                width: 48px;
                height: 48px;
                background: #96136d;
                border-radius: 50%;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                color: white;
                cursor: pointer;
                flex-shrink: 0;
                box-shadow: 0 2px 10px rgba(0,0,0,0.3);
            }
        }
        
        .hyper-playlist {
            margin-top: 0 !important;
            margin-bottom: 40px;
        }
        
        .hyper-playlist:first-child {
            margin-top: 0 !important;
        }
        
        body .hyper-playlist,
        .container .hyper-playlist,
        .page-content .hyper-playlist {
            margin-top: 0 !important;
        }
        
        .playlist-cover {
            border-radius: 35px 35px 0 0;
        }
        
        .hyper-playlist::before {
            top: 0;
        }
        
        
        
        .promo-box {
  padding: 20px 0 20px 0;
  margin: 0 0 30px 0;
}

.telegram-wrap,
.banner-wrap {
  display: flex;
  justify-content: center;
}

.telegram-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: 100%;
  max-width: 620px;
  padding: 24px 32px;
  background: linear-gradient(135deg, #962660, #771649);
  color: #fff;
  text-decoration: none;
  border-radius: 20px;
  box-shadow: 0 0 3px rgba(128, 11, 90, 0.3), 0 8px 40px rgba(0, 0, 0, 0.4);
  font-family: Vazir, Tahoma, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
  text-align: center;
  box-sizing: border-box;
  transition: 0.3s ease;
  position: relative;
  overflow: hidden;
}

.telegram-btn:hover {
  transform: translateY(-4px) scale(1.01);
  background: linear-gradient(135deg, #9a2964, #7d1b4f);
}

.telegram-icon {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
}

.telegram-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.telegram-text small {
  font-size: 15px;
  font-weight: 300;
  opacity: 0.85;
}

.telegram-arrow {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  font-size: 18px;
}

.promo-line {
  max-width: 500px;
  width: 80%;
  margin: 10px auto 25px;
  border: 0;
  height: 2px;
  border-radius: 10px;
  background: linear-gradient(90deg, transparent, #ff6bcb, #800b5a, #ff6bcb, transparent);
  box-shadow: 0 0 30px rgba(128, 11, 90, 0.4);
}

.banner-link {
  display: block;
  width: 100%;
  max-width: 620px;
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
}

.banner-img {
  width: 100%;
  display: block;
  border-radius: 20px;
  transition: 0.3s ease;
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.5);
}

.banner-link:hover .banner-img {
  transform: scale(1.02);
}

@media (max-width: 600px) {
  .telegram-btn {
    padding: 18px;
    font-size: 15px;
    gap: 12px;
    border-radius: 50px;
    flex-wrap: wrap;
  }

  .telegram-icon {
    width: 32px;
    height: 32px;
  }

  .telegram-arrow {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }

  .promo-line {
    width: 90%;
    margin: 10px auto 25px;
  }
}

@media (min-width: 601px) {
  .telegram-btn {
    padding: 26px 38px;
    gap: 22px;
  }
}