@font-face {
    font-family: bakh;
    font-style: normal;
    font-weight: 325;
    src: url('fonts/YekanBakhFaNum-Regular.woff') format('woff'),
    url('fonts/YekanBakhFaNum-Regular.woff') format('woff2');
}

@font-face {
    font-family: bakh;
    font-style: normal;
    font-weight: bold;
    src: url('fonts/YekanBakhFaNum-Bold.woff') format('woff'),
    url('fonts/YekanBakhFaNum-Bold.woff') format('woff2');
}

html:not(.dark) input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #000 !important;
    transition: background-color 5000s ease-in-out 0s;
}

.logosection::before {
    content: '';
    background: linear-gradient(297deg, #FFF 0%, #FA7800 50%, #FFF 91.15%);
    width: 100%;
    height: 2px;
    position: absolute;
    top: -13px;
}

.dark .logosection::before {
    background: linear-gradient(297deg, #0f172a 0%, #FA7800 50%, #0f172a 91.15%);
}

.playbtn.polygon-orange {
    background-image: url(images/play-polygon.svg);
}

.playbtn.polygon-white,
.hsGlobeFunction.play.polygon-white {
    background-image: url(images/play-polygon-white.svg);
}

.playbtn.polygon-orange::before {
    content: '';
    background: url(images/play-polygon.svg) no-repeat;
    background-size: contain;
    width: 117%;
    height: 117%;
    position: absolute;
    opacity: 25%;
    top: -5px;
    right: -8px;
    transition: 0.3s all;
}

.playbtn.nobefore::before {
    opacity: 0;
    visibility: hidden;
}

.player .controls .playbtn:hover::before {
    opacity: 25%;
    visibility: visible;
}

.player .track.active img {
    border: 2px solid #FA7800;
}

.player .active_element {
    color: #FA7800;
}

.ipost .content .maintext a {
    color: #005CB1;
}

.dark .ipost .content .maintext a {
    color: #54adff;
}

.ipost .content img {
    border-radius: 15px;
    margin-top: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ipost .covers img {
    margin-top: 0px !important;
}

.playlist .item.active {
    background: #f9f9f9;
}

.dark .playlist .item.active {
    background: #222b38;
}

.tabs span.active {
    background-color: #f9f9f9;
    color: #000;
}

.dark .tabs span {
    color: #eee;
}

.dark .tabs span.active {
    background-color: #1e2734;
    color: #fff;
}

.formbox input[type=text], .formbox input[type=password], .formbox input[type=email], .formbox input[type=number], .formbox input[type=tel], .formbox input[type=url], .formbox textarea {
    background-color: #F3F3F3;
    width: 100%;
    padding: 15px !important;
    border-radius: 10px;
    margin-bottom: 10px;
    border: 1px solid transparent;
}

textarea {
    min-height: 150px;
}
.song-publish{margin-top:8px;display:inline-flex;justify-content:center;align-items:center;gap:6px;font-size:.85rem;color:#555;white-space:nowrap}.song-publish a{color:#c55112 ;font-weight:600;text-decoration:none}.song-publish a:hover{text-decoration:underline}

.formbox input[type=text]:focus, .formbox input[type=password]:focus, .formbox input[type=email]:focus, .formbox input[type=number]:focus, .formbox input[type=tel]:focus, .formbox input[type=url]:focus, .formbox textarea:focus {
    outline: 0;
    border: 1px solid #ff9800;
    background-color: #FFF;
}

.dark .formbox input[type=text], .dark .formbox input[type=password], .dark .formbox input[type=email], .dark .formbox input[type=number], .dark .formbox input[type=tel], .dark .formbox input[type=url], .dark .formbox textarea {
    background-color: #151d2a;
}

.dark .formbox input[type=text]:focus, .dark .formbox input[type=password]:focus, .dark .formbox input[type=email]:focus, .dark .formbox input[type=number]:focus, .dark .formbox input[type=tel]:focus, .dark .formbox input[type=url]:focus, .dark .formbox textarea:focus {
    outline: 0;
    border: 1px solid #ff9800;
    background-color: #0f151e;
    color: #F3F3F3;
}

.formbox .input [type=submit], .formbox button {
    background: linear-gradient(229deg, #FA7800 0%, #D26500 100%) !important;
    padding: 10px 15px;
    border-radius: 10px;
    color: #FFF;
}

.comments ul.children {
    padding-right: 30px;
}

.scrollbox {
    scrollbar-color: #979797 #f1f1f1;
    scrollbar-width: thin
}

.scrollbox::-webkit-scrollbar {
    width: 3px;
    border-radius: 6px;
    overflow: hidden
}

.scrollbox::-webkit-scrollbar-thumb {
    background: #979797
}

.scrollbox::-webkit-scrollbar-track {
    background: #f1f1f100
}

.movieinfo {
    text-align: right;
    line-height: 31px;
    margin-top: 20px;
}

.bg-slate-500 {
    background: #3f517d;
}

.h-96 {
    height: 24rem;
}

.text-left {
    text-align: left;
}

.orangegradient {
    background: linear-gradient(90deg, rgb(0 0 0 / 1%), #b72c00);
}

ol.breadcrumb i {
    margin: 0px 10px !important;
}

ol.breadcrumb a {
    color: #777;
}

.artistslist a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.5rem;
    padding: 0.375rem;
    font-size: 0.75rem;
    line-height: 1rem;
    transition: 0.3s;
}

.artistslist a:hover {
    color: #FFF;
    background: #f47d0f;
}

.artistslist .name {
    color: #000;
}

.artistslist a:hover .name {
    color: #FFF;
}

.dark .artistslist .name {
    color: #FFF;
}

.artistslist .count {
    color: #FFF;
    background: #475569;
    padding: 4px;
    height: 20px;
    min-width: 23px;
    text-align: center;
    border-radius: 8px;
}

.dark .artistslist .count {
    color: #FFF;
    background: #475569;
}

.mna_comnta {
    margin-top: 20px;
    font-size: 14px;
    color: #777;
    text-align: center;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    border: 1px dashed #ddd;
}

.rubika {
    background: #6820d7;
    color: #FFF;
    padding: 11px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin: 13px 0;
    gap: 10px;
}

.rubika img {
    margin: auto !important;
    display: inline !important;
    max-width: unset;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.telegramlink, .instagramlink {
    background: #60a5fa;
    padding: 10px;
    border-radius: 10px;
    width: 100%;
    justify-content: center;
}

.instagramlink {
    background: #b10c57;
}

.copytext,
.lyricBtn {
    background: #ffffff;
    color: #000;
    padding: 4px 14px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    border: 1px solid #e1e1e1ee;
}

.adsside .inside {
    flex-wrap: wrap;
}

.adsside a {
    width: 50%;
    padding: 5px;
}

.namad {
    padding: 12px 10px;
    margin: 10px 0;
    border-radius: .5rem;
    position: relative;
    margin: 0 .75rem;
}

.hsTelNotice p {
    line-height: 1.8;
    text-align: justify;
}

.contactbox {
    background: linear-gradient(to right, #FFC107 0%, #FF9800 18%, rgb(237 122 5) 100%);
    color: #fff;
    padding: 12px;
    border-radius: 4px;
    margin: 10px 20px;
}

.ipost {
    margin-bottom: 1em;
}

.lyricSec {
    transition: all .5s;
}

.lyricBtn {
    background: #f97316;
    border: none;
    color: #FFF;
}

.hsLyricShadow:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    top: 50%;
}

.dark .hsLyricShadow:after {
    background: linear-gradient(to top, rgba(30, 41, 59, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}

.hsNav a {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    padding: 5px 8px;
    border-radius: 4px;
}

.hsNav a:hover {
    background: #f97316;
    color: #FFF !important;
}

.dark .rmp-rating-widget__results {
    color: #FFF !important;
}

.artistIntro header,
.hsLoginPageIntro header {
    padding-bottom: 5px;
    border-bottom: 1px solid rgb(229 231 235);
}

.artistIntro footer,
.hsLoginPageIntro footer {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.userProfilePg .tabs {
    display: flex;
}

.artistIntro footer .tabs a,
.hsLoginPageIntro footer .tabs a {
    padding: 3px 20px;
    display: inline-flex;
    margin-left: 10px;
    color: #000;
    font-size: 14px;
    border-radius: 60px;
    background: rgba(232 232 232);
    border: 1px solid transparent;
    transition: all .3s;
}

.artistIntro footer .tabs a.active,
.hsLoginPageIntro footer .tabs a.active,
.artistIntro footer .tabs a:hover,
.hsLoginPageIntro footer .tabs a:hover {
    background: #fff;
    color: #43507a;
    border: 1px solid #ccc;
}

.artistIntro footer .tabs a:last-child,
.hsLoginPageIntro footer .tabs a:last-child {
    margin-left: 0
}

.hsLoginPageIntro {
    padding: 10px;
    display: block;
    text-align: center;
}

.hsLoginPageIntro header .head,
.hsLoginPageIntro header span {
    background: #f97316;
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.hsLoginPageIntro header span {
    display: inline-flex;
    padding: 1.8rem 2.3rem;
}

.hsLoginPageIntro header .head i {
    font-size: 19px;
    display: flex
}

.hsLoginPageIntro header h4 {
    font-size: 15px;
    font-weight: 900
}

.hsLoginPageIntro header h4.userName {
    font-family: Tahoma;
    font-size: 19px;
    margin-top: .5rem
}

.globeTbl {
    width: 100%;
    margin-top: 1rem;
    text-align: center;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #ccc;
    overflow: hidden;
}

.globeTbl td,
.globeTbl th {
    padding: 8px
}

.globeTbl td:nth-child(odd),
.globeTbl th:nth-child(odd) {
    border-left: 1px solid #ccc;
}

.globeTbl tr:nth-child(even) {
    background-color: #f2f2f2
}

.globeTbl tr:hover {
    background-color: #ddd
}

.globeTbl th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #04aa6d;
    color: #fff
}

.hsLoginPageBody .body .box {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .5rem;
    flex-wrap: wrap
}

.hsLoginPageBody .body .box:last-child {
    margin-bottom: 0
}

.hsLoginPageBody .body label {
    max-width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85px;
}

.hsLoginPageBody .body label[for="rememberMe"] {
    margin-right: 10px;
}

.hsLoginPageBody .body input {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    padding: 7px 5px;
    width: 50%;
    max-width: 80%;
    margin-right: 1.5rem;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-family: Iransans
}

.hsLoginPageBody .body input:disabled {
    background: #eee;
    cursor: not-allowed;
}

.hsLoginPageBody .body button {
    width: 20%;
    background: #f97316;
    color: #fff;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 5px;
    font-size: 15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 60px;
}

.hsLoginPageBody .body button:hover {
    background: #d35702;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.hsLoginPageBody .body input:not([type=submit]):focus-visible,
.hsLoginPageBody .body input:not([type=submit]):focus {
    border: 1px solid #d35702 !important;
    outline: #d35702;
}

.hsLoginPageBody a[data-type=backToLoginPg],
.hsLoginPageBody a[data-type=lostPass] {
    background: #cf000f;
    padding: 5px 20px;
    color: #fff;
    margin-right: .5rem;
    border-radius: 60px;
}

.hsLoginPageBody a[data-type=backToLoginPg]:hover,
.hsLoginPageBody a[data-type=lostPass]:hover {
    background: #e13c48
}

.navUserArea .subMenu {
    position: absolute;
    top: 120%;
    left: 0;
    width: max-content;
    display: none
}

.navUserArea .subMenu a {
    background: #f97316;
    color: #fff;
    display: flex;
    align-items: center;
    width: 110px;
    margin-bottom: 2px;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    justify-content: center;
    border-radius: 1.5rem;
    font-weight: 500;
}

.navUserArea .subMenu a.fix {
    width: 95px
}

.navUserArea .subMenu a:first-child:before {
    content: '\f0d8';
    color: #f97316;
    font-family: FontAwesome;
    position: absolute;
    left: 14px;
    top: -20px;
    font-size: 24px
}

.navUserArea .subMenu a i {
    display: inline-flex;
    margin-left: 5px
}

.navUserArea .inner i {
    font-size: 16px !important;
}

.maincontent a[data-type="addToPlayList"] {
    background: #cf000f;
    color: #FFF;
    padding: 11px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin: 13px 0;
    gap: 10px;
    font-size: 15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.maincontent a[data-type="addToPlayList"]:hover {
    box-shadow: 0 -1px 7px rgba(0, 0, 0, .3);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

a[data-type="uploadAvatar"],
a[data-type="deleteAvatar"] {
    position: absolute;
    bottom: 0;
    left: 5px;
    font-size: 1rem;
    color: #fff;
    background: rgba(98, 98, 98, 0.7);
    border-radius: 50%;
    padding: 5px 5px;
}

a[data-type="deleteAvatar"] {
    right: 5px;
    left: auto;
    padding: 5px 7px;
}

.hsLoginPageIntro img.avatar {
    border-radius: 90px;
    width: 130px;
    height: auto;
    border: 1px solid #ccc;
}

.hsLoginPageBody .hsPlayList .item {
    background: #fff;
    display: flex;
    border-radius: 7px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    align-items: center;
    justify-content: space-between;
    border: 1px solid transparent;
}

.hsLoginPageBody .hsPlayList .item:last-child {
    margin-bottom: 0;
}

.hsLoginPageBody .empty {
    background: #f3f3f3;
    border-radius: 7px;
    color: #111111;
    font-size: 1rem;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 1rem 0;
}

.hsLoginPageBody .hsPlayList .item.active {
    border: 1px solid rgba(55, 121, 207, 1);
}

.hsLoginPageBody .hsPlayList .item .name {
    font-size: .9rem;
    display: flex;
    flex-direction: column;
}

.hsLoginPageBody .hsPlayList .item .name .artistName {
    font-size: .8rem;
    font-weight: 500;
}

.hsLoginPageBody .hsPlayList .item .left {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.hsLoginPageBody .hsPlayList .item .left .counter {
    padding: 5px 5px;
    background: #3779cf;
    color: #fff;
    border-radius: 45px;
    width: 30px;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    text-align: center;
    font-weight: 900;
    margin-left: 5px;
}

.hsLoginPageBody .hsPlayList .item .right {
    color: #000;
    display: flex;
    align-items: center;
}

.hsLoginPageBody .hsPlayList .item .right a {
    font-size: .9rem;
    font-weight: 500;
    margin: 0 4px;
    width: 35px;
    height: 35px;
    background: #f3f2f3;
    border-radius: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
}

.hsLoginPageBody .hsPlayList .item a.Ops span {
    position: absolute;
    background: #CF000F;
    color: #FFF;
    font-size: .8rem;
    border-radius: 30px;
    padding: 1px 7px;
    top: 0;
    right: 50%;
    opacity: 0;
    transform: translateX(50%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.hsLoginPageBody .hsPlayList .item a.Ops:hover span {
    top: -30px;
    opacity: 1;
}

.hsLoginPageBody .hsPlayList .item a.Ops,
.hsLoginPageBody .hsPlayList .item a.noPlayThis {
    background: #ccc;
    cursor: not-allowed;
}

.hsLoginPageBody .hsPlayList .item a.Ops span:before {
    content: '\f0d7';
    font-family: FontAwesome;
    position: absolute;
    bottom: -12px;
    color: #CF000F;
    right: 50%;
    font-size: 14px;
    transform: translateX(50%);
}

.hsLoginPageBody .hsPlayList .item .right a:hover {
    background: #3779cf;
    color: #fff;
}

.hsLoginPageBody .hsPlayList .item a.Ops:hover,
.hsLoginPageBody .hsPlayList .item a.noPlayThis:hover {
    background: #ccc !important;
    color: #111 !important;
}

.hsLoginPageBody .hsPlayList .item a[data-type="removeItemFromPlayList"]:hover {
    background: #cf000f;
}

.hsLoginPageBody .hsPlayList .item .right a.PlayThis {
    background: #3779cf;
    color: #FFF;
}

.hsLoginPageBody .hsPlayList .item .right a:first-child {
    border-right: 0;
    margin-right: 0;
}

.hsLoginPageBody .hsPlayList .item .right a i {
    display: block !important;
}

.hsLoginPageBody .hsPlayListNotice {
    padding: 1.5rem 1rem;
    border-radius: 10px;
    margin-top: 1rem;
    text-align: center;
    position: relative;
}

.hsLoginPageBody .hsPlayListNotice.bronze {
    box-shadow: 0 0 7px rgba(206, 137, 70, .5);
    background: #CE8946;
    background: linear-gradient(-90deg, rgba(206, 137, 70, 1) 0%, rgba(214, 167, 120, 1) 70%);
}

.hsLoginPageBody .hsPlayListNotice.gold {
    box-shadow: 0 0 7px rgba(255, 186, 0, .5);
    background: #FFBA00;
    background: linear-gradient(-90deg, rgba(255, 186, 0, 1) 0%, rgba(250, 208, 92, 1) 51%);
}

.hsLoginPageBody .hsPlayListNotice.silver {
    box-shadow: 0 0 7px rgba(196, 196, 196, .5);
    background: #C4C4C4;
    background: linear-gradient(-90deg, rgba(196, 196, 196, 1) 0%, rgba(209, 209, 209, 1) 70%);
}

.hsLoginPageBody .hsPlayListNotice p {
    z-index: 1;
    position: relative;
    font-size: .9rem;
    font-weight: 900;
}

.hsLoginPageBody .hsPlayListNotice img {
    width: 100px;
    height: 100px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    z-index: 0;
    opacity: .8;
}

.hsLoginPageBody .hsPlayListInfo,
.hsLoginPageBody .hsPlayList {
    padding: .5rem;
    background: #f3f3f3;
    margin-top: 1rem;
    border-radius: 10px;
}

.hsLoginPageBody .hsPlayListInfo {
    max-height: 450px;
    overflow-y: scroll;
}

.hsLoginPageBody .noPlayList {
    padding: 10px;
    background: #ddd;
    border-radius: .5rem;
    text-align: center;
    font-weight: 500;
    font-size: .9rem;
}

.hsLoginPageBody .noPlayList i {
    position: absolute;
    font-size: 2rem;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .5;
}

.hsLoginPageBody .hsPlayListInfo .image img {
    border-radius: 50%;
    border: 1px solid #ccc;
}

.hsLoginPageBody .hsPlayListInfo .divider {
    width: 100%;
    height: 1px;
    background: rgb(229 231 235);
    margin: 1rem 0;
}

.hsLoginPageBody .hsPlayListInfo .row {
    padding: 10px;
    border-radius: 10px;
    background: #FFF;
    margin-bottom: .5rem;
    flex-diretion: row;
}

.hsLoginPageBody .hsPlayListInfo .row .right {
    border-left: 1px solid rgb(229 231 235);
}

.hsLoginPageBody .hsPlayListInfo .row .left {
    padding-right: 15px;
}

.hsLoginPageBody .hsPlayListInfo .name {
    border-bottom: 1px solid rgb(229 231 235);
    padding-bottom: 1rem;
}

.hsLoginPageBody .hsPlayListInfo .head h5 {
    font-weight: 900;
    font-size: .9rem;
}

.hsLoginPageBody .hsPlayListInfo .head p {
    color: #222;
}

.hsLoginPageBody .hsPlayListInfo .bottom {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}

.hsLoginPageBody .hsPlayListInfo input {
    padding: 5px 10px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid #ccc;
}

.hsLoginPageBody .hsPlayListInfo input:focus,
.hsLoginPageBody .hsPlayListInfo input:focus-visible {
    outline: none;
    border: 1px solid #27ae60 !important;
}

.hsLoginPageBody .hsPlayListInfo .name .bottom a,
.hsLoginPageBody .hsPlayListInfo .image a[data-type="uploadPlayListAvatar"],
.hsLoginPageBody .hsPlayListInfo a[data-type="addNewPlayList"] {
    background: #27ae60;
    color: #FFF;
    padding: 5px 10px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-right: -1px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 1;
    white-space: nowrap;
}

.hsLoginPageBody .hsPlayListInfo a[data-type="addNewPlayList"] {
    background: #3779cf;
    border-radius: 15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.hsLoginPageBody .hsPlayListInfo a[data-type="addNewPlayList"]:hover {
    background: #4786d9;
}

.hsLoginPageBody .hsPlayListInfo .tools .in2 a,
.hsModal .moderate a {
    display: inline-flex;
    align-items: center;
    background: #CF000F;
    color: #FFF;
    padding: 5px 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
}

.hsModal .moderate a {
    padding: 5px 25px;
    background: #444;
}

.hsLoginPageBody .hsPlayListInfo .tools .in2 a:first-child,
.hsModal .moderate a:first-child {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #27ae60;
}

.hsLoginPageBody .hsPlayListInfo .tools .in2 a:last-child,
.hsModal .moderate a:last-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.hsLoginPageBody .hsPlayListInfo .tools .in2 a:last-child:hover {
    background: #bf323b;
}

.hsModal .moderate a:last-child:hover {
    background: #111;
}

.hsLoginPageBody .hsPlayListInfo .tools .in2 a i {
    margin-left: 3px;
}

.hsLoginPageBody .hsPlayListInfo .image a[data-type="uploadPlayListAvatar"] {
    border-radius: 25px;
}

.hsLoginPageBody .hsPlayListInfo .name .bottom a:hover,
.hsLoginPageBody .hsPlayListInfo .image a[data-type="uploadPlayListAvatar"]:hover,
.hsLoginPageBody .hsPlayListInfo .tools .in2 a:first-child:hover,
.hsModal .moderate a:first-child:hover {
    background: #2ecc71;
}

.hsLoginPageBody .hsPlayListInfo .name .bottom span {
    color: #CF000F;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
}

.hsLoginPageBody .hsPlayListInfo a[data-type="deletePlayListAvatar"] {
    color: #CF000F;
    position: absolute;
    top: -5px;
    right: 10px;
    font-size: 1.3rem;
}

.hsUsersPlayList {
    padding: 1rem 1rem 1rem 1rem;
    overflow: hidden;
}

.hsUsersPlayList .swiper-pagination {
    padding: 2rem 0 0;
    position: relative;
}

.hsUsersPlayList .row a {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.hsUsersPlayList h3 {
    display: inline-flex;
    background: #f07b0f;
    color: #FFF;
    padding: 5px 15px;
    font-size: .9rem;
    align-items: center;
    margin-bottom: 1.5rem;
    border-radius: 30px;
    font-weight: 600;
    box-shadow: 0 3px 10px rgba(255, 136, 0, 0.45);
}

.hsUsersPlayList .row a img {
    width: 100px;
    height: auto;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
}

.hsUsersPlayList .row a span {
    margin-top: 1.2rem;
    width: 100%;
    text-align: center;
    background: #eaeaeacc;
    border-radius: 20px;
    padding: 3px 7px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.hsUsersPlayList .row a:hover span {
    background: #007aff;
    color: #FFF;
}

.userPlayList .userType {
    background: #FFF;
    padding: 3px 5px 3px 10px;
    color: #000;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.userPlayList .userType img {
    width: 20px;
    margin-left: 3px;
}

.hsNoPlayListPage p {
    background: linear-gradient(135deg, #667eea, #764ba2);
    padding: 5rem 50px;
    border-radius: 15px;
    color: #FFF;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.hsNoPlayListPage p::before,
.hsNoPlayListPage p::after {
    content: "🎵";
    font-size: 4rem;
    position: absolute;
    top: 50%;
    left: 20px;
    opacity: 0.15;
    transform: translateY(50%);
    animation: float 3s ease-in-out infinite;
}

.hsNoPlayListPage p::after {
    top: 20%;
    right: 20px;
    left: auto;
    animation: float2 3s ease-in-out infinite;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

@keyframes float2 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

.articles.single {

}

.hBox div.flex:last-child,
.hsDLBox a:last-child {
    margin-bottom: 0 !important;
}

.rmp-widgets-container.rmp-wp-plugin.rmp-main-container,
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__results {
    margin: 0 !important;
}

.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__msg {
    display: none !important;
}

.playListItem a[data-type="setDefaultPlayList"] {
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: inline-flex;
    align-items: center;
    padding: 3px 7px;
    background: #8c8c8c;
    color: #fff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.playListItem.firstTime {
    display: none;
}

.playListItem a[data-type="setDefaultPlayList"].active,
.hsPlayListInfo .tools a.active {
    background: #333 !important;
}

.playListItem .url {
    position: absolute;
    font-size: 1rem;
    right: 0;
    bottom: 0;
    background: #ededed;
    padding: 4px 9px 1px;
    border-top-left-radius: 10px;
}

.player .folders {
    position: absolute;
    top: -29px;
    right: 20px;
    display: flex;
}

.player .folders a {
    background: #fff;
    padding: 5px 10px;
    box-shadow: -3px -2px 9px rgba(0, 0, 0, .1);
    z-index: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.player .folders a:first-child {
    border-top-right-radius: 10px;
}

.player .folders a:last-child {
    border-top-left-radius: 10px;
}

.player .folders a:hover,
.player .folders a.active {
    background: #e76f00;
    color: #FFF;
    border-left: 1px solid #e76f00;
    border-right: 1px solid #e76f00;
}

.player .folders a:last-child:hover {

}

.hsModal,
.hsModal .bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 99;
}

.hsModal .bg {
    background: rgba(0, 0, 0, .6);
}

.hsModal .inner {
    width: 50%;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    text-align: center;
    display: flex;
    justify-content: center;
    background: #FFF;
    border-radius: 5px;
    padding: 1rem;
    flex-wrap: wrap;
    z-index: 999;
}

.hsModal .head {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #8a8a8a;
    padding-bottom: .5rem;
}

.hsModal .head h4 {
    font-size: 1rem;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
}

.hsModal .head .left a {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.hsModal .head .left a:hover {
    color: #e76f00;
}

.hsTextOrange {
    color: #e56e00;
}

.mobileFolders {
    display: none;
}

.userPlayList .userAvatar {
    width: 50px;
    border-radius: 50%;
    margin-left: 5px;
    border: 1px solid #111;
}

.userPlayList .descriptions {
    top: 50%;
    transform: translateY(-50%);
}

.dark .hsLoginPageIntro footer .tabs a,
.dark .hsLoginPageBody .hsPlayListInfo,
.dark .hsLoginPageBody .hsPlayList{
    background: #334155;
    color: #FFF;
}

.dark .hsLoginPageIntro footer .tabs a.active {
    background: #3f517d;
    color: #FFF;
}

.dark .hsLoginPageIntro header {
    border-bottom: 1px solid rgb(94, 94, 94);
}

.dark .globeTbl tr:nth-child(2n),
.dark .hsLoginPageBody .body input {
    background: #334155 !important;
    color: #FFF;
}

.dark input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #334155 inset !important;
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.dark .hsLoginPageBody .body input {
    border: 1px solid #676767;
}

.dark .globeTbl tr,
.dark .globeTbl tr:nth-child(2n):hover,
.dark .hsLoginPageBody .body label,
.dark .hsLoginPageBody .hsPlayListInfo .head p {
    color: #FFF;
}

.dark .globeTbl tr:hover {
    color: #000;
}

.dark .hsUsersPlayList .row a span {
    background: #0f172a;
    color: #FFF;
}

.dark .hsLoginPageIntro img.avatar,
.dark .hsLoginPageBody .hsPlayListInfo .image img {
    border: 1px solid #4f4d4d;
}

.dark .hsLoginPageBody .hsPlayListInfo input {
    color: #111;
}

.dark .hsLoginPageBody .hsPlayList .item a.Ops,
.dark .hsLoginPageBody .hsPlayList .item a.noPlayThis {
    background: #959595;
}

.dark .hsLoginPageIntro footer .tabs a:hover,
.dark .hsLoginPageIntro footer .tabs a.active {
    border: 1px solid #646363;
}

.hsAdviseToRegister {
    background: #333;
    color: #FFF;
    border-radius: 1rem;
    margin: 1rem 0;
    display: none;
}

.hsAdviseToRegister a {
    display: flex;
    justify-content: center;
    padding: 1rem .5rem;
}

.hsUserInfo {
    position: absolute;
    display: flex;
    align-items: center;
    top: 10px;
    right: 5px;
    background: rgba(255, 255, 255, .9);
    padding: 2px 4px;
    border-radius: 25px;
    box-shadow: 0 1px 9px rgba(0, 0, 0, .2);
    z-index: 9;
}

.hsUserInfo img {
    display: flex;
    border-radius: 50%;
    margin-left: 5px;
}

.hsUsersPlayList .head {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.hsUsersPlayList .head .all i {
    font-size: 26px !important;
}

.hsUsersPlayList .body .row {
    gap: 15px;
    flex-wrap: wrap;
}

.hsUsersPlayList .body .item {
    flex-basis: calc(20% - 10px);
    flex-grow: 1;
}

.dark .hsLoginPageBody .hsPlayListInfo .row,
.dark .hsLoginPageBody .hsPlayList .item{
    background: #28364a;
}

.dark .playListItem .url {
    background: #192331;
}

.dark .hsLoginPageBody .hsPlayListInfo .row .right {
    border-left: 1px solid rgb(51 65 85 / 1);
}

.dark .hsLoginPageBody .hsPlayListInfo .name {
    border-bottom: 1px solid rgb(51 65 85 / 1);
}

@media screen and (max-width: 576px) {
    .hsLoginPageBody .body button {
        width: 45%;
    }

    .hsLoginPageBody .body input {
        width: 65%;
        margin-right: 0;
    }

    .hsNoPlayListPage p {
        padding: 5rem 10px;
    }

    .main-site {
        padding: .5rem;
    }

    .hsLoginPageBody .hsPlayList .item {
        padding: .6rem .2rem !important;
    }

    .hsLoginPageBody .hsPlayList .item .right a {
        margin: 0 2px;
    }

    .hsLoginPageBody .hsPlayList .item .left {
        margin: 0;
    }

    .hsPostTools {
        grid-template-columns: 2fr 1fr 1fr;
    }

    .hsPostTools div.flex {
        padding: .5rem !important;
    }

    .hsLyric .title {
        text-align: justify;
    }

    .hsDLBox {
        padding: .5rem !important;
    }

    .hsLoginPageBody .hsPlayListInfo .row .right,
    .hsLoginPageBody .hsPlayListInfo .row .left {
        width: 100%;
    }

    .player .folders {
        display: flex;
        white-space: nowrap;
        flex-direction: row;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        bottom: 100%;
        width: 85%;
        overflow-x: auto;
        overflow-y: hidden;
        text-align: center;
        right: 50%;
        justify-content: center;
        transform: translateX(50%);
    }

    .player .folders a:not(.active) {
        border: 1px solid #ccc;
    }

    .player .folders a {
        box-shadow: none;
    }

    .mobileFolders {
        display: none;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: -35px;
        right: 50%;
        background: #fff;
        padding: 7px 10px;
        box-shadow: -3px -2px 9px rgba(0, 0, 0, .1);
        z-index: 0;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        width: 190px;
        transform: translateX(50%);
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

    .mobileFolders i {
        font-size: 20px;
        margin-left: 8px;
    }

    .hsLoginPageBody .hsPlayListInfo .row {
        flex-direction: column;
    }

    .hsLoginPageBody .hsPlayListNotice img {
        opacity: .3;
    }

    .hsLoginPageBody .hsPlayListInfo .row .right {
        border-left: 0;
        border-bottom: 1px solid rgb(229 231 235);
        padding-bottom: 1rem;
    }

    .hsLoginPageBody .hsPlayListInfo .row .left {
        padding-top: 1rem;
        padding-right: 0;
    }

    .hsLoginPageBody .hsPlayList .item .name {
        font-size: .8rem;
    }

    .hsLoginPageBody .hsPlayList .item .right a {
        width: 32px;
        height: 32px;
    }

    .hsLoginPageBody .hsPlayList .item .left .counter {
        padding: 3px 3px;
        width: 25px
    }

    .playListItem .url {
        padding: 5px 6px 0;
        font-size: .8rem;
    }

    .hsModal .inner {
        width: 97% !important;
    }

    .hsAdviseToRegister {
        display: block;
    }

    .hsUsersPlayList .body .item {
        flex-basis: calc(50% - 10px);
    }

}

.winter-discount-banner {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    width: 100%;
    padding: 14px 20px;
    margin-top: 20px;
    background: linear-gradient(135deg, #89bb33 0%, #5edca8 40%, #0c4a6e 100%);
    border-radius: 14px;
    text-decoration: none;
    color: #f8fafc;
    font-family: 'YekanBakh', sans-serif;

    transition: transform .2s ease, box-shadow .2s ease;
    position: relative;
    overflow: hidden;
}

.winter-discount-banner.winter-discount-banner--warn {
    background: linear-gradient(135deg, #f59e0b 0%, #fb7185 45%, #7c2d12 100%);
}

.winter-discount-banner.winter-discount-banner--warn::before {
    background: radial-gradient(ellipse 70% 50% at 100% 50%, rgba(254, 215, 170, .16) 0%, transparent 55%);
}

.winter-discount-banner.winter-discount-banner--warn:hover {
    box-shadow: 0 12px 28px rgba(245, 158, 11, .22);
}

.winter-discount-banner.winter-discount-banner--warn .winter-discount-banner__icon {
    animation-duration: 2.2s;
}

.winter-discount-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 70% 50% at 100% 50%, rgba(56, 189, 248, .12) 0%, transparent 50%);
    pointer-events: none
}

.winter-discount-banner:hover {
    color: #f8fafc;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(14, 165, 233, .2)
}

.winter-discount-banner__icon {
    font-size: 28px !important;
    opacity: .95;
    position: relative;
    animation: winter-snow-spin 1s linear infinite
}

@keyframes winter-snow-spin {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.3)
    }
    100% {
        transform: scale(1)
    }
}

.winter-discount-banner__text {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    line-height: 1.5;
    position: relative
}

.winter-discount-banner__text strong {
    font-weight: 700;
    color: #fff
}

.winter-discount-banner__cta {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    color: #38bdf8;
    white-space: nowrap
}

.winter-discount-banner__arrow {
    font-size: 20px !important;
    opacity: .9;
    position: relative
}

@media (max-width: 640px) {
    .winter-discount-banner {
        padding: 12px 16px;
        margin-top: 20px
    }

    .winter-discount-banner__text {
        font-size: 13px
    }

    .winter-discount-banner__cta {
        font-size: 12px
    }
}
.hsTelNotice{
direction:rtl;
display:flex;
align-items:center;
gap:12px;
margin-top:16px;
padding:12px 16px;
border-radius:16px;
background:linear-gradient(135deg,#ffffff,#f8fafc);
border:1px solid #eef2f7;
box-shadow:0 6px 20px rgba(15,23,42,.05);
}

.hsTelNotice__icon{
width:46px;
height:46px;
min-width:46px;
border-radius:14px;
background:linear-gradient(135deg,#e0f2fe,#f0f9ff);
display:flex;
align-items:center;
justify-content:center;
}

.hsTelNotice__icon img{
width:28px;
height:28px;
}

.hsTelNotice__content{
flex:1;
}

.hsTelNotice__content strong{
display:block;
font-size:14px;
font-weight:800;
color:#0f172a;
margin-bottom:2px;
}

.hsTelNotice__content p{
margin:0;
font-size:12px;
line-height:1.8;
color:#475569;
}

.hsTelNotice__content a{
color:#f97316;
font-weight:800;
text-decoration:none;
}

.hsTelNotice__btn{
background:linear-gradient(135deg,#f97316,#fb923c);
color:#fff;
padding:8px 14px;
border-radius:12px;
font-size:12px;
font-weight:800;
text-decoration:none;
white-space:nowrap;
box-shadow:0 6px 16px rgba(249,115,22,.2);
}

.dark .hsTelNotice{
background:linear-gradient(135deg,#111827,#0f172a);
border-color:#1f2937;
box-shadow:0 10px 25px rgba(0,0,0,.3);
}

.dark .hsTelNotice__content strong{
color:#fff;
}

.dark .hsTelNotice__content p{
color:#cbd5e1;
}

.dark .hsTelNotice__icon{
background:rgba(14,165,233,.12);
}

@media(max-width:640px){
.hsTelNotice{
flex-direction:column;
text-align:center;
padding:14px;
gap:10px;
}

.hsTelNotice__btn{
width:100%;
text-align:center;
}
}

@media (min-width: 1024px){
.hsTelNotice{
width:95%;
max-width:1450px;
margin:18px auto 0;
}
}

@media (min-width: 768px) and (max-width: 1023px){
.hsTelNotice{
width:85%;
margin:18px auto 0;
}
}

@media (max-width: 767px){
.hsTelNotice{
width:100%;
margin-top:18px;
}
}
.ava-popular-box{
  padding:20px;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 30px rgba(15,23,42,.06);
}

.ava-popular-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
  font-size:16px;
  font-weight:900;
  color:#0f172a;
}

.ava-popular-head a{
  color:#f97316;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}

.ava-popular-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.ava-popular-card{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:#f1f5f9;
}

.ava-popular-card img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
  transition:.3s;
}

.ava-popular-card:hover img{
  transform:scale(1.06);
}

.ava-popular-info{
  position:absolute;
  right:10px;
  left:10px;
  bottom:10px;
  z-index:3;
  padding:9px 10px;
  border-radius:14px;
  text-align:center;
  color:#fff;
  background:rgba(15,23,42,.72);
  backdrop-filter:blur(10px);
  text-decoration:none;
}

.ava-popular-info span{
  display:block;
  font-size:12px;
}

.ava-popular-info b{
  display:block;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ava-popular-play{
  position:absolute;
  top:50%;
  left:50%;
  z-index:4;
  width:50px;
  height:50px;
  border-radius:50%;
  background:linear-gradient(135deg,#f97316,#fb923c);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translate(-50%,-50%) scale(.85);
  opacity:0;
  cursor:pointer;
  transition:.25s;
}

.ava-popular-card:hover .ava-popular-play{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}

.dark .ava-popular-box{
  background:#1e293b;
}

@media(max-width:1024px){
  .ava-popular-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:640px){
  .ava-popular-grid{
    grid-template-columns:repeat(2,1fr);
    gap:14px;
  }
}

/* Ava Music Header Stable Final */
main > header{
    direction:rtl;
    display:grid !important;
    grid-template-columns:minmax(390px,1fr) auto minmax(390px,1fr) !important;
    align-items:center !important;
    justify-items:center !important;
    gap:18px !important;
    min-height:76px !important;
    padding:13px 22px !important;
    border-radius:22px 22px 0 0 !important;
    background:rgba(255,255,255,.94) !important;
    border-bottom:1px solid #eef2f7 !important;
    box-shadow:0 10px 35px rgba(15,23,42,.06);
    backdrop-filter:blur(18px);
}

main > header .hsNav{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    white-space:nowrap !important;
}

main > header .hsNav li{
    flex:0 0 auto !important;
    margin:0 !important;
    padding-left:0 !important;
}

main > header .hsNav a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:0 13px !important;
    border-radius:13px !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
    color:#111827 !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    text-decoration:none !important;
    transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}

main > header .hsNav a:hover,
main > header .hsNav .current-menu-item > a,
main > header .hsNav .current_page_item > a{
    background:#fff7ed !important;
    color:#ea580c !important;
    box-shadow:0 8px 18px rgba(249,115,22,.12);
    transform:translateY(-1px);
}

main > header div[class*="justify-self-start"][class*="md:block"]{
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
}

main > header .logosection{
    min-width:72px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

main > header .logosection img{
    width:52px !important;
    height:auto !important;
    filter:drop-shadow(0 8px 14px rgba(249,115,22,.18));
}

main > header .flex.justify-self-end{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
}

main > header .w-96{
    width:min(360px,100%) !important;
}

main > header form{
    height:42px;
    display:flex;
    align-items:center;
}

main > header form input{
    font-size:12px !important;
    font-weight:600;
}

main > header form button{
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

main > header .bg-gray1{
    background:#f8fafc !important;
    border:1px solid #eef2f7 !important;
    box-shadow:0 8px 20px rgba(15,23,42,.04);
}

main > header .flex.justify-self-end > .bg-gray1:last-child{
    gap:6px !important;
    padding:4px !important;
}

main > header .darkmode,
main > header .lightmode,
main > header .navUserArea .inner{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    padding:0 !important;
    margin:0 !important;
}

main > header .darkmode{
    background:#fff !important;
}

main > header .lightmode{
    background:linear-gradient(135deg,#f97316,#fb923c) !important;
    box-shadow:0 8px 18px rgba(249,115,22,.24);
}

.navUserArea .subMenu{
    top:120% !important;
    left:0 !important;
    padding:8px !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 18px 45px rgba(15,23,42,.14) !important;
    border:1px solid #eef2f7 !important;
    z-index:999 !important;
}

.navUserArea .subMenu a{
    width:132px !important;
    min-height:38px !important;
    margin-bottom:6px !important;
    border-radius:13px !important;
    background:#f8fafc !important;
    color:#111827 !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.navUserArea .subMenu a:hover{
    background:#f97316 !important;
    color:#fff !important;
}

.dark main > header{
    background:rgba(15,23,42,.94) !important;
    border-bottom-color:#1e293b !important;
    box-shadow:0 12px 35px rgba(0,0,0,.28);
}

.dark main > header .hsNav a{
    color:#f8fafc !important;
}

.dark main > header .hsNav a:hover,
.dark main > header .hsNav .current-menu-item > a,
.dark main > header .hsNav .current_page_item > a{
    background:rgba(249,115,22,.16) !important;
    color:#fb923c !important;
    box-shadow:0 8px 20px rgba(249,115,22,.10);
    text-shadow:none !important;
}

.dark main > header .bg-gray1,
.dark main > header .navUserArea,
.dark .navUserArea .subMenu{
    background:#111827 !important;
    border-color:#263449 !important;
}

.dark main > header .darkmode{
    background:#263449 !important;
}

.dark main > header .lightmode{
    background:linear-gradient(135deg,#f97316,#fb923c) !important;
}

.dark .navUserArea .subMenu a{
    background:#1e293b !important;
    color:#f8fafc !important;
}

.dark .navUserArea .subMenu a:hover{
    background:#f97316 !important;
    color:#fff !important;
}

@media screen and (max-width:1180px){
    main > header{
        grid-template-columns:minmax(330px,1fr) auto minmax(330px,1fr) !important;
        gap:14px !important;
    }

    main > header .hsNav{
        gap:5px !important;
    }

    main > header .hsNav a{
        padding:0 9px !important;
        font-size:12px !important;
    }

    main > header .w-96{
        width:280px !important;
    }
}

@media screen and (max-width:768px){
    main > header{
        grid-template-columns:1fr auto 1fr !important;
        padding:12px 14px !important;
        min-height:72px !important;
    }

    main > header div[class*="justify-self-start"][class*="md:block"]{
        display:none !important;
    }

    main > header .w-96{
        display:none !important;
    }

    main > header .logosection img{
        width:48px !important;
    }

    main > header .flex.justify-self-end{
        gap:6px !important;
    }
}

/* Ava Music Footer Stable Fix */
footer.ava-footer{
    direction:rtl;
    display:block;
    width:auto;
    margin:26px 16px 0 !important;
    padding:30px 18px !important;
    border-radius:28px 28px 0 0 !important;
    background:linear-gradient(135deg,#ffffff,#f8fafc) !important;
    border:1px solid #eef2f7 !important;
    box-shadow:0 -10px 35px rgba(15,23,42,.06);
    text-align:center !important;
    color:#334155 !important;
}

footer.ava-footer .ava-footer__inner{
    max-width:1120px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

footer.ava-footer .ava-footer__logo{
    display:flex;
    align-items:center;
    justify-content:center;
    width:64px;
    height:64px;
    margin:0 auto 14px !important;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 24px rgba(15,23,42,.08);
}

footer.ava-footer .ava-footer__logo img{
    width:46px !important;
    height:auto !important;
    display:block;
    margin:0 auto !important;
}

footer.ava-footer .ava-footer__text{
    max-width:820px;
    margin:0 auto 18px !important;
    padding:0;
    font-size:14px;
    font-weight:600;
    line-height:2.1;
    text-align:center !important;
    color:#475569 !important;
}

footer.ava-footer .ava-footer__socials{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
    margin:0 auto 18px;
}

footer.ava-footer .ava-footer__socials a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:9px 16px;
    border-radius:14px;
    color:#fff !important;
    font-size:13px;
    font-weight:900;
    text-decoration:none !important;
    transition:.2s ease;
}

footer.ava-footer .ava-footer__socials a:hover{
    transform:translateY(-2px);
}

footer.ava-footer .ava-footer__socials .telegram{
    background:#229ed9;
}

footer.ava-footer .ava-footer__socials .instagram{
    background:linear-gradient(135deg,#f97316,#db2777);
}

footer.ava-footer .ava-footer__socials .youtube{
    background:#ef4444;
}

footer.ava-footer .ava-footer__menu{
    list-style:none !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
    padding:8px !important;
    margin:0 auto !important;
    border-radius:18px;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
}

footer.ava-footer .ava-footer__menu li{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}

footer.ava-footer .ava-footer__link{
    display:block;
    padding:9px 16px !important;
    border-radius:12px;
    color:#0f172a !important;
    font-size:13px;
    font-weight:800;
    text-decoration:none !important;
    transition:.2s ease;
}

footer.ava-footer .ava-footer__link:hover{
    background:#f97316 !important;
    color:#fff !important;
}

footer.ava-footer .ava-footer__copy{
    margin-top:16px;
    font-size:12px;
    color:#94a3b8 !important;
}

/* Dark Footer */
.dark footer.ava-footer{
    background:linear-gradient(135deg,#111827,#0f172a) !important;
    border-color:#1e293b !important;
    box-shadow:0 -10px 35px rgba(0,0,0,.35);
    color:#e2e8f0 !important;
}

.dark footer.ava-footer .ava-footer__logo,
.dark footer.ava-footer .ava-footer__menu{
    background:#1e293b !important;
}

.dark footer.ava-footer .ava-footer__text{
    color:#cbd5e1 !important;
}

.dark footer.ava-footer .ava-footer__link{
    color:#e2e8f0 !important;
}

.dark footer.ava-footer .ava-footer__copy{
    color:#64748b !important;
}

@media(max-width:640px){
    footer.ava-footer{
        margin:18px 8px 0 !important;
        padding:24px 12px !important;
        border-radius:22px 22px 0 0 !important;
    }

    footer.ava-footer .ava-footer__text{
        font-size:13px;
        line-height:2;
    }

    footer.ava-footer .ava-footer__menu{
        width:100%;
        gap:4px;
    }

    footer.ava-footer .ava-footer__link{
        padding:8px 12px !important;
        font-size:12px;
    }
}
/* Ava Music Professional Pagination */
.pagination,
.page-numbers {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 22px 15px;
  margin: 30px auto;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 8px 25px rgba(15, 23, 42, 0.06);
}

.pagination a,
.pagination span,
.page-numbers a,
.page-numbers span,
a.page-numbers,
span.page-numbers {
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  text-decoration: none;
  transition: all 0.25s ease;
}

.pagination a:hover,
.page-numbers a:hover,
a.page-numbers:hover {
  background: #ff7a00;
  color: #fff !important;
  border-color: #ff7a00;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(255, 122, 0, 0.25);
}

.pagination .current,
.page-numbers .current,
span.page-numbers.current {
  background: #ff7a00;
  color: #fff !important;
  border-color: #ff7a00;
  box-shadow: 0 8px 18px rgba(255, 122, 0, 0.25);
}

.pagination .next,
.pagination .prev,
.page-numbers.next,
.page-numbers.prev {
  min-width: auto;
  padding: 0 18px;
}

/* Dark Mode */
.dark .pagination,
.dark .page-numbers {
  background: #0f172a;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
}

.dark .pagination a,
.dark .pagination span,
.dark .page-numbers a,
.dark .page-numbers span,
.dark a.page-numbers,
.dark span.page-numbers {
  background: #1e293b;
  color: #e5e7eb;
  border-color: #334155;
}

.dark .pagination a:hover,
.dark .page-numbers a:hover,
.dark a.page-numbers:hover,
.dark .pagination .current,
.dark .page-numbers .current,
.dark span.page-numbers.current {
  background: #ff7a00;
  color: #fff !important;
  border-color: #ff7a00;
}

/* Mobile */
@media (max-width: 480px) {
  .pagination,
  .page-numbers {
    gap: 6px;
    padding: 16px 8px;
    border-radius: 14px;
    flex-wrap: wrap;
  }

  .pagination a,
  .pagination span,
  .page-numbers a,
  .page-numbers span,
  a.page-numbers,
  span.page-numbers {
    min-width: 34px;
    height: 34px;
    font-size: 13px;
    border-radius: 10px;
  }

  .pagination .next,
  .pagination .prev,
  .page-numbers.next,
  .page-numbers.prev {
    padding: 0 14px;
  }
}


/* =========================================================
   Ava Music Pagination FINAL FIX - works with WordPress nav-links
   ========================================================= */
nav.pagination,
.navigation.pagination,
.pagination {
  direction: rtl !important;
  width: 100% !important;
  margin: 30px auto !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

nav.pagination .nav-links,
.navigation.pagination .nav-links,
.pagination .nav-links,
.wp-pagenavi,
ul.page-numbers {
  direction: rtl !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 28px auto !important;
  padding: 18px 16px !important;
  list-style: none !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid #eef2f7 !important;
  box-shadow: 0 12px 32px rgba(15,23,42,.07) !important;
}

ul.page-numbers li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

nav.pagination .page-numbers,
.navigation.pagination .page-numbers,
.pagination .page-numbers,
.wp-pagenavi a,
.wp-pagenavi span,
ul.page-numbers a.page-numbers,
ul.page-numbers span.page-numbers {
  box-sizing: border-box !important;
  min-width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border-radius: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: .22s ease !important;
}

nav.pagination a.page-numbers:hover,
.navigation.pagination a.page-numbers:hover,
.pagination a.page-numbers:hover,
.wp-pagenavi a:hover,
ul.page-numbers a.page-numbers:hover {
  background: linear-gradient(135deg,#f97316,#fb923c) !important;
  border-color: #f97316 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 22px rgba(249,115,22,.24) !important;
}

nav.pagination .page-numbers.current,
.navigation.pagination .page-numbers.current,
.pagination .page-numbers.current,
.wp-pagenavi .current,
ul.page-numbers span.page-numbers.current {
  background: linear-gradient(135deg,#f97316,#fb923c) !important;
  border-color: #f97316 !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(249,115,22,.24) !important;
}

nav.pagination .page-numbers.next,
nav.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next,
.navigation.pagination .page-numbers.prev,
.pagination .page-numbers.next,
.pagination .page-numbers.prev,
ul.page-numbers .page-numbers.next,
ul.page-numbers .page-numbers.prev {
  min-width: 70px !important;
  padding: 0 17px !important;
}

nav.pagination .dots,
.navigation.pagination .dots,
.pagination .dots,
ul.page-numbers .dots {
  background: transparent !important;
  border-color: transparent !important;
  color: #94a3b8 !important;
  min-width: 24px !important;
}

.dark nav.pagination .nav-links,
.dark .navigation.pagination .nav-links,
.dark .pagination .nav-links,
.dark .wp-pagenavi,
.dark ul.page-numbers {
  background: rgba(15,23,42,.96) !important;
  border-color: #1e293b !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.30) !important;
}

.dark nav.pagination .page-numbers,
.dark .navigation.pagination .page-numbers,
.dark .pagination .page-numbers,
.dark .wp-pagenavi a,
.dark .wp-pagenavi span,
.dark ul.page-numbers a.page-numbers,
.dark ul.page-numbers span.page-numbers {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #e5e7eb !important;
}

.dark nav.pagination a.page-numbers:hover,
.dark .navigation.pagination a.page-numbers:hover,
.dark .pagination a.page-numbers:hover,
.dark .wp-pagenavi a:hover,
.dark ul.page-numbers a.page-numbers:hover,
.dark nav.pagination .page-numbers.current,
.dark .navigation.pagination .page-numbers.current,
.dark .pagination .page-numbers.current,
.dark .wp-pagenavi .current,
.dark ul.page-numbers span.page-numbers.current {
  background: linear-gradient(135deg,#f97316,#fb923c) !important;
  border-color: #f97316 !important;
  color: #fff !important;
}

@media (max-width: 520px) {
  nav.pagination .nav-links,
  .navigation.pagination .nav-links,
  .pagination .nav-links,
  .wp-pagenavi,
  ul.page-numbers {
    gap: 6px !important;
    padding: 14px 8px !important;
    margin: 20px auto !important;
    border-radius: 18px !important;
  }

  nav.pagination .page-numbers,
  .navigation.pagination .page-numbers,
  .pagination .page-numbers,
  .wp-pagenavi a,
  .wp-pagenavi span,
  ul.page-numbers a.page-numbers,
  ul.page-numbers span.page-numbers {
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    border-radius: 11px !important;
  }

  nav.pagination .page-numbers.next,
  nav.pagination .page-numbers.prev,
  .navigation.pagination .page-numbers.next,
  .navigation.pagination .page-numbers.prev,
  .pagination .page-numbers.next,
  .pagination .page-numbers.prev {
    min-width: 58px !important;
    padding: 0 12px !important;
  }
}
/* Ava Music Ads Box */
.ava-ad-box {
  direction: rtl;
  width: 100%;
  margin: 14px 0;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  text-align: center;
}

.ava-ad-box img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

.ava-ad-title {
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 800;
  color: #475569;
}

.dark .ava-ad-box {
  background: #111827;
  border-color: #334155;
}

.dark .ava-ad-title {
  color: #cbd5e1;
}
/* FIX Pagination Ava Music */
nav.navigation.pagination,
.navigation.pagination,
.pagination,
.wp-pagenavi,
.posts-navigation,
.page-links,
div[class*="pagination"] {
  direction: rtl !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 24px 12px !important;
  margin: 28px auto !important;
  background: #fff !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 35px rgba(15,23,42,.08) !important;
}

nav.navigation.pagination a,
nav.navigation.pagination span,
.pagination a,
.pagination span,
.wp-pagenavi a,
.wp-pagenavi span,
.page-numbers {
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f8fafc !important;
  color: #111827 !important;
  border: 1px solid #e5e7eb !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

nav.navigation.pagination a:hover,
.pagination a:hover,
.wp-pagenavi a:hover,
.page-numbers:hover,
.page-numbers.current,
span.current {
  background: #f97316 !important;
  color: #fff !important;
  border-color: #f97316 !important;
  box-shadow: 0 8px 18px rgba(249,115,22,.28) !important;
}

.next.page-numbers,
.prev.page-numbers,
.pagination .next,
.pagination .prev {
  width: auto !important;
  min-width: 62px !important;
  padding: 0 16px !important;
}

/* Dark Mode */
.dark nav.navigation.pagination,
.dark .navigation.pagination,
.dark .pagination,
.dark .wp-pagenavi,
.dark .posts-navigation,
.dark .page-links,
.dark div[class*="pagination"] {
  background: #111827 !important;
  box-shadow: 0 12px 35px rgba(0,0,0,.35) !important;
}

.dark .page-numbers,
.dark .pagination a,
.dark .pagination span,
.dark .wp-pagenavi a,
.dark .wp-pagenavi span {
  background: #1e293b !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}
/* Ava Music Home Hero + Users Playlist Pro */
.avaHomeHero,
.avaUsersPlaylistPro,
.avaHomeHero *,
.avaUsersPlaylistPro *{
    box-sizing:border-box;
}

.avaHomeHero{
    direction:rtl;
    position:relative;
    margin:0 0 18px;
    padding:24px;
    border-radius:24px;
    overflow:hidden;
    isolation:isolate;
    background:
        radial-gradient(circle at 8% 20%,rgba(255,255,255,.32) 0,transparent 28%),
        linear-gradient(135deg,#ff8a00 0%,#f97316 45%,#d95f00 100%);
    color:#fff;
    box-shadow:0 16px 40px rgba(249,115,22,.24);
}

.avaHomeHero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px),
        linear-gradient(0deg,rgba(255,255,255,.10) 1px,transparent 1px);
    background-size:34px 34px;
    opacity:.18;
}

.avaHomeHero:after{
    content:"♪";
    position:absolute;
    left:24px;
    bottom:-22px;
    font-size:112px;
    line-height:1;
    font-weight:900;
    color:rgba(255,255,255,.12);
    pointer-events:none;
}

.avaHomeHero__content{
    position:relative;
    z-index:1;
    max-width:840px;
}

.avaHomeHero__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    padding:6px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.22);
    color:#fff;
    font-size:12px;
    font-weight:900;
    backdrop-filter:blur(10px);
}

.avaHomeHero__title{
    margin:0 0 8px !important;
    padding:0 !important;
    font-size:23px !important;
    font-weight:950 !important;
    line-height:1.8 !important;
    letter-spacing:-.2px;
}

.avaHomeHero__title a{
    color:#fff !important;
    text-decoration:none !important;
}

.avaHomeHero__desc{
    max-width:780px;
    margin:0 !important;
    color:rgba(255,255,255,.94) !important;
    font-size:14px !important;
    font-weight:600;
    line-height:2.1 !important;
}

.avaHomeHero__links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

.avaHomeHero__links a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.24);
    color:#fff !important;
    font-size:12px;
    font-weight:900;
    text-decoration:none !important;
    transition:all .22s ease;
}

.avaHomeHero__links a:hover{
    background:#fff;
    color:#f97316 !important;
    transform:translateY(-2px);
}

.avaUsersPlaylistPro{
    direction:rtl;
    position:relative;
    margin:18px 0 20px;
    padding:20px;
    border-radius:26px;
    overflow:hidden;
    background:linear-gradient(135deg,#ffffff 0%,#fbfdff 100%);
    border:1px solid #eef2f7;
    box-shadow:0 16px 42px rgba(15,23,42,.075);
}

.avaUsersPlaylistPro:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 0% 0%,rgba(249,115,22,.12),transparent 32%),
        radial-gradient(circle at 100% 20%,rgba(59,130,246,.08),transparent 30%);
}

.avaUsersPlaylistPro__head,
.avaUsersPlaylistPro__grid{
    position:relative;
    z-index:1;
}

.avaUsersPlaylistPro__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:20px;
}

.avaUsersPlaylistPro__titleWrap{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}

.avaUsersPlaylistPro__icon{
    width:46px;
    height:46px;
    min-width:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,#f97316,#fb923c);
    color:#fff;
    box-shadow:0 10px 24px rgba(249,115,22,.28);
}

.avaUsersPlaylistPro__titleWrap h2{
    margin:0 !important;
    color:#0f172a;
    font-size:16px !important;
    font-weight:950 !important;
    line-height:1.7 !important;
}

.avaUsersPlaylistPro__titleWrap p{
    margin:0 !important;
    color:#64748b;
    font-size:12px !important;
    font-weight:700;
    line-height:1.8 !important;
}

.avaUsersPlaylistPro__all{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:112px;
    height:40px;
    padding:0 16px;
    border-radius:999px;
    background:#fff7ed;
    color:#ea580c !important;
    border:1px solid #fed7aa;
    font-size:12px;
    font-weight:950;
    text-decoration:none !important;
    white-space:nowrap;
    transition:all .22s ease;
}

.avaUsersPlaylistPro__all:hover{
    background:#f97316;
    color:#fff !important;
    border-color:#f97316;
    transform:translateY(-2px);
    box-shadow:0 12px 24px rgba(249,115,22,.22);
}

.avaUsersPlaylistPro__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.avaUsersPlaylistPro__card{
    min-width:0;
}

.avaUsersPlaylistPro__card a{
    display:flex;
    flex-direction:column;
    align-items:center;
    min-height:190px;
    padding:16px 10px 12px;
    border-radius:22px;
    background:rgba(248,250,252,.78);
    border:1px solid rgba(226,232,240,.85);
    text-align:center;
    text-decoration:none !important;
    transition:all .25s ease;
}

.avaUsersPlaylistPro__card a:hover{
    background:#fff;
    border-color:#fed7aa;
    transform:translateY(-5px);
    box-shadow:0 16px 32px rgba(15,23,42,.10);
}

.avaUsersPlaylistPro__image{
    position:relative;
    width:104px;
    height:104px;
    margin:0 auto 12px !important;
    padding:5px;
    border-radius:50%;
    background:conic-gradient(from 120deg,#f97316,#fdba74,#e2e8f0,#f97316);
    box-shadow:0 12px 26px rgba(15,23,42,.18);
}

.avaUsersPlaylistPro__image:after{
    content:"";
    position:absolute;
    inset:50%;
    width:34px;
    height:34px;
    transform:translate(50%,-50%);
    border-radius:50%;
    background:rgba(15,23,42,.42);
    opacity:0;
    transition:.22s ease;
    backdrop-filter:blur(7px);
}

.avaUsersPlaylistPro__card a:hover .avaUsersPlaylistPro__image:after{
    opacity:1;
}

.avaUsersPlaylistPro__image img{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}

.avaUsersPlaylistPro__card h3{
    width:100%;
    max-width:150px;
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 8px !important;
    padding:7px 12px !important;
    border-radius:999px;
    background:#eaf0f6;
    color:#111827;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1.5 !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.avaUsersPlaylistPro__cta{
    color:#f97316;
    font-size:11px;
    font-weight:900;
    opacity:0;
    transform:translateY(5px);
    transition:.22s ease;
}

.avaUsersPlaylistPro__card a:hover .avaUsersPlaylistPro__cta{
    opacity:1;
    transform:translateY(0);
}

.dark .avaHomeHero{
    box-shadow:0 16px 42px rgba(0,0,0,.34);
}

.dark .avaUsersPlaylistPro{
    background:linear-gradient(135deg,#111827,#0f172a);
    border-color:#243247;
    box-shadow:0 16px 42px rgba(0,0,0,.34);
}

.dark .avaUsersPlaylistPro__titleWrap h2{
    color:#f8fafc;
}

.dark .avaUsersPlaylistPro__titleWrap p{
    color:#cbd5e1;
}

.dark .avaUsersPlaylistPro__card a{
    background:rgba(30,41,59,.78);
    border-color:#29384d;
}

.dark .avaUsersPlaylistPro__card a:hover{
    background:#1e293b;
    border-color:rgba(249,115,22,.42);
}

.dark .avaUsersPlaylistPro__card h3{
    background:#0f172a;
    color:#e5e7eb;
}

.dark .avaUsersPlaylistPro__all{
    background:rgba(249,115,22,.12);
    border-color:rgba(249,115,22,.22);
    color:#fb923c !important;
}

.dark .avaUsersPlaylistPro__all:hover{
    background:#f97316;
    color:#fff !important;
}

@media(max-width:768px){
    .avaHomeHero{
        padding:18px;
        border-radius:20px;
    }

    .avaHomeHero__title{
        font-size:18px !important;
    }

    .avaHomeHero__desc{
        font-size:13px !important;
    }

    .avaUsersPlaylistPro{
        padding:16px;
        border-radius:22px;
    }

    .avaUsersPlaylistPro__head{
        align-items:flex-start;
        flex-direction:column;
    }

    .avaUsersPlaylistPro__all{
        width:100%;
    }

    .avaUsersPlaylistPro__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .avaUsersPlaylistPro__card a{
        min-height:174px;
        padding:13px 7px 10px;
    }

    .avaUsersPlaylistPro__image{
        width:88px;
        height:88px;
    }

    .avaUsersPlaylistPro__card h3{
        max-width:130px;
        font-size:12px !important;
    }
}

@media(max-width:380px){
    .avaUsersPlaylistPro__grid{
        grid-template-columns:1fr;
    }
}
/* Ava Music - FORCE Archive/Tag/Music Hero Design
   Put this at the very END of style.css and clear cache/CDN. */

/* Orange SEO box shown in your screenshots */
.maincontent .articles .page-body .notation,
.articles .page-body .notation,
.page-body .notation,
.notation.bg-gradient-to-r,
.notation[class*="from-"]{
    direction: rtl !important;
    position: relative !important;
    overflow: hidden !important;
    margin: 0 0 18px !important;
    padding: 28px 30px !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg,#ff8a00 0%,#f97316 48%,#ea580c 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 18px 45px rgba(249,115,22,.28) !important;
    text-align: right !important;
}

.maincontent .articles .page-body .notation::before,
.page-body .notation::before{
    content:"" !important;
    position:absolute !important;
    inset:-60px auto auto -70px !important;
    width:190px !important;
    height:190px !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.14) !important;
    filter:blur(2px) !important;
}

.maincontent .articles .page-body .notation::after,
.page-body .notation::after{
    content:"" !important;
    position:absolute !important;
    inset:auto -60px -90px auto !important;
    width:230px !important;
    height:230px !important;
    border-radius:50% !important;
    background:radial-gradient(circle,rgba(255,255,255,.22),transparent 68%) !important;
    pointer-events:none !important;
}

.page-body .notation h1,
.page-body .notation .heding,
.notation h1.heding{
    position:relative !important;
    z-index:2 !important;
    margin:0 0 12px !important;
    padding:0 !important;
    font-size:22px !important;
    line-height:1.9 !important;
    font-weight:950 !important;
    letter-spacing:-.3px !important;
    color:#fff !important;
    text-shadow:0 2px 12px rgba(0,0,0,.12) !important;
}

.page-body .notation h1 a,
.page-body .notation .heding a,
.notation h1 a{
    color:#fff !important;
    text-decoration:none !important;
}

.page-body .notation span,
.page-body .notation p,
.notation span,
.notation p{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    max-width:760px !important;
    margin:0 !important;
    color:rgba(255,255,255,.96) !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:2.15 !important;
}

.page-body .notation span a,
.page-body .notation p a,
.notation span a,
.notation p a{
    color:#fff !important;
    font-weight:900 !important;
    text-decoration:none !important;
    border-bottom:1px dashed rgba(255,255,255,.55) !important;
}

/* Playlist users box shown under the orange box */
.hsUsersPlayList{
    direction:rtl !important;
    position:relative !important;
    margin:18px 0 22px !important;
    padding:22px !important;
    border-radius:26px !important;
    background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%) !important;
    border:1px solid #eef2f7 !important;
    box-shadow:0 18px 45px rgba(15,23,42,.08) !important;
    overflow:hidden !important;
}

.hsUsersPlayList .head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin-bottom:20px !important;
}

.hsUsersPlayList .head h3{
    margin:0 !important;
    padding:10px 18px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#ff8a00,#f97316) !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:950 !important;
    box-shadow:0 10px 25px rgba(249,115,22,.30) !important;
}

.hsUsersPlayList .head .all{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:#f8fafc !important;
    color:#0f172a !important;
    border:1px solid #e5e7eb !important;
    box-shadow:0 8px 18px rgba(15,23,42,.06) !important;
    text-decoration:none !important;
}

.hsUsersPlayList .body .row,
.hsUsersPlayList .row.flex{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:start !important;
}

.hsUsersPlayList .body .item,
.hsUsersPlayList .item{
    width:100% !important;
    flex-basis:auto !important;
    text-align:center !important;
}

.hsUsersPlayList .item a{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
}

.hsUsersPlayList .item img{
    width:108px !important;
    height:108px !important;
    object-fit:cover !important;
    border-radius:50% !important;
    padding:5px !important;
    background:linear-gradient(135deg,#fff,#e2e8f0) !important;
    box-shadow:0 14px 28px rgba(15,23,42,.20) !important;
    transition:transform .25s ease, box-shadow .25s ease !important;
}

.hsUsersPlayList .item span{
    width:100% !important;
    max-width:150px !important;
    margin-top:13px !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    background:#f1f5f9 !important;
    color:#111827 !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.5 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    transition:background .25s ease,color .25s ease !important;
}

.hsUsersPlayList .item a:hover img{
    transform:translateY(-5px) scale(1.03) !important;
    box-shadow:0 18px 36px rgba(249,115,22,.20) !important;
}

.hsUsersPlayList .item a:hover span{
    background:#f97316 !important;
    color:#fff !important;
}

.dark .hsUsersPlayList{
    background:linear-gradient(135deg,#111827,#0f172a) !important;
    border-color:#1e293b !important;
    box-shadow:0 18px 45px rgba(0,0,0,.35) !important;
}

.dark .hsUsersPlayList .head .all{
    background:#1e293b !important;
    color:#e5e7eb !important;
    border-color:#334155 !important;
}

.dark .hsUsersPlayList .item img{
    background:linear-gradient(135deg,#1e293b,#0f172a) !important;
}

.dark .hsUsersPlayList .item span{
    background:#1e293b !important;
    color:#e5e7eb !important;
}

@media(max-width:768px){
    .page-body .notation,
    .notation.bg-gradient-to-r{
        padding:20px 18px !important;
        border-radius:20px !important;
        text-align:center !important;
    }
    .page-body .notation h1,
    .notation h1.heding{
        font-size:18px !important;
    }
    .page-body .notation span,
    .notation span{
        font-size:13px !important;
        line-height:2 !important;
    }
    .hsUsersPlayList{
        padding:18px 14px !important;
        border-radius:22px !important;
    }
    .hsUsersPlayList .head{
        flex-direction:column !important;
    }
    .hsUsersPlayList .body .row,
    .hsUsersPlayList .row.flex{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:16px 12px !important;
    }
    .hsUsersPlayList .item img{
        width:92px !important;
        height:92px !important;
    }
}
/* Ava Music Playlist FINAL - works on current template classes */
.userPlayList,.ava-playlist-archive{direction:rtl}.ava-playlist-archive{padding:18px 16px}.ava-pl-archive-wrap{max-width:1180px;margin:0 auto}.ava-pl-hero{position:relative;overflow:hidden;border-radius:24px;padding:24px;margin:0 0 22px;background:linear-gradient(135deg,#ff7a00,#f97316 48%,#c2410c);color:#fff;box-shadow:0 16px 42px rgba(249,115,22,.28)}.ava-pl-hero:before{content:"";position:absolute;inset:-80px auto auto -70px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.16)}.ava-pl-hero h1{position:relative;margin:0 0 8px;font-size:24px;font-weight:950;line-height:1.7;color:#fff}.ava-pl-hero p{position:relative;margin:0;max-width:850px;font-size:14px;font-weight:700;line-height:2.1;color:rgba(255,255,255,.94)}.ava-pl-badge{position:relative;display:inline-flex;align-items:center;margin-bottom:10px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px;font-weight:900;color:#fff}.ava-pl-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:26px 18px!important}.ava-pl-card{min-width:0}.ava-pl-card-cover{position:relative;display:block;overflow:hidden;border-radius:20px;aspect-ratio:1/1;background:#111827;box-shadow:0 14px 34px rgba(15,23,42,.18);text-decoration:none!important}.ava-pl-card-cover img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:20px!important;transition:.35s ease}.ava-pl-card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,6,23,.86),rgba(2,6,23,.12) 60%,rgba(249,115,22,.22));z-index:1}.ava-pl-card:hover img{transform:scale(1.07)}.ava-pl-play{position:absolute;z-index:4;right:50%;bottom:13px;transform:translateX(50%);width:52px!important;height:52px!important;border-radius:50%;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#f97316!important;box-shadow:0 12px 25px rgba(0,0,0,.25);transition:.25s}.ava-pl-play i{position:static!important;color:#f97316!important;font-size:16px!important}.ava-pl-card:hover .ava-pl-play{background:#f97316!important;transform:translateX(50%) translateY(-5px)}.ava-pl-card:hover .ava-pl-play i{color:#fff!important}.ava-pl-user{position:absolute;z-index:5;top:10px;right:10px;left:10px;display:flex;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 20px);padding:5px 9px;border-radius:999px;background:rgba(15,23,42,.78);backdrop-filter:blur(10px);color:#fff;font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ava-pl-user img{width:24px!important;height:24px!important;border-radius:50%!important;object-fit:cover}.ava-pl-card-body{text-align:center;padding-top:14px}.ava-pl-card-body h2,.ava-pl-card-body h3{margin:0;font-size:13px;font-weight:950;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f172a}.ava-pl-card-body a{color:inherit!important;text-decoration:none!important}.ava-pl-card-body span{display:block;font-size:12px;font-weight:700;color:#64748b}.dark .ava-pl-card-body h2,.dark .ava-pl-card-body h3{color:#f8fafc}.dark .ava-pl-card-body span{color:#94a3b8}
.ava-single-hero{position:relative;min-height:310px;border-radius:28px;overflow:hidden;background:#c2410c;margin-bottom:18px;box-shadow:0 18px 48px rgba(15,23,42,.22)}.ava-single-covers{position:absolute;left:0;top:0;bottom:0;width:45%;display:grid;grid-template-columns:repeat(3,1fr);opacity:.82}.ava-single-covers img{width:100%!important;height:100%!important;object-fit:cover!important}.ava-single-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(194,65,12,.25),#c2410c 45%,#f97316)}.ava-single-info{position:relative;z-index:2;max-width:760px;padding:44px 42px;color:#fff}.ava-single-info h1{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:28px;font-weight:950;line-height:1.7;color:#fff}.ava-single-info p{margin:0;font-size:14px;font-weight:800;line-height:2;color:rgba(255,255,255,.95)}.ava-single-avatar{width:58px!important;height:58px!important;border-radius:18px!important;object-fit:cover;border:3px solid rgba(255,255,255,.85);box-shadow:0 12px 28px rgba(0,0,0,.2)}.ava-single-meta{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.ava-single-meta span{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:900;color:#fff}.ava-single-playall{display:inline-flex!important;align-items:center!important;gap:8px!important;height:46px!important;padding:0 18px!important;border-radius:16px!important;background:#fff!important;color:#f97316!important;font-size:13px!important;font-weight:950!important;box-shadow:0 12px 28px rgba(0,0,0,.18)}.ava-trackbox{padding:16px;border-radius:24px;background:#fff;border:1px solid #eef2f7;box-shadow:0 14px 38px rgba(15,23,42,.08)}.ava-trackbox-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eef2f7}.ava-trackbox-head h2{margin:0;font-size:16px;font-weight:950;color:#0f172a}.ava-trackbox-head span{padding:6px 12px;border-radius:999px;background:#fff7ed;color:#ea580c;font-size:12px;font-weight:950}.ava-tracklist{display:flex;flex-direction:column;gap:8px}.ava-track{display:grid!important;grid-template-columns:38px 56px 1fr 44px!important;align-items:center!important;gap:12px!important;padding:10px!important;border-radius:18px!important;background:#f8fafc!important;border:1px solid #eef2f7!important;transition:.2s}.ava-track:hover{background:#fff!important;transform:translateY(-1px);box-shadow:0 10px 26px rgba(15,23,42,.08)}.ava-track-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:12px;background:#fff;color:#64748b;font-size:12px;font-weight:950}.ava-track-cover img{width:56px!important;height:56px!important;object-fit:cover!important;border-radius:15px!important}.ava-track-info{min-width:0;text-align:right}.ava-track-info h3{margin:0;font-size:14px;font-weight:950;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ava-track-info h3 a{color:#0f172a!important;text-decoration:none!important}.ava-track-info a.artist{display:block;color:#64748b!important;font-size:12px;font-weight:800;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ava-track-play{width:42px!important;height:42px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #fed7aa!important;background:#fff7ed!important;color:#f97316!important;cursor:pointer!important;padding:0!important}.ava-track-play i{position:static!important}.ava-track-play:hover{background:#f97316!important;color:#fff!important;border-color:#f97316!important}.dark .ava-trackbox{background:#111827;border-color:#1e293b}.dark .ava-trackbox-head{border-color:#1e293b}.dark .ava-trackbox-head h2,.dark .ava-track-info h3 a{color:#f8fafc!important}.dark .ava-track{background:#0f172a!important;border-color:#1e293b!important}.dark .ava-track:hover{background:#172033!important}.dark .ava-track-num{background:#1e293b;color:#cbd5e1}.dark .ava-track-info a.artist{color:#94a3b8!important}@media(max-width:1200px){.ava-pl-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media(max-width:992px){.ava-pl-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ava-single-covers{width:55%}}@media(max-width:768px){.ava-playlist-archive{padding:12px}.ava-pl-hero{padding:20px;border-radius:20px}.ava-pl-hero h1{font-size:20px}.ava-pl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 14px!important}.ava-single-hero{min-height:auto;border-radius:22px}.ava-single-covers{position:relative;width:100%;height:170px}.ava-single-hero:after{background:linear-gradient(to top,#c2410c,rgba(194,65,12,.5))}.ava-single-info{padding:22px}.ava-single-info h1{font-size:21px}.ava-track{grid-template-columns:50px 1fr 40px!important;gap:8px!important}.ava-track-num{display:none}.ava-track-cover img{width:50px!important;height:50px!important}}
/* Ava Music Professional Sidebar UI */
.ava-sidebar{direction:rtl}.ava-sidebar *{box-sizing:border-box}.ava-side-card{position:relative;margin-bottom:18px;padding:16px;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #eef2f7;box-shadow:0 12px 35px rgba(15,23,42,.06);overflow:hidden}.ava-side-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#ff7a00,#fb923c,#ffedd5);opacity:.95}.ava-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #eef2f7}.ava-side-eyebrow{display:inline-flex;margin-bottom:4px;font-size:10px;font-weight:950;letter-spacing:.4px;color:#f97316}.ava-side-head h2{margin:0!important;color:#0f172a!important;font-size:16px!important;font-weight:950!important;line-height:1.6!important}.ava-side-more{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border-radius:999px;background:#fff7ed;color:#ea580c!important;font-size:12px;font-weight:900;text-decoration:none!important;transition:.2s ease}.ava-side-more:hover{background:#f97316;color:#fff!important;transform:translateY(-1px)}.ava-side-tabs{display:inline-grid!important;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:14px;background:#f1f5f9}.ava-side-tabs span{display:flex;align-items:center;justify-content:center;min-width:44px;height:30px;padding:0 9px;border-radius:11px;color:#475569;font-size:12px;font-weight:900;cursor:pointer;transition:.2s ease}.ava-side-tabs span.active,.ava-side-tabs span:hover{background:#fff;color:#ea580c;box-shadow:0 7px 18px rgba(15,23,42,.08)}.ava-tabcontent{max-height:560px;overflow:auto;padding-left:2px;scrollbar-width:thin;scrollbar-color:#fb923c transparent}.ava-tabcontent::-webkit-scrollbar{width:4px}.ava-tabcontent::-webkit-scrollbar-thumb{background:#fb923c;border-radius:999px}.ava-top-song-item a,.ava-playlist-side-link{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:16px;text-decoration:none!important;color:#0f172a!important;transition:.2s ease;border:1px solid transparent}.ava-top-song-item a{border-bottom:1px solid #eef2f7;border-radius:14px}.ava-top-song-item a:hover,.ava-playlist-side-link:hover{background:#fff7ed;border-color:#fed7aa;transform:translateX(-2px)}.ava-side-rank{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:10px;background:#f97316;color:#fff;font-size:12px;font-weight:950;box-shadow:0 8px 18px rgba(249,115,22,.24)}.ava-top-song-info,.ava-playlist-meta{min-width:0;display:flex;flex-direction:column}.ava-top-song-info strong,.ava-playlist-meta strong{color:#0f172a;font-size:13px;font-weight:950;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ava-top-song-info small,.ava-playlist-meta small{color:#64748b;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ava-playlist-list{display:flex;flex-direction:column;gap:10px}.ava-playlist-side-item{margin:0}.ava-playlist-thumb{position:relative;width:56px;height:56px;min-width:56px;border-radius:18px;overflow:hidden;box-shadow:0 10px 22px rgba(15,23,42,.15)}.ava-side-img{width:56px!important;height:56px!important;object-fit:cover!important;border-radius:18px!important;display:block!important}.ava-latest-songs{background:linear-gradient(135deg,#ff7a00,#f97316 55%,#c2410c);box-shadow:0 14px 35px rgba(249,115,22,.24)}.ava-latest-songs:before{background:rgba(255,255,255,.35)}.ava-latest-songs .ava-side-head{border-color:rgba(255,255,255,.22)}.ava-latest-songs .ava-side-eyebrow,.ava-latest-songs .ava-side-head h2{color:#fff!important}.ava-latest-list{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:6px}.ava-latest-list li{list-style:none!important;margin:0!important;padding:0!important}.ava-latest-list a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:13px;color:#fff!important;text-decoration:none!important;transition:.2s ease}.ava-latest-list a:hover{background:rgba(255,255,255,.18);transform:translateX(-2px)}.ava-latest-list span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:9px;background:rgba(255,255,255,.20);font-size:11px;font-weight:950}.ava-latest-list strong{font-size:12px;font-weight:900;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ava-artists-list{display:grid;grid-template-columns:1fr;gap:7px}.ava-artists-list a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px;padding:9px 10px!important;border-radius:13px!important;background:#f8fafc!important;color:#0f172a!important;text-decoration:none!important;transition:.2s ease!important}.ava-artists-list a:hover{background:#f97316!important;color:#fff!important;transform:translateX(-2px)}.ava-artists-list .name{font-size:13px;font-weight:900;color:inherit!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ava-artists-list .count{display:flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 7px;border-radius:999px;background:#e2e8f0!important;color:#334155!important;font-size:11px;font-weight:950}.ava-artists-list a:hover .count{background:#fff!important;color:#ea580c!important}.ava-ads-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;padding:0!important}.ava-ads-grid a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:66px;width:auto!important;padding:10px!important;border-radius:15px!important;background:#f8fafc;color:#0f172a!important;text-align:center;text-decoration:none!important;border:1px solid #eef2f7;transition:.2s ease}.ava-ads-grid a:hover{background:#fff7ed;border-color:#fed7aa;transform:translateY(-2px)}.ava-ads-grid strong{font-size:12px;font-weight:950}.ava-ads-grid small{font-size:11px;color:#64748b}.ava-side-ad{margin-bottom:12px;overflow:hidden;border-radius:18px}.dark .ava-side-card{background:linear-gradient(180deg,#111827,#0f172a);border-color:#1e293b;box-shadow:0 14px 35px rgba(0,0,0,.25)}.dark .ava-side-head{border-color:#1e293b}.dark .ava-side-head h2,.dark .ava-top-song-info strong,.dark .ava-playlist-meta strong{color:#f8fafc!important}.dark .ava-top-song-info small,.dark .ava-playlist-meta small{color:#94a3b8}.dark .ava-side-tabs{background:#1e293b}.dark .ava-side-tabs span{color:#cbd5e1}.dark .ava-side-tabs span.active,.dark .ava-side-tabs span:hover{background:#334155;color:#fb923c}.dark .ava-top-song-item a{border-color:#1e293b}.dark .ava-top-song-item a,.dark .ava-playlist-side-link{color:#f8fafc!important}.dark .ava-top-song-item a:hover,.dark .ava-playlist-side-link:hover{background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.28)}.dark .ava-artists-list a,.dark .ava-ads-grid a{background:#0f172a!important;border-color:#1e293b;color:#f8fafc!important}.dark .ava-artists-list a:hover{background:#f97316!important}.dark .ava-artists-list .count{background:#1e293b!important;color:#cbd5e1!important}.dark .ava-ads-grid a:hover{background:rgba(249,115,22,.12)!important;border-color:rgba(249,115,22,.28)}.dark .ava-ads-grid small{color:#94a3b8}@media(max-width:1024px){.ava-sidebar{margin-top:16px}.ava-side-card{border-radius:20px;padding:14px}.ava-ads-grid{grid-template-columns:1fr}}@media(max-width:640px){.ava-side-head{align-items:flex-start;flex-direction:column}.ava-tabs-head{gap:10px}.ava-side-tabs{width:100%}.ava-side-tabs span{min-width:0}.ava-tabcontent{max-height:none}.ava-latest-list strong{white-space:normal}.ava-playlist-side-link,.ava-top-song-item a{padding:9px}}
/* حذف فضای خالی بین باکس نارنجی و سایدبار */
.page-body,
.notation,
.ava-hero-seo {
    margin-bottom: 0 !important;
    padding-bottom: 20px !important;
}

.playlists {
    margin-top: 0 !important;
}

.grid.lg\:grid-cols-3 {
    align-items: start !important;
}

/* اگر باکس نارنجی ارتفاع اجباری دارد */
.notation,
.ava-hero-seo {
    min-height: auto !important;
    height: auto !important;
}

/* حذف فاصله اضافی ستون‌ها */
.articles {
    margin-bottom: 0 !important;
}
/* رفع فضای خالی بین هدر و پلی لیست */
.maincontent .grid.lg\:grid-cols-3 {
    align-items: start !important;
}

/* جلوگیری از کشیده شدن ستون مقاله */
.maincontent .articles {
    align-self: start !important;
}

/* حذف ارتفاع اضافی */
.maincontent .page-body {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* رفع فضای خالی باکس نارنجی */
.avaHomeHero {
    margin-bottom: 20px !important;
}

/* جلوگیری از ایجاد ارتفاع توسط sticky */
@media (min-width:1024px){
    .playlists.lg\:sticky{
        position: sticky;
        top: 20px;
        align-self: start !important;
    }
}
.maincontent .articles{
    align-self:start !important;
}

.maincontent .grid{
    align-items:start !important;
}

.page-body{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.avaHomeHero{
    margin-bottom:20px !important;
}

.playlists{
    align-self:start !important;
}

/* ===== Ava Music Final Empty Gap Fix ===== */
.content-grid-fix{
    display:grid !important;
    align-items:start !important;
    grid-auto-rows:auto !important;
}
.content-grid-fix > aside,
.content-grid-fix > .articles{
    align-self:start !important;
    margin-top:0 !important;
}
.content-grid-fix .articles{
    min-height:0 !important;
}
.content-grid-fix .page-body{
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
}
.content-grid-fix .avaHomeHero{
    width:100% !important;
    margin-top:0 !important;
    margin-bottom:16px !important;
}
.content-grid-fix .playlists,
.ava-sidebar-right-fix,
.ava-sidebar-playlists-fix{
    margin-top:0 !important;
    padding-top:0 !important;
    align-self:start !important;
}
#mediaad-9ylP5,
#mediaad-9ylP5:empty{
    display:none !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}
@media (min-width:1024px){
    .content-grid-fix .playlists.lg\:sticky,
    .ava-sidebar-playlists-fix{
        position:sticky !important;
        top:20px !important;
    }
}
/* Ava Music - Professional Right Sidebar */
.ava-sidebar-right-pro{align-self:start!important;min-width:0!important}.ava-side-playlists{direction:rtl;position:relative;overflow:hidden;padding:16px;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #eef2f7;box-shadow:0 14px 34px rgba(15,23,42,.07)}.ava-side-playlists:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#f97316,#fed7aa,#f97316);pointer-events:none}.ava-side-playlists__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 2px 14px;margin-bottom:12px;border-bottom:1px solid #eef2f7}.ava-side-playlists__title{display:flex;align-items:center;gap:10px;min-width:0}.ava-side-playlists__icon{width:42px;height:42px;min-width:42px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff7a00,#f97316);color:#fff;box-shadow:0 10px 22px rgba(249,115,22,.28)}.ava-side-playlists__label{display:block;margin-bottom:2px;color:#f97316;font-size:10px;font-weight:950;letter-spacing:.6px}.ava-side-playlists h2{margin:0!important;color:#0f172a!important;font-size:15px!important;font-weight:950!important;line-height:1.7!important;white-space:nowrap}.ava-side-playlists__all{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;background:#fff7ed;color:#ea580c!important;border:1px solid #fed7aa;font-size:12px;font-weight:950;text-decoration:none!important;transition:.22s ease}.ava-side-playlists__all:hover{background:#f97316;color:#fff!important;border-color:#f97316;transform:translateY(-1px);box-shadow:0 10px 20px rgba(249,115,22,.20)}.ava-side-playlists__list{display:flex;flex-direction:column;gap:10px}.ava-side-playlists__item{margin:0!important}.ava-side-playlists__item a{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 38px;align-items:center;gap:11px;min-height:78px;padding:10px;border-radius:18px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #eef2f7;text-decoration:none!important;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.ava-side-playlists__item a:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,115,22,.10),transparent 45%);opacity:0;transition:.22s ease;pointer-events:none}.ava-side-playlists__item a:hover{transform:translateY(-2px);background:#fff;border-color:#fed7aa;box-shadow:0 14px 30px rgba(15,23,42,.10)}.ava-side-playlists__item a:hover:before{opacity:1}.ava-side-playlists__cover{position:relative;z-index:1;width:58px;height:58px;margin:0!important;border-radius:18px;overflow:hidden;background:#e5e7eb;box-shadow:0 8px 18px rgba(15,23,42,.12)}.ava-side-playlists__cover img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;margin:0!important;border-radius:0!important}.ava-side-playlists__content{position:relative;z-index:1;min-width:0;text-align:right}.ava-side-playlists__content h3{margin:0 0 4px!important;color:#111827!important;font-size:13px!important;font-weight:950!important;line-height:1.65!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ava-side-playlists__content span{display:block;color:#64748b;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ava-side-playlists__play{position:relative;z-index:1;width:36px;height:36px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff7a00,#f97316);color:#fff;box-shadow:0 8px 18px rgba(249,115,22,.28);transition:.22s ease}.ava-side-playlists__item a:hover .ava-side-playlists__play{transform:scale(1.06);background:#111827}.ava-side-playlists__play i{font-size:13px!important;color:inherit!important}.ava-side-playlists__ad{margin-top:12px}.dark .ava-side-playlists{background:linear-gradient(180deg,#111827,#0f172a);border-color:#1e293b;box-shadow:0 16px 36px rgba(0,0,0,.32)}.dark .ava-side-playlists__head{border-color:#1e293b}.dark .ava-side-playlists h2{color:#f8fafc!important}.dark .ava-side-playlists__item a{background:linear-gradient(135deg,#162033,#111827);border-color:#243247}.dark .ava-side-playlists__item a:hover{background:#172033;border-color:#f97316}.dark .ava-side-playlists__content h3{color:#f8fafc!important}.dark .ava-side-playlists__content span{color:#94a3b8}.dark .ava-side-playlists__all{background:#1e293b;border-color:#334155;color:#fb923c!important}.dark .ava-side-playlists__all:hover{background:#f97316;color:#fff!important;border-color:#f97316}@media(max-width:1023px){.ava-side-playlists{position:relative!important;top:auto!important;margin-top:16px}}@media(max-width:640px){.ava-side-playlists{padding:14px;border-radius:20px}.ava-side-playlists__item a{grid-template-columns:52px minmax(0,1fr) 34px;min-height:70px;padding:9px}.ava-side-playlists__cover{width:52px;height:52px}.ava-side-playlists h2{font-size:14px!important}.ava-side-playlists__play{width:32px;height:32px;border-radius:12px}}


/* ===== Ava Music Final Layout Fix: remove sidebar gap and keep professional UI ===== */
.ava-home-main-grid,
.maincontent .ava-home-main-grid{
    align-items:start !important;
    column-gap:12px !important;
    row-gap:16px !important;
    grid-auto-rows:auto !important;
}

.ava-home-main-grid > aside,
.ava-home-main-grid > .articles{
    align-self:start !important;
    min-height:0 !important;
}

.ava-home-main-grid > aside{
    margin:0 !important;
    padding:0 !important;
}

.ava-home-main-grid .articles{
    margin:0 !important;
    padding:0 !important;
}

.ava-home-main-grid .page-body{
    margin:0 !important;
    padding:0 !important;
}

.ava-home-main-grid .avaHomeHero{
    margin:0 0 16px 0 !important;
    width:100% !important;
    max-width:100% !important;
    min-height:auto !important;
}

.ava-home-main-grid .avaUsersPlaylistPro{
    margin-top:0 !important;
}

.ava-sidebar-right-pro,
.ava-side-playlists{
    margin-top:0 !important;
    align-self:start !important;
}

@media (min-width:1024px){
    .ava-home-main-grid{
        column-gap:12px !important;
    }
    .ava-sidebar-right-pro{
        width:100% !important;
        max-width:100% !important;
    }
    .ava-side-playlists.lg\:sticky,
    .ava-side-playlists{
        position:sticky !important;
        top:16px !important;
    }
}

@media (max-width:1023px){
    .ava-home-main-grid{
        column-gap:0 !important;
        row-gap:16px !important;
    }
    .ava-sidebar-right-pro{
        order:2 !important;
    }
    .ava-home-main-grid .articles{
        order:1 !important;
    }
}

/* Compact professional right sidebar override */
.ava-side-playlists{
    direction:rtl !important;
    overflow:hidden !important;
    padding:14px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,#ffffff,#f8fafc) !important;
    border:1px solid #eef2f7 !important;
    border-top:3px solid #f97316 !important;
    box-shadow:0 12px 28px rgba(15,23,42,.06) !important;
}

.ava-side-playlists__head{
    padding:4px 0 12px !important;
    margin:0 0 10px !important;
    border-bottom:1px solid #eef2f7 !important;
}

.ava-side-playlists__item a{
    min-height:70px !important;
    padding:9px !important;
    border-radius:16px !important;
    grid-template-columns:54px minmax(0,1fr) 34px !important;
}

.ava-side-playlists__cover{
    width:54px !important;
    height:54px !important;
    border-radius:16px !important;
}

.ava-side-playlists__play{
    width:34px !important;
    height:34px !important;
    border-radius:13px !important;
}

.dark .ava-side-playlists{
    background:linear-gradient(180deg,#111827,#0f172a) !important;
    border-color:#1e293b !important;
    border-top-color:#f97316 !important;
}

/* Ava Music Trending Section - Professional UI */
.ava-trending-box{
  direction:rtl;
  margin-bottom:18px;
  padding:18px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 35px rgba(15,23,42,.07);
  border:1px solid #eef2f7;
}

.ava-trending-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid #eef2f7;
}

.ava-trending-head span{
  color:#f97316;
  font-size:11px;
  font-weight:900;
  letter-spacing:.5px;
}

.ava-trending-head h2{
  margin:4px 0 0;
  color:#0f172a;
  font-size:18px;
  font-weight:950;
}

.ava-trending-head a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 14px;
  border-radius:999px;
  background:#fff7ed;
  color:#f97316!important;
  font-size:12px;
  font-weight:900;
  text-decoration:none!important;
  border:1px solid #fed7aa;
}

.ava-trending-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.ava-trending-card{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  aspect-ratio:1/1;
  background:#111827;
  box-shadow:0 12px 25px rgba(15,23,42,.12);
}

.ava-trending-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.35s ease;
}

.ava-trending-card:hover img{
  transform:scale(1.08);
}

.ava-trending-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(15,23,42,.88),rgba(15,23,42,.12));
}

.ava-trending-info{
  position:absolute;
  right:12px;
  left:12px;
  bottom:12px;
  z-index:2;
  text-align:center;
  color:#fff;
}

.ava-trending-info strong,
.ava-trending-info span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ava-trending-info strong{
  font-size:13px;
  font-weight:950;
}

.ava-trending-info span{
  margin-top:3px;
  font-size:12px;
  color:#e5e7eb;
}

.ava-trending-play{
  position:absolute!important;
  z-index:4;
  top:50%;
  left:50%;
  width:52px!important;
  height:52px!important;
  border:0!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#f97316,#fb923c)!important;
  color:#fff!important;
  transform:translate(-50%,-50%) scale(.85);
  opacity:0;
  transition:.25s ease;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(249,115,22,.35);
}

.ava-trending-card:hover .ava-trending-play{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}

.ava-trending-play i{
  position:static!important;
  color:#fff!important;
}

.dark .ava-trending-box{
  background:#111827;
  border-color:#1e293b;
}

.dark .ava-trending-head{
  border-color:#1e293b;
}

.dark .ava-trending-head h2{
  color:#fff;
}

.dark .ava-trending-head a{
  background:#1e293b;
  border-color:#334155;
}

@media(max-width:768px){
  .ava-trending-grid{
    grid-template-columns:repeat(2,1fr);
    gap:14px;
  }

  .ava-trending-head{
    flex-direction:column;
    align-items:flex-start;
  }
}
.ava-song-extra-box{
  direction:rtl;
  margin:18px 0;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.ava-song-meta-card{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  padding:12px;
  border-radius:18px;
  background:#111827;
  border:1px solid #263449;
}

.ava-song-meta-card div{
  text-align:center;
  padding:12px 8px;
  border-radius:14px;
  background:#1e293b;
}

.ava-song-meta-card span{
  display:block;
  color:#94a3b8;
  font-size:12px;
  margin-bottom:6px;
}

.ava-song-meta-card strong{
  display:block;
  color:#fff;
  font-size:13px;
  font-weight:900;
}

.ava-publish-box{
  padding:14px;
  border-radius:14px;
  background:#fff;
  border:1px dashed #d1d5db;
  text-align:center;
  font-weight:800;
  color:#475569;
}

.ava-publish-box a{
  color:#f97316;
  font-weight:950;
}

.ava-rubika-btn,
.ava-social-grid a,
.ava-playlist-action{
  min-height:48px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#fff!important;
  font-weight:900;
  text-decoration:none!important;
}

.ava-rubika-btn{
  background:linear-gradient(135deg,#7c3aed,#6d28d9);
}

.ava-rubika-btn img{
  width:26px!important;
  height:26px!important;
  margin:0!important;
}

.ava-social-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.ava-instagram{
  background:linear-gradient(135deg,#db2777,#be185d);
}

.ava-telegram{
  background:linear-gradient(135deg,#38bdf8,#2563eb);
}

.ava-ad-box-pro{
  min-height:56px;
  padding:12px;
  border-radius:16px;
  background:#111827;
  border:1px solid #334155;
  text-align:center;
  color:#fff;
}

.ava-ad-box-pro span{
  display:block;
  margin-bottom:8px;
  font-size:12px;
  font-weight:900;
}

.ava-playlist-action{
  background:linear-gradient(135deg,#ef4444,#dc2626);
}

.ava-playlist-remove{
  background:linear-gradient(135deg,#22c55e,#16a34a)!important;
}

@media(max-width:640px){
  .ava-song-meta-card{
    grid-template-columns:1fr 1fr;
  }

  .ava-social-grid{
    grid-template-columns:1fr;
  }
}
.ava-breadcrumb-pro{
  direction:rtl;
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  padding:13px 16px;
  border-radius:18px;
  background:linear-gradient(135deg,#ff7a00,#f97316);
  box-shadow:0 12px 28px rgba(249,115,22,.22);
  color:#fff;
}

.ava-breadcrumb-pro__icon{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.18);
  color:#fff;
}

.ava-breadcrumb-pro__content{
  flex:1;
  overflow:hidden;
}

.ava-breadcrumb-links,
.ava-breadcrumb-links p{
  margin:0!important;
  color:#fff!important;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ava-breadcrumb-links a{
  color:#fff!important;
  text-decoration:none!important;
  opacity:.9;
}

.ava-breadcrumb-links a:hover{
  opacity:1;
  text-decoration:underline!important;
}

.ava-breadcrumb-links span{
  color:#fff!important;
}

@media(max-width:640px){
  .ava-breadcrumb-pro{
    padding:11px 12px;
    border-radius:15px;
  }

  .ava-breadcrumb-pro__icon{
    width:36px;
    height:36px;
    min-width:36px;
  }

  .ava-breadcrumb-links,
  .ava-breadcrumb-links p{
    font-size:12px;
  }
}
.ava-album-meta-pro{
    direction:rtl;
    padding:14px;
    background:#f8fafc;
    border-radius:18px;
}

.ava-album-meta-hero{
    margin-bottom:16px;
    padding:18px;
    border-radius:18px;
    background:linear-gradient(135deg,#ff7a00,#f97316);
    color:#fff;
    box-shadow:0 12px 28px rgba(249,115,22,.22);
}

.ava-album-meta-hero span{
    font-size:11px;
    font-weight:900;
    opacity:.85;
}

.ava-album-meta-hero h3{
    margin:5px 0;
    font-size:18px;
    font-weight:900;
}

.ava-album-meta-hero p{
    margin:0;
    font-size:13px;
    line-height:1.9;
}

.ava-album-zip-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.ava-album-tracks-list{
    display:flex;
    flex-direction:column;
    gap:10px;
    max-height:560px;
    overflow:auto;
    padding-left:6px;
}

.ava-album-track-card{
    display:grid;
    grid-template-columns:52px 1.2fr 1fr 1fr;
    gap:10px;
    align-items:end;
    padding:12px;
    border-radius:16px;
    background:#fff;
    border:1px solid #e5e7eb;
    box-shadow:0 6px 18px rgba(15,23,42,.04);
}

.ava-album-track-num{
    height:42px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff7ed;
    color:#f97316;
    font-weight:900;
    font-size:15px;
}

.ava-album-track-field label{
    display:block;
    margin-bottom:6px;
    font-size:12px;
    font-weight:800;
    color:#475569;
}

.ava-album-track-field input{
    width:100%;
    height:42px;
    padding:0 12px;
    border-radius:12px;
    border:1px solid #dbe3ee;
    background:#f8fafc;
    font-size:13px;
}

.ava-album-track-field input:focus{
    outline:none;
    border-color:#f97316;
    background:#fff;
    box-shadow:0 0 0 3px rgba(249,115,22,.12);
}

@media(max-width:900px){
    .ava-album-zip-grid,
    .ava-album-track-card{
        grid-template-columns:1fr;
    }
}
.ava-random-box{
    background:#fff;
    border-radius:20px;
    padding:20px;
    box-shadow:0 5px 25px rgba(0,0,0,.08);
    margin:20px 0;
}

.ava-title{
    text-align:center;
    font-size:18px;
    font-weight:700;
    margin-bottom:20px;
    color:#222;
}

#ava-random-songs{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.ava-song{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    background:#fff;
    border:1px solid #eee;
    border-radius:15px;
    padding:10px;
    transition:.3s;
}

.ava-song:hover{
    transform:translateY(-4px);
    box-shadow:0 5px 20px rgba(255,153,0,.25);
    border-color:#ff9900;
}

.ava-song img{
    width:70px;
    height:70px;
    border-radius:12px;
    object-fit:cover;
}

.ava-song-title{
    color:#222;
    font-size:13px;
    font-weight:700;
    line-height:1.8;
}

@media(max-width:768px){
    #ava-random-songs{
        grid-template-columns:1fr;
    }
}
.ava-suggest-pro{
    overflow:hidden;
}

.ava-suggest-pro .ava-suggest-item{
    background:rgba(248,250,252,.75);
    border:1px solid rgba(226,232,240,.8);
}

.ava-suggest-pro .ava-suggest-item:hover{
    border-color:#fb923c;
    box-shadow:0 8px 18px rgba(249,115,22,.12);
}

.ava-suggest-pro .ava-song-title{
    line-height:1.8;
}

.dark .ava-suggest-pro .ava-suggest-item{
    background:rgba(15,23,42,.55);
    border-color:rgba(51,65,85,.8);
}
/* Ava Music Publish Page Fix */
body.page-id-CHANGE .content,
body.page-id-CHANGE .maintext{
    color:#1f2937!important;
    text-align:right!important;
    line-height:2.2!important;
}

body.page-id-CHANGE.dark .content,
body.page-id-CHANGE.dark .maintext,
.dark body.page-id-CHANGE .content,
.dark body.page-id-CHANGE .maintext{
    color:#e5e7eb!important;
}

body.page-id-CHANGE .content table,
body.page-id-CHANGE .maintext table{
    width:100%!important;
    border-collapse:separate!important;
    border-spacing:0 10px!important;
    margin:20px 0!important;
}

body.page-id-CHANGE .content tr,
body.page-id-CHANGE .maintext tr{
    background:#fff7ed!important;
    border-radius:14px!important;
    overflow:hidden!important;
    box-shadow:0 6px 18px rgba(249,115,22,.10)!important;
}

body.page-id-CHANGE .content td,
body.page-id-CHANGE .maintext td{
    padding:13px 16px!important;
    color:#111827!important;
    font-size:14px!important;
    font-weight:800!important;
    border:0!important;
}

body.page-id-CHANGE .content td:first-child,
body.page-id-CHANGE .maintext td:first-child{
    background:#f97316!important;
    color:#fff!important;
    border-radius:0 14px 14px 0!important;
}

body.page-id-CHANGE .content td:last-child,
body.page-id-CHANGE .maintext td:last-child{
    background:#fff!important;
    color:#111827!important;
    border-radius:14px 0 0 14px!important;
}

body.page-id-CHANGE .content a,
body.page-id-CHANGE .maintext a{
    color:#f97316!important;
    font-weight:900!important;
    text-decoration:none!important;
}

body.page-id-CHANGE .content a:hover,
body.page-id-CHANGE .maintext a:hover{
    color:#ea580c!important;
}

body.page-id-CHANGE .content strong,
body.page-id-CHANGE .maintext strong{
    color:#111827!important;
    font-weight:900!important;
}

body.page-id-CHANGE.dark .content tr,
body.page-id-CHANGE.dark .maintext tr,
.dark body.page-id-CHANGE .content tr,
.dark body.page-id-CHANGE .maintext tr{
    background:#1e293b!important;
}

body.page-id-CHANGE.dark .content td:last-child,
body.page-id-CHANGE.dark .maintext td:last-child,
.dark body.page-id-CHANGE .content td:last-child,
.dark body.page-id-CHANGE .maintext td:last-child{
    background:#0f172a!important;
    color:#f8fafc!important;
}

body.page-id-CHANGE.dark .content strong,
body.page-id-CHANGE.dark .maintext strong,
.dark body.page-id-CHANGE .content strong,
.dark body.page-id-CHANGE .maintext strong{
    color:#f8fafc!important;
}

@media(max-width:640px){
    body.page-id-CHANGE .content td,
    body.page-id-CHANGE .maintext td{
        display:block!important;
        width:100%!important;
        text-align:center!important;
        border-radius:14px!important;
        margin-bottom:4px!important;
    }
}
.ava-share-box-pro{
    margin-top:18px;
    padding:8px;
    display:grid;
    grid-template-columns:1fr 1fr 1.35fr;
    gap:8px;
    border:1px solid #e5e7eb;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.06);
}

.ava-share-item{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:15px;
    background:#f8fafc;
    color:#111827;
    font-size:13px;
    font-weight:800;
    border:0;
    text-decoration:none;
}

.ava-share-box-pro button{
    cursor:pointer;
    font-family:inherit;
}

.ava-share-item:hover{
    background:#fff7ed;
    color:#f97316;
}

.ava-share-artist a{
    color:#2563eb;
    font-weight:900;
    text-decoration:none;
}

.ava-social-pro a{
    width:32px;
    height:32px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff!important;
}

.ava-social-pro .wa{background:#22c55e;}
.ava-social-pro .tg{background:#38bdf8;}
.ava-social-pro .fb{background:#2563eb;}

.dark .ava-share-box-pro{
    background:#111827;
    border-color:#334155;
}

.dark .ava-share-item{
    background:#0f172a;
    color:#f8fafc;
}

.dark .ava-share-item:hover{
    background:#1e293b;
    color:#fb923c;
}

@media(max-width:640px){
    .ava-share-box-pro{
        grid-template-columns:1fr;
    }
}
.ava-post-cats{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:7px;
    margin:12px 0 10px;
    padding:10px;
    border-radius:16px;
    background:rgba(15,23,42,.28);
    border:1px solid rgba(148,163,184,.18);
}

.ava-post-cats-title{
    font-size:12px;
    font-weight:900;
    color:#94a3b8;
}

.ava-post-cats a{
    padding:5px 11px;
    border-radius:999px;
    background:#f97316;
    color:#fff!important;
    font-size:11px;
    font-weight:900;
    text-decoration:none!important;
}

.ava-post-cats a:hover{
    background:#ea580c;
}
.hsLyric{
    margin-top:25px;
}

.hsLyricHeader{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:18px;
}

.hsLyricIcon{
    width:52px;
    height:52px;
    border-radius:16px;
    background:linear-gradient(135deg,#ff7b00,#ff9900);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:22px;
    box-shadow:0 10px 30px rgba(255,123,0,.25);
}

.hsLyricTitle h2{
    font-size:18px;
    font-weight:900;
    color:#111827;
    margin-bottom:5px;
}

.dark .hsLyricTitle h2{
    color:#fff;
}

.hsLyricTitle span{
    color:#64748b;
    font-size:13px;
}

.dark .hsLyricTitle span{
    color:#94a3b8;
}

.hsLyricBox{
    background:#fff;
    border-radius:24px;
    padding:28px;
    border:1px solid #e5e7eb;
    box-shadow:
        0 10px 35px rgba(15,23,42,.05);
}

.dark .hsLyricBox{
    background:#0f172a;
    border-color:#334155;
}

.hsLyricContent{
    text-align:center;
    line-height:2.8;
    font-size:16px;
    color:#374151;
    position:relative;
}

.dark .hsLyricContent{
    color:#e2e8f0;
}

.hsLyricContent p{
    margin-bottom:14px;
}

.hsLyricShadow:after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:120px;
    background:linear-gradient(
        transparent,
        #fff
    );
}

.dark .hsLyricShadow:after{
    background:linear-gradient(
        transparent,
        #0f172a
    );
}

.lyricBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 28px;
    border-radius:100px;
    background:#ff7b00;
    color:#fff !important;
    font-weight:800;
    text-decoration:none;
    transition:.3s;
}

.lyricBtn:hover{
    background:#ea580c;
    transform:translateY(-2px);
}

.hsLyricFooter{
    margin-top:30px;
    text-align:center;
}

.copytext{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 20px;
    border-radius:100px;
    background:#f8fafc;
    cursor:pointer;
    font-weight:700;
    transition:.3s;
}

.copytext:hover{
    background:#ff7b00;
    color:#fff;
}

.dark .copytext{
    background:#1e293b;
    color:#fff;
}

@media(max-width:640px){

    .hsLyricBox{
        padding:20px;
        border-radius:20px;
    }

    .hsLyricContent{
        font-size:15px;
        line-height:2.5;
    }

    .hsLyricTitle h2{
        font-size:16px;
    }

    .hsLyricIcon{
        width:45px;
        height:45px;
        font-size:18px;
    }
}
.avaSubmitMusicBox{
    direction:rtl;
    display:flex;
    align-items:center;
    gap:12px;
    margin:14px 20px 18px;
    padding:14px;
    border-radius:18px;
    background:#fff;
    border:1px solid #fed7aa;
    box-shadow:0 8px 24px rgba(249,115,22,.10);
}

.avaSubmitMusicIcon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    background:#f97316;
    display:flex;
    align-items:center;
    justify-content:center;
}

.avaSubmitMusicIcon img{
    width:26px;
    height:26px;
    object-fit:contain;
}

.avaSubmitMusicText{
    flex:1;
    min-width:0;
}

.avaSubmitMusicText strong{
    display:block;
    font-size:14px;
    font-weight:900;
    color:#111827;
}

.avaSubmitMusicText p{
    margin:3px 0 0;
    font-size:12px;
    color:#64748b;
    line-height:1.8;
}

.avaSubmitMusicText a{
    color:#f97316;
    font-weight:900;
    text-decoration:none;
}

.avaSubmitMusicBtn{
    padding:9px 15px;
    border-radius:13px;
    background:#f97316;
    color:#fff!important;
    font-size:12px;
    font-weight:900;
    text-decoration:none!important;
    white-space:nowrap;
}

@media(max-width:640px){
    .avaSubmitMusicBox{
        margin:10px 10px 14px;
        padding:12px;
        display:grid;
        grid-template-columns:42px 1fr;
        gap:10px;
    }

    .avaSubmitMusicIcon{
        width:42px;
        height:42px;
        min-width:42px;
    }

    .avaSubmitMusicText strong{
        font-size:13px;
    }

    .avaSubmitMusicText p{
        font-size:11px;
        line-height:1.7;
    }

    .avaSubmitMusicBtn{
        grid-column:1/-1;
        text-align:center;
        width:100%;
        padding:10px;
    }
}

/* ===== Ava Mobile Bottom Menu Final Fix ===== */
.ava-related-music{
    direction:rtl;
    margin:25px 0;
    padding:18px;
    background:#fff;
    border-radius:22px;
    border:1px solid #e5e7eb;
    box-shadow:0 10px 30px rgba(15,23,42,.06);
}

.ava-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:0 0 18px;
    font-size:18px;
    font-weight:900;
    color:#111827;
}

.ava-related-music ul{
    padding:0;
    margin:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.ava-related-music li{
    margin:0;
    min-width:0;
}

.ava-related-music a{
    display:grid;
    grid-template-columns:68px minmax(0,1fr);
    align-items:center;
    gap:12px;
    min-height:92px;
    padding:10px;
    border-radius:18px;
    background:#f8fafc;
    border:1px solid #eef2f7;
    text-decoration:none!important;
    transition:.22s ease;
}

.ava-related-music a:hover{
    background:#fff;
    border-color:#fed7aa;
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(249,115,22,.12);
}

.ava-thumb{
    width:68px;
    height:68px;
    min-width:68px;
    margin:0;
}

.ava-thumb img{
    width:100%;
    height:100%;
    border-radius:16px;
    object-fit:cover;
    display:block;
}

.ava-content{
    min-width:0;
    overflow:hidden;
    text-align:right;
}

.ava-content h3{
    margin:0!important;
    color:#111827!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.8!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ava-content small,
.ava-content span{
    display:block;
    margin-top:3px;
    color:#64748b;
    font-size:12px;
    font-weight:700;
    line-height:1.7;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* Dark Mode */
.dark .ava-related-music{
    background:#111827;
    border-color:#1e293b;
    box-shadow:0 12px 35px rgba(0,0,0,.25);
}

.dark .ava-title{
    color:#f8fafc;
}

.dark .ava-related-music a{
    background:#0f172a;
    border-color:#334155;
}

.dark .ava-related-music a:hover{
    background:#172033;
    border-color:#f97316;
}

.dark .ava-content h3{
    color:#f8fafc!important;
}

.dark .ava-content small,
.dark .ava-content span{
    color:#cbd5e1;
}

/* Tablet */
@media(max-width:991px){
    .ava-related-music ul{
        grid-template-columns:1fr;
    }
}

/* Mobile */
@media(max-width:640px){
    .ava-related-music{
        margin:18px 0;
        padding:14px;
        border-radius:20px;
    }

    .ava-title{
        font-size:16px;
        margin-bottom:14px;
    }

    .ava-related-music a{
        grid-template-columns:58px minmax(0,1fr);
        min-height:78px;
        padding:9px;
        border-radius:16px;
    }

    .ava-thumb{
        width:58px;
        height:58px;
        min-width:58px;
    }

    .ava-thumb img{
        border-radius:14px;
    }

    .ava-content h3{
        font-size:13px!important;
    }
}

/* =========================================================
   Ava Music - Mobile Menu Visibility Fix (Safe)
   Fixes accidental desktop display and makes mobile menu bottom-sheet.
   Does not touch player/download/playlist styles.
========================================================= */
.darklayer{
    display:none;
}
.mobmenu{
    display:none;
}
@media (min-width:769px){
    .mobmenu,
    .mobmenu.ava-mobile-bottom-menu,
    .ava-mobile-bottom-menu{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
        transform:none!important;
        right:auto!important;
        left:auto!important;
        bottom:auto!important;
        height:0!important;
        max-height:0!important;
        overflow:hidden!important;
    }
    .darklayer.ava-mobile-menu-overlay{
        display:none!important;
    }
}
@media (max-width:768px){
    .darklayer.ava-mobile-menu-overlay,
    .darklayer{
        position:fixed!important;
        inset:0!important;
        width:100%!important;
        height:100%!important;
        background:rgba(15,23,42,.58)!important;
        backdrop-filter:blur(2px);
        -webkit-backdrop-filter:blur(2px);
        z-index:9997!important;
        display:none;
    }

    .mobmenu,
    .mobmenu.ava-mobile-bottom-menu,
    .ava-mobile-bottom-menu{
        direction:rtl;
        position:fixed!important;
        top:auto!important;
        right:0!important;
        left:0!important;
        bottom:0!important;
        width:100%!important;
        height:auto!important;
        max-height:82svh!important;
        overflow-y:auto!important;
        padding:14px 18px calc(22px + env(safe-area-inset-bottom))!important;
        margin:0!important;
        border-radius:28px 28px 0 0!important;
        background:#fff!important;
        border:1px solid #eef2f7!important;
        box-shadow:0 -18px 55px rgba(15,23,42,.22)!important;
        z-index:9998!important;
        display:none;
        visibility:visible!important;
        opacity:1!important;
        transform:translateY(110%)!important;
        transition:transform .32s ease!important;
    }

    .mobmenu.ava-menu-open,
    .mobmenu.ava-mobile-bottom-menu.ava-menu-open,
    .ava-mobile-bottom-menu.ava-menu-open{
        display:block!important;
        transform:translateY(0)!important;
    }

    .darklayer.ava-menu-open{
        display:block!important;
    }

    .ava-mobile-menu__handle{
        width:44px;
        height:5px;
        border-radius:999px;
        background:#cbd5e1;
        margin:0 auto 14px;
    }

    .ava-mobile-menu__head{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:12px!important;
        margin-bottom:14px!important;
    }

    .ava-mobile-menu__logo img{
        width:48px!important;
        height:auto!important;
        display:block!important;
    }

    .ava-mobile-menu__close,
    .mobmenu .closemenu{
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        border:0!important;
        border-radius:14px!important;
        background:#f8fafc!important;
        color:#0f172a!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        cursor:pointer!important;
    }

    .ava-mobile-menu__search{
        display:flex!important;
        align-items:center!important;
        gap:8px!important;
        height:48px!important;
        padding:0 12px!important;
        margin:0 0 14px!important;
        border-radius:18px!important;
        background:#f8fafc!important;
        border:1px solid #eef2f7!important;
    }

    .ava-mobile-menu__search input{
        flex:1!important;
        width:100%!important;
        min-width:0!important;
        border:0!important;
        outline:0!important;
        background:transparent!important;
        color:#0f172a!important;
        font-size:13px!important;
        font-weight:700!important;
    }

    .ava-mobile-menu__search button{
        width:34px!important;
        height:34px!important;
        border:0!important;
        background:transparent!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        color:#0f172a!important;
    }

    .ava-mobile-menu__links,
    .mobmenu ul{
        list-style:none!important;
        padding:0!important;
        margin:0!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:9px!important;
    }

    .ava-mobile-menu__links li,
    .mobmenu li{
        list-style:none!important;
        padding:0!important;
        margin:0!important;
    }

    .ava-mobile-menu__links a,
    .mobmenu li a{
        width:100%!important;
        min-height:46px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        padding:12px 14px!important;
        border-radius:16px!important;
        background:#f8fafc!important;
        border:1px solid #eef2f7!important;
        color:#0f172a!important;
        font-size:14px!important;
        font-weight:900!important;
        text-decoration:none!important;
    }

    .ava-mobile-menu__links a:hover,
    .mobmenu li a:hover{
        background:#f97316!important;
        border-color:#f97316!important;
        color:#fff!important;
    }

    .dark .mobmenu,
    .dark .mobmenu.ava-mobile-bottom-menu,
    .dark .ava-mobile-bottom-menu{
        background:#0f172a!important;
        border-color:#1e293b!important;
        box-shadow:0 -18px 55px rgba(0,0,0,.42)!important;
    }

    .dark .ava-mobile-menu__handle{
        background:#475569;
    }

    .dark .ava-mobile-menu__close,
    .dark .mobmenu .closemenu,
    .dark .ava-mobile-menu__search,
    .dark .ava-mobile-menu__links a,
    .dark .mobmenu li a{
        background:#111827!important;
        border-color:#263449!important;
        color:#f8fafc!important;
    }

    .dark .ava-mobile-menu__search input,
    .dark .ava-mobile-menu__search button{
        color:#f8fafc!important;
    }
}
.ava-publish-page{
    direction:rtl;
    max-width:900px;
    margin:25px auto;
    padding:20px;
}

.ava-publish-hero{
    text-align:center;
    padding:30px 22px;
    border-radius:28px;
    background:linear-gradient(135deg,#fff7ed,#ffffff);
    border:1px solid #fed7aa;
    box-shadow:0 15px 40px rgba(249,115,22,.10);
}

.ava-publish-badge{
    display:inline-flex;
    padding:7px 16px;
    border-radius:999px;
    background:#f97316;
    color:#fff;
    font-weight:900;
    font-size:12px;
    margin-bottom:12px;
}

.ava-publish-hero h1{
    margin:0 0 12px!important;
    font-size:28px!important;
    font-weight:950!important;
    color:#111827!important;
}

.ava-publish-hero p{
    margin:0 auto 18px!important;
    max-width:650px;
    color:#64748b;
    font-size:15px;
    line-height:2;
    font-weight:700;
}

.ava-publish-contact{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
}

.ava-publish-contact a,
.ava-publish-contact span{
    padding:10px 16px;
    border-radius:14px;
    background:#fff;
    color:#111827!important;
    font-size:13px;
    font-weight:900;
    text-decoration:none!important;
    border:1px solid #eef2f7;
}

.ava-price-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:20px;
}

.ava-price-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:18px;
    border-radius:20px;
    background:#fff;
    border:1px solid #eef2f7;
    box-shadow:0 10px 28px rgba(15,23,42,.06);
}

.ava-price-card strong{
    color:#111827;
    font-size:14px;
    font-weight:950;
    line-height:1.9;
}

.ava-price-card span{
    white-space:nowrap;
    padding:9px 14px;
    border-radius:999px;
    background:#fff7ed;
    color:#ea580c;
    font-size:13px;
    font-weight:950;
}

.ava-price-card.featured{
    border-color:#fed7aa;
    background:linear-gradient(135deg,#fff,#fff7ed);
}

.ava-price-card.purple span{
    background:#ede9fe;
    color:#6d28d9;
}

.ava-price-card.full{
    grid-column:1/-1;
    background:linear-gradient(135deg,#f97316,#fb923c);
}

.ava-price-card.full strong,
.ava-price-card.full span{
    color:#fff!important;
}

.ava-price-card.full span{
    background:rgba(255,255,255,.18);
}

.ava-publish-footer{
    margin-top:20px;
    padding:18px;
    border-radius:20px;
    text-align:center;
    background:#f8fafc;
    border:1px solid #eef2f7;
}

.ava-publish-footer a{
    display:block;
    color:#f97316!important;
    font-weight:950;
    text-decoration:none!important;
    margin-bottom:8px;
}

.ava-publish-footer span{
    color:#64748b;
    font-size:13px;
    font-weight:800;
}

/* Dark Mode */
.dark .ava-publish-hero,
.dark .ava-price-card,
.dark .ava-publish-contact a,
.dark .ava-publish-contact span,
.dark .ava-publish-footer{
    background:#111827;
    border-color:#334155;
}

.dark .ava-publish-hero h1,
.dark .ava-price-card strong,
.dark .ava-publish-contact a,
.dark .ava-publish-contact span{
    color:#f8fafc!important;
}

.dark .ava-publish-hero p,
.dark .ava-publish-footer span{
    color:#cbd5e1;
}

.dark .ava-price-card.featured{
    background:#0f172a;
    border-color:#f97316;
}

.dark .ava-price-card span{
    background:rgba(249,115,22,.14);
    color:#fb923c;
}

@media(max-width:700px){
    .ava-publish-page{
        padding:12px;
        margin:15px auto;
    }

    .ava-publish-hero{
        padding:24px 16px;
        border-radius:22px;
    }

    .ava-publish-hero h1{
        font-size:22px!important;
    }

    .ava-price-grid{
        grid-template-columns:1fr;
    }

    .ava-price-card{
        flex-direction:column;
        text-align:center;
        align-items:center;
        padding:16px;
    }

    .ava-price-card span{
        width:100%;
        text-align:center;
    }
}

/* Ava Music - Post Stats UI */
.post-stats,
.ava-post-stats{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#64748b;
    font-size:12px;
    font-weight:800;
    line-height:1;
}
.post-stats i,
.ava-post-stats i{
    color:#f97316!important;
}
.dark .post-stats,
.dark .ava-post-stats{
    color:#cbd5e1;
}
.ava-brand-box{
background:linear-gradient(90deg,#ff6b00,#ff8c00);
color:#fff;
padding:18px;
border-radius:20px;
text-align:center;
font-weight:700;
box-shadow:0 10px 25px rgba(255,107,0,.25);
}
.ava-song-extra-box{
    direction:rtl;
    margin:22px 0;
}

.ava-song-meta-card{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    padding:12px;
    border-radius:22px;
    background:linear-gradient(135deg,#fff7ed,#ffffff);
    border:1px solid #fed7aa;
    box-shadow:0 12px 30px rgba(249,115,22,.12);
}

.ava-song-meta-item{
    min-width:0;
    padding:16px 12px;
    border-radius:17px;
    text-align:center;
    background:#fff;
    border:1px solid #f1f5f9;
}

.ava-song-meta-item span{
    display:block;
    color:#64748b;
    font-size:12px;
    font-weight:800;
    margin-bottom:7px;
}

.ava-song-meta-item strong{
    display:block;
    color:#0f172a;
    font-size:14px;
    font-weight:950;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* Dark Mode */
.dark .ava-song-meta-card{
    background:linear-gradient(135deg,#0f172a,#1e293b);
    border-color:#334155;
}

.dark .ava-song-meta-item{
    background:#1e293b;
    border-color:#334155;
}

.dark .ava-song-meta-item span{
    color:#94a3b8;
}

.dark .ava-song-meta-item strong{
    color:#f8fafc;
}

/* Responsive */
@media(max-width:768px){
    .ava-song-meta-card{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:430px){
    .ava-song-meta-card{
        grid-template-columns:1fr;
    }
}


/* Song meta cards */
.ava-song-meta-card{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    padding:10px;
    border-radius:18px;
    background:#fff7ed;
    border:1px solid #fed7aa;
}

.ava-song-meta-card > div{
    background:#fff;
    border:1px solid #ececec;
    border-radius:14px;
    text-align:center;
    padding:14px 10px;
}

.ava-song-meta-card span{
    display:block;
    font-size:12px;
    color:#64748b;
    margin-bottom:6px;
}

.ava-song-meta-card strong{
    display:block;
    color:#0f172a;
    font-size:13px;
    font-weight:800;
}

.dark .ava-song-meta-card{
    background:#0f172a;
    border-color:#334155;
}

.dark .ava-song-meta-card > div{
    background:#1e293b;
    border-color:#334155;
}

.dark .ava-song-meta-card span{
    color:#94a3b8;
}

.dark .ava-song-meta-card strong{
    color:#fff;
}

@media(max-width:768px){
    .ava-song-meta-card{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:480px){
    .ava-song-meta-card{
        grid-template-columns:1fr;
    }
}


/* Ava Song Meta - scoped and safe */
.articles.single .ava-song-extra-box{
    direction:rtl;
    margin:14px 0 12px;
    clear:both;
}
.articles.single .ava-song-meta-card{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    width:100%;
}
.articles.single .ava-song-meta-card > div{
    min-width:0;
    padding:12px 8px;
    border-radius:12px;
    text-align:center;
    background:#f8fafc;
    border:1px solid #e5e7eb;
}
.articles.single .ava-song-meta-card span{
    display:block;
    margin-bottom:5px;
    font-size:11px;
    line-height:1.6;
    color:#64748b;
}
.articles.single .ava-song-meta-card strong{
    display:block;
    font-size:12px;
    font-weight:800;
    line-height:1.7;
    color:#0f172a;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.dark .articles.single .ava-song-meta-card > div{
    background:#1e293b;
    border-color:#334155;
}
.dark .articles.single .ava-song-meta-card span{color:#94a3b8;}
.dark .articles.single .ava-song-meta-card strong{color:#fff;}
@media(max-width:768px){
    .articles.single .ava-song-meta-card{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:430px){
    .articles.single .ava-song-meta-card{grid-template-columns:1fr;}
}
/* فاصله بین دکمه‌های شبکه‌های اجتماعی آوا موزیک */
.ava-social-box,
.ava-follow-box,
.ava-channel-box{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin:18px 0;
}

.ava-social-box > a:first-child,
.ava-follow-box > a:first-child,
.ava-channel-box > a:first-child{
    grid-column:1/-1;
}

.ava-social-box a,
.ava-follow-box a,
.ava-channel-box a{
    margin:0 !important;
    min-height:46px;
    border-radius:16px;
}

@media(max-width:600px){
    .ava-social-box,
    .ava-follow-box,
    .ava-channel-box{
        grid-template-columns:1fr;
        gap:10px;
    }

    .ava-social-box > a:first-child,
    .ava-follow-box > a:first-child,
    .ava-channel-box > a:first-child{
        grid-column:auto;
    }
}




/* Ava social buttons spacing fix */
.ava-social-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:12px;
    margin-bottom:16px;
}
.ava-rubika-btn{
    margin-bottom:12px !important;
}
.ava-social-grid a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    border-radius:16px;
}
@media (max-width:640px){
    .ava-social-grid{
        grid-template-columns:1fr;
        gap:10px;
    }
}
.ava-rubika-btn{
    margin:14px 0 !important;
}

.ava-social-grid{
    display:flex;
    gap:14px;
    margin:14px 0 18px;
}

.ava-social-grid a{
    flex:1;
    min-height:50px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 15px;
    box-sizing:border-box;
}

@media(max-width:768px){
    .ava-social-grid{
        flex-direction:column;
        gap:10px;
    }
}
.mobile-login-box{
    display:none;
}

@media(max-width:768px){
    .mobile-login-box{
        display:block;
        padding:16px;
    }

    .mobile-login-btn{
        width:100%;
        height:62px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:22px;
        background:linear-gradient(135deg,#ff7a00,#ff9a2f);
        color:#fff!important;
        font-size:18px;
        font-weight:900;
        text-decoration:none!important;
        box-shadow:0 14px 30px rgba(255,122,0,.28);
        position:relative;
        overflow:hidden;
    }

    .mobile-login-btn:before{
        content:"";
        position:absolute;
        top:-50%;
        left:-80%;
        width:45%;
        height:200%;
        background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
        transform:rotate(25deg);
        animation:loginShine 2.8s infinite;
    }

    .mobile-login-btn span{
        position:relative;
        z-index:2;
    }

    @keyframes loginShine{
        0%{left:-80%}
        45%,100%{left:130%}
    }

    .dark .mobile-login-btn{
        background:linear-gradient(135deg,#f97316,#ea580c);
    }
}

/* =========================================================
   Ava Music - Mobile Player Matte Overlay Fix
   Removes the unwanted dark/blur layer on mobile player view
   without changing audio controls, playlist, downloads, or desktop.
========================================================= */
@media (max-width:768px){
    .player-overlay,
    .mobile-player-overlay,
    .playlist-overlay,
    .audio-player-overlay,
    .aplayer-mask,
    .jp-overlay,
    .plyr__poster,
    .player-backdrop,
    .mini-player-backdrop{
        background:transparent!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    /* Some mobile player/menu scripts reuse .darklayer and leave it open.
       Keep the menu itself usable, but prevent the stuck matte screen. */
    .darklayer:not(.ava-mobile-menu-overlay),
    .darklayer.ava-menu-open:not(.ava-mobile-menu-overlay){
        background:transparent!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    /* If the matte effect is injected with pseudo-elements around the player. */
    .player:before,
    .player:after,
    .player .bg:before,
    .player .bg:after{
        background:transparent!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }
}


/* =========================================================
   Ava Music - Designer-grade polish, SEO image presentation
   Natural micro-interactions, sharp covers, readable pages
========================================================= */
:root{
    --ava-ease: cubic-bezier(.22,.61,.36,1);
    --ava-ease-pop: cubic-bezier(.2,.8,.2,1.08);
    --ava-soft-shadow: 0 18px 42px rgba(15,23,42,.12);
    --ava-hover-shadow: 0 28px 70px rgba(15,23,42,.18);
}

.ava-seo-cover-img,
.ava-home-post-card__cover img,
.ava-thumb img,
.ava-random-thumb,
.ipost img,
.single img,
.page img{
    image-rendering:auto;
    backface-visibility:hidden;
    -webkit-font-smoothing:antialiased;
}

.ava-home-post-card,
.ipost,
.ava-related-music li,
.page article,
.single article{
    transition: transform .42s var(--ava-ease), box-shadow .42s var(--ava-ease), border-color .42s var(--ava-ease), background-color .42s var(--ava-ease);
}

.ava-home-post-card:hover,
.ipost:hover{
    transform: translateY(-4px);
    box-shadow: var(--ava-hover-shadow);
}

.ava-home-post-card__cover,
.ava-thumb,
.ava-random-img,
.covers,
.wp-post-image{
    position:relative;
}

.ava-home-post-card__cover{
    width:min(320px,100%);
    aspect-ratio:1/1;
    align-items:center;
    justify-content:center;
    isolation:isolate;
    box-shadow: 0 16px 38px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.18);
    transition: transform .46s var(--ava-ease), box-shadow .46s var(--ava-ease), filter .46s var(--ava-ease);
}

.ava-home-post-card__cover::after,
.ava-thumb::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 38%,rgba(15,23,42,.12));
    opacity:.55;
    transition:opacity .4s var(--ava-ease);
}

.ava-home-post-card__cover:hover{
    transform:translateY(-3px) scale(1.008);
    box-shadow:0 24px 62px rgba(15,23,42,.2);
}

.ava-home-post-card__cover img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:cover;
    object-position:center;
    border-radius:18px;
    transform:translateZ(0) scale(1.001);
    transition: transform .7s var(--ava-ease), filter .7s var(--ava-ease);
}

.ava-home-post-card__cover:hover img,
.ava-thumb:hover img{
    transform:scale(1.035);
    filter:saturate(1.04) contrast(1.02);
}

.ava-home-post-card__text,
.single .maintext,
.page .content,
.content{
    text-rendering:optimizeLegibility;
    letter-spacing:-.01em;
}

.ava-home-post-card__titlebox h2,
.single h1,
.page h1,
.ava-title{
    letter-spacing:-.025em;
    text-wrap:balance;
}

.ava-home-post-card__action,
.ava-home-post-card__artist,
.download a,
button,
.btn,
input[type="submit"]{
    position:relative;
    overflow:hidden;
    transition: transform .34s var(--ava-ease-pop), background-color .34s var(--ava-ease), color .34s var(--ava-ease), box-shadow .34s var(--ava-ease);
}

.ava-home-post-card__action:hover,
.download a:hover,
button:hover,
.btn:hover,
input[type="submit"]:hover{
    transform:translateY(-2px);
}

.ava-ripple{
    position:absolute;
    border-radius:999px;
    transform:scale(0);
    background:rgba(255,255,255,.45);
    pointer-events:none;
    animation:avaRipple .68s var(--ava-ease);
}

@keyframes avaRipple{
    to{transform:scale(3.2);opacity:0;}
}

.ava-reveal{
    opacity:0;
    transform:translateY(18px);
    transition:opacity .7s var(--ava-ease), transform .7s var(--ava-ease);
}

.ava-reveal.ava-inview{
    opacity:1;
    transform:none;
}

.ava-related-music ul{
    gap:12px;
}

.ava-related-music li{
    border-radius:18px;
    overflow:hidden;
}

.ava-related-music li:hover{
    transform:translateY(-3px);
    box-shadow:var(--ava-soft-shadow);
}

.ava-thumb{
    overflow:hidden;
    border-radius:16px;
    background:linear-gradient(135deg,#f1f5f9,#e2e8f0);
}

.ava-thumb img,
.ava-random-thumb{
    width:100%;
    height:100%;
    object-fit:cover;
    transition: transform .65s var(--ava-ease), filter .65s var(--ava-ease);
}

body:not(.wp-admin) img[width][height]{
    height:auto;
}

@media (min-width:769px){
    .ava-home-post-card__body .maintext{
        max-width:860px;
        margin-inline:auto;
    }
}

@media (max-width:768px){
    .ava-home-post-card:hover,
    .ipost:hover{
        transform:none;
    }
    .ava-home-post-card__cover{
        width:min(300px,92vw);
        border-radius:20px;
    }
    .ava-home-post-card__cover img{
        border-radius:20px;
    }
}

@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        scroll-behavior:auto!important;
        transition-duration:.01ms!important;
    }
    .ava-reveal{opacity:1;transform:none;}
}
.ava-seo-text{
background:#fff;
padding:25px;
border-radius:18px;
margin:25px 0;
line-height:2;
font-size:15px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.ava-seo-text h2{
font-size:20px;
margin-bottom:15px;
} 
.ava-video-pro{
    direction:rtl;
    margin:24px 0;
    padding:16px;
    border-radius:26px;
    background:linear-gradient(180deg,#ffffff,#f8fafc);
    border:1px solid #e5e7eb;
    box-shadow:0 18px 45px rgba(15,23,42,.08);
}
.ava-video-pro__head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    margin-bottom:14px;
}
.ava-video-pro__head span{
    display:block;
    color:#f97316;
    font-size:11px;
    font-weight:900;
    letter-spacing:.8px;
    text-transform:uppercase;
}
.ava-video-pro__head h2{
    margin:4px 0 0!important;
    color:#111827!important;
    font-size:17px!important;
    font-weight:950!important;
    line-height:1.8!important;
}
.ava-video-pro__head strong{
    white-space:nowrap;
    padding:8px 13px;
    border-radius:999px;
    background:#fff7ed;
    color:#ea580c;
    font-size:12px;
    font-weight:950;
}
.ava-video-pro__box{
    position:relative;
    overflow:hidden;
    border-radius:22px;
    background:#020617;
    aspect-ratio:16/9;
    box-shadow:0 18px 45px rgba(2,6,23,.28);
}
.ava-video-pro__poster,
.ava-video-pro__video{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.ava-video-pro__poster{
    opacity:.72;
    filter:saturate(1.08) contrast(1.05);
    transition:.3s ease;
}
.ava-video-pro__box:after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(2,6,23,.15),rgba(2,6,23,.58)),
        radial-gradient(circle at center,rgba(249,115,22,.18),transparent 45%);
    pointer-events:none;
}
.ava-video-pro__box:hover .ava-video-pro__poster{
    transform:scale(1.025);
    opacity:.82;
}
.ava-video-pro__play{
    position:absolute;
    inset:0;
    margin:auto;
    width:74px;
    height:74px;
    border-radius:50%;
    border:0;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#f97316,#fb923c);
    color:#fff;
    font-size:24px;
    cursor:pointer;
    box-shadow:0 18px 40px rgba(249,115,22,.35);
    transition:.25s ease;
}
.ava-video-pro__play:hover{
    transform:scale(1.08);
}
.ava-video-pro__play i{
    color:#fff!important;
    margin-right:3px;
}
.dark .ava-video-pro{
    background:linear-gradient(180deg,#111827,#0f172a);
    border-color:#334155;
}
.dark .ava-video-pro__head h2{
    color:#f8fafc!important;
}
@media(max-width:640px){
    .ava-video-pro{
        padding:12px;
        border-radius:22px;
    }
    .ava-video-pro__head{
        flex-direction:column;
        align-items:flex-start;
    }
    .ava-video-pro__box{
        border-radius:18px;
    }
    .ava-video-pro__play{
        width:62px;
        height:62px;
        font-size:20px;
    }
}