/*
Theme Name: پوسته اشتراکی موزیک نما
Theme URI: https://wintheme.ir
Description: پوسته اشتراکی موزیک نما
Author: wintheme.ir
Author URI: https://wintheme.ir
Version: 1.3
*/


* {box-sizing: border-box;padding: 0;margin: 0;border: 0;}
body {direction: rtl;background: linear-gradient(to top, #fffff7 0%, #fefefe 100%);color: #000;overflow-x: hidden;cursor: default;font-size: 14px;font-family: win_fonts;}
body, input, button, textarea, h1, h2, h3, h4, h5, h6 {-moz-font-feature-settings: ss02;-webkit-font-feature-settings: ss02;font-feature-settings: ss02;}
input, button, textarea {font-family: win_fonts;font-size: 14px;background: none;color: rgba(0,0,0,0.9);outline: 2px solid transparent;outline-offset: 2px;transition: outline 0.3s ease-out;}
h1, h2, h3, h4 {font-weight: 400;}
strong,b {font-weight: 700;}
a{text-decoration:none;color:#333;transition:all 300ms ease-out}
a:hover{text-decoration:none;color:var(--bg-color)}
img {border: 0;max-width: 100%;height: auto;transition: transform 0.3s ease-out, opacity 0.3s ease-out;}
ul, li {list-style: none;}
button, label {cursor: pointer;}
.drw {max-width: 1280px;margin: 0 auto;width: 95%;}
.dvf, .dvf2 {display: flex;flex-wrap: wrap;align-items: center;}
.dvf3 {display: flex;flex-direction: column;}
.dvf4 {height: 410px;display: flex;flex-direction: column;overflow-y: auto;padding-left: 10px;padding-top: 0;scrollbar-color: #bec9d7 #F2F3F4;scrollbar-width: thin;}
.dvf4::-webkit-scrollbar {width: 6px;}
.dvf4::-webkit-scrollbar-thumb {background-color: #bec9d7;border-radius: 3px;}
.dvf4::-webkit-scrollbar-track {background: #F2F3F4;border-radius: 3px;}
.d-right { width: 18%; order: 1; }
.d-center { width: 48%; order: 2; }
.d-left { width: 32%; order: 3; }
.svg {display: flex;position: absolute;width: 0;height: 0;}
.header {background: var(--bg--header);padding: 2.5em 0;border-bottom: 4px solid #ebebeb;box-shadow: 0 -20px 20px rgba(1,3,13,0.06) inset;}
.header .dvf{justify-content:space-between}
.dmulogo svg{fill:#adadad;display:flex}
.dmulogo span{display:none}
.search{background:#ebebeb;position:relative;border-radius:1em;overflow:hidden;width:400px;box-shadow: 0 -20px 20px rgba(1,3,13,0.06) inset;padding: 0.3em;}
.search input{padding:1em;width:100%}
.search button {position: absolute;left: 6px;background: var(--bg-color);color: var(--text-color);padding: 12px 14px;border-radius: 1em;top: 6px;box-shadow: 0 -20px 20px rgba(1,3,13,0.06) inset;}
nav {background: var(--bg-color);padding: .8em 0;box-shadow: 0 -20px 20px rgba(1,3,13,0.06) inset;}
nav ul{width:100%}
nav li{display:flex}
nav li a {color: var(--text-color);padding: 6px 7px;margin: 0 3px;font-size: 15px;border-radius: .4em;}
nav li a:hover{background:#1a1a1a;color:#fff}
.vip{margin:1.5em 0}
.vip ul li{width:16.66%;padding:.4em}
.vip ul li a img{width:100%;display:block}
.vip ul li a{overflow:hidden;border-radius:14px;display:block;position:relative}
.vip ul li a span{background:#ebebeb;display:flex;flex-direction:column;padding:1em;height:84px;line-height:2;box-shadow: 0 -20px 20px rgba(1,3,13,0.06) inset;}
.vip ul li a:hover span strong{color:var(--bg-color)}
.vip ul li a:hover{box-shadow:0 12px 46px -33px #000;transform:translateY(-3px)}
.vip ul li a span strong{color:#000;transition:all 300ms ease;font-size:15px}
.vip ul li a span i{font-style:normal;font-size:13px;color:#737373}
.vipleft{position:absolute;bottom:0;left:0}
.vipleft svg{fill:var(--bg-color);width:39px;height:78px;margin-left:-.6em}
.drow{padding:2em 1em 1em;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-1em;z-index:0;position:relative}
.irbox, .dposts,.mna_rltd {border-radius: 15px;overflow: hidden;margin-bottom: 1.5em;box-shadow: 0 9px 27px 0 rgba(5,1,13,0.08);border: 1px solid rgba(5,1,13,0.07);background: #fff;}
.irbox .box-header{padding:1em;border-bottom:1px solid RGBA(0,0,0,0.07);display:flex;align-items:center;color:#333;box-shadow: 0 -20px 20px rgba(1,3,13,0.06) inset;}
.box-header svg {margin-left: .4em;width: 20px;height: 20px;fill: var(--bg-color);}
.box-header h2 {font-size: 16px;font-weight: 700;}
.isbody{padding:1em;line-height:2}
.irbox .isbody > ul > li > a,.irbox.isbody > ul > li > ul li a{color:RGBA(0,0,0,0.7)}
.isbody > ul > li > a,.isbody > ul > li > ul li a{display:flex;align-items:center}
.irbox .isbody > ul > li > a:hover,.irbox .isbody > ul > li > ul li a:hover{color:var(--bg-color)}
.isbody a:hover{color:#13a4e8}
.isbody > ul > li > a::before,.isbody > ul > li > ul li a::before{content:"";width:7px;height:5px;background:RGBA(0,0,0,0.1);margin-left:.5em;transition:all 300ms ease-out}
.isbody > ul > li > a:hover{color:#13a4e8}
.isbody > ul > li > a:hover:before{border-color:#13a4e8}
.isbody > ul > li > ul{font-size:13px;margin-right:1em}
.isbody > ul > li > ul li a::before{width:10px;border-width:1px;height:6px}
.irbox .isbody > ul > li > a,.irbox .isbody > ul > li > ul li a{color:RGBA(0,0,0,0.7)}
.irbox .isbody > ul > li > a:hover,.irbox .isbody > ul > li > ul li a:hover{color:var(--bg-color)}
.irbox .isbody > ul > li > a:hover:before,.irbox .isbody > ul > li > ul li a:hover:before{background:var(--bg-color)}
.irbox .isbody .dvf3 li,.irbox .isbody .dvf4 li {border-bottom: 1px solid rgb(0 0 0 / 5%);padding: 8px 0 8px;}
.irbox .isbody .dvf3 li:last-child,.irbox .isbody .dvf4 li:last-child  {border: 0;}
.box-posts{background:#fff;box-shadow:0 0 10px RGBA(0,0,0,0.1);border-radius:4px;border:1px solid RGBA(0,0,0,0.13);margin-bottom:1em;overflow:hidden}
.postinfo {font-size: 15px;border-bottom: 1px solid RGBA(0,0,0,0.05);padding: 1em;border-right: 50px solid var(--bg-color);position: relative;}
.postinfo .hding {font-size: 17px;display: flex;align-items: center;font-weight: 700;}
.dposts header h2 i,.dposts header h1 i{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-left:.3em;position:relative}
.dposts header h2 i svg, .dposts header h1 i svg {width: 22px;height: 22px;fill: var(--bg-color);}
.postinfo.music::before {
	width: 40px;
	height: 40px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M22.0007 0.897149L15.0013 0.986179C13.4549 1.00773 11.9803 1.6497 10.9009 2.77128C9.8215 3.89286 9.22548 5.40247 9.24355 6.96898L9.36419 16.4535C8.35054 15.6842 7.11538 15.2738 5.84905 15.2856C4.69542 15.3002 3.5721 15.6611 2.62115 16.3226C1.6702 16.984 0.934327 17.9163 0.506585 19.0016C0.078842 20.0869 -0.0215569 21.2764 0.218084 22.4196C0.457725 23.5629 1.02664 24.6087 1.85289 25.4246C2.67914 26.2406 3.72562 26.7901 4.85998 27.0037C5.99435 27.2173 7.16565 27.0854 8.22578 26.6246C9.28591 26.1639 10.1872 25.3949 10.8158 24.4151C11.4444 23.4353 11.7719 22.2886 11.7571 21.12L11.5767 6.93931C11.5647 5.99907 11.922 5.09265 12.5699 4.41946C13.2177 3.74626 14.1031 3.36143 15.0313 3.34962L22.0308 3.26059C22.9589 3.24879 23.8539 3.61097 24.5186 4.26747C25.1834 4.92397 25.5636 5.82101 25.5756 6.76125L25.6962 16.2458C24.6825 15.4764 23.4474 15.0661 22.1811 15.0778C21.0274 15.0925 19.9041 15.4534 18.9532 16.1148C18.0022 16.7763 17.2663 17.7086 16.8386 18.7938C16.4109 19.8791 16.3105 21.0686 16.5501 22.2119C16.7897 23.3552 17.3587 24.401 18.1849 25.2169C19.0112 26.0329 20.0576 26.5824 21.192 26.796C22.3264 27.0096 23.4977 26.8777 24.5578 26.4169C25.6179 25.9561 26.5193 25.1872 27.1478 24.2074C27.7764 23.2276 28.1039 22.0809 28.0891 20.9122L27.9087 6.73157C27.8869 5.16511 27.2527 3.67114 26.1451 2.57738C25.0376 1.48361 23.5471 0.879356 22.0007 0.897149ZM5.9693 24.7393C5.27712 24.7481 4.59784 24.5488 4.01736 24.1666C3.43688 23.7844 2.98127 23.2364 2.70815 22.592C2.43502 21.9475 2.35665 21.2356 2.48294 20.5462C2.60923 19.8568 2.93451 19.2209 3.41765 18.7188C3.90078 18.2168 4.52008 17.8712 5.19722 17.7258C5.87436 17.5804 6.57893 17.6416 7.22183 17.9018C7.86473 18.162 8.41709 18.6095 8.80906 19.1876C9.20103 19.7657 9.415 20.4485 9.42392 21.1497C9.43588 22.0899 9.07863 22.9963 8.43077 23.6695C7.7829 24.3427 6.89748 24.7275 5.9693 24.7393ZM22.3013 24.5316C21.6091 24.5404 20.9299 24.3411 20.3494 23.9589C19.7689 23.5766 19.3133 23.0287 19.0402 22.3842C18.767 21.7398 18.6887 21.0279 18.8149 20.3385C18.9412 19.649 19.2665 19.0131 19.7497 18.5111C20.2328 18.0091 20.8521 17.6635 21.5292 17.5181C22.2064 17.3726 22.9109 17.4339 23.5538 17.6941C24.1967 17.9543 24.7491 18.4017 25.1411 18.9798C25.533 19.5579 25.747 20.2407 25.7559 20.9419C25.7679 21.8822 25.4106 22.7886 24.7628 23.4618C24.1149 24.135 23.2295 24.5198 22.3013 24.5316Z' fill='white'/%3e%3c/svg%3e");
	position: absolute;
	background-repeat: no-repeat;
	right: -3.4em;
	top: 34%;
	content: "";
}

.postinfo.remix::before {
	content: "";
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cpath d='M84,43.1052V42a36,36,0,0,0-72,0v1.1052A17.971,17.971,0,0,0,0,60V72A18.02,18.02,0,0,0,18,90a5.9966,5.9966,0,0,0,6-6V42a24,24,0,0,1,48,0V84a5.9966,5.9966,0,0,0,6,6A18.02,18.02,0,0,0,96,72V60A17.971,17.971,0,0,0,84,43.1052Z'/%3E%3C/svg%3E");
	position: absolute;
	background-repeat: no-repeat;
	right: -2.8em;
	top: 35%;
}
.postinfo.video::before {
	content: "";
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cpath d='M302.5,162.9h-256C20.9,162.9,0,183.8,0,209.5v256C0,491.1,20.9,512,46.5,512h256c25.7,0,46.5-20.9,46.5-46.5v-256 C349.1,183.8,328.2,162.9,302.5,162.9z M372.4,279.3v116.4L512,465.5v-256L372.4,279.3z M69.8,139.6c38.6,0,69.8-31.3,69.8-69.8 S108.4,0,69.8,0C31.3,0,0,31.3,0,69.8S31.3,139.6,69.8,139.6z M279.3,0c-38.6,0-69.8,31.3-69.8,69.8s31.3,69.8,69.8,69.8 c38.6,0,69.8-31.3,69.8-69.8S317.8,0,279.3,0z'/%3E%3C/svg%3E");
	position: absolute;
	background-repeat: no-repeat;
	right: -2.7em;
	top: 35%;
}
.postinfo.album::before {
	content: "";
	width: 40px;
	height: 40px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_429_11112)'%3E%3Ccircle cx='12' cy='12' r='2' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='18' cy='9' r='2' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.318 3.63135C14.2913 3.22394 13.1718 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.1514 21 19.6464 18.1892 20.6855 14.3669' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 9V2L22 4' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_429_11112'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	position: absolute;
	background-repeat: no-repeat;
	right: -3em;
	top: 31%;
}
.postinfo.soon::before {
	content: "";
	width: 50px;
	height: 50px;
	background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' viewBox='-7 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.080 14.040l4-1.040c0.44-0.12 0.72-0.56 0.6-1.040-0.12-0.44-0.56-0.72-1.040-0.6l-2.080 0.56c0.68-0.88 1.56-1.6 2.64-2.080 1.64-0.72 3.44-0.76 5.12-0.12 1.64 0.64 2.96 1.92 3.68 3.52 0.2 0.44 0.68 0.6 1.12 0.44 0.44-0.2 0.6-0.68 0.44-1.12-0.88-2.040-2.52-3.6-4.6-4.44-2.080-0.8-4.36-0.76-6.4 0.12-1.36 0.6-2.48 1.52-3.36 2.68l-0.52-1.96c-0.12-0.44-0.56-0.72-1.040-0.6-0.44 0.12-0.72 0.56-0.6 1.040l1.040 4c0.12 0.56 0.4 0.8 1 0.64zM17.72 22.52l-1.040-3.96c0 0-0.16-0.8-0.96-0.6v0l-4 1.040c-0.44 0.12-0.72 0.56-0.6 1.040 0.12 0.44 0.56 0.72 1.040 0.6l2.080-0.56c-1.76 2.32-4.88 3.28-7.72 2.16-1.64-0.64-2.96-1.92-3.68-3.52-0.2-0.44-0.68-0.6-1.12-0.44-0.44 0.2-0.6 0.68-0.44 1.12 0.88 2.040 2.52 3.6 4.6 4.44 1 0.4 2 0.56 3.040 0.56 2.64 0 5.12-1.24 6.72-3.4l0.52 1.96c0.080 0.36 0.44 0.64 0.8 0.64 0.080 0 0.16 0 0.2-0.040 0.4-0.16 0.68-0.6 0.56-1.040z'%3E%3C/path%3E%3C/svg%3E");
	position: absolute;
	background-repeat: no-repeat;
	right: -3.3em;
	top: 26%;
	animation: spin 2s linear infinite;
	transform-origin: center center;
}
.postinfo.page::before {
	content: "";
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.133 1.552c-1.090-1.044-2.291-1.573-3.574-1.573-2.006 0-3.47 1.296-3.87 1.693-0.564 0.558-19.786 19.788-19.786 19.788-0.126 0.126-0.217 0.284-0.264 0.456-0.433 1.602-2.605 8.71-2.627 8.782-0.112 0.364-0.012 0.761 0.256 1.029 0.193 0.192 0.45 0.295 0.713 0.295 0.104 0 0.208-0.016 0.31-0.049 0.073-0.024 7.41-2.395 8.618-2.756 0.159-0.048 0.305-0.134 0.423-0.251 0.763-0.754 18.691-18.483 19.881-19.712 1.231-1.268 1.843-2.59 1.819-3.925-0.025-1.319-0.664-2.589-1.901-3.776zM22.37 4.87c0.509 0.123 1.711 0.527 2.938 1.765 1.24 1.251 1.575 2.681 1.638 3.007-3.932 3.912-12.983 12.867-16.551 16.396-0.329-0.767-0.862-1.692-1.719-2.555-1.046-1.054-2.111-1.649-2.932-1.984 3.531-3.532 12.753-12.757 16.625-16.628zM4.387 23.186c0.55 0.146 1.691 0.57 2.854 1.742 0.896 0.904 1.319 1.9 1.509 2.508-1.39 0.447-4.434 1.497-6.367 2.121 0.573-1.886 1.541-4.822 2.004-6.371zM28.763 7.824c-0.041 0.042-0.109 0.11-0.19 0.192-0.316-0.814-0.87-1.86-1.831-2.828-0.981-0.989-1.976-1.572-2.773-1.917 0.068-0.067 0.12-0.12 0.141-0.14 0.114-0.113 1.153-1.106 2.447-1.106 0.745 0 1.477 0.34 2.175 1.010 0.828 0.795 1.256 1.579 1.27 2.331 0.014 0.768-0.404 1.595-1.24 2.458z'%3E%3C/path%3E%3C/svg%3E");
	position: absolute;
	background-repeat: no-repeat;
	right: -2.7em;
	top: 31%;
}
@keyframes spin {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

.postinfo ul {font-size: 12px;margin-top: 1em;overflow-x: auto;overflow-y: hidden;white-space: nowrap;flex-wrap: nowrap;}
.postinfo ul li {color: #444;margin-left: 1em;display: flex;align-items: center;}
.postinfo ul li svg {margin-left: .5em;width: 20px;height: 20px;fill: #444;}
.postinfo ul li a {color: #333;margin: 0;}
.postinfo ul li a:hover{color:#444}
.postxinfo {position: absolute;left: 0;top: 32%;background: var(--box-shadow-color);border-radius: 0 15px 15px 0;color: var(--bg-color);padding: .5em .8em;font-size: 12px;font-style: normal;}
.mocontent{padding:1em 1em .5em;text-align:center;line-height:2.2}
.mocontent a{color:var(--bg-color)}
.mocontent a:hover{color:#444}
.postftr {margin: 5px;padding: 1em;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;border-top: 1px solid RGBA(0,0,0,0.05);}
.postftr > a {background: var(--bg-color);border-radius: 8px;height: 43px;display: flex;align-items: center;overflow: hidden;color: #fff;position: relative;padding: 1em;z-index: 999;box-shadow: 0 -20px 20px rgba(1,3,13,0.06) inset;font-weight: 700;}
.postftr > a:hover{background:#333}
.lks{display:flex}
.lks .icon{color:#6d6e70;background:#f0f1f3;font-size:12px;padding:7px 10px 5px 29px;transition:.3s all ease;border-radius:5px;position:relative;display:inline-block;border:1px solid transparent;cursor:pointer;margin-left:1em}
.lks .counter{margin-left:5px}
.lks .icon.like::before{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 -0.5 21 21' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-219.000000, -760.000000)' fill='%2354c024'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M163,610.021159 L163,618.021159 C163,619.126159 163.93975,620.000159 165.1,620.000159 L167.199999,620.000159 L167.199999,608.000159 L165.1,608.000159 C163.93975,608.000159 163,608.916159 163,610.021159 M183.925446,611.355159 L182.100546,617.890159 C181.800246,619.131159 180.639996,620.000159 179.302297,620.000159 L169.299999,620.000159 L169.299999,608.021159 L171.104948,601.826159 C171.318098,600.509159 172.754498,599.625159 174.209798,600.157159 C175.080247,600.476159 175.599997,601.339159 175.599997,602.228159 L175.599997,607.021159 C175.599997,607.573159 176.070397,608.000159 176.649997,608.000159 L181.127196,608.000159 C182.974146,608.000159 184.340196,609.642159 183.925446,611.355159' id='like-%5B%231386%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.lks .icon.dislike::before{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 -0.5 21 21' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-219.000000, -760.000000)' fill='%23db2d8e'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M163,610.021159 L163,618.021159 C163,619.126159 163.93975,620.000159 165.1,620.000159 L167.199999,620.000159 L167.199999,608.000159 L165.1,608.000159 C163.93975,608.000159 163,608.916159 163,610.021159 M183.925446,611.355159 L182.100546,617.890159 C181.800246,619.131159 180.639996,620.000159 179.302297,620.000159 L169.299999,620.000159 L169.299999,608.021159 L171.104948,601.826159 C171.318098,600.509159 172.754498,599.625159 174.209798,600.157159 C175.080247,600.476159 175.599997,601.339159 175.599997,602.228159 L175.599997,607.021159 C175.599997,607.573159 176.070397,608.000159 176.649997,608.000159 L181.127196,608.000159 C182.974146,608.000159 184.340196,609.642159 183.925446,611.355159' id='like-%5B%231386%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");transform: rotate(180deg);}
.lks .icon::before {content: '';position: absolute;top: 6px;left: 5px;width: 18px;height: 18px;}
.lks .icon.like:hover{border:1px solid #54c024;background:#FFF}
.lks .icon.dislike:hover{border:1px solid #db2d8e;background:#FFF}
.mna_pagenavi{justify-content:center;margin:1.5em 0 0;gap:.7em}
.mna_pagenavi a,.mna_pagenavi span{height:42px;width:42px;display:flex;justify-content:center;align-items:center;border-radius:50px;background:#e0e7ec;color:#2D365D}
.mna_pagenavi .current,.mna_pagenavi a:hover{color:#fff;background:var(--bg-color)}
.mna_pagenavi .next,.mna_pagenavi .prev{justify-content:center;text-indent:-200px;overflow:hidden;height:24px;width:13px;opacity:.8;margin:6px 15px;background:url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.5 15.48'%3E%3Cpath d='M7.75,15.5a.75.75,0,0,1-.53-.22l-7-7a.75.75,0,0,1,0-1.06l7-7A.75.75,0,0,1,8.28,1.28L1.81,7.75l6.47,6.47a.75.75,0,0,1-.53,1.28Z' transform='translate(0 -0.02)' fill='%232d365d'/%3E%3C/svg%3E")!important}
.mna_pagenavi .prev{transform:scaleX(-1)}
.mna_pagenavi .dots{padding:0 .8em;background:#F8F9FB}
.irfoot{background:#333}
.footer-list{background:#e6e6e6;padding:1.3em 0;box-shadow: 0 -20px 20px rgba(1,3,13,0.06) inset}
.footer-list .drw.dvf{justify-content:space-between}
.footer-list li a {padding: .3em .3em;display: flex;margin: 0 4px;border-radius: 5px;}
.footer-list.imf li a{color:RGBA(0,0,0,0.7);font-size:14px}
.footer-list li a:hover{background:RGBA(0,0,0,0.1);color:#333}
.dvfmbx{display:flex;flex-wrap:wrap;justify-content:space-between;padding:1.5em 0 0;margin-bottom:2em}
.smfmusic{width:32%}
.smfmusic span{font-size:16px;color:#fff;border-bottom:1px solid #555;padding:0 0 1em;margin:0 0 1em;display:flex;align-items:center}
.smfmusic span svg{width:24px;height:24px;fill:#fff;margin-left:.2em}
.smfmusic ul{line-height:2.2}
.smfmusic li{display:flex;justify-content:space-between;align-items:center}
.smfmusic li:last-child{margin:0 0 -3px}
.smfmusic li a{color:rgba(255,255,255,0.7);display:flex;align-items:center}
.smfmusic li a:hover{color:#fff}
.smfmusic li a::before{content:"";width:5px;height:5px;margin-left:.6em;background:rgba(255,255,255,0.7)}
.smfmusic li a:hover:before{background:#fff}
.rjtms div{font-family:Lucida Console;margin:7px}
.rjtms div a{color:#333;direction:ltr;text-align:left;display:flex;font-size:14px;align-items:center}
.rjtell a svg,.rjmail a svg{margin-right:1em;width:30px;height:25px;fill:#222}
.rjtms div a:hover{color:var(--bg-color)}
.copyright{background:#222;padding:1.5em 0;line-height:2;color:#fff}
.copyright .drw.dvf {justify-content: space-between;}
.irct p a{color:#fff}
.irct p a:hover{color:var(--bg-color)}
.nscls{display:flex}
.nscls a{display:flex;margin:10px}
.nscls a svg{width:22px;height:22px;fill:#b5b5b5;transition:all 300ms ease-out}
.nscls a svg:hover{fill:#fff}
.sbox {margin: 0 0 1em;border-radius: 10px;overflow: hidden;padding: 1em;line-height: 2.2;box-shadow: 0 9px 27px 0 rgba(5,1,13,0.08);border: 1px solid rgba(5,1,13,0.07);background: #fff;}
.hding h1, .hding h1 a {font-size: 16px;text-align: center;color: var(--bg-color);font-weight: bold;}
.hding h2,.hding p{font-size:14px;text-align:center;color:#4d4b60}
.mna_dlbox .dllinkso{margin:1em 0 0;background-color:var(--bg-color);padding:.4em 1em;border-radius:10px;display:flex;justify-content:space-between;align-items:center;width:100%;color:#fff;font-size:15px}
.mna_dlbox .dllinkso:hover {color: #fff;background: #000;}
.mna_dlbox .dllinkso svg{fill:#fff;width:30px;height:20px}
.mna_dlbox .singertag {margin: 1em 0 0;background-color: #474747;padding: .4em 1em;border-radius: 10px;display: flex;justify-content: space-between;align-items: center;width: 100%;color: var(--text-color);font-size: 13px;}
.mna_dlbox .singertag:hover{background:#030303;color:#fff;}
.mna_dlbox .singertag svg {fill: var(--text-color);width: 30px;height: 27px;}
.dvfdl{display:flex;flex-wrap:wrap;justify-content:center}
.videobox {width: 95%;max-width: 800px;margin: 1.5em auto;text-align: center;}
.videobox span {display: block;font-size: 16px;font-weight: bold;margin-bottom: 0.8em;color: #333;}
.videobox video {width: 100%;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.2);background: #000;outline: none;}
.videobox video::-webkit-media-controls {background-color: rgba(0,0,0,0.5);border-radius: 0 0 12px 12px;}
.mktgis {width: 95%;margin: 2em auto;padding: 0;display: flex;justify-content: space-between;}
.mktgis a{color:#fff;display:flex;font-size:14px;padding:.7em .5em;text-align:center;border-radius:10px;justify-content:center;align-items:center;width:49%;font-weight: bold;}
.mktgis .insta{background:#833AB4;box-shadow:0 3px 8px rgb(131 58 180 / 30%)}
.mktgis .telg{background:#0088CC;box-shadow:0 3px 8px rgb(0 136 204 / 30%)}
.mktgis svg {margin-left: .4em;fill: #fff;width: 24px;height: 24px;}
.mktgis a:hover{background:#1a1c18;box-shadow:0 3px 8px rgb(0 0 0 / 10%);color: #fff;}
.mna_share{justify-content:space-between;margin:1em auto 0;width:80%}
.mna_share a{display:flex;align-items:center;color:#fff!important;justify-content:center;background:#1c1d1e;padding:.7em .3em;border-radius:.8em;flex:1}
.mna_share a:nth-child(1){background:linear-gradient(90deg,#2fa8e3 0%,#0b81bc 100%)}
.mna_share a:nth-child(2){margin-right:.8em;background:linear-gradient(90deg,#69ca3b 0%,#56a61e 100%)}
.mna_share svg{width:18px;height:18px;margin-left:.6em;fill:#fff}
.mna_rltd header h4 {position: relative;font-size: 16px;display: flex;padding: 1em;border-bottom: 1px solid #e8e8e9;box-shadow: 0 -20px 20px rgba(1,3,13,0.06) inset;font-weight: 700;}
.mna_rltd header h4 svg {width: 24px;height: 24px;fill: var(--bg-color);margin-left: 0.6em;}
.mna_rltd li h3{justify-content:center;font-size:15px}
.mna_rltd ul{padding:1em;line-height:1.6}
.mna_rltd li{width:100%;border-bottom:1px solid #e8e8e9;padding:.8em 0}
.mna_rltd ul img{width:55px;height:55px;border-radius:.7em;float:right;margin:0 0 0 .8em}
.mna_rltd ul li a{display:flex}
.mna_rltd li h3{display:flex;flex-direction:column;flex:1}
.mna_rltd li h3 strong{font-size:14px}
.mna_rltd li h3 span{font-size:13px;color:#595959;margin:.5em 0 0}
.mna_rltd li h3 span:before{content:"";float:right;height:15px;width:15px;background-size:cover;margin:1px 0 0 6px;filter:grayscale(1) opacity(0.4);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.5 19.5'%3E%3Cpath d='M18,3.75H16.75V3a.75.75,0,0,0-1.5,0v.75H8.75V3a.75.75,0,0,0-1.5,0v.75H6A3.38,3.38,0,0,0,2.25,7.5V18A3.38,3.38,0,0,0,6,21.75H18A3.38,3.38,0,0,0,21.75,18V7.5A3.38,3.38,0,0,0,18,3.75ZM6,5.25H7.25V6a.75.75,0,0,0,1.5,0V5.25h6.5V6a.75.75,0,0,0,1.5,0V5.25H18c1.58,0,2.25.67,2.25,2.25v.75H3.75V7.5C3.75,5.92,4.42,5.25,6,5.25Zm12,15H6c-1.58,0-2.25-.67-2.25-2.25V9.75h16.5V18C20.25,19.58,19.58,20.25,18,20.25ZM9,13a1,1,0,1,1-1-1H8A1,1,0,0,1,9,13Zm4,0a1,1,0,1,1-1-1h0A1,1,0,0,1,13,13Zm4,0a1,1,0,1,1-1-1h0A1,1,0,0,1,17,13ZM9,17a1,1,0,1,1-1-1H8A1,1,0,0,1,9,17Zm4,0a1,1,0,1,1-1-1h0A1,1,0,0,1,13,17Zm4,0a1,1,0,1,1-1-1h0A1,1,0,0,1,17,17Z' transform='translate(-2.25 -2.25)' fill='%230029bc'/%3E%3C/svg%3E")}
.mna_rltd li:first-child{padding-top:0}
.mna_rltd li:last-child{border:0;padding-bottom:0}
.mna_bc {font-size: 14px;direction: rtl;color: #444;margin: 15px 0;padding: 8px 12px;background: #f9f9f9;border-radius: 8px;display: inline-block;}
.mna_bc a {text-decoration: none;color: #0077cc;transition: color 0.3s ease;}
.mna_bc a:hover {color: #ff6600;}
.mna_bc span {margin: 0 4px;}
.mna_bc .breadcrumb_last {color: #666;font-weight: bold;}
.mna_comnt {border-radius: 12px;padding: 20px;margin: 20px 0;box-shadow: 0 9px 27px 0 rgba(5,1,13,0.08);border: 1px solid rgba(5,1,13,0.07);background: #fff;}
.mna_comnt header h4 {font-size: 16px;font-weight: bold;color: #333;margin-bottom: 15px;display: flex;gap: 8px;}
.mna_comnt header h4 i svg {width: 28px;height: 28px;fill: var(--bg-color);}
.mna_comnths {display: flex;gap: 12px;margin-bottom: 12px;}
.mna_comnths input {flex: 1;padding: 10px 12px;border: 1px solid #ddd;border-radius: 8px;font-size: 14px;outline: none;transition: border-color 0.3s;}
.mna_comnths input:focus {border-color: var(--bg-color);}
.mna_comnth textarea {width: 100%;min-height: 120px;padding: 12px;border: 1px solid #ddd;border-radius: 8px;font-size: 14px;resize: vertical;outline: none;transition: border-color 0.3s;}
.mna_comnth textarea:focus {border-color: var(--bg-color);}
.mna_comnt button {margin-top: 15px;background: var(--bg-color);color: #fff;border: none;padding: 10px 20px;font-size: 14px;border-radius: 8px;cursor: pointer;transition: background 0.3s ease;}
.mna_comnt button:hover {background: #333}
.mna_comnta {margin-top: 20px;font-size: 14px;color: #777;text-align: center;padding: 10px;background: #fff;border-radius: 8px;border: 1px dashed #ddd;}
.mnax_comments {margin: 30px 0;padding: 20px;border-radius: 12px;direction: rtl;box-shadow: 0 9px 27px 0 rgba(5,1,13,0.08);border: 1px solid rgba(5,1,13,0.07);background: #fff;}
.mnax_comments h4 {font-size: 16px;font-weight: bold;margin-bottom: 20px;display: flex;gap: 8px;color: #333;}
.mnax_comments h4 svg {width: 20px;height: 20px;fill: var(--bg-color);}
.mnax_commentlist {list-style: none;margin: 0;padding: 0;}
.mnax_comment {background: #fff;border: 1px solid #eee;border-radius: 10px;padding: 15px;margin-bottom: 15px;box-shadow: 0 2px 4px rgba(0,0,0,0.05);}
.mnax_comment_header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;font-size: 13px;}
.mnax_author {font-weight: bold;color: var(--bg-color);}
.mnax_date {font-size: 12px;color: #888;}
.mnax_text {font-size: 14px;color: #444;margin-bottom: 10px;line-height: 1.6;}
.tmnxtm{position:fixed;height:85px;top:60%;text-decoration:none;z-index:501;cursor:pointer;transform:translate(0,-50%);width:38px;right:0;border-radius:15px 0 0 15px;transition:all 300ms ease-out;border-right:0;background:linear-gradient(180deg,rgba(204,204,204,1) 0%,rgba(221,221,221,1) 100%)}
.tmnxtm strong{transform:rotate(-90deg);position:absolute;width:74px;top:2.5em;right:-1.3em;color:#2c343f}
.tmnxtm.tmnxm2{right:initial;left:0;border-radius:0 15px 15px 0;border-left:0}
.tmnxtm.tmnxm2 strong{top:2.5em;right:-1.1em}
.tmnxtm a{position:absolute;width:100%;height:100%}
.tmnxtm:hover{background:var(--bg-color)!important}
.tmnxtm:hover strong{color:#fff}
.open-modal-btn {background: var(--bg-color);color: #fff;padding: 6px 15px;border: none;border-radius: 12px;cursor: pointer;font-size: 14px;transition: transform 0.2s ease, box-shadow 0.2s ease;}
.open-modal-btn:hover {transform: translateY(-2px);box-shadow: 0 6px 15px rgba(0,0,0,0.2);}
.modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background: rgba(0,0,0,0.5);justify-content: center;align-items: center;}
.modal-content {background: #fff;padding: 30px 25px;border-radius: 20px;box-shadow: 0 12px 30px rgba(0,0,0,0.2);
width: 420px;max-width: 95%;position: relative;display: flex;flex-direction: column;gap: 20px;overflow: hidden;}
.close-btn {position: absolute;top: 15px;left: 20px;background: transparent;border: none;cursor: pointer;padding: 5px;}
.close-btn svg {width: 22px;height: 22px;stroke: #333;transition: stroke 0.3s;}
.close-btn:hover svg {stroke: #ff4b2b;}
.field-group {position: relative;display: flex;flex-direction: column;opacity: 0;transform: translateY(30px);animation-fill-mode: forwards;text-align: right;}
.field-group label {display: flex;margin-bottom: 10px;font-weight: 600;color: #333;text-align: right;width: 50%;}
.field-group input, .field-group textarea {width: 100%;padding: 12px 50px 12px 12px;border-radius: 12px;
border: 1px solid #ccc;font-size: 14px;background: #f9f9f9;resize: none;transition: all 0.3s ease;min-height: 45px;box-sizing: border-box;direction: ltr;}
.field-group textarea {min-height: 100px;}
.field-group input:focus,
.field-group textarea:focus {border-color: #007BFF;background: #fff;outline: none;}
.copy-btn {position: absolute;top: 35px;right: 10px;background: var(--bg-color);
border: none;color: white;padding: 8px 12px;border-radius: 10px;cursor: pointer;font-size: 14px;display: flex;align-items: center;gap: 5px;transition: transform 0.2s ease, box-shadow 0.3s ease, background 0.5s ease;}
.copy-btn svg {width: 16px;height: 16px;fill: white;}
.copy-btn:hover {background: linear-gradient(135deg, #ff4b2b, #ff416c);transform: translateY(-2px);box-shadow: 0 6px 15px rgba(0,0,0,0.2);}
.tooltip {position: absolute;top: -35px;right: 0;background: #333;color: #fff;padding: 5px 12px;border-radius: 8px;font-size: 13px;opacity: 0;pointer-events: none;transform: translateY(-10px);transition: opacity 0.3s ease, transform 0.3s ease;}
.tooltip.show {opacity: 1;transform: translateY(0);}
@keyframes fadeInUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 500px) {
.modal-content {width: 90%;padding: 20px 15px;}
.copy-btn {top: 30px;}
}

@media screen and (max-width: 1024px) {
.dmw{width:100%}
}
@media screen and (max-width: 960px) {
.d-left,.d-right,.d-center{width:100%}
.d-center{order:1}
.ibpagenum{order:2}
.d-right{order:3;margin-top:1em}
.d-left{order:4}
}
@media screen and (max-width:800px) {
.header nav,.search,.d-center,.d-right,.d-left{width:100%}
.header{padding:.7em 0}
.dmulogo{width:110px;height:35px;margin-left:.8em}
.search{flex:1}
.d-center{padding:0}
.irbox ul{justify-content:flex-start}
.irbox li{width:auto;margin-left:.6em}
.irmenu ul,nav ul{display:block;overflow-x:auto;overflow-y:hidden;white-space:nowrap;text-align:center;width:100%}
.rjtms{width:100%;justify-content:center;text-align:center}

}
@media screen and (max-width: 680px) {
.vip ul li{width:33.3%}
.mna_share{width:100%}
}
@media screen and (max-width: 600px) {

}
@media screen and (max-width:640px) {

}
@media screen and (max-width: 520px) {
.smfmusic{width:100%}
.smfmusic ul{margin:0 0 1em}
.nscls{margin:1em 0 0}
}
@media screen and (max-width: 480px) {
.vip ul li{width:50%}
.tmarta a{width:100%;font-size:14px}
}
@media screen and (max-width: 425px) {

.tmarta svg{width:25px;height:25px;margin-left:.5em}
.namamp3s li a{width:100%;min-width:inherit}
}
@media screen and (max-width: 411px) {
.mifati,.mfcb{flex-direction:column;margin:0}
.mifati a{margin:1em 0 0}
.mfcb div{width:100%}
.mifahold{margin:0 0 1em}
.mktgis a{font-size:13px;padding:.7em 0}
}
@media screen and (max-width:385px) {
.mktgis{flex-direction:column}
.mktgis a{width:100%}
.insta{margin:0 0 1em}
}
@media screen and (max-width:240px) {
.mp3dl ul li{padding:.8em 0}
.mp3dl ul li a{padding:.6em}
.mp3dl ul li a::before{display:none}
}

.mna_dpbx {display: flex;align-items: center;flex: 1;justify-content: center;gap: 1em;}
.mna_dpbx > strong svg {margin: 0 0 0 .7em;width: 22px;height: 22px;fill: #fff;}
.mna_dpbx > strong, .mna_dpbx > .play {background: linear-gradient(160deg,var(--bg-color) 0%,#333 100%);color: #fff;padding: 0 1em;border-radius: 8px;height: 46px;display: flex;justify-content: center;align-items: center;margin-top: 1em;width: 48%;cursor: pointer;font-size: 14px;font-weight: bold;}
article.playing .mna_dpbx .play::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 11.93'%3E%3Cpath d='M5,.33c-1.1,0-2,.34-2,.78V11.48c0,.44.9.78,2,.78s2-.34,2-.78V1.11C7,.67,6.1.33,5,.33Zm6,0c-1.1,0-2,.34-2,.78V11.48c0,.44.9.78,2,.78s2-.34,2-.78V1.11C13,.67,12.1.33,11,.33Z' transform='translate(-3 -0.33)' fill='%23fff'/%3E%3C/svg%3E");}
article div .play::before, article .mna_dpbx .play::before {width: 15px;height: 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.74 14'%3E%3Cpath d='M3.93,15a2.3,2.3,0,0,1-1.15-.31h0a2.3,2.3,0,0,1-1.15-2V3.3a2.3,2.3,0,0,1,3.44-2L13.22,6a2.29,2.29,0,0,1,.84,3.14,2.26,2.26,0,0,1-.84.84l-8.15,4.7A2.27,2.27,0,0,1,3.93,15Z' transform='translate(-1.63 -1)' fill='%23fff'/%3E%3C/svg%3E");margin-left: .8em;}
article div .play::before, article div strong::before, article .mna_dpbx strong::before, article .mna_dpbx .play::before {content: "";background-size: cover;}
.dark article.playing .mna_dpbx .play::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 11.93'%3E%3Cpath d='M5,.33c-1.1,0-2,.34-2,.78V11.48c0,.44.9.78,2,.78s2-.34,2-.78V1.11C7,.67,6.1.33,5,.33Zm6,0c-1.1,0-2,.34-2,.78V11.48c0,.44.9.78,2,.78s2-.34,2-.78V1.11C13,.67,12.1.33,11,.33Z' transform='translate(-3 -0.33)' fill='%23333'/%3E%3C/svg%3E");}
.dark article div .play::before, .dark article .mna_dpbx .play::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.74 14'%3E%3Cpath d='M3.93,15a2.3,2.3,0,0,1-1.15-.31h0a2.3,2.3,0,0,1-1.15-2V3.3a2.3,2.3,0,0,1,3.44-2L13.22,6a2.29,2.29,0,0,1,.84,3.14,2.26,2.26,0,0,1-.84.84l-8.15,4.7A2.27,2.27,0,0,1,3.93,15Z' transform='translate(-1.63 -1)' fill='%23333'/%3E%3C/svg%3E");}
.mna_dlpup{opacity:0;visibility:hidden;position:fixed;z-index:1;padding-top:180px;left:0;top:0;width:100%;height:100%;overflow:auto;z-index:999;transition:all 300ms ease-out;background:rgb(31 31 31 / 70%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.mna_dlpupc{position:fixed;background:#151515;width:50%;padding:.8em 1.2em;border-radius:1em;z-index:9999;top:50%;transform:translate(-50%,-50%);left:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;box-shadow:0 4px 30px -10px #000}
.mna_dlpupt{display:flex;align-items:center;justify-content:space-between;margin:.2em 0 .5em}
.mna_dlpupt h3{position:relative;color:#e4e4e4;font-size:15px}
.mna_dlpupt h3 span svg{display:flex;position:absolute;left:-34px;top:-6px}
.mna_dlpupt h3::before {content: "";width: 6px;height: 16px;background: var(--bg-color);border-radius: 2px;float: right;margin: 3px 0 0 6px;}
.mna_dlpupt i {cursor: pointer;display: flex;justify-content: center;width: 35px;height: 35px;align-items: center;fill: #e4e4e4;color: #fff;}
.mna_dlpupc .mna_f{justify-content:center;padding:.5em 0;gap:.7em}
.mna_dlpupc .mna_f div{display:flex;flex-direction:column;width:100%;align-items:center}
.mna_dlpupc .mna_f div p{color:#e4e4e4;text-align:center;margin:0 0 1em}
.mna_dlpupc .mna_f div a{padding:0 3em}
.mna_dlpupc .mna_f a {display: flex;align-items: center;padding: .8em 1.2em;border-radius: .7em;height: 48px;background: var(--bg-color);color: #fff;gap: .6em;}
.mna_dlpupc .mna_f span{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}
.mna_dlpupc .mna_f span strong{font-weight:400;color:#fff}
.mna_f{display:flex;flex-wrap:wrap;align-items:center}
.mna_plyr{position:fixed;bottom:0;width:100%;display:none;z-index:999999}
.mna_plyr .mna_w{background:#000;backdrop-filter:blur(5px);overflow:visible;height:100%}
.mna_plyr .mna_f{justify-content:space-between;padding:.5em .5em .5em 1.2em}
.rtctrl{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse}
.mna_plyr.single{display:block;position:static;padding-top:0}
.mna_plyr.single.playlist .controls{flex-wrap:wrap}
.mna_plyr.single.playlist .time_box{margin-top:0}
.mna_plyr .mf_cls{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 371.23 371.23'%3E%3Cpolygon points='371.23 21.21 350.02 0 185.62 164.4 21.21 0 0 21.21 164.4 185.62 0 350.02 21.21 371.23 185.62 206.83 350.02 371.23 371.23 350.02 206.83 185.62 371.23 21.21' fill='%23ccc'/%3E%3C/svg%3E");width:18px;height:18px;display:flex;cursor:pointer;margin-right:1em}
.mna_plyr audio{display:none}
.mna_plyr .seekbar{background:#000;width:100%;height:8px;cursor:pointer;position:relative}
.mna_plyr .seekbar .move{background:var(--bg-color);position:absolute;width:0;height:100%;left:0}
.mna_plyr .controls{display:flex;flex-flow:row-reverse;justify-content:center;align-items:center}
.mna_plyr .controls .ico{margin:0 1em;cursor:pointer}
.mna_plyr .controls .ico.play{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.74 14'%3E%3Cpath d='M3.93,15a2.3,2.3,0,0,1-1.15-.31h0a2.3,2.3,0,0,1-1.15-2V3.3a2.3,2.3,0,0,1,3.44-2L13.22,6a2.29,2.29,0,0,1,.84,3.14,2.26,2.26,0,0,1-.84.84l-8.15,4.7A2.27,2.27,0,0,1,3.93,15Z' transform='translate(-1.63 -1)' fill='%23fff'/%3E%3C/svg%3E");width:15px;height:16px}
.mna_plyr .controls .ico.pause{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 11.93'%3E%3Cpath d='M5,.33c-1.1,0-2,.34-2,.78V11.48c0,.44.9.78,2,.78s2-.34,2-.78V1.11C7,.67,6.1.33,5,.33Zm6,0c-1.1,0-2,.34-2,.78V11.48c0,.44.9.78,2,.78s2-.34,2-.78V1.11C13,.67,12.1.33,11,.33Z' transform='translate(-3 -0.33)' fill='%23fff'/%3E%3C/svg%3E");width:15px;height:18px}
.mna_plyr .controls .ico.forward{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 103.35 123.06'%3E%3Cpath d='M60.22,113.81a4.54,4.54,0,0,1,0,9.07A60.23,60.23,0,1,1,89.71,10.16l-1.26-3.3a5.06,5.06,0,1,1,9.31-4c0,.12.1.24.14.36l5,13.15a4.87,4.87,0,0,1,.32,1.55,5,5,0,0,1-3.51,5.64L86.27,27.72a5,5,0,0,1-2.92-9.65l1.28-.39a50.59,50.59,0,0,0-10.19-4.19A51.17,51.17,0,1,0,60.22,113.81Zm14.4-7.71q-5,0-11.14-.58T51.62,104.3v-14H75.44a6,6,0,0,0,3.88-1,3.73,3.73,0,0,0,1.26-2.25A19.3,19.3,0,0,0,80.76,85V82.18a6.19,6.19,0,0,0-.86-3.52,3.77,3.77,0,0,0-3.31-1.27H72.65a4.8,4.8,0,0,0-3.14.82,3.53,3.53,0,0,0-1.13,2.36H51.81l1.89-42H95.45V54.22H68.68l-.45,10.19a7.86,7.86,0,0,1,3.69-1.48,29.29,29.29,0,0,1,4.29-.32h6.84a15.6,15.6,0,0,1,8.59,2.14,13.2,13.2,0,0,1,5,5.86,20.59,20.59,0,0,1,1.63,8.3v9.83a17.78,17.78,0,0,1-2.57,10,14.54,14.54,0,0,1-7.81,5.58,42.23,42.23,0,0,1-13.26,1.76Z' transform='translate(0.06 0.18)' fill='%23ccc'/%3E%3C/svg%3E");width:15px;height:18px}
.mna_plyr .controls .ico.backward{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 103.35 123.06'%3E%3Cpath d='M74.27,111.79A51.17,51.17,0,0,0,45.8,13.49a50.59,50.59,0,0,0-10.19,4.19l1.28.39A5,5,0,0,1,34,27.72L20.53,23.6A5,5,0,0,1,17,18a4.87,4.87,0,0,1,.32-1.55l5-13.15c0-.12.08-.24.13-.36a5.06,5.06,0,1,1,9.32,4l-1.26,3.3A60.23,60.23,0,1,1,60,122.88a4.54,4.54,0,0,1,0-9.07A51.32,51.32,0,0,0,74.27,111.79ZM43.62,106.1q-5,0-11.14-.58T20.62,104.3v-14H44.44a6,6,0,0,0,3.88-1,3.73,3.73,0,0,0,1.26-2.25A19.3,19.3,0,0,0,49.76,85V82.18a6.19,6.19,0,0,0-.86-3.52,3.77,3.77,0,0,0-3.31-1.27H41.65a4.8,4.8,0,0,0-3.14.82,3.53,3.53,0,0,0-1.13,2.36H20.81l1.89-42H64.45V54.22H37.68l-.45,10.19a7.86,7.86,0,0,1,3.69-1.48,29.29,29.29,0,0,1,4.29-.32h6.84a15.6,15.6,0,0,1,8.59,2.14,13.2,13.2,0,0,1,5,5.86,20.59,20.59,0,0,1,1.63,8.3v9.83a17.78,17.78,0,0,1-2.57,10,14.54,14.54,0,0,1-7.81,5.58,42.23,42.23,0,0,1-13.26,1.76Z' transform='translate(-16.94 0.18)' fill='%23ccc'/%3E%3C/svg%3E");width:15px;height:18px}
.mna_plyr .controls .ico.back,.mna_plyr .controls .ico.next{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 511.98 384.1'%3E%3Cpath d='M11.5,280.6l192,160c20.6,17.2,52.5,2.8,52.5-24.6V96c0-27.4-31.9-41.8-52.5-24.6l-192,160A32.11,32.11,0,0,0,11.5,280.6Zm256,0,192,160c20.6,17.2,52.5,2.8,52.5-24.6V96c0-27.4-31.9-41.8-52.5-24.6l-192,160A32.11,32.11,0,0,0,267.5,280.6Z' transform='translate(-0.02 -63.95)' fill='%23ccc'/%3E%3C/svg%3E");width:23px;height:17px}
.mna_plyr .controls .ico.next{transform:rotate(180deg)}
.mna_plyr .controls .ico.volume{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.67 14.67'%3E%3Cpath d='M11.09,4.69a1,1,0,1,0-1.6,1.2h0A3.54,3.54,0,0,1,10.23,8a3.54,3.54,0,0,1-.74,2.12,1,1,0,0,0,1.58,1.23l0,0A5.53,5.53,0,0,0,12.23,8,5.5,5.5,0,0,0,11.09,4.69Zm2.49-1.56A1,1,0,0,0,12.17,3,1,1,0,0,0,12,4.37l0,0A6,6,0,0,1,13.33,8,5.84,5.84,0,0,1,12,11.61a1,1,0,0,0,1.55,1.27A7.81,7.81,0,0,0,15.33,8,7.81,7.81,0,0,0,13.58,3.13ZM7.6.72a.68.68,0,0,0-.72.13L3.51,4H1.33a.67.67,0,0,0-.66.67v6.67a.67.67,0,0,0,.66.66H3.51l3.34,3.12v0A.67.67,0,0,0,8,14.59V1.33A.66.66,0,0,0,7.6.72Z' transform='translate(-0.67 -0.67)' fill='%23ccc'/%3E%3C/svg%3E");width:18px;height:18px;cursor:default}
.mna_plyr .controls .ico.repeat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 443.73'%3E%3Cpath d='M392.53,34.13H119.47A119.6,119.6,0,0,0,0,153.6V307.2A119.6,119.6,0,0,0,119.47,426.67H179.2a34.14,34.14,0,0,0,0-68.27H128a59.8,59.8,0,0,1-59.73-59.73V162.13A59.8,59.8,0,0,1,128,102.4H384a59.8,59.8,0,0,1,59.73,59.73V298.67A59.8,59.8,0,0,1,384,358.4H366.93V315.73a8.53,8.53,0,0,0-13.65-6.82l-102.4,76.8a8.54,8.54,0,0,0,0,13.65l102.4,76.8a8.53,8.53,0,0,0,13.65-6.83V426.67h25.6A119.6,119.6,0,0,0,512,307.2V153.6A119.6,119.6,0,0,0,392.53,34.13Z' transform='translate(0 -34.13)' fill='%23ccc'/%3E%3C/svg%3E");width:21px;height:18px}
.mna_plyr .controls .ico.repeat.active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 443.73'%3E%3Cpath d='M392.53,34.13H119.47A119.6,119.6,0,0,0,0,153.6V307.2A119.6,119.6,0,0,0,119.47,426.67H179.2a34.14,34.14,0,0,0,0-68.27H128a59.8,59.8,0,0,1-59.73-59.73V162.13A59.8,59.8,0,0,1,128,102.4H384a59.8,59.8,0,0,1,59.73,59.73V298.67A59.8,59.8,0,0,1,384,358.4H366.93V315.73a8.53,8.53,0,0,0-13.65-6.82l-102.4,76.8a8.54,8.54,0,0,0,0,13.65l102.4,76.8a8.53,8.53,0,0,0,13.65-6.83V426.67h25.6A119.6,119.6,0,0,0,512,307.2V153.6A119.6,119.6,0,0,0,392.53,34.13Z' transform='translate(0 -34.13)' fill='%23d4a66c'/%3E%3C/svg%3E")}
.mna_plyr .controls .volume_seek{background:#525252;width:100px;height:8px;cursor:pointer;position:relative;overflow:hidden}
.mna_plyr .controls .volume_seek .move{background:var(--bg-color);position:absolute;width:100%;height:100%;left:0;bottom:0}
.mna_plyr .time_box{color:#737373;font-size:20px;direction:ltr;margin-left:.5em;gap:.5em;display:flex}
.mna_plyr .time_box .timer{color:#737373}
.mna_plyr .time_box .duration{color:#e4e4e4}
.mna_plyr .infos{display:flex;align-items:center;flex:1}
.mna_plyr .infos .title{color:#444}
.mna_plyr .infos .title h5{font-size:15px;color:#e4e4e4}
.mna_plyr .infos .title h6{font-size:13px;color:var(--bg-color)}
.mna_plyr .infos figure{margin-left:1em}
.mna_plyr .infos figure img{width:55px;height:55px;display:flex;border-radius:8px;box-shadow:0 0 10px #000}
@media screen and (max-width:750px) {
.mna_plyr .infos{position:absolute;top:-57px;right:.7em;background:#232323;padding:.4em .4em .4em .6em;border-radius:8px}
.mna_plyr .infos figure img{width:40px;height:40px;margin-left:.5em}
.mna_plyr .infos .title h5{font-size:13px}
.mna_plyr .infos .title h6{font-size:12px}
.mna_plyr .mna_f{justify-content:center}
.mna_plyr .time_box{font-size:16px}
.mna_plyr .time_box .duration{margin-left:.2em}
.mna_plyr .time_box .timer{margin-right:.2em}
.mna_plyr .mf_rw{justify-content:center}
.mna_plyr .mf_cls{margin:0;position:absolute;top:-34px;left:8px;width:26px;height:26px;background-color:#0c0c0c;padding:.2em;border-radius:4px;border:7px solid #0c0c0c}
.mna_plyr .infos figure{margin-left:.3em}
}
@media screen and (max-width:520px) {
.mna_plyr .controls .ico{margin:0 .7em}
.mna_plyr .mna_f{padding:1em 0}
.mna_plyr .seekbar{background:#232323}
}
@media screen and (max-width:480px) {
.rtctrl{width:100%}
.mna_plyr .controls .volume_seek,.mna_plyr .controls .ico.volume{display:none}
.mna_plyr .time_box{font-size:14px;margin-left:0;margin-right:.5em}
}
@media screen and (max-width:320px) {
.mna_plyr .time_box{display:none}
.mna_plyr .controls{width:100%}
.mna_dpbx > strong, .mna_dpbx > .play,.mna_dpbx > strong, .mna_dpbx > .play{width:100%}
.mna_dpbx {flex-direction: column;}
}
.mna_dpbx {display: flex;align-items: center;justify-content: center;}
.mna_dpbx > span {background: #fff;}
.music-box {background: #ffffff;border: 1px solid #f1f1f2;border-radius: 8px;padding: 8px 10px;margin: 20px auto;box-shadow: 0 -20px 20px rgba(1,3,13,0.06) inset;}
.music-content {color: #333;line-height: 1.6;display: flex;justify-content: space-around;}
.music-note {font-size: 14px;display: flex;align-items: center;font-weight: 700;}
.music-note::before {
	content: "";
	height: 30px;
	width: 30px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' role='img' class='iconify iconify--twemoji' preserveAspectRatio='xMidYMid meet'%3E%3Cpath fill='%23DA0001' d='M0 27a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4v-4H0v4z'%3E%3C/path%3E%3Cpath fill='%23EEE' d='M0 13h36v10H0z'%3E%3C/path%3E%3Cpath fill='%23239F40' d='M36 13V9a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4v4h36z'%3E%3C/path%3E%3Cpath fill='%23E96667' d='M0 23h36v1H0z'%3E%3C/path%3E%3Cg fill='%23BE1931'%3E%3Cpath d='M19.465 14.969c.957.49 3.038 2.953.798 5.731c1.391-.308 3.162-4.408-.798-5.731zm-2.937 0c-3.959 1.323-2.189 5.423-.798 5.731c-2.24-2.778-.159-5.241.798-5.731zm1.453-.143c.04.197 1.101.436.974-.573c-.168.408-.654.396-.968.207c-.432.241-.835.182-.988-.227c-.148.754.587.975.982.593z'%3E%3C/path%3E%3Cpath d='M20.538 17.904c-.015-1.248-.677-2.352-1.329-2.799c.43.527 1.752 3.436-.785 5.351l.047-5.097l-.475-.418l-.475.398l.08 5.146l-.018-.015c-2.563-1.914-1.233-4.837-.802-5.365c-.652.447-1.315 1.551-1.329 2.799c-.013 1.071.477 2.243 1.834 3.205a6.375 6.375 0 0 1-1.678.201c.464.253 1.34.192 2.007.131l.001.068l.398.437l.4-.455v-.052c.672.062 1.567.129 2.039-.128a6.302 6.302 0 0 1-1.732-.213c1.344-.961 1.83-2.127 1.817-3.194z'%3E%3C/path%3E%3C/g%3E%3Cpath fill='%237BC58C' d='M0 12h36v1H0z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-left: 10px;
}
.music-info {font-size: 14px;display: flex;align-items: center;font-weight: 700;}
.music-info::before {
	content: "";
	height: 30px;
	width: 30px;
	background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M330.568,309.531l-46.421,46.421L121.679,193.484l46.421-46.421L63.654,42.621L28.841,77.435 c-38.456,38.456-38.454,100.804,0,139.26l232.096,232.096c38.456,38.456,100.803,38.454,139.258,0l34.814-34.814L330.568,309.531z '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M492.588,53.781c-25.883-25.883-67.848-25.883-93.732,0L365.38,87.256l-33.475-33.477 c-25.883-25.883-67.848-25.883-93.731,0s-25.883,67.848,0,93.731l127.207,127.207L492.589,147.51 C518.471,121.629,518.471,79.664,492.588,53.781z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-left: 10px;
}
.music-phone {color: #fff;font-weight: bold;display: inline-block;animation: pulse 3s infinite;margin-right: 1em;}
@keyframes pulse {
  0% {
    transform: scale(1);
    color: #000;
  }
  50% {
    transform: scale(1.15);
    color: #e63946;
  }
  100% {
    transform: scale(1);
    color: #000;
  }
}
.dl_button {
	display: inline-block;
	padding: 10px 25px;
	background-color: var(--bg-color);
	color: #fff !important;
	font-weight: bold;
	text-decoration: none;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.15);
	transition: all 0.3s ease;
	margin-bottom: 1em;
}
.dl_button:hover {
	background-color: #000;
	transform: translateY(-1px);
	box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}

.mnam_pg404 {
	max-width: 800px;
	margin: 50px auto;
	padding: 30px;
	background: var(--box-shadow-color);
	border: 1px solid var(--bg-color);
	border-radius: 12px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	direction: rtl;
	text-align: center;
}

.mnam_pg404 header h1, .mnam_pg404 header h2 {
	font-size: 24px;
	color: var(--bg-color);
	margin-bottom: 20px;
}

.mnam_pg404 div p {
    font-size: 16px;
    color: #444;
    margin: 10px 0;
    line-height: 1.6;
}

.mnam_pg404 div svg {
    width: 150px;
    height: auto;
    margin: 20px 0;
}

.mnam_pg404 div h3 {
    font-size: 18px;
    color: #d35400;
    margin: 15px 0 10px 0;
}

.mnam_pg404 div a {
    display: inline-block;
    margin: 10px 5px;
    padding: 10px 20px;
    background: #f1ae1d;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.3s;
}

.mnam_pg404 div a:hover {
    background: #d35400;
}

@media screen and (max-width: 800px) {
.mna_dlpupc {width: 80%;}
}
@media screen and (max-width: 640px) {
.mna_dlpupc,.mna_dpbx > strong, .mna_dpbx > .play {width: 95%;}
.mna_dpbx {flex-direction: column;flex:1;}
.drow {padding: 0;}
.postxinfo {display: none;}
.postinfo {border-right: 0;}
.postinfo .hding {font-size: 16px;}
.nscls {display: flex;gap: 1em;background: #403f3f;border-radius: 1em;}
.copyright .drw.dvf {justify-content: center;}
.music-content {flex-direction: column;}
.music-note, .music-info {font-size: 13px;font-weight: normal;}
.music-note::before,.music-info::before {display: none;}
.mna_comnths {flex-direction: column;}
}
