/*
Theme Name: Behmusic Optimized
Description: Organized and Cleaned Style
*/

/* =========================================
   1. Fonts & Global Reset
   ========================================= */
@font-face {
    font-family: 'behmusic';
    src: url('https://behmusics.com/wp-content/themes/Behmusic-4/fonts/behmusic.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('https://behmusics.com/wp-content/themes/Behmusic-4/fonts/YekanBakhFaNum-Regular.woff2') format('woff2'),
         url('https://behmusics.com/wp-content/themes/Behmusic-4/fonts/YekanBakhFaNum-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'behmusic' !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
}

* {
    outline: 0;
    box-sizing: border-box;
    border: 0;
    padding: 0;
    margin: 0;
}

body {
    font: 14px 'Dana', Tahoma;
    text-align: center;
    direction: rtl;
    background: #e5e5e5;
    cursor: default;
    padding-top: 90px !important;
}

ul, li, ol, form, div, h1, h2, h3, h4, h5, h6 {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    transition: all 0.3s ease-out;
    color: #555;
}

a img { border: 0; }

button, label, select {
    cursor: pointer;
    transition: all 0.3s ease-out;
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
}

.clear:before, .container:after {
    content: "";
    display: table;
}

.hide { display: none !important; }
.clear_none { display: none; }

/* =========================================
   2. Main Layout
   ========================================= */
.fixw {
    margin: 0 auto;
    width: 1200px;
}

.d1000, .d1001 {
    width: 1200px;
    margin: 0 auto;
}

.main_part {
    padding: 0;
    overflow: hidden;
}

/* ساختار ستون‌ها */
.mpf_right {
    float: right;
    /* عرض اصلاح شده برای جلوگیری از افتادن سایدبار */
    width: 940px; 
}

.mp_center {
    float: left;
    width: 660px;
    margin: 0 10px;
}

.mp_right {
    float: right;
    width: 260px;
    overflow: hidden;
}

.mp_left {
    float: left;
    width: 260px;
    overflow: hidden;
}

/* =========================================
   3. Header (Main Style)
   ========================================= */
.main-header {
    /* شفافیت به 0.35 کاهش یافت تا بلور دیده شود */
    background: rgb(31 121 193); 
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    height: 65px;
    width: 94%;
    max-width: 1200px;
    position: fixed;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    border-radius: 15px;
    box-shadow: 0 8px 32px 0 rgba(0, 109, 174, 0.15);
    font-family: 'Dana', sans-serif;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.header-container {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#menu-toggle-check { display: none; }

/* Logo */
.logo {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1001;
}

.logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    color: #fff;
    transition: color 0.3s ease;
}

.logo-icon {
    display: block;
    width: 38px;
    height: 38px;
    background-color: #e74c3c;
    border-radius: 50%;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTQzLjEsMTYuN2MtMC41LTAuMy0xLjEtMC41LTEuNi0wLjVjLTEuMSwwLTIuMSwwLjUtMi42LDEuNWMtMC45LDEuNS0wLjUsMy40LDEsNC4zYzEuMSwwLjcsMS43LDEuOSwxLjcsMy4xYzAsMS4zLTAuNywyLjUtMS43LDMuMUwxNi4xLDQzYy0wLjYsMC40LTEuMywwLjYtMiwwLjZjLTAuNiwwLTEuMi0wLjItMS44LTAuNWMtMS4yLTAuNy0xLjktMS45LTEuOS0zLjJWMTAuM2MwLTEuNCwwLjctMi42LDEuOS0zLjJjMC42LTAuMywxLjItMC41LDEuOC0wLjVjMC43LDAsMS40LDAuMiwyLDAuNmwxMy44LDguNmMwLjUsMC4zLDEuMSwwLjUsMS42LDAuNWMxLjEsMCwyLjEtMC41LDIuNi0xLjVjMC40LTAuNywwLjYtMS41LDAuNC0yLjNjLTAuMi0wLjgtMC43LTEuNS0xLjQtMS45TDE5LjQsMS45Yy0xLjYtMS0zLjQtMS41LTUuMi0xLjVjLTEuNywwLTMuMywwLjQtNC44LDEuM2MtMy4yLDEuOC01LjEsNS01LjEsOC43djI5LjZjMCwzLjcsMS45LDYuOSw1LjEsOC43YzEuNSwwLjgsMy4yLDEuMyw0LjgsMS4zYzEuOCwwLDMuNi0wLjUsNS4yLTEuNWwyMy44LTE0LjhjMi45LTEuOCw0LjctNSw0LjctOC40QzQ3LjgsMjEuNiw0Ni4xLDE4LjUsNDMuMSwxNi43eiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    flex-shrink: 0;
}

.icon-bmtxt {
    font-family: 'behmusic' !important;
    font-style: normal;
    font-size: 30px;
    line-height: 1;
    position: relative;
    bottom: 4px;
    margin: 0;
}
.icon-bmtxt::before { content: "\e902"; min-height: 40px; }

.logo a:hover .logo-icon {
    transform: scale(1.1) rotate(360deg);
    transition: transform 0.8s ease;
}

/* Nav Menu */
.nav-menu { display: flex; align-items: center; gap: 3px; }
.nav-menu a {
    color: rgba(255,255,255,0.95);
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 20px;
    transition: all 0.25s ease;
    font-weight: 500;
    white-space: nowrap;
}
.nav-menu a:hover {
    background: rgba(255,255,255,0.15);
    color: #fff;
    transform: translateY(-1px);
}
.nav-menu a.active { background: rgba(255,255,255,0.25); color: #fff; font-weight: bold; }

.mobile-search-box { display: none; }

.menu-toggle-btn {
    display: none;
    cursor: pointer;
    width: 28px;
    height: 22px;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1001;
    position: relative;
}
.menu-toggle-btn span {
    display: block;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    transition: 0.3s;
}

/* Desktop Search */
.desktop-search input {
    background: rgba(255,255,255,0.2);
    border: none;
    padding: 8px 10px;
    border-radius: 8px;
    color: #fff;
    width: 160px;
    font-family: 'Dana', sans-serif;
    font-size: 13px;
    padding-left: 35px !important;
}
.desktop-search input::placeholder { color: rgba(255,255,255,0.7); }
.desktop-search form, .mobile-search-box form {
    position: relative;
    display: flex;
    align-items: center;
}
.search-btn {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    opacity: 0.7;
    transition: 0.3s;
}
.search-btn:hover { opacity: 1; transform: translateY(-50%) scale(1.1); }
.search-btn svg { width: 18px; height: 18px; }
.desktop-search .search-btn { color: #fff; }
.mobile-search-box .search-btn { color: #888; }

/* =========================================
   4. Sidebar & Widgets
   ========================================= */
.mp_box, .mp_box_x1, .mp_box_ads {
    margin: 0 0 15px 0;
    overflow: hidden;
    border-radius: 5px;
}

.mpb_head {
    background: #f2f2f2;
    overflow: hidden;
    padding: 1em;
}

.mpb_head i {
    float: right;
    width: 33px;
    height: 33px;
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
    padding: 8px;
}

.mpb_head p, .mpb_head h3 {
    display: block;
    float: right;
    font-weight: 700;
    font-size: 14px;
    line-height: 35px;
    text-indent: 10px;
}
.mpb_head p { color: #666; text-shadow: 1px 1px 0 #fff; }

.mpb_body, .mpb_left {
    background: #fff;
    overflow: hidden;
}

/* Widget Colors */
.mpb_ads { background-color: #0091d5; }
.mpbb_ads { border-top: 2px solid #0091d5; padding: 10px 5px; }
.mpbb_tax { border-top: 2px solid #0091d5; padding: 10px 5px; font-size: 15px; text-align: right; direction: rtl; }
.mpbb_ads_left, .mpbb_ads2 { border-top: 2px solid #0091d5; padding: 10px 0; }

.mpb_archive { background-color: #c14900; }
.mpbb_archive { border-top: 2px solid #c14900; }

.mpb_search { background-color: #7daf21; }
.mpbb_search { border-top: 2px solid #7daf21; color: #666; padding: 16px 0; font-size: 12px; }

.mpb_stat { background-color: #c14900; }
.mpbb_stat { border-top: 2px solid #c14900; color: #444; padding: 15px 0; }

/* Menus in Sidebar */
.right_menu { margin: 10px; }
.right_menu a {
    display: block; text-align: right; color: #666; padding: 5px; font-size: 14px;
}
.right_menu a:hover { color: #c14900; }
.right_menu a:before {
    content: ""; float: right; border: 1px solid #c14900; width: 5px; height: 5px;
    border-radius: 50px; margin: 8px 0 0 5px;
}
.right_menu span {
    display: block; margin: 10px 0; color: #333; text-align: right;
    font-weight: 700; font-size: 14px; border-bottom: 1px dashed #e5e5e5; padding: 0 0 10px;
}
.right_menu span:before {
    content: ""; float: right; border: 1px solid #555; width: 5px; height: 5px;
    margin: 8px 0 0 5px; transform: rotate(45deg);
}

.top_view { text-align: right; }
.top_view a {
    color: #444; margin-top: 5px; padding: 5px; display: block;
    text-align: right; font-size: 14px; font-weight: 700; border-bottom: 1px solid #f2f2f2;
}
.top_view li:last-child a { border: 0; }
.top_view a:before {
    content: ""; float: right; background: #ccc; width: 5px; height: 5px; margin: 7px 0 0 7px;
}
.top_view a:hover { color: #167cd3; }
.top_view a:hover:before { background: #167cd3; }

.last_view { text-align: right; }
.last_view a { color: #000; display: block; text-align: right; font-size: 16px; }
.last_view ul { display: flex; flex-wrap: wrap; }
.last_view li { width: 33.33%; padding: 7px 3px; float: right; }
.last_view li p { text-align: center; margin-bottom: 7px; font-size: 14px; }
.last_view a:hover { color: #167cd3; }
.last_view a:hover:before { background: #167cd3; }

/* Ads Boxes */
.behmusicads1 { padding: 0 1em; min-height: 260px; margin: 10px 0; text-align: center; }
.behmusicads2 { padding: 0 1em; min-height: 250px; margin: 10px 0; text-align: center; }
.behmusicads3 { padding: 0 1em; margin-top: 5px; min-height: 46px; }
.behmusicads4 { text-align: center; }

/* Old Search Widget (Preserved) */
.searchbox {
    width: 250px; float: left; border-radius: 4px; overflow: hidden;
    margin: 7px 0 0 7px; background: #fff; position: relative; height: 40px;
}
.searchbox .searchtext {
    border: 0; font: 16px/39px 'Dana', Tahoma; padding: 0 10px; background: none; position: absolute; right: 0;
}
.searchbox .searchsubmit {
    border: 0; height: 40px; width: 40px; position: absolute; left: 0; top: 0;
    background: #0080bc; color: #fff; font-size: 40px;
}
.searchbox .searchtext:hover+.searchsubmit { opacity: .8; }
.searchbox .searchsubmit:hover { background: #333; }

/* =========================================
   5. Post Content
   ========================================= */
.post {
    margin: 0 0 15px 0;
    border-radius: 5px;
    overflow: hidden;
}

.post_head {
    background: #f2f2f2;
    overflow: hidden;
}
.post_head h1, .post_head h2, .post_head h4, .post_head .entry-title a {
    float: right; padding: 10px; font-size: 16px; font-weight: bold; color: #000;
}
.post_head a:hover { color: #007ab3; }
.h1_singer { text-align: center; font-size: 22px; }

.post_text {
    background: #fff; color: #222; overflow: hidden; text-align: justify;
    font-size: 14px; line-height: 2; padding: 1em 1em .5em; border-top: 2px solid #0091d5;
}
.post_text h2 { font-size: 15px; color: #333; }
.post_text img { max-width: 500px; height: auto; transition: all 0.3s ease-out; }
.post_text video {
    width: 100%; background: #fff; border-radius: 20px; object-fit: cover;
    border: 2px solid #e5e5e5; padding: 3px; display: block; margin: 15px auto;
}
.post_text video:hover { border-radius: 20px; border-color: #00a7ed; }

.single_post { color: #000; font-size: 14px; }
.single_post a { color: red; }
.single_post a:hover { color: #0091D5; }

/* Images */
.post_img, .post_aimg { text-align: center; position: relative; }
.post_img a, .post_aimg a { margin-bottom: -15px; display: block; }
.post_img img, .post_aimg img {
    width: 100%; height: auto; transition: all 0.1s ease-in 0.1s;
    border: 2px solid #e5e5e5; margin: 10px 0 15px; border-radius: 20px; padding: 3px;
}
.post_img img:hover, .post_aimg img:hover { border-radius: 20px; border-color: #00a7ed; }

.post_img_cover {
    aspect-ratio: 1 / 1 !important; height: auto !important; display: block !important;
    min-height: 500px; max-height: 500px; overflow: hidden; border-radius: 22px; margin: 20px auto 30px;
}
.post_img_cover img {
    max-width: none !important; width: 100% !important; height: 100% !important;
    object-fit: cover; object-position: center; display: block;
}
@media (hover: hover) {
    .post_img_cover:hover img { transform: scale(1.04); filter: contrast(1.05) saturate(1.05); }
}

.post_foot { margin: 0 0 8px 0; }
.post_foot span {
    float: right; margin: 10px 5px 0 5px; color: #555; font-size: 14px;
}
.post_foot span i { float: right; margin: 0 0 0 4px; color: #0091d5; }
.post_foot span a { color: #555; margin-left: 5px; }
.post_foot span a:hover { color: #0091d5; }
.post_foot .pf_more {
    float: left; padding: 5px 50px; color: #fff; background: #C65115;
    border-radius: 5px; overflow: hidden; font-size: 15px; font-weight: 700; margin-top: 4px;
}
.post_foot .pf_more:hover { background: #f98e5a; }

/* Tags */
.bhtag {
    display: flex; justify-content: space-between; position: relative;
    box-shadow: inset 0 0 0 2px #cfcfcf; margin: 0 0 1.2em;
}
.bhtag::before, .bhtag::after {
    content: ""; position: absolute; z-index: 0; background: #fff;
    left: 0; top: 50%; transform: translate(0,-50%);
}
.bhtag::before { width: 100%; height: calc(100% / 1.5); }
.bhtag::after { width: calc(100% / 1.1); height: 100%; left: 50%; transform: translate(-50%,0); z-index: 1; }
.bhtag p, .bhtag a {
    color: #000; position: relative; z-index: 2; width: 50%; padding: .7em;
    display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;
}
.post_tag {
    background: #fff; border: 1px solid #d4d4d4; padding: 10px;
    margin-top: 10px; color: #444; overflow: hidden; text-align: justify;
}
.post_tag A { color: #000; }

/* Breadcrumb & Navigation */
#bread { background: rgb(244, 244, 244); width: 100%; border-radius: 4px; }
#breadcrumbs { color: #555; text-align: right; padding: 1em .7em; font-size: 14px; margin-bottom: 1em; }

.wp-pagenavi { float: right; background: #fff; width: 100%; padding: 1em; }
.wp-pagenavi a, .wp-pagenavi span {
    display: block; float: right; padding: 13px; color: #555; font-size: 16px; background: #f2f2f2;
}
.wp-pagenavi .pages { background: #333; color: #fff; }
.wp-pagenavi span.current, .wp-pagenavi a:hover { color: #fff; background: #1F79C1; }

.navigation { text-align: center; font-size: 14px; }
.page-numbers {
    display: inline-block; padding: 5px 10px; margin: 0 2px 0 0; color: #F04530;
    font-weight: bold; border: 1px solid #eee; line-height: 1; text-decoration: none; border-radius: 2px;
}
.page-numbers.current, a.page-numbers:hover { color: #fff; background: #F04530; }

/* =========================================
   6. Download, Player, Single Buttons
   ========================================= */
.lyric { width: auto; padding: 10px; background: #fff; text-align: center; border: 1px solid #d9d9d8; font: 14px; line-height: 2; }
.lyric A { font-weight: 700; }
.lyric A:hover { color: #222; }
.lyric_text { font: 15px; color: #1F79C1; padding: 1em; display: block; text-align: center; }

/* Buttons */
.button, .buttonv, .buttons {
    display: block; font-size: 17px; margin: 10px 0; text-align: center;
    padding: 10px; border-top: 1px solid rgba(255, 255, 255, .2);
    border-bottom: 2px solid rgba(0, 0, 0, .2); color: #FFF !important;
    border-radius: 12px; position: relative; text-shadow: 0 0 .01px currentColor;
}
.button { background: #1F79C1; }
.button:hover { background: #429FEA; }
.button.dl128 { background: #546E7A; }
.button.dl128:hover { background: #658797; }
.buttonv { background: #7c02da; }
.buttonv:hover { background: #a446ec; }
.buttons { background: #d32424; }
.buttons:hover { background: #f57777; }

.buttonv:before { content: "\e910"; }
.buttons:before, .button:before { content: "\e90f"; }
.buttonv:before, .buttons:before, .button:before {
    font-family: behmusic; position: absolute; left: 15px; top: 16px;
    font-size: 18px; opacity: 0; transition: all 0.3s ease-out;
}
.button:hover:before, .buttonv:hover:before, .buttons:hover:before { opacity: 1; top: 8px; }

.download_box { background: #fff; padding-top: 10px; }
.download_box a {
    display: block; text-align: center; font: bold 15px/3; margin: 2px auto;
    color: rgb(255, 255, 255); padding: 5px 12px; border-radius: 1px;
    transition: 0.2s; width: 100%;
}
.download_box A:hover { background: #0290DA; color: #fff !important; }

/* Play/Download List */
.single_dl_links { width: 96%; margin: 10px auto; }
.single_dl_links>DIV {
    background: #fff; position: relative; margin-bottom: 3px; transition: .1s;
    border-radius: 10px; display: flex; align-items: center; justify-content: flex-start; gap: 10px;
}
.single_dl_links>DIV.lyric { background: none; transition: 0s; border-radius: 0; }
.single_dl_links>DIV:hover { box-shadow: 0 0 8px #ddd; }
.single_dl_links>DIV:hover strong { color: #24a2d9; }
.single_dl_links>DIV>SPAN {
    display: block; float: right; margin: 8px; text-align: center; font-size: 16px;
    color: #555; transition: .3s; background: #fff; border-radius: 50%; line-height: 2.5;
}
.single_dl_links>DIV>STRONG, .single_dl_links>DIV>.divStrong {
    display: block; text-align: right; white-space: nowrap; transition: .3s; overflow: hidden;
    line-height: 3.5; word-break: keep-all; text-overflow: ellipsis; font-size: 16px; color: #136398;
}
.single_dl_links img {
    position: absolute; top: 7px; right: 9px; width: 36px; height: 36px;
    border-radius: 7px; transition: .2s;
}

/* Track Download */
.track_dl { position: absolute; top: 4px; left: 0; z-index: 5; }
.track_dl A, .track_dl SPAN {
    display: flex; float: left; min-width: 85px; height: 42px; padding: 0 25px;
    color: rgb(255, 255, 255); transition: 0.1s; cursor: pointer; border-radius: 5px;
    margin-right: 5px; justify-content: center; align-items: center;
}
.track_dl SPAN:hover { background: #e9eff5; }
.track_dl SPAN b {
    width: 33px; height: 33px; display: block; margin: 0 auto; border-radius: 5px; margin-top: 5px;
}
.track_dl span.icon-play6 b {
    background-color: #fff;
    mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTQzLjEsMTYuN2MtMC41LTAuMy0xLjEtMC41LTEuNi0wLjVjLTEuMSwwLTIuMSwwLjUtMi42LDEuNWMtMC45LDEuNS0wLjUsMy40LDEsNC4zYzEuMSwwLjcsMS43LDEuOSwxLjcsMy4xYzAsMS4zLTAuNywyLjUtMS43LDMuMUwxNi4xLDQzYy0wLjYsMC40LTEuMywwLjYtMiwwLjZjLTAuNiwwLTEuMi0wLjItMS44LTAuNWMtMS4yLTAuNy0xLjktMS45LTEuOS0zLjJWMTAuM2MwLTEuNCwwLjctMi42LDEuOS0zLjJjMC42LTAuMywxLjItMC41LDEuOC0wLjVjMC43LDAsMS40LDAuMiwyLDAuNmwxMy44LDguNmMwLjUsMC4zLDEuMSwwLjUsMS42LDAuNWMxLjEsMCwyLjEtMC41LDIuNi0xLjVjMC40LTAuNywwLjYtMS41LDAuNC0yLjNjLTAuMi0wLjgtMC43LTEuNS0xLjQtMS45TDE5LjQsMS45Yy0xLjYtMS0zLjQtMS41LTUuMi0xLjVjLTEuNywwLTMuMywwLjQtNC44LDEuM2MtMy4yLDEuOC01LjEsNS01LjEsOC43djI5LjZjMCwzLjcsMS45LDYuOSw1LjEsOC43YzEuNSwwLjgsMy4yLDEuMyw0LjgsMS4zYzEuOCwwLDMuNi0wLjUsNS4yLTEuNWwyMy44LTE0LjhjMi45LTEuOCw0LjctNSw0LjctOC40QzQ3LjgsMjEuNiw0Ni4xLDE4LjUsNDMuMSwxNi43eiIvPjwvc3ZnPg==');
    -webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTQzLjEsMTYuN2MtMC41LTAuMy0xLjEtMC41LTEuNi0wLjVjLTEuMSwwLTIuMSwwLjUtMi42LDEuNWMtMC45LDEuNS0wLjUsMy40LDEsNC4zYzEuMSwwLjcsMS43LDEuOSwxLjcsMy4xYzAsMS4zLTAuNywyLjUtMS43LDMuMUwxNi4xLDQzYy0wLjYsMC40LTEuMywwLjYtMiwwLjZjLTAuNiwwLTEuMi0wLjItMS44LTAuNWMtMS4yLTAuNy0xLjktMS45LTEuOS0zLjJWMTAuM2MwLTEuNCwwLjctMi42LDEuOS0zLjJjMC42LTAuMywxLjItMC41LDEuOC0wLjVjMC43LDAsMS40LDAuMiwyLDAuNmwxMy44LDguNmMwLjUsMC4zLDEuMSwwLjUsMS42LDAuNWMxLjEsMCwyLjEtMC41LDIuNi0xLjVjMC40LTAuNywwLjYtMS41LDAuNC0yLjNjLTAuMi0wLjgtMC43LTEuNS0xLjQtMS45TDE5LjQsMS45Yy0xLjYtMS0zLjQtMS41LTUuMi0xLjVjLTEuNywwLTMuMywwLjQtNC44LDEuM2MtMy4yLDEuOC01LjEsNS01LjEsOC43djI5LjZjMCwzLjcsMS45LDYuOSw1LjEsOC43YzEuNSwwLjgsMy4yLDEuMyw0LjgsMS4zYzEuOCwwLDMuNi0wLjUsNS4yLTEuNWwyMy44LTE0LjhjMi45LTEuOCw0LjctNSw0LjctOC40QzQ3LjgsMjEuNiw0Ni4xLDE4LjUsNDMuMSwxNi43eiIvPjwvc3ZnPg==');
    mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; mask-size: 60%; -webkit-mask-size: 60%;
}
.track_dl span.icon-play6, .track_dl span.active { background: #d32424; }
.track_dl span.icon-pause { background-color: #FF9800 !important; box-shadow: 0 4px 10px rgb(159, 95, 0); }
.track_dl span.icon-play6:hover, .track_dl span.icon-pause:hover, .track_dl span.active:hover { background: #f57777; }

.track_dl A { background: #1F79C1; font-size: 16px; text-shadow: 0 0 .01px currentColor; }
.track_dl A:hover { background: #429FEA; }
.track_dl A.dl128 { background: #546E7A; font-size: 16px; text-shadow: 0 0 .01px currentColor; }
.track_dl A.dl128:hover { background: #658797; }

.postPlayBt {
    position: absolute; bottom: 14px; left: 18px; font-size: 20px; color: #c7c4cf;
    cursor: pointer; line-height: 1; transition: .2s; border-radius: 10px; height: 26px; width: 26px;
}
.postPlayBt:hover { color: #1e75ad; }
.postPlayBt.icon-play { mask-image: url(https://behmusics.com/wp-content/themes/Behmusic-4/images/play-gray.svg); background-color: #b1bfce; }
.postPlayBt.icon-play:hover, .postPlayBt.active { background-color: #1e75ad; }
.postPlayBt.icon-pause { background: #fff url(https://behmusics.com/wp-content/themes/Behmusic-4/images/puse.svg); }

.playerGo {
    display: block;
    position: relative;
    margin: 25px auto;
    width: 120px;
    height: 120px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    font-size: 0;
    line-height: 0;
    border: none;
}

.playerGo:hover {
    transform: scale(1.1);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}
.playerGo.icon-play {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTQzLjEsMTYuN2MtMC41LTAuMy0xLjEtMC41LTEuNi0wLjVjLTEuMSwwLTIuMSwwLjUtMi42LDEuNWMtMC45LDEuNS0wLjUsMy40LDEsNC4zYzEuMSwwLjcsMS43LDEuOSwxLjcsMy4xYzAsMS4zLTAuNywyLjUtMS43LDMuMUwxNi4xLDQzYy0wLjYsMC40LTEuMywwLjYtMiwwLjZjLTAuNiwwLTEuMi0wLjItMS44LTAuNWMtMS4yLTAuNy0xLjktMS45LTEuOS0zLjJWMTAuM2MwLTEuNCwwLjctMi42LDEuOS0zLjJjMC42LTAuMywxLjItMC41LDEuOC0wLjVjMC43LDAsMS40LDAuMiwyLDAuNmwxMy44LDguNmMwLjUsMC4zLDEuMSwwLjUsMS42LDAuNWMxLjEsMCwyLjEtMC41LDIuNi0xLjVjMC40LTAuNywwLjYtMS41LDAuNC0yLjNjLTAuMi0wLjgtMC43LTEuNS0xLjQtMS45TDE5LjQsMS45Yy0xLjYtMS0zLjQtMS41LTUuMi0xLjVjLTEuNywwLTMuMywwLjQtNC44LDEuM2MtMy4yLDEuOC01LjEsNS01LjEsOC43djI5LjZjMCwzLjcsMS45LDYuOSw1LjEsOC43YzEuNSwwLjgsMy4yLDEuMyw0LjgsMS4zYzEuOCwwLDMuNi0wLjUsNS4yLTEuNWwyMy44LTE0LjhjMi45LTEuOCw0LjctNSw0LjctOC40QzQ3LjgsMjEuNiw0Ni4xLDE4LjUsNDMuMSwxNi43eiIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: 55% center;
  background-size: 45%;
  margin-bottom: 35px;
  background-color: #d32424;
}

.playerGo.icon-pause3 {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTM2LjgsMC4zYy0zLjEsMC01LjcsMi41LTUuNyw1Ljd2MzcuOWMwLDMuMSwyLjUsNS43LDUuNyw1LjdjMy4xLDAsNS43LTIuNSw1LjctNS43VjUuOUM0Mi41LDIuOCw0MCwwLjMsMzYuOCwwLjN6Ii8+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTE0LjMsMC4zYy0zLjEsMC01LjcsMi41LTUuNyw1Ljd2MzcuOWMwLDMuMSwyLjUsNS43LDUuNyw1LjdjMy4xLDAsNS43LTIuNSw1LjctNS43VjUuOUMyMCwyLjgsMTcuNSwwLjMsMTQuMywwLjN6Ii8+PC9nPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 40%;
  background-color: #d32424;
  box-shadow: 0 0 0 8px rgba(255, 107, 0, 0.25);
  margin-bottom: 35px;
}
.hiddenBox { display: none; }


/* =========================================
   7. Comments (MDY CMS)
   ========================================= */
.mdy_cms {
    background: #fff; border: 2px solid rgb(0 0 0/5%); box-shadow: 0 3px 25px rgba(0, 0, 0, 0.1);
    margin: 0 0 1.2em; overflow: hidden; border-radius: 1em;
}
.mdy_cms header { position: relative; display: flex; align-items: center; padding: 1.5em; justify-content: space-between; flex-wrap: wrap; }
.mdy_cms header:before {
    content: ""; position: absolute; height: 30px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 0; right: 0; left: 0; z-index: 0;
}
.mdy_cms header h2 { color: #343744; font-size: 16px; z-index: 1; }
.mdy_cms form { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 1em 0.8em; }
.mdy_cms form input, .mdy_cms form textarea {
    padding: 1em 1.4em; background: #fff; border: 1px solid rgb(0 0 0/5%);
    border-radius: 0.8em; font-family: 'Dana', Tahoma; width: 100%; margin-bottom: 10px;
}
.mdy_cms form button {
    background: #910000; height: 30px; padding: 0 1.2em; color: #fff; border-radius: 0.8em; border: none;
}
.mdy_cms ul li p { padding: 0.8em 1em; text-align: right; font-size: 15px; }
.mdy_cmsa { padding: 1em; background: #910000; color: #fff; justify-content: center !important; display: flex; margin: 0 !important; }

/* =========================================
   8. Footer
   ========================================= */
.footer { min-width: 100%; background: #000; overflow: hidden; clear: both; }
.footer-menu li { display: inline-block; margin: 20px; font-size: 15px; }
.fm_copyright { padding: 10px; }
.fmc_left { direction: ltr; }
.fmc_left p, .fmc_left a { color: #fff; font-size: 16px; }

.mdy_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.mdy_share a {
    display: flex;
    align-items: center;
    color: #fff !important;
    justify-content: center;
    background: #1c1d1e;
    padding: 0.7em 0.3em;
    border-radius: 0.8em;
    flex: 1;
}
.mdy_share a:nth-child(1) {
    background: linear-gradient(90deg, #2fa8e3 0%, #0b81bc 100%);
    margin-left: 0.4em;
}
.mdy_share a:nth-child(2) {
    margin-right: 0.4em;
    background: linear-gradient(90deg, #69ca3b 0%, #56a61e 100%);
}
.mdy_share svg {
    width: 18px;
    height: 18px;
    margin-left: 0.6em;
    fill: #fff;
}

    .mdy_mp3dl,
    .mdy_share,
    .mdy_socials {
        width: 100%;
    }

.mdy_svg {
    display: flex;
    position: absolute;
    width: 0;
    height: 0;
}

/* Sticky Player */

[class^="player-icon-"]:before,
[class*=" player-icon-"]:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 auto;
    margin-top: 8px;
    background-color: #fff;
    transition: .2s; /* <--- سمی‌کالن اضافه شد */
}

svg.player_loader {
  width: 64px !important;
  height: 64px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

.player-icon-play:before {
    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik00My4xLDE2LjdjLTAuNS0wLjMtMS4xLTAuNS0xLjYtMC41Yy0xLjEsMC0yLjEsMC41LTIuNiwxLjVjLTAuOSwxLjUtMC41LDMuNCwxLDQuM2MxLjEsMC43LDEuNywxLjksMS43LDMuMQ0KCWMwLDEuMy0wLjcsMi41LTEuNywzLjFMMTYuMSw0M2MtMC42LDAuNC0xLjMsMC42LTIsMC42Yy0wLjYsMC0xLjItMC4yLTEuOC0wLjVjLTEuMi0wLjctMS45LTEuOS0xLjktMy4yVjEwLjMNCgljMC0xLjQsMC43LTIuNiwxLjktMy4yYzAuNi0wLjMsMS4yLTAuNSwxLjgtMC41YzAuNywwLDEuNCwwLjIsMiwwLjZsMTMuOCw4LjZjMC41LDAuMywxLjEsMC41LDEuNiwwLjVjMS4xLDAsMi4xLTAuNSwyLjYtMS41DQoJYzAuNC0wLjcsMC42LTEuNSwwLjQtMi4zYy0wLjItMC44LTAuNy0xLjUtMS40LTEuOUwxOS40LDEuOWMtMS42LTEtMy40LTEuNS01LjItMS41Yy0xLjcsMC0zLjMsMC40LTQuOCwxLjNjLTMuMiwxLjgtNS4xLDUtNS4xLDguNw0KCXYyOS42YzAsMy43LDEuOSw2LjksNS4xLDguN2MxLjUsMC44LDMuMiwxLjMsNC44LDEuM2MxLjgsMCwzLjYtMC41LDUuMi0xLjVsMjMuOC0xNC44YzIuOS0xLjgsNC43LTUsNC43LTguNA0KCUM0Ny44LDIxLjYsNDYuMSwxOC41LDQzLjEsMTYuN3oiLz4NCjwvc3ZnPg0K);
	mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik00My4xLDE2LjdjLTAuNS0wLjMtMS4xLTAuNS0xLjYtMC41Yy0xLjEsMC0yLjEsMC41LTIuNiwxLjVjLTAuOSwxLjUtMC41LDMuNCwxLDQuM2MxLjEsMC43LDEuNywxLjksMS43LDMuMQ0KCWMwLDEuMy0wLjcsMi41LTEuNywzLjFMMTYuMSw0M2MtMC42LDAuNC0xLjMsMC42LTIsMC42Yy0wLjYsMC0xLjItMC4yLTEuOC0wLjVjLTEuMi0wLjctMS45LTEuOS0xLjktMy4yVjEwLjMNCgljMC0xLjQsMC43LTIuNiwxLjktMy4yYzAuNi0wLjMsMS4yLTAuNSwxLjgtMC41YzAuNywwLDEuNCwwLjIsMiwwLjZsMTMuOCw4LjZjMC41LDAuMywxLjEsMC41LDEuNiwwLjVjMS4xLDAsMi4xLTAuNSwyLjYtMS41DQoJYzAuNC0wLjcsMC42LTEuNSwwLjQtMi4zYy0wLjItMC44LTAuNy0xLjUtMS40LTEuOUwxOS40LDEuOWMtMS42LTEtMy40LTEuNS01LjItMS41Yy0xLjcsMC0zLjMsMC40LTQuOCwxLjNjLTMuMiwxLjgtNS4xLDUtNS4xLDguNw0KCXYyOS42YzAsMy43LDEuOSw2LjksNS4xLDguN2MxLjUsMC44LDMuMiwxLjMsNC44LDEuM2MxLjgsMCwzLjYtMC41LDUuMi0xLjVsMjMuOC0xNC44YzIuOS0xLjgsNC43LTUsNC43LTguNA0KCUM0Ny44LDIxLjYsNDYuMSwxOC41LDQzLjEsMTYuN3oiLz4NCjwvc3ZnPg0K);
}

.player-icon-pause:before {
    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zNi44LDAuM2MtMy4xLDAtNS43LDIuNS01LjcsNS43djM3LjljMCwzLjEsMi41LDUuNyw1LjcsNS43YzMuMSwwLDUuNy0yLjUsNS43LTUuN1Y1LjlDNDIuNSwyLjgsNDAsMC4zLDM2LjgsMC4zeiIvPg0KCTxwYXRoIGQ9Ik0xNC4zLDAuM2MtMy4xLDAtNS43LDIuNS01LjcsNS43djM3LjljMCwzLjEsMi41LDUuNyw1LjcsNS43YzMuMSwwLDUuNy0yLjUsNS43LTUuN1Y1LjlDMjAsMi44LDE3LjUsMC4zLDE0LjMsMC4zeiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zNi44LDAuM2MtMy4xLDAtNS43LDIuNS01LjcsNS43djM3LjljMCwzLjEsMi41LDUuNyw1LjcsNS43YzMuMSwwLDUuNy0yLjUsNS43LTUuN1Y1LjlDNDIuNSwyLjgsNDAsMC4zLDM2LjgsMC4zeiIvPg0KCTxwYXRoIGQ9Ik0xNC4zLDAuM2MtMy4xLDAtNS43LDIuNS01LjcsNS43djM3LjljMCwzLjEsMi41LDUuNyw1LjcsNS43YzMuMSwwLDUuNy0yLjUsNS43LTUuN1Y1LjlDMjAsMi44LDE3LjUsMC4zLDE0LjMsMC4zeiIvPg0KPC9nPg0KPC9zdmc+DQo=);
}

.player-icon-next:before {
    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zNi4yLDE5LjZMOS4xLDEuOGMtNC43LTMuMS04LjUtMS04LjUsNC42djM3LjVjMCw1LjYsMy44LDcuNyw4LjUsNC42bDI3LjEtMTcuN0M0MC45LDI3LjcsNDAuOSwyMi43LDM2LjIsMTkuNnoNCgkJIE0zMy4zLDI3LjFMNy45LDQzLjdjLTEuNiwxLjEtMywwLjQtMy0xLjZ2LTM0YzAtMiwxLjMtMi43LDMtMS42bDI1LjQsMTYuN0MzNC45LDI0LjMsMzQuOSwyNi4xLDMzLjMsMjcuMXoiLz4NCgk8cGF0aCBkPSJNNDkuMiw0Ni41SDQ2Yy0wLjMsMC0wLjYtMC4zLTAuNi0wLjZWMy42QzQ1LjQsMy4zLDQ1LjYsMyw0NiwzaDMuM2MwLjMsMCwwLjYsMC4zLDAuNiwwLjZ2NDIuMw0KCQlDNDkuOCw0Ni4zLDQ5LjYsNDYuNSw0OS4yLDQ2LjV6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zNi4yLDE5LjZMOS4xLDEuOGMtNC43LTMuMS04LjUtMS04LjUsNC42djM3LjVjMCw1LjYsMy44LDcuNyw4LjUsNC42bDI3LjEtMTcuN0M0MC45LDI3LjcsNDAuOSwyMi43LDM2LjIsMTkuNnoNCgkJIE0zMy4zLDI3LjFMNy45LDQzLjdjLTEuNiwxLjEtMywwLjQtMy0xLjZ2LTM0YzAtMiwxLjMtMi43LDMtMS42bDI1LjQsMTYuN0MzNC45LDI0LjMsMzQuOSwyNi4xLDMzLjMsMjcuMXoiLz4NCgk8cGF0aCBkPSJNNDkuMiw0Ni41SDQ2Yy0wLjMsMC0wLjYtMC4zLTAuNi0wLjZWMy42QzQ1LjQsMy4zLDQ1LjYsMyw0NiwzaDMuM2MwLjMsMCwwLjYsMC4zLDAuNiwwLjZ2NDIuMw0KCQlDNDkuOCw0Ni4zLDQ5LjYsNDYuNSw0OS4yLDQ2LjV6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
}

.player-icon-previous:before {
    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0xNC4yLDMwLjZsMjcuMSwxNy44YzQuNywzLjEsOC41LDEsOC41LTQuNlY2LjRjMC01LjYtMy44LTcuNy04LjUtNC42TDE0LjIsMTkuNUM5LjUsMjIuNSw5LjUsMjcuNiwxNC4yLDMwLjZ6IE0xNy4xLDIzLjENCgkJTDQyLjUsNi41YzEuNi0xLjEsMy0wLjQsMywxLjZ2MzRjMCwyLTEuMywyLjctMywxLjZMMTcuMSwyN0MxNS41LDI2LDE1LjUsMjQuMiwxNy4xLDIzLjF6Ii8+DQoJPHBhdGggZD0iTTEuMiwzLjdoMy4zQzQuOCwzLjcsNSw0LDUsNC4zdjQyLjNjMCwwLjMtMC4zLDAuNi0wLjYsMC42SDEuMmMtMC4zLDAtMC42LTAuMy0wLjYtMC42bDAtNDIuM0MwLjYsNCwwLjgsMy43LDEuMiwzLjd6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0xNC4yLDMwLjZsMjcuMSwxNy44YzQuNywzLjEsOC41LDEsOC41LTQuNlY2LjRjMC01LjYtMy44LTcuNy04LjUtNC42TDE0LjIsMTkuNUM5LjUsMjIuNSw5LjUsMjcuNiwxNC4yLDMwLjZ6IE0xNy4xLDIzLjENCgkJTDQyLjUsNi41YzEuNi0xLjEsMy0wLjQsMywxLjZ2MzRjMCwyLTEuMywyLjctMywxLjZMMTcuMSwyN0MxNS41LDI2LDE1LjUsMjQuMiwxNy4xLDIzLjF6Ii8+DQoJPHBhdGggZD0iTTEuMiwzLjdoMy4zQzQuOCwzLjcsNSw0LDUsNC4zdjQyLjNjMCwwLjMtMC4zLDAuNi0wLjYsMC42SDEuMmMtMC4zLDAtMC42LTAuMy0wLjYtMC42bDAtNDIuM0MwLjYsNCwwLjgsMy43LDEuMiwzLjd6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
}

.player-icon-repeat:before {
    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik00OSw0Mi43Yy0wLjEtMS4xLTEuMS0yLTIuMi0xLjlMNDMuOSw0MWM4LjMtMTAsNy40LTI0LjktMi4yLTMzLjlDMzEuNi0yLjEsMTYtMS40LDYuOCw4LjZjLTkuMiwxMC04LjYsMjUuNiwxLjQsMzQuOQ0KCWM0LjIsMy44LDkuNiw2LjEsMTUuMiw2LjVjMS4xLDAuMSwyLjEtMC44LDIuMi0xLjljMC4xLTEuMS0wLjgtMi4xLTEuOS0yLjJjLTQuNy0wLjMtOS4yLTIuMi0xMi43LTUuNGMtOC4zLTcuNy04LjgtMjAuNy0xLjItMjkNCgljNy43LTguMywyMC43LTguOCwyOS0xLjJjOCw3LjQsOC44LDE5LjYsMi4xLDI3LjlsMC0yLjdjMC0xLjEtMC45LTIuMS0yLjEtMi4xYy0xLjEsMC0yLjEsMC45LTIuMSwyLjF2OC4xYzAsMC42LDAuMiwxLjEsMC43LDEuNQ0KCWMwLjQsMC40LDEsMC42LDEuNiwwLjVsOC4xLTAuNkM0OC4yLDQ0LjgsNDkuMSw0My44LDQ5LDQyLjd6Ii8+DQo8L3N2Zz4NCg==);
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik00OSw0Mi43Yy0wLjEtMS4xLTEuMS0yLTIuMi0xLjlMNDMuOSw0MWM4LjMtMTAsNy40LTI0LjktMi4yLTMzLjlDMzEuNi0yLjEsMTYtMS40LDYuOCw4LjZjLTkuMiwxMC04LjYsMjUuNiwxLjQsMzQuOQ0KCWM0LjIsMy44LDkuNiw2LjEsMTUuMiw2LjVjMS4xLDAuMSwyLjEtMC44LDIuMi0xLjljMC4xLTEuMS0wLjgtMi4xLTEuOS0yLjJjLTQuNy0wLjMtOS4yLTIuMi0xMi43LTUuNGMtOC4zLTcuNy04LjgtMjAuNy0xLjItMjkNCgljNy43LTguMywyMC43LTguOCwyOS0xLjJjOCw3LjQsOC44LDE5LjYsMi4xLDI3LjlsMC0yLjdjMC0xLjEtMC45LTIuMS0yLjEtMi4xYy0xLjEsMC0yLjEsMC45LTIuMSwyLjF2OC4xYzAsMC42LDAuMiwxLjEsMC43LDEuNQ0KCWMwLjQsMC40LDEsMC42LDEuNiwwLjVsOC4xLTAuNkM0OC4yLDQ0LjgsNDkuMSw0My44LDQ5LDQyLjd6Ii8+DQo8L3N2Zz4NCg==);
}

.player-icon-repeat-one:before {
    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Ni44LDQwLjhMNDMuOSw0MWM4LjMtMTAsNy40LTI0LjktMi4yLTMzLjlDMzEuNi0yLjEsMTYtMS40LDYuOCw4LjZjLTkuMiwxMC04LjYsMjUuNiwxLjQsMzQuOWM0LjIsMy44LDkuNiw2LjEsMTUuMiw2LjUNCgkJYzEuMSwwLjEsMi4xLTAuOCwyLjItMS45YzAuMS0xLjEtMC44LTIuMS0xLjktMi4yYy00LjctMC4zLTkuMi0yLjItMTIuNy01LjRjLTguMy03LjctOC44LTIwLjctMS4yLTI5YzcuNy04LjMsMjAuNy04LjgsMjktMS4yDQoJCWM4LDcuNCw4LjgsMTkuNiwyLjEsMjcuOWwwLTIuN2MwLTEuMS0wLjktMi4xLTIuMS0yLjFjLTEuMSwwLTIuMSwwLjktMi4xLDIuMXY4LjFjMCwwLjYsMC4yLDEuMSwwLjcsMS41YzAuNCwwLjQsMSwwLjYsMS42LDAuNQ0KCQlsOC4xLTAuNmMxLjEtMC4xLDItMS4xLDEuOS0yLjJDNDguOSw0MS42LDQ3LjksNDAuNyw0Ni44LDQwLjh6Ii8+DQoJPHBvbHlnb24gcG9pbnRzPSIxOC44LDE3LjggMTkuNiwyMS44IDIzLjksMTkuNyAyNCwxOS43IDI0LDM3LjcgMjkuMSwzNy43IDI5LjEsMTUgMjQuOCwxNSAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==);
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Ni44LDQwLjhMNDMuOSw0MWM4LjMtMTAsNy40LTI0LjktMi4yLTMzLjlDMzEuNi0yLjEsMTYtMS40LDYuOCw4LjZjLTkuMiwxMC04LjYsMjUuNiwxLjQsMzQuOWM0LjIsMy44LDkuNiw2LjEsMTUuMiw2LjUNCgkJYzEuMSwwLjEsMi4xLTAuOCwyLjItMS45YzAuMS0xLjEtMC44LTIuMS0xLjktMi4yYy00LjctMC4zLTkuMi0yLjItMTIuNy01LjRjLTguMy03LjctOC44LTIwLjctMS4yLTI5YzcuNy04LjMsMjAuNy04LjgsMjktMS4yDQoJCWM4LDcuNCw4LjgsMTkuNiwyLjEsMjcuOWwwLTIuN2MwLTEuMS0wLjktMi4xLTIuMS0yLjFjLTEuMSwwLTIuMSwwLjktMi4xLDIuMXY4LjFjMCwwLjYsMC4yLDEuMSwwLjcsMS41YzAuNCwwLjQsMSwwLjYsMS42LDAuNQ0KCQlsOC4xLTAuNmMxLjEtMC4xLDItMS4xLDEuOS0yLjJDNDguOSw0MS42LDQ3LjksNDAuNyw0Ni44LDQwLjh6Ii8+DQoJPHBvbHlnb24gcG9pbnRzPSIxOC44LDE3LjggMTkuNiwyMS44IDIzLjksMTkuNyAyNCwxOS43IDI0LDM3LjcgMjkuMSwzNy43IDI5LjEsMTUgMjQuOCwxNSAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==);
}

.player-icon-shuffle:before {
    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Ny44LDEwLjJMNDIsNC45QzQxLjIsNC4xLDQwLDQuMiwzOS4yLDVjLTAuNywwLjgtMC43LDIuMSwwLjEsMi44bDIsMS45QzMxLjIsOS45LDIzLDEyLDIxLDI2LjYNCgkJYy0xLjUsMTEuNi02LjcsMTMuNS0xOC42LDEzLjVjLTEuMSwwLTIsMC45LTIsMnMwLjksMiwyLDJjMTEuMSwwLDIwLjUtMS4zLDIyLjUtMTdjMS40LTEwLjksNi4xLTEzLjIsMTYuMy0xMy41bC0yLDEuOA0KCQljLTAuOCwwLjctMC45LDItMC4xLDIuOGMwLjcsMC44LDIsMC45LDIuOCwwLjFsNS43LTUuM2MwLjQtMC40LDAuNi0wLjksMC42LTEuNVM0OC4yLDEwLjUsNDcuOCwxMC4yeiIvPg0KCTxwYXRoIGQ9Ik0xLjYsNy45YzAtMS4xLDAuOS0yLDItMmM3LjksMCwxNC45LDAuNywxOS4xLDYuN2MtMC45LDEuMi0xLjYsMi41LTIuMyw0QzE3LjcsMTEsMTIuNiw5LjksMy41LDkuOUMyLjQsOS45LDEuNiw5LDEuNiw3LjkNCgkJeiBNNDMuMSwzMS42Yy0wLjgtMC43LTIuMS0wLjctMi44LDAuMWMtMC43LDAuOC0wLjcsMi4xLDAuMSwyLjhsMiwxLjhjLTYuNi0wLjItMTAuOC0xLjItMTMuNC00LjhjLTAuNCwxLjYtMSwzLTEuNiw0LjINCgkJYzMuOCwzLjYsOS4xLDQuNCwxNSw0LjVsLTIsMS45Yy0wLjgsMC43LTAuOSwyLTAuMSwyLjhjMC43LDAuOCwyLDAuOSwyLjgsMC4xbDUuNy01LjNjMC40LTAuNCwwLjYtMC45LDAuNi0xLjVzLTAuMi0xLjEtMC42LTEuNQ0KCQlMNDMuMSwzMS42eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Ny44LDEwLjJMNDIsNC45QzQxLjIsNC4xLDQwLDQuMiwzOS4yLDVjLTAuNywwLjgtMC43LDIuMSwwLjEsMi44bDIsMS45QzMxLjIsOS45LDIzLDEyLDIxLDI2LjYNCgkJYy0xLjUsMTEuNi02LjcsMTMuNS0xOC42LDEzLjVjLTEuMSwwLTIsMC45LTIsMnMwLjksMiwyLDJjMTEuMSwwLDIwLjUtMS4zLDIyLjUtMTdjMS40LTEwLjksNi4xLTEzLjIsMTYuMy0xMy41bC0yLDEuOA0KCQljLTAuOCwwLjctMC45LDItMC4xLDIuOGMwLjcsMC44LDIsMC45LDIuOCwwLjFsNS43LTUuM2MwLjQtMC40LDAuNi0wLjksMC42LTEuNVM0OC4yLDEwLjUsNDcuOCwxMC4yeiIvPg0KCTxwYXRoIGQ9Ik0xLjYsNy45YzAtMS4xLDAuOS0yLDItMmM3LjksMCwxNC45LDAuNywxOS4xLDYuN2MtMC45LDEuMi0xLjYsMi41LTIuMyw0QzE3LjcsMTEsMTIuNiw5LjksMy41LDkuOUMyLjQsOS45LDEuNiw5LDEuNiw3LjkNCgkJeiBNNDMuMSwzMS42Yy0wLjgtMC43LTIuMS0wLjctMi44LDAuMWMtMC43LDAuOC0wLjcsMi4xLDAuMSwyLjhsMiwxLjhjLTYuNi0wLjItMTAuOC0xLjItMTMuNC00LjhjLTAuNCwxLjYtMSwzLTEuNiw0LjINCgkJYzMuOCwzLjYsOS4xLDQuNCwxNSw0LjVsLTIsMS45Yy0wLjgsMC43LTAuOSwyLTAuMSwyLjhjMC43LDAuOCwyLDAuOSwyLjgsMC4xbDUuNy01LjNjMC40LTAuNCwwLjYtMC45LDAuNi0xLjVzLTAuMi0xLjEtMC42LTEuNQ0KCQlMNDMuMSwzMS42eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
}

.player-icon-download:before {
    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Ny41LDQ3LjhMNDcuNSw0Ny44YzAsMS4xLTAuOSwyLTIsMkg1LjhjLTEuMSwwLTItMC45LTItMnYwYzAtMS4xLDAuOS0yLDItMmwzOS42LDBDNDYuNiw0NS44LDQ3LjUsNDYuNyw0Ny41LDQ3Ljh6Ii8+DQoJPHBhdGggZD0iTTM4LjQsMjMuNEwyNy4zLDM0LjVWMy4yaDBWMi41YzAtMS4xLTAuOS0yLTItMmgtMC4xYy0xLjEsMC0yLDAuOS0yLDJ2MC43aDB2MzEuM0wxMiwyMy40bC0zLDNsMTYuMSwxNi4xbDE2LjEtMTYuMQ0KCQlMMzguNCwyMy40eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Ny41LDQ3LjhMNDcuNSw0Ny44YzAsMS4xLTAuOSwyLTIsMkg1LjhjLTEuMSwwLTItMC45LTItMnYwYzAtMS4xLDAuOS0yLDItMmwzOS42LDBDNDYuNiw0NS44LDQ3LjUsNDYuNyw0Ny41LDQ3Ljh6Ii8+DQoJPHBhdGggZD0iTTM4LjQsMjMuNEwyNy4zLDM0LjVWMy4yaDBWMi41YzAtMS4xLTAuOS0yLTItMmgtMC4xYy0xLjEsMC0yLDAuOS0yLDJ2MC43aDB2MzEuM0wxMiwyMy40bC0zLDNsMTYuMSwxNi4xbDE2LjEtMTYuMQ0KCQlMMzguNCwyMy40eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
}

.player-icon-playlist:before {
    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Mi42LDEwLjNjLTIuNS0wLjktMi43LTMuMi0yLjgtNFY0LjFoLTMuNXYyNi40Yy0yLjgtMS44LTYuNy0yLjMtMTAuNS0xLjNjLTMuNiwxLTYuNiwzLjEtOC4yLDUuOQ0KCQljLTEuMiwyLTEuNSw0LjEtMC45LDYuMWMxLDMuOCw1LjEsNi40LDEwLjEsNi40YzEuMywwLDIuNi0wLjIsMy45LTAuNWMzLjYtMSw2LjYtMy4xLDguMi01LjljMS4xLTEuOSwxLjUtNCwxLTUuN1YxMi43DQoJCWMwLjUsMC4zLDEsMC42LDEuNiwwLjhjMy43LDEuMyw1LjIsNC4zLDQuOSw5LjVsMCwwLjdsMy40LDAuMmwwLTAuN0M1MC4yLDE2LjQsNDcuOCwxMiw0Mi42LDEwLjN6IE0zNS44LDM5LjMNCgkJYy0xLjEsMi0zLjQsMy41LTYuMSw0LjNjLTQuNSwxLjItOC45LTAuMy05LjctMy40Yy0wLjMtMS4xLTAuMS0yLjMsMC42LTMuNWMxLjEtMiwzLjQtMy41LDYuMS00LjNjMS0wLjMsMi0wLjQsMy0wLjQNCgkJYzMuNCwwLDYuMSwxLjUsNi43LDMuOEMzNi43LDM2LjksMzYuNSwzOC4xLDM1LjgsMzkuM3oiLz4NCgk8cmVjdCB4PSIwLjUiIHk9IjIxLjEiIHdpZHRoPSIyMi44IiBoZWlnaHQ9IjMuNyIvPg0KCTxyZWN0IHg9IjAuNSIgeT0iNC4zIiB3aWR0aD0iMzEuNiIgaGVpZ2h0PSIzLjciLz4NCgk8cmVjdCB4PSIwLjUiIHk9IjEyLjQiIHdpZHRoPSIzMS42IiBoZWlnaHQ9IjMuNyIvPg0KPC9nPg0KPC9zdmc+DQo=);
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Mi42LDEwLjNjLTIuNS0wLjktMi43LTMuMi0yLjgtNFY0LjFoLTMuNXYyNi40Yy0yLjgtMS44LTYuNy0yLjMtMTAuNS0xLjNjLTMuNiwxLTYuNiwzLjEtOC4yLDUuOQ0KCQljLTEuMiwyLTEuNSw0LjEtMC45LDYuMWMxLDMuOCw1LjEsNi40LDEwLjEsNi40YzEuMywwLDIuNi0wLjIsMy45LTAuNWMzLjYtMSw2LjYtMy4xLDguMi01LjljMS4xLTEuOSwxLjUtNCwxLTUuN1YxMi43DQoJCWMwLjUsMC4zLDEsMC42LDEuNiwwLjhjMy43LDEuMyw1LjIsNC4zLDQuOSw5LjVsMCwwLjdsMy40LDAuMmwwLTAuN0M1MC4yLDE2LjQsNDcuOCwxMiw0Mi42LDEwLjN6IE0zNS44LDM5LjMNCgkJYy0xLjEsMi0zLjQsMy41LTYuMSw0LjNjLTQuNSwxLjItOC45LTAuMy05LjctMy40Yy0wLjMtMS4xLTAuMS0yLjMsMC42LTMuNWMxLjEtMiwzLjQtMy41LDYuMS00LjNjMS0wLjMsMi0wLjQsMy0wLjQNCgkJYzMuNCwwLDYuMSwxLjUsNi43LDMuOEMzNi43LDM2LjksMzYuNSwzOC4xLDM1LjgsMzkuM3oiLz4NCgk8cmVjdCB4PSIwLjUiIHk9IjIxLjEiIHdpZHRoPSIyMi44IiBoZWlnaHQ9IjMuNyIvPg0KCTxyZWN0IHg9IjAuNSIgeT0iNC4zIiB3aWR0aD0iMzEuNiIgaGVpZ2h0PSIzLjciLz4NCgk8cmVjdCB4PSIwLjUiIHk9IjEyLjQiIHdpZHRoPSIzMS42IiBoZWlnaHQ9IjMuNyIvPg0KPC9nPg0KPC9zdmc+DQo=);

}

.playerAds {
    margin-top: 5px
}

.player {
    position: fixed;
    bottom: 10px;
    left: 10px;
    background: #1F79C1;
    z-index: 99999;
    transition: .4s;
    box-shadow: 0 0 2px #c3cdd8;
    user-select: none;
    width: 400px;
    border-radius: 10px;
    padding: 5px 5px;
    min-width: auto;
	min-height: 80px;
}

.player.deactive {
    bottom: -250px
}

.player .d1000 {
    position: relative;
    height: 100%;
    padding-left: 65px;
    width: auto
}

.player .player_pic {
    position: absolute;
    top: 4px;
    left: 1px;
    width: 55px;
    height: 55px;
    border-radius: 6px
}

.player_list {
    position: absolute;
    bottom: 63px;
    right: 0;
    width: 100%;
    max-width: 500px;
    background: #fff;
    box-shadow: 0 0 3px #aaa;
    font: 12px/1.7;
    text-align: right;
    display: none;
    border-radius: 10px
}

.player_list_head {
    height: 50px;
    font: 14px/50px;
    color: #aaa;
    text-align: right;
    padding-right: 15px;
    position: relative;
    border-bottom: 2px solid #e8e8e8;
    background: #f9f9f9;
    margin-bottom: 5px;
    border-radius: 6px;
    margin: 10px;
    text-shadow: 1px 1px 0 #fff
}

.player_list .player_list_head SPAN {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 50px;
    font-size: 16px;
    line-height: 55px;
    text-align: center;
    color: #aaa;
    transition: .2s;
    overflow: hidden;
    cursor: pointer
}

.player_list .player_list_head SPAN.player_ctrl_shuffle {
    left: 36px
}

.player_list .player_list_head SPAN.player_ctrl_loop {
    left: 72px
}

.player_list .player_list_head SPAN.player_ctrl_shuffle:before,
.player_list .player_list_head SPAN.player_ctrl_loop:before {
    width: 14px;
    height: 14px;
    margin-top: 18px;
    background-color: #aaa
}

.player_list .player_list_head SPAN:hover {
    color: #2fa4dc
}

.player_list .player_list_head SPAN:hover:before {
    background-color: #2fa4dc
}

.player_list .player_list_head SPAN.player_ctrl_list:hover {
    color: red
}

.player_list .player_list_head SPAN.player_ctrl_list:hover:before {
    background: none
}

.player_list .player_list_head SPAN.active {
    color: #f50
}

.player_list .player_list_head SPAN.active:before {
    background-color: #f50
}

.player_list_items {
    max-height: 400px;
    overflow: auto;
    margin-bottom: 10px
}

.player_list .player_list_item {
    position: relative;
    height: 50px;
    padding: 5px 56px 5px 52px;
    cursor: pointer;
    transition: .4s;
    margin: 0 10px;
    border-radius: 7px
}

.player_list .player_list_item:before {
    display: none
}

.player_list .player_list_item:hover {
    background: #DBEDFF
}

.player_list .player_list_item.active {
    background: linear-gradient(to right, #26a9e1, #2984bf)
}

.player_list .player_list_item.deactive {
    background: #eee
}

.player_list .player_list_item IMG {
    position: absolute;
    top: 7px;
    right: 9px;
    width: 36px;
    height: 36px;
    border-radius: 7px;
    transition: .2s
}

.player_list .player_list_item.deactive IMG {
    filter: grayscale(100%)
}

.player_list .player_list_item SPAN {
    display: block;
    color: #999;
    font-size: 11px;
    transition: .2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.player_list .player_list_item.active SPAN {
    color: #fff
}

.player_list .player_list_item B {
    display: block;
    color: #222;
    transition: .2s;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.player_list .player_list_item.active B {
    color: #fff
}

.player_list .player_list_item.deactive SPAN,
.player_list .player_list_item.deactive B {
    opacity: .5
}

.player_list .player_list_item I {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    font-size: 13px;
    line-height: 55px;
    text-align: center;
    color: #aaa;
    overflow: hidden
}

.player_list .player_list_item I.icon-clear::before {
    content: "✖"
}

.player_list .player_list_item I.icon-reload2::before {
    content: "↺"
}

.player_list .player_list_item.active I {
    color: #fff
}

.player_list .player_list_item.deactive I {
    font-size: 15px;
    color: #888
}

.player_list .player_list_item:hover I {
    color: #666
}

.player_list .player_list_item I:hover {
    color: red
}

.player_dl {
    position: absolute;
    bottom: 63px;
    right: 0;
    width: 100%;
    max-width: 400px;
    background: #fff;
    box-shadow: 0 0 3px #aaa;
    font: 12px/1.7;
    text-align: right;
    display: none;
    border-radius: 10px
}

.player_dl_head {
    height: 50px;
    font: 14px/50px;
    color: #aaa;
    text-align: right;
    padding-right: 15px;
    position: relative;
    border-bottom: 2px solid #e8e8e8;
    background: #f9f9f9;
    margin-bottom: 5px;
    border-radius: 6px;
    margin: 10px;
    text-shadow: 1px 1px 0 #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 40px
}

.player_dl .player_dl_head SPAN {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 50px;
    font-size: 16px;
    line-height: 55px;
    text-align: center;
    color: #aaa;
    transition: .2s;
    overflow: hidden;
    cursor: pointer
}

.player_dl .player_dl_head SPAN.player_ctrl_shuffle {
    left: 36px
}

.player_list .player_list_head SPAN.player_ctrl_loop {
    left: 72px
}

.player_dl .player_dl_head SPAN:hover {
    color: #2fa4dc
}

.player_dl .player_dl_head SPAN:hover:before {
    background-color: #2fa4dc
}

.player_dl .player_dl_head SPAN.player_ctrl_download:hover {
    color: red
}

.player_dl .player_dl_head SPAN.player_ctrl_download:hover:before {
    background: none
}

.player_dl .player_dl_head SPAN.active {
    color: #f50
}

.player_dl .player_dl_head SPAN.active:before {
    background-color: #f50
}

.player_dl_box {
    padding: 0 20px 10px;
    text-align: center
}

.player_dl_box IMG {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    border-radius: 10px;
    margin: 0 auto;
    margin-bottom: 7px
}

.player_dl_box A {
    display: inline-block;
    width: 28%;
    background: #bdbdbd;
    color: #fff;
    line-height: 2;
    font-size: 11px;
    margin: 0 3px;
    margin-bottom: 7px;
    transition: .1s;
    opacity: 1;
    border-radius: 5px;
    padding: 4px 10px
}

.player_dl_box A.player_dl_box_128 {
    background: #4bcab8
}

.player_dl_box A.player_dl_box_320 {
    background: #0576bf
}

.player_dl_box A:hover {
    opacity: .8
}

.player_pm {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: .3s;
    z-index: -1
}

.player_pm.active {
    bottom: 70px;
    opacity: 1;
    z-index: 1
}

.player_pm SPAN {
    background: #fff;
    box-shadow: 0 0 3px #888;
    font: 11px/2;
    color: #777;
    padding: 7px 20px;
    border-radius: 10px;
}

.player_controler {
    direction: ltr;
    line-height: 1;
    padding: 1px 0 3px;
    text-align: left
}

.player_controler SPAN,
.player_controler A {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 1px;
    font-size: 19px;
    line-height: 35px;
    color: #666;
    text-align: center;
    cursor: pointer;
    transition: .2s;
    overflow: hidden;
    position: relative
}

.player_controler SPAN.player_ctrl_list {
    float: right;
    font-size: 24px
}

.player_controler SPAN.player_ctrl_list:before {
    width: 18px;
    height: 18px;
    margin-top: 6px
}

.player_controler SPAN.player_ctrl_play {
    background: #d32424;
    border-radius: 50%
}

.player_controler SPAN.player_ctrl_play:before {
    background-color: #fff;
    width: 18px;
    height: 18px;
    margin-top: 7px
}

.player_controler SPAN:hover:before,
.player_controler A:hover:before {
    background-color: #e03756
}

.player_controler SPAN.player_ctrl_play:hover {
    background-color: #ef465f
}

.player_controler SPAN.player_ctrl_play:hover:before {
    background-color: #fff
}

.player_controler SPAN.active:before,
.player_controler A.active:before {
    background-color: #f50
}

.player_controler SPAN.player_ctrl_play.active {
    background-color: #f50
}

.player_controler SPAN.player_ctrl_play.active:before {
    background-color: #fff
}

.player_controler SPAN.deactive,
.player_controler A.deactive {
    color: #fff;
    opacity: .4;
    cursor: default
}

.player_controler SPAN.player_ctrl_play .player_loader {
    position: absolute;
    top: -17px;
    right: -17px;
    width: 64px;
    height: 64px;
    z-index: 5;
    display: none;
    z-index: 0
}

.player_controler SPAN.player_ctrl_play.active .player_loader {
    display: block
}

.player_time {
    position: relative;
    padding: 0 40px 0 0
}

.player_time_show {
    position: absolute;
    top: 4px;
    font: 12px/18px;
    color: #fff;
    letter-spacing: .5px
}

.player_time_show.player_time_current {
    left: 0;
    display: none
}

.player_time_show.player_time_total {
    right: 0
}

.player_time_bar {
    position: relative;
    margin: 0
}

.player_time_bar .player_time_mousemove {
    position: absolute;
    top: -28px;
    padding: 0 12px;
    background: #3a3a3a;
    font: 12px/2;
    color: #fff;
    border-radius: 12px;
    display: none
}

.player_time_bar .player_time_bar_main {
    position: relative;
    height: 25px;
    background: #D8E0EA;
    border-radius: 6px;
    overflow: hidden
}

.player_info {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    left: 20px;
    font: 12px/24px;
    color: #133AAF;
    text-align: center;
    z-index: 6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 1px 0 3px #b1bbc1
}

.player_time_bar SPAN {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 0;
    background: linear-gradient(to right, #26a9e1, #2984bf);
    border-radius: 3px;
    cursor: pointer
}

.player_time_bar B {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    width: 0;
    background: linear-gradient(to right, #d0e1e8, #add9ef);
    border-radius: 3px;
    cursor: pointer;
    transition: .2s
}

.player_time_bar B.nobg {
    z-index: 7;
    background: none
}

.player_overall {
    display: none
}

.player_overall:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99998;
    background: rgba(0, 0, 0, .8)
}

.player .d1000 {
    max-width: 96%
}

.playerSub {
    bottom: 50px
}

A {
    text-decoration: none
}

IMG,
A IMG {
    border: 0
}

.d1000,
.d1001 {
    width: 1200px;
    margin: 0 auto
}
/* =========================================
   9. manually Style
   ========================================= */
.ai-feature-box{
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
    border-right: 5px solid #d32424;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 18px;
    margin: 25px 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.ai-feature-icon{
    display: block;
    font-size: 26px;
    margin-bottom: 6px;
}

.ai-feature-title{
    display: block;
    font-size: 1.1em;
    color: #333;
    line-height: 1.6;
    margin: 0 0 15px 0;
    font-weight: bold;
}

.ai-feature-btn{
    display: inline-block;
    background-color: #d32424;
    color: #fff !important;
    padding: 10px 22px;
    border-radius: 50px;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(211, 47, 47, 0.3);
    transition: all 0.3s ease;
}

.ai-feature-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(211, 47, 47, 0.45);
}

.post_head h1,
.post_head .entry-title {
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 10px auto 0;
    text-align: center;

    font-size: 25px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    color: #333;

    padding-bottom: 15px;
}

/* =========================================
   9. Responsive Design
   ========================================= */
@media screen and (max-width:1023px) {
    .fixw, .d1000 { width: 95%; }
    
    /* Layout Adjustments */
    .mpf_right { width: 100%; float: none; }
    .mp_center { width: 100%; float: none; margin: 10px 0; }
    .mp_right { width: 100%; float: none; }
    .mp_left { width: 100%; float: none }
    
    /* Admin Bar Fix for Mobile */
    .admin-bar .main-header { top: 0 !important; }
}

@media (max-width: 992px) {
    body { padding-top: 75px !important; }
    .main-header { width: 96%; top: 10px; }
    .header-container { justify-content: space-between; }
    
    .menu-toggle-btn { display: flex; order: 2; }
    .logo { order: 1; }
    .desktop-search { display: none; }

    /* منوی کشویی */
    .nav-menu {
        position: fixed; top: 0; right: -320px;
        width: 280px; height: 100vh;
        background: #fff; /* زمینه سفید */
        flex-direction: column; align-items: flex-start;
        padding-top: 80px; /* فاصله از بالا برای لوگو */
        box-shadow: -5px 0 20px rgba(0,0,0,0.1);
        transition: right 0.4s ease;
        z-index: 1000; /* زیر لوگو، روی بقیه چیزها */
        overflow-y: auto;
    }

    .nav-menu a {
        color: #444; width: 100%; padding: 15px 20px;
        border-bottom: 1px solid #f5f5f5; border-radius: 0; font-size: 15px;
        background: transparent !important;
    }
    .nav-menu a:hover { background: #f9f9f9 !important; color: #006dae; transform: none; }

    /* نمایش باکس جستجو در موبایل */
    .mobile-search-box { 
        display: block; width: 100%; padding: 15px; 
        background: #f9f9f9; border-bottom: 1px solid #eee; 
    }
    .mobile-search-box input { 
        width: 100%; padding: 10px; border: 1px solid #ddd; 
        border-radius: 8px; font-family: 'Dana', sans-serif; 
    }

    /* --- منطق باز شدن و تغییر رنگ --- */
    #menu-toggle-check:checked ~ .nav-menu { right: 0; }

    /* تغییر رنگ لوگو به آبی وقتی منو باز است */
    #menu-toggle-check:checked ~ .logo a { color: #006dae; } 
    
    /* تغییر رنگ دکمه ضربدر */
    #menu-toggle-check:checked ~ .menu-toggle-btn span { background: #fff; }
	
body:has(#menu-toggle-check:checked) .main_part { filter: blur(6px); }


    /* انیمیشن ضربدر */
    #menu-toggle-check:checked ~ label .line1 { transform: rotate(-45deg) translate(-5px, 6px); }
    #menu-toggle-check:checked ~ label .line2 { opacity: 0; }
    #menu-toggle-check:checked ~ label .line3 { transform: rotate(45deg) translate(-5px, -6px); }

    /* لایه تاریک تمام صفحه */
    .overlay {
        position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
        background: rgba(0,0,0,0.4); display: none; z-index: 900;
    }
    #menu-toggle-check:checked ~ .overlay { display: block; }
}

@media (max-width: 768px) {
    .post_img_cover {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 20px;
        border-radius: 16px;
        min-height: 320px;
        max-height: 420px;
        aspect-ratio: 1 / 1 !important; 
        height: auto !important;
        display: block !important;
    }

    .post_img_cover img {

        width: 100% !important;
        height: 100% !important; 
        
        /* تکنیک برش */
        object-fit: cover !important;
        object-position: center !important;
        
        /* حذف aspect-ratio از روی خود عکس (چون از قاب ارث می‌برد) */
        aspect-ratio: unset !important;
        
        /* حذف مارجین‌های مزاحم احتمالی */
        margin: 0 !important;
    }
  }

@media screen and (max-width:720px) {
    .d100, .d1001 { width: 96%; min-width: 96%; min-height: 80px; }
    .intro-section { flex-direction: column; align-items: center; text-align: center; }
    .intro-section img { margin: 0 auto 15px; display: block; }
}

@media (max-width:600px) {
    .post_head h1,
    .post_head .entry-title {
        font-size: 20px;
        line-height: 1.5;
        padding-bottom: 10px;
    }
    .single_dl_links img { width: 90px; height: 90px; }
    .single_dl_links>DIV { flex-direction: column; text-align: center; padding-bottom: 10px; height: auto; padding: 0 10px 20px; }
    .single_dl_links>DIV>SPAN { display: none; }
    .single_dl_links>DIV>STRONG { text-align: center; }
    
    .track_dl { position: relative; width: 100%; justify-content: center; max-width: 300px; margin: 0 auto; }
    .track_dl A { min-width: 32%; }
}
@media screen and (max-width:480px) {
.behmusicads1 {
    padding: 0 1em;
    min-height: 220px;
	margin-bottom: 10px
}

.behmusicads2 {
    padding: 0 1em;
    min-height: 250px
}
.behmusicads3 {
    padding: 0 1em;
	margin-top:5px;
    min-height: 105px
}
.mp_box_x1 {
        display: none
}
.mp_left {
    margin-top: 0;
}
}