@charset "utf-8";
@font-face{font-family:IRANSans;font-style:normal;font-display: swap;font-weight:normal;src:url('../fonts/eot/IRANSansWeb.eot');src:url('../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'),
url('../fonts/woff/IRANSansWeb.woff') format('woff'),
url('../fonts/ttf/IRANSansWeb.ttf') format('truetype');}
body{
  background: #f3f3f3;
  font-family: 'IRANSans',tahoma;
}
.row{margin: 0; padding: 0;}
.p-m{padding: 0 !important;margin: 0;}
a{color: #383838;}
a:hover{text-decoration: none; color: #28bb66;}
a:active{text-decoration: none;} a:focus{text-decoration: none;}
h2{margin: 0; display: inline-block;}
hr{margin-bottom: 5px;}
.h1-t{font-size: 0px; position: absolute;}
.h2-learn{font-size: 16px; margin: 5px 0;}
.h2-post{font-size: 16px; display: inline-block;margin-right: 10px; position: relative; padding: 7px 0; line-height: 25px;}
.not_found_icon{font-size: 160px;}
.not_found{
  direction: ltr;
font-size: 60px;
border-bottom: 0;
}
h4{margin: 0; font-size: 13px;}
.main{min-height: 400px;}
.logo_show{text-align: left; padding: 0;}
.extend{background: #fff !important;color: #808080 !important;}

.top-search-form{
  background-color: #fff;
  height: 46px;
  border-radius: 3px;
  position: relative;
  -webkit-box-shadow: 0 2px 1px rgba(133,133,133,.18);
  -moz-box-shadow: 0 2px 1px rgba(133,133,133,.18);
  box-shadow: 0 2px 1px rgba(133,133,133,.18);
  margin: 30px 0 10px 0;
}
.top-search-form #searchform_cat{
  background: #fff;
border: none;
padding: 10px;
color: #636363;position:relative;
width: 26%;border-right: 1px solid #EBF0F3;float:left;margin-left:50px;
font-size: 13px;
}
.top-search-form #searchsubmit{
  font-size: 0;
}
.top-search-form .screen-reader-text{display: none;}
.top-search-form #searchform_cat:focus{outline: none;}
.top-search-form button i{font-size: 20px; color: #828282;}
.top-search-form button:hover i{color: rgba(10, 142, 30, 0.98)}
.top-search-form input[type=search], .top-search-form input[type=text]{
height: 100%;
float: right;position:absolute;right:0;
border: 0;
background: 0 0;
width:100%;
padding: 11px;
font-size: 13px;
color: #7E7E7E;
}
.top-search-form input:focus{outline: none;}
.top-search-form .category-filter{
  float: right;
height: 100%;
font: 400 12px isans;
color: #6d6d6d;
width: 36%;
}
.top-search-form .custom{
  background: #fff;
    border: none;
    padding: 0 10px;;
    height: 45px;
}
.top-search-form .custom:focus{outline: none;}
.top-search-form button, .top-search-form input[type=button], .top-search-form input[type=submit]{
  background: 0 0;
    outline: 0;
    border: 0;
    position: absolute;
    left: 8px;
    top: 50%;
    padding: 0;
    margin: 0;
    margin-top: -13.5px;
    z-index: 6000;
    width: 24px;
    height: 24px;
}
div.pagination
{
	display:inline-block;
	text-align:right;
        float: right;
	clear:both;
	margin:5px auto;
	float:none;
	background:#fff;
	padding-left:0;
	box-shadow:0 0 3px 3px rgba(0,0,0,0.04);
	border-radius:3px;
	overflow:hidden
}
	div.pagination a,div.pagination span
{
    float: right;
    margin: 0 10px;
	border-radius:1px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	color:#A1A1A1;
	font-weight:400;
	padding:6px 10px;
	background:#fff;
	margin-right:-3px;
}
	div.pagination a:hover
{
	background:#28BD67;
	color:#FFF!important
}
	div.pagination span
{
	background:#2ECC71;
	color:#FFF
}
.prof-btn{position: absolute; bottom: 10px; left: 0;}
.prof{margin-top: 10px;}
.vip_posts{
  background: #fff url(../images/bg_vip_post.jpg) no-repeat;
  background-size: cover;
  margin: 10px 0;
  padding: 20px 0;
  box-shadow: 0 2px 1px rgba(133,133,133,.18);
  -webkit-box-shadow: 0 2px 1px rgba(133,133,133,.18);
}
.post-title{
    background: #fff;
    margin-top: 5px;
    box-shadow: 0 0 5px #ddd;
    box-shadow: 0 2px 1px rgba(133,133,133,.18);
    -webkit-box-shadow: 0 2px 1px rgba(133,133,133,.18);
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}
.post-title i{
  font-size: 30px;
    color: #fff;
    padding: 5px 10px;
    background: #22b15f;
    float: right;
}
.archive{
    float: left;
    font-size: 13px;
    margin-left: 20px;
}
.panel{
    box-shadow: 0 0 10px #cecccc;
}

.categories-menu-link{
  height: 47px;
  display: inline-block;
background-color: #44CE6B;
border-radius: 3px;
color: #fff;
margin: 0 !important;
padding: 3px 16px 0 15px !important;
border-bottom: 2px solid #238D41;
font: 400 13px/47px 'IRANSans';
line-height: 40px !important;
}
.categories-menu-link:hover{
  background-color: #31C8B8 !important;
border-color: #25ab9c !important;
color: #fff !important;
}
.categories-menu-link i{
  font-size: 21px;
    margin: 8px 0px 0px 5px;
    position: relative;
    top: 3px;
}
.categories-menu-link:focus{color: #fff !important; background-color: #31C8B8 !important; border-color: #137830 !important;}
.profile_show_top{margin: 10px; margin-left: 50px;}
.profile_show_top img{
  width: 44px;
margin: 0 auto;
border: 1px solid #eee;
}
.profile_show_top p{font-size: 12px !important; color: #6c6367;}
.navbar-nav.navbar-left:last-child{margin-left: 0;}
.top-nav-thing{margin-top: 30px;}
.top-nav-thing #top_nav_menu{
  position: absolute;
      width: 760px;
      background-color: #25A698;
      color: #fff;
      border-radius: 4px;
      border-top-right-radius: 0;
      margin-top: -2px;
      z-index: 999;
}
#progressbar{float: left !important; margin-top: 30px !important;}
.progressbar-text{margin-top: 10px !important;}
.users-panel .thumbnail{position: relative; padding: 0;}
.users-panel .thumbnail a img{width: 100%; height: 245px;
  opacity: 1;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
.thumbnail:hover .middle {
  opacity: 1;
}

.thumbnail:hover a img {
  opacity: 0.7;
}
.users-panel .thumbnail footer{background: #f1f1f1; border-top: 1px solid #ddd; padding: 10px !important; min-height:45px !important;}
.users-panel h3{border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; margin: 10px 0 !important; padding: 10px !important; background: #f8f8f8; font-size:20px}
.users-panel .thumbnail .caption h3{text-align:center;font-size:14px; border-bottom: 1px solid #efefef; border-top: none !important; background: transparent; padding: 0 !important; padding-bottom: 10px !important; margin: 0 0 10px 0!important;}
.text {
  background-color: #4CAF50;
  color: white;
  font-size: 30px;
    opacity: 0.9;
  padding: 15px 25px !important;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.users-panel .thumbnail .caption p{text-align: justify; margin-bottom: 10px !important; font-size: 12px;}
.users-panel .thumbnail .caption a:hover{text-decoration: none; color: #28bb66;}
.users-panel .thumbnail .caption{min-height: 135px;}
.users-panel .thumbnail{overflow: hidden;}
.user_form {padding: 10px !important;}
.user_form .form-control{margin: 5px 0 15px 0; border: 1px solid #ddd; padding: 5px;}
.user_form .btn-success{padding: 5px 10px;margin-left: 10px;margin-top: 10px;}
.user_form .alert{padding: 10px;}
.user_form .alert i{margin-left: 5px;}
.rcp_header{padding: 5px 10px !important;background: #28bb66;border-radius: 3px; color: #fff;}
#rcp_registration_form ul{list-style: none;margin-top: 10px;}
.account-content #rcp_registration_form ul{
  padding: 0 !important;
      display: inline-table !important;
      width: 100%;
}
.account-content #rcp_registration_form ul li{
  width: 50% !important;
display: inline-block !important;
}
#rcp_registration_form ul li{
  padding: 5px !important;
  font-size: 15px;width:25%;
  box-shadow: none !important;
}
#rcp_registration_form ul li:hover{background-color: transparent !important;}
.rcp_form label{
  border: 1px solid #989898 !important;
}

#rcp_registration_form ul{padding: 0 !important;display: flex !important;}

.rcp_subscription_level label{
  background-color: #5f8ee8 !important;
      padding:25px !important;
      position: relative;
      /*height: 100px;*/
      overflow: hidden;
      border-radius:5px !important;
}
/*.rcp_subscription_level label:hover{
  background-color: #b9ffc1 !important;
}*/
.rcp_subscription_level_name{
  background-color: transparent !important;
  color: #5a5a5a !important;
  font-size: 16px !important;
  text-align: right !important;
  margin-left: 27px;
  padding-right: 115px;
  border-bottom: 1px dashed #5a5a5a !important;
  height: 40px !important;
  margin-bottom: 10px;
}
.rcp_price{
  border: none !important;
    padding: 0 !important;
    letter-spacing: 1px;
    padding-top: 10px !important;
    float: right;
    background: #5a5a5a !important;
    color: #fff !important;
    width: 100px;
    height: 100px !important;
    position: absolute;
    top: 0;
    line-height: 65px;
    margin: 0 !important;
    border-radius: 70px 0 0 70px !important;
}
.rcp_level_duration{
  background: transparent !important;
  color: #000 !important;
  font-weight: normal !important;
  margin: 0 !important;
  padding: 0 !important;
}


.userpro-close-popup{display: none;}
.userpro-profile-img-btn{position: absolute; left: 0;}
.userpro-profile-name{background: rgba(255, 255, 255, 0.4); padding: 10px 0 !important;}
.userpro-icon-angle-down{vertical-align: middle !important; margin: 0px 10px 0 0px !important;}
input.userpro-button.red, a.userpro-button.red{border: 1px solid #bb4141 !important;background: #fb6362 !important;}
input.userpro-button.red:hover, a.userpro-button.red:hover{background: #bb4141 !important;}
div.userpro-head, div.userpro-centered{
    background: url(../images/prof_cover.jpg) no-repeat; background-size: cover;
}
div.userpro-profile-img{
    width: 200px !important;
    margin: 0 20px !important;
}
.userpro .nav-stacked > li{font-size: 14px;}
.userpro .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{background: #eee; color: #000;}
.userpro .panel-default{padding: 5px; margin: 15px 0;}
.userpro .panel-heading{text-align: center; padding: 10px 0; font-size: 15px; margin-bottom: 5px; color: #484a42; background-color: #dfe3d4;}
.userpro-body{padding: 0 15px 15px 0 !important;}
.userpro .nav-stacked > li i{margin-left: 3px;}
.alert-dismissible{margin-top: 10px; margin-bottom: 0;}
.panel-success{border-radius: 0;}
.panel-success > .panel-heading{
    background: #e5f3e0 !important;
}
.panel-success > .panel-heading{border-radius: 0; text-align: right;}
.panel-success > .panel-heading a{color: #3c763d;}
.panel-success > .panel-heading a:hover{color: #000;}
div.pagination a, div.pagination span{border: 0 !important;}
.topnav{
    padding: 5px 0;
    color: #fff;
    position: fixed;
    width: 100%;
    font-size: 20px;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.8);
}
.sticky{
  position:fixed !important;
    z-index:9999;
	top:0;
}
.topnav a{color: #fff;}
.topnav a:hover{color: #28bb66;}
.topnav i{font-size: 20px;}
.topnav ul{list-style: none; padding: 0; margin: 0; display: inline-block; background: transparent; width: auto;}
.topnav li{list-style: none; float: right; font-size: 13px; padding-left: 20px;
padding: 7px 12px 0px 10px;
}
.topnav li:last-child{border: 0;}

.panel-body{padding: 5px;}
.panel-body p{text-align: center; border-bottom: 1px solid #ddd;}
.panel-body p:last-child{border: none;}
.panel-body i{margin-left: 3px;}
.sociall{text-align: left;}

.social:hover {

 }
 .social {
     font-size: 20px !important;
     width: 30px;
     height: 30px;
     background: #484747;
     text-align: center;
     padding-top: 6px;
     margin-top: 3px;
 }

 .sr{
     color: #5f5f5f;
    border-bottom: 1px solid #5f5f5f;
     display: inline-block;
     border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
     padding: 5px;
     margin-top: 10px;
 }
  .sr:hover{color:#383838;
     border-bottom: 1px solid #383838;}
 #search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color:  rgba(255, 255, 255, 0.8);

    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);

    opacity: 0;
}

#search.open {
    z-index: 10000;
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .btn {
    position: absolute;
    background: #28bb66;
    border-color: #28bb66;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
	background-color: #28bb66;
	border-color: #357ebd;
	opacity: 1;
	padding: 10px 17px;
	font-size: 27px;
}
.navt{
    background: #383838;
    top: -1px;
}
.nav-side-menu {
    z-index: 100;
  overflow: auto;
  font-size: 12px;
  background-color: #383838;
  position: fixed;
  height: 100%;
  width: 190px;
  color: #e1ffff;
}
.nav-side-menu .brand {
  background-color: #383838;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
  /*
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: left;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-right: 3px solid #28bb66;
  background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #181c20;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f104";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0px;
    border-right: 3px solid #383838;
  border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #e1ffff;
  font-size: 14px;
}
.nav-side-menu li a i {
  padding-left: 20px;
  width: 20px;
  padding-right: 5px;
}
.nav-side-menu li:hover {
  border-right: 3px solid #28bb66;
  background-color: #4f5b69;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.sideright{
    margin: 0;
    padding-right: 0
}
.nicnt ul{list-style: none; margin: 0; padding: 0;}
.nicnt ul li{list-style: none; padding: 0; color: #656363; margin-top: 3px; display: inline-block; position: relative; min-height: 55px;
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
    opacity: 0.8;
    width: 100%;
}
.nicnt ul li:hover{opacity: 1;}
.nicnt ul li img{padding: 1px; display: inline-block; width: 100%;}
.nicnt ul li h4{padding: 5px 0; border-radius: 3px; position: absolute; margin-top: -40px; right: 20px; background: rgba(255, 255, 255, 0.7); padding: 5px 10px;}
.nicnt span{background: #e6e6e6; width: 100%; text-align: center; color: #636363; margin: 5px 0; display: inline-block;padding: 5px 0;
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.nicnt span:hover{background: #bdbcbc;}
.sidebar{
    box-shadow: 0 2px 1px rgba(133,133,133,.18);
    background: #fff;
    margin: 10px 0 0 0;
}
.sidebar-title{
  color: #838383;
    font-size: 15px;
    letter-spacing: 1px;
    background: #ffffff;
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #ececec;
}
.sidebar-title i{
    background: #2f9459;
    padding: 15px;
    margin-left: 5px;
}
.box-title{
    color: #22b15f; padding: 10px 10px 10px 0; border-bottom: 1px solid #e6e6e6; background: #f9f9f9; font-size: 15px; letter-spacing: 1px;
}
.other .line-fooot-box-head
{
	background:#e6e6e6;
	height:1px;
	border-right:#28bb66 165px solid;
	margin:9px 0 6.5px
              -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
    margin: 5px 0;
}
.other:hover .line-fooot-box-head{
    border-right:#2ECC71 230px solid;
}
.other2 .line-fooot-box-head
{
	background:#e6e6e6;
	height:1px;
	border-right:#28bb66 165px solid;
	margin:9px 0 6.5px
              -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
    margin: 5px 0;
}
.other2:hover .line-fooot-box-head{
    border-right:#2ECC71 230px solid;
}
.widget{margin-top: 10px;}

.learn{
        background: #fff;
        display: inline-block;
        width: 100%;
    box-shadow: 0 0 5px #E5E5E5;
}
.ehover1 .overlay p{
    background: rgba(255, 255, 255, 0.8);

}
.hover h2{
    font-size: 12px;
    line-height: 20px;
}
.ehover42:hover button.info{padding: 10px 32px; background: #28bb66;}
.learn-img{
    width: 100%;
    height: 240px;
    display: inline-block;
}
.instrumental{
    background: #fff;
    box-shadow: 0 0 5px #E5E5E5;
    text-align: center;
    display: inline-block;
    width: 100%
}
.instrumental p{font-size: 13px;}
.instrumental ul{list-style: none; margin: 0; padding: 0;}
.instrumental ul div{ border-bottom: 1px solid #ddd;}
.instrumental li{list-style: none;}
.instrumental li div{border-left: 1px solid #ddd; padding-top: 10px; color: #838383;
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
        padding: 5px;
        height: 135px;
}
.instrumental li div:hover{background: #f3f3f3;}
.instrumental li:nth-child(even) div{border-left: 0;}
.userpro-awsm{border: 1px solid #ddd !important}
.userpro-awsm-pic img{border: 1px solid #ddd !important}
.userpro-awsm-pic{left: 33% !important;}
.shop-sec{
    margin: 10px 0;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 10px #d6d6d6;
}
#shop .item{
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
#learn .item{
  padding: 0px;
  margin: 10px;
  border: 1px solid #ddd;
  color: #838383;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#learn .item:hover{background: #f9f9f9;}
#learn .item h3{
    display:block;
    padding: 0 5px;
    font-size: 15px;
    background: #797979;
    color: #fff;
    line-height: 25px;
    margin: 0;
}
.catlist{background: #636363; color: #fff; text-align: center; padding: 10px 0;border-bottom: 2px solid #34a65f; font-size: 17px;}

.owl-carousel .owl-wrapper-outer{
    display: inline-block;
    direction: ltr;
}
.owl-theme .owl-controls{
    position: absolute;
    text-align: left;
    top: -55px;
}
.owl-pagination{display: none;}
.owl-prev{float: left;} .owl-next{float: left;}
.owl-theme .owl-controls .owl-buttons div{
    color: #2ecc71 !important; background: none !important; padding: 0px 10px 0px 12px !important; margin: 10px !important;
}
.owl-wrapper-outer{margin-top: 5px !important;}
.owl-theme .owl-controls .owl-buttons div:hover{background: none !important; margin: 10px !important;}
.comment-sec{
     background: #fff;
    box-shadow: 0 0 5px #E5E5E5;
    margin-top: 10px;
}
.post{
    background: #fff;
    box-shadow: 0 0 10px #cecccc;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border-right: 3px solid #34a65f;
    margin-bottom: 20px;
}

.post-img{
    width: 350px;
    height: 350px;
    margin-left: 10px;
    display: inline-block;
}
.post-info{
  display: inline-block;
      font-size: 11px;
      width: 100%;
      padding: 0px 10px 10px 0px;
      margin-bottom: 5px;
      background: #f9f9f9;
}
.post-info i{
    margin-left: 3px;
    color: #28bb66;
}


.postdown{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 0 5px #e8e8e8;
}
.postdown a{display: initial;}
.postdown span{
    color: #838383;
    font-size: 12px;
    padding: 7px 0 7px 10px;
    border-left: 1px solid #ddd;
    margin-left: 7px;
}
.postdown span:last-child{border-left: 0;}
.postdown span i{
    color: #838383;
    padding: 13px 10px 13px 4px;
}
.more-link{
    display: none;
}
.posth{
    display: inline-block;
    color: #6d6d6d;
}
.leftp-info{
    float: left;
    padding: 10px 0 0 10px;
}
.leftp-info i{font-size: 13px; color: #6d6d6d;}
.leftp-info i:hover{color: #28bb66;}
.leftp-info .zilla-likes i:hover{color: red;}
.leftp-info .zilla-likes{margin-bottom: 0 !important;}
.leftp-info .dropdown-menu i{color: #fff;}
footer{
    background: #fff;
    min-height: 100px !important;
    padding: 20px 0 0 0 !important;
    color: #545454;
    z-index: 1000;
    margin: 15px 0;
}
footer a{color: #fff;}
footer p{margin-bottom: 5px; word-spacing: 1px; font-size: 12px;}
.sub-footer{font-size: 12px; padding: 0;}
.sub-footer .tik4 img{opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sub-footer .tik4 img:hover{opacity: 1;}
.sidecontent{margin-bottom: 10px; padding: 0;}
.post-share{
    display: inline-block;
}

footer .enamad img{
  float: left;
margin-bottom: 10px;
}
.social-footer{list-style: none; float: left; padding: 0; margin-top: 10px;}
.social-footer li{float: left;}
.social-footer li a{
  width: 30px;
    height: 30px;
    background: #e7eaef;
    padding: 5px 8px;
    font-size: 16px;
    list-style: none;
    float: left;
    color: #a2a2a2;
    margin-right: 5px;
}
.social-footer li a:hover{
  background: #d6dae0;
}

.mobile-social-share h3 {
    color: inherit;
    float: left;
    font-size: 15px;
    line-height: 20px;
    margin: 25px 25px 0 25px;
}

.share-group {
    margin: -3px 0 0 0;
}

.btn-group {
    display: inline-block;
    font-size: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}
.btn-group a{
    color: #fff;
}
.btn-group ul ul{
    padding: 0;
    list-style: none;
}
.mobile-social-share ul {
    float: right;
    list-style: none outside none;
    margin: 0;
    min-width: 61px;
    padding: 0;
}
.widget{
    margin-top: 0;
    list-style: none;
}
.widgettitle{
    display: none;
}
.list-group{margin-bottom: 0;}
.list-group a{
    margin-bottom: 2px;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
}
.list-group a:last-child{
    border-bottom: 0;
}
.list-group h3{
    margin: 0;
    font-size: 13px;
    line-height: 25px;
}
.list-group h3:before{
    font-family: 'FontAwesome';
    content: "\f053";
    margin-left: 5px;
    float: right;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color: #31C8B8 !important; border-color: #25ab9c !important;}
span.ads-title{
    padding-right: 0;
    background: none;
}
a.ads:hover{
    border: 0;
    border-bottom: 1px solid #ddd;
}
a.ads:last-child{border-bottom: 0;}
a.ads{border: 0; margin: 0;}
.ads-title{
    text-align: right;
    display: inline-block;
    width: 100%;
}
.ads-title:before{
      font-family: FontAwesome;
  content: "\f0c1";
  display: inline-block;
  padding-left: 5px;
  padding-right:0;
  vertical-align: middle;
}
.ads-description{
        text-align: right;
    display: inline-block;
    width: 100%;
    font-size: 11px;
    padding-bottom: 5px; margin-bottom: 10px;
}
.ads:last-child > .ads-description{
    border-bottom: 0;
}
.ads-url{
    display: none !important;
}
.edit-link{
  position: relative;
top: -13px;
border: 1px solid #ddd;
padding: 5px 10px;
font-size: 12px;
background: #f8f8f8;
}
a.ads{width: 100% !important; border-bottom: 1px solid #ddd;}
.tag{
    padding: 10px !important;
    border-top: 1px solid #eaeaea;
    font-size: 11px;
    background: #f7f7f7;
     color: #616161;
}
.tag a{color: #616161;}
.tag a:hover{color: #2ecc71;}
.tags a{
    margin-left: 5px; border: 1px solid #5d5959; line-height: 43px; font-size: 11px !important;
    padding: 5px;

        -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tags a:hover{background: #444;border: 1px solid #28bb66;}
.ptags{display: inline-block; margin-top: 8px;}
.ptags a{color: #929090; margin-left: 5px;}
.ptags a:hover{color: #28bb66;}
.share {
    min-width: 17px;
}
.other ul{list-style: none; padding: 0;}
.other li{margin-bottom: 5px; width: 100%}
.other li a:before{
  content: '\f104';
  font-family: 'FontAwesome';
  float: right;
  margin-left: 5px;
}
.other li a{
  width: 100%;
color: #5d5d5d;
padding: 4px 0;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.other li a:hover{color: #28bb66;}
.mobile-social-share li {
    display: block;
    font-size: 18px;
    list-style: none outside none;
    margin-bottom: 3px;
    margin-left: 4px;
    margin-top: 3px;
}

.btn-share {
    background-color: #BEBEBE;
    border-color: #CCCCCC;
    color: #333333;
}

.btn-twitter {
    background-color: #3399CC !important;
    width: 51px;
    color:#FFFFFF!important;
}

.btn-facebook {
    background-color: #3D5B96 !important;
    width: 51px;
    color:#FFFFFF!important;
}

.btn-facebook {
    background-color: #3D5B96 !important;
    width: 51px;
    color:#FFFFFF!important;
}

.btn-google {
    background-color: #DD3F34 !important;
    width: 51px;
    color:#FFFFFF!important;
}

.btn-linkedin {
    background-color: #1884BB !important;
    width: 51px;
    color:#FFFFFF!important;
}

.btn-pinterest {
    background-color: #CC1E2D !important;
    width: 51px;
    color:#FFFFFF!important;
}

.btn-mail {
    background-color: #FFC90E !important;
    width: 51px;
    color:#FFFFFF!important;
}

.caret {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}
#edd_checkout_wrap{
    margin-top: 8%;
}
#edd_checkout_form_wrap legend{
    padding: 10px !important;
    border: 1px solid #ddd;
    background: #fafafa;
}
#edd-purchase-button, .edd-submit, input[type=submit].edd-submit{
    background: #28bb66 !important;
    border: 1px solid #17a252 !important;
    color: #fff;
}
table#edd_purchase_receipt td, table#edd_purchase_receipt th, table#edd_purchase_receipt_products td, table#edd_purchase_receipt_products th{
    text-align: right;
    background: #fbfbfb;
    border: 1px solid #e6e6e6;
    padding: 5px;
}
table#edd_purchase_receipt, table#edd_purchase_receipt_products{
    border: 1px solid #e6e6e6;
}


#socialShare > a{
    padding: 6px 10px 6px 10px;
}
.rcp_subscription_level .rcp_level{
  float: right !important;
    margin: 5px 10px 0 10px !important;
    position: relative !important;
    right: 0;
}
.rcp_gateways_fieldset legend,.rcp-renewal-date > div > p{width:100%;padding:25px 0;}
.rcp-renewal-date > div > p{padding-bottom:0;}
.rcp_subscription_message,.rcp_gateways_fieldset legend,.rcp-renewal-date{text-align: center; margin: 0px 0 15px 0; font-size: 16px;}
.rcp_subscription_message:before,.rcp_gateways_fieldset legend::before,.rcp-renewal-date > div > p::before{
    font-family: 'FontAwesome';
    content: '\f103';
    margin-left: 5px;
}
.rcp_subscription_message:after,.rcp_gateways_fieldset legend::after,.rcp-renewal-date > div > p::after{
    font-family: 'FontAwesome';
    content: '\f103';
    margin-right: 5px;
}
.rcp-table{width: 100%; text-align: center;box-shadow: 0 3px 5px #ddd;}
.rcp-table th, .rcp-table td{padding: 5px; text-align: center;border: 1px solid #5a5a5a;}
#rcp_submit{
  margin-top: 10px;
  color: #fff;
  padding: 10px 15px;
  border: none !important;
  background: #28bb66 !important;
  box-shadow: none !important;
  width: auto !important;
}
#rcp_submit:hover{background: #1a8e4b !important;}
.page-content{
    line-height: 25px;
    margin-bottom: 10px;
    text-align: justify; color: #585757;
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0 2px 1px rgba(133,133,133,.18);
    -webkit-box-shadow: 0 2px 1px rgba(133,133,133,.18);
    -moz-box-shadow: 0 2px 1px rgba(133,133,133,.18);
    padding: 10px;
}
.post-content{
    line-height: 25px;
    margin-bottom: 10px;
    text-align: justify; color: #585757;
}
.post-content .port-download{
    background: #e16b62;
    color: #fff;
    display: inline-block;
    border: none;
}
.post-content iframe{
    width: 100%;
    height: 410px;
}
.post-content img{
    margin: 0 auto;
    display: block;
}
.incontent img{
    float: right;
    margin-left: 10px;
    width: 240px;
    height: 240px;
    border: 1px solid #eaeaea;
    padding: 2px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.incontent img:hover{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}
.readmore{
    position: relative;
    float: left;
    background: #fff;
    display: inline-table;
    padding: 0 0px 0 15px;
    font-size: 13px;
    color: #838383;
    border-left:3px solid #28bb66;
    box-shadow: 0 0 5px #ddd;
         -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.readmore i{margin-right: 5px;}
.readmore:hover{background: #fbfbfb;}

.readmore span{
    background: #1d924e;
    position: initial;
    display: inline-block;
    padding: 0;
    margin-left: 5px;
}
.readmore span i{
    padding: 13px;
    color: #fff;
    background: #1d924e;
}
.readmore2{
    text-align: left;
    bottom: 0;
    background: #fbfbfb;
    border-top: 1px solid #ddd;
    padding: 10px 15px !important;
    color: #525252;
         -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.drp2{width: 60px !important;}
.drp2 li{margin-bottom: 5px;}
.gbtn{
    background: transparent;
    color: #6d6d6d;
    border: none;
    border-radius: 0;
}
.mtop20{
  margin-top: 20px;
    width: 200px;
    display: inline-block;
    margin-left: 40px;
}
.mtop20 .register_t{background: #e16a62; border: none; color: #fff; width: 65px;}
.mtop20 .register_t:hover{background: #c15b54}
.mtop20 .login_t{background: #22b15f; border: none; width: 65px;}
.mtop20 .login_t:hover{background: #1c9851;}
.btn-group-or>.btn:first-child {
    padding-right: 1.2rem;
}
.btn-group-or>.btn:last-child {
    padding-left: 1.2rem;
}
.btn-group-or .or {
    position: relative;
    width: .3rem;
    height: 4.5rem;
    z-index: 3;
}
.btn-group-or .or:before {
    position: absolute;
    text-align: center;
    border-radius: 50%;
    content: 'or';
    top: 50%;
    left: 50%;
    background-color: #fff;
    margin-top: -1rem;
    margin-left: -1rem;
    width: 2rem;
    height: 2rem;
    line-height:1.8rem;
    color: #868e96;
}
.gbtn:hover{
    background: transparent; color: #28bb66;
}
.gbtn:active{
    background: transparent; color: #28bb66;
}
.post-share .btn-group.open .dropdown-toggle{
    box-shadow:none;
    background: none;
}
.post-share .dropdown-menu{left: 5px; right: auto;
border: 0; min-width: 50px; padding: 5px;
}
.btn .caret{margin-right: 5px;}
#post-image{text-align: center;}
.vip{
    background: #5a5a5a;
    box-shadow: 0 0 10px #d6d6d6;
    text-align: center;
    border-right: 4px solid #28bb66;
    border-left: 4px solid #28bb66;
    color: #fff;
    padding: 10px;
    margin-top: 10px;
        -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.vip:hover{
    background: #28bb66;
}
.vipsec .fa-check{color: green;}
.vipsec .fa-times{color: red;}
.dl{
    border: 1px solid #ddd;
    border-right: 0;
    border-left: 0;
    background: #f9f9f9;
    padding: 7px 10px;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.dl p{padding: 0; margin: 0; text-align: left; margin-left: 70px; font-size: 11px;}
.firefox{
    background: url('../images/dl.png') left bottom no-repeat;
    background-position: 5px 0px;
    margin-top: 10px;
}
.firefox:hover{
    background: #28bb66 url('../images/dl.png') no-repeat;
    background-position: 5px -62px;
    color: #fff;
}

.dlm{
    background: url('../images/dl.png') left bottom no-repeat;
    background-position: 5px -132px;
}
.dlm:hover{
    background: #28bb66 url('../images/dl.png') no-repeat;
    background-position: 5px -197px;
    color: #fff;
}
.dl h5{margin: 17px 0;}
.chrome{
    background: url('../images/dl.png') left bottom no-repeat;
    background-position: 5px -271px;
}
.chrome:hover{
    background: #28bb66 url('../images/dl.png') no-repeat;
    background-position: 5px -336px;
    color: #fff;
}

.kmp{
    background: url('../images/dl.png') left bottom no-repeat;
    background-position: 5px -404px;
}
.kmp:hover{
    background: #28bb66 url('../images/dl.png') no-repeat;
    background-position: 5px -465px;
    color: #fff;
}

.winrar{
    background: url('../images/dl.png') left bottom no-repeat;
    background-position: 5px -530px;
}
.winrar:hover{
    background: #28bb66 url('../images/dl.png') no-repeat;
    background-position: 5px -592px;
    color: #fff;
}

.telegram{
    background: url('../images/dl.png') left bottom no-repeat;
    background-position: 5px -659px;
}
.telegram:hover{
    background: #28bb66 url('../images/dl.png') no-repeat;
    background-position: 5px -724px;
    color: #fff;
}

.tmv{
    background: url('../images/dl.png') left bottom no-repeat;
    background-position: 5px -790px;
}
.tmv:hover{
    background: #28bb66 url('../images/dl.png') no-repeat;
    background-position: 5px -857px;
    color: #fff;
}

.kontakt{
    background: url('../images/dl.png') left bottom no-repeat;
    background-position: 5px -924px;
}
.kontakt:hover{
    background: #28bb66 url('../images/dl.png') no-repeat;
    background-position: 5px -991px;
    color: #fff;
}
/* Tabs panel */
.tabbable-panel {

}
.wpcf7-textarea{
  border: 1px solid #e6e5e5;
border-radius: 5px;
width: 80%;
}
.adst{margin-top: 10px;margin-bottom: 0;}
#edd_user_history td{text-align: center !important;}
#edd_user_history th{text-align: center !important;}
#edd_purchase_history_pagination .current{background: #eaeaea;}
.edd_pagination{display: inline-block; width: 100%; margin-top: 20px;}
.edd_pagination .page-numbers{
  padding: 5px 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
#edd_purchase_history_pagination .navigation a{
  display: block;
    padding: 1em 1.3em;
    color: #636262 !important;
    float: right !important;
    text-decoration: none;
    text-transform: uppercase;
}
.alert .header{text-align: center;margin-top: 10px !important;font-weight: bold;}
.alert-warning{line-height: 26px; box-shadow: 0 0 10px #dedede;}
.tablist{list-style: none; margin: 0; padding: 0;}
.tablist li{list-style: none; margin: 0; border-bottom: 1px solid #efefef;}
.tablist li:last-child{border: 0;}
.tablist li a{width: 100%; display: inline-block; padding: 15px 10px ;
  -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
        line-height: 22px;
        font-size: 12px;
color: #565656;
}
.tablist li a:before{
  font-family: 'FontAwesome';
  content: '\f104';
  float: right;
  margin-left: 5px;
}
.wpp-list{
    margin: 0;
    padding: 0;
}
.wpp-views{display: none;}
.tablist li a:hover{
    background: #f5f5f5;
}
/* Default mode */
@.tabbable-line{
    min-height: 50px;
}
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
  border-bottom: 1px solid #ececec;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 0;
  border-left: 1px solid #e0e0e0;
  background: #f1f1f1;
}
.tabbable-line > .nav-tabs > li:last-child{border-left: 0;}
.tabbable-line{margin-top: 3px;}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
  text-align: center;
  font-size: 12px;
  padding: 10px;
  border-bottom: 4px solid #ddd;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #80dca7;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #28bb66;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  text-align: center;
  color: #333333;
  border-radius: 0;
  border-top: 1px solid #eee;
  background: #fff !important;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}

.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

/*MODERN NAVBAR*/
*, *:before, *:after {
  /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
  -webkit-box-sizing: border-box;

  /* Firefox (desktop or Android) 28- */
  -moz-box-sizing: border-box;

  /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
  box-sizing: border-box;
}
.btn-nav {
    background-color: transparent;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
     -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-nav:hover {
   color: #28bb66;
    background: rgba(0, 0, 0, 0.2);;
    cursor: pointer;
    -webkit-transition: color 1s; /* For Safari 3.1 to 6.0 */
    transition: color 1s;
}
.btn-nav:focus{color: #fff;}
.btn-nav.active {
    color: #fff;
    padding: 2px;
	border-top: 6px solid #28bb66;
	border-bottom: 6px solid #28bb66;
    border-left: 0;
    border-right: 0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-transition: border 0.3s ease-out, color 0.3s ease 0.5s;
    -moz-transition: border 0.3s ease-out, color 0.3s ease 0.5s;
    -ms-transition: border 0.3s ease-out, color 0.3s ease 0.5s; /* IE10 is actually unprefixed */
    -o-transition: border 0.3s ease-out, color 0.3s ease 0.5s;
    transition: border 0.3s ease-out, color 0.3s ease 0.5s;
}
.btn-nav.active:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 6px 6px 0;
	border-color: #692361 transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -6px;
	top: 0;
	left: 50%;
}

.vst-icon{
    width: 45px;
    height: 45px;
    display: inline-block;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px 7px;

}
.btn-nav:hover > .vst-icon{
    display: inline-block;
        width: 45px;
    height: 45px;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -40px;
}

.kontakt-icon{
    width: 45px;
    height: 45px;
    display: inline-block;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -99px;
}
.btn-nav:hover > .kontakt-icon{
    display: inline-block;
        width: 45px;
    height: 45px;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -159px;
}


.learn-icon{
    width: 45px;
    height: 45px;
    display: inline-block;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -216px;
}
.btn-nav:hover > .learn-icon{
    display: inline-block;
        width: 45px;
    height: 45px;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -267px;
}
.instrumental-icon{
    width: 45px;
    height: 45px;
    display: inline-block;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -325px;
}
.btn-nav:hover > .instrumental-icon{
    display: inline-block;
        width: 45px;
    height: 45px;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -376px;
}


.plugin-icon{
    width: 45px;
    height: 45px;
    display: inline-block;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -426px;
}
.btn-nav:hover > .plugin-icon{
    display: inline-block;
        width: 45px;
    height: 45px;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -477px;
}


.loop-icon{
    width: 45px;
    height: 45px;
    display: inline-block;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -522px;
}
.btn-nav:hover > .loop-icon{
    display: inline-block;
        width: 45px;
    height: 45px;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -574px;
}

.mac-icon{
    width: 45px;
    height: 45px;
    display: inline-block;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -645px;
}
.btn-nav:hover > .mac-icon{
    display: inline-block;
        width: 45px;
    height: 45px;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -702px;
}


.article-icon{
    width: 45px;
    height: 45px;
    display: inline-block;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -768px;
}
.btn-nav:hover > .article-icon{
    display: inline-block;
        width: 45px;
    height: 45px;
    background: url("../images/nav-icon.png") no-repeat;
    background-position: 0px -825px;
}


.btn-nav .glyphicon {
    padding-top: 16px;
	font-size: 22px;
}
.btn-nav.active p {
    margin-bottom: 4px;
}
.navbar{margin-bottom: 0; border: none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border: 3px inset #28bb66;
    border-right: 0;
    color: #fff;
    border-left: 0;
    background: #383838;
}
.form-search input{
    border: none;
    width: 120px;
    height: 37px;
    padding: 10px 5px 10px 18px;
    padding-right: 5px;
    outline: none;
    color: #000;
        font-size: 12px;
        margin-left: -2px;
        background:  rgba(255, 255, 255, 0.8);
           -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.form-search input:focus{width: 180px;background: #fff; color: #000;}
.form-search button{
    height: 37px;
    width: 40px;
    float: left;
    border: none;
    color: #fff;
    background: #28bb66;
-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.form-search button:hover{
       background: #166d3a;
}

@media (max-width: 480px) {
  .sideright{padding: 0 !important;}
  .h2-post{display: inline !important; font-size: 14px;}
  .post-title{padding: 10px !important;}
  .post-title i{display: none;}
  .dropdown-submenu:focus > .dropdown-menu{display: block !important;}
  .navbar-nav .open .dropdown-menu{background: #fff !important}
  .top-nav-thing{margin-top: 0; margin-bottom: 10px;}
  .top-nav-thing .dropdown{width: 100%;}
  .categories-menu-link{padding-top: 4px !important; font-size: 14px !important;}
  .categories-menu-link i{display: inline-block !important;}
  .top-nav-thing #top_nav_menu{width: 100% !important;}
        .navigation ul ul{
        top: 0;
        right: 0;
        display: inline-block;
        width: 100% !important;
        margin: 0 10px;
    }
    .btn-group {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    ul.nav.navbar-nav{width: 100%; margin: 0;}
    .nav > li{float: right;}
    .top-search-form{margin: 0px 0 10px 0;}
    .logo_show{text-align: center;}
    .navbar .navbar-nav [class^="pe"]{font-size: 24px !important;}
    .navbar .navbar-nav p{font-size: 12px !important;}
    .navbar-nav > li > a{min-width: 30px !important; margin: 6px 1px !important; padding: 6px 0px !important;}
    footer .enamad img{float: none !important;}
    footer .enamad{text-align: center;}

}
@media (max-width: 600px) {
  .sideright{padding: 0 !important;}
  .h2-post{display: inline !important; font-size: 14px;}
  .post-title{padding: 10px !important;}
  .post-title i{display: none;}
  .postdown span{font-size: 10px;}
  .dropdown-submenu:focus > .dropdown-menu{display: block !important;}
  .navbar-nav .open .dropdown-menu{background: #fff !important}
  .top-nav-thing .dropdown{width: 100%;}
  .categories-menu-link{padding-top: 4px !important; font-size: 14px !important;}
  .top-nav-thing{margin-top: 0; margin-bottom: 10px;}
  .top-nav-thing a{width: 100%;}
  .top-nav-thing #top_nav_menu{width: 100% !important;}
  .categories-menu-link i{display: inline-block !important;}
  .sideright{padding-right: 10px;}
    .navigation ul ul{
        top: 0;
        right: 0;
        display: inline-block;
        width: 100% !important;
        margin: 0 10px;
    }
    .btn-nav .glyphicon {
        padding-top: 12px;
        font-size: 26px;
    }
    ul.nav.navbar-nav{width: 100%; margin: 0;}
    .nav > li{float: right;}
    .top-search-form{margin: 0px 0 10px 0;}
    .logo_show{text-align: center;}
}


@media (max-width: 767px) {
  .sideright{padding: 0 !important;}
  .h2-post{display: inline !important; font-size: 14px;}
  .post-title{padding: 10px !important; display: inline-block; width: 100%;}
  .serror{margin: 15px 0;}
  .post-title i{display: none;}
  .dropdown-submenu:focus > .dropdown-menu{display: block !important;}
  .navbar-nav .open .dropdown-menu{background: #fff !important}
  .top-nav-thing{margin-top: 0; margin-bottom: 10px;}
  .top-nav-thing a{width: 100%;}
  .top-nav-thing #top_nav_menu{width: 100% !important;}
  .categories-menu-link{padding-top: 4px !important; font-size: 14px !important;}
  .categories-menu-link i{display: inline-block !important;}
  .sideright{padding-right: 10px;}
        .navigation ul ul{
        top: 0;
        right: 0;
        display: inline-block;
        width: 100% !important;
        margin: 0 10px;
    }
    ul.nav.navbar-nav{width: 100%; margin: 0;}
    .nav > li{float: right;}
    .top-search-form{margin: 0px 0 10px 0;}
    .logo_show{text-align: center;}
    .panel-success > .panel-heading{border-radius: 0;text-align: right;margin-bottom: 10px;height: 35px;}
    .learn-sec div{padding: 0;}
    .form-search{margin-top: 40%;}
    .post-content img{width: 100%; height: 100%;}
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
  .top-nav-thing .dropdown{width: 100%;}
  .categories-menu-link{padding-top: 4px !important; font-size: 14px;}
}



@media (max-width : 320px) {
    .panel-success > .panel-heading{border-radius: 0;text-align: right;margin-bottom: 10px;height: 35px;}

    .learn-sec div{padding: 0;}
    .post-content img{width: 100%; height: 100%;}
    #socialHolder{
        padding-left:5px;
        padding-right:5px;
    }

    .mobile-social-share h3 {
        margin-left: 0;
        margin-right: 0;
    }

    #socialShare{
        margin-left:5px;
        margin-right:5px;
    }

    .mobile-social-share h3 {
        font-size: 15px;
    }
}

@media (max-width : 238px) {
    .post-content img{width: 100%; height: 100%;}
    .mobile-social-share h3 {
        font-size: 12px;
    }
}


@media (max-width: 767px) {

    .sidebarr{margin-right: 200px;}
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    font-family: 'IRANSans',tahoma;
    font-size: 17px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 4px 10px;
    background-color: #ffffff;
    color: #000;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}


@media (min-width: 767px) {

  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}

@media (min-width: 1700px) {

  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}
.panel-title{
    line-height: 25px;
    padding: 0 10px;
    font-size: 15px;
}
.comment-form label{display: none;}
#comments ol{list-style: none; padding: 10px;}
#comments li{}
#comments li img{border: 1px solid #ddd; padding: 1px; margin-bottom: 5px;}
.commentmetadata{
    float: left;
    padding: 5px;
    border: 1px solid #efefef;
    margin-top: -25px;
    background: #fff;
}
.commentmetadata:before{
  font-family: FontAwesome;
  content: "\f073";
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
}

.comment-reply-link{
    float: left;
    border: 1px solid #ddd;
    margin-top: -22px;
    padding: 5px;
    font-size: 12px;
    border-left:0;
    background: #f7f7f7;
}
.comment-reply-link:hover{background: #fff;}
.comment-reply-link:before{
  font-family: FontAwesome;
  content: "\f112";
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
}
.sres img{
    width: auto;
}
.comment-body p{
    padding: 10px 0 20px 0;
}

.comment-respond{
    padding: 0 20px;
}

.form-allowed-tags{display: none;}

#commentform #submit{
    background: #28bb66;
    border: 3px solid #22a75a;
    color: #fff;
    padding: 10px;
}

#commentform #submit:hover{
    background: #22a75a;
}

#comments li ol{

}

#comments li ol:before{
      font-family: FontAwesome;
  content: "\f149";
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
}
#comments li ol li{
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

#author{
            border: 1px solid #ddd;
        padding: 5px 0;
	padding-right:30px;
	background:url(../images/user.png) right no-repeat;
	font-family:'IRANSans',tahoma;
	font-size:13px;
	width:50%;
        height: 40px;
        border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	margin-bottom:5px;
}
#email{
            border: 1px solid #ddd;
        padding: 5px 0;
	padding-right:30px;
	background:url(../images/mail.png) right no-repeat;
	font-family:'IRANSans',tahoma;
	font-size:13px;
	width:50%;
                height: 40px;
        border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	margin-bottom:5px;
	}

#url{
            border: 1px solid #ddd;
        padding: 5px 0;
	padding-right:30px;
	background:url(../images/website.png) right no-repeat;
	font-family:'IRANSans',tahoma;
	font-size:13px;
	width:50%;
                height: 40px;
        border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	margin-bottom:5px;
	}
	#comment{
	outline:0;
	border:1px solid #ddd;
	width:80%;
	margin-right:1%;
	padding:5px;}
#comment:focus{
	box-shadow:0 0 3px #22a75a;
}

#author:focus{box-shadow:0 0 3px #22a75a;}
#email:focus{box-shadow:0 0 3px #22a75a;}
#url:focus{box-shadow:0 0 3px #22a75a;}

hr.message-inner-separator
{
    clear: both;
    margin-top: 10px;
    margin-bottom: 13px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}

.alert-labeled{
  padding: 0px;
}

.header{
    margin-left: 15px;
    margin-top: 5px;
}

.alert-labeled-row{
    display: inline-table;
    padding: 0px;
    width: 100%;
}

.alert-labelled-cell{
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    padding-right: 0;
}

.alert-labeled .close > *{
    padding:10px;
    display: table-cell;
    vertical-align: middle;
}

.alert-label{
    vertical-align: middle;
    background: #BCE8F1;
    width: 50px;
    padding: 10px 15px;
    height: 100%;
    font-size:1.1em;
}
.alert-label-dl{
    vertical-align: middle;
    background: #2d2d2d;
    width: 50px;
    padding: 10px 15px;
    height: 100%;
    font-size:1.1em;
}
.info-desc ul{
    list-style: none;
    padding: 0 10px;
}
.alert-free-dl{
    background-color: #e6e6e6;
    border-color: #c5c5c5;
    color: #2d2d2d;
}
.alert-free-dl i{color: #444444}
.alert-free-dl .alert-label-dl{background: #d0d0d0;}
.alert-dl{
    background-color: #444444;
    border-color: #353535;
    color: #fff;
}
.alert-free-dl ul{
    list-style: none;
    padding: 0 10px;
}
.alert-free-dl ul li a{
    color: #444;
    border-right: 3px solid #28bb66;
    background: #cac8c8;
    width: 97%;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 5px 10px;
    display: inline-block;
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.alert-free-dl ul li a:hover{
    color: #057535;
    background: #b7b7b7;
    border-right: 5px solid #28bb66;
}
.alert-free-dl ul li a:before{
  font-family: FontAwesome;
  content: "\f104";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.alert-free-dl ul li:before{
    display: none;
}

.alert-dl ul{
    list-style: none;
    padding: 0 10px;
}
.alert-dl ul li a{
    color: #fff;
    border-right: 3px solid #28bb66;
    background: #3e3e3e;
    width: 100%;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 5px 10px;
    display: inline-block;
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.alert-dl ul li a:hover{
    color: #2ecc71;
    background: #2d2d2d;
    border-right: 5px solid #28bb66;
}
.alert-dl ul li a:before{
  font-family: FontAwesome;
  content: "\f104";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.alert-dl ul li:before{
    display: none;
}
.serror{display: inline-block; width: 100%;}

.alert-learn{
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-label-learn{
    vertical-align: middle;
    background: #e0d8ad;
    width: 50px;
    padding: 10px 15px;
    height: 100%;
    font-size:1.1em;
}

.btn-hot {
color: #fff;
background-color: #db5566;
border-bottom:2px solid #af4451;
margin: 10px 0;
}
.btn-hot i{
    margin-left: 10px;
}
.btn-hot:hover, .btn-sky.active:focus, .btn-hot:focus, .open>.dropdown-toggle.btn-hot {
color: #fff;
background-color: #df6a78;
border-bottom:2px solid #b25560;
outline: none;}


.btn-hot:active, .btn-hot.active {
color: #fff;
background-color: #c04b59;
border-top:2px solid #9a3c47;
margin: 10px 0;
}

.btn-sunny {
color: #fff;
background-color: #f4ad49;
border-bottom:2px solid #c38a3a;
}

.btn-sunny:hover, .btn-sky.active:focus, .btn-sunny:focus, .open>.dropdown-toggle.btn-sunny {
color: #fff;
background-color: #f5b75f;
border-bottom:2px solid #c4924c;
outline: none;
}


.btn-sunny:active, .btn-sunny.active {
color: #fff;
background-color: #d69840;
border-top:2px solid #ab7a33;
margin-top: 2px;
}

.btn-fresh {
color: #fff;
background-color: #51bf87;
border-bottom:2px solid #41996c;
}

.btn-fresh:hover, .btn-sky.active:focus, .btn-fresh:focus, .open>.dropdown-toggle.btn-fresh {
color: #fff;
background-color: #66c796;
border-bottom:2px solid #529f78;
outline: none;
}


.btn-fresh:active, .btn-fresh.active {
color: #fff;
background-color: #47a877;
border-top:2px solid #39865f;
outline: none;
outline-offset: none;
margin-top: 2px;
}

.btn-sky {
color: #fff;
background-color: #0bacd3;
border-bottom:2px solid #098aa9;
}

.btn-sky:hover,.btn-sky.active:focus, .btn-sky:focus, .open>.dropdown-toggle.btn-sky {
color: #fff;
background-color: #29b6d8;
border-bottom:2px solid #2192ad;
outline: none;
}

.btn-sky:active, .btn-sky.active {
color: #fff;
background-color: #0a97b9;
border-top:2px solid #087994;
outline-offset: none;
margin-top: 2px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: none;
    outline-offset: 0px;
}

.post-icon{
    padding: 10px 7px;
    opacity: 0.9;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    position: absolute;
    right: 20px;
    top: -6px;
    border: 2px solid #e4e4e4;
    box-shadow: 0px 0 3px #ddd;
    background: #ffffff;
}

.comments-area{padding: 10px 0;}
.media-heading{font-weight: bold; margin: 23px 0 5px; font-size: 13px;}
/*Comment List styles*/
.comment-list .row {
  margin-bottom: 0px;
}
.comment-list .panel .panel-heading {
  padding: 4px 15px;
  position: absolute;
  border:none;
  /*Panel-heading border radius*/
  border-top-right-radius:0px;
  top: 1px;
}
.comment-list .panel .panel-heading.right {
  border-right-width: 0px;
  /*Panel-heading border radius*/
  border-top-left-radius:0px;
  right: 16px;
}
.comment-list .panel .panel-heading .panel-body {
  padding-top: 6px;
}
.comment-list figcaption {
  /*For wrapping text in thumbnail*/
  word-wrap: break-word;
}
/* Portrait tablets and medium desktops */

.comment-list .panel-body p{
    text-align: right;
    border: none;
    padding: 15px;
}
.comment-list .panel-body{padding: 0;}
@media (min-width: 768px) {
  .comment-list .arrow:after, .comment-list .arrow:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
  }
  .comment-list .panel.arrow.left:after, .comment-list .panel.arrow.left:before {
    border-left: 0;
  }
  /*****Left Arrow*****/
  /*Outline effect style*/
  .comment-list .panel.arrow.left:before {
    left: 0px;
    top: 30px;
    /*Use boarder color of panel*/
    border-right-color: inherit;
    border-width: 16px;
  }
  /*Background color effect*/
  .comment-list .panel.arrow.left:after {
    left: 1px;
    top: 31px;
    /*Change for different outline color*/
    border-right-color: #FFFFFF;
    border-width: 15px;
  }
  /*****Right Arrow*****/
  /*Outline effect style*/
  .comment-list .panel.arrow.right:before {
    right: -16px;
    top: 21px;
    /*Use boarder color of panel*/
    border-left-color: inherit;
    border-width: 16px;
  }
  /*Background color effect*/
  .comment-list .panel.arrow.right:after {
    right: -14px;
    top: 22px;
    /*Change for different outline color*/
    border-left-color: #FFFFFF;
    border-width: 15px;
  }
}
.comment-list .comment-post {
  margin-top: 6px;
}
.thumbnail{border: 0;}
.download-page h1{text-align: center; margin: 20px 0; border-bottom: 4px double #bbb; padding-bottom: 20px;}
.download-page h3{margin: 0;display: inline-block; font-size: 20px;}
.download-page .center{text-align: center;}
.btn-gold{background-color: #dad412; border-color: #b7b207; color: #fff;}
.btn-gold:hover, .btn-gold:focus, .btn-gold:active, .btn-gold.active, .open .dropdown-toggle.btn-gold{
    background-color: #b7b207; border-color: #dad412;
}
.download-page table i{margin-left: 5px;}
.download-page #bot-btn .btn{width: 100%;}
.download-page .fa-check{color: green;}
.download-page .fa-times{color: red;}
.download-page table .btn-gr{background: gray; color: #fff;}
.download-page .alert-warning i{margin-left: 5px;}
.big-lead {
        font-size: 20px;
      }
.lead{margin: 10px 0;}
      .price-panel,
      .price-panel > .panel-heading {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
      }

      .price-panel:hover {
        box-shadow: 0 0 30px rgba(0,0,0, .2);
      }
      .price-panel:hover > .panel-heading {
        box-shadow: 0 0 30px rgba(0,0,0, .2) inset;
      }

      .price-panel > .panel-heading {
        color: white;
        border-radius: 0;
        box-shadow: 0 5px 0 rgba(50,50,50, .2) inset;
      }
      .price-panel > .panel-body {
        color: white;
      }
      .price-panel > .list-group {
        font-weight: 600;
      }
      .price-panel > .panel-footer {
        box-shadow: 0 3px 0 rgba(0,0,0, .3);
      }

      .panel-grey > .panel-heading {
        background-color: #6d6d6d;
        border-color: #b7b7b7;
      }
      .panel-grey > .panel-body {
        background-color: #808080;
      }

      .panel-blue > .panel-heading {
        background-color: #608bb4;
        border-color: #78aee1;
      }
      .panel-blue > .panel-body {
        background-color: #73a3d4;
      }
      .panel-gold > .panel-heading {
        background-color: #b7b207;
        border-color: #dad412;
      }
      .panel-gold > .panel-body {
        background-color: #d6d24b;
      }
      .panel-green > .panel-heading {
        background-color: #57ac57;
        border-color: #71df71;
      }
      .panel-green > .panel-body {
        background-color: #65c965;
      }

      .panel-red > .panel-heading {
        background-color: #d04e50;
        border-color: #ff6062;
      }
      .panel-red > .panel-body {
        background-color: #ef5a5c;
      }

@media (max-width: 991px) {
  .top-nav-thing #top_nav_menu{width: 720px;}
  .categories-menu-link{font-size: 12px;}
  .categories-menu-link i{display: none;}
.navigation ul ul{
        top: 0;
        right: 0;
        display: inline-block;
        width: 100% !important;
    }
    .navbar-nav > li > a{min-width: 65px !important;}

}
.scroll-back-to-top-wrapper.show{bottom: 50px;}
.telegram-f{
    background: rgb(34, 156, 215);
    border-radius: 3px;
    padding: 8px 10px 6px;
    font-size: 13px;
    z-index: 99999;
    color: #fff;
    position: fixed;
    right: 10px;
    bottom: 10px;
}
.telegram-f i{
    margin-left: 5px;
    padding-left: 7px;
    border-left: 2px solid #fff;
}

.instagram-f{
    background: #e16b62;
    border-radius: 3px;
    padding: 8px 10px 6px;
    font-size: 13px;
    z-index: 99999;
    color: #fff;
    position: fixed;
    left: 10px;
    bottom: 10px;
}
.instagram-f i{
    margin-left: 5px;
    padding-left: 7px;
    border-left: 2px solid #fff;
}

.us-pro{border: none; background: none; font-size: 13px;}
.us-pro img{width: 30px; height: 30px; margin-left: 5px;}
.us-pro .dropdown-menu{background: none; top: 45px !important; box-shadow: none; border: none;}
.us-pro .dropdown-menu ul li{float: none !important; text-align: right;}
.us-pro .dropdown-menu ul li i{float: right !important; margin-left: 3px;}
.us-pro .dropdown-menu.dark .dropdown-anchor, .dropdown-menu.dark .dropdown-anchor::after{display: none;}
.us-pro .dropdown-menu ul li>a:not(.grey):hover, .dropdown-menu ul li>a:hover, .dropdown-menu ul li label:not(.grey):hover, .dropdown-menu ul li label:hover{
  background-color: #efefef;
  border-radius: 0;
}
.support-c .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th{text-align: right;}


input[type="checkbox"], input[type="radio"]{
	position: absolute;
	left: 9000px;
}

/*Check box*/
input[type="checkbox"] + .label-text:before{
	content: "\f096";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

input[type="checkbox"]:checked + .label-text:before{
	content: "\f14a";
	color: #28bb66;
	animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}

input[type="checkbox"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}
.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f078";
    float: left;
}
.accordion-opened .accordion-toggle:after {
    content: "\f054";
}
/***************WooCommerce****************/
.account-content #rcp-account-overview{box-shadow: none;display: none !important}
.account-content #rcp-payment-history{box-shadow: none; margin-top: 20px}
.upload_pic{
    position: relative;
    overflow: hidden;
    margin: 10px;
    background: #eee;
    color: #87759a;
    font-weight: normal;
    border: 1px solid #ddd;
}
.upload_pic label{
  font-size: 13px;
padding: 0 10px;
height: 20px;
font-weight: normal;
}
#uploadFileURL{
  height: 31px;
    margin-top: 1px;
    position: absolute;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 0 10px;
    font-size: 11px;
    display: none;
}
.upload_pic #profilepicture {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.top_account .membership_days{
  background: #fc8675;
  box-shadow: 0 0 5px rgba(0,0,0,.05);
  min-height: 20px;
  margin-left: 5px;
  padding: 20px 15px;
}
.top_account .membership_days i{
  float: right;
border-radius: 100%;
padding: 13px 15px;
font-size: 25px;
color: #ffffff;
margin-top: 14px;
box-shadow: inset 0 0 5px #000;
background-color: #d66656 !important;
-webkit-animation: amber-pulse 2s infinite!important;
animation: amber-pulse 2s;
}
.top_account .membership_days p{
  margin-bottom: 0;
    margin-right: 70px;
    font-size: 16px;
    color: #fff;
    text-shadow: 0 0 5px #a94d3f;
}
.top_account .membership_days h3{margin-right: 60px; color: #fff; font-weight: bold; text-shadow: 0 0 5px #a94d3f;}
.top_account .data_volume{
  background: #c076ff;
  box-shadow: 0 0 5px rgba(0,0,0,.05);
  min-height: 20px;
  margin: 0 5px;
  padding: 20px 15px;
}
.top_account .data_volume h3{margin-right: 60px; color: #fff; font-weight: bold; text-shadow: 0 0 5px #9149ce;}
.top_account .data_volume p{
  margin-bottom: 0;
    margin-right: 70px;
    font-size: 16px;
    color: #fff;
    text-shadow: 0 0 5px #9149ce;
}
.top_account .data_volume i{
  float: right;
  border-radius: 100%;
  padding: 13px 15px;
  font-size: 25px;
  color: #ffffff;
  margin-top: 14px;
  box-shadow: inset 0 0 5px #000;
  background-color: #9149ce !important;
  -webkit-animation: amber-pulse 2s infinite!important;
  animation: amber-pulse 2s;
}
.top_account .end_membership{
  background: #65cea7;
  box-shadow: 0 0 5px rgba(0,0,0,.05);
  min-height: 20px;
  margin-right: 5px;
  padding: 20px 15px;
}
.top_account .end_membership h3{margin-right: 60px; color: #fff; font-weight: bold; text-shadow: 0 0 5px #3ba07b;}
.top_account .end_membership p{
  margin-bottom: 0;
    margin-right: 70px;
    font-size: 16px;
    color: #fff;
    text-shadow: 0 0 5px #3ba07b;
}
.top_account .end_membership i{
  float: right;
      border-radius: 100%;
      padding: 13px 15px;
      font-size: 25px;
      color: #ffffff;
      margin-top: 14px;
      box-shadow: inset 0 0 5px #000;
      background-color: #3ea57e !important;
      -webkit-animation: amber-pulse 2s infinite!important;
      animation: amber-pulse 2s;
}
.woocommerce .avatar_show{
  background: linear-gradient(95deg,#5cbcf9,#7da7fd);
  margin-bottom: 10px;
  box-shadow: 0 0px 10px #c7c7c7;
  min-height: 170px;
  overflow: hidden;
  padding-top: 25px !important;
  }
.woocommerce .avatar_show img{
  width: 130px;
      height: 130px;
      margin: 10px auto 20px;
      padding: 5px;
      position: relative;
      line-height: 120px;
      border-radius: 65px;
      background-color: rgba(0,0,0,.05);
}
.woocommerce .avatar_show .name_show{text-align: center; color: #fff; margin-top: 10px;}
.woocommerce .avatar_show .foot_avatar_show{background: #3c6075; width: 100%; margin-bottom: 0;}
.woocommerce .avatar_show .foot_avatar_show a{
  width: 50%;
  padding: 0 10px;
  display: block;
  float: right;
  text-align: center;
  font-size: 12px;
  line-height: 50px;
  color: #fefefe;
  background: #3c6075;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}
.woocommerce .avatar_show .foot_avatar_show a:hover{background: #395b6f;}
.woocommerce .avatar_show .active_show{
  background-image: url('../images/left_tangle.png');
  min-width: 75px;
    height: 75px;
    padding: 0 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    color: #fff;
    font-weight: bold;
    text-align: left;
    line-height: 50px;
        background-size: cover;
}
.woocommerce .login_form_btn_reg{
  background: #e16b62 !important;
    width: 100%;
    height: 40px;
    margin-top: 15px;
}
.woocommerce .login_form_btn_reg:hover{background: #ec7d74 !important;}
.woocommerce .login_form_btn_reg i{
  float: right;
background: #ca5950;
padding: 13px;
margin: -12px -14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.woocommerce .faq_reg{margin: 15px 0;}
.woocommerce #customer_login{
  background: #fff;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.woocommerce #customer_login h2{
  font-size: 20px;
  padding-bottom: 15px;
  padding-top: 3px;
  text-align: center;
  border-radius: 0;
  width: 100%;
  margin: 15px auto 5px auto;
  border-bottom: 1px solid #ddd;
}
.woocommerce-Button{
  color: #ffffff !important;
background-color: #5cb85c !important;
font-weight: normal !important;
float: left !important;
}
.woocommerce-Button:hover{
  background: #398439 !important;
}
.personal_info{margin: 0}
.woocommerce .info_heading i{margin-left: 5px;}
.woocommerce .info_heading{
  width: 100%;
  text-align: right;
  margin: 10px 0;
}
.woocommerce .info_heading h3{
  margin: 0;
  font-size: 15px;
  width: 100%;
}
.woocommerce label{display: block !important; }
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
  border: none !important;
  margin-top: -10px !important;
  margin-bottom: 0;
}
.woocommerce form .form-row-thirds{display: inline-block; width: 100%;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
  border: 1px solid #eee;
border-radius: 5px;
padding: 10px;
font-size: 13px;
background: #eee;
}
.woocommerce-MyAccount-navigation{
  border: 1px solid #ececec;
background-color: #fff;
box-shadow: 0 0 5px rgba(0,0,0,.05);
padding: 0;
display: inline-block;
width: 100%;
}
.woocommerce-MyAccount-navigation ul{list-style: none; padding: 5px;}
.woocommerce-MyAccount-navigation ul li a{
  padding: 10px;
      display: inline-block;
      width: 100%;
}
.woocommerce-MyAccount-navigation ul li a:hover{color: #6aa0ff}
.woocommerce-MyAccount-navigation .is-active{background: #fdfdfd;}
.woocommerce-MyAccount-navigation .is-active a{color: #b72f8c !important;}
.woocommerce-MyAccount-navigation .is-active a:before{
  background-color: #b72f8c !important;
    -webkit-animation: amber-pulse 2s infinite!important;
    animation: amber-pulse 2s infinite!important;
      color: #fff;
      border-radius: 100%;
      width: 30px;
      height: 30px;
      padding-top: 2px;
}
.woocommerce-MyAccount-navigation > .is-active:before{
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid green;
}
.woocommerce-MyAccount-navigation ul li:last-child a{border-bottom: 0;}

.woocommerce-MyAccount-navigation-link--dashboard a:before{
  font-family: "FontAwesome";
  content: '\f0e4';
  font-size: 19px;
  float: right;
  margin-left: 7px;
  width: 18px;
  text-align: center;
  font-size: 16px;
float: right;
margin-left: 7px;
width: 18px;
text-align: center;
background: #cbcbce;
color: #fff;
border-radius: 100%;
width: 30px;
height: 30px;
padding-top: 3px;
}

.woocommerce-MyAccount-navigation-link--orders a:before{
  font-family: "FontAwesome";
  content: '\f291';
  font-size: 18px;
  float: right;
  margin-left: 7px;
  width: 18px;
  text-align: center;
  font-size: 16px;
float: right;
margin-left: 7px;
width: 18px;
text-align: center;
background: #cbcbce;
color: #fff;
border-radius: 100%;
width: 30px;
height: 30px;
padding-top: 3px;
}

.woocommerce-MyAccount-navigation-link--downloads a:before{
  font-family: "FontAwesome";
  content: '\f019';
  font-size: 19px;
  float: right;
  margin-left: 7px;
  width: 18px;
  text-align: center;
  font-size: 16px;
float: right;
margin-left: 7px;
width: 18px;
text-align: center;
background: #cbcbce;
color: #fff;
border-radius: 100%;
width: 30px;
height: 30px;
padding-top: 3px;
}

.woocommerce-MyAccount-navigation-link--edit-address a:before{
  font-family: "FontAwesome";
  content: '\f041';
  font-size: 19px;
  float: right;
  margin-left: 7px;
  width: 18px;
  text-align: center;
  font-size: 16px;
float: right;
margin-left: 7px;
width: 18px;
text-align: center;
background: #cbcbce;
color: #fff;
border-radius: 100%;
width: 30px;
height: 30px;
padding-top: 3px;
}

.woocommerce-MyAccount-navigation-link--edit-account a:before{
  font-family: "FontAwesome";
  content: '\f013';
  font-size: 19px;
  float: right;
  margin-left: 7px;
  width: 18px;
  text-align: center;
  font-size: 16px;
  float: right;
  margin-left: 7px;
  width: 18px;
  text-align: center;
  background: #cbcbce;
  color: #fff;
border-radius: 100%;
width: 30px;
height: 30px;
padding-top: 3px;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:before{
  font-family: "FontAwesome";
  content: '\f08b';
  font-size: 19px;
  float: right;
  margin-left: 7px;
  width: 18px;
  text-align: center;
  font-size: 16px;
float: right;
margin-left: 7px;
width: 18px;
text-align: center;
background: #cbcbce;
color: #fff;
border-radius: 100%;
width: 30px;
height: 30px;
padding-top: 3px;
}

.woocommerce-MyAccount-navigation-link--learns a:before{
  font-family: "FontAwesome";
  content: '\f04b';
  font-size: 19px;
  float: right;
  margin-left: 7px;
  width: 18px;
  text-align: center;
  font-size: 16px;
float: right;
margin-left: 7px;
width: 18px;
text-align: center;
background: #cbcbce;
color: #fff;
border-radius: 100%;
width: 30px;
height: 30px;
padding-top: 3px;
}

.woocommerce-MyAccount-navigation-link--tickets a:before{
  font-family: "FontAwesome";
  content: '\f1cd';
  font-size: 19px;
  float: right;
  margin-left: 7px;
  width: 18px;
  text-align: center;
  font-size: 16px;
float: right;
margin-left: 7px;
width: 18px;
text-align: center;
background: #cbcbce;
color: #fff;
border-radius: 100%;
width: 30px;
height: 30px;
padding-top: 3px;
}

.woocommerce-MyAccount-navigation-link--request a:before{
  font-family: "FontAwesome";
  content: '\f1e9';
  font-size: 19px;
  float: right;
  margin-left: 7px;
  width: 18px;
  text-align: center;
  font-size: 16px;
float: right;
margin-left: 7px;
width: 18px;
text-align: center;
background: #cbcbce;
color: #fff;
border-radius: 100%;
width: 30px;
height: 30px;
padding-top: 3px;
}
@-webkit-keyframes blue-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(106, 160, 255, .4)
    }
    70% {
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

@keyframes blue-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(106, 160, 255, .4)
    }
    70% {
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}
@-webkit-keyframes amber-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(183, 47, 140, .4)
    }
    70% {
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

@-webkit-keyframes indigo-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(109, 74, 231, .4)
    }
    70% {
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

@keyframes indigo-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(109, 74, 231, .4)
    }
    70% {
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

@keyframes amber-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(183, 47, 140, .4)
    }
    70% {
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

@-webkit-keyframes red-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(240, 95, 92, .4)
    }
    70% {
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

@keyframes red-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(240, 95, 92, .4)
    }
    70% {
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

.woocommerce-MyAccount-navigation li:hover a:before{
  background: #6aa0ff !important;
    color: #fff !important;
    background-color: #6aa0ff;
    -webkit-animation: blue-pulse 2s infinite;
    animation: blue-pulse 2s infinite;
  }
.woocommerce-MyAccount-navigation img{width: 100%; height: 200px;}
.woocommerce-MyAccount-content{padding-left: 0;}
.woocommerce-MyAccount-content .account-content{
  border: 1px solid #ececec;
  display: inline-block;
  width: 100%;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.05);
    padding: 10px;
}
.woocommerce-MyAccount-content input{
  border: 1px solid #eee;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.woocommerce-MyAccount-content legend{
  font-size: 17px;
padding-bottom: 10px;
padding-top: 15px;
margin-top: 20px;
}

.woocommerce-MyAccount-content table{
  box-shadow: 0 0 10px #f3f3f3;
}

.woocommerce-MyAccount-content h2{font-size: 16px; margin-bottom: 10px;}
.woocommerce-MyAccount-content h3{font-size: 16px; margin-bottom: 10px;}
.woocommerce-MyAccount-content .woocommerce-Address{position: relative;
  border: 1px solid #ececec;
      background-color: #fff;
      border-radius: 4px;
      box-shadow: 0 0 10px #f3f3f3;
      padding: 0 10px;
}
.woocommerce-MyAccount-content .woocommerce-Address h3{margin-top: 10px;
  border-bottom: 1px solid #efefef;
      padding-bottom: 15px;
}
.woocommerce-MyAccount-content .woocommerce-Address .edit{
  position: absolute;
      left: 10px;
      top: 10px;
      font-size: 12px;
}

.woocommerce-MyAccount-content .woocommerce-Address .edit:before{
  font-family: "FontAwesome";
  content: "\f044";
  margin-left: 5px;
}


.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
margin: 10px 0;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
width: 100%;
margin-top: 10px;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}


.rcp_restricted.rcp_paid_only{
  display: none !important;
}


.rcp_gateway_option_input[type=checkbox]:checked .rcp_form .rcp_gateway_option_label {
  background: red !important;
}

@media (max-width: 768px) {
.top_account .end_membership, .top_account .data_volume, .top_account .membership_days{margin: 0;}
.account-content #rcp-payment-history{display: grid;}
#rcp_registration_form ul{display: inline-grid !important}
.woocommerce-MyAccount-content {
    padding: 0;
    margin: 10px 0;
}
}


#comments{padding:15px;}
#comments .comment-date{float:left !important;background-color: transparent;}
#comments .media-heading{float:right;}
#comments .comment-list .panel.arrow.right::before,.comment-list .panel.arrow.right::after{display:none !important;}
#comments .comment-list .panel.arrow.right{box-shadow:unset !important;border:unset !important;background: transparent !important;margin:0 !important;}
#comments li.comment{background:#e6e6e6;border-radius:12px;padding:20px 10px 10px 10px;}
#comments .comment-list .panel-body p {padding: 0 !important;}
#comments .comment-reply-link {border: unset;background: transparent;}
#comments .comment_ahutor_name{float:right;font-size:16px;color:#4a69bd;}
#comments .comment_ahutor_name a{font-size:16px;color:#4a69bd;}
#comments .children{padding:0 !important;}
#comments .children li{background:#fff !important;border-radius:12px;}
#comments .comment-post .list-inline{margin-left:0 !important;margin-top:10px !important;}
#comments .comment-date::before {
    font-family: FontAwesome;font-size: 17px;
    content: "\f017";
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;

}
#comment{width:100%;margin-right:0;border-radius:20px;padding:20px;}
.comment-form-url{display:none;}
.comment-form-author{width:49%;float:right;}
.comment-form-email{width:49%;float:left;}
#email,#author{width:100%;background:transparent;border-radius:20px;padding-right:10px;}
.anr_captcha_field{clear:both;margin-bottom:10px;}
#commentform #submit{border-radius:30px;}
.comment-respond{padding:0;}
#reply-title,.logged-in-as,.comment-notes{display:none;}

/* ===== Account Status × Leecher Box (RTL) — refined v2 ===== */
.account-status-leech {
  direction: rtl;
  unicode-bidi: embed;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  font-family: 'IRANSansWeb', Tahoma, sans-serif;
  margin-bottom: 12px; /* فاصله از باکس بعدی */
}

/* هر سکشن: فلکس ستونی + فاصله‌های یکنواخت */
.account-status-leech .asl-section {
  display: flex;
  flex-direction: column;
  gap: .45rem;                 /* فاصله بین عناصر داخلی */
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 14px;
  background: #fafafa;
}

/* هدر: آیکن ظریف‌تر + رنگ ملایم */
.account-status-leech .asl-header {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 0;                   /* کنترل فاصله با gap سکشن */
  color: #111827;
}
.account-status-leech .asl-header i {
  font-size: 16px;             /* کوچکتر و ظریف‌تر */
  color: #6b7280;              /* gray-500 */
}
.account-status-leech .asl-header h3 {
  margin: 0;
  font-size: 14.5px;
  font-weight: 700;
  color: #374151;              /* gray-700 */
  letter-spacing: .1px;
}

/* Badge وضعیت: ریزتر + فاصله‌ی امن از عنوان (پایین‌تر بیاد) */
.asl-badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .22rem .55rem;
  border-radius: 9999px;
  font-size: 12.5px;
  font-weight: 600;
  border: 1px solid transparent;
  margin: .6rem 0 0;           /* فاصله بیشتر از هدر */
  width: auto;                  /* هرگز تمام‌عرض نشود */
}
.asl-badge--active  { background: #f0fdf4; color: #166534; border-color: #bbf7d0; }
.asl-badge--pending { background: #fffbeb; color: #92400e; border-color: #fde68a; }
.asl-badge--expired { background: #fef2f2; color: #991b1b; border-color: #fecaca; }
.asl-badge--unknown { background: #f3f4f6; color: #374151; border-color: #e5e7eb; }

/* اگر این سکشن فقط وضعیت است: کمی فشرده‌تر و مینیمال */
.account-status-leech .asl-section.asl-status-only {
  background: #fcfcfc;
  border-color: #e6e7eb;
  padding: 12px 14px;
}

/* متای وضعیت (در نسخه مینیمال مخفیه؛ نگه‌داری عمومی) */
.asl-meta { display: grid; gap: .25rem; }
.asl-meta-label { color: #6b7280; font-size: 12.75px; }
.asl-meta-value { color: #111827; font-weight: 600; }

/* بخش لیچر: شبکه خوانا */
.asl-quota-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .4rem .8rem;
  margin: .2rem 0 .4rem;       /* کمی جمع‌وجورتر */
}
.asl-qitem { display: flex; align-items: baseline; gap: .4rem; }

/* --- برعکس‌سازی ضخامت‌ها: برچسب‌ها بولد، مقادیر غیر بولد --- */
.asl-qitem .asl-qlabel {
  color: #374151;               /* کمی تیره‌تر برای تاکید برچسب */
  font-size: 12.5px;
  font-weight: 700;             /* BOLD */
}
.asl-qitem .asl-qvalue {
  color: #111827;
  font-weight: 400;             /* NOT bold */
  font-size: 12.75px;
}
.asl-qitem--remain .asl-qvalue {
  color: #059669;               /* باقی‌مانده برجسته اما غیر بولد */
  font-weight: 400;
}

/* Progress: بار نازک و نرم */
.asl-progress {
  height: 6px;
  background: #e5e7eb;
  border-radius: 9999px;
  overflow: hidden;
}
.asl-progress .asl-progress-bar {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #10b981, #34d399);
  border-radius: 9999px;
  width: 0%;
  transition: width .3s ease;
}

/* پیام بدون خرید حجم */
.asl-hint {
  margin-top: .2rem;
  font-size: 12.5px;
  color: #6b7280;
}

/* ریسپانسیو */
@media (max-width: 768px) {
  .account-status-leech { grid-template-columns: 1fr; }
}

/* Patch: جلوگیری از تمام‌عرض شدن بج توسط استایل‌های دیگر */
.account-status-leech .asl-section.asl-status-only .asl-badge {
  display: inline-flex !important;
  width: auto !important;
  align-self: flex-start;
}


/* --- RCP Sidebar Status (Modern UI) --- */
.rcp-sidebar-card .rcp-sidebar-status{
  padding: 2px 2px 10px;
}

.rcp-status-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 8px;
}

.rcp-status-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.06);
}

.rcp-status-label{
  font-size: 12px;
  color: rgba(0,0,0,.60);
  line-height: 1.6;
  white-space: nowrap;
}

.rcp-status-value{
  font-size: 13px;
  font-weight: 600;
  color: rgba(0,0,0,.85);
  line-height: 1.6;
  text-align: left;
  direction: ltr;
  unicode-bidi: plaintext;
}

.rcp-status-strong{
  font-size: 14px;
  letter-spacing: .2px;
}

/* Badge */
.rcp-status-pill-wrap{
  background: rgba(0,0,0,.02);
}

.rcp-status-pill{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid rgba(0,0,0,.08);
}

.rcp-status-pill--active{
  background: rgba(25, 135, 84, .12);
  border-color: rgba(25, 135, 84, .20);
  color: rgba(25, 135, 84, 1);
}

/* Gold callout */
.rcp-gold-callout{
  margin-top: 12px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.02);
}

.rcp-gold-text{
  font-size: 12.5px;
  line-height: 1.9;
  color: rgba(0,0,0,.72);
  margin-bottom: 10px;
}

/* Button (modern) */
.rcp-gold-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.06);
  color: rgba(0,0,0,.88) !important;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}

.rcp-gold-btn:hover{
  transform: translateY(-1px);
  background: rgba(0,0,0,.08);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
}

.rcp-gold-btn i{
  font-size: 14px;
}

/* =========================
   INVERT DARK MODE (FIXED v2)
   ========================= */

/* 1) Light default */
html, body{
  background: #f3f3f3 !important;
}

/* 2) Dark base background (قوی‌تر برای اینکه هیچ CSS دیگه‌ای نتونه سفیدش کنه) */
html.dark-invert,
html.dark-invert body{
  background: #0f1115 !important;
}

/* 3) Wrapper */
.theme-invert-wrap{
  min-height: 100vh;
  background: transparent; /* در حالت روشن مشکلی نیست */
}

/*
  نکته مهم:
  چون خود wrapper invert می‌شود، بکگراندِ قبل از invert باید روشن باشد
  تا بعد از invert تیره شود.
*/
html.dark-invert .theme-invert-wrap{
  /* بکگراند روشن قبل از invert => بعد از invert تیره دیده می‌شود */
  background: #f3f3f3 !important;

  /* خود فیلتر */
  filter: invert(1) hue-rotate(180deg) brightness(1.06) contrast(0.94);
}

/* 4) برگرداندن تصاویر/ویدئو/iframe/... تا طبیعی بمانند */
html.dark-invert .theme-invert-wrap img,
html.dark-invert .theme-invert-wrap video,
html.dark-invert .theme-invert-wrap iframe,
html.dark-invert .theme-invert-wrap svg,
html.dark-invert .theme-invert-wrap canvas{
  filter: invert(1) hue-rotate(180deg) brightness(0.94) contrast(1.02) !important;
}

/* 5) سایه‌ها در دارک (چون invert داریم، این مقادیر بعد از invert خوب دیده می‌شوند) */
html.dark-invert .theme-invert-wrap .boxes_shadows,
html.dark-invert .theme-invert-wrap .post,
html.dark-invert .theme-invert-wrap .sidebar,
html.dark-invert .theme-invert-wrap .comment-sec{
  box-shadow: 0 12px 26px rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(0,0,0,0.35) !important;
}

/* 6) بعضی سکشن‌ها اگر سفیدِ سنگین دارند، خنثی شوند */
html.dark-invert .theme-invert-wrap .main,
html.dark-invert .theme-invert-wrap .container,
html.dark-invert .theme-invert-wrap .row{
  background: transparent !important;
}

/* =========================
   Fix: Login/Register buttons look broken in dark
   (undo invert فقط برای بخش دکمه‌ها)
   ========================= */

/* این‌ها را دوباره invert می‌کنیم تا مثل حالت اصلی دیده شوند */
html.dark-invert .theme-invert-wrap .btn-group-or,
html.dark-invert .theme-invert-wrap .btn-group-or *{
  filter: invert(1) hue-rotate(180deg) brightness(0.94) contrast(1.02) !important;
}

/* اگر کلاس‌های اختصاصی دکمه‌ها داری، مطمئن شو روی خود دکمه هم اعمال میشه */
html.dark-invert .theme-invert-wrap .register_t,
html.dark-invert .theme-invert-wrap .login_t{
  filter: invert(1) hue-rotate(180deg) brightness(0.94) contrast(1.02) !important;
}

/* =========================
   Floating Toggle Button
   ========================= */
#themeFloatToggle{
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 999999;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.92);
  color: #111;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(0,0,0,0.16);
  user-select: none;
  text-decoration: none !important;
}

#themeFloatToggle i{
  font-size: 16px;
}

html.dark-invert #themeFloatToggle{
  background: rgba(20,22,28,0.92);
  border-color: rgba(255,255,255,0.14);
  color: #f1f1f1;
  box-shadow: 0 14px 30px rgba(0,0,0,0.45);
}

#themeFloatToggle:hover{
  transform: translateY(-1px);
}


/* Telegram Floating Button */
#telegramFloatBtn{
  position: fixed !important;
  right: 16px !important;
  bottom: 16px !important;
  z-index: 999998;
  text-decoration: none !important;
}

/* اگر می‌خوای بالاتر از پایین باشه (مثلاً تداخل با چیز دیگه نداشته باشه) */
/* #telegramFloatBtn{ bottom: 70px !important; } */

#telegramFloatBtn .telegram-f{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.92);
  color: #111;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(0,0,0,0.16);
  user-select: none;
  transition: transform 0.15s ease;
}

#telegramFloatBtn:hover .telegram-f{
  transform: translateY(-1px);
}

/* دارک */
html.dark-invert #telegramFloatBtn .telegram-f{
  background: rgba(20,22,28,0.92);
  border-color: rgba(255,255,255,0.14);
  color: #f1f1f1;
  box-shadow: 0 14px 30px rgba(0,0,0,0.45);
}
.telegram-f{ position: static !important; }
#telegramFloatBtn{
  position: fixed !important;
  right: 16px !important;
  bottom: 16px !important;
  z-index: 999998;
}

/* =========================================================
   ✅ TSVST Categories Drawer (Professional - Mobile + Desktop)
   - بدون وابستگی به Bootstrap/jQuery
   - زیرشاخه‌ها: آکاردئون واقعی (in-flow) + انیمیشن
   - آماده دسکتاپ (پنل عریض‌تر + hover بهتر)
   ========================================================= */

:root{
  --cat-bg: #ffffff;
  --cat-panel: linear-gradient(180deg, #ffffff, #fbfbfd);
  --cat-text: #1f2937;
  --cat-muted: #6b7280;
  --cat-border: rgba(17,24,39,.10);
  --cat-shadow: 0 18px 45px rgba(0,0,0,.22);
  --cat-accent: #22b15f;
  --cat-accent-2: #e16a62;
  --cat-radius: 14px;

  /* Desktop tuning */
  --cat-panel-max: 390px;     /* موبایل */
  --cat-panel-max-lg: 520px;  /* دسکتاپ */
}

/* ============ Toggle Button (Mobile + Desktop) ============ */
/* اگر می‌خوای فقط موبایل نمایش داده بشه، این display را برگردون به none
   و در media(max-width:991px) display:block بذار. */
.cat-toggle{
  display:block;
  width:100%;
  border:0;
  padding:12px 14px;
  border-radius: var(--cat-radius);
  cursor:pointer;
  text-align:right;
  color:var(--cat-text);
  background:
    linear-gradient(135deg, rgba(34,177,95,.14), rgba(225,106,98,.10)),
    var(--cat-bg);
  box-shadow: 0 8px 20px rgba(0,0,0,.10);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  position: relative;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  user-select:none;
}

.cat-toggle:before{
  content:"";
  position:absolute;
  inset:-40px -60px auto auto;
  width:160px;
  height:160px;
  background: radial-gradient(circle at 30% 30%, rgba(34,177,95,.25), rgba(34,177,95,0));
  transform: rotate(18deg);
  pointer-events:none;
}
.cat-toggle:after{
  content:"";
  position:absolute;
  inset:auto -60px -50px auto;
  width:180px;
  height:180px;
  background: radial-gradient(circle at 30% 30%, rgba(225,106,98,.22), rgba(225,106,98,0));
  transform: rotate(-12deg);
  pointer-events:none;
}
.cat-toggle .cat-toggle__row{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:space-between;
  position:relative;
  z-index:1;
}
.cat-toggle .cat-toggle__left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.cat-toggle i{
  font-size:18px;
  color: var(--cat-accent);
}
.cat-toggle .cat-toggle__title{
  font-size:14px;
  font-weight:900;
  letter-spacing:-.2px;
  white-space:nowrap;
}
.cat-toggle .cat-toggle__sub{
  display:block;
  font-size:11px;
  color: var(--cat-muted);
  margin-top:2px;
  white-space:nowrap;
}
.cat-toggle .cat-toggle__chev{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.85);
  border: 1px solid var(--cat-border);
  color: var(--cat-text);
  flex:0 0 auto;
}

.cat-toggle:hover{ box-shadow: 0 10px 26px rgba(0,0,0,.14); }
.cat-toggle:active{ transform: translateY(1px); filter:saturate(1.05); }

/* دسکتاپ: دکمه شکیل‌تر و جمع‌وجورتر داخل هدر */
@media (min-width: 992px){
  .cat-toggle{
    margin-top: 8px;
    padding:10px 12px;
    border-radius: 14px;
  }
  .cat-toggle .cat-toggle__sub{
    display:none; /* دسکتاپ تمیزتر */
  }
  .cat-toggle .cat-toggle__chev{
    width:32px;
    height:32px;
    border-radius:12px;
  }
}

/* موبایل: فاصله بهتر */
@media (max-width: 991px){
  .cat-toggle{ margin-top:10px; }
}

/* ============ Drawer Shell ============ */
.cat-drawer{
  position:fixed;
  inset:0;
  z-index:999999;
  /* جلوگیری از تداخل با کلیک‌های پشت */
  pointer-events:none;
}
.cat-drawer.is-open{
  pointer-events:auto;
}

.cat-drawer__overlay{
  position:absolute;
  inset:0;
  background: rgba(3,7,18,.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  opacity:0;
  transition: opacity .2s ease;
}

.cat-drawer__panel{
  position:absolute;
  top:0;
  right:0; /* RTL */
  width: min(88vw, var(--cat-panel-max));
  height: 100%;
  background: var(--cat-panel);
  box-shadow: var(--cat-shadow);
  transform: translateX(110%);
  transition: transform .25s ease;
  padding: 14px 14px 18px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  border-left: 1px solid var(--cat-border);
}

/* دسکتاپ: پنل بزرگ‌تر */
@media (min-width: 992px){
  .cat-drawer__panel{
    width: min(520px, 36vw);
    max-width: var(--cat-panel-max-lg);
  }
}

/* Open states */
.cat-drawer.is-open .cat-drawer__overlay{ opacity:1; }
.cat-drawer.is-open .cat-drawer__panel{ transform:translateX(0); }

/* ============ Drawer Top Bar ============ */
.cat-drawer__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 6px 2px 10px;
  border-bottom: 1px solid var(--cat-border);
  position: sticky;
  top: 0;
  background: linear-gradient(180deg, #ffffff 72%, rgba(255,255,255,0));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 2;
}

.cat-drawer__title{
  font-size:15px;
  font-weight:900;
  color: var(--cat-text);
  letter-spacing:-.3px;
  margin:0;
}

.cat-drawer__close{
  width:40px;
  height:40px;
  border-radius: var(--cat-radius);
  border: 1px solid var(--cat-border);
  background: rgba(255,255,255,.9);
  cursor:pointer;
  display:grid;
  place-items:center;
  font-size:22px;
  line-height:1;
  color: var(--cat-text);
  transition: transform .12s ease, box-shadow .12s ease;
  -webkit-tap-highlight-color: transparent;
}
.cat-drawer__close:active{ transform: scale(.98); }

/* دسکتاپ hover */
@media (hover:hover) and (pointer:fine){
  .cat-drawer__close:hover{
    box-shadow: 0 10px 22px rgba(0,0,0,.12);
  }
}

/* ============ Search ============ */
.cat-drawer__search{
  margin: 10px 0 12px;
  position: relative;
}
.cat-drawer__search input{
  width:100%;
  border-radius: var(--cat-radius);
  border: 1px solid var(--cat-border);
  background:#fff;
  padding: 11px 12px 11px 40px;
  outline:none;
  font-size:13px;
  color: var(--cat-text);
}
.cat-drawer__search input::placeholder{ color: rgba(107,114,128,.85); }
.cat-drawer__search i{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  color: var(--cat-muted);
  font-size:14px;
  pointer-events:none;
}

/* focus ring شیک */
.cat-drawer__search input:focus{
  border-color: rgba(34,177,95,.35);
  box-shadow: 0 0 0 4px rgba(34,177,95,.12);
}

/* ============ Menu Base ============ */
.cat-menu,
.cat-menu ul{ list-style:none; margin:0; padding:0; }

.cat-menu{
  margin: 0;
  padding: 6px 0 0;
}

/* هر آیتم سطح اول */
.cat-menu > li{
  border-bottom: 1px solid var(--cat-border);
  padding: 6px 0;
}

/* row container: link + toggle (+ optional go link) */
.cat-row{
  display:flex;
  align-items:center;
  gap:8px;
  padding: 6px 4px;
  flex-wrap: nowrap;
}

/* لینک سطح اول */
.cat-row > a{
  flex: 1 1 auto;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px 12px;
  border-radius: 14px;
  text-decoration:none;
  color: var(--cat-text);
  font-size:14px;
  font-weight:800;
  transition: background .12s ease, transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  min-width:0;
  -webkit-tap-highlight-color: transparent;

  /* premium card */
  background: rgba(255,255,255,.75);
  border: 1px solid var(--cat-border);
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
}

/* نقطه رنگی */
.cat-row > a:before{
  content:"";
  width:10px;
  height:10px;
  border-radius:4px;
  background: linear-gradient(135deg, var(--cat-accent), var(--cat-accent-2));
  box-shadow: 0 0 0 4px rgba(34,177,95,.10);
  flex:0 0 auto;
}

/* hover/active */
.cat-row > a:hover{
  background: rgba(34,177,95,.08);
  box-shadow: 0 8px 20px rgba(0,0,0,.10);
  border-color: rgba(34,177,95,.18);
}
.cat-row > a:active{ transform: translateY(1px); }

/* caret toggle */
.cat-sub-toggle{
  width:40px;
  height:40px;
  border-radius: 14px;
  border:1px solid var(--cat-border);
  background: rgba(255,255,255,.92);
  display:grid;
  place-items:center;
  cursor:pointer;
  flex: 0 0 40px;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease;
  -webkit-tap-highlight-color: transparent;
}
.cat-sub-toggle i{
  font-size:14px;
  color: var(--cat-muted);
  transition: transform .18s ease, color .18s ease;
}
.cat-sub-toggle:active{ transform: scale(.98); }

/* open state */
.cat-menu > li.is-open > .cat-row .cat-sub-toggle{
  background: rgba(34,177,95,.12);
  border-color: rgba(34,177,95,.22);
}
.cat-menu > li.is-open > .cat-row .cat-sub-toggle i{
  transform: rotate(180deg);
  color: var(--cat-accent);
}

/* دسکتاپ hover برای دکمه فلش */
@media (hover:hover) and (pointer:fine){
  .cat-sub-toggle:hover{
    box-shadow: 0 10px 22px rgba(0,0,0,.10);
    border-color: rgba(34,177,95,.18);
  }
}

/* دکمه کوچک "همه" کنار دسته‌های دارای زیرشاخه */
.cat-go{
  flex: 0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid var(--cat-border);
  background: rgba(255,255,255,.92);
  color: var(--cat-muted);
  text-decoration:none;
  font-size: 12px;
  font-weight: 800;
  line-height:1;
  white-space:nowrap;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.cat-go i{ font-size: 13px; }
.cat-go:active{ transform: translateY(1px); }
@media (hover:hover) and (pointer:fine){
  .cat-go:hover{
    box-shadow: 0 10px 22px rgba(0,0,0,.10);
    border-color: rgba(34,177,95,.18);
  }
}

/* ================= Submenu Accordion (in-flow) ================= */
.cat-menu ul.sub-menu{
  position: static !important;
  display: block !important;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0 10px 0 0; /* RTL */
  transition: max-height .25s ease, padding .25s ease, margin .25s ease;
  will-change: max-height;
}

/* open */
.cat-menu li.is-open > ul.sub-menu{
  max-height: 1400px;
  margin-top: 6px;
  padding-bottom: 6px;
}

/* submenu item */
.cat-menu ul.sub-menu > li{
  margin: 6px 0;
}

/* submenu links */
.cat-menu ul.sub-menu a{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 11px 12px;
  border-radius: 14px;
  text-decoration:none;
  color: #111827;
  font-size:13px;
  font-weight:750;
  background: rgba(17,24,39,.03);
  border: 1px solid var(--cat-border);
  transition: background .12s ease, transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  -webkit-tap-highlight-color: transparent;
}
.cat-menu ul.sub-menu a:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:3px;
  background: rgba(34,177,95,.55);
  flex:0 0 auto;
}
.cat-menu ul.sub-menu a:hover{
  background: rgba(34,177,95,.07);
  border-color: rgba(34,177,95,.16);
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
}
.cat-menu ul.sub-menu a:active{ transform: translateY(1px); }

/* level 3 */
.cat-menu ul.sub-menu ul.sub-menu{
  padding-right: 14px;
}
.cat-menu ul.sub-menu ul.sub-menu a{
  background: rgba(17,24,39,.02);
}

/* ============ Body Scroll Lock ============ */
body.no-scroll{ overflow:hidden; }

/* =========================================================
   ✅ Compatibility / Safety (برای خروجی WP و JS)
   - اگر به هر دلیل WP یک li بدون cat-row داشت، ظاهرش خراب نشه
   - اما با JS شما معمولاً cat-row همیشه ساخته میشه
   ========================================================= */
.cat-menu > li > a{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px 12px;
  margin: 6px 4px;
  border-radius: 14px;
  text-decoration:none;
  color: var(--cat-text);
  font-size:14px;
  font-weight:800;
  background: rgba(255,255,255,.75);
  border: 1px solid var(--cat-border);
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
}
.cat-menu > li > a:before{
  content:"";
  width:10px;
  height:10px;
  border-radius:4px;
  background: linear-gradient(135deg, var(--cat-accent), var(--cat-accent-2));
  box-shadow: 0 0 0 4px rgba(34,177,95,.10);
  flex:0 0 auto;
}

/* اگر JS دکمه را disabled گذاشت، مرتب باشد */
.cat-sub-toggle[disabled]{
  pointer-events:none;
  opacity:.35;
  background: rgba(255,255,255,.55);
}
.cat-sub-toggle[disabled] i{
  transform:none !important;
  color: rgba(107,114,128,.6);
}

/* =========================================================
   ✅ Dark mode (Drawer بیرون theme-invert-wrap است)
   ========================================================= */
html.dark-invert{
  --cat-bg: #111827;
  --cat-text: #f3f4f6;
  --cat-muted: #9ca3af;
  --cat-border: rgba(255,255,255,.10);
  --cat-shadow: 0 18px 45px rgba(0,0,0,.55);
}

/* دکمه */
html.dark-invert .cat-toggle{
  background:
    linear-gradient(135deg, rgba(34,177,95,.18), rgba(225,106,98,.14)),
    #0f172a;
  color: var(--cat-text);
  box-shadow: 0 10px 26px rgba(0,0,0,.35);
}
html.dark-invert .cat-toggle .cat-toggle__chev{
  background: rgba(255,255,255,.06);
  border-color: var(--cat-border);
  color: var(--cat-text);
}

/* overlay */
html.dark-invert .cat-drawer__overlay{
  background: rgba(0,0,0,.65);
}

/* panel */
html.dark-invert .cat-drawer__panel{
  background: linear-gradient(180deg, #0b1220, #0f172a);
  border-left-color: var(--cat-border);
  color: var(--cat-text);
}

/* top bar */
html.dark-invert .cat-drawer__top{
  border-bottom-color: var(--cat-border);
  background: linear-gradient(180deg, #0b1220 70%, rgba(11,18,32,0));
}

/* close */
html.dark-invert .cat-drawer__close{
  background: rgba(255,255,255,.06);
  border-color: var(--cat-border);
  color: var(--cat-text);
}

/* search */
html.dark-invert .cat-drawer__search input{
  background: rgba(255,255,255,.06);
  border-color: var(--cat-border);
  color: var(--cat-text);
}
html.dark-invert .cat-drawer__search input::placeholder{
  color: rgba(243,244,246,.55);
}
html.dark-invert .cat-drawer__search i{
  color: rgba(243,244,246,.55);
}

/* items */
html.dark-invert .cat-menu > li{
  border-bottom-color: var(--cat-border);
}
html.dark-invert .cat-row > a,
html.dark-invert .cat-menu > li > a{
  background: rgba(255,255,255,.05);
  border-color: var(--cat-border);
  color: var(--cat-text);
  box-shadow: none;
}
html.dark-invert .cat-row > a:hover,
html.dark-invert .cat-menu > li > a:hover{
  background: rgba(34,177,95,.12);
  border-color: rgba(34,177,95,.22);
}
html.dark-invert .cat-sub-toggle{
  background: rgba(255,255,255,.06);
  border-color: var(--cat-border);
}
html.dark-invert .cat-sub-toggle i{
  color: var(--cat-muted);
}
html.dark-invert .cat-menu > li.is-open > .cat-row .cat-sub-toggle{
  background: rgba(34,177,95,.16);
}

/* submenu */
html.dark-invert .cat-menu ul.sub-menu a{
  background: rgba(255,255,255,.04);
  border-color: var(--cat-border);
  color: var(--cat-text);
}
html.dark-invert .cat-menu ul.sub-menu a:hover{
  background: rgba(34,177,95,.10);
  border-color: rgba(34,177,95,.22);
}

/* go button */
html.dark-invert .cat-go{
  background: rgba(255,255,255,.06);
  border-color: var(--cat-border);
  color: rgba(243,244,246,.75);
}

/* =========================================================
   ✅ Optional: اگر هنوز منوی قدیمی بوتسترپ هست، تداخل نده
   (اگه حذفش کردی، این لازم نیست)
   ========================================================= */
.mobile_hiddes{ display:none !important; }

/* =========================================
   ✅ Header alignment fixes (Top box)
   ========================================= */

/* کانتینر دکمه داخل باکس بالا */
.top-nav-thing{
  display:flex;
  align-items:center;        /* ✅ وسط‌چین عمودی */
  justify-content:flex-end;
  min-height: 60px;          /* اگر باکس کوتاه/بلند شد، پایدار می‌مونه */
}

/* خود دکمه را وسط نگه می‌داریم و margin-top را از حالت قبلی حذف می‌کنیم */
.cat-toggle{
  margin-top: 0 !important;  /* ✅ مشکل پایین بودن */
  margin-bottom: 0 !important;
}

/* اگر هنوز padding کلاس p-m باعث میشه دکمه پایین بیاد، این کمک می‌کنه */
.top-nav-thing.p-m{
  padding-top: 10px;         /* می‌تونی 8 تا 12 تنظیم کنی */
  padding-bottom: 10px;
}

/* دسکتاپ: کمی ظریف‌تر */
@media (min-width: 992px){
  .top-nav-thing{ min-height: 34px; }
}

/* =========================================
   ✅ Site icon in category toggle button
   ========================================= */
.cat-toggle__brand{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  overflow:hidden;
  flex: 0 0 34px;

  background: rgba(255,255,255,.85);
  border: 1px solid var(--cat-border);
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
}

.cat-toggle__brand img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}

/* دسکتاپ کمی شکیل‌تر */
@media (min-width: 992px){
  .cat-toggle__brand{
    width: 32px;
    height: 32px;
    border-radius: 12px;
    flex-basis: 32px;
  }
}

/* دارک مود */
html.dark-invert .cat-toggle__brand{
  background: rgba(255,255,255,.06);
  border-color: var(--cat-border);
  box-shadow: 0 12px 24px rgba(0,0,0,.35);
}

/* ==========================
   ✅ Desktop/Mobile Category Button - Final
   ========================== */

.cat-toggle{
  width: 100%;
  border:0;
  padding: 12px 16px;
  border-radius: 16px;
  cursor:pointer;
  text-align:right;
  color: var(--cat-text);
  background:
    linear-gradient(135deg, rgba(34,177,95,.16), rgba(225,106,98,.12)),
    var(--cat-bg);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  position: relative;
  overflow:hidden;
  -webkit-tap-highlight-color: transparent;
}

/* ✅ row layout */
.cat-toggle__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

/* ✅ left side grows */
.cat-toggle__left{
  display:flex;
  align-items:center;
  gap:12px;
  flex:1 1 auto;
  min-width:0;
}

/* ✅ Bigger icon */
.cat-toggle__brand{
  width:44px;
  height:44px;
  border-radius: 14px;
  flex:0 0 44px;
  background: rgba(255,255,255,.75);
  border: 1px solid var(--cat-border);
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
  display:flex;
  align-items:center;
  justify-content:center;
}
.cat-toggle__brand img{
  width: 30px;
  height: 30px;
  object-fit: contain;
  display:block;
}

/* ✅ Title: no ellipsis, no wrapping, enough room */
.cat-toggle__title{
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -.2px;
  white-space: nowrap;   /* تک خط */
  overflow: visible;     /* ✅ نه ... */
  text-overflow: clip;   /* ✅ نه ... */
}

/* ✅ Right chevron */
.cat-toggle__chev{
  width:42px;
  height:42px;
  border-radius: 14px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.8);
  border: 1px solid var(--cat-border);
  color: var(--cat-text);
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
}

/* ✅ Desktop: make the column wider so it never squeezes */
@media (min-width: 992px){
  .top-nav-thing{
    width: 200px;          /* ✅ باعث میشه دکمه جا داشته باشه */
    max-width: 200px;
  }
}

/* Mobile visibility (as you already had) */
@media (max-width: 991px){
  .cat-toggle{ display:block !important; margin-top:10px; }
}

/* ========================================================================== 
   Modern Single Post UI — TSVST / Taranesaz
   این کد را در انتهای style.css قالب قرار دهید.
   ========================================================================== */

.tsvst-single-modern {
    --ts-bg: #f5f7fb;
    --ts-card: #ffffff;
    --ts-text: #172033;
    --ts-muted: #6b7280;
    --ts-line: #e7eaf0;
    --ts-primary: #6d5dfc;
    --ts-primary-dark: #5546e8;
    --ts-blue: #2f80ed;
    --ts-cyan: #16a6c7;
    --ts-green: #10a66a;
    --ts-orange: #f59e0b;
    --ts-red: #ef476f;
    --ts-purple: #8b5cf6;
    --ts-radius-lg: 22px;
    --ts-radius-md: 15px;
    --ts-shadow: 0 14px 40px rgba(31, 41, 55, 0.08);
    --ts-shadow-hover: 0 18px 44px rgba(31, 41, 55, 0.13);
    color: var(--ts-text);
}

.tsvst-single-modern *,
.tsvst-single-modern *::before,
.tsvst-single-modern *::after {
    box-sizing: border-box;
}

.tsvst-single-modern button,
.tsvst-single-modern input,
.tsvst-single-modern textarea,
.tsvst-single-modern select {
    font-family: inherit;
}

.tsvst-single-modern a {
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

/* عنوان نوشته عمداً استایل‌دهی نشده تا طراحی فعلی آن حفظ شود. */

/* کارت محتوای اصلی -------------------------------------------------------- */
.tsvst-single-modern .tsvst-content-card {
    overflow: visible;
    padding: 0;
    border-radius: 0 0 var(--ts-radius-lg) var(--ts-radius-lg);
    background: var(--ts-card);
    box-shadow: var(--ts-shadow);
}

.tsvst-single-modern .tsvst-content-inner {
    padding: 0;
}

.tsvst-single-modern .tsvst-post-meta-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 15px 22px;
    border-bottom: 1px solid var(--ts-line);
    background: #fbfcff;
}

.tsvst-post-taxonomy,
.tsvst-post-stats {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.tsvst-post-taxonomy > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    border-radius: 10px;
    color: var(--ts-primary);
    background: rgba(109, 93, 252, .1);
}

.tsvst-post-taxonomy a {
    color: #4b5563;
    font-size: 13px;
    font-weight: 700;
}

.tsvst-post-taxonomy a:hover {
    color: var(--ts-primary);
}

.tsvst-post-stats .tsvst-stat-item,
.tsvst-post-stats > span,
.tsvst-post-stats > a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 31px;
    padding: 5px 10px;
    border: 1px solid #edf0f5;
    border-radius: 10px;
    color: #657084;
    background: #fff;
    font-size: 12px;
    text-decoration: none;
}

.tsvst-post-stats .post-views,
.tsvst-post-stats .zilla-likes {
    margin: 0 !important;
}

.tsvst-post-content {
    padding: 26px 24px 30px;
}

.tsvst-article-body {
    color: #30394b;
    font-size: 15px;
    line-height: 2.05;
}

.tsvst-article-body img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
}

.tsvst-article-body a {
    color: var(--ts-primary);
    font-weight: 700;
}

/* ساختار عمومی باکس‌ها ----------------------------------------------------- */
.tsvst-info-card {
    position: relative;
    overflow: hidden;
    margin: 27px 0 0;
    border: 1px solid var(--ts-line);
    border-radius: var(--ts-radius-lg);
    background: var(--ts-card);
    box-shadow: 0 12px 32px rgba(34, 43, 69, .07);
}

.tsvst-info-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    content: "";
}

.tsvst-info-card-details::before {
    background: linear-gradient(90deg, #2f80ed, #16a6c7);
}

.tsvst-card-learning::before {
    background: linear-gradient(90deg, #8b5cf6, #c056f0);
}

.tsvst-card-download::before {
    background: linear-gradient(90deg, #10a66a, #40c98b);
}

.tsvst-card-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 21px 22px 17px;
    border-bottom: 1px solid rgba(231, 234, 240, .8);
}

.tsvst-card-icon {
    display: inline-flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 15px;
    font-size: 21px;
}

.tsvst-info-card-details .tsvst-card-icon {
    color: var(--ts-blue);
    background: rgba(47, 128, 237, .11);
}

.tsvst-card-learning .tsvst-card-icon {
    color: var(--ts-purple);
    background: rgba(139, 92, 246, .11);
}

.tsvst-card-download .tsvst-card-icon {
    color: var(--ts-green);
    background: rgba(16, 166, 106, .11);
}

.tsvst-card-heading {
    min-width: 0;
    flex: 1 1 auto;
}

.tsvst-card-heading h3 {
    margin: 0 0 4px;
    color: var(--ts-text);
    font-size: 17px;
    font-weight: 900;
    line-height: 1.5;
}

.tsvst-card-heading p {
    margin: 0;
    color: var(--ts-muted);
    font-size: 12px;
    line-height: 1.7;
}

.tsvst-card-status {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.tsvst-status-public {
    color: #17669b;
    background: #e9f6ff;
}

.tsvst-status-open {
    color: #087a4b;
    background: #e5f8ef;
}

.tsvst-status-locked {
    color: #a4470c;
    background: #fff1df;
}

.tsvst-card-body {
    padding: 19px 22px 23px;
}

/* باکس مشخصات ------------------------------------------------------------- */
.tsvst-details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 19px 22px;
}

.tsvst-detail-item {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 12px;
    padding: 14px;
    border: 1px solid #edf0f5;
    border-radius: var(--ts-radius-md);
    background: #fbfcfe;
}

.tsvst-detail-item:hover {
    border-color: #dce3ef;
    background: #fff;
    transform: translateY(-2px);
    box-shadow: 0 9px 22px rgba(32, 44, 71, .07);
}

.tsvst-detail-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    color: var(--ts-blue);
    background: rgba(47, 128, 237, .09);
    font-size: 15px;
}

.tsvst-detail-item > div {
    min-width: 0;
}

.tsvst-detail-item small {
    display: block;
    margin-bottom: 3px;
    color: #8a93a4;
    font-size: 10px;
    font-weight: 700;
}

.tsvst-detail-item strong,
.tsvst-detail-item a {
    display: block;
    overflow-wrap: anywhere;
    color: #273247;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.7;
}

.tsvst-detail-item a:hover {
    color: var(--ts-primary);
}

.tsvst-detail-platform .tsvst-detail-icon {
    color: #7c4ed8;
    background: #f0eaff;
}

.tsvst-detail-link .tsvst-detail-icon {
    color: #d06c11;
    background: #fff2e3;
}

.tsvst-detail-recovery {
    border-color: #cfeedd;
    background: #f4fcf8;
}

.tsvst-detail-recovery .tsvst-detail-icon {
    color: var(--ts-green);
    background: #def6e9;
}

.tsvst-password-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin: 0 22px 22px;
    padding: 15px 16px;
    border: 1px dashed #ced6e4;
    border-radius: var(--ts-radius-md);
    background: linear-gradient(135deg, #f9faff, #f4f7fc);
}

.tsvst-password-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tsvst-password-icon {
    display: inline-flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: #d36b11;
    background: #fff0dd;
}

.tsvst-password-info small {
    display: block;
    margin-bottom: 3px;
    color: #7b8494;
    font-size: 10px;
}

.tsvst-password-info code {
    padding: 0;
    color: #20293a;
    background: transparent;
    font-family: Consolas, Monaco, monospace;
    font-size: 14px;
    font-weight: 900;
    direction: ltr;
}

.tsvst-copy-password {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 14px;
    border: 0;
    border-radius: 11px;
    color: #fff;
    background: #273247;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

.tsvst-copy-password:hover,
.tsvst-copy-password:focus {
    background: var(--ts-primary);
    transform: translateY(-1px);
}

.tsvst-copy-password.is-copied {
    background: var(--ts-green);
}

.tsvst-copy-message {
    visibility: hidden;
    height: 0;
    color: var(--ts-green);
    font-size: 11px;
    font-weight: 800;
    opacity: 0;
    text-align: center;
    transition: opacity .2s ease;
}

.tsvst-copy-message.is-visible {
    visibility: visible;
    height: auto;
    margin: -12px 22px 17px;
    opacity: 1;
}

/* سطوح اشتراک و باکس‌های قفل‌دار ----------------------------------------- */
.tsvst-access-levels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 13px 22px 0;
}

.tsvst-level-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid #e3ddff;
    border-radius: 999px;
    color: #6548c8;
    background: #f6f3ff;
    font-size: 10px;
    font-weight: 900;
}

.tsvst-card-download .tsvst-level-badge {
    border-color: #ccebdc;
    color: #087a4b;
    background: #effbf5;
}

.tsvst-access-card.is-locked .tsvst-card-body {
    background-image: linear-gradient(180deg, rgba(255,255,255,0), rgba(250,251,253,.75));
}

.tsvst-learning-content {
    color: #374151;
    font-size: 13px;
    line-height: 2;
}

.tsvst-locked-message,
.tsvst-download-notice {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px 15px;
    border-radius: 14px;
}

.tsvst-locked-message {
    margin-top: 12px;
    border: 1px solid #ffe1ba;
    color: #7d4311;
    background: #fff8ef;
}

.tsvst-download-notice {
    border: 1px solid #cfeedd;
    color: #176542;
    background: #f2fbf6;
}

.tsvst-locked-message > i,
.tsvst-download-notice > i {
    display: inline-flex;
    flex: 0 0 39px;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border-radius: 12px;
    background: rgba(255,255,255,.75);
    font-size: 16px;
}

.tsvst-locked-message strong,
.tsvst-download-notice strong {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 900;
}

.tsvst-locked-message span,
.tsvst-download-notice span {
    display: block;
    font-size: 10px;
    line-height: 1.8;
}

.tsvst-access-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
}

.tsvst-primary-button,
.tsvst-secondary-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 43px;
    padding: 10px 17px !important;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none !important;
}

.tsvst-primary-button {
    border: 1px solid var(--ts-primary);
    color: #fff !important;
    background: linear-gradient(135deg, var(--ts-primary), var(--ts-primary-dark));
    box-shadow: 0 8px 18px rgba(109, 93, 252, .23);
}

.tsvst-card-download .tsvst-primary-button {
    border-color: var(--ts-green);
    background: linear-gradient(135deg, #13b071, #078d58);
    box-shadow: 0 8px 18px rgba(16, 166, 106, .22);
}

.tsvst-primary-button:hover {
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(70, 62, 180, .26);
}

.tsvst-secondary-button {
    border: 1px solid #dce2ec;
    color: #39455a !important;
    background: #fff;
}

.tsvst-secondary-button:hover {
    border-color: #cbd3e0;
    color: var(--ts-primary) !important;
    transform: translateY(-2px);
}

/* لینک‌های دانلود تولیدشده از زمینه دلخواه ------------------------------- */
.tsvst-download-links {
    margin-top: 18px;
}

.tsvst-download-links:empty {
    display: none;
}

.tsvst-download-links ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tsvst-download-links li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tsvst-download-links .track-download,
.tsvst-download-links li > a {
    position: relative;
    display: flex !important;
    align-items: center;
    min-height: 49px;
    gap: 10px;
    width: 100%;
    padding: 11px 15px !important;
    border: 1px solid #d8eee3;
    border-radius: 13px;
    color: #176542 !important;
    background: #fbfffd !important;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none !important;
}

.tsvst-download-links .track-download::before,
.tsvst-download-links li > a::before {
    display: inline-flex;
    flex: 0 0 31px;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    border-radius: 10px;
    color: #fff;
    background: var(--ts-green);
    content: "\f019";
    font-family: FontAwesome;
    font-size: 13px;
}

.tsvst-download-links .track-download::after,
.tsvst-download-links li > a::after {
    margin-right: auto;
    color: #8bbca4;
    content: "\f104";
    font-family: FontAwesome;
}

.tsvst-download-links .track-download:hover,
.tsvst-download-links li > a:hover {
    border-color: #a9dec3;
    background: #f1fcf6 !important;
    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(10, 105, 65, .09);
}

.tsvst-empty-state {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 15px;
    border: 1px dashed #d5dbe5;
    border-radius: 13px;
    color: #7a8495;
    background: #fafbfc;
    font-size: 11px;
}

/* کارت پیشنهاد کانتکت ----------------------------------------------------- */
.tsvst-promo-card {
    position: relative;
    display: grid;
    grid-template-columns: 165px minmax(0, 1fr);
    overflow: hidden;
    gap: 19px;
    margin: 27px 0 0;
    padding: 19px;
    border: 1px solid #e7ddfb;
    border-radius: var(--ts-radius-lg);
    background: linear-gradient(135deg, #fbf8ff, #fff);
    box-shadow: 0 12px 32px rgba(92, 56, 148, .08);
}

.tsvst-promo-badge {
    position: absolute;
    top: 13px;
    right: 13px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 999px;
    color: #6d3fc3;
    background: rgba(255,255,255,.92);
    box-shadow: 0 5px 15px rgba(63, 40, 95, .1);
    font-size: 9px;
    font-weight: 900;
}

.tsvst-promo-media {
    overflow: hidden;
    min-height: 150px;
    border-radius: 15px;
    background: #eee8f8;
}

.tsvst-promo-media a,
.tsvst-promo-media img,
.tsvst-no-thumbnail {
    display: block;
    width: 100%;
    height: 100%;
}

.tsvst-promo-media img {
    object-fit: cover;
}

.tsvst-no-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    color: #8b5cf6;
    font-size: 38px;
}

.tsvst-promo-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px 0 4px;
}

.tsvst-promo-content h3 {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.8;
}

.tsvst-promo-content h3 a {
    color: #342548;
}

.tsvst-promo-content p {
    margin: 0 0 13px;
    color: #746b80;
    font-size: 11px;
    line-height: 1.9;
}

.tsvst-promo-content .tsvst-primary-button {
    align-self: flex-start;
}

/* نوار عملیات ------------------------------------------------------------- */
.tsvst-action-bar-wrap {
    margin-top: 17px;
}

.tsvst-action-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 13px;
    border: 1px solid var(--ts-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 9px 25px rgba(31, 41, 55, .06);
}

.tsvst-action-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    padding: 8px 11px;
    border-radius: 11px;
    color: #687386;
    background: #f7f8fb;
    font-size: 10px;
}

.tsvst-action-item > i {
    color: var(--ts-primary);
}

.tsvst-action-item strong {
    color: #2c3649;
}

.tsvst-favorite-action a {
    color: #687386 !important;
    font-size: 10px !important;
}

.tsvst-report-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    margin-right: auto;
    padding: 8px 13px;
    border: 1px solid #ffd4dc;
    border-radius: 11px;
    color: #bd3855;
    background: #fff3f6;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.tsvst-report-button:hover,
.tsvst-report-button:focus {
    border-color: #f6a8b7;
    color: #fff;
    background: var(--ts-red);
}

/* مودال گزارش ------------------------------------------------------------- */
body.tsvst-modal-open {
    overflow: hidden;
}

.tsvst-modal {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: flex;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    padding: 18px;
    opacity: 0;
    transition: opacity .2s ease, visibility .2s ease;
}

.tsvst-modal.is-open {
    visibility: visible;
    opacity: 1;
}

.tsvst-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(16, 23, 38, .68);
    backdrop-filter: blur(4px);
}

.tsvst-modal-dialog {
    position: relative;
    z-index: 1;
    overflow: auto;
    width: min(620px, 100%);
    max-height: calc(100vh - 36px);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
    transform: translateY(12px) scale(.98);
    transition: transform .22s ease;
}

.tsvst-modal.is-open .tsvst-modal-dialog {
    transform: translateY(0) scale(1);
}

.tsvst-modal-close {
    position: absolute;
    top: 13px;
    left: 13px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    color: #6e7786;
    background: #f0f2f6;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.tsvst-modal-close:hover {
    color: #fff;
    background: var(--ts-red);
}

.tsvst-modal-header {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 22px 22px 18px 62px;
    border-bottom: 1px solid var(--ts-line);
}

.tsvst-modal-header > span {
    display: flex;
    flex: 0 0 45px;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 14px;
    color: var(--ts-red);
    background: #fff0f3;
    font-size: 18px;
}

.tsvst-modal-header h3 {
    margin: 0 0 3px;
    color: #20293a;
    font-size: 16px;
    font-weight: 900;
}

.tsvst-modal-header p {
    margin: 0;
    color: #778195;
    font-size: 10px;
}

.tsvst-modal-body {
    padding: 20px 22px 23px;
}

.tsvst-modal-body input,
.tsvst-modal-body textarea,
.tsvst-modal-body select {
    width: 100%;
    min-height: 43px;
    padding: 10px 12px;
    border: 1px solid #dfe4ec;
    border-radius: 11px;
    outline: 0;
    background: #fafbfc;
}

.tsvst-modal-body textarea {
    min-height: 120px;
    resize: vertical;
}

.tsvst-modal-body input:focus,
.tsvst-modal-body textarea:focus,
.tsvst-modal-body select:focus {
    border-color: var(--ts-primary);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(109, 93, 252, .1);
}

.tsvst-modal-body input[type="submit"] {
    width: auto;
    border-color: var(--ts-primary);
    color: #fff;
    background: var(--ts-primary);
    font-weight: 900;
}

/* عنوان مشترک سکشن‌ها ----------------------------------------------------- */
.tsvst-related-section,
.tsvst-comments-section,
.tsvst-help-section {
    overflow: hidden;
    margin-top: 20px;
    padding: 0;
    border: 1px solid var(--ts-line);
    border-radius: var(--ts-radius-lg);
    background: #fff;
    box-shadow: var(--ts-shadow);
}

.tsvst-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 19px 20px;
    border-bottom: 1px solid var(--ts-line);
    background: #fbfcff;
}

.tsvst-section-heading > div {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 12px;
}

.tsvst-section-icon {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    color: var(--ts-primary);
    background: rgba(109, 93, 252, .1);
    font-size: 18px;
}

.tsvst-section-heading h2 {
    margin: 0 0 3px;
    color: var(--ts-text);
    font-size: 16px;
    font-weight: 900;
}

.tsvst-section-heading p {
    margin: 0;
    color: var(--ts-muted);
    font-size: 10px;
    line-height: 1.7;
}

/* مطالب مرتبط ------------------------------------------------------------- */
.tsvst-related-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
}

.tsvst-related-card {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    overflow: hidden;
    min-width: 0;
    border: 1px solid #ebedf2;
    border-radius: 15px;
    background: #fff;
}

.tsvst-related-card:hover {
    border-color: #d9ddea;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(31, 41, 55, .09);
}

.tsvst-related-image {
    display: block;
    overflow: hidden;
    min-height: 100px;
    background: #eef0f5;
}

.tsvst-related-image img,
.tsvst-related-placeholder {
    display: block;
    width: 100%;
    height: 100%;
}

.tsvst-related-image img {
    object-fit: cover;
    transition: transform .35s ease;
}

.tsvst-related-card:hover .tsvst-related-image img {
    transform: scale(1.06);
}

.tsvst-related-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    color: #9ba4b4;
    font-size: 25px;
}

.tsvst-related-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 12px;
}

.tsvst-related-content h3 {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 9px;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.8;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tsvst-related-content h3 a {
    color: #303a4e;
}

.tsvst-related-content h3 a:hover {
    color: var(--ts-primary);
}

.tsvst-related-meta {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #939baa;
    font-size: 9px;
}

/* دیدگاه‌ها --------------------------------------------------------------- */
.tsvst-comments-count {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 6px 10px;
    border-radius: 999px;
    color: #5b49c7;
    background: #efecff;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}

.tsvst-comment-guide {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    padding: 15px 18px;
    border-bottom: 1px solid var(--ts-line);
    background: #fff;
}

.tsvst-comment-guide > div {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    padding: 10px;
    border-radius: 11px;
    color: #5e687a;
    background: #f7f9fc;
    font-size: 9px;
    line-height: 1.8;
}

.tsvst-comment-guide i {
    margin-top: 4px;
    color: var(--ts-green);
}

.tsvst-comments-template {
    padding: 19px;
}

/* سازگاری با خروجی رایج comments.php قالب‌ها */
.tsvst-comments-template .comment-list,
.tsvst-comments-template ol.commentlist,
.tsvst-comments-template ul.commentlist {
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.tsvst-comments-template .comment-list li,
.tsvst-comments-template .commentlist li {
    list-style: none;
}

.tsvst-comments-template .comment-body {
    position: relative;
    margin: 0 0 13px;
    padding: 16px 17px;
    border: 1px solid #e8ebf1;
    border-radius: 15px;
    background: #fbfcfe;
}

.tsvst-comments-template .children {
    margin: 0 30px 13px 0;
    padding: 0;
    border-right: 2px solid #ebe8ff;
}

.tsvst-comments-template .avatar {
    width: 42px;
    height: 42px;
    margin-left: 10px;
    border-radius: 13px;
}

.tsvst-comments-template .comment-author,
.tsvst-comments-template .comment-meta {
    font-size: 10px;
}

.tsvst-comments-template .comment-author .fn,
.tsvst-comments-template .comment-author .fn a {
    color: #273247;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
}

.tsvst-comments-template .comment-metadata,
.tsvst-comments-template .comment-meta a {
    color: #929aaa;
    font-size: 9px;
}

.tsvst-comments-template .comment-content {
    margin-top: 11px;
    color: #4d5769;
    font-size: 11px;
    line-height: 2;
}

.tsvst-comments-template .reply a,
.tsvst-comments-template .comment-reply-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border-radius: 9px;
    color: var(--ts-primary);
    background: #f0eeff;
    font-size: 9px;
    font-weight: 900;
}

.tsvst-comments-template .comment-respond {
    margin-top: 17px;
    padding: 19px;
    border: 1px solid #e5e8ef;
    border-radius: 18px;
    background: linear-gradient(180deg, #fcfcff, #f8f9fc);
}

.tsvst-reply-title,
.tsvst-comments-template .comment-reply-title {
    margin: 0 0 14px;
    color: #263145;
    font-size: 15px;
    font-weight: 900;
}

.tsvst-comment-note {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    padding: 10px 12px;
    border: 1px solid #d8e8ff;
    border-radius: 11px;
    color: #3e6492;
    background: #f2f7ff;
    font-size: 9px;
    line-height: 1.8;
}

.tsvst-comment-form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.tsvst-comment-form > * {
    width: 100%;
}

.tsvst-comment-form .tsvst-comment-field-half {
    width: calc(50% - 6px);
}

.tsvst-comment-field label {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    color: #475268;
    font-size: 10px;
    font-weight: 900;
}

.tsvst-comment-field .required {
    color: var(--ts-red);
}

.tsvst-optional {
    padding: 2px 6px;
    border-radius: 999px;
    color: #8a94a5;
    background: #eef1f5;
    font-size: 8px;
    font-weight: 700;
}

.tsvst-input-wrap,
.tsvst-textarea-wrap {
    position: relative;
}

.tsvst-input-wrap > i {
    position: absolute;
    top: 50%;
    right: 13px;
    color: #9ba4b3;
    font-size: 13px;
    transform: translateY(-50%);
}

.tsvst-comment-form input[type="text"],
.tsvst-comment-form input[type="email"],
.tsvst-comment-form input[type="url"],
.tsvst-comment-form textarea {
    width: 100%;
    border: 1px solid #dde2eb;
    border-radius: 12px;
    outline: none;
    color: #313b4e;
    background: #fff;
    font-size: 11px;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.tsvst-comment-form input[type="text"],
.tsvst-comment-form input[type="email"],
.tsvst-comment-form input[type="url"] {
    height: 44px;
    padding: 9px 38px 9px 11px;
}

.tsvst-comment-form textarea {
    min-height: 145px;
    padding: 12px 13px 34px;
    line-height: 1.9;
    resize: vertical;
}

.tsvst-comment-form input:focus,
.tsvst-comment-form textarea:focus {
    border-color: var(--ts-primary);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(109, 93, 252, .11);
}

.tsvst-comment-counter {
    position: absolute;
    bottom: 9px;
    left: 11px;
    color: #9aa2b1;
    font-size: 9px;
    direction: ltr;
}

.tsvst-comment-form .form-submit {
    margin: 2px 0 0;
}

.tsvst-comment-submit,
.tsvst-comment-form input[type="submit"] {
    min-height: 43px;
    padding: 10px 19px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, var(--ts-primary), var(--ts-primary-dark));
    box-shadow: 0 8px 18px rgba(109, 93, 252, .22);
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

.tsvst-comment-submit:hover,
.tsvst-comment-form input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(109, 93, 252, .28);
}

.tsvst-comments-template .logged-in-as,
.tsvst-comments-template .comment-notes,
.tsvst-comments-template .must-log-in {
    color: #778195;
    font-size: 10px;
    line-height: 1.9;
}

/* راهنما ------------------------------------------------------------------ */
.tsvst-help-grid {
    display: grid;
    gap: 9px;
    padding: 18px;
}

.tsvst-help-grid details {
    overflow: hidden;
    border: 1px solid #e8ebf1;
    border-radius: 13px;
    background: #fff;
}

.tsvst-help-grid summary {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 13px 42px 13px 14px;
    color: #354055;
    background: #fafbfc;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    list-style: none;
}

.tsvst-help-grid summary::-webkit-details-marker {
    display: none;
}

.tsvst-help-grid summary::after {
    position: absolute;
    top: 50%;
    right: 15px;
    color: #8892a3;
    content: "\f107";
    font-family: FontAwesome;
    transform: translateY(-50%);
    transition: transform .2s ease;
}

.tsvst-help-grid details[open] summary::after {
    transform: translateY(-50%) rotate(180deg);
}

.tsvst-help-grid summary i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    color: var(--ts-primary);
    background: #efedff;
}

.tsvst-help-grid details > div {
    padding: 13px 15px 15px;
    border-top: 1px solid #edf0f4;
    color: #5f697b;
    font-size: 10px;
    line-height: 2;
}

.tsvst-help-grid details > div a {
    color: var(--ts-primary);
    font-weight: 900;
}

/* کارت محصول موبایل ------------------------------------------------------- */
.tsvst-mobile-product-card {
    overflow: hidden;
    margin-top: 18px;
    border-radius: var(--ts-radius-lg);
    box-shadow: var(--ts-shadow);
}

/* تمرکز و دسترسی‌پذیری ---------------------------------------------------- */
.tsvst-single-modern button:focus-visible,
.tsvst-single-modern a:focus-visible,
.tsvst-single-modern input:focus-visible,
.tsvst-single-modern textarea:focus-visible,
.tsvst-single-modern summary:focus-visible {
    outline: 3px solid rgba(109, 93, 252, .25);
    outline-offset: 2px;
}

/* واکنش‌گرایی ------------------------------------------------------------- */
@media (max-width: 991px) {
    .tsvst-single-modern .tsvst-post-meta-bar {
        align-items: flex-start;
    }

    .tsvst-related-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .tsvst-single-modern {
        --ts-radius-lg: 17px;
        --ts-radius-md: 12px;
    }

    .tsvst-single-modern .tsvst-post-meta-bar {
        flex-direction: column;
        padding: 13px 14px;
    }

    .tsvst-post-stats {
        width: 100%;
    }

    .tsvst-post-content {
        padding: 18px 13px 22px;
    }

    .tsvst-card-header {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 18px 15px 14px;
    }

    .tsvst-card-icon {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
        border-radius: 13px;
    }

    .tsvst-card-status {
        margin-right: 57px;
    }

    .tsvst-details-grid {
        grid-template-columns: 1fr;
        padding: 15px;
    }

    .tsvst-password-box {
        align-items: stretch;
        flex-direction: column;
        margin: 0 15px 17px;
    }

    .tsvst-copy-password {
        width: 100%;
    }

    .tsvst-access-levels {
        padding: 12px 15px 0;
    }

    .tsvst-card-body {
        padding: 16px 15px 19px;
    }

    .tsvst-promo-card {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .tsvst-promo-media {
        max-height: 210px;
    }

    .tsvst-promo-content {
        padding-top: 0;
    }

    .tsvst-action-bar {
        align-items: stretch;
        flex-direction: column;
    }

    .tsvst-action-item,
    .tsvst-report-button {
        justify-content: center;
        width: 100%;
        margin: 0;
    }

    .tsvst-section-heading {
        align-items: flex-start;
        padding: 16px 14px;
    }

    .tsvst-related-grid,
    .tsvst-comments-template,
    .tsvst-help-grid {
        padding: 13px;
    }

    .tsvst-related-card {
        grid-template-columns: 92px minmax(0, 1fr);
    }

    .tsvst-comment-guide {
        grid-template-columns: 1fr;
        padding: 12px 13px;
    }

    .tsvst-comment-form .tsvst-comment-field-half {
        width: 100%;
    }

    .tsvst-comments-template .children {
        margin-right: 12px;
    }

    .tsvst-modal-header {
        padding: 18px 15px 15px 55px;
    }

    .tsvst-modal-body {
        padding: 16px 15px 19px;
    }
}

@media (max-width: 420px) {
    .tsvst-card-heading h3,
    .tsvst-section-heading h2 {
        font-size: 14px;
    }

    .tsvst-card-status {
        width: 100%;
        margin-right: 0;
        justify-content: center;
    }

    .tsvst-related-card {
        grid-template-columns: 82px minmax(0, 1fr);
    }

    .tsvst-comments-count {
        display: none;
    }
}

/* =========================================================
   جهت هوشمند متن فارسی و انگلیسی

   نکته مهم:
   جهت نوشتار از تراز متن جدا نگه داشته شده است؛ بنابراین دستور Justify
   وردپرس (Alt + Shift + J)، استایل درون‌خطی و کلاس‌های تراز گوتنبرگ
   بدون مزاحمت استایل تشخیص زبان اجرا می‌شوند.
   ========================================================= */
.tsvst-smart-direction {
    unicode-bidi: isolate;
}

.tsvst-text-ltr,
.tsvst-smart-direction[dir="ltr"] {
    direction: ltr !important;
    text-align: left;
}

.tsvst-text-rtl,
.tsvst-smart-direction[dir="rtl"] {
    direction: rtl !important;
    text-align: right;
}

/* حفظ کامل تراز انتخاب‌شده در ویرایشگر وردپرس */
.tsvst-smart-direction.has-text-align-justify,
.tsvst-smart-direction.alignjustify,
.tsvst-smart-direction[style*="text-align: justify"],
.tsvst-smart-direction[style*="text-align:justify"] {
    text-align: justify !important;
}

/*
 * در متن Justify فقط خط آخر کوتاه می‌ماند. این بخش تضمین می‌کند
 * خط آخر متن انگلیسی از چپ و خط آخر فارسی/ترکیبی از راست آغاز شود.
 */
.tsvst-single-modern .tsvst-smart-direction.tsvst-text-ltr.has-text-align-justify,
.tsvst-single-modern .tsvst-smart-direction.tsvst-text-ltr.alignjustify,
.tsvst-single-modern .tsvst-smart-direction.tsvst-text-ltr[style*="text-align: justify"],
.tsvst-single-modern .tsvst-smart-direction.tsvst-text-ltr[style*="text-align:justify"] {
    direction: ltr !important;
    text-align: justify !important;
    text-align-last: left !important;
    -moz-text-align-last: left !important;
}

.tsvst-single-modern .tsvst-smart-direction.tsvst-text-rtl.has-text-align-justify,
.tsvst-single-modern .tsvst-smart-direction.tsvst-text-rtl.alignjustify,
.tsvst-single-modern .tsvst-smart-direction.tsvst-text-rtl[style*="text-align: justify"],
.tsvst-single-modern .tsvst-smart-direction.tsvst-text-rtl[style*="text-align:justify"] {
    direction: rtl !important;
    text-align: justify !important;
    text-align-last: right !important;
    -moz-text-align-last: right !important;
}

.tsvst-smart-direction.has-text-align-center,
.tsvst-smart-direction.aligncenter,
.tsvst-smart-direction[style*="text-align: center"],
.tsvst-smart-direction[style*="text-align:center"] {
    text-align: center !important;
}

.tsvst-smart-direction.has-text-align-left,
.tsvst-smart-direction.alignleft,
.tsvst-smart-direction[style*="text-align: left"],
.tsvst-smart-direction[style*="text-align:left"] {
    text-align: left !important;
}

.tsvst-smart-direction.has-text-align-right,
.tsvst-smart-direction.alignright,
.tsvst-smart-direction[style*="text-align: right"],
.tsvst-smart-direction[style*="text-align:right"] {
    text-align: right !important;
}

/* جای درست بولت و شماره برای خطوط کاملاً انگلیسی */
.tsvst-article-body li.tsvst-text-ltr,
.tsvst-learning-content li.tsvst-text-ltr,
.tsvst-download-links li.tsvst-text-ltr,
.comment-content li.tsvst-text-ltr {
    padding-right: 0;
    padding-left: .35em;
}

/* کدها و دستورات فنی همیشه خوانایی چپ‌به‌راست داشته باشند؛
   مگر اینکه داخل خود بلوک، نویسه فارسی وجود داشته باشد. */
.tsvst-article-body pre.tsvst-text-ltr,
.tsvst-learning-content pre.tsvst-text-ltr,
.comment-content pre.tsvst-text-ltr,
.tsvst-article-body code,
.tsvst-learning-content code,
.comment-content code {
    direction: ltr;
    text-align: left;
    unicode-bidi: isolate;
}

/* جدول انگلیسی از ستون سمت چپ آغاز شود */
.tsvst-article-body td.tsvst-text-ltr,
.tsvst-article-body th.tsvst-text-ltr,
.tsvst-learning-content td.tsvst-text-ltr,
.tsvst-learning-content th.tsvst-text-ltr,
.tsvst-download-links td.tsvst-text-ltr,
.tsvst-download-links th.tsvst-text-ltr {
    direction: ltr !important;
    text-align: left !important;
}

/* =========================================================
   باکس روش تهیه
   ========================================================= */

.tsvst-purchase-methods,
.tsvst-purchase-methods * {
    box-sizing: border-box;
}

.tsvst-purchase-methods {
    position: relative;
    width: 100%;
    margin: 25px 0;
    overflow: hidden;
    direction: rtl;
    border: 1px solid #e5e9f2;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(31, 45, 72, 0.08);
}

/* خط رنگی بالای باکس */
.tsvst-purchase-methods::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    content: "";
    background: linear-gradient(
        90deg,
        #1689bf 0%,
        #20b8c7 48%,
        #d6a72b 100%
    );
}

/* سربرگ باکس */
.tsvst-purchase-methods > .tsvst-card-header {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 22px 22px 18px;
    border-bottom: 1px solid #edf0f5;
    background: linear-gradient(135deg, #fff 0%, #fafbff 100%);
}

.tsvst-purchase-methods .tsvst-card-icon {
    display: inline-flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 15px;
    color: #6453c7;
    background: linear-gradient(135deg, #eeeaff, #e9f6ff);
    box-shadow: inset 0 0 0 1px rgba(100, 83, 199, 0.1);
    font-size: 19px;
}

.tsvst-purchase-methods .tsvst-card-heading {
    min-width: 0;
}

.tsvst-purchase-methods .tsvst-card-heading h3 {
    margin: 0 0 4px;
    color: #202638;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.6;
}

.tsvst-purchase-methods .tsvst-card-heading p {
    margin: 0;
    color: #7a8396;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.8;
}

/* دو ستون روش تهیه */
.tsvst-purchase-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding: 22px;
}

/* کارت داخلی هر روش */
.tsvst-purchase-option {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 19px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 18px;
    isolation: isolate;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.tsvst-purchase-option:hover {
    transform: translateY(-3px);
}

/* کارت خرید مستقیم */
.tsvst-purchase-store {
    border-color: #bce4f0;
    background: linear-gradient(145deg, #f8fdff, #eaf8fd);
    box-shadow: 0 10px 28px rgba(17, 139, 173, 0.09);
}

.tsvst-purchase-store:hover {
    border-color: #84cada;
    box-shadow: 0 15px 32px rgba(17, 139, 173, 0.14);
}

/* کارت اشتراک طلایی */
.tsvst-purchase-gold {
    border-color: #ebd899;
    background: linear-gradient(145deg, #fffdf6, #fff5d2);
    box-shadow: 0 10px 28px rgba(158, 112, 0, 0.1);
}

.tsvst-purchase-gold:hover {
    border-color: #ddc166;
    box-shadow: 0 15px 32px rgba(158, 112, 0, 0.15);
}

/* دایره تزئینی */
.tsvst-purchase-option::before {
    position: absolute;
    z-index: -1;
    top: -55px;
    left: -48px;
    width: 155px;
    height: 155px;
    border-radius: 50%;
    content: "";
    opacity: 0.5;
}

.tsvst-purchase-store::before {
    background: radial-gradient(
        circle,
        rgba(25, 173, 201, 0.3),
        transparent 68%
    );
}

.tsvst-purchase-gold::before {
    background: radial-gradient(
        circle,
        rgba(218, 172, 44, 0.35),
        transparent 68%
    );
}

/* عنوان هر کارت */
.tsvst-purchase-option-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 13px;
}

.tsvst-purchase-option-icon {
    display: inline-flex;
    flex: 0 0 45px;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 13px;
    font-size: 18px;
}

.tsvst-purchase-store .tsvst-purchase-option-icon {
    color: #087e9e;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: inset 0 0 0 1px rgba(8, 126, 158, 0.11);
}

.tsvst-purchase-gold .tsvst-purchase-option-icon {
    color: #946500;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 0 0 1px rgba(148, 101, 0, 0.12);
}

.tsvst-purchase-option-head h4 {
    margin: 0 0 2px;
    color: #202638;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.6;
}

.tsvst-purchase-option-head div > span {
    color: #7b8494;
    font-size: 11px;
    font-weight: 700;
}

/* توضیح هر روش */
.tsvst-purchase-description {
    min-height: 50px;
    margin: 0 0 16px;
    color: #5f6879;
    font-size: 12px;
    font-weight: 600;
    line-height: 2;
}

/* دکمه‌های اصلی */
.tsvst-purchase-button {
    display: flex !important;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-height: 64px;
    margin-top: auto;
    padding: 10px 13px !important;
    border: 1px solid transparent;
    border-radius: 14px;
    color: #fff !important;
    text-decoration: none !important;
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        filter 0.22s ease;
}

.tsvst-purchase-button:hover,
.tsvst-purchase-button:focus {
    color: #fff !important;
    text-decoration: none !important;
    transform: translateY(-2px);
    filter: saturate(1.08);
}

/* دکمه لینک دانلود */
.tsvst-store-purchase-button {
    border-color: #087c9b;
    background: linear-gradient(135deg, #20b6c8, #087b9b) !important;
    box-shadow: 0 10px 23px rgba(8, 123, 155, 0.25);
}

.tsvst-store-purchase-button:hover,
.tsvst-store-purchase-button:focus {
    box-shadow: 0 14px 28px rgba(8, 123, 155, 0.33);
}

/* دکمه اشتراک طلایی */
.tsvst-gold-purchase-button {
    border-color: #936400;
    background: linear-gradient(135deg, #dcb23b, #946400) !important;
    box-shadow: 0 10px 23px rgba(148, 100, 0, 0.26);
}

.tsvst-gold-purchase-button:hover,
.tsvst-gold-purchase-button:focus {
    box-shadow: 0 14px 28px rgba(148, 100, 0, 0.34);
}

/* آیکن داخل دکمه */
.tsvst-purchase-button-icon {
    display: inline-flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.18);
    font-size: 16px;
}

/* متن داخل دکمه */
.tsvst-purchase-button-text {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
}

.tsvst-purchase-button-text strong {
    color: inherit;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.5;
}

.tsvst-purchase-button-text small {
    color: rgba(255, 255, 255, 0.84);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.6;
}

.tsvst-purchase-arrow {
    flex: 0 0 auto;
    font-size: 14px;
    opacity: 0.8;
    transition: transform 0.22s ease;
}

.tsvst-purchase-button:hover .tsvst-purchase-arrow {
    transform: translateX(-3px);
}

/* حالت غیرفعال وقتی زمینه فروشگاه خالی است */
.tsvst-purchase-button.is-disabled {
    cursor: not-allowed;
    border-color: #bcc9cf;
    color: #65757e !important;
    background: linear-gradient(135deg, #eaf0f3, #dce7eb) !important;
    box-shadow: none;
    opacity: 0.83;
}

.tsvst-purchase-button.is-disabled:hover {
    transform: none;
    filter: none;
}

.tsvst-purchase-button.is-disabled .tsvst-purchase-button-icon {
    background: rgba(255, 255, 255, 0.5);
}

.tsvst-purchase-button.is-disabled .tsvst-purchase-button-text small {
    color: #7b8b94;
}

/* نسخه موبایل */
@media (max-width: 767px) {
    .tsvst-purchase-methods {
        border-radius: 17px;
    }

    .tsvst-purchase-methods > .tsvst-card-header {
        padding: 19px 15px 15px;
    }

    .tsvst-purchase-methods .tsvst-card-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }

    .tsvst-purchase-options {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 15px;
    }

    .tsvst-purchase-option {
        padding: 17px;
    }

    .tsvst-purchase-description {
        min-height: 0;
    }
}

/* =========================================================
   پلیر صوتی مدرن وردپرس
   ========================================================= */

.tsvst-post-content .wp-block-audio,
.tsvst-post-content .wp-audio-shortcode,
.post-content .wp-block-audio,
.post-content .wp-audio-shortcode {
    width: 100% !important;
    max-width: 100% !important;
}

/* عنوان خودکار دموی صوتی */
.tsvst-audio-heading {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 28px 0 13px;
    padding: 15px 17px;
    direction: rtl;
    border: 1px solid #e2e5f1;
    border-radius: 17px;
    background:
        radial-gradient(
            circle at left top,
            rgba(117, 88, 255, 0.1),
            transparent 35%
        ),
        linear-gradient(135deg, #fff, #f8f8fd);
    box-shadow: 0 9px 25px rgba(31, 36, 64, 0.08);
}

.tsvst-audio-heading-icon {
    display: inline-flex;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, #8062ff, #5741da);
    box-shadow: 0 8px 18px rgba(98, 72, 224, 0.28);
    font-size: 19px;
}

.tsvst-audio-heading-text {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
}

.tsvst-audio-heading-text strong {
    margin-bottom: 2px;
    color: #24293a;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.6;
}

.tsvst-audio-heading-text small {
    color: #82899a;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.7;
}

.tsvst-audio-count {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 31px;
    padding: 4px 11px;
    border: 1px solid #ded8ff;
    border-radius: 30px;
    color: #6752d2;
    background: #f1eeff;
    font-size: 10px;
    font-weight: 800;
}

/* فاصله بین چند پلیر */
.tsvst-post-content .wp-block-audio,
.post-content .wp-block-audio,
.tsvst-post-content .mejs-container,
.post-content .mejs-container {
    margin-top: 13px !important;
    margin-bottom: 13px !important;
}

/* بدنه اصلی پلیر */
.tsvst-post-content .mejs-container,
.post-content .mejs-container,
.tsvst-post-content .wp-audio-shortcode.mejs-container,
.post-content .wp-audio-shortcode.mejs-container {
    position: relative;
    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;
    overflow: hidden;
    border: 1px solid rgba(120, 102, 255, 0.24);
    border-radius: 18px;
    background:
        radial-gradient(
            circle at 8% 0,
            rgba(117, 86, 255, 0.3),
            transparent 32%
        ),
        linear-gradient(135deg, #181b29, #25293b) !important;
    box-shadow:
        0 12px 28px rgba(16, 20, 37, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

/* کنترل‌ها همیشه چپ به راست باشند */
.tsvst-post-content .mejs-container .mejs-controls,
.post-content .mejs-container .mejs-controls {
    display: flex !important;
    align-items: center !important;
    gap: 9px;
    width: 100% !important;
    height: 76px !important;
    padding: 0 15px !important;
    direction: ltr !important;
    background: transparent !important;
}

/* حذف تصویر اسپریت قدیمی دکمه‌ها */
.tsvst-post-content .mejs-controls button,
.post-content .mejs-controls button {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    outline: 0;
    color: #fff !important;
    background: none !important;
    background-image: none !important;
    text-indent: 0 !important;
    font-size: 0 !important;
    cursor: pointer;
}

/* دکمه پخش و توقف */
.tsvst-post-content .mejs-playpause-button,
.post-content .mejs-playpause-button {
    display: flex !important;
    position: relative !important;
    flex: 0 0 50px;
    align-items: center;
    justify-content: center;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    overflow: visible !important;
    border-radius: 15px;
    background: linear-gradient(135deg, #8b68ff, #5d3fe5) !important;
    box-shadow:
        0 8px 20px rgba(105, 70, 235, 0.43),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.tsvst-post-content .mejs-playpause-button:hover,
.post-content .mejs-playpause-button:hover {
    transform: translateY(-2px);
    box-shadow:
        0 12px 25px rgba(105, 70, 235, 0.54),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* آیکن واضح پخش */
.tsvst-post-content .mejs-play button::before,
.post-content .mejs-play button::before {
    display: block;
    padding-left: 3px;
    content: "\f04b";
    color: #fff;
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 1;
}

/* آیکن واضح توقف */
.tsvst-post-content .mejs-pause button::before,
.post-content .mejs-pause button::before {
    display: block;
    content: "\f04c";
    color: #fff;
    font-family: FontAwesome;
    font-size: 17px;
    line-height: 1;
}

/* پخش مجدد */
.tsvst-post-content .mejs-replay button::before,
.post-content .mejs-replay button::before {
    display: block;
    content: "\f01e";
    color: #fff;
    font-family: FontAwesome;
    font-size: 17px;
}

/* زمان */
.tsvst-post-content .mejs-time,
.post-content .mejs-time {
    display: flex !important;
    flex: 0 0 auto;
    align-items: center !important;
    justify-content: center;
    width: auto !important;
    height: 40px !important;
    padding: 0 3px !important;
    overflow: visible !important;
    color: #fff !important;
    direction: ltr !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700;
    line-height: 40px !important;
}

.tsvst-post-content .mejs-currenttime,
.tsvst-post-content .mejs-duration,
.post-content .mejs-currenttime,
.post-content .mejs-duration {
    color: #fff !important;
    font-size: 11px !important;
}

/* محدوده نوار پیشرفت */
.tsvst-post-content .mejs-time-rail,
.post-content .mejs-time-rail {
    display: block !important;
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 80px;
    height: 42px !important;
    margin: 0 5px !important;
    padding: 0 !important;
}

/* زمینه اصلی نوار پیشرفت */
.tsvst-post-content .mejs-time-total,
.post-content .mejs-time-total {
    position: absolute !important;
    top: 17px !important;
    right: 0 !important;
    left: 0 !important;
    width: auto !important;
    height: 8px !important;
    margin: 0 !important;
    overflow: visible !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35);
}

/* بخش بافر شده */
.tsvst-post-content .mejs-time-buffering,
.tsvst-post-content .mejs-time-loaded,
.post-content .mejs-time-buffering,
.post-content .mejs-time-loaded {
    top: 0 !important;
    left: 0 !important;
    height: 8px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.2) !important;
}

/* قسمت پخش‌شده */
.tsvst-post-content .mejs-time-current,
.post-content .mejs-time-current {
    top: 0 !important;
    left: 0 !important;
    height: 8px !important;
    border-radius: 20px !important;
    background: linear-gradient(
        90deg,
        #35d7df,
        #8062ff
    ) !important;
    box-shadow: 0 0 13px rgba(78, 171, 255, 0.55);
}

/* حالت قرار گرفتن موس روی نوار */
.tsvst-post-content .mejs-time-hovered,
.post-content .mejs-time-hovered {
    top: 0 !important;
    height: 8px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.17) !important;
}

/* نشانگر روی نوار پیشرفت */
.tsvst-post-content .mejs-time-handle,
.post-content .mejs-time-handle {
    position: absolute !important;
    top: 0 !important;
    width: 0 !important;
    height: 8px !important;
}

.tsvst-post-content .mejs-time-handle-content,
.post-content .mejs-time-handle-content {
    position: absolute !important;
    top: -5px !important;
    right: -8px !important;
    width: 18px !important;
    height: 18px !important;
    border: 3px solid #fff !important;
    border-radius: 50% !important;
    background: #7256ee !important;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.4);
    transform: none !important;
}

/* زمان شناور بالای نوار */
.tsvst-post-content .mejs-time-float,
.post-content .mejs-time-float {
    top: -32px !important;
    width: auto !important;
    min-width: 42px;
    height: 23px !important;
    padding: 2px 6px;
    border: 0 !important;
    border-radius: 7px !important;
    color: #fff !important;
    background: #0e101a !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.3);
}

.tsvst-post-content .mejs-time-float-current,
.post-content .mejs-time-float-current {
    color: #fff !important;
    font-family: Arial, sans-serif;
    font-size: 10px !important;
}

/* دکمه صدا */
.tsvst-post-content .mejs-volume-button,
.post-content .mejs-volume-button {
    display: flex !important;
    position: relative !important;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.09) !important;
    transition:
        background 0.2s ease,
        border-color 0.2s ease;
}

.tsvst-post-content .mejs-volume-button:hover,
.post-content .mejs-volume-button:hover {
    border-color: rgba(255, 255, 255, 0.17);
    background: rgba(255, 255, 255, 0.15) !important;
}

/* آیکن صدای روشن */
.tsvst-post-content .mejs-mute button::before,
.post-content .mejs-mute button::before {
    display: block;
    content: "\f028";
    color: #fff;
    font-family: FontAwesome;
    font-size: 17px;
    line-height: 1;
}

/* آیکن بی‌صدا */
.tsvst-post-content .mejs-unmute button::before,
.post-content .mejs-unmute button::before {
    display: block;
    content: "\f026";
    color: #ff8897;
    font-family: FontAwesome;
    font-size: 17px;
    line-height: 1;
}

/* نوار کم و زیاد کردن صدا */
.tsvst-post-content .mejs-horizontal-volume-slider,
.post-content .mejs-horizontal-volume-slider {
    display: block !important;
    position: relative !important;
    flex: 0 0 78px;
    width: 78px !important;
    height: 42px !important;
    margin: 0 !important;
}

.tsvst-post-content .mejs-horizontal-volume-total,
.post-content .mejs-horizontal-volume-total {
    position: absolute !important;
    top: 18px !important;
    right: 0 !important;
    left: 0 !important;
    width: auto !important;
    height: 7px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

.tsvst-post-content .mejs-horizontal-volume-current,
.post-content .mejs-horizontal-volume-current {
    position: absolute !important;
    top: 18px !important;
    left: 0 !important;
    height: 7px !important;
    border-radius: 20px !important;
    background: linear-gradient(
        90deg,
        #35d7df,
        #8567ff
    ) !important;
}

/* فوکوس صفحه‌کلید */
.tsvst-post-content .mejs-controls button:focus,
.post-content .mejs-controls button:focus {
    outline: 2px solid #b4a6ff !important;
    outline-offset: 3px;
}

/* پلیر native در صورت اجرا نشدن MediaElement */
.tsvst-post-content audio,
.post-content audio {
    width: 100%;
    max-width: 100%;
}

/* موبایل */
@media (max-width: 600px) {
    .tsvst-audio-heading {
        padding: 13px;
    }

    .tsvst-audio-count {
        display: none;
    }

    .tsvst-post-content .mejs-container,
    .post-content .mejs-container,
    .tsvst-post-content .wp-audio-shortcode.mejs-container,
    .post-content .wp-audio-shortcode.mejs-container {
        height: 68px !important;
        min-height: 68px !important;
        border-radius: 15px;
    }

    .tsvst-post-content .mejs-container .mejs-controls,
    .post-content .mejs-container .mejs-controls {
        height: 68px !important;
        gap: 5px;
        padding: 0 9px !important;
    }

    .tsvst-post-content .mejs-playpause-button,
    .post-content .mejs-playpause-button {
        flex-basis: 44px;
        width: 44px !important;
        height: 44px !important;
        border-radius: 13px;
    }

    .tsvst-post-content .mejs-volume-button,
    .post-content .mejs-volume-button {
        flex-basis: 38px;
        width: 38px !important;
        height: 38px !important;
    }

    .tsvst-post-content .mejs-horizontal-volume-slider,
    .post-content .mejs-horizontal-volume-slider {
        display: none !important;
    }

    .tsvst-post-content .mejs-time,
    .post-content .mejs-time {
        padding: 0 2px !important;
        font-size: 9px !important;
    }

    .tsvst-post-content .mejs-currenttime,
    .tsvst-post-content .mejs-duration,
    .post-content .mejs-currenttime,
    .post-content .mejs-duration {
        font-size: 9px !important;
    }

    .tsvst-post-content .mejs-time-rail,
    .post-content .mejs-time-rail {
        min-width: 48px;
        margin: 0 2px !important;
    }
}
/* ==========================================
   نشانگر جدید نوار پیشرفت پلیر صوتی
   ========================================== */

/* خود لایه هندل */
.tsvst-post-content .mejs-time-handle,
.post-content .mejs-time-handle {
    position: absolute !important;
    top: 0 !important;
    width: 0 !important;
    height: 8px !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
}

/* مدل جدید نشانگر: کپسولی / براق */
.tsvst-post-content .mejs-time-handle-content,
.post-content .mejs-time-handle-content {
    position: absolute !important;
    top: -5px !important;
    right: -8px !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgba(255, 255, 255, 0.96) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #35d7df, #7a63ff) !important;
    box-shadow:
        0 0 0 4px rgba(122, 99, 255, 0.16),
        0 4px 12px rgba(0, 0, 0, 0.28);
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

/* نقطه داخلی سفید برای شیک‌تر شدن */
.tsvst-post-content .mejs-time-handle-content::after,
.post-content .mejs-time-handle-content::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    opacity: 0.95;
}

/* وقتی موس روی نوار می‌رود کمی زنده‌تر شود */
.tsvst-post-content .mejs-time-total:hover .mejs-time-handle-content,
.post-content .mejs-time-total:hover .mejs-time-handle-content,
.tsvst-post-content .mejs-time-handle-content:hover,
.post-content .mejs-time-handle-content:hover {
    transform: scale(1.12);
    box-shadow:
        0 0 0 5px rgba(122, 99, 255, 0.22),
        0 6px 15px rgba(0, 0, 0, 0.32);
}

/* نسخه موبایل */
@media (max-width: 600px) {
    .tsvst-post-content .mejs-time-handle-content,
    .post-content .mejs-time-handle-content {
        top: -4px !important;
        right: -7px !important;
        width: 14px !important;
        height: 14px !important;
    }

    .tsvst-post-content .mejs-time-handle-content::after,
    .post-content .mejs-time-handle-content::after {
        width: 4px;
        height: 4px;
    }
}

/* =========================================================
   مینیمال‌تر کردن بخش دموهای صوتی
   ========================================================= */

/* باکس عنوان دمو */
.tsvst-audio-heading {
    margin: 22px 0 10px !important;
    padding: 12px 14px !important;
    border: 1px solid #e7eaf3 !important;
    border-radius: 16px !important;
    background:
        radial-gradient(
            circle at left top,
            rgba(117, 88, 255, 0.08),
            transparent 35%
        ),
        linear-gradient(135deg, #ffffff, #fafbfe) !important;
    box-shadow: 0 8px 20px rgba(31, 36, 64, 0.05) !important;
}

/* آیکن عنوان */
.tsvst-audio-heading-icon {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    border-radius: 13px !important;
    font-size: 17px !important;
}

/* متن عنوان */
.tsvst-audio-heading-text strong {
    font-size: 14px !important;
}

.tsvst-audio-heading-text small {
    font-size: 10px !important;
}

/* شمارنده دمو */
.tsvst-audio-count {
    min-height: 28px !important;
    padding: 3px 10px !important;
    font-size: 10px !important;
    border-radius: 24px !important;
}

/* فاصله بین دموها */
.tsvst-post-content .wp-block-audio,
.post-content .wp-block-audio,
.tsvst-post-content .mejs-container,
.post-content .mejs-container {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* خود پلیر - ارتفاع کمتر */
.tsvst-post-content .mejs-container,
.post-content .mejs-container,
.tsvst-post-content .wp-audio-shortcode.mejs-container,
.post-content .wp-audio-shortcode.mejs-container {
    height: 62px !important;
    min-height: 62px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(131, 136, 166, 0.22) !important;
    box-shadow:
        0 8px 18px rgba(16, 20, 37, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* کنترل‌های داخل پلیر */
.tsvst-post-content .mejs-container .mejs-controls,
.post-content .mejs-container .mejs-controls {
    height: 62px !important;
    padding: 0 12px !important;
    gap: 7px !important;
}

/* دکمه پخش کوچک‌تر */
.tsvst-post-content .mejs-playpause-button,
.post-content .mejs-playpause-button {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 13px !important;
}

.tsvst-post-content .mejs-play button::before,
.post-content .mejs-play button::before {
    font-size: 15px !important;
}

.tsvst-post-content .mejs-pause button::before,
.post-content .mejs-pause button::before {
    font-size: 14px !important;
}

/* دکمه صدا کوچک‌تر */
.tsvst-post-content .mejs-volume-button,
.post-content .mejs-volume-button {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
}

.tsvst-post-content .mejs-mute button::before,
.post-content .mejs-mute button::before,
.tsvst-post-content .mejs-unmute button::before,
.post-content .mejs-unmute button::before {
    font-size: 15px !important;
}

/* زمان‌ها */
.tsvst-post-content .mejs-time,
.post-content .mejs-time {
    height: 34px !important;
    line-height: 34px !important;
    font-size: 10px !important;
    padding: 0 2px !important;
}

.tsvst-post-content .mejs-currenttime,
.tsvst-post-content .mejs-duration,
.post-content .mejs-currenttime,
.post-content .mejs-duration {
    font-size: 10px !important;
}

/* نوار پیشرفت */
.tsvst-post-content .mejs-time-rail,
.post-content .mejs-time-rail {
    height: 34px !important;
    margin: 0 4px !important;
}

.tsvst-post-content .mejs-time-total,
.post-content .mejs-time-total {
    top: 13px !important;
    height: 7px !important;
}

.tsvst-post-content .mejs-time-loaded,
.post-content .mejs-time-loaded,
.tsvst-post-content .mejs-time-current,
.post-content .mejs-time-current,
.tsvst-post-content .mejs-time-hovered,
.post-content .mejs-time-hovered {
    height: 7px !important;
}

/* هندل / نقطه پیشرفت کوچک‌تر و مینیمال‌تر */
.tsvst-post-content .mejs-time-handle,
.post-content .mejs-time-handle {
    height: 7px !important;
}

.tsvst-post-content .mejs-time-handle-content,
.post-content .mejs-time-handle-content {
    top: -4px !important;
    right: -7px !important;
    width: 14px !important;
    height: 14px !important;
    border-width: 2px !important;
    box-shadow:
        0 0 0 3px rgba(122, 99, 255, 0.14),
        0 3px 8px rgba(0, 0, 0, 0.24) !important;
}

.tsvst-post-content .mejs-time-handle-content::after,
.post-content .mejs-time-handle-content::after {
    width: 4px !important;
    height: 4px !important;
}

/* نوار صدا */
.tsvst-post-content .mejs-horizontal-volume-slider,
.post-content .mejs-horizontal-volume-slider {
    flex: 0 0 68px !important;
    width: 68px !important;
    height: 34px !important;
}

.tsvst-post-content .mejs-horizontal-volume-total,
.post-content .mejs-horizontal-volume-total,
.tsvst-post-content .mejs-horizontal-volume-current,
.post-content .mejs-horizontal-volume-current {
    top: 14px !important;
    height: 6px !important;
}

/* اگر دموها زیاد بود ظاهر تمیز بماند */
.tsvst-post-content .wp-block-audio,
.post-content .wp-block-audio {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* موبایل */
@media (max-width: 600px) {
    .tsvst-audio-heading {
        padding: 11px 12px !important;
        border-radius: 14px !important;
    }

    .tsvst-audio-heading-icon {
        width: 38px !important;
        height: 38px !important;
        flex-basis: 38px !important;
    }

    .tsvst-post-content .mejs-container,
    .post-content .mejs-container,
    .tsvst-post-content .wp-audio-shortcode.mejs-container,
    .post-content .wp-audio-shortcode.mejs-container {
        height: 56px !important;
        min-height: 56px !important;
        border-radius: 14px !important;
    }

    .tsvst-post-content .mejs-container .mejs-controls,
    .post-content .mejs-container .mejs-controls {
        height: 56px !important;
        padding: 0 9px !important;
        gap: 5px !important;
    }

    .tsvst-post-content .mejs-playpause-button,
    .post-content .mejs-playpause-button {
        width: 36px !important;
        height: 36px !important;
        flex-basis: 36px !important;
    }

    .tsvst-post-content .mejs-volume-button,
    .post-content .mejs-volume-button {
        width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
    }

    .tsvst-post-content .mejs-time,
    .post-content .mejs-time {
        font-size: 9px !important;
    }

    .tsvst-post-content .mejs-time-total,
    .post-content .mejs-time-total {
        top: 12px !important;
    }

    .tsvst-post-content .mejs-time-handle-content,
    .post-content .mejs-time-handle-content {
        width: 12px !important;
        height: 12px !important;
        top: -3px !important;
        right: -6px !important;
    }
}


/* =========================================================
   نسخه روشن‌تر و باریک‌تر برای دموهای صوتی
   ========================================================= */

/* باکس عنوان دمو */
.tsvst-audio-heading {
    margin: 20px 0 9px !important;
    padding: 11px 14px !important;
    border: 1px solid #dfe4f3 !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #ffffff 0%, #fbfcff 100%) !important;
    box-shadow:
        0 0 0 1px rgba(244, 246, 252, 0.9) inset,
        0 8px 18px rgba(42, 52, 88, 0.05) !important;
}

.tsvst-audio-heading-icon {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    background: linear-gradient(135deg, #8d72ff, #6650eb) !important;
    box-shadow: 0 7px 16px rgba(101, 80, 235, 0.20) !important;
}

.tsvst-audio-heading-text strong {
    font-size: 14px !important;
}

.tsvst-audio-heading-text small {
    font-size: 10px !important;
    color: #7f8699 !important;
}

.tsvst-audio-count {
    min-height: 27px !important;
    padding: 3px 10px !important;
    border: 1px solid #dddfff !important;
    border-radius: 30px !important;
    background: #f5f3ff !important;
    color: #6c56d6 !important;
    font-size: 10px !important;
}

/* فاصله بین پلیرها */
.tsvst-post-content .mejs-container,
.post-content .mejs-container,
.tsvst-post-content .wp-block-audio,
.post-content .wp-block-audio {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

/* خود پلیر - روشن‌تر و باریک‌تر */
.tsvst-post-content .mejs-container,
.post-content .mejs-container,
.tsvst-post-content .wp-audio-shortcode.mejs-container,
.post-content .wp-audio-shortcode.mejs-container {
    height: 54px !important;
    min-height: 54px !important;
    border: 1px solid rgba(191, 201, 235, 0.48) !important;
    border-radius: 15px !important;
    background: linear-gradient(
        135deg,
        #464b7a 0%,
        #31365f 48%,
        #252a47 100%
    ) !important;
    box-shadow:
        0 7px 16px rgba(32, 39, 73, 0.12),
        0 0 0 1px rgba(255, 255, 255, 0.03) inset !important;
}

/* کنترل‌ها */
.tsvst-post-content .mejs-container .mejs-controls,
.post-content .mejs-container .mejs-controls {
    height: 54px !important;
    padding: 0 10px !important;
    gap: 6px !important;
}

/* دکمه پخش */
.tsvst-post-content .mejs-playpause-button,
.post-content .mejs-playpause-button {
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg, #957bff, #6e57ee) !important;
    box-shadow: 0 6px 14px rgba(101, 81, 234, 0.28) !important;
}

.tsvst-post-content .mejs-play button::before,
.post-content .mejs-play button::before {
    font-size: 13px !important;
}

.tsvst-post-content .mejs-pause button::before,
.post-content .mejs-pause button::before {
    font-size: 12px !important;
}

/* زمان */
.tsvst-post-content .mejs-time,
.post-content .mejs-time {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 1px !important;
    font-size: 9px !important;
}

.tsvst-post-content .mejs-currenttime,
.tsvst-post-content .mejs-duration,
.post-content .mejs-currenttime,
.post-content .mejs-duration {
    font-size: 9px !important;
    color: #ffffff !important;
}

/* نوار پیشرفت */
.tsvst-post-content .mejs-time-rail,
.post-content .mejs-time-rail {
    height: 30px !important;
    margin: 0 4px !important;
}

.tsvst-post-content .mejs-time-total,
.post-content .mejs-time-total {
    top: 12px !important;
    height: 6px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.18) !important;
}

.tsvst-post-content .mejs-time-loaded,
.post-content .mejs-time-loaded {
    height: 6px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.22) !important;
}

.tsvst-post-content .mejs-time-current,
.post-content .mejs-time-current {
    height: 6px !important;
    border-radius: 20px !important;
    background: linear-gradient(90deg, #55dcf0, #7f72ff) !important;
    box-shadow: 0 0 10px rgba(102, 171, 255, 0.32) !important;
}

/* نشانگر پیشرفت - ظریف‌تر */
.tsvst-post-content .mejs-time-handle,
.post-content .mejs-time-handle {
    height: 6px !important;
}

.tsvst-post-content .mejs-time-handle-content,
.post-content .mejs-time-handle-content {
    top: -3px !important;
    right: -6px !important;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid rgba(255, 255, 255, 0.96) !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #63ddf2, #7b6cff) !important;
    box-shadow:
        0 0 0 2px rgba(122, 108, 255, 0.12),
        0 2px 7px rgba(0, 0, 0, 0.18) !important;
}

.tsvst-post-content .mejs-time-handle-content::after,
.post-content .mejs-time-handle-content::after {
    width: 3px !important;
    height: 3px !important;
    background: #fff !important;
}

/* صدا */
.tsvst-post-content .mejs-volume-button,
.post-content .mejs-volume-button {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    background: rgba(255, 255, 255, 0.10) !important;
}

.tsvst-post-content .mejs-mute button::before,
.post-content .mejs-mute button::before,
.tsvst-post-content .mejs-unmute button::before,
.post-content .mejs-unmute button::before {
    font-size: 13px !important;
}

/* اسلایدر صدا */
.tsvst-post-content .mejs-horizontal-volume-slider,
.post-content .mejs-horizontal-volume-slider {
    flex: 0 0 60px !important;
    width: 60px !important;
    height: 30px !important;
}

.tsvst-post-content .mejs-horizontal-volume-total,
.post-content .mejs-horizontal-volume-total {
    top: 12px !important;
    height: 5px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.18) !important;
}

.tsvst-post-content .mejs-horizontal-volume-current,
.post-content .mejs-horizontal-volume-current {
    top: 12px !important;
    height: 5px !important;
    border-radius: 20px !important;
    background: linear-gradient(90deg, #55dcf0, #8c75ff) !important;
}

/* بلوک گوتنبرگ اضافی اطراف پلیر را حذف کن */
.tsvst-post-content .wp-block-audio,
.post-content .wp-block-audio {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* موبایل */
@media (max-width: 600px) {
    .tsvst-audio-heading {
        padding: 10px 12px !important;
        border-radius: 14px !important;
    }

    .tsvst-audio-heading-icon {
        width: 36px !important;
        height: 36px !important;
        flex-basis: 36px !important;
    }

    .tsvst-post-content .mejs-container,
    .post-content .mejs-container,
    .tsvst-post-content .wp-audio-shortcode.mejs-container,
    .post-content .wp-audio-shortcode.mejs-container {
        height: 48px !important;
        min-height: 48px !important;
        border-radius: 13px !important;
    }

    .tsvst-post-content .mejs-container .mejs-controls,
    .post-content .mejs-container .mejs-controls {
        height: 48px !important;
        padding: 0 8px !important;
        gap: 4px !important;
    }

    .tsvst-post-content .mejs-playpause-button,
    .post-content .mejs-playpause-button {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
    }

    .tsvst-post-content .mejs-volume-button,
    .post-content .mejs-volume-button {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
    }

    .tsvst-post-content .mejs-time-total,
    .post-content .mejs-time-total {
        top: 11px !important;
    }

    .tsvst-post-content .mejs-time-handle-content,
    .post-content .mejs-time-handle-content {
        width: 10px !important;
        height: 10px !important;
        top: -2px !important;
        right: -5px !important;
    }
}

/* =========================================================
   حذف خط مشکی فوکوس هنگام کلیک
   با حفظ فوکوس مناسب برای صفحه‌کلید
   ========================================================= */

/* حذف خط سیاه هنگام کلیک با ماوس */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible),
summary:focus:not(:focus-visible),
input[type="button"]:focus:not(:focus-visible),
input[type="submit"]:focus:not(:focus-visible),
.mejs-controls button:focus:not(:focus-visible),
.mejs-time-total:focus:not(:focus-visible),
.mejs-horizontal-volume-slider:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* فوکوس زیبا فقط هنگام استفاده از کیبورد */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
summary:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
.mejs-controls button:focus-visible {
    outline: 2px solid rgba(112, 82, 238, 0.75) !important;
    outline-offset: 3px !important;
    border-radius: 8px;
    box-shadow: 0 0 0 4px rgba(112, 82, 238, 0.12) !important;
}

/* جلوگیری از خط فوکوس قدیمی فایرفاکس */
a:-moz-focusring,
button:-moz-focusring,
[role="button"]:-moz-focusring,
summary:-moz-focusring {
    outline: none !important;
}

/* حذف رنگ فلش هنگام لمس در موبایل */
a,
button,
[role="button"],
summary,
.mejs-controls button,
.mejs-time-total,
.mejs-horizontal-volume-slider {
    -webkit-tap-highlight-color: transparent;
}
/* ==========================================================================
   سایدبار مدرن TSVST
   ========================================================================== */

.tsvst-modern-sidebar {
    --ts-side-primary: #6f55ee;
    --ts-side-primary-dark: #5037ca;
    --ts-side-cyan: #18b7c8;
    --ts-side-gold: #d2a027;
    --ts-side-green: #18a96f;
    --ts-side-orange: #ef8a35;
    --ts-side-text: #23293a;
    --ts-side-muted: #7d8697;
    --ts-side-line: #e7eaf2;
    --ts-side-soft: #f8f9fd;
    --ts-side-radius: 20px;
    direction: rtl;
}

.tsvst-modern-sidebar,
.tsvst-modern-sidebar * {
    box-sizing: border-box;
}

.tsvst-modern-sidebar a {
    text-decoration: none !important;
}

.tsvst-modern-sidebar img {
    max-width: 100%;
}

/* کارت عمومی ------------------------------------------------------------ */

.tsvst-side-card {
    position: relative;
    width: 100%;
    margin-bottom: 17px;
    overflow: hidden;
    border: 1px solid var(--ts-side-line);
    border-radius: var(--ts-side-radius);
    background: #fff;
    box-shadow: 0 12px 32px rgba(29, 37, 62, .075);
}

.tsvst-side-card::before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, var(--ts-side-primary), var(--ts-side-cyan));
}

.tsvst-side-head {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 77px;
    padding: 17px 17px 15px;
    border-bottom: 1px solid #edf0f5;
    background:
        radial-gradient(circle at left top, rgba(111, 85, 238, .08), transparent 34%),
        linear-gradient(135deg, #fff, #fafbfe);
}

.tsvst-side-head-icon {
    display: inline-flex;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border-radius: 13px;
    color: var(--ts-side-primary);
    background: linear-gradient(135deg, #f0edff, #eaf7ff);
    box-shadow: inset 0 0 0 1px rgba(111, 85, 238, .09);
    font-size: 17px;
}

.tsvst-side-head-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.tsvst-side-head-copy strong {
    margin-bottom: 2px;
    color: var(--ts-side-text);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.6;
}

.tsvst-side-head-copy small {
    color: var(--ts-side-muted);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.7;
}

/* اطلاعات محصول --------------------------------------------------------- */

.tsvst-side-product::before {
    background: linear-gradient(90deg, #d4a62d, #f0cc67, #ae7908);
}

.tsvst-side-product .tsvst-side-head-icon {
    color: #956600;
    background: linear-gradient(135deg, #fff8dd, #fff0b7);
}

.tsvst-side-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 17px;
    border-bottom: 1px solid #edf0f4;
}

.tsvst-side-price-row > div {
    display: flex;
    flex-direction: column;
}

.tsvst-side-price-row small {
    margin-bottom: 3px;
    color: var(--ts-side-muted);
    font-size: 10px;
    font-weight: 700;
}

.tsvst-side-price-row strong {
    color: #8b6103;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.5;
}

.tsvst-side-price-row > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 31px;
    padding: 5px 10px;
    border: 1px solid #ccebdc;
    border-radius: 30px;
    color: #177a54;
    background: #f0fbf6;
    font-size: 9px;
    font-weight: 800;
}

.tsvst-side-benefits {
    display: grid;
    gap: 8px;
    padding: 15px 17px;
    border-bottom: 1px solid #edf0f4;
}

.tsvst-side-benefits div {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #596274;
    font-size: 11px;
    font-weight: 700;
}

.tsvst-side-benefits i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    border-radius: 9px;
    color: #795fdc;
    background: #f1effc;
}

.tsvst-side-file-meta {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 15px 17px;
    list-style: none;
}

.tsvst-side-file-meta li {
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 54px;
    padding: 9px 10px;
    border: 1px solid #edf0f5;
    border-radius: 13px;
    background: #fbfcfe;
}

.tsvst-side-file-meta li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 11px;
    color: var(--ts-side-primary);
    background: #f0edff;
}

.tsvst-side-file-meta li > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.tsvst-side-file-meta small {
    margin-bottom: 1px;
    color: var(--ts-side-muted);
    font-size: 9px;
    font-weight: 700;
}

.tsvst-side-file-meta strong {
    overflow: hidden;
    color: var(--ts-side-text);
    font-size: 11px;
    font-weight: 900;
    line-height: 1.7;
    text-overflow: ellipsis;
}

.tsvst-side-demo {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    margin: 0 17px 12px;
    border: 1px solid #dcd6ff;
    border-radius: 13px;
    color: #654fd0 !important;
    background: #f5f3ff;
    font-size: 11px;
    font-weight: 900;
    transition: transform .2s ease, background .2s ease;
}

.tsvst-side-demo:hover {
    color: #5138ce !important;
    background: #ece8ff;
    transform: translateY(-2px);
}

.tsvst-side-buy {
    display: grid;
    gap: 10px;
    padding: 14px 17px 18px;
    border-top: 1px solid #edf0f4;
    background: #fbfcfe;
}

.tsvst-side-buy .edd_purchase_submit_wrapper,
.tsvst-side-buy .edd_download_purchase_form {
    width: 100%;
    margin: 0;
}

.tsvst-side-buy .edd-add-to-cart,
.tsvst-side-buy .edd-submit,
.tsvst-side-buy .edd_go_to_checkout {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 49px;
    padding: 10px 15px !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #7459f0, #5036c9) !important;
    box-shadow: 0 9px 20px rgba(80, 54, 201, .24) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.tsvst-side-buy .edd-add-to-cart:hover,
.tsvst-side-buy .edd-submit:hover,
.tsvst-side-buy .edd_go_to_checkout:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(80, 54, 201, .32) !important;
}

.tsvst-side-coin {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 45px;
    border: 1px solid #d9e7de;
    border-radius: 13px;
    color: #13724e !important;
    background: #f0faf5;
    font-size: 11px;
    font-weight: 900;
}

/* عضویت ---------------------------------------------------------------- */

.tsvst-side-membership::before {
    background: linear-gradient(90deg, #755af0, #b46ff2);
}

.tsvst-side-membership-content {
    padding: 15px 17px 18px;
}

.tsvst-side-membership-content > *:first-child {
    margin-top: 0;
}

.tsvst-side-membership-content > *:last-child {
    margin-bottom: 0;
}

/* عنوان قدیمی افزونه داخل شورت‌کد نمایش داده نشود. */
.tsvst-side-membership-content .sidebar-title,
.tsvst-side-membership-content .widget-title,
.tsvst-side-membership-content .rcp-status-title,
.tsvst-side-membership-content .rcp_status_title,
.tsvst-side-membership-content > h2:first-child,
.tsvst-side-membership-content > h3:first-child {
    display: none !important;
}

.tsvst-side-membership-content > div:first-child {
    margin-top: 0 !important;
}

/* تب‌ها ---------------------------------------------------------------- */

.tsvst-side-tabs {
    padding: 14px;
}

.tsvst-side-tab-buttons {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 13px;
    padding: 5px;
    border: 1px solid #e7eaf2;
    border-radius: 13px;
    background: #f6f7fb;
}

.tsvst-side-tab-buttons button {
    min-width: 0;
    min-height: 36px;
    padding: 7px 5px;
    border: 0;
    border-radius: 9px;
    color: #737c8e;
    background: transparent;
    font-family: inherit;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

.tsvst-side-tab-buttons button.is-active {
    color: #fff;
    background: linear-gradient(135deg, #7a60ef, #5b41d2);
    box-shadow: 0 6px 14px rgba(91, 65, 210, .21);
}

.tsvst-side-tab-panel[hidden] {
    display: none !important;
}

/* لیست نوشته‌ها -------------------------------------------------------- */

.tsvst-side-posts {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tsvst-side-posts li > a {
    display: grid;
    grid-template-columns: 61px minmax(0, 1fr) 14px;
    gap: 10px;
    align-items: center;
    min-height: 72px;
    padding: 7px;
    border: 1px solid #edf0f5;
    border-radius: 13px;
    background: #fff;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.tsvst-side-posts li > a:hover {
    border-color: #d8d2fa;
    box-shadow: 0 8px 18px rgba(57, 48, 106, .08);
    transform: translateY(-2px);
}

.tsvst-side-post-thumb {
    display: block;
    width: 61px;
    height: 56px;
    overflow: hidden;
    border-radius: 10px;
    background: #f1f2f7;
}

.tsvst-side-post-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.tsvst-side-posts li > a:hover img {
    transform: scale(1.06);
}

.tsvst-side-no-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #9d95d8;
    background: linear-gradient(135deg, #f1efff, #edf7fb);
    font-size: 18px;
}

.tsvst-side-post-text {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.tsvst-side-post-text strong {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 6px;
    color: #343a4c;
    font-size: 10.5px;
    font-weight: 900;
    line-height: 1.8;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tsvst-side-post-text small {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #9299a7;
    font-size: 8.5px;
    font-weight: 700;
}

.tsvst-side-post-arrow {
    color: #c1c6d1;
    font-size: 12px;
    transition: color .2s ease, transform .2s ease;
}

.tsvst-side-posts li > a:hover .tsvst-side-post-arrow {
    color: var(--ts-side-primary);
    transform: translateX(-2px);
}

.tsvst-side-empty {
    display: flex;
    min-height: 90px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #9098a8;
    border: 1px dashed #dfe3eb;
    border-radius: 13px;
    background: #fafbfd;
    font-size: 10px;
    font-weight: 700;
}

/* برندها --------------------------------------------------------------- */

.tsvst-side-brand-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 16px;
    background:
        radial-gradient(circle at left top, rgba(111, 85, 238, .055), transparent 34%),
        linear-gradient(180deg, #fff, #fbfcff);
}

.tsvst-side-brand-card {
    display: flex !important;
    position: relative;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e7eaf2;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(34, 42, 70, .055);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.tsvst-side-brand-card::before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 14px;
    left: 14px;
    height: 2px;
    border-radius: 0 0 10px 10px;
    content: "";
    opacity: 0;
    background: linear-gradient(90deg, #785def, #20bac8);
    transition: opacity .22s ease;
}

.tsvst-side-brand-card:hover {
    border-color: #d5cff7;
    box-shadow: 0 14px 30px rgba(62, 51, 125, .11);
    transform: translateY(-4px);
}

.tsvst-side-brand-card:hover::before {
    opacity: 1;
}

.tsvst-side-brand-logo {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 98px;
    padding: 12px;
    overflow: hidden;
    border-bottom: 1px solid #eef0f5;
    background:
        radial-gradient(circle at center, rgba(122, 96, 239, .09), transparent 62%),
        linear-gradient(135deg, #fcfcff, #f5f7fc);
}

.tsvst-side-brand-logo::after {
    position: absolute;
    inset: 9px;
    border: 1px dashed rgba(117, 99, 205, .12);
    border-radius: 11px;
    content: "";
    pointer-events: none;
}

.tsvst-side-brand-logo img {
    display: block;
    position: relative;
    z-index: 1;
    width: auto !important;
    max-width: 90% !important;
    height: auto !important;
    max-height: 76px !important;
    object-fit: contain;
    filter: saturate(.96);
    transition: transform .28s ease, filter .28s ease;
}

.tsvst-side-brand-card:hover .tsvst-side-brand-logo img {
    filter: saturate(1.08);
    transform: scale(1.06);
}

.tsvst-side-brand-footer {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 45px;
    padding: 10px 12px;
    background: #fff;
}

.tsvst-side-brand-footer strong {
    overflow: hidden;
    color: #363c4d;
    font-size: 10.5px;
    font-weight: 900;
    line-height: 1.6;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tsvst-side-brand-footer i {
    display: inline-flex;
    flex: 0 0 25px;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 8px;
    color: #7a61de;
    background: #f1effc;
    font-size: 10px;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.tsvst-side-brand-card:hover .tsvst-side-brand-footer i {
    color: #fff;
    background: linear-gradient(135deg, #785def, #5a3fd1);
    transform: translateX(-2px);
}

/* مطالب تصادفی --------------------------------------------------------- */

.tsvst-side-random-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 15px;
}

.tsvst-side-random-grid article {
    min-width: 0;
}

.tsvst-side-random-grid article > a {
    display: block;
    position: relative;
    height: 116px;
    overflow: hidden;
    border-radius: 14px;
    background: #1f2436;
    box-shadow: 0 8px 20px rgba(25, 31, 53, .11);
}

.tsvst-side-random-grid img,
.tsvst-side-random-placeholder {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    transition: transform .35s ease;
}

.tsvst-side-random-placeholder {
    color: #fff;
    background: linear-gradient(135deg, #7760e5, #25a7bf);
    font-size: 23px;
}

.tsvst-side-random-grid article > a::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(to top, rgba(18, 22, 36, .92), rgba(18, 22, 36, .06) 68%);
}

.tsvst-side-random-grid article:hover img {
    transform: scale(1.07);
}

.tsvst-side-random-copy {
    display: flex;
    position: absolute;
    z-index: 2;
    right: 10px;
    bottom: 9px;
    left: 10px;
    flex-direction: column;
}

.tsvst-side-random-copy strong {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 3px;
    color: #fff;
    font-size: 9.5px;
    font-weight: 900;
    line-height: 1.7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tsvst-side-random-copy small {
    color: rgba(255,255,255,.72);
    font-size: 8px;
    font-weight: 600;
}

/* سازها ---------------------------------------------------------------- */

.tsvst-side-instruments {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    padding: 15px;
}

.tsvst-side-instruments > a {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    min-height: 65px;
    padding: 9px;
    border: 1px solid #edf0f5;
    border-radius: 13px;
    background: linear-gradient(135deg, #fff, #fafbfe);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.tsvst-side-instruments > a:hover {
    border-color: #d7d1fa;
    box-shadow: 0 8px 18px rgba(59, 50, 109, .075);
    transform: translateY(-2px);
}

.tsvst-side-instrument-image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 5px;
    border-radius: 11px;
    background: #f0eff9;
}

.tsvst-side-instrument-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.tsvst-side-instruments > a > span:last-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.tsvst-side-instruments strong {
    overflow: hidden;
    color: #3a4050;
    font-size: 9.5px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tsvst-side-instruments small {
    overflow: hidden;
    color: #969daa;
    font-size: 8px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* تبلیغات و بنر -------------------------------------------------------- */

.tsvst-side-ads {
    padding: 15px;
    text-align: center;
}

.tsvst-side-ads img,
.tsvst-side-ads iframe {
    max-width: 100%;
    border-radius: 13px;
}

.tsvst-side-banner {
    display: block;
    margin-bottom: 17px;
    padding: 5px;
    overflow: hidden;
    border: 1px solid var(--ts-side-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(29, 37, 62, .07);
    transition: transform .2s ease, box-shadow .2s ease;
}

.tsvst-side-banner:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 29px rgba(29, 37, 62, .11);
}

.tsvst-side-banner img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 11px;
}

/* فوکوس --------------------------------------------------------------- */

.tsvst-modern-sidebar a:focus:not(:focus-visible),
.tsvst-modern-sidebar button:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none;
}

.tsvst-modern-sidebar a:focus-visible,
.tsvst-modern-sidebar button:focus-visible {
    outline: 2px solid rgba(111, 85, 238, .72) !important;
    outline-offset: 3px;
}

.tsvst-modern-sidebar a,
.tsvst-modern-sidebar button {
    -webkit-tap-highlight-color: transparent;
}

/* واکنش‌گرایی ---------------------------------------------------------- */

@media (max-width: 1199px) and (min-width: 992px) {
    .tsvst-side-instruments {
        grid-template-columns: 1fr;
    }

    .tsvst-side-posts li > a {
        grid-template-columns: 54px minmax(0, 1fr) 12px;
    }

    .tsvst-side-post-thumb {
        width: 54px;
        height: 52px;
    }
}

@media (max-width: 991px) {
    .tsvst-modern-sidebar {
        margin-top: 22px;
    }

    .tsvst-side-instruments {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tsvst-side-random-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .tsvst-side-card {
        border-radius: 17px;
    }

    .tsvst-side-head {
        min-height: 70px;
        padding: 14px;
    }

    .tsvst-side-head-icon {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }

    .tsvst-side-tabs,
    .tsvst-side-brand-grid,
    .tsvst-side-random-grid,
    .tsvst-side-instruments {
        padding: 12px;
    }

    .tsvst-side-random-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tsvst-side-instruments {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .tsvst-side-last-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tsvst-side-posts li > a {
        grid-template-columns: 56px minmax(0, 1fr) 12px;
    }

    .tsvst-side-post-thumb {
        width: 56px;
        height: 53px;
    }
}


/* واکنش‌گرایی برندهای محبوب */
@media (max-width: 991px) and (min-width: 600px) {
    .tsvst-side-brand-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 599px) {
    .tsvst-side-brand-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        padding: 12px;
    }

    .tsvst-side-brand-logo {
        height: 86px;
    }

    .tsvst-side-brand-logo img {
        max-height: 66px !important;
    }
}
/* =========================================================
   هماهنگ‌سازی باکس وضعیت اشتراک با سایدبار مدرن
   ========================================================= */

/* بدنه اصلی بخش */
.tsvst-side-membership-content {
    padding: 14px 16px 17px !important;
    background: #fff !important;
}

/* حذف باکس و پس‌زمینه اضافی خروجی شورت‌کد */
.tsvst-side-membership-content > div,
.tsvst-side-membership-content .rcp_status_sidebar,
.tsvst-side-membership-content .rcp-status-sidebar,
.tsvst-side-membership-content .rcp-status-wrapper,
.tsvst-side-membership-content .rcp_status_wrapper,
.tsvst-side-membership-content .subscription-status-wrapper,
.tsvst-side-membership-content .membership-status-wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* حذف پس‌زمینه خاکستری باکس داخلی */
.tsvst-side-membership-content .rcp-status-box,
.tsvst-side-membership-content .rcp_status_box,
.tsvst-side-membership-content .subscription-status-box,
.tsvst-side-membership-content .membership-status-box,
.tsvst-side-membership-content .account-status-box {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ردیف‌های اطلاعات اشتراک */
.tsvst-side-membership-content .rcp-status-row,
.tsvst-side-membership-content .rcp_status_row,
.tsvst-side-membership-content .status-row,
.tsvst-side-membership-content .subscription-row,
.tsvst-side-membership-content .membership-row,
.tsvst-side-membership-content li {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    margin: 0 0 8px !important;
    padding: 10px 12px !important;
    border: 1px solid #e8ebf3 !important;
    border-radius: 13px !important;
    color: #343a4c;
    background: linear-gradient(
        135deg,
        #ffffff,
        #fafbfe
    ) !important;
    box-shadow: none !important;
}

/* آخرین ردیف فاصله پایین نداشته باشد */
.tsvst-side-membership-content .rcp-status-row:last-child,
.tsvst-side-membership-content .rcp_status_row:last-child,
.tsvst-side-membership-content .status-row:last-child,
.tsvst-side-membership-content .subscription-row:last-child,
.tsvst-side-membership-content .membership-row:last-child,
.tsvst-side-membership-content li:last-child {
    margin-bottom: 0 !important;
}

/* عنوان هر مقدار */
.tsvst-side-membership-content label,
.tsvst-side-membership-content .label,
.tsvst-side-membership-content .status-label,
.tsvst-side-membership-content .rcp-status-label,
.tsvst-side-membership-content .rcp_status_label {
    color: #858d9e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

/* مقدار هر ردیف */
.tsvst-side-membership-content strong,
.tsvst-side-membership-content .value,
.tsvst-side-membership-content .status-value,
.tsvst-side-membership-content .rcp-status-value,
.tsvst-side-membership-content .rcp_status_value {
    color: #292f40 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

/* نشان وضعیت فعال */
.tsvst-side-membership-content .active,
.tsvst-side-membership-content .is-active,
.tsvst-side-membership-content .status-active,
.tsvst-side-membership-content .rcp-active,
.tsvst-side-membership-content .rcp_status_active {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 29px;
    padding: 4px 10px !important;
    border: 1px solid #b9e0d0 !important;
    border-radius: 30px !important;
    color: #16835a !important;
    background: #edf9f4 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

/* متن توضیح پایین بخش */
.tsvst-side-membership-content p {
    margin: 12px 0 9px !important;
    color: #687183 !important;
    font-size: 10.5px !important;
    font-weight: 600;
    line-height: 2;
}

/* دکمه دانلود یا تمدید اشتراک */
.tsvst-side-membership-content a.button,
.tsvst-side-membership-content a.btn,
.tsvst-side-membership-content .button,
.tsvst-side-membership-content .rcp-button,
.tsvst-side-membership-content .subscription-button,
.tsvst-side-membership-content a[href*="vipdl"],
.tsvst-side-membership-content a[href*="register"] {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100% !important;
    min-height: 45px;
    margin: 9px 0 0 !important;
    padding: 9px 13px !important;
    border: 0 !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: linear-gradient(
        135deg,
        #765cef,
        #5540cc
    ) !important;
    box-shadow: 0 8px 18px rgba(85, 64, 204, 0.22) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.tsvst-side-membership-content a.button:hover,
.tsvst-side-membership-content a.btn:hover,
.tsvst-side-membership-content .button:hover,
.tsvst-side-membership-content .rcp-button:hover,
.tsvst-side-membership-content .subscription-button:hover,
.tsvst-side-membership-content a[href*="vipdl"]:hover,
.tsvst-side-membership-content a[href*="register"]:hover {
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 11px 23px rgba(85, 64, 204, 0.3) !important;
}

/* هماهنگی خط بالای کارت با سایر کارت‌های سایدبار */
.tsvst-side-membership::before {
    background: linear-gradient(
        90deg,
        #7459ef,
        #796df2,
        #20b4c7
    ) !important;
}

/* آیکن سربرگ */
.tsvst-side-membership .tsvst-side-card-icon {
    color: #6550db !important;
    background: linear-gradient(
        135deg,
        #f0edff,
        #eaf7ff
    ) !important;
}

/* نسخه موبایل */
@media (max-width: 600px) {
    .tsvst-side-membership-content {
        padding: 12px !important;
    }

    .tsvst-side-membership-content .rcp-status-row,
    .tsvst-side-membership-content .rcp_status_row,
    .tsvst-side-membership-content .status-row,
    .tsvst-side-membership-content .subscription-row,
    .tsvst-side-membership-content .membership-row,
    .tsvst-side-membership-content li {
        min-height: 48px;
        padding: 9px 10px !important;
    }
}

/* ==========================================================================
   استایل تکمیلی سایدبار فروشگاه TSVST
   این فایل بعد از sideright-modern.css بارگذاری شود.
   ========================================================================== */

/* دسترسی سریع فروشگاه --------------------------------------------------- */

.tsvst-shop-quick-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    margin-bottom: 17px;
}

.tsvst-shop-quick-link {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 15px;
    gap: 10px;
    align-items: center;
    min-height: 76px;
    padding: 12px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 17px;
    text-decoration: none !important;
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.tsvst-shop-quick-link:hover {
    transform: translateY(-3px);
}

.tsvst-shop-quick-icon {
    display: inline-flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    color: #fff;
    font-size: 17px;
}

.tsvst-shop-quick-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.tsvst-shop-quick-copy strong {
    margin-bottom: 2px;
    color: var(--ts-side-text);
    font-size: 12px;
    font-weight: 900;
    line-height: 1.6;
}

.tsvst-shop-quick-copy small {
    overflow: hidden;
    color: var(--ts-side-muted);
    font-size: 9px;
    font-weight: 600;
    line-height: 1.6;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tsvst-shop-quick-arrow {
    color: #a7aebd;
    font-size: 13px;
    transition: color .2s ease, transform .2s ease;
}

.tsvst-shop-quick-link:hover .tsvst-shop-quick-arrow {
    transform: translateX(-2px);
}

/* سفارش‌ها */
.tsvst-shop-orders-link {
    border-color: #cceadf;
    background:
        radial-gradient(circle at left top, rgba(27, 172, 116, .10), transparent 42%),
        linear-gradient(135deg, #fbfffd, #eefbf6);
    box-shadow: 0 10px 24px rgba(24, 169, 111, .08);
}

.tsvst-shop-orders-link .tsvst-shop-quick-icon {
    background: linear-gradient(135deg, #30c58b, #159c67);
    box-shadow: 0 7px 16px rgba(21, 156, 103, .24);
}

.tsvst-shop-orders-link:hover {
    border-color: #9bd8c0;
    box-shadow: 0 13px 27px rgba(24, 169, 111, .14);
}

.tsvst-shop-orders-link:hover .tsvst-shop-quick-arrow {
    color: #159c67;
}

/* سبد خرید */
.tsvst-shop-cart-link {
    border-color: #f3d9bd;
    background:
        radial-gradient(circle at left top, rgba(239, 138, 53, .11), transparent 42%),
        linear-gradient(135deg, #fffdfa, #fff5ea);
    box-shadow: 0 10px 24px rgba(239, 138, 53, .08);
}

.tsvst-shop-cart-link .tsvst-shop-quick-icon {
    background: linear-gradient(135deg, #f5a250, #e87725);
    box-shadow: 0 7px 16px rgba(232, 119, 37, .24);
}

.tsvst-shop-cart-link:hover {
    border-color: #eec797;
    box-shadow: 0 13px 27px rgba(239, 138, 53, .14);
}

.tsvst-shop-cart-link:hover .tsvst-shop-quick-arrow {
    color: #e87725;
}

/* کارت اطلاعات محصول ---------------------------------------------------- */

.tsvst-shop-product-card .tsvst-side-buy {
    background:
        radial-gradient(circle at left bottom, rgba(111, 85, 238, .05), transparent 38%),
        #fbfcfe;
}

/* کارت لیست محصولات ----------------------------------------------------- */

.tsvst-shop-list-body {
    padding: 14px;
}

.tsvst-shop-list-card .tsvst-side-head {
    min-height: 75px;
}

/* رنگ اختصاصی پربازدید */
.tsvst-shop-popular-card::before {
    background: linear-gradient(90deg, #6d56ed, #28abc6);
}

.tsvst-shop-popular-card .tsvst-side-head-icon {
    color: #6650d8;
    background: linear-gradient(135deg, #f0edff, #eaf8fc);
}

/* رنگ اختصاصی پرفروش */
.tsvst-shop-bestseller-card::before {
    background: linear-gradient(90deg, #d39e21, #f0c65b, #ed8a38);
}

.tsvst-shop-bestseller-card .tsvst-side-head-icon {
    color: #a36d00;
    background: linear-gradient(135deg, #fff8dc, #fff0c5);
}

/* لیست رتبه‌بندی محصولات ----------------------------------------------- */

.tsvst-shop-product-list {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: none;
}

.tsvst-shop-product-item {
    min-width: 0;
}

.tsvst-shop-product-item > a {
    display: grid !important;
    grid-template-columns: 27px 62px minmax(0, 1fr) 14px;
    gap: 9px;
    align-items: center;
    min-height: 78px;
    padding: 8px;
    overflow: hidden;
    border: 1px solid #edf0f5;
    border-radius: 14px;
    background:
        radial-gradient(circle at left center, rgba(111, 85, 238, .035), transparent 35%),
        #fff;
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.tsvst-shop-product-item > a:hover {
    border-color: #d8d2fa;
    box-shadow: 0 9px 20px rgba(57, 48, 106, .085);
    transform: translateY(-2px);
}

.tsvst-shop-rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    border: 1px solid #e0dcf7;
    border-radius: 9px;
    color: #6d58cb;
    background: #f4f2fc;
    font-size: 9px;
    font-weight: 900;
}

.tsvst-shop-rank-1 {
    border-color: #e7cc77;
    color: #8a5b00;
    background: linear-gradient(135deg, #fff8db, #ffeaae);
}

.tsvst-shop-rank-2 {
    border-color: #cfd5df;
    color: #667080;
    background: linear-gradient(135deg, #f9fafc, #e8ebf0);
}

.tsvst-shop-rank-3 {
    border-color: #dfb991;
    color: #925c2e;
    background: linear-gradient(135deg, #fff4e8, #f2d4b7);
}

.tsvst-shop-product-item .tsvst-side-post-thumb {
    width: 62px;
    height: 60px;
    border-radius: 11px;
}

.tsvst-shop-product-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.tsvst-shop-product-copy > strong {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 7px;
    color: #343a4c;
    font-size: 10.5px;
    font-weight: 900;
    line-height: 1.8;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tsvst-shop-product-meta {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}

.tsvst-shop-product-meta > span {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    color: #9299a7;
    font-size: 8.5px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tsvst-shop-price-badge {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 23px;
    padding: 3px 7px;
    border: 1px solid #d9d4f4;
    border-radius: 20px;
    color: #6651c4;
    background: #f4f2fc;
    font-size: 8px;
    font-weight: 900;
    line-height: 1.4;
}

.tsvst-shop-bestseller-card .tsvst-shop-price-badge {
    border-color: #ead9a8;
    color: #8a6206;
    background: #fff8e4;
}

.tsvst-shop-product-item > a:hover .tsvst-side-post-arrow {
    color: var(--ts-side-primary);
    transform: translateX(-2px);
}

/* فوکوس --------------------------------------------------------------- */

.tsvst-modern-shop-sidebar a:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none;
}

.tsvst-modern-shop-sidebar a:focus-visible {
    outline: 2px solid rgba(111, 85, 238, .72) !important;
    outline-offset: 3px;
}

.tsvst-modern-shop-sidebar a {
    -webkit-tap-highlight-color: transparent;
}

/* واکنش‌گرایی ---------------------------------------------------------- */

@media (max-width: 1199px) and (min-width: 992px) {
    .tsvst-shop-quick-actions {
        grid-template-columns: 1fr;
    }

    .tsvst-shop-quick-link {
        min-height: 68px;
    }

    .tsvst-shop-product-item > a {
        grid-template-columns: 25px 55px minmax(0, 1fr) 12px;
    }

    .tsvst-shop-product-item .tsvst-side-post-thumb {
        width: 55px;
        height: 54px;
    }
}

@media (max-width: 991px) {
    .tsvst-shop-quick-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .tsvst-shop-quick-actions {
        grid-template-columns: 1fr;
    }

    .tsvst-shop-quick-link {
        min-height: 67px;
    }

    .tsvst-shop-list-body {
        padding: 12px;
    }

    .tsvst-shop-product-item > a {
        grid-template-columns: 25px 56px minmax(0, 1fr) 12px;
        min-height: 72px;
        padding: 7px;
    }

    .tsvst-shop-product-item .tsvst-side-post-thumb {
        width: 56px;
        height: 53px;
    }

    .tsvst-shop-price-badge {
        max-width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 390px) {
    .tsvst-shop-product-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}
/* =========================================================
   فاصله بالای سایدبار فروشگاه
   و اصلاح دکمه‌های تکراری EDD
   ========================================================= */

/* فاصله از منوی بالای سایت */
.tsvst-modern-shop-sidebar {
    margin-top: 20px !important;
}

/* مخفی‌کردن دکمه خرید مخصوص حالت بدون جاوااسکریپت */
html.js .tsvst-modern-shop-sidebar .tsvst-side-buy .edd-no-js,
.tsvst-modern-shop-sidebar .tsvst-side-buy input.edd-no-js,
.tsvst-modern-shop-sidebar .tsvst-side-buy button.edd-no-js {
    display: none !important;
}

/* دکمه نهایی‌کردن خرید تا قبل از افزودن محصول مخفی بماند */
.tsvst-modern-shop-sidebar
.tsvst-side-buy
.edd_go_to_checkout[style*="display: none"],
.tsvst-modern-shop-sidebar
.tsvst-side-buy
.edd_go_to_checkout[style*="display:none"] {
    display: none !important;
}

/* کنترل فعال خرید تمام عرض باشد */
.tsvst-modern-shop-sidebar
.tsvst-side-buy
.edd-add-to-cart:not(.edd-no-js),
.tsvst-modern-shop-sidebar
.tsvst-side-buy
.edd_go_to_checkout:not([style*="display: none"]):not([style*="display:none"]),
.tsvst-modern-shop-sidebar
.tsvst-side-buy
.edd-submit:not(.edd-no-js) {
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 49px;
}

/* حذف فاصله‌های اضافی فرم EDD */
.tsvst-modern-shop-sidebar .tsvst-side-buy .edd_download_purchase_form,
.tsvst-modern-shop-sidebar .tsvst-side-buy .edd_purchase_submit_wrapper {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

/* حذف پیام‌ها و فضای خالی مخفی EDD */
.tsvst-modern-shop-sidebar .tsvst-side-buy .edd-cart-ajax-alert:empty,
.tsvst-modern-shop-sidebar
.tsvst-side-buy
.edd-cart-added-alert[style*="display: none"],
.tsvst-modern-shop-sidebar
.tsvst-side-buy
.edd-cart-added-alert[style*="display:none"] {
    display: none !important;
}

/* فاصله بیشتر در تبلت و موبایل */
@media (max-width: 991px) {
    .tsvst-modern-shop-sidebar {
        margin-top: 24px !important;
    }
}

/* ==========================================================================
   برگه فروشگاه مدرن TSVST + EDD
   بخش فروشندگان (#blog_grides) عمداً استایل‌دهی نشده است.
   ========================================================================== */

.tsvst-shop-page {
    --shop-primary: #6d52eb;
    --shop-primary-dark: #4e35c9;
    --shop-cyan: #16b8c8;
    --shop-green: #19a96f;
    --shop-orange: #ee8733;
    --shop-gold: #d5a52a;
    --shop-text: #22283a;
    --shop-muted: #7c8597;
    --shop-line: #e7eaf2;
    --shop-soft: #f7f8fc;
    --shop-card: #fff;
    --shop-radius: 22px;
    direction: rtl;
}

.tsvst-shop-page,
.tsvst-shop-page * {
    box-sizing: border-box;
}

.tsvst-shop-page a {
    text-decoration: none !important;
}

/* هدر فروشگاه ---------------------------------------------------------- */

.tsvst-shop-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(290px, .8fr);
    gap: 25px;
    align-items: center;
    min-height: 315px;
    margin: 22px 0;
    padding: 38px;
    overflow: hidden;
    border: 1px solid rgba(124, 106, 234, .18);
    border-radius: 28px;
    background:
        radial-gradient(circle at 8% 10%, rgba(30, 188, 202, .19), transparent 25%),
        radial-gradient(circle at 88% 8%, rgba(119, 83, 235, .29), transparent 31%),
        linear-gradient(135deg, #181c31, #252a48 55%, #25233e);
    box-shadow: 0 22px 50px rgba(21, 27, 54, .18);
}

.tsvst-shop-hero-content {
    position: relative;
    z-index: 2;
}

.tsvst-shop-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 35px;
    margin-bottom: 17px;
    padding: 6px 13px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 30px;
    color: #dad5ff;
    background: rgba(255,255,255,.07);
    font-size: 10px;
    font-weight: 800;
}

.tsvst-shop-hero h1 {
    max-width: 650px;
    margin: 0 0 14px;
    color: #fff;
    font-size: 31px;
    font-weight: 950;
    line-height: 1.7;
}

.tsvst-shop-hero-content > p {
    max-width: 680px;
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: 13px;
    font-weight: 600;
    line-height: 2.1;
}

.tsvst-shop-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.tsvst-shop-primary-action,
.tsvst-shop-secondary-action {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 10px 17px;
    border-radius: 14px;
    color: #fff !important;
    font-size: 11px;
    font-weight: 900;
    transition: transform .2s ease, box-shadow .2s ease;
}

.tsvst-shop-primary-action {
    background: linear-gradient(135deg, #7c60f2, #593ed4);
    box-shadow: 0 10px 23px rgba(87, 60, 209, .34);
}

.tsvst-shop-secondary-action {
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.08);
}

.tsvst-shop-primary-action:hover,
.tsvst-shop-secondary-action:hover {
    color: #fff !important;
    transform: translateY(-2px);
}

.tsvst-shop-hero-stats {
    display: grid;
    gap: 11px;
}

.tsvst-shop-hero-stats > div {
    display: grid;
    grid-template-columns: 47px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 11px;
    align-items: center;
    min-height: 75px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 17px;
    background: rgba(255,255,255,.07);
    backdrop-filter: blur(8px);
}

.tsvst-shop-hero-stats span {
    display: inline-flex;
    grid-row: 1 / 3;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, rgba(120,96,239,.92), rgba(29,180,199,.82));
    font-size: 18px;
}

.tsvst-shop-hero-stats strong {
    color: #fff;
    font-size: 15px;
    font-weight: 900;
}

.tsvst-shop-hero-stats small {
    color: rgba(255,255,255,.65);
    font-size: 9px;
    font-weight: 600;
}

/* نوار فیلتر ----------------------------------------------------------- */

.tsvst-shop-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding: 14px;
    border: 1px solid var(--shop-line);
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 11px 27px rgba(29, 37, 62, .07);
}

.tsvst-shop-search-form {
    display: grid;
    grid-template-columns: minmax(240px, 1.5fr) minmax(150px, .7fr) minmax(150px, .7fr) auto;
    gap: 9px;
    width: 100%;
}

.tsvst-shop-search-field,
.tsvst-shop-select-field {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 47px;
    padding: 0 12px;
    border: 1px solid #e5e8f1;
    border-radius: 13px;
    background: #f9fafe;
}

.tsvst-shop-search-field > i,
.tsvst-shop-select-field > i {
    color: #8a80cb;
}

.tsvst-shop-search-field input,
.tsvst-shop-select-field select {
    width: 100%;
    height: 45px;
    padding: 0;
    border: 0;
    outline: 0;
    color: #3a4051;
    background: transparent;
    font-family: inherit;
    font-size: 10.5px;
    font-weight: 700;
}

.tsvst-shop-filter-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 120px;
    min-height: 47px;
    padding: 9px 14px;
    border: 0;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(135deg, #7359ee, #5339cc);
    box-shadow: 0 8px 18px rgba(83,57,204,.22);
    font-family: inherit;
    font-size: 10.5px;
    font-weight: 900;
    cursor: pointer;
}

.tsvst-shop-reset-filter {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    color: #a24b5c !important;
    font-size: 9.5px;
    font-weight: 800;
}

/* عنوان سکشن ----------------------------------------------------------- */

.tsvst-shop-section-heading,
.tsvst-shop-products-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    min-height: 76px;
    padding: 16px 18px;
    border-bottom: 1px solid #edf0f5;
    background:
        radial-gradient(circle at left top, rgba(111, 85, 238, .08), transparent 36%),
        linear-gradient(135deg, #fff, #fafbfe);
}

.tsvst-shop-section-heading > div,
.tsvst-shop-products-header > div {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tsvst-shop-section-icon {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    color: var(--shop-primary);
    background: linear-gradient(135deg, #f0edff, #eaf7ff);
    box-shadow: inset 0 0 0 1px rgba(111,85,238,.09);
    font-size: 17px;
}

.tsvst-shop-section-heading h2,
.tsvst-shop-products-header h2 {
    margin: 0 0 2px;
    color: var(--shop-text);
    font-size: 15px;
    font-weight: 950;
    line-height: 1.6;
}

.tsvst-shop-section-heading p,
.tsvst-shop-products-header p {
    margin: 0;
    color: var(--shop-muted);
    font-size: 10px;
    font-weight: 600;
}

/* دسته‌بندی‌ها --------------------------------------------------------- */

.tsvst-shop-categories,
.tsvst-shop-featured,
.tsvst-shop-products-section {
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid var(--shop-line);
    border-radius: var(--shop-radius);
    background: #fff;
    box-shadow: 0 13px 33px rgba(29,37,62,.07);
}

.tsvst-shop-category-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    padding: 17px;
}

.tsvst-shop-category-grid > a {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 13px;
    gap: 9px;
    align-items: center;
    min-height: 67px;
    padding: 10px;
    border: 1px solid #edf0f5;
    border-radius: 14px;
    background: linear-gradient(135deg, #fff, #fafbfe);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.tsvst-shop-category-grid > a:hover,
.tsvst-shop-category-grid > a.is-active {
    border-color: #d7d0fb;
    box-shadow: 0 8px 18px rgba(62,50,116,.08);
    transform: translateY(-2px);
}

.tsvst-shop-category-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    color: #6e57d8;
    background: #f1effc;
}

.tsvst-shop-category-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.tsvst-shop-category-copy strong {
    overflow: hidden;
    color: #363c4d;
    font-size: 10px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tsvst-shop-category-copy small {
    color: #969dab;
    font-size: 8px;
    font-weight: 600;
}

.tsvst-shop-category-grid > a > .fa-angle-left {
    color: #b4bac7;
}

/* پیشنهادهای ویژه ------------------------------------------------------ */

.tsvst-shop-featured-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
    padding: 17px;
}

.tsvst-shop-featured-card a {
    display: block;
    position: relative;
    height: 210px;
    overflow: hidden;
    border-radius: 17px;
    background: #20243a;
}

.tsvst-shop-featured-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.tsvst-shop-featured-card a::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(to top, rgba(15,19,34,.92), rgba(15,19,34,.08) 70%);
}

.tsvst-shop-featured-card:hover img {
    transform: scale(1.06);
}

.tsvst-shop-featured-overlay {
    display: flex;
    position: absolute;
    z-index: 2;
    right: 17px;
    bottom: 15px;
    left: 17px;
    flex-direction: column;
}

.tsvst-shop-featured-overlay small {
    margin-bottom: 4px;
    color: #c9c1ff;
    font-size: 8px;
    font-weight: 700;
}

.tsvst-shop-featured-overlay strong {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 9px;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tsvst-shop-featured-overlay > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: rgba(255,255,255,.75);
    font-size: 9px;
    font-weight: 700;
}

/* ستون اصلی ------------------------------------------------------------ */

.tsvst-shop-main-row {
    position: relative;
    overflow: visible !important;
}

.tsvst-shop-main-row::before,
.tsvst-shop-main-row::after {
    display: table;
    clear: both;
    content: "";
}

.tsvst-shop-products-section {
    margin-top: 0 !important;
    margin-bottom: 25px;
}

/*
 * هم‌سطح‌شدن شروع ستون محصولات و سایدبار در دسکتاپ.
 * عمداً position، top، bottom و transform سایدبار تغییر نمی‌کنند
 * تا Sticky و حرکت پویای فعلی آن کاملاً حفظ شود.
 */
@media (min-width: 992px) {
    .tsvst-shop-main-row > .tsvst-shop-products-column,
    .tsvst-shop-main-row > .col-md-8,
    .tsvst-shop-main-row > .tsvst-modern-shop-sidebar,
    .tsvst-shop-main-row > .sideshop,
    .tsvst-shop-main-row > .tsvst-shop-sidebar,
    .tsvst-shop-main-row > .tsvst-modern-sidebar,
    .tsvst-shop-main-row > .col-md-4 {
        margin-top: 0 !important;
        padding-top: 0 !important;
        vertical-align: top !important;
    }

    .tsvst-shop-main-row > .tsvst-shop-products-column > :first-child,
    .tsvst-shop-main-row > .col-md-8 > :first-child,
    .tsvst-shop-main-row > .tsvst-modern-shop-sidebar > :first-child,
    .tsvst-shop-main-row > .sideshop > :first-child,
    .tsvst-shop-main-row > .tsvst-shop-sidebar > :first-child,
    .tsvst-shop-main-row > .tsvst-modern-sidebar > :first-child,
    .tsvst-shop-main-row > .col-md-4 > :first-child {
        margin-top: 0 !important;
    }
}

.tsvst-shop-current-sort {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 31px;
    padding: 5px 10px;
    border: 1px solid #ded9fa;
    border-radius: 30px;
    color: #6652c8;
    background: #f4f2fc;
    font-size: 9px;
    font-weight: 800;
}

/* گرید محصولات --------------------------------------------------------- */

.tsvst-shop-products-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    padding: 17px;
}

.tsvst-product-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e9ecf3;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 9px 23px rgba(29,37,62,.06);
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.tsvst-product-card:hover {
    border-color: #d8d2fa;
    box-shadow: 0 15px 31px rgba(50,42,95,.11);
    transform: translateY(-4px);
}

.tsvst-product-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 24 / 25;
    overflow: hidden;
    background: #eff1f7;
}

.tsvst-product-image img,
.tsvst-product-image-placeholder {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    transition: transform .38s ease;
}

.tsvst-product-image-placeholder {
    color: #fff;
    background: linear-gradient(135deg, #7359e8, #1daabd);
    font-size: 32px;
}

.tsvst-product-card:hover .tsvst-product-image img {
    transform: scale(1.05);
}

.tsvst-product-image-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(19,23,39,.72), transparent 58%);
    opacity: .72;
}

.tsvst-product-view-button {
    display: inline-flex;
    position: absolute;
    z-index: 2;
    right: 50%;
    bottom: 16px;
    align-items: center;
    gap: 7px;
    min-height: 37px;
    padding: 7px 12px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 12px;
    color: #fff;
    background: rgba(24,27,45,.68);
    font-size: 9px;
    font-weight: 800;
    opacity: 0;
    transform: translate(50%, 10px);
    transition: opacity .22s ease, transform .22s ease;
    backdrop-filter: blur(7px);
}

.tsvst-product-card:hover .tsvst-product-view-button {
    opacity: 1;
    transform: translate(50%, 0);
}

.tsvst-product-badges {
    display: flex;
    position: absolute;
    z-index: 2;
    top: 11px;
    right: 11px;
    gap: 5px;
}

.tsvst-product-badges small {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 4px 8px;
    border-radius: 20px;
    color: #fff;
    font-size: 8px;
    font-weight: 900;
}

.tsvst-product-badges .is-new {
    background: linear-gradient(135deg, #7a5ff0, #5740cf);
}

.tsvst-product-badges .is-free {
    background: linear-gradient(135deg, #26bd82, #129765);
}

.tsvst-product-card-body {
    padding: 15px;
}

.tsvst-product-category {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    color: #7d68d3;
    font-size: 8.5px;
    font-weight: 800;
}

.tsvst-product-card h3 {
    min-height: 54px;
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.9;
}

.tsvst-product-card h3 a {
    display: -webkit-box;
    overflow: hidden;
    color: #303647 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tsvst-product-features {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 26px;
    margin-bottom: 12px;
}

.tsvst-product-features > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    min-height: 25px;
    padding: 4px 8px;
    overflow: hidden;
    border: 1px solid #eceef4;
    border-radius: 20px;
    color: #858d9c;
    background: #fafbfd;
    font-size: 8px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tsvst-product-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    padding-top: 12px;
    border-top: 1px solid #edf0f4;
}

.tsvst-product-price {
    color: #5942c7;
    font-size: 12px;
    font-weight: 950;
}

.tsvst-product-price.is-free {
    color: #14865b;
}

.tsvst-product-details-button {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid #ddd8f8;
    border-radius: 10px;
    color: #6651ca !important;
    background: #f5f3fc;
    font-size: 9px;
    font-weight: 900;
}

/* صفحه‌بندی ------------------------------------------------------------ */

.tsvst-shop-pagination {
    padding: 2px 17px 19px;
}

.tsvst-shop-pagination ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tsvst-shop-pagination a,
.tsvst-shop-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 5px 9px;
    border: 1px solid #e1e4ed;
    border-radius: 11px;
    color: #656e80 !important;
    background: #fff;
    font-size: 9px;
    font-weight: 900;
}

.tsvst-shop-pagination .current {
    border-color: #664bd9;
    color: #fff !important;
    background: linear-gradient(135deg, #755bef, #5339cc);
    box-shadow: 0 7px 16px rgba(83,57,204,.22);
}

/* حالت خالی ------------------------------------------------------------ */

.tsvst-shop-empty-state {
    display: flex;
    min-height: 330px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 35px;
    text-align: center;
}

.tsvst-shop-empty-state > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 67px;
    height: 67px;
    margin-bottom: 14px;
    border-radius: 20px;
    color: #7259df;
    background: #f0edff;
    font-size: 24px;
}

.tsvst-shop-empty-state h3 {
    margin: 0 0 7px;
    color: #343a4c;
    font-size: 16px;
    font-weight: 900;
}

.tsvst-shop-empty-state p {
    margin: 0 0 14px;
    color: #8b93a2;
    font-size: 10px;
}

.tsvst-shop-empty-state a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    padding: 7px 13px;
    border-radius: 11px;
    color: #fff !important;
    background: linear-gradient(135deg, #765cef, #5540cc);
    font-size: 9px;
    font-weight: 900;
}

/* فوکوس --------------------------------------------------------------- */

.tsvst-shop-page a:focus:not(:focus-visible),
.tsvst-shop-page button:focus:not(:focus-visible),
.tsvst-shop-page input:focus:not(:focus-visible),
.tsvst-shop-page select:focus:not(:focus-visible) {
    outline: none !important;
}

.tsvst-shop-page a:focus-visible,
.tsvst-shop-page button:focus-visible,
.tsvst-shop-page input:focus-visible,
.tsvst-shop-page select:focus-visible {
    outline: 2px solid rgba(111,85,238,.75) !important;
    outline-offset: 3px;
}

/* واکنش‌گرایی ---------------------------------------------------------- */

@media (max-width: 1199px) {
    .tsvst-shop-category-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .tsvst-shop-search-form {
        grid-template-columns: minmax(220px, 1.3fr) minmax(140px, .7fr) minmax(140px, .7fr);
    }

    .tsvst-shop-filter-button {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991px) {
    .tsvst-shop-hero {
        grid-template-columns: 1fr;
    }

    .tsvst-shop-hero-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tsvst-shop-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tsvst-shop-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tsvst-shop-main-row .tsvst-modern-shop-sidebar {
        margin-top: 20px !important;
    }
}

@media (max-width: 767px) {
    .tsvst-shop-hero {
        min-height: 0;
        padding: 25px 18px;
        border-radius: 21px;
    }

    .tsvst-shop-hero h1 {
        font-size: 23px;
    }

    .tsvst-shop-hero-stats {
        grid-template-columns: 1fr;
    }

    .tsvst-shop-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .tsvst-shop-search-form {
        grid-template-columns: 1fr;
    }

    .tsvst-shop-filter-button {
        grid-column: auto;
    }

    .tsvst-shop-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 13px;
    }

    .tsvst-shop-featured-grid {
        grid-template-columns: 1fr;
        padding: 13px;
    }

    .tsvst-shop-products-grid {
        grid-template-columns: 1fr;
        padding: 13px;
    }

    .tsvst-shop-products-header {
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .tsvst-shop-hero-actions {
        flex-direction: column;
    }

    .tsvst-shop-primary-action,
    .tsvst-shop-secondary-action {
        width: 100%;
    }

    .tsvst-shop-category-grid {
        grid-template-columns: 1fr;
    }

    .tsvst-shop-featured-card a {
        height: 190px;
    }

    .tsvst-shop-current-sort {
        display: none;
    }
}
/* ==========================================================================
   کارت خرید محصول EDD در سینگل TSVST
   این فایل فقط عناصر با پیشوند tsvst-edd را تغییر می‌دهد.
   ========================================================================== */

.tsvst-single-modern .tsvst-edd-purchase-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    margin: 22px 0;
    border: 1px solid rgba(109, 82, 235, .17);
    border-radius: 7px;

    background:
        radial-gradient(circle at 8% 0%, rgba(24, 184, 200, .09), transparent 31%),
        radial-gradient(circle at 95% 0%, rgba(109, 82, 235, .11), transparent 35%),
        #fff;

    box-shadow:
        0 15px 34px rgba(36, 40, 70, .09),
        inset 0 1px 0 rgba(255, 255, 255, .86);
}

.tsvst-single-modern .tsvst-edd-purchase-card::before {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, #6d52eb, #168fc3 55%, #18b8c8);
}

.tsvst-single-modern .tsvst-edd-purchase-header {
    display: flex;
    min-height: 78px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;

    padding: 15px 17px;
    border-bottom: 1px solid #e9ecf3;

    background:
        linear-gradient(
            135deg,
            rgba(244, 241, 255, .96),
            rgba(239, 248, 252, .82)
        );
}

.tsvst-single-modern .tsvst-edd-purchase-heading {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

.tsvst-single-modern .tsvst-edd-purchase-icon {
    display: inline-flex;
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;

    border-radius: 7px;
    color: #fff;
    background: linear-gradient(135deg, #6d52eb, #168fc3);
    box-shadow: 0 8px 18px rgba(79, 54, 202, .20);
    font-size: 17px;
}

.tsvst-single-modern .tsvst-edd-purchase-heading h3 {
    margin: 0 0 3px !important;
    color: #293043;
    font-size: 16px !important;
    font-weight: 950;
    line-height: 1.7;
}

.tsvst-single-modern .tsvst-edd-purchase-heading p {
    margin: 0 !important;
    color: #818a9b;
    font-size: 10.5px;
    font-weight: 650;
    line-height: 1.9;
}

.tsvst-single-modern .tsvst-edd-purchase-status {
    display: inline-flex;
    flex: 0 0 auto;
    min-height: 31px;
    align-items: center;
    gap: 6px;

    padding: 5px 10px;
    border: 1px solid rgba(109, 82, 235, .14);
    border-radius: 18px;

    color: #5f4bc3;
    background: rgba(109, 82, 235, .075);

    font-size: 9px;
    font-weight: 900;
}

.tsvst-single-modern .tsvst-edd-purchase-card.is-purchased .tsvst-edd-purchase-status {
    color: #087b9b;
    border-color: rgba(24, 184, 200, .18);
    background: rgba(24, 184, 200, .09);
}

/* ساختار داخلی --------------------------------------------------------- */

.tsvst-single-modern .tsvst-edd-purchase-layout {
    display: grid;
    grid-template-columns: 155px minmax(0, 1fr) 205px;
    gap: 14px;
    align-items: stretch;
    padding: 15px;
}

.tsvst-single-modern .tsvst-edd-price-panel,
.tsvst-single-modern .tsvst-edd-benefits,
.tsvst-single-modern .tsvst-edd-purchase-actions {
    min-width: 0;
    border: 1px solid #e8ebf2;
    border-radius: 7px;
    background: rgba(255, 255, 255, .88);
}

.tsvst-single-modern .tsvst-edd-price-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 14px 10px;
    text-align: center;

    background:
        linear-gradient(145deg, #f4f1ff, #eef8fc);
}

.tsvst-single-modern .tsvst-edd-price-label {
    margin-bottom: 5px;
    color: #8a92a2;
    font-size: 9px;
    font-weight: 750;
}

.tsvst-single-modern .tsvst-edd-price-content {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.tsvst-single-modern .tsvst-edd-price-value,
.tsvst-single-modern .tsvst-edd-price-value .edd_price {
    color: #5942c7;
    font-size: 18px;
    font-weight: 950;
    line-height: 1.8;
}

.tsvst-single-modern .tsvst-edd-price-value.is-free {
    color: #087d9e;
}

.tsvst-single-modern .tsvst-edd-price-content small {
    color: #939aaa;
    font-size: 8.5px;
    font-weight: 650;
}

.tsvst-single-modern .tsvst-edd-price-note {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 9px;
    color: #727b8d;
    font-size: 9px;
    font-weight: 750;
}

.tsvst-single-modern .tsvst-edd-price-note i {
    color: #6d52eb;
}

/* مزایا ---------------------------------------------------------------- */

.tsvst-single-modern .tsvst-edd-benefits {
    display: grid;
    align-content: center;
    gap: 7px;
    padding: 10px;
}

.tsvst-single-modern .tsvst-edd-benefits > div {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 5px 7px;
    border-bottom: 1px dashed #e4e7ef;
}

.tsvst-single-modern .tsvst-edd-benefits > div:last-child {
    border-bottom: 0;
}

.tsvst-single-modern .tsvst-edd-benefits > div > span {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;

    border-radius: 7px;
    color: #6350c7;
    background: linear-gradient(135deg, #efecff, #eaf7ff);
    font-size: 12px;
}

.tsvst-single-modern .tsvst-edd-benefits p {
    display: flex;
    min-width: 0;
    flex-direction: column;
    margin: 0 !important;
}

.tsvst-single-modern .tsvst-edd-benefits strong {
    color: #3a4153;
    font-size: 10px;
    font-weight: 900;
}

.tsvst-single-modern .tsvst-edd-benefits small {
    overflow: hidden;
    color: #929aaa;
    font-size: 8px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* فرم خرید EDD --------------------------------------------------------- */

.tsvst-single-modern .tsvst-edd-purchase-actions {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    padding: 11px;
}

.tsvst-single-modern .tsvst-edd-purchase-form,
.tsvst-single-modern .tsvst-edd-purchase-form form,
.tsvst-single-modern .tsvst-edd-purchase-form .edd_download_purchase_form,
.tsvst-single-modern .tsvst-edd-purchase-form .edd_purchase_submit_wrapper {
    width: 100% !important;
    margin: 0 !important;
}

.tsvst-single-modern .tsvst-edd-purchase-form .edd_price_options {
    width: 100%;
    margin: 0 0 9px !important;
    padding: 8px !important;
    border: 1px solid #e4e7ef;
    border-radius: 7px;
    background: #f8f9fd;
    list-style: none;
}

.tsvst-single-modern .tsvst-edd-purchase-form .edd_price_options li {
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #4b5264;
    font-size: 9px;
    font-weight: 750;
}

.tsvst-single-modern .tsvst-edd-purchase-form .edd_price_options li:last-child {
    margin-bottom: 0 !important;
}

.tsvst-single-modern .tsvst-edd-purchase-form .edd_price_options label {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 !important;
    cursor: pointer;
}

.tsvst-single-modern .tsvst-edd-purchase-form .edd_price_options input {
    width: 14px;
    height: 14px;
    accent-color: #6d52eb;
}

.tsvst-single-modern .tsvst-edd-purchase-form .edd-add-to-cart,
.tsvst-single-modern .tsvst-edd-purchase-form .edd_go_to_checkout,
.tsvst-single-modern .tsvst-edd-purchase-form .edd-submit,
.tsvst-single-modern .tsvst-edd-purchase-form input[type="submit"],
.tsvst-single-modern .tsvst-edd-purchase-form button {
    /*
     * display عمداً !important ندارد.
     * EDD با inline style دکمه خرید و تسویه را جابه‌جا می‌کند.
     */
    display: inline-flex;
    width: 100% !important;
    min-height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    margin: 0 !important;
    padding: 9px 12px !important;

    border: 0 !important;
    border-radius: 7px !important;

    color: #fff !important;
    background: linear-gradient(135deg, #6d52eb, #168fc3) !important;
    box-shadow: 0 8px 18px rgba(79, 54, 202, .22) !important;

    font-family: inherit !important;
    font-size: 10.5px !important;
    font-weight: 950 !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/*
 * در حالت JavaScript فعال، ورودی fallback هیچ‌وقت نمایش داده نشود.
 * این همان دکمه دوم تکراری در تصویر بود.
 */
html.js
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd-no-js {
    display: none !important;
}

/*
 * EDD دکمه تسویه را پیش از افزودن محصول با style="display:none"
 * مخفی می‌کند. این قانون تضمین می‌کند CSS قالب آن را باز نکند.
 */
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd_go_to_checkout[style*="display: none"],
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd_go_to_checkout[style*="display:none"] {
    display: none !important;
}

/* متن داخلی دکمه نیز اندازه خوانا داشته باشد */
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd-add-to-cart-label {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.tsvst-single-modern .tsvst-edd-purchase-form .edd-add-to-cart:hover,
.tsvst-single-modern .tsvst-edd-purchase-form .edd_go_to_checkout:hover,
.tsvst-single-modern .tsvst-edd-purchase-form .edd-submit:hover,
.tsvst-single-modern .tsvst-edd-purchase-form input[type="submit"]:hover,
.tsvst-single-modern .tsvst-edd-purchase-form button:hover {
    color: #fff !important;
    filter: brightness(1.06);
}

.tsvst-single-modern .tsvst-edd-purchase-form .edd-cart-added-alert {
    /*
     * مقدار display را خود EDD کنترل می‌کند؛ پیش از افزودن مخفی است.
     */
    margin: 7px 0 0 !important;
    padding: 6px 8px !important;
    border: 1px solid rgba(24, 184, 200, .16);
    border-radius: 6px;
    color: #087b9b !important;
    background: rgba(24, 184, 200, .075);
    font-size: 8.5px !important;
    font-weight: 800;
    text-align: center;
}

.tsvst-single-modern .tsvst-edd-purchase-form .edd-loading {
    margin-right: 6px !important;
}

.tsvst-single-modern .tsvst-edd-account-downloads,
.tsvst-single-modern .tsvst-edd-currency-payment {
    display: inline-flex !important;
    width: 100%;
    min-height: 37px;
    align-items: center;
    justify-content: center;
    gap: 6px;

    padding: 7px 9px;
    border: 1px solid #dcd7f7;
    border-radius: 7px;

    color: #6150c1 !important;
    background: #f5f3fc;

    font-size: 9px;
    font-weight: 900;
    text-align: center;
}

.tsvst-single-modern .tsvst-edd-currency-payment {
    color: #087b9b !important;
    border-color: #d5edf1;
    background: #effafb;
}

.tsvst-single-modern .tsvst-edd-purchase-help {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

    color: #9aa1af;
    font-size: 7.8px;
    font-weight: 650;
    text-align: center;
}

.tsvst-single-modern .tsvst-edd-purchase-help i {
    color: #6d52eb;
}

.tsvst-single-modern .tsvst-edd-unavailable {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 6px;

    padding: 9px;
    border: 1px solid #eadde1;
    border-radius: 7px;

    color: #935263;
    background: #fff7f8;

    font-size: 9px;
    font-weight: 850;
    text-align: center;
}

/* لینک نسخه موبایل به کارت اصلی --------------------------------------- */

.tsvst-single-modern .tsvst-mobile-buy-jump > a {
    display: inline-flex !important;
    width: 100%;
    min-height: 43px;
    align-items: center;
    justify-content: center;
    gap: 7px;

    padding: 8px 11px;
    border-radius: 7px;

    color: #fff !important;
    background: linear-gradient(135deg, #6d52eb, #168fc3);
    box-shadow: 0 8px 17px rgba(79, 54, 202, .19);

    font-size: 9px;
    font-weight: 950;
}

/* واکنش‌گرایی ---------------------------------------------------------- */

@media (max-width: 1199px) {
    .tsvst-single-modern .tsvst-edd-purchase-layout {
        grid-template-columns: 145px minmax(0, 1fr) 190px;
        gap: 11px;
    }
}

@media (max-width: 767px) {
    .tsvst-single-modern .tsvst-edd-purchase-header {
        align-items: flex-start;
        flex-direction: column;
        padding: 14px;
    }

    .tsvst-single-modern .tsvst-edd-purchase-status {
        margin-right: 56px;
    }

    .tsvst-single-modern .tsvst-edd-purchase-layout {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 12px;
    }

    .tsvst-single-modern .tsvst-edd-price-panel {
        min-height: 125px;
    }

    .tsvst-single-modern .tsvst-edd-benefits small {
        white-space: normal;
    }
}

/* ==========================================================================
   اصلاح وضعیت دکمه‌های EDD و خوانایی — نسخه 1.1
   ========================================================================== */

.tsvst-single-modern .tsvst-edd-purchase-card {
    font-size: 10px;
}

.tsvst-single-modern .tsvst-edd-purchase-heading h3,
.tsvst-single-modern .tsvst-edd-purchase-heading p,
.tsvst-single-modern .tsvst-edd-purchase-status,
.tsvst-single-modern .tsvst-edd-price-panel,
.tsvst-single-modern .tsvst-edd-benefits,
.tsvst-single-modern .tsvst-edd-purchase-actions {
    text-rendering: optimizeLegibility;
}

/* قبل از افزودن محصول: فقط دکمه اصلی خرید */
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd_purchase_submit_wrapper:not(.is-in-cart)
.edd-add-to-cart.edd-has-js {
    width: 100% !important;
}

/* دکمه تسویه پس از نمایش توسط EDD */
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd_go_to_checkout:not([style*="display: none"]):not([style*="display:none"]) {
    width: 100% !important;
}

/* پیام کوچک موفقیت، نه یک دکمه بزرگ */
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd-cart-ajax-alert {
    display: block;
    width: 100%;
}

.tsvst-single-modern
.tsvst-edd-purchase-form
.edd-cart-added-alert {
    width: 100% !important;
    min-height: 32px !important;
    align-items: center;
    justify-content: center;
    padding: 6px 8px !important;
    font-size: 8.5px !important;
    line-height: 1.7 !important;
}

/* وقتی EDD پیام را آشکار می‌کند، چیدمان آن مرتب باشد */
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd-cart-added-alert[style*="display: block"],
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd-cart-added-alert[style*="display:block"],
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd-cart-added-alert[style*="display: inline"],
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd-cart-added-alert[style*="display:inline"] {
    display: flex !important;
}

@media (max-width: 767px) {
    .tsvst-single-modern .tsvst-edd-purchase-heading h3 {
        font-size: 15px !important;
    }

    .tsvst-single-modern .tsvst-edd-purchase-heading p {
        font-size: 9.5px;
    }

    .tsvst-single-modern .tsvst-edd-price-value,
    .tsvst-single-modern .tsvst-edd-price-value .edd_price {
        font-size: 17px;
    }

    .tsvst-single-modern .tsvst-edd-benefits strong {
        font-size: 9.5px;
    }

    .tsvst-single-modern .tsvst-edd-benefits small {
        font-size: 7.8px;
    }
}

/* ==========================================================================
   اصلاح قطعی دکمه تکراری و افزایش خوانایی — نسخه 1.2
   این بخش باید در انتهای فایل قرار داشته باشد.
   ========================================================================== */

/*
 * EDD معمولاً دو نسخه از دکمه خرید می‌سازد:
 * 1) نسخه JavaScript با کلاس edd-has-js
 * 2) نسخه fallback با کلاس edd-no-js
 *
 * در بعضی قالب‌ها کلاس js روی تگ html ثبت نمی‌شود؛
 * بنابراین نسخه fallback را بدون وابستگی به html.js مخفی می‌کنیم.
 */
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd-no-js,

.tsvst-single-modern
.tsvst-edd-purchase-form
input.edd-add-to-cart,

.tsvst-single-modern
.tsvst-edd-purchase-form
button.edd-add-to-cart.edd-no-js {
    display: none !important;
}

/*
 * قانون پشتیبان:
 * اگر EDD یا یک افزونه جانبی بیش از یک دکمه خرید JavaScript تولید کرد،
 * فقط اولین دکمه خرید باقی بماند.
 * دکمه نهایی‌کردن خرید از این قانون مستثناست.
 */
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd_purchase_submit_wrapper
> a.edd-add-to-cart
~ a.edd-add-to-cart:not(.edd_go_to_checkout) {
    display: none !important;
}

/* پیش از افزودن محصول، دکمه تسویه پنهان بماند */
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd_go_to_checkout[style*="display: none"],

.tsvst-single-modern
.tsvst-edd-purchase-form
.edd_go_to_checkout[style*="display:none"] {
    display: none !important;
}

/*
 * display دکمه اصلی عمداً بدون !important است تا EDD
 * بعد از افزودن محصول بتواند آن را مخفی کند.
 */
.tsvst-single-modern
.tsvst-edd-purchase-form
a.edd-add-to-cart.edd-has-js {
    display: inline-flex;
    width: 100% !important;
}

/*
 * وقتی EDD دکمه تسویه را نمایان می‌کند،
 * فقط همان یک دکمه تمام‌عرض نمایش داده شود.
 */
.tsvst-single-modern
.tsvst-edd-purchase-form
a.edd_go_to_checkout:not([style*="display: none"]):not([style*="display:none"]) {
    width: 100% !important;
}

/* پیام افزوده‌شدن به سبد، دکمه محسوب نشود */
.tsvst-single-modern
.tsvst-edd-purchase-form
.edd-cart-added-alert {
    min-height: 0 !important;
    padding: 7px 9px !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-size: 9.5px !important;
}

/* --------------------------------------------------------------------------
   افزایش اندازه فونت‌های کارت
   -------------------------------------------------------------------------- */

.tsvst-single-modern .tsvst-edd-purchase-heading h3 {
    font-size: 18px !important;
    line-height: 1.65 !important;
}

.tsvst-single-modern .tsvst-edd-purchase-heading p {
    font-size: 11.5px !important;
    line-height: 1.95 !important;
}

.tsvst-single-modern .tsvst-edd-purchase-status {
    font-size: 10.5px !important;
    line-height: 1.7 !important;
}

.tsvst-single-modern .tsvst-edd-price-label {
    font-size: 10px !important;
}

.tsvst-single-modern .tsvst-edd-price-value,
.tsvst-single-modern .tsvst-edd-price-value .edd_price {
    font-size: 21px !important;
    line-height: 1.75 !important;
}

.tsvst-single-modern .tsvst-edd-price-content small {
    font-size: 9px !important;
    line-height: 1.8 !important;
}

.tsvst-single-modern .tsvst-edd-price-note {
    font-size: 8.8px !important;
    line-height: 1.8 !important;
}

.tsvst-single-modern .tsvst-edd-benefits strong {
    font-size: 11px !important;
    line-height: 1.8 !important;
}

.tsvst-single-modern .tsvst-edd-benefits small {
    font-size: 9px !important;
    line-height: 1.9 !important;
}

.tsvst-single-modern
.tsvst-edd-purchase-form
.edd-add-to-cart,

.tsvst-single-modern
.tsvst-edd-purchase-form
.edd_go_to_checkout,

.tsvst-single-modern
.tsvst-edd-purchase-form
.edd-submit {
    font-size: 12px !important;
    line-height: 1.7 !important;
}

.tsvst-single-modern
.tsvst-edd-purchase-form
.edd-add-to-cart-label {
    font-size: 12px !important;
    line-height: 1.7 !important;
}

.tsvst-single-modern .tsvst-edd-purchase-help {
    font-size: 8.5px !important;
    line-height: 1.9 !important;
}

.tsvst-single-modern .tsvst-edd-account-downloads,
.tsvst-single-modern .tsvst-edd-currency-payment {
    font-size: 10px !important;
    line-height: 1.8 !important;
}

.tsvst-single-modern
.tsvst-edd-purchase-form
.edd_price_options li {
    font-size: 10px !important;
    line-height: 1.9 !important;
}

@media (max-width: 767px) {
    .tsvst-single-modern .tsvst-edd-purchase-heading h3 {
        font-size: 16px !important;
    }

    .tsvst-single-modern .tsvst-edd-purchase-heading p {
        font-size: 10.5px !important;
    }

    .tsvst-single-modern .tsvst-edd-price-value,
    .tsvst-single-modern .tsvst-edd-price-value .edd_price {
        font-size: 19px !important;
    }

    .tsvst-single-modern .tsvst-edd-benefits strong {
        font-size: 10.5px !important;
    }

    .tsvst-single-modern .tsvst-edd-benefits small {
        font-size: 8.8px !important;
    }
}


/* =========================================================
   کاهش سراسری گردی تمام طراحی‌های جدید TSVST
   این کد باید در انتهای style.css قرار بگیرد
   ========================================================= */

:root {
    --tsvst-radius-main: 7px;
    --tsvst-radius-inner: 5px;
    --tsvst-radius-small: 4px;
}

/* متغیرهای استفاده‌شده در طراحی‌های قبلی */
.tsvst-single-modern {
    --ts-radius-lg: var(--tsvst-radius-main) !important;
    --ts-radius-md: var(--tsvst-radius-inner) !important;
}

.tsvst-modern-sidebar {
    --ts-side-radius: var(--tsvst-radius-main) !important;
    --ts-side-radius-sm: var(--tsvst-radius-inner) !important;
}

.tsvst-shop-page {
    --shop-radius: var(--tsvst-radius-main) !important;
}

.tsvst-modern-header {
    --header-radius: var(--tsvst-radius-main) !important;
    --header-inner-radius: var(--tsvst-radius-inner) !important;
}

/* =========================================================
   باکس‌های اصلی نوشته
   ========================================================= */

:where(
    .post,
    .post-title,
    .boxes_shadows,
    .comment-sec,
    .tag,
    .well,
    .alert,
    .sidebar,
    .cats_title_x,
    .vip_posts,
    .edd_posts,
    .left_top_head,

    .tsvst-content-card,
    .tsvst-info-card,
    .tsvst-access-card,
    .tsvst-purchase-methods,
    .tsvst-related-section,
    .tsvst-help-section,
    .tsvst-action-bar,
    .tsvst-modal-dialog,

    .tsvst-audio-heading,
    .tsvst-audio-demo
) {
    border-radius: var(--tsvst-radius-main) !important;
}

/* سربرگ باکس‌های نوشته */
:where(
    .sidebar-title,
    .tsvst-card-header,
    .tsvst-section-heading,
    .tsvst-modal-header
) {
    border-radius:
        var(--tsvst-radius-main)
        var(--tsvst-radius-main)
        0
        0 !important;
}

/* اجزای داخلی نوشته */
:where(
    .tsvst-detail-item,
    .tsvst-password-box,
    .tsvst-purchase-option,
    .tsvst-related-card,
    .tsvst-help-grid details,
    .tsvst-download-notice,
    .tsvst-locked-message,
    .tsvst-access-actions,
    .tsvst-empty-state
) {
    border-radius: var(--tsvst-radius-inner) !important;
}

/* =========================================================
   سایدبار اصلی و فروشگاه
   ========================================================= */

:where(
    .tsvst-sidebar-card,
    .tsvst-side-card,
    .tsvst-membership-card,
    .tsvst-side-membership,
    .tsvst-product-info-card,
    .tsvst-shop-product-card,
    .tsvst-shop-list-card,
    .tsvst-sidebar-bottom-banner
) {
    border-radius: var(--tsvst-radius-main) !important;
}

/* سربرگ سایدبار */
:where(
    .tsvst-sidebar-card-header,
    .tsvst-side-head
) {
    border-radius:
        var(--tsvst-radius-main)
        var(--tsvst-radius-main)
        0
        0 !important;
}

/* کارت‌های داخلی سایدبار */
:where(
    .tsvst-sidebar-post-item > a,
    .tsvst-shop-product-item > a,
    .tsvst-product-meta-list li,
    .tsvst-side-file-meta li,
    .tsvst-instrument-grid a,
    .tsvst-brand-grid a,
    .tsvst-shop-quick-link,
    .tsvst-sidebar-quick-link,
    .tsvst-sidebar-tab-buttons,
    .tsvst-random-card > a
) {
    border-radius: var(--tsvst-radius-inner) !important;
}

/* تصاویر سایدبار */
:where(
    .tsvst-sidebar-post-thumb,
    .tsvst-side-post-thumb,
    .tsvst-brand-logo,
    .tsvst-instrument-image,
    .tsvst-random-card img,
    .tsvst-sidebar-bottom-banner img
) {
    border-radius: var(--tsvst-radius-small) !important;
}

/* =========================================================
   برگه فروشگاه
   ========================================================= */

:where(
    .tsvst-shop-hero,
    .tsvst-shop-toolbar,
    .tsvst-shop-categories,
    .tsvst-shop-featured,
    .tsvst-shop-products-section,
    .tsvst-product-card,
    .tsvst-shop-empty-state
) {
    border-radius: var(--tsvst-radius-main) !important;
}

/* عناصر داخلی فروشگاه */
:where(
    .tsvst-shop-category-grid > a,
    .tsvst-shop-featured-card > a,
    .tsvst-product-image,
    .tsvst-shop-search-field,
    .tsvst-shop-select-field,
    .tsvst-shop-hero-stats > div
) {
    border-radius: var(--tsvst-radius-inner) !important;
}

/* تصاویر محصولات */
:where(
    .tsvst-product-image img,
    .tsvst-shop-featured-card img
) {
    border-radius: var(--tsvst-radius-small) !important;
}

/* =========================================================
   هدر سایت
   ========================================================= */

:where(
    .tsvst-header-top,
    .tsvst-header-nav
) {
    border-radius: var(--tsvst-radius-main) !important;
}

/* عناصر داخلی هدر */
:where(
    .tsvst-header-search,
    .tsvst-header-category-button,
    .tsvst-header-login,
    .tsvst-header-register,
    .tsvst-header-profile,
    .tsvst-header-menu a,
    .cat-drawer__search
) {
    border-radius: var(--tsvst-radius-inner) !important;
}

/* کشوی دسته‌بندی */
.cat-drawer__panel {
    border-radius:
        var(--tsvst-radius-main)
        0
        0
        var(--tsvst-radius-main) !important;
}

:where(
    .cat-menu > li,
    .cat-row,
    .cat-menu .sub-menu a
) {
    border-radius: var(--tsvst-radius-inner) !important;
}

/* =========================================================
   پلیر صوتی
   ========================================================= */

:where(
    .mejs-container,
    .wp-audio-shortcode.mejs-container
) {
    border-radius: var(--tsvst-radius-main) !important;
}

:where(
    .mejs-playpause-button,
    .mejs-volume-button
) {
    border-radius: var(--tsvst-radius-inner) !important;
}

/* =========================================================
   دکمه‌ها، فرم‌ها و ورودی‌ها
   ========================================================= */

:where(
    button,
    input[type="button"],
    input[type="submit"],
    .button,
    .btn,
    .edd-submit,
    .edd-add-to-cart,
    .edd_go_to_checkout,

    .tsvst-primary-button,
    .tsvst-secondary-button,
    .tsvst-purchase-button,
    .tsvst-report-button,
    .tsvst-product-details-button,
    .tsvst-shop-filter-button,
    .tsvst-shop-primary-action,
    .tsvst-shop-secondary-action
) {
    border-radius: var(--tsvst-radius-inner) !important;
}

:where(
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    textarea,
    select
) {
    border-radius: var(--tsvst-radius-inner) !important;
}

/* صفحه‌بندی */
.tsvst-shop-pagination a,
.tsvst-shop-pagination span {
    border-radius: var(--tsvst-radius-inner) !important;
}

/* =========================================================
   این موارد باید دایره‌ای یا کپسولی باقی بمانند
   ========================================================= */

:where(
    .img-circle,
    .avatar,
    .tsvst-time-handle-content,
    .mejs-time-handle-content
) {
    border-radius: 50% !important;
}

:where(
    .tsvst-card-status,
    .tsvst-level-badge,
    .tsvst-audio-count,
    .tsvst-product-badges small,
    .tsvst-product-category,
    .tsvst-product-features > span,
    .tsvst-shop-price-badge,
    .tsvst-sidebar-secure-badge,
    .tsvst-product-price.is-free
) {
    border-radius: 30px !important;
}

/* موبایل هم دقیقاً همان گردی کم را داشته باشد */
@media (max-width: 767px) {
    :root {
        --tsvst-radius-main: 6px;
        --tsvst-radius-inner: 4px;
        --tsvst-radius-small: 3px;
    }
}

/* =========================================================
   پایین آوردن قطعی سایدبار در صفحه اصلی و صفحات سینگل
   ========================================================= */

@media (min-width: 992px) {

    body.single .main > .container > .sideright,
    body.single .main > .container > aside.sideright,
    body.single .main > .container > .tsvst-modern-sidebar,

    body.home .main > .container > .sideright,
    body.home .main > .container > aside.sideright,
    body.home .main > .container > .tsvst-modern-sidebar,

    body.blog .main > .container > .sideright,
    body.blog .main > .container > aside.sideright,
    body.blog .main > .container > .tsvst-modern-sidebar {
        position: relative !important;
        top: 28px !important;
        margin-top: 0 !important;
        transform: translateY(0) !important;
    }
}



/* =========================================================
   اصلاح پلیر ویدئویی وردپرس
   جلوگیری از تداخل با استایل پلیر صوتی
   ========================================================= */

/* قاب اصلی ویدئو */
.tsvst-post-content .wp-video,
.post-content .wp-video {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 730px !important;
    height: auto !important;
    margin: 24px auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e2e6ee !important;
    border-radius: 8px !important;
    background: #11131c !important;
    box-shadow: 0 10px 26px rgba(19, 24, 43, 0.13) !important;
    aspect-ratio: 730 / 400;
}

/* کانتینر اصلی MediaElement ویدئو */
.tsvst-post-content .wp-video .mejs-video,
.post-content .wp-video .mejs-video,
.tsvst-post-content .wp-video-shortcode.mejs-video,
.post-content .wp-video-shortcode.mejs-video {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 730px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #11131c !important;
    box-shadow: none !important;
    aspect-ratio: 730 / 400 !important;
}

/* لایه‌های داخلی ویدئو */
.tsvst-post-content .wp-video .mejs-inner,
.tsvst-post-content .wp-video .mejs-mediaelement,
.tsvst-post-content .wp-video mediaelementwrapper,
.post-content .wp-video .mejs-inner,
.post-content .wp-video .mejs-mediaelement,
.post-content .wp-video mediaelementwrapper {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* خود فایل ویدئویی */
.tsvst-post-content .wp-video video,
.tsvst-post-content video.wp-video-shortcode,
.post-content .wp-video video,
.post-content video.wp-video-shortcode {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    background: #11131c !important;
}

/* لایه‌های روی ویدئو */
.tsvst-post-content .wp-video .mejs-layers,
.post-content .wp-video .mejs-layers {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* دکمه پخش بزرگ وسط ویدئو */
.tsvst-post-content .wp-video .mejs-overlay-play,
.post-content .wp-video .mejs-overlay-play {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.tsvst-post-content .wp-video .mejs-overlay-button,
.post-content .wp-video .mejs-overlay-button {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 68px !important;
    height: 68px !important;
    margin: 0 !important;
    border: 2px solid rgba(255, 255, 255, 0.75) !important;
    border-radius: 50% !important;
    background:
        rgba(91, 66, 214, 0.88) !important;
    background-image: none !important;
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.3),
        0 0 0 7px rgba(255, 255, 255, 0.11) !important;
    transform: translate(-50%, -50%) !important;
}

/* مثلث دکمه وسط */
.tsvst-post-content .wp-video .mejs-overlay-button::before,
.post-content .wp-video .mejs-overlay-button::before {
    position: absolute;
    top: 50%;
    left: 52%;
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 19px solid #fff;
    transform: translate(-50%, -50%);
}

/* نوار کنترل پایین ویدئو */
.tsvst-post-content .wp-video .mejs-controls,
.post-content .wp-video .mejs-controls {
    display: flex !important;
    position: absolute !important;
    z-index: 10 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    top: auto !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    height: 48px !important;
    padding: 0 10px !important;
    direction: ltr !important;
    background:
        linear-gradient(
            to top,
            rgba(11, 14, 25, 0.96),
            rgba(19, 22, 38, 0.88)
        ) !important;
}

/* دکمه پخش پایین */
.tsvst-post-content .wp-video .mejs-playpause-button,
.post-content .wp-video .mejs-playpause-button {
    display: flex !important;
    flex: 0 0 34px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    border-radius: 6px !important;
    background: linear-gradient(135deg, #765cef, #5439ce) !important;
    box-shadow: none !important;
    transform: none !important;
}

/* دکمه صدا پایین */
.tsvst-post-content .wp-video .mejs-volume-button,
.post-content .wp-video .mejs-volume-button {
    display: flex !important;
    flex: 0 0 32px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.09) !important;
}

/* نوار زمان ویدئو */
.tsvst-post-content .wp-video .mejs-time-rail,
.post-content .wp-video .mejs-time-rail {
    display: block !important;
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 70px !important;
    height: 34px !important;
    margin: 0 5px !important;
    padding: 0 !important;
}

.tsvst-post-content .wp-video .mejs-time-total,
.post-content .wp-video .mejs-time-total {
    position: absolute !important;
    top: 14px !important;
    right: 0 !important;
    left: 0 !important;
    width: auto !important;
    height: 6px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.18) !important;
}

.tsvst-post-content .wp-video .mejs-time-loaded,
.post-content .wp-video .mejs-time-loaded {
    height: 6px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.24) !important;
}

.tsvst-post-content .wp-video .mejs-time-current,
.post-content .wp-video .mejs-time-current {
    height: 6px !important;
    border-radius: 10px !important;
    background: linear-gradient(90deg, #42d3df, #775ff0) !important;
}

/* زمان ویدئو */
.tsvst-post-content .wp-video .mejs-time,
.post-content .wp-video .mejs-time {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 34px !important;
    padding: 0 3px !important;
    color: #fff !important;
    direction: ltr !important;
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    line-height: 34px !important;
}

/* کنترل تمام‌صفحه و تنظیمات */
.tsvst-post-content .wp-video .mejs-fullscreen-button,
.tsvst-post-content .wp-video .mejs-captions-button,
.post-content .wp-video .mejs-fullscreen-button,
.post-content .wp-video .mejs-captions-button {
    display: flex !important;
    flex: 0 0 32px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
}

/* در حالت تمام‌صفحه نسبت ثابت برداشته شود */
.tsvst-post-content .wp-video .mejs-container-fullscreen,
.post-content .wp-video .mejs-container-fullscreen {
    position: fixed !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
}

/* موبایل */
@media (max-width: 767px) {
    .tsvst-post-content .wp-video,
    .post-content .wp-video {
        width: 100% !important;
        max-width: 100% !important;
        margin: 18px auto !important;
        aspect-ratio: 730 / 400;
    }

    .tsvst-post-content .wp-video .mejs-video,
    .post-content .wp-video .mejs-video {
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 730 / 400 !important;
    }

    .tsvst-post-content .wp-video .mejs-overlay-button,
    .post-content .wp-video .mejs-overlay-button {
        width: 54px !important;
        height: 54px !important;
    }

    .tsvst-post-content .wp-video .mejs-overlay-button::before,
    .post-content .wp-video .mejs-overlay-button::before {
        border-top-width: 9px;
        border-bottom-width: 9px;
        border-left-width: 15px;
    }

    .tsvst-post-content .wp-video .mejs-controls,
    .post-content .wp-video .mejs-controls {
        height: 42px !important;
        padding: 0 7px !important;
    }

    .tsvst-post-content .wp-video .mejs-horizontal-volume-slider,
    .post-content .wp-video .mejs-horizontal-volume-slider {
        display: none !important;
    }
}
/* =========================================================
   اصلاح قطعی دکمه‌های خرید EDD در سایدبار
   فقط یک دکمه در هر وضعیت نمایش داده شود
   ========================================================= */

/* فرم خرید */
.tsvst-modern-shop-sidebar .tsvst-side-buy .edd_download_purchase_form,
.tsvst-modern-shop-sidebar .tsvst-side-buy .edd_purchase_submit_wrapper {
    display: block !important;
    position: relative;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* دکمه مخصوص حالت بدون جاوااسکریپت نمایش داده نشود */
.tsvst-modern-shop-sidebar .tsvst-side-buy .edd-no-js,
.tsvst-modern-shop-sidebar .tsvst-side-buy input.edd-no-js,
.tsvst-modern-shop-sidebar .tsvst-side-buy button.edd-no-js,
.tsvst-modern-shop-sidebar .tsvst-side-buy a.edd-no-js {
    display: none !important;
}

/* هر عنصری که EDD مخفی کرده، واقعاً مخفی بماند */
.tsvst-modern-shop-sidebar
.tsvst-side-buy
[style*="display: none"],
.tsvst-modern-shop-sidebar
.tsvst-side-buy
[style*="display:none"],
.tsvst-modern-shop-sidebar
.tsvst-side-buy
[hidden] {
    display: none !important;
}

/* دکمه خرید فقط وقتی توسط EDD مخفی نشده نمایش داده شود */
.tsvst-modern-shop-sidebar
.tsvst-side-buy
.edd-add-to-cart:not(.edd-no-js):not([style*="display: none"]):not([style*="display:none"]) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 49px !important;
    margin: 0 !important;
    padding: 10px 15px !important;
    border: 0 !important;
    border-radius: 5px !important;
    color: #fff !important;
    background: linear-gradient(
        135deg,
        #765cef,
        #5439ce
    ) !important;
    box-shadow: 0 8px 18px rgba(84, 57, 206, 0.22) !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-align: center !important;
}

/* دکمه نهایی‌کردن خرید فقط پس از اضافه‌شدن محصول */
.tsvst-modern-shop-sidebar
.tsvst-side-buy
.edd_go_to_checkout:not([style*="display: none"]):not([style*="display:none"]) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 49px !important;
    margin: 0 !important;
    padding: 10px 15px !important;
    border: 0 !important;
    border-radius: 5px !important;
    color: #fff !important;
    background: linear-gradient(
        135deg,
        #2bc47f,
        #15975f
    ) !important;
    box-shadow: 0 8px 18px rgba(21, 151, 95, 0.22) !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-align: center !important;
}

/* حذف فضای پیام مخفی افزودن به سبد */
.tsvst-modern-shop-sidebar
.tsvst-side-buy
.edd-cart-ajax-alert:empty,
.tsvst-modern-shop-sidebar
.tsvst-side-buy
.edd-cart-added-alert[style*="display: none"],
.tsvst-modern-shop-sidebar
.tsvst-side-buy
.edd-cart-added-alert[style*="display:none"] {
    display: none !important;
}

/* فاصله میان پرداخت ارزی و دکمه EDD */
.tsvst-modern-shop-sidebar .tsvst-side-buy {
    display: grid !important;
    gap: 9px !important;
}
/* ==========================================================================
   پالایش ظاهر صفحه نخست ـ بدون تغییر ابعاد و گردی
   ========================================================================== */

.tsvst-home-refined,
.is-gold-section {
    --home-primary: #6d52eb;
    --home-primary-dark: #4f36ca;
    --home-blue: #168fc3;
    --home-cyan: #18b8c8;
    --home-text: #252b3d;
    --home-muted: #7d8698;
    --home-line: #e6eaf2;
    direction: rtl;
}

.tsvst-home-refined a,
.is-gold-section a {
    text-decoration: none !important;
}

/* بنرهای بالا */
.tsvst-home-refined .vip_posts {
    border-color: rgba(109,82,235,.15);
    background: radial-gradient(circle at left top, rgba(24,184,200,.06), transparent 34%), #fff;
    box-shadow: 0 11px 28px rgba(32,40,70,.07);
}

.tsvst-home-refined .vip_posts .overlay .info {
    color: #fff !important;
    border-color: rgba(255,255,255,.35);
    background: linear-gradient(135deg, var(--home-primary), var(--home-blue));
    box-shadow: 0 8px 18px rgba(24,29,50,.22);
}

/* تیتر مشترک فروشگاه و طلایی */
.tsvst-home-showcase-section {
    border-color: rgba(109,82,235,.16);
    background: radial-gradient(circle at left top, rgba(24,184,200,.055), transparent 34%), #fff;
    box-shadow: 0 12px 30px rgba(32,40,70,.075);
}

.tsvst-home-showcase-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--home-text) !important;
    border-bottom-color: #e9ecf3 !important;
    background: radial-gradient(circle at left top, rgba(109,82,235,.08), transparent 35%), linear-gradient(135deg, #fff, #fafbfe);
}

.tsvst-home-showcase-heading .floats_rights {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tsvst-home-showcase-heading-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(135deg, var(--home-primary), var(--home-blue));
    box-shadow: 0 7px 16px rgba(79,54,202,.2);
}

.tsvst-home-showcase-heading .floats_rights > div {
    display: flex;
    flex-direction: column;
}

.tsvst-home-showcase-heading p {
    margin: 0 !important;
    color: var(--home-text);
    font-weight: 900;
}

.tsvst-home-showcase-heading small {
    color: var(--home-muted);
    font-size: 9px;
    font-weight: 600;
}

.tsvst-home-showcase-heading .nexts_links {
    color: #6651ca !important;
    border-color: #ddd8f8;
    background: #f5f3fc;
    font-weight: 800;
}

.tsvst-home-showcase-heading .nexts_links:hover {
    color: #fff !important;
    background: linear-gradient(135deg, var(--home-primary), var(--home-blue));
}

/* کارت‌های مشترک دو کاروسل */
.tsvst-home-showcase-card {
    position: relative;
    overflow: hidden;
    border-color: #e8ebf2 !important;
    background: #fff;
    box-shadow: 0 8px 20px rgba(32,40,70,.065);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.tsvst-home-showcase-card:hover {
    border-color: rgba(109,82,235,.30) !important;
    box-shadow: 0 13px 27px rgba(48,41,94,.12);
    transform: translateY(-3px);
}

.tsvst-home-showcase-card figure {
    position: relative;
    overflow: hidden;
}

.tsvst-home-showcase-card figure > a {
    display: block;
    position: relative;
}

.tsvst-home-showcase-card figure img {
    display: block;
    width: 100%;
    transition: transform .35s ease, filter .35s ease;
}

.tsvst-home-showcase-card:hover figure img {
    filter: saturate(1.05) contrast(1.025);
    transform: scale(1.035);
}

.tsvst-home-showcase-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(21,25,43,.88), rgba(21,25,43,.03) 66%);
}

.tsvst-home-showcase-label {
    display: inline-flex;
    position: absolute;
    top: 9px;
    right: 9px;
    align-items: center;
    gap: 5px;
    color: #fff;
    background: linear-gradient(135deg, rgba(109,82,235,.95), rgba(22,143,195,.94));
    box-shadow: 0 6px 14px rgba(20,25,48,.2);
    font-size: 8px;
    font-weight: 900;
}

.tsvst-home-showcase-title {
    display: -webkit-box;
    position: absolute;
    right: 11px;
    bottom: 10px;
    left: 11px;
    overflow: hidden;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.8;
    text-shadow: 0 2px 9px rgba(0,0,0,.42);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tsvst-home-showcase-card footer {
    border-top-color: #edf0f5 !important;
    background: linear-gradient(135deg, #fff, #fafbfe);
}

.tsvst-home-showcase-card .right_ft {
    color: #fff !important;
    background: linear-gradient(135deg, var(--home-primary), var(--home-blue)) !important;
    box-shadow: 0 6px 14px rgba(79,54,202,.18);
}

.tsvst-home-showcase-card .left_ft,
.tsvst-home-showcase-card .left_ft a,
.tsvst-home-showcase-card .left_ft span {
    color: #5e48c3;
    font-weight: 900;
}

.tsvst-gold-access {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #5d4abb !important;
    font-size: 8.5px;
    font-weight: 900;
}

/* تبلیغ و اعلان */
.tsvst-home-refined .tsvst-home-ad {
    border-color: rgba(109,82,235,.14);
    background: #fff;
    box-shadow: 0 9px 23px rgba(32,40,70,.06);
}

.tsvst-home-refined .tsvst-home-notice {
    color: #5e5877;
    border-color: #ddd8f8;
    background: radial-gradient(circle at left top, rgba(24,184,200,.08), transparent 32%), #f8f7ff;
}

/* نوشته‌ها */
.tsvst-home-post-card .post-title {
    position: relative;
    overflow: hidden;
    border-color: rgba(109,82,235,.15);
    background: radial-gradient(circle at left top, rgba(24,184,200,.065), transparent 34%), linear-gradient(135deg, #fff, #fafbfe);
    box-shadow: 0 9px 23px rgba(32,40,70,.065);
}

.tsvst-home-post-card .post-title::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3px;
    content: "";
    background: linear-gradient(to bottom, var(--home-primary), var(--home-cyan));
}

.tsvst-home-post-card .post-title > a {
    display: flex;
    align-items: center;
}

.tsvst-home-post-card .post-title > a > i {
    color: #fff !important;
    background: linear-gradient(135deg, var(--home-primary), var(--home-blue)) !important;
    box-shadow: 0 6px 14px rgba(79,54,202,.19);
}

.tsvst-home-post-card .h2-post {
    color: var(--home-text) !important;
    font-weight: 900;
}

.tsvst-home-post-card .post {
    border-right-color: var(--home-primary) !important;
    border-color: rgba(109,82,235,.14);
    background: #fff;
    box-shadow: 0 12px 28px rgba(32,40,70,.07);
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.tsvst-home-post-card:hover .post {
    border-color: rgba(109,82,235,.28);
    box-shadow: 0 16px 34px rgba(48,41,94,.11);
    transform: translateY(-2px);
}

.tsvst-home-post-card .ptags,
.tsvst-home-post-card .ptags a {
    color: #6a56c8 !important;
    font-weight: 800;
}

.tsvst-home-post-card .ptags > i,
.tsvst-home-post-card .posth i {
    color: var(--home-blue);
}

.tsvst-home-post-card .leftp-info,
.tsvst-home-post-card .leftp-info a,
.tsvst-home-post-card .leftp-info span,
.tsvst-home-post-card .posth,
.tsvst-home-post-card .posth span {
    color: #858e9f !important;
}

.tsvst-home-post-card .incontent {
    color: #5f687a;
}

.tsvst-home-post-card .incontent img {
    box-shadow: 0 7px 18px rgba(31,38,65,.09);
    transition: filter .25s ease, transform .25s ease;
}

.tsvst-home-post-card:hover .incontent img {
    filter: saturate(1.04);
    transform: translateY(-1px);
}

.tsvst-home-post-card .postdown {
    border-top-color: #edf0f5;
    background: linear-gradient(135deg, #fff, #fafbfe);
}

/* حذف رنگ سبز قدیمی */
.tsvst-home-refined .tsvst-home-post-card .readmore,
.tsvst-home-refined .tsvst-home-post-card .readmore span,
.tsvst-home-refined .tsvst-home-post-card .readmore span i {
    color: #fff !important;
    border-color: var(--home-primary) !important;
    background: linear-gradient(135deg, var(--home-primary), var(--home-blue)) !important;
}

.tsvst-home-refined .tsvst-home-post-card .readmore {
    box-shadow: 0 7px 16px rgba(79,54,202,.19);
    transition: filter .2s ease, transform .2s ease, box-shadow .2s ease;
}

.tsvst-home-refined .tsvst-home-post-card .readmore:hover {
    box-shadow: 0 10px 21px rgba(79,54,202,.27);
    filter: saturate(1.06);
    transform: translateY(-2px);
}

/* صفحه‌بندی */
.tsvst-home-refined .tsvst-home-pagination {
    border-color: rgba(109,82,235,.14);
    background: #fff;
    box-shadow: 0 10px 25px rgba(32,40,70,.065);
}

.tsvst-home-refined .tsvst-home-pagination .current {
    color: #fff !important;
    border-color: var(--home-primary) !important;
    background: linear-gradient(135deg, var(--home-primary), var(--home-blue));
}

/* فوکوس */
.tsvst-home-refined a:focus:not(:focus-visible),
.is-gold-section a:focus:not(:focus-visible) {
    outline: none !important;
}

@media (max-width: 767px) {
    .tsvst-home-showcase-heading small {
        display: none;
    }
}

/* =========================================================
   اصلاح نهایی صفحه نخست
   رفع بک‌گراند خراب آیکن‌های کاروسل
   + حرفه‌ای‌سازی متای پایین نوشته
   ========================================================= */

/* ---------------------------------------------------------
   1) رفع مشکل آیکن‌های فروشگاه و اشتراک طلایی
   --------------------------------------------------------- */

.tsvst-home-showcase-card footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.tsvst-home-showcase-card .right_ft {
    display: inline-flex !important;
    flex: 0 0 42px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #6d52eb, #168fc3) !important;
    box-shadow: 0 8px 16px rgba(79, 54, 202, .18) !important;
    float: none !important;
}

.tsvst-home-showcase-card .right_ft i {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1 !important;
    background: transparent !important;
}

.tsvst-home-showcase-card .left_ft {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    float: none !important;
}

.tsvst-home-showcase-card .left_ft .edd_price,
.tsvst-home-showcase-card .left_ft span,
.tsvst-home-showcase-card .left_ft a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #5d49c4 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 900 !important;
}

.tsvst-home-showcase-card .left_ft .edd_price::before {
    content: "•";
    color: #168fc3;
    font-size: 14px;
    line-height: 1;
}

.tsvst-home-showcase-card .left_ft .tsvst-gold-access::before {
    content: "•";
    color: #168fc3;
    font-size: 14px;
    line-height: 1;
}

/* اگر استایل قدیمی روی span داخل فوتر مانده، خنثی شود */
.tsvst-home-showcase-card footer span,
.tsvst-home-showcase-card footer .right_ft span,
.tsvst-home-showcase-card footer .left_ft span {
    background-image: none !important;
}

/* ---------------------------------------------------------
   2) حرفه‌ای‌سازی پایین کارت نوشته‌ها
   --------------------------------------------------------- */

.tsvst-home-post-card .postdown.tsvst-home-post-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-top: 1px solid #edf0f5;
    background:
        radial-gradient(circle at left top, rgba(24,184,200,.04), transparent 28%),
        linear-gradient(135deg, #fff, #fafbfe);
}

.tsvst-home-post-meta-row {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.tsvst-home-meta-pill {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 48px;
    padding: 8px 12px;
    border: 1px solid #e8ecf3;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 6px 16px rgba(32, 40, 70, .05);
}

.tsvst-home-meta-pill.is-size {
    border-color: rgba(109,82,235,.18);
}

.tsvst-home-meta-pill.is-date {
    border-color: rgba(22,143,195,.18);
}

.tsvst-home-meta-icon {
    display: inline-flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 0;
    color: #fff;
    background: linear-gradient(135deg, #6d52eb, #168fc3);
    box-shadow: 0 6px 14px rgba(79, 54, 202, .17);
    font-size: 13px;
}

.tsvst-home-meta-text {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
}

.tsvst-home-meta-text small {
    color: #8c94a4;
    font-size: 8px;
    font-weight: 700;
}

.tsvst-home-meta-text strong {
    color: #293044;
    font-size: 10.5px;
    font-weight: 900;
}

/* ---------------------------------------------------------
   3) دکمه جدید ادامه مطلب / مشاهده محصول
   --------------------------------------------------------- */

.tsvst-home-readmore-btn {
    display: inline-flex !important;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 8px 14px;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #6d52eb, #168fc3) !important;
    box-shadow: 0 10px 22px rgba(79, 54, 202, .20);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.tsvst-home-readmore-btn:hover {
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(79, 54, 202, .28);
    transform: translateY(-2px);
    filter: saturate(1.06);
}

.tsvst-home-readmore-icon {
    display: inline-flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 0;
    color: #fff;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.16);
    font-size: 13px;
}

.tsvst-home-readmore-text {
    display: flex;
    flex-direction: column;
    line-height: 1.55;
    text-align: right;
}

.tsvst-home-readmore-text strong {
    color: #fff;
    font-size: 10px;
    font-weight: 900;
}

.tsvst-home-readmore-text small {
    color: rgba(255,255,255,.84);
    font-size: 8px;
    font-weight: 600;
}

/* نسخه قدیمی readmore فقط در این صفحه خنثی شود */
.tsvst-home-post-card .readmore {
    display: none !important;
}

/* ---------------------------------------------------------
   4) موبایل
   --------------------------------------------------------- */

@media (max-width: 767px) {
    .tsvst-home-post-card .postdown.tsvst-home-post-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .tsvst-home-meta-row,
    .tsvst-home-post-meta-row {
        justify-content: flex-start;
    }

    .tsvst-home-readmore-btn {
        width: 100%;
        justify-content: center;
    }

    .tsvst-home-readmore-text {
        text-align: center;
    }
}

/* =========================================================
   اصلاح تمیز صفحه نخست TSVST
   حذف آیکن‌های مربعی و حرکت‌های اضافی
   ========================================================= */

/* ---------------------------------------------------------
   جلوگیری از جابه‌جایی کارت هنگام Hover
   --------------------------------------------------------- */

.tsvst-home-refined .tsvst-home-post-card:hover,
.tsvst-home-refined .tsvst-home-post-card:hover .post,
.tsvst-home-refined .tsvst-home-post-card:hover .post-title {
    transform: none !important;
}

.tsvst-home-refined .tsvst-home-post-card .post,
.tsvst-home-refined .tsvst-home-post-card .post-title {
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

/* ---------------------------------------------------------
   حذف بک‌گراند مربعی آیکن عنوان نوشته
   --------------------------------------------------------- */

.tsvst-home-refined
.tsvst-home-post-card
.post-title > a > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    height: auto !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: #6750d4 !important;
    background: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
    font-size: 23px !important;
}

/* خط ظریف کنار عنوان */
.tsvst-home-refined
.tsvst-home-post-card
.post-title::before {
    background: linear-gradient(
        to bottom,
        #6d52eb,
        #168fc3
    ) !important;
}

/* ---------------------------------------------------------
   رفع بک‌گراند کشیده آیکن فروشگاه و اشتراک طلایی
   --------------------------------------------------------- */

.tsvst-home-showcase-card footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: linear-gradient(
        135deg,
        #ffffff,
        #fafbfe
    ) !important;
}

/* آیکن فروشگاه و دانلود بدون مربع آبی */
.tsvst-home-showcase-card footer .right_ft {
    display: inline-flex !important;
    float: none !important;

    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 34px !important;
    max-width: none !important;

    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: #6650d1 !important;
    background: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
    transform: none !important;
}

/* خود آیکن */
.tsvst-home-showcase-card footer .right_ft i {
    display: inline-block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: #6650d1 !important;
    background: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

/* خط جداکننده ظریف کنار آیکن */
.tsvst-home-showcase-card footer .right_ft {
    border-left: 1px solid #e8e5f5 !important;
}

/* بخش قیمت یا وضعیت اشتراک */
.tsvst-home-showcase-card footer .left_ft {
    display: flex !important;
    float: none !important;

    flex: 1 1 auto !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}

.tsvst-home-showcase-card footer .left_ft,
.tsvst-home-showcase-card footer .left_ft span,
.tsvst-home-showcase-card footer .left_ft a,
.tsvst-home-showcase-card footer .left_ft .edd_price {
    color: #5f48c4 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* ---------------------------------------------------------
   بخش جدید حجم فایل و تاریخ انتشار
   --------------------------------------------------------- */

.tsvst-home-refined
.tsvst-home-footer-clean {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;

    border-top: 1px solid #eceff5 !important;

    background:
        radial-gradient(
            circle at left top,
            rgba(24, 184, 200, 0.04),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #ffffff,
            #fafbfe
        ) !important;
}

/* متادیتا */
.tsvst-home-footer-meta {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
    min-width: 0;
}

.tsvst-home-footer-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #7d8698;
    background: transparent !important;
}

/* آیکن ساده بدون مربع */
.tsvst-home-footer-meta-item > i {
    display: inline-block;

    width: auto;
    height: auto;

    margin: 0;
    padding: 0;

    color: #6954d4;
    background: transparent !important;

    box-shadow: none !important;
    font-size: 14px;
}

.tsvst-home-footer-meta-item > span {
    display: flex;
    flex-direction: column;
    line-height: 1.55;
}

.tsvst-home-footer-meta-item small {
    color: #9aa1ae;
    font-size: 8px;
    font-weight: 700;
}

.tsvst-home-footer-meta-item strong {
    color: #343a4c;
    font-size: 10px;
    font-weight: 900;
}

/* ---------------------------------------------------------
   دکمه ساده و حرفه‌ای مطالعه نوشته
   --------------------------------------------------------- */

.tsvst-home-clean-link {
    display: inline-flex !important;
    flex: 0 0 auto;

    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-height: 39px !important;

    margin: 0 !important;
    padding: 7px 13px !important;

    border: 1px solid #dcd7f7 !important;
    border-radius: 0 !important;

    color: #604ac5 !important;

    background:
        linear-gradient(
            135deg,
            #faf9ff,
            #f2f5ff
        ) !important;

    box-shadow: none !important;

    font-size: 9.5px !important;
    font-weight: 900 !important;

    transform: none !important;

    transition:
        color 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease !important;
}

.tsvst-home-clean-link span {
    color: inherit !important;
    background: transparent !important;
}

/* فلش بدون کادر */
.tsvst-home-clean-link i {
    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: #168fc3 !important;
    background: transparent !important;

    box-shadow: none !important;
    font-size: 13px !important;
}

/* Hover بدون حرکت و تغییر ارتفاع */
.tsvst-home-clean-link:hover,
.tsvst-home-clean-link:focus {
    color: #ffffff !important;
    border-color: #6650d1 !important;

    background: linear-gradient(
        135deg,
        #6d52eb,
        #168fc3
    ) !important;

    box-shadow: none !important;
    transform: none !important;
}

.tsvst-home-clean-link:hover i,
.tsvst-home-clean-link:focus i {
    color: #ffffff !important;
}

/* نسخه قدیمی دکمه در این صفحه نمایش داده نشود */
.tsvst-home-refined
.tsvst-home-post-card
.readmore,

.tsvst-home-refined
.tsvst-home-post-card
.tsvst-home-readmore-btn {
    display: none !important;
}

/* ---------------------------------------------------------
   هم‌سطح‌شدن ستون نوشته‌ها و سایدبار
   --------------------------------------------------------- */

@media (min-width: 992px) {

    body.home
    .tsvst-home-refined
    > .container
    > .col-md-8.pull-left,

    body.blog
    .tsvst-home-refined
    > .container
    > .col-md-8.pull-left,

    body.home
    .tsvst-home-refined
    > .container
    > .sideright,

    body.blog
    .tsvst-home-refined
    > .container
    > .sideright {
        position: relative !important;
        top: 0 !important;

        margin-top: 22px !important;

        transform: none !important;
        vertical-align: top !important;
    }

    body.home
    .tsvst-home-refined
    > .container
    > .sideright
    > :first-child,

    body.blog
    .tsvst-home-refined
    > .container
    > .sideright
    > :first-child {
        margin-top: 0 !important;
    }
}

/* ---------------------------------------------------------
   موبایل
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .tsvst-home-refined
    .tsvst-home-footer-clean {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .tsvst-home-footer-meta {
        gap: 16px;
    }

    .tsvst-home-clean-link {
        width: 100% !important;
    }
}

/* =========================================================
   اصلاح نهایی فوتر کارت‌های صفحه نخست
   متاها غیر دکمه‌ای + دکمه ادامه مطلب ظریف‌تر و زیباتر
   ========================================================= */

/* باکس پایین کارت */
.tsvst-home-refined .tsvst-home-footer-clean {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-top: 1px solid #edf0f5 !important;
    background: #fff !important;
}

/* بخش اطلاعات */
.tsvst-home-refined .tsvst-home-footer-meta {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 18px !important;
    min-width: 0 !important;
}

/* آیتم اطلاعات: دیگر شبیه دکمه نباشد */
.tsvst-home-refined .tsvst-home-footer-meta-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: auto !important;
}

/* آیکن ساده و شیک */
.tsvst-home-refined .tsvst-home-footer-meta-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e5e8f1 !important;
    border-radius: 50% !important;
    background: #f8f9fd !important;
    box-shadow: none !important;
}

.tsvst-home-refined .tsvst-home-footer-meta-icon i {
    color: #6a56d8 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* متن متا */
.tsvst-home-refined .tsvst-home-footer-meta-content {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.35 !important;
}

.tsvst-home-refined .tsvst-home-footer-meta-content small {
    margin: 0 0 1px 0 !important;
    color: #9aa3b2 !important;
    font-size: 8px !important;
    font-weight: 700 !important;
}

.tsvst-home-refined .tsvst-home-footer-meta-content strong {
    color: #2f3548 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

/* بین دو آیتم متا جداساز ظریف */
.tsvst-home-refined .tsvst-home-footer-meta-item + .tsvst-home-footer-meta-item {
    position: relative;
}

.tsvst-home-refined .tsvst-home-footer-meta-item + .tsvst-home-footer-meta-item::before {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    width: 1px;
    height: 22px;
    background: #eceff5;
    transform: translateY(-50%);
}

/* =========================================================
   دکمه ادامه مطلب - جمع‌وجور، گرد و ظریف
   ========================================================= */

.tsvst-home-refined .tsvst-home-clean-link,
.tsvst-home-refined .tsvst-home-clean-link.is-modern {
    display: inline-flex !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

    margin: 0 !important;
    padding: 0 12px 0 8px !important;

    border: 1px solid #dddaf6 !important;
    border-radius: 999px !important;

    background: linear-gradient(135deg, #fbfaff, #f4f7ff) !important;
    color: #5f4bc5 !important;

    box-shadow: 0 4px 12px rgba(44, 55, 94, .06) !important;
    transform: none !important;
    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}

/* متن داخل دکمه */
.tsvst-home-refined .tsvst-home-clean-link-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    line-height: 1.15 !important;
    text-align: right !important;
}

.tsvst-home-refined .tsvst-home-clean-link-text strong {
    color: inherit !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
}

.tsvst-home-refined .tsvst-home-clean-link-text small {
    margin-top: 1px !important;
    color: #9ba6b7 !important;
    font-size: 7.5px !important;
    font-weight: 700 !important;
    transition: color .18s ease !important;
}

/* آیکن دکمه */
.tsvst-home-refined .tsvst-home-clean-link-icon {
    display: inline-flex !important;
    flex: 0 0 24px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #6d52eb, #168fc3) !important;
    box-shadow: none !important;
}

.tsvst-home-refined .tsvst-home-clean-link-icon i {
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* هاور دکمه */
.tsvst-home-refined .tsvst-home-clean-link:hover,
.tsvst-home-refined .tsvst-home-clean-link:focus,
.tsvst-home-refined .tsvst-home-clean-link.is-modern:hover,
.tsvst-home-refined .tsvst-home-clean-link.is-modern:focus {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #6d52eb, #168fc3) !important;
    box-shadow: 0 8px 18px rgba(79, 54, 202, .14) !important;
    transform: none !important;
}

.tsvst-home-refined .tsvst-home-clean-link:hover .tsvst-home-clean-link-text small,
.tsvst-home-refined .tsvst-home-clean-link:focus .tsvst-home-clean-link-text small,
.tsvst-home-refined .tsvst-home-clean-link.is-modern:hover .tsvst-home-clean-link-text small,
.tsvst-home-refined .tsvst-home-clean-link.is-modern:focus .tsvst-home-clean-link-text small {
    color: rgba(255,255,255,.84) !important;
}

.tsvst-home-refined .tsvst-home-clean-link:hover .tsvst-home-clean-link-icon,
.tsvst-home-refined .tsvst-home-clean-link:focus .tsvst-home-clean-link-icon,
.tsvst-home-refined .tsvst-home-clean-link.is-modern:hover .tsvst-home-clean-link-icon,
.tsvst-home-refined .tsvst-home-clean-link.is-modern:focus .tsvst-home-clean-link-icon {
    background: rgba(255,255,255,.18) !important;
}

/* جلوگیری از زشتی‌های قبلی */
.tsvst-home-refined .tsvst-home-clean-link,
.tsvst-home-refined .tsvst-home-clean-link *,
.tsvst-home-refined .tsvst-home-footer-meta-item,
.tsvst-home-refined .tsvst-home-footer-meta-item * {
    box-sizing: border-box !important;
}

/* دکمه قدیمی readmore مخفی بماند */
.tsvst-home-refined .tsvst-home-post-card .readmore,
.tsvst-home-refined .tsvst-home-post-card .tsvst-home-readmore-btn {
    display: none !important;
}

/* موبایل */
@media (max-width: 767px) {
    .tsvst-home-refined .tsvst-home-footer-clean {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    .tsvst-home-refined .tsvst-home-footer-meta {
        justify-content: flex-start !important;
        gap: 14px !important;
    }

    .tsvst-home-refined .tsvst-home-footer-meta-item + .tsvst-home-footer-meta-item::before {
        display: none !important;
    }

    .tsvst-home-refined .tsvst-home-clean-link,
    .tsvst-home-refined .tsvst-home-clean-link.is-modern {
        width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
    }

    .tsvst-home-refined .tsvst-home-clean-link-text {
        text-align: center !important;
    }
}

/* =========================================================
   فیکس نهایی آیکن‌ها و فاصله دکمه ادامه مطلب
   ========================================================= */

/* خود باکس پایین */
.tsvst-home-refined .tsvst-home-footer-clean {
    align-items: center !important;
}

/* -----------------------------
   آیکن‌های حجم فایل و تاریخ
------------------------------ */
.tsvst-home-refined .tsvst-home-footer-meta-item {
    align-items: center !important;
}

.tsvst-home-refined .tsvst-home-footer-meta-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.tsvst-home-refined .tsvst-home-footer-meta-icon i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    transform: none !important;
}

/* -----------------------------
   دکمه ادامه مطلب
------------------------------ */
.tsvst-home-refined .tsvst-home-clean-link,
.tsvst-home-refined .tsvst-home-clean-link.is-modern {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    margin-left: 12px !important;   /* فاصله از سمت چپ */
    margin-right: 0 !important;
    padding-left: 10px !important;
    padding-right: 14px !important;
}

/* متن دکمه */
.tsvst-home-refined .tsvst-home-clean-link-text {
    justify-content: center !important;
}

/* دایره آیکن دکمه */
.tsvst-home-refined .tsvst-home-clean-link-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
}

/* خود آیکن داخل دایره دکمه */
.tsvst-home-refined .tsvst-home-clean-link-icon i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    transform: none !important;
}

/* در موبایل دکمه کامل بچسبد به عرض و فاصله چپ نداشته باشد */
@media (max-width: 767px) {
    .tsvst-home-refined .tsvst-home-clean-link,
    .tsvst-home-refined .tsvst-home-clean-link.is-modern {
        margin-left: 0 !important;
    }
}

/* =========================================================
   تنظیم نهایی فاصله و تفکیک حجم فایل و تاریخ انتشار
   ========================================================= */

/* دو بخش با عرض کاملاً مساوی */
.tsvst-home-refined .tsvst-home-footer-meta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(125px, 1fr)) !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 340px !important;

    /* فاصله بخش حجم فایل از لبه راست */
    padding-right: 16px !important;
    padding-left: 0 !important;
}

/* اندازه و چینش یکسان هر دو بخش */
.tsvst-home-refined .tsvst-home-footer-meta-item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* حجم فایل در ستون اول، بدون فاصله اضافه سمت راست */
.tsvst-home-refined .tsvst-home-footer-meta-item:first-child {
    padding-right: 0 !important;
}

/* خط تفکیک دقیقاً میان دو بخش */
.tsvst-home-refined
.tsvst-home-footer-meta-item
+ .tsvst-home-footer-meta-item {
    position: relative !important;
    border-right: 1px solid #e5e9f1 !important;
}

/* حذف خط قبلی که با pseudo ساخته شده بود */
.tsvst-home-refined
.tsvst-home-footer-meta-item
+ .tsvst-home-footer-meta-item::before {
    display: none !important;
    content: none !important;
}

/* ارتفاع و مرکز بودن آیکن‌ها */
.tsvst-home-refined .tsvst-home-footer-meta-icon {
    display: inline-flex !important;
    flex: 0 0 26px !important;
    align-items: center !important;
    justify-content: center !important;

    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.tsvst-home-refined .tsvst-home-footer-meta-icon i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* موبایل؛ چون تاریخ مخفی است فقط یک ستون باقی بماند */
@media (max-width: 767px) {
    .tsvst-home-refined .tsvst-home-footer-meta {
        grid-template-columns: 1fr !important;
        max-width: none !important;
        padding-right: 8px !important;
    }

    .tsvst-home-refined
    .tsvst-home-footer-meta-item
    + .tsvst-home-footer-meta-item {
        border-right: 0 !important;
    }
}

/* =========================================================
   اصلاح دقیق متای پایین نوشته و پس‌زمینه عنوان
   ========================================================= */

/* ---------------------------------------------------------
   حجم فایل و تاریخ انتشار
   دو ستون مساوی + خط مستقل دقیقاً در وسط
   --------------------------------------------------------- */

.tsvst-home-refined .tsvst-home-footer-meta {
    display: grid !important;
    position: relative !important;

    /* ستون حجم | خط وسط | ستون تاریخ */
    grid-template-columns:
        minmax(0, 1fr)
        1px
        minmax(0, 1fr) !important;

    grid-template-rows: 34px !important;
    align-items: center !important;
    column-gap: 0 !important;

    flex: 0 0 260px !important;
    width: 260px !important;
    max-width: 260px !important;

    /* فاصله کم و مناسب از سمت راست */
    margin-right: 5px !important;
    margin-left: 0 !important;
    padding: 0 !important;
}

/* هر دو قسمت اندازه و چینش یکسان داشته باشند */
.tsvst-home-refined .tsvst-home-footer-meta-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 7px !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* حجم فایل در ستون سمت راست */
.tsvst-home-refined
.tsvst-home-footer-meta-item.is-size {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

/* تاریخ انتشار در ستون سمت چپ */
.tsvst-home-refined
.tsvst-home-footer-meta-item.is-date {
    grid-column: 3 !important;
    grid-row: 1 !important;
}

/* حذف تمام جداکننده‌های قبلی */
.tsvst-home-refined
.tsvst-home-footer-meta-item
+ .tsvst-home-footer-meta-item {
    border-right: 0 !important;
}

.tsvst-home-refined
.tsvst-home-footer-meta-item
+ .tsvst-home-footer-meta-item::before {
    display: none !important;
    content: none !important;
}

/* خط جداکننده، ستون مستقل و دقیقاً وسط */
.tsvst-home-refined .tsvst-home-footer-meta::after {
    display: block !important;
    position: static !important;

    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;

    width: 1px !important;
    height: 27px !important;

    content: "" !important;

    background: linear-gradient(
        to bottom,
        transparent 0%,
        #dce1ec 18%,
        #dce1ec 82%,
        transparent 100%
    ) !important;

    transform: none !important;
}

/* مرکز ماندن آیکن‌ها */
.tsvst-home-refined .tsvst-home-footer-meta-icon {
    display: grid !important;
    flex: 0 0 26px !important;
    place-items: center !important;

    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.tsvst-home-refined .tsvst-home-footer-meta-icon i {
    display: block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;
    transform: none !important;
}

/* ---------------------------------------------------------
   پس‌زمینه عنوان نوشته
   بدون سفیدشدن و محوشدن در پس‌زمینه سایت
   --------------------------------------------------------- */

.tsvst-home-refined
.tsvst-home-post-card
.post-title {
    border-color: rgba(96, 81, 201, 0.18) !important;

    /*
     * هیچ قسمت کاملاً سفید نیست؛
     * بنابراین عنوان با زمینه سایت یکی نمی‌شود.
     */
    background: linear-gradient(
        90deg,
        #dcedf7 0%,
        #e4e6fa 38%,
        #eceafa 68%,
        #e7f3f8 100%
    ) !important;

    box-shadow:
        0 8px 20px rgba(43, 51, 83, 0.07),
        inset 0 -1px 0 rgba(96, 81, 201, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}

/* عنوان هنگام Hover هم محو یا سفید نشود */
.tsvst-home-refined
.tsvst-home-post-card:hover
.post-title {
    background: linear-gradient(
        90deg,
        #d8eaf5 0%,
        #dfdff7 40%,
        #e7e5f8 70%,
        #e1eff5 100%
    ) !important;

    border-color: rgba(96, 81, 201, 0.26) !important;
}

/* متن عنوان کمی واضح‌تر */
.tsvst-home-refined
.tsvst-home-post-card
.post-title
.h2-post {
    color: #242a3c !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}

/* ---------------------------------------------------------
   موبایل
   --------------------------------------------------------- */

@media (max-width: 767px) {
    .tsvst-home-refined .tsvst-home-footer-meta {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;

        flex-basis: auto !important;
        width: auto !important;
        max-width: none !important;

        margin-right: 4px !important;
    }

    .tsvst-home-refined
    .tsvst-home-footer-meta-item.is-size {
        grid-column: 1 !important;
    }

    .tsvst-home-refined
    .tsvst-home-footer-meta::after {
        display: none !important;
    }

    .tsvst-home-refined
    .tsvst-home-footer-meta-item {
        justify-content: flex-start !important;
        padding: 0 4px !important;
    }
}
/* =========================================================
   عنوان حرفه‌ای فروشگاه و اشتراک طلایی
   هماهنگ با سربرگ کارت‌های سایدبار
   ========================================================= */

/* خود بخش‌ها */
.tsvst-home-refined .tsvst-home-showcase-section,
.is-gold-section {
    position: relative !important;
    overflow: hidden !important;
    border-color: #e5e9f2 !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(29, 37, 62, 0.07) !important;
}

/* خط رنگی باریک بالای بخش؛ مشابه سایدبار */
.tsvst-home-refined .tsvst-home-showcase-section::before,
.is-gold-section::before {
    position: absolute !important;
    z-index: 4 !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 3px !important;

    content: "" !important;

    background: linear-gradient(
        90deg,
        #6d52eb,
        #168fc3,
        #18b8c8
    ) !important;
}

/* سربرگ */
.tsvst-home-refined .tsvst-home-showcase-heading,
.is-gold-section .tsvst-home-showcase-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;

    min-height: 76px !important;
    margin: 0 !important;
    padding: 15px 17px !important;

    border: 0 !important;
    border-bottom: 1px solid #edf0f5 !important;

    color: #252b3d !important;

    background:
        radial-gradient(
            circle at left top,
            rgba(109, 82, 235, 0.075),
            transparent 36%
        ),
        linear-gradient(
            135deg,
            #ffffff,
            #fafbfe
        ) !important;

    box-shadow: none !important;
}

/* قسمت عنوان و آیکن */
.tsvst-home-refined .tsvst-home-showcase-heading .floats_rights,
.is-gold-section .tsvst-home-showcase-heading .floats_rights {
    display: flex !important;
    float: none !important;
    align-items: center !important;
    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* کادر آیکن شبیه آیکن سربرگ سایدبار */
.tsvst-home-refined .tsvst-home-showcase-heading-icon,
.is-gold-section .tsvst-home-showcase-heading-icon {
    display: inline-flex !important;
    flex: 0 0 44px !important;
    align-items: center !important;
    justify-content: center !important;

    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid rgba(109, 82, 235, 0.1) !important;
    border-radius: 7px !important;

    color: #6751d5 !important;

    background: linear-gradient(
        135deg,
        #f0edff,
        #eaf7ff
    ) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.48),
        0 5px 13px rgba(48, 43, 84, 0.055) !important;
}

/* خود آیکن */
.tsvst-home-refined .tsvst-home-showcase-heading-icon i,
.is-gold-section .tsvst-home-showcase-heading-icon i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #6751d5 !important;
    background: transparent !important;
    box-shadow: none !important;

    font-size: 17px !important;
    line-height: 1 !important;
}

/* ظرف متن عنوان */
.tsvst-home-refined
.tsvst-home-showcase-heading
.floats_rights > div,
.is-gold-section
.tsvst-home-showcase-heading
.floats_rights > div {
    display: flex !important;
    flex-direction: column !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: right !important;
}

/* عنوان اصلی */
.tsvst-home-refined .tsvst-home-showcase-heading p,
.is-gold-section .tsvst-home-showcase-heading p {
    display: block !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #252b3d !important;
    background: transparent !important;

    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.6 !important;
}

/* توضیح زیر عنوان */
.tsvst-home-refined .tsvst-home-showcase-heading small,
.is-gold-section .tsvst-home-showcase-heading small {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #7f8899 !important;

    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1.7 !important;
}

/* =========================================================
   حذف قطعی نقطه سبز و تزئینات قدیمی
   ========================================================= */

.tsvst-home-refined .tsvst-home-showcase-heading p::before,
.tsvst-home-refined .tsvst-home-showcase-heading p::after,
.tsvst-home-refined .tsvst-home-showcase-heading .floats_rights::before,
.tsvst-home-refined .tsvst-home-showcase-heading .floats_rights::after,
.is-gold-section .tsvst-home-showcase-heading p::before,
.is-gold-section .tsvst-home-showcase-heading p::after,
.is-gold-section .tsvst-home-showcase-heading .floats_rights::before,
.is-gold-section .tsvst-home-showcase-heading .floats_rights::after {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    content: none !important;
    background: transparent !important;
}

/* دکمه مشاهده همه */
.tsvst-home-refined .tsvst-home-showcase-heading .nexts_links,
.is-gold-section .tsvst-home-showcase-heading .nexts_links {
    display: inline-flex !important;
    float: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    min-height: 34px !important;
    margin: 0 !important;
    padding: 6px 10px !important;

    border: 1px solid #ddd8f8 !important;
    border-radius: 7px !important;

    color: #6651ca !important;
    background: #f5f3fc !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    box-shadow: none !important;
    transform: none !important;

    transition:
        color 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease !important;
}

.tsvst-home-refined .tsvst-home-showcase-heading .nexts_links:hover,
.is-gold-section .tsvst-home-showcase-heading .nexts_links:hover {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(
        135deg,
        #6d52eb,
        #168fc3
    ) !important;
    transform: none !important;
}

/* =========================================================
   حذف برچسب بالای عکس، حتی اگر HTML کش‌شده باقی مانده باشد
   ========================================================= */

.tsvst-home-showcase-card .tsvst-home-showcase-label {
    display: none !important;
}

/* جلوگیری از باقی‌ماندن نقطه سبز در کارت‌ها */
.tsvst-home-showcase-card::before,
.tsvst-home-showcase-card::after,
.tsvst-home-showcase-card header::before,
.tsvst-home-showcase-card header::after {
    content: none !important;
}

/* موبایل */
@media (max-width: 767px) {
    .tsvst-home-refined .tsvst-home-showcase-heading,
    .is-gold-section .tsvst-home-showcase-heading {
        min-height: 68px !important;
        padding: 12px 13px !important;
    }

    .tsvst-home-refined .tsvst-home-showcase-heading-icon,
    .is-gold-section .tsvst-home-showcase-heading-icon {
        flex-basis: 40px !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    .tsvst-home-refined .tsvst-home-showcase-heading small,
    .is-gold-section .tsvst-home-showcase-heading small {
        display: none !important;
    }
}

/* حذف نقطه رنگی کنار قیمت و وضعیت اشتراک طلایی */
.tsvst-home-showcase-card .left_ft::before,
.tsvst-home-showcase-card .left_ft::after,
.tsvst-home-showcase-card .edd_price::before,
.tsvst-home-showcase-card .edd_price::after,
.tsvst-home-showcase-card .tsvst-gold-access::before,
.tsvst-home-showcase-card .tsvst-gold-access::after,
.tsvst-home-showcase-card .left_ft > span::before,
.tsvst-home-showcase-card .left_ft > span::after,
.tsvst-home-showcase-card .left_ft > a::before,
.tsvst-home-showcase-card .left_ft > a::after {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    content: none !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* =========================================================
   هماهنگ‌سازی رنگ صفحه‌بندی با تم بنفش و آبی
   ========================================================= */

/* کادر «صفحه ۱ از ...» */
.tsvst-home-refined
.tsvst-home-pagination
.wp-pagenavi
.pages {
    color: #fff !important;
    border-color: transparent !important;

    background: linear-gradient(
        135deg,
        #6d52eb 0%,
        #168fc3 100%
    ) !important;

    box-shadow: 0 6px 15px rgba(79, 54, 202, 0.18) !important;
}

/* شماره صفحه فعال */
.tsvst-home-refined
.tsvst-home-pagination
.wp-pagenavi
.current {
    color: #fff !important;
    border-color: transparent !important;

    background: linear-gradient(
        135deg,
        #6d52eb 0%,
        #168fc3 100%
    ) !important;

    box-shadow: 0 5px 13px rgba(79, 54, 202, 0.18) !important;
}

/* شماره صفحات عادی */
.tsvst-home-refined
.tsvst-home-pagination
.wp-pagenavi
.page,
.tsvst-home-refined
.tsvst-home-pagination
.wp-pagenavi
.previouspostslink,
.tsvst-home-refined
.tsvst-home-pagination
.wp-pagenavi
.nextpostslink,
.tsvst-home-refined
.tsvst-home-pagination
.wp-pagenavi
.first,
.tsvst-home-refined
.tsvst-home-pagination
.wp-pagenavi
.last {
    color: #737d90 !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* هاور شماره‌ها */
.tsvst-home-refined
.tsvst-home-pagination
.wp-pagenavi
.page:hover,
.tsvst-home-refined
.tsvst-home-pagination
.wp-pagenavi
.previouspostslink:hover,
.tsvst-home-refined
.tsvst-home-pagination
.wp-pagenavi
.nextpostslink:hover,
.tsvst-home-refined
.tsvst-home-pagination
.wp-pagenavi
.first:hover,
.tsvst-home-refined
.tsvst-home-pagination
.wp-pagenavi
.last:hover {
    color: #fff !important;
    border-color: transparent !important;

    background: linear-gradient(
        135deg,
        #755bef,
        #168fc3
    ) !important;
}

/* حذف رنگ سبز احتمالی از عناصر داخلی */
.tsvst-home-refined
.tsvst-home-pagination
.wp-pagenavi
.pages *,
.tsvst-home-refined
.tsvst-home-pagination
.wp-pagenavi
.current * {
    color: #fff !important;
    background: transparent !important;
}

/* ==========================================================================
   جست‌وجوی پیشرفته TSVST
   کارت نتایج از home-refined.css استفاده می‌کند.
   ========================================================================== */

.tsvst-search-refined {
    --search-primary: #6d52eb;
    --search-primary-dark: #4f36ca;
    --search-blue: #168fc3;
    --search-cyan: #18b8c8;
    --search-text: #252b3d;
    --search-muted: #7d8698;
    --search-line: #e5e9f2;
    --search-soft: #f8f9fd;
    direction: rtl;
}

/* باکس اصلی جست‌وجو ---------------------------------------------------- */

.tsvst-advanced-search {
    position: relative;
    margin-bottom: 16px;
    overflow: hidden;
    border: 1px solid var(--search-line);
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 13px 31px rgba(31, 39, 68, .08);
}

.tsvst-advanced-search::before {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, var(--search-primary), var(--search-blue), var(--search-cyan));
}

.tsvst-advanced-search-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 82px;
    padding: 16px 18px;
    border-bottom: 1px solid #edf0f5;
    background:
        radial-gradient(circle at left top, rgba(109,82,235,.085), transparent 37%),
        linear-gradient(135deg, #fff, #f9faff);
}

.tsvst-advanced-search-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tsvst-advanced-search-icon {
    display: inline-flex;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(109,82,235,.11);
    border-radius: 7px;
    color: #6751d5;
    background: linear-gradient(135deg, #f0edff, #eaf7ff);
    box-shadow: 0 6px 15px rgba(49, 44, 88, .055);
    font-size: 17px;
}

.tsvst-advanced-search-title h1 {
    margin: 0 0 2px;
    color: var(--search-text);
    font-size: 16px;
    font-weight: 950;
    line-height: 1.65;
}

.tsvst-advanced-search-title p {
    margin: 0;
    color: var(--search-muted);
    font-size: 9.5px;
    font-weight: 600;
}

.tsvst-search-result-count {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 34px;
    padding: 6px 11px;
    border: 1px solid #ddd8f8;
    border-radius: 20px;
    color: #6651ca;
    background: #f5f3fc;
    font-size: 9px;
    font-weight: 800;
}

.tsvst-search-result-count strong {
    font-size: 11px;
    font-weight: 950;
}

/* فرم ------------------------------------------------------------------ */

.tsvst-advanced-search-form {
    padding: 17px;
}

.tsvst-search-primary-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 115px;
    gap: 10px;
    margin-bottom: 12px;
}

.tsvst-search-main-field {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 61px;
    margin: 0;
    padding: 8px 10px;
    border: 1px solid #dfe3ed;
    border-radius: 7px;
    background: linear-gradient(135deg, #fff, #fafbfe);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.tsvst-search-main-field:focus-within {
    border-color: rgba(109,82,235,.46);
    box-shadow: 0 0 0 4px rgba(109,82,235,.07);
}

.tsvst-search-main-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 7px;
    color: #fff;
    background: linear-gradient(135deg, var(--search-primary), var(--search-blue));
    box-shadow: 0 7px 16px rgba(79,54,202,.18);
}

.tsvst-search-main-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.tsvst-search-main-content small {
    margin-bottom: 2px;
    color: #98a0af;
    font-size: 8px;
    font-weight: 700;
}

.tsvst-search-main-content input {
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0 !important;
    outline: 0 !important;
    color: #303647;
    background: transparent !important;
    box-shadow: none !important;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
}

.tsvst-search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 61px;
    padding: 8px 13px;
    border: 0;
    border-radius: 7px;
    color: #fff;
    background: linear-gradient(135deg, var(--search-primary), var(--search-blue));
    box-shadow: 0 9px 20px rgba(79,54,202,.20);
    font-family: inherit;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
    transition: filter .2s ease, box-shadow .2s ease;
}

.tsvst-search-submit:hover {
    filter: saturate(1.08);
    box-shadow: 0 12px 25px rgba(79,54,202,.27);
}

/* فیلترها -------------------------------------------------------------- */

.tsvst-search-filter-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.tsvst-search-filter-field {
    display: flex;
    min-width: 0;
    min-height: 65px;
    margin: 0;
    padding: 9px 11px;
    border: 1px solid #e5e8f0;
    border-radius: 7px;
    background: #fafbfd;
    flex-direction: column;
}

.tsvst-search-filter-field > span {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
    color: #7e8798;
    font-size: 8px;
    font-weight: 800;
}

.tsvst-search-filter-field > span i {
    color: #6d58d5;
}

.tsvst-search-filter-field select {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 2px;
    border: 0 !important;
    outline: 0;
    color: #303647;
    background: transparent !important;
    box-shadow: none !important;
    font-family: inherit;
    font-size: 9.5px;
    font-weight: 800;
    cursor: pointer;
}

.tsvst-search-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding-top: 11px;
    border-top: 1px solid #edf0f5;
}

.tsvst-search-tips {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #929aa9;
    font-size: 8.5px;
    font-weight: 600;
}

.tsvst-search-tips i {
    color: #d09c25;
}

.tsvst-search-reset {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    color: #6550c9 !important;
    font-size: 8.5px;
    font-weight: 900;
}

/* خلاصه نتایج ---------------------------------------------------------- */

.tsvst-search-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    margin-bottom: 15px;
    padding: 13px 15px;
    border: 1px solid var(--search-line);
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 9px 22px rgba(31,39,68,.055);
}

.tsvst-search-summary-copy {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tsvst-search-summary-copy > span {
    display: inline-flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 7px;
    color: #6751d5;
    background: linear-gradient(135deg, #f0edff, #eaf7ff);
}

.tsvst-search-summary h2 {
    margin: 0 0 2px;
    color: var(--search-text);
    font-size: 13px;
    font-weight: 950;
}

.tsvst-search-summary p {
    margin: 0;
    color: var(--search-muted);
    font-size: 8.5px;
    font-weight: 600;
}

.tsvst-search-summary p strong {
    color: #5e48c5;
}

.tsvst-search-active-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
}

.tsvst-search-active-filters span {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 4px 8px;
    border: 1px solid #e1ddf7;
    border-radius: 20px;
    color: #6651ca;
    background: #f6f4fc;
    font-size: 7.5px;
    font-weight: 800;
}

/* حالت بدون نتیجه ------------------------------------------------------ */

.tsvst-search-empty {
    display: flex;
    min-height: 290px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    border: 1px solid var(--search-line);
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 11px 27px rgba(31,39,68,.06);
    text-align: center;
}

.tsvst-search-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: 13px;
    border-radius: 50%;
    color: #6751d5;
    background: linear-gradient(135deg, #f0edff, #eaf7ff);
    font-size: 22px;
}

.tsvst-search-empty h2 {
    margin: 0 0 7px;
    color: var(--search-text);
    font-size: 16px;
    font-weight: 950;
}

.tsvst-search-empty p {
    max-width: 430px;
    margin: 0 0 14px;
    color: var(--search-muted);
    font-size: 9.5px;
    line-height: 2;
}

.tsvst-search-empty a {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    min-height: 37px;
    padding: 7px 12px;
    border-radius: 20px;
    color: #fff !important;
    background: linear-gradient(135deg, var(--search-primary), var(--search-blue));
    font-size: 9px;
    font-weight: 900;
}

/* فوکوس --------------------------------------------------------------- */

.tsvst-search-refined a:focus:not(:focus-visible),
.tsvst-search-refined button:focus:not(:focus-visible),
.tsvst-search-refined input:focus:not(:focus-visible),
.tsvst-search-refined select:focus:not(:focus-visible) {
    outline: none !important;
}

.tsvst-search-refined a:focus-visible,
.tsvst-search-refined button:focus-visible,
.tsvst-search-refined input:focus-visible,
.tsvst-search-refined select:focus-visible {
    outline: 2px solid rgba(109,82,235,.72) !important;
    outline-offset: 3px;
}

/* واکنش‌گرایی ---------------------------------------------------------- */

@media (max-width: 767px) {
    .tsvst-advanced-search-head {
        align-items: flex-start;
        padding: 14px;
    }

    .tsvst-advanced-search-title p {
        display: none;
    }

    .tsvst-advanced-search-form {
        padding: 13px;
    }

    .tsvst-search-primary-row {
        grid-template-columns: 1fr;
    }

    .tsvst-search-submit {
        min-height: 46px;
    }

    .tsvst-search-filter-grid {
        grid-template-columns: 1fr;
    }

    .tsvst-search-form-footer,
    .tsvst-search-summary {
        align-items: stretch;
        flex-direction: column;
    }

    .tsvst-search-active-filters {
        justify-content: flex-start;
    }
}


/* حالت‌های دقیق جست‌وجو */
.tsvst-search-filter-field select[name="search_scope"],
.tsvst-search-filter-field select[name="search_match"] {
    color: #5f4ac5;
    font-weight: 900;
}

.tsvst-search-filter-field:focus-within {
    border-color: rgba(109,82,235,.34);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(109,82,235,.055);
}

/* =========================================================
   هم‌سطح‌سازی جست‌وجو و آرشیو
   بدون خراب‌کردن Sticky سایدبار
   ========================================================= */

/*
 * والدهای سایدبار نباید overflow مخفی داشته باشند؛
 * در غیر این صورت position: sticky از کار می‌افتد.
 */
main.tsvst-search-refined,
main.tsvst-search-refined > .container,
main.tsvst-archive-refined,
main.tsvst-archive-refined > .container {
    overflow: visible !important;
}

/*
 * فاصله مشترک ستون محتوا و سایدبار از منوی بالای سایت.
 */
main.tsvst-search-refined > .container,
main.tsvst-archive-refined > .container {
    padding-top: 20px !important;
}

/* =========================================================
   دسکتاپ
   ========================================================= */

@media (min-width: 992px) {

    /*
     * فقط فاصله ستون محتوای جست‌وجو کنترل شود.
     */
    main.tsvst-search-refined
    > .container
    > .col-md-8 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /*
     * فقط فاصله ستون محتوای آرشیو کنترل شود.
     */
    main.tsvst-archive-refined
    > .container
    > .tsvst-archive-main-column,

    main.tsvst-archive-refined
    > .container
    > .col-md-8 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /*
     * مهم:
     * روی سایدبار position، top، bottom و transform تعریف نشده است؛
     * بنابراین Sticky قبلی سایت فعال باقی می‌ماند.
     */
    main.tsvst-search-refined
    > .container
    > .sideright,

    main.tsvst-search-refined
    > .container
    > .tsvst-modern-sidebar,

    main.tsvst-archive-refined
    > .container
    > .sideright,

    main.tsvst-archive-refined
    > .container
    > .tsvst-modern-sidebar {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /*
     * اولین کارت آرشیو دقیقاً از ابتدای ستون شروع شود.
     */
    main.tsvst-archive-refined
    .tsvst-archive-post-wrap.is-first {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    main.tsvst-archive-refined
    .tsvst-archive-post-wrap.is-first
    .post-title {
        margin-top: 0 !important;
    }

    /*
     * اولین باکس داخل سایدبار فاصله اضافی نداشته باشد.
     */
    main.tsvst-search-refined
    > .container
    > .sideright
    > :first-child,

    main.tsvst-search-refined
    > .container
    > .tsvst-modern-sidebar
    > :first-child,

    main.tsvst-archive-refined
    > .container
    > .sideright
    > :first-child,

    main.tsvst-archive-refined
    > .container
    > .tsvst-modern-sidebar
    > :first-child {
        margin-top: 0 !important;
    }
}

/* =========================================================
   تبلت و موبایل
   ========================================================= */

@media (max-width: 991px) {

    main.tsvst-search-refined > .container,
    main.tsvst-archive-refined > .container {
        padding-top: 14px !important;
    }

    main.tsvst-archive-refined
    .tsvst-archive-post-wrap.is-first {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    main.tsvst-search-refined
    > .container
    > .sideright,

    main.tsvst-search-refined
    > .container
    > .tsvst-modern-sidebar,

    main.tsvst-archive-refined
    > .container
    > .sideright,

    main.tsvst-archive-refined
    > .container
    > .tsvst-modern-sidebar {
        margin-top: 22px !important;
        padding-top: 0 !important;
    }
}

/* =========================================================
   هم‌سطح‌سازی صفحه نخست بدون خراب‌کردن Sticky سایدبار
   ========================================================= */

/*
 * overflow مخفی یکی از دلایل رایج کارنکردن position:sticky است.
 * این تنظیم فقط در صفحه نخست اعمال می‌شود.
 */
main.tsvst-home-refined,
main.tsvst-home-refined > .container,
main.tsvst-home-refined .tsvst-home-columns-row {
    overflow: visible !important;
}

/*
 * فاصله مشترک ستون نوشته‌ها و سایدبار از بخش بالایی.
 * هر دو ستون با همین فاصله شروع می‌شوند.
 */
main.tsvst-home-refined .tsvst-home-columns-row {
    clear: both !important;
    padding-top: 20px !important;
}

/* =========================================================
   دسکتاپ
   ========================================================= */

@media (min-width: 992px) {

    /*
     * فقط فاصله ستون اصلی کنترل شود.
     * هیچ position یا transform روی سایدبار اعمال نمی‌کنیم.
     */
    main.tsvst-home-refined
    .tsvst-home-columns-row
    > .tsvst-home-main-column {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /*
     * فاصله سایدبار صفر می‌شود، اما position و top آن
     * در اختیار سیستم Sticky قبلی سایت باقی می‌ماند.
     */
    main.tsvst-home-refined
    .tsvst-home-columns-row
    > .sideright,

    main.tsvst-home-refined
    .tsvst-home-columns-row
    > .tsvst-modern-sidebar {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* اولین نوشته هیچ جابه‌جایی اضافه نداشته باشد */
    main.tsvst-home-refined
    .tsvst-home-post-wrap.is-first {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    main.tsvst-home-refined
    .tsvst-home-post-wrap.is-first
    .post-title {
        margin-top: 0 !important;
    }

    /* اولین باکس سایدبار فاصله اضافی نداشته باشد */
    main.tsvst-home-refined
    .tsvst-home-columns-row
    > .sideright
    > :first-child,

    main.tsvst-home-refined
    .tsvst-home-columns-row
    > .tsvst-modern-sidebar
    > :first-child {
        margin-top: 0 !important;
    }
}

/* =========================================================
   تبلت و موبایل
   ========================================================= */

@media (max-width: 991px) {

    main.tsvst-home-refined .tsvst-home-columns-row {
        padding-top: 14px !important;
    }

    main.tsvst-home-refined
    .tsvst-home-post-wrap.is-first {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    main.tsvst-home-refined
    .tsvst-home-columns-row
    > .sideright,

    main.tsvst-home-refined
    .tsvst-home-columns-row
    > .tsvst-modern-sidebar {
        margin-top: 22px !important;
        padding-top: 0 !important;
    }
}

/* ========================================================================== 
   Modern Single Post UI — TSVST / Taranesaz
   این کد را در انتهای style.css قالب قرار دهید.
   ========================================================================== */

.tsvst-single-modern {
    --ts-bg: #f5f7fb;
    --ts-card: #ffffff;
    --ts-text: #172033;
    --ts-muted: #6b7280;
    --ts-line: #e7eaf0;
    --ts-primary: #6d52eb;
    --ts-primary-dark: #4f36ca;
    --ts-blue: #168fc3;
    --ts-cyan: #18b8c8;
    --ts-green: #10a66a;
    --ts-orange: #f59e0b;
    --ts-red: #ef476f;
    --ts-purple: #8b5cf6;
    --ts-radius-lg: 22px;
    --ts-radius-md: 15px;
    --ts-shadow: 0 14px 40px rgba(31, 41, 55, 0.08);
    --ts-shadow-hover: 0 18px 44px rgba(31, 41, 55, 0.13);
    color: var(--ts-text);
}

.tsvst-single-modern *,
.tsvst-single-modern *::before,
.tsvst-single-modern *::after {
    box-sizing: border-box;
}

.tsvst-single-modern button,
.tsvst-single-modern input,
.tsvst-single-modern textarea,
.tsvst-single-modern select {
    font-family: inherit;
}

.tsvst-single-modern a {
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

/* عنوان نوشته؛ هماهنگ با صفحه نخست، آرشیو و جست‌وجو ---------------------- */
.tsvst-single-modern .tsvst-single-post-title {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(109, 82, 235, .15) !important;
    border-right: 0 !important;
    background:
        radial-gradient(circle at left top, rgba(24, 184, 200, .065), transparent 34%),
        linear-gradient(135deg, #fff, #fafbfe) !important;
    box-shadow: 0 9px 23px rgba(32, 40, 70, .065) !important;
}

.tsvst-single-modern .tsvst-single-post-title::before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3px;
    content: "";
    background: linear-gradient(to bottom, #6d52eb, #18b8c8);
}

.tsvst-single-modern .tsvst-single-post-title > a {
    position: relative;
    z-index: 3;
    display: flex !important;
    align-items: center;
}

.tsvst-single-modern .tsvst-single-post-title > a > i {
    color: #fff !important;
    background: linear-gradient(135deg, #6d52eb, #168fc3) !important;
    box-shadow: 0 6px 14px rgba(79, 54, 202, .19) !important;
}

.tsvst-single-modern .tsvst-single-post-title .h2-post {
    color: #252b3d !important;
    font-weight: 900 !important;
}

/* خنثی‌کردن حاشیه سبز یا قرمز قدیمی محتوای سینگل */
.tsvst-single-modern .tsvst-content-card.post {
    border: 1px solid rgba(109, 82, 235, .14) !important;
    border-right: 3px solid #6d52eb !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(32, 40, 70, .07) !important;
}

/* کارت محتوای اصلی -------------------------------------------------------- */
.tsvst-single-modern .tsvst-content-card {
    overflow: visible;
    padding: 0;
    border-radius: 0 0 var(--ts-radius-lg) var(--ts-radius-lg);
    background: var(--ts-card);
    box-shadow: var(--ts-shadow);
}

.tsvst-single-modern .tsvst-content-inner {
    padding: 0;
}

.tsvst-single-modern .tsvst-post-meta-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 15px 22px;
    border-bottom: 1px solid var(--ts-line);
    background: #fbfcff;
}

.tsvst-post-taxonomy,
.tsvst-post-stats {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.tsvst-post-taxonomy > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    border-radius: 10px;
    color: var(--ts-primary);
    background: rgba(109, 93, 252, .1);
}

.tsvst-post-taxonomy a {
    color: #4b5563;
    font-size: 13px;
    font-weight: 700;
}

.tsvst-post-taxonomy a:hover {
    color: var(--ts-primary);
}

.tsvst-post-stats .tsvst-stat-item,
.tsvst-post-stats > span,
.tsvst-post-stats > a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 31px;
    padding: 5px 10px;
    border: 1px solid #edf0f5;
    border-radius: 10px;
    color: #657084;
    background: #fff;
    font-size: 12px;
    text-decoration: none;
}

.tsvst-post-stats .post-views,
.tsvst-post-stats .zilla-likes {
    margin: 0 !important;
}

.tsvst-post-content {
    padding: 26px 24px 30px;
}

.tsvst-article-body {
    color: #30394b;
    font-size: 15px;
    line-height: 2.05;
}

.tsvst-article-body img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
}

.tsvst-article-body a {
    color: var(--ts-primary);
    font-weight: 700;
}

/* ساختار عمومی باکس‌ها ----------------------------------------------------- */
.tsvst-info-card {
    position: relative;
    overflow: hidden;
    margin: 27px 0 0;
    border: 1px solid var(--ts-line);
    border-radius: var(--ts-radius-lg);
    background: var(--ts-card);
    box-shadow: 0 12px 32px rgba(34, 43, 69, .07);
}

.tsvst-info-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    content: "";
}

.tsvst-info-card-details::before {
    background: linear-gradient(90deg, #2f80ed, #16a6c7);
}

.tsvst-card-learning::before {
    background: linear-gradient(90deg, #8b5cf6, #c056f0);
}

.tsvst-card-download::before {
    background: linear-gradient(90deg, #10a66a, #40c98b);
}

.tsvst-card-changelog::before {
    background: linear-gradient(90deg, #6d52eb, #168fc3, #18b8c8);
}

.tsvst-card-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 21px 22px 17px;
    border-bottom: 1px solid rgba(231, 234, 240, .8);
}

.tsvst-card-icon {
    display: inline-flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 15px;
    font-size: 21px;
}

.tsvst-info-card-details .tsvst-card-icon {
    color: var(--ts-blue);
    background: rgba(47, 128, 237, .11);
}

.tsvst-card-learning .tsvst-card-icon {
    color: var(--ts-purple);
    background: rgba(139, 92, 246, .11);
}

.tsvst-card-download .tsvst-card-icon {
    color: var(--ts-green);
    background: rgba(16, 166, 106, .11);
}

.tsvst-card-changelog .tsvst-card-icon {
    color: #5f4ac5;
    background: linear-gradient(135deg, #eeeaff, #e8f6ff);
}

.tsvst-card-heading {
    min-width: 0;
    flex: 1 1 auto;
}

.tsvst-card-heading h3 {
    margin: 0 0 4px;
    color: var(--ts-text);
    font-size: 17px;
    font-weight: 900;
    line-height: 1.5;
}

.tsvst-card-heading p {
    margin: 0;
    color: var(--ts-muted);
    font-size: 12px;
    line-height: 1.7;
}

.tsvst-card-status {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.tsvst-status-public {
    color: #17669b;
    background: #e9f6ff;
}

.tsvst-status-open {
    color: #087a4b;
    background: #e5f8ef;
}

.tsvst-status-locked {
    color: #a4470c;
    background: #fff1df;
}

.tsvst-status-changelog {
    color: #5d49be;
    border: 1px solid #ddd8f8;
    background: #f4f2fc;
}

.tsvst-card-body {
    padding: 19px 22px 23px;
}


/* باکس آخرین تغییرات ------------------------------------------------------ */
.tsvst-card-changelog {
    border-color: rgba(109, 82, 235, .18);
    background: #fff;
}

.tsvst-card-changelog .tsvst-card-header {
    background:
        radial-gradient(circle at left top, rgba(24, 184, 200, .08), transparent 36%),
        linear-gradient(135deg, #fff, #faf9ff);
}

.tsvst-changelog-content {
    position: relative;
    min-height: 115px;
    padding: 22px 24px 24px;
    border-top: 1px solid rgba(109, 82, 235, .10);
    color: #4c5266;
    background:
        radial-gradient(circle at left bottom, rgba(24, 184, 200, .10), transparent 38%),
        linear-gradient(135deg, #f1efff 0%, #f5f4ff 46%, #edf8fc 100%);
    font-size: 13px;
    line-height: 2.1;
    overflow-wrap: anywhere;
}

.tsvst-changelog-content::before {
    position: absolute;
    top: 20px;
    right: 12px;
    bottom: 20px;
    width: 3px;
    border-radius: 4px;
    content: "";
    background: linear-gradient(to bottom, #6d52eb, #168fc3, #18b8c8);
}

.tsvst-changelog-content > :first-child {
    margin-top: 0;
}

.tsvst-changelog-content > :last-child {
    margin-bottom: 0;
}

.tsvst-changelog-content p {
    margin: 0 0 13px;
}

.tsvst-changelog-content ul,
.tsvst-changelog-content ol {
    margin: 10px 0 15px;
    padding-right: 21px;
}

.tsvst-changelog-content li {
    margin-bottom: 7px;
}

.tsvst-changelog-content strong,
.tsvst-changelog-content b {
    color: #39314f;
    font-weight: 900;
}

.tsvst-changelog-content a {
    color: #5b47c3 !important;
    font-weight: 900;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.tsvst-changelog-content code {
    padding: 2px 6px;
    border: 1px solid rgba(109, 82, 235, .15);
    border-radius: 5px;
    color: #4e3bad;
    background: rgba(255, 255, 255, .70);
}

/* باکس مشخصات ------------------------------------------------------------- */
.tsvst-details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 19px 22px;
}

.tsvst-detail-item {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 12px;
    padding: 14px;
    border: 1px solid #edf0f5;
    border-radius: var(--ts-radius-md);
    background: #fbfcfe;
}

.tsvst-detail-item:hover {
    border-color: #dce3ef;
    background: #fff;
    transform: translateY(-2px);
    box-shadow: 0 9px 22px rgba(32, 44, 71, .07);
}

.tsvst-detail-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    color: var(--ts-blue);
    background: rgba(47, 128, 237, .09);
    font-size: 15px;
}

.tsvst-detail-item > div {
    min-width: 0;
}

.tsvst-detail-item small {
    display: block;
    margin-bottom: 3px;
    color: #8a93a4;
    font-size: 10px;
    font-weight: 700;
}

.tsvst-detail-item strong,
.tsvst-detail-item a {
    display: block;
    overflow-wrap: anywhere;
    color: #273247;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.7;
}

.tsvst-detail-item a:hover {
    color: var(--ts-primary);
}

.tsvst-detail-platform .tsvst-detail-icon {
    color: #7c4ed8;
    background: #f0eaff;
}

.tsvst-detail-link .tsvst-detail-icon {
    color: #d06c11;
    background: #fff2e3;
}

.tsvst-detail-recovery {
    border-color: #cfeedd;
    background: #f4fcf8;
}

.tsvst-detail-recovery .tsvst-detail-icon {
    color: var(--ts-green);
    background: #def6e9;
}

.tsvst-password-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin: 0 22px 22px;
    padding: 15px 16px;
    border: 1px dashed #ced6e4;
    border-radius: var(--ts-radius-md);
    background: linear-gradient(135deg, #f9faff, #f4f7fc);
}

.tsvst-password-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tsvst-password-icon {
    display: inline-flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: #d36b11;
    background: #fff0dd;
}

.tsvst-password-info small {
    display: block;
    margin-bottom: 3px;
    color: #7b8494;
    font-size: 10px;
}

.tsvst-password-info code {
    padding: 0;
    color: #20293a;
    background: transparent;
    font-family: Consolas, Monaco, monospace;
    font-size: 14px;
    font-weight: 900;
    direction: ltr;
}

.tsvst-copy-password {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 14px;
    border: 0;
    border-radius: 11px;
    color: #fff;
    background: #273247;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

.tsvst-copy-password:hover,
.tsvst-copy-password:focus {
    background: var(--ts-primary);
    transform: translateY(-1px);
}

.tsvst-copy-password.is-copied {
    background: var(--ts-green);
}

.tsvst-copy-message {
    visibility: hidden;
    height: 0;
    color: var(--ts-green);
    font-size: 11px;
    font-weight: 800;
    opacity: 0;
    text-align: center;
    transition: opacity .2s ease;
}

.tsvst-copy-message.is-visible {
    visibility: visible;
    height: auto;
    margin: -12px 22px 17px;
    opacity: 1;
}

/* سطوح اشتراک و باکس‌های قفل‌دار ----------------------------------------- */
.tsvst-access-levels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 13px 22px 0;
}

.tsvst-level-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid #e3ddff;
    border-radius: 999px;
    color: #6548c8;
    background: #f6f3ff;
    font-size: 10px;
    font-weight: 900;
}

.tsvst-card-download .tsvst-level-badge {
    border-color: #ccebdc;
    color: #087a4b;
    background: #effbf5;
}

.tsvst-access-card.is-locked .tsvst-card-body {
    background-image: linear-gradient(180deg, rgba(255,255,255,0), rgba(250,251,253,.75));
}

.tsvst-learning-content {
    color: #374151;
    font-size: 13px;
    line-height: 2;
}

.tsvst-locked-message,
.tsvst-download-notice {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px 15px;
    border-radius: 14px;
}

.tsvst-locked-message {
    margin-top: 12px;
    border: 1px solid #ffe1ba;
    color: #7d4311;
    background: #fff8ef;
}

.tsvst-download-notice {
    border: 1px solid #cfeedd;
    color: #176542;
    background: #f2fbf6;
}

.tsvst-locked-message > i,
.tsvst-download-notice > i {
    display: inline-flex;
    flex: 0 0 39px;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border-radius: 12px;
    background: rgba(255,255,255,.75);
    font-size: 16px;
}

.tsvst-locked-message strong,
.tsvst-download-notice strong {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 900;
}

.tsvst-locked-message span,
.tsvst-download-notice span {
    display: block;
    font-size: 10px;
    line-height: 1.8;
}

.tsvst-access-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
}

.tsvst-primary-button,
.tsvst-secondary-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 43px;
    padding: 10px 17px !important;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none !important;
}

.tsvst-primary-button {
    border: 1px solid var(--ts-primary);
    color: #fff !important;
    background: linear-gradient(135deg, var(--ts-primary), var(--ts-primary-dark));
    box-shadow: 0 8px 18px rgba(109, 93, 252, .23);
}

.tsvst-card-download .tsvst-primary-button {
    border-color: var(--ts-green);
    background: linear-gradient(135deg, #13b071, #078d58);
    box-shadow: 0 8px 18px rgba(16, 166, 106, .22);
}

.tsvst-primary-button:hover {
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(70, 62, 180, .26);
}

.tsvst-secondary-button {
    border: 1px solid #dce2ec;
    color: #39455a !important;
    background: #fff;
}

.tsvst-secondary-button:hover {
    border-color: #cbd3e0;
    color: var(--ts-primary) !important;
    transform: translateY(-2px);
}

/* لینک‌های دانلود تولیدشده از زمینه دلخواه ------------------------------- */
.tsvst-download-links {
    margin-top: 18px;
}

.tsvst-download-links:empty {
    display: none;
}

.tsvst-download-links ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tsvst-download-links li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tsvst-download-links .track-download,
.tsvst-download-links li > a {
    position: relative;
    display: flex !important;
    align-items: center;
    min-height: 49px;
    gap: 10px;
    width: 100%;
    padding: 11px 15px !important;
    border: 1px solid #d8eee3;
    border-radius: 13px;
    color: #176542 !important;
    background: #fbfffd !important;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none !important;
}

.tsvst-download-links .track-download::before,
.tsvst-download-links li > a::before {
    display: inline-flex;
    flex: 0 0 31px;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    border-radius: 10px;
    color: #fff;
    background: var(--ts-green);
    content: "\f019";
    font-family: FontAwesome;
    font-size: 13px;
}

.tsvst-download-links .track-download::after,
.tsvst-download-links li > a::after {
    margin-right: auto;
    color: #8bbca4;
    content: "\f104";
    font-family: FontAwesome;
}

.tsvst-download-links .track-download:hover,
.tsvst-download-links li > a:hover {
    border-color: #a9dec3;
    background: #f1fcf6 !important;
    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(10, 105, 65, .09);
}

.tsvst-empty-state {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 15px;
    border: 1px dashed #d5dbe5;
    border-radius: 13px;
    color: #7a8495;
    background: #fafbfc;
    font-size: 11px;
}

/* کارت پیشنهاد کانتکت ----------------------------------------------------- */
.tsvst-promo-card {
    position: relative;
    display: grid;
    grid-template-columns: 165px minmax(0, 1fr);
    overflow: hidden;
    gap: 19px;
    margin: 27px 0 0;
    padding: 19px;
    border: 1px solid #e7ddfb;
    border-radius: var(--ts-radius-lg);
    background: linear-gradient(135deg, #fbf8ff, #fff);
    box-shadow: 0 12px 32px rgba(92, 56, 148, .08);
}

.tsvst-promo-badge {
    position: absolute;
    top: 13px;
    right: 13px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 999px;
    color: #6d3fc3;
    background: rgba(255,255,255,.92);
    box-shadow: 0 5px 15px rgba(63, 40, 95, .1);
    font-size: 9px;
    font-weight: 900;
}

.tsvst-promo-media {
    overflow: hidden;
    min-height: 150px;
    border-radius: 15px;
    background: #eee8f8;
}

.tsvst-promo-media a,
.tsvst-promo-media img,
.tsvst-no-thumbnail {
    display: block;
    width: 100%;
    height: 100%;
}

.tsvst-promo-media img {
    object-fit: cover;
}

.tsvst-no-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    color: #8b5cf6;
    font-size: 38px;
}

.tsvst-promo-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px 0 4px;
}

.tsvst-promo-content h3 {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.8;
}

.tsvst-promo-content h3 a {
    color: #342548;
}

.tsvst-promo-content p {
    margin: 0 0 13px;
    color: #746b80;
    font-size: 11px;
    line-height: 1.9;
}

.tsvst-promo-content .tsvst-primary-button {
    align-self: flex-start;
}

/* نوار عملیات ------------------------------------------------------------- */
.tsvst-action-bar-wrap {
    margin-top: 17px;
}

.tsvst-action-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 13px;
    border: 1px solid var(--ts-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 9px 25px rgba(31, 41, 55, .06);
}

.tsvst-action-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    padding: 8px 11px;
    border-radius: 11px;
    color: #687386;
    background: #f7f8fb;
    font-size: 10px;
}

.tsvst-action-item > i {
    color: var(--ts-primary);
}

.tsvst-action-item strong {
    color: #2c3649;
}

.tsvst-favorite-action a {
    color: #687386 !important;
    font-size: 10px !important;
}

.tsvst-report-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    margin-right: auto;
    padding: 8px 13px;
    border: 1px solid #ffd4dc;
    border-radius: 11px;
    color: #bd3855;
    background: #fff3f6;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.tsvst-report-button:hover,
.tsvst-report-button:focus {
    border-color: #f6a8b7;
    color: #fff;
    background: var(--ts-red);
}

/* مودال گزارش ------------------------------------------------------------- */
body.tsvst-modal-open {
    overflow: hidden;
}

.tsvst-modal {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: flex;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    padding: 18px;
    opacity: 0;
    transition: opacity .2s ease, visibility .2s ease;
}

.tsvst-modal.is-open {
    visibility: visible;
    opacity: 1;
}

.tsvst-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(16, 23, 38, .68);
    backdrop-filter: blur(4px);
}

.tsvst-modal-dialog {
    position: relative;
    z-index: 1;
    overflow: auto;
    width: min(620px, 100%);
    max-height: calc(100vh - 36px);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
    transform: translateY(12px) scale(.98);
    transition: transform .22s ease;
}

.tsvst-modal.is-open .tsvst-modal-dialog {
    transform: translateY(0) scale(1);
}

.tsvst-modal-close {
    position: absolute;
    top: 13px;
    left: 13px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    color: #6e7786;
    background: #f0f2f6;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.tsvst-modal-close:hover {
    color: #fff;
    background: var(--ts-red);
}

.tsvst-modal-header {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 22px 22px 18px 62px;
    border-bottom: 1px solid var(--ts-line);
}

.tsvst-modal-header > span {
    display: flex;
    flex: 0 0 45px;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 14px;
    color: var(--ts-red);
    background: #fff0f3;
    font-size: 18px;
}

.tsvst-modal-header h3 {
    margin: 0 0 3px;
    color: #20293a;
    font-size: 16px;
    font-weight: 900;
}

.tsvst-modal-header p {
    margin: 0;
    color: #778195;
    font-size: 10px;
}

.tsvst-modal-body {
    padding: 20px 22px 23px;
}

.tsvst-modal-body input,
.tsvst-modal-body textarea,
.tsvst-modal-body select {
    width: 100%;
    min-height: 43px;
    padding: 10px 12px;
    border: 1px solid #dfe4ec;
    border-radius: 11px;
    outline: 0;
    background: #fafbfc;
}

.tsvst-modal-body textarea {
    min-height: 120px;
    resize: vertical;
}

.tsvst-modal-body input:focus,
.tsvst-modal-body textarea:focus,
.tsvst-modal-body select:focus {
    border-color: var(--ts-primary);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(109, 93, 252, .1);
}

.tsvst-modal-body input[type="submit"] {
    width: auto;
    border-color: var(--ts-primary);
    color: #fff;
    background: var(--ts-primary);
    font-weight: 900;
}

/* عنوان مشترک سکشن‌ها ----------------------------------------------------- */
.tsvst-related-section,
.tsvst-comments-section,
.tsvst-help-section {
    overflow: hidden;
    margin-top: 20px;
    padding: 0;
    border: 1px solid var(--ts-line);
    border-radius: var(--ts-radius-lg);
    background: #fff;
    box-shadow: var(--ts-shadow);
}

.tsvst-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 19px 20px;
    border-bottom: 1px solid var(--ts-line);
    background: #fbfcff;
}

.tsvst-section-heading > div {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 12px;
}

.tsvst-section-icon {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    color: var(--ts-primary);
    background: rgba(109, 93, 252, .1);
    font-size: 18px;
}

.tsvst-section-heading h2 {
    margin: 0 0 3px;
    color: var(--ts-text);
    font-size: 16px;
    font-weight: 900;
}

.tsvst-section-heading p {
    margin: 0;
    color: var(--ts-muted);
    font-size: 10px;
    line-height: 1.7;
}

/* مطالب مرتبط ------------------------------------------------------------- */
.tsvst-related-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
}

.tsvst-related-card {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    overflow: hidden;
    min-width: 0;
    border: 1px solid #ebedf2;
    border-radius: 15px;
    background: #fff;
}

.tsvst-related-card:hover {
    border-color: #d9ddea;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(31, 41, 55, .09);
}

.tsvst-related-image {
    display: block;
    overflow: hidden;
    min-height: 100px;
    background: #eef0f5;
}

.tsvst-related-image img,
.tsvst-related-placeholder {
    display: block;
    width: 100%;
    height: 100%;
}

.tsvst-related-image img {
    object-fit: cover;
    transition: transform .35s ease;
}

.tsvst-related-card:hover .tsvst-related-image img {
    transform: scale(1.06);
}

.tsvst-related-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    color: #9ba4b4;
    font-size: 25px;
}

.tsvst-related-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 12px;
}

.tsvst-related-content h3 {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 9px;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.8;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tsvst-related-content h3 a {
    color: #303a4e;
}

.tsvst-related-content h3 a:hover {
    color: var(--ts-primary);
}

.tsvst-related-meta {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #939baa;
    font-size: 9px;
}

/* دیدگاه‌ها --------------------------------------------------------------- */
.tsvst-comments-count {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 6px 10px;
    border-radius: 999px;
    color: #5b49c7;
    background: #efecff;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}

.tsvst-comment-guide {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    padding: 15px 18px;
    border-bottom: 1px solid var(--ts-line);
    background: #fff;
}

.tsvst-comment-guide > div {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    padding: 10px;
    border-radius: 11px;
    color: #5e687a;
    background: #f7f9fc;
    font-size: 9px;
    line-height: 1.8;
}

.tsvst-comment-guide i {
    margin-top: 4px;
    color: var(--ts-green);
}

.tsvst-comments-template {
    padding: 19px;
}

/* سازگاری با خروجی رایج comments.php قالب‌ها */
.tsvst-comments-template .comment-list,
.tsvst-comments-template ol.commentlist,
.tsvst-comments-template ul.commentlist {
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.tsvst-comments-template .comment-list li,
.tsvst-comments-template .commentlist li {
    list-style: none;
}

.tsvst-comments-template .comment-body {
    position: relative;
    margin: 0 0 13px;
    padding: 16px 17px;
    border: 1px solid #e8ebf1;
    border-radius: 15px;
    background: #fbfcfe;
}

.tsvst-comments-template .children {
    margin: 0 30px 13px 0;
    padding: 0;
    border-right: 2px solid #ebe8ff;
}

.tsvst-comments-template .avatar {
    width: 42px;
    height: 42px;
    margin-left: 10px;
    border-radius: 13px;
}

.tsvst-comments-template .comment-author,
.tsvst-comments-template .comment-meta {
    font-size: 10px;
}

.tsvst-comments-template .comment-author .fn,
.tsvst-comments-template .comment-author .fn a {
    color: #273247;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
}

.tsvst-comments-template .comment-metadata,
.tsvst-comments-template .comment-meta a {
    color: #929aaa;
    font-size: 9px;
}

.tsvst-comments-template .comment-content {
    margin-top: 11px;
    color: #4d5769;
    font-size: 11px;
    line-height: 2;
}

.tsvst-comments-template .reply a,
.tsvst-comments-template .comment-reply-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border-radius: 9px;
    color: var(--ts-primary);
    background: #f0eeff;
    font-size: 9px;
    font-weight: 900;
}

.tsvst-comments-template .comment-respond {
    margin-top: 17px;
    padding: 19px;
    border: 1px solid #e5e8ef;
    border-radius: 18px;
    background: linear-gradient(180deg, #fcfcff, #f8f9fc);
}

.tsvst-reply-title,
.tsvst-comments-template .comment-reply-title {
    margin: 0 0 14px;
    color: #263145;
    font-size: 15px;
    font-weight: 900;
}

.tsvst-comment-note {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    padding: 10px 12px;
    border: 1px solid #d8e8ff;
    border-radius: 11px;
    color: #3e6492;
    background: #f2f7ff;
    font-size: 9px;
    line-height: 1.8;
}

.tsvst-comment-form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.tsvst-comment-form > * {
    width: 100%;
}

.tsvst-comment-form .tsvst-comment-field-half {
    width: calc(50% - 6px);
}

.tsvst-comment-field label {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    color: #475268;
    font-size: 10px;
    font-weight: 900;
}

.tsvst-comment-field .required {
    color: var(--ts-red);
}

.tsvst-optional {
    padding: 2px 6px;
    border-radius: 999px;
    color: #8a94a5;
    background: #eef1f5;
    font-size: 8px;
    font-weight: 700;
}

.tsvst-input-wrap,
.tsvst-textarea-wrap {
    position: relative;
}

.tsvst-input-wrap > i {
    position: absolute;
    top: 50%;
    right: 13px;
    color: #9ba4b3;
    font-size: 13px;
    transform: translateY(-50%);
}

.tsvst-comment-form input[type="text"],
.tsvst-comment-form input[type="email"],
.tsvst-comment-form input[type="url"],
.tsvst-comment-form textarea {
    width: 100%;
    border: 1px solid #dde2eb;
    border-radius: 12px;
    outline: none;
    color: #313b4e;
    background: #fff;
    font-size: 11px;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.tsvst-comment-form input[type="text"],
.tsvst-comment-form input[type="email"],
.tsvst-comment-form input[type="url"] {
    height: 44px;
    padding: 9px 38px 9px 11px;
}

.tsvst-comment-form textarea {
    min-height: 145px;
    padding: 12px 13px 34px;
    line-height: 1.9;
    resize: vertical;
}

.tsvst-comment-form input:focus,
.tsvst-comment-form textarea:focus {
    border-color: var(--ts-primary);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(109, 93, 252, .11);
}

.tsvst-comment-counter {
    position: absolute;
    bottom: 9px;
    left: 11px;
    color: #9aa2b1;
    font-size: 9px;
    direction: ltr;
}

.tsvst-comment-form .form-submit {
    margin: 2px 0 0;
}

.tsvst-comment-submit,
.tsvst-comment-form input[type="submit"] {
    min-height: 43px;
    padding: 10px 19px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, var(--ts-primary), var(--ts-primary-dark));
    box-shadow: 0 8px 18px rgba(109, 93, 252, .22);
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

.tsvst-comment-submit:hover,
.tsvst-comment-form input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(109, 93, 252, .28);
}

.tsvst-comments-template .logged-in-as,
.tsvst-comments-template .comment-notes,
.tsvst-comments-template .must-log-in {
    color: #778195;
    font-size: 10px;
    line-height: 1.9;
}

/* راهنما ------------------------------------------------------------------ */
.tsvst-help-grid {
    display: grid;
    gap: 9px;
    padding: 18px;
}

.tsvst-help-grid details {
    overflow: hidden;
    border: 1px solid #e8ebf1;
    border-radius: 13px;
    background: #fff;
}

.tsvst-help-grid summary {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 13px 42px 13px 14px;
    color: #354055;
    background: #fafbfc;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    list-style: none;
}

.tsvst-help-grid summary::-webkit-details-marker {
    display: none;
}

.tsvst-help-grid summary::after {
    position: absolute;
    top: 50%;
    right: 15px;
    color: #8892a3;
    content: "\f107";
    font-family: FontAwesome;
    transform: translateY(-50%);
    transition: transform .2s ease;
}

.tsvst-help-grid details[open] summary::after {
    transform: translateY(-50%) rotate(180deg);
}

.tsvst-help-grid summary i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    color: var(--ts-primary);
    background: #efedff;
}

.tsvst-help-grid details > div {
    padding: 13px 15px 15px;
    border-top: 1px solid #edf0f4;
    color: #5f697b;
    font-size: 10px;
    line-height: 2;
}

.tsvst-help-grid details > div a {
    color: var(--ts-primary);
    font-weight: 900;
}

/* کارت محصول موبایل ------------------------------------------------------- */
.tsvst-mobile-product-card {
    overflow: hidden;
    margin-top: 18px;
    border-radius: var(--ts-radius-lg);
    box-shadow: var(--ts-shadow);
}

/* تمرکز و دسترسی‌پذیری ---------------------------------------------------- */
.tsvst-single-modern button:focus-visible,
.tsvst-single-modern a:focus-visible,
.tsvst-single-modern input:focus-visible,
.tsvst-single-modern textarea:focus-visible,
.tsvst-single-modern summary:focus-visible {
    outline: 3px solid rgba(109, 93, 252, .25);
    outline-offset: 2px;
}

/* واکنش‌گرایی ------------------------------------------------------------- */
@media (max-width: 991px) {
    .tsvst-single-modern .tsvst-post-meta-bar {
        align-items: flex-start;
    }

    .tsvst-related-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .tsvst-single-modern {
        --ts-radius-lg: 17px;
        --ts-radius-md: 12px;
    }

    .tsvst-single-modern .tsvst-post-meta-bar {
        flex-direction: column;
        padding: 13px 14px;
    }

    .tsvst-post-stats {
        width: 100%;
    }

    .tsvst-post-content {
        padding: 18px 13px 22px;
    }

    .tsvst-card-header {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 18px 15px 14px;
    }

    .tsvst-card-icon {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
        border-radius: 13px;
    }

    .tsvst-card-status {
        margin-right: 57px;
    }

    .tsvst-details-grid {
        grid-template-columns: 1fr;
        padding: 15px;
    }

    .tsvst-password-box {
        align-items: stretch;
        flex-direction: column;
        margin: 0 15px 17px;
    }

    .tsvst-copy-password {
        width: 100%;
    }

    .tsvst-access-levels {
        padding: 12px 15px 0;
    }

    .tsvst-card-body {
        padding: 16px 15px 19px;
    }

    .tsvst-promo-card {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .tsvst-promo-media {
        max-height: 210px;
    }

    .tsvst-promo-content {
        padding-top: 0;
    }

    .tsvst-action-bar {
        align-items: stretch;
        flex-direction: column;
    }

    .tsvst-action-item,
    .tsvst-report-button {
        justify-content: center;
        width: 100%;
        margin: 0;
    }

    .tsvst-section-heading {
        align-items: flex-start;
        padding: 16px 14px;
    }

    .tsvst-related-grid,
    .tsvst-comments-template,
    .tsvst-help-grid {
        padding: 13px;
    }

    .tsvst-related-card {
        grid-template-columns: 92px minmax(0, 1fr);
    }

    .tsvst-comment-guide {
        grid-template-columns: 1fr;
        padding: 12px 13px;
    }

    .tsvst-comment-form .tsvst-comment-field-half {
        width: 100%;
    }

    .tsvst-comments-template .children {
        margin-right: 12px;
    }

    .tsvst-modal-header {
        padding: 18px 15px 15px 55px;
    }

    .tsvst-modal-body {
        padding: 16px 15px 19px;
    }
}

@media (max-width: 420px) {
    .tsvst-card-heading h3,
    .tsvst-section-heading h2 {
        font-size: 14px;
    }

    .tsvst-card-status {
        width: 100%;
        margin-right: 0;
        justify-content: center;
    }

    .tsvst-related-card {
        grid-template-columns: 82px minmax(0, 1fr);
    }

    .tsvst-comments-count {
        display: none;
    }
}


/* واکنش‌گرایی باکس آخرین تغییرات */
@media (max-width: 767px) {
    .tsvst-single-modern .tsvst-card-changelog .tsvst-card-header {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .tsvst-single-modern .tsvst-card-changelog .tsvst-card-status {
        margin-right: 62px;
    }

    .tsvst-single-modern .tsvst-changelog-content {
        min-height: 90px;
        padding: 18px 20px 20px;
        font-size: 12px;
    }

    .tsvst-single-modern .tsvst-changelog-content::before {
        right: 9px;
    }
}
/* =========================================================
   هم‌سطح‌کردن عنوان سینگل و سایدبار
   بدون خراب‌کردن Sticky سایدبار
   ========================================================= */

/*
 * والدهای سایدبار باید overflow قابل‌مشاهده داشته باشند؛
 * overflow مخفی می‌تواند position: sticky را از کار بیندازد.
 */
main.tsvst-single-modern,
main.tsvst-single-modern > .container {
    overflow: visible !important;
}

/*
 * فاصله مشترک ستون نوشته و سایدبار از منوی بالای سایت.
 */
main.tsvst-single-modern > .container {
    padding-top: 20px !important;
}

/* =========================================================
   دسکتاپ
   ========================================================= */

@media (min-width: 992px) {

    /*
     * فقط فاصله ستون اصلی کنترل می‌شود.
     */
    main.tsvst-single-modern
    > .container
    > .col-md-8 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /*
     * روی سایدبار فقط فاصله کنترل می‌شود.
     * position، top، bottom و transform عمداً تعریف نشده‌اند
     * تا Sticky قبلی سایت فعال باقی بماند.
     */
    main.tsvst-single-modern
    > .container
    > .sideright,

    main.tsvst-single-modern
    > .container
    > .tsvst-modern-sidebar,

    main.tsvst-single-modern
    > .container
    > .sideshop,

    main.tsvst-single-modern
    > .container
    > .tsvst-shop-sidebar {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /*
     * عنوان نوشته هیچ فاصله اضافه‌ای از بالای ستون نداشته باشد.
     */
    main.tsvst-single-modern
    .tsvst-single-post-title {
        margin-top: 0 !important;
    }

    /*
     * اولین باکس داخل سایدبار فاصله اضافه نداشته باشد.
     */
    main.tsvst-single-modern
    > .container
    > .sideright
    > :first-child,

    main.tsvst-single-modern
    > .container
    > .tsvst-modern-sidebar
    > :first-child,

    main.tsvst-single-modern
    > .container
    > .sideshop
    > :first-child,

    main.tsvst-single-modern
    > .container
    > .tsvst-shop-sidebar
    > :first-child {
        margin-top: 0 !important;
    }
}

/* =========================================================
   تبلت و موبایل
   ========================================================= */

@media (max-width: 991px) {

    main.tsvst-single-modern > .container {
        padding-top: 14px !important;
    }

    main.tsvst-single-modern
    .tsvst-single-post-title {
        margin-top: 0 !important;
    }

    main.tsvst-single-modern
    > .container
    > .sideright,

    main.tsvst-single-modern
    > .container
    > .tsvst-modern-sidebar,

    main.tsvst-single-modern
    > .container
    > .sideshop,

    main.tsvst-single-modern
    > .container
    > .tsvst-shop-sidebar {
        margin-top: 22px !important;
        padding-top: 0 !important;
    }
}

/* ========================================================================== 
   Modern Single Post UI — TSVST / Taranesaz
   این کد را در انتهای style.css قالب قرار دهید.
   ========================================================================== */

.tsvst-single-modern {
    --ts-bg: #f5f7fb;
    --ts-card: #ffffff;
    --ts-text: #172033;
    --ts-muted: #6b7280;
    --ts-line: #e7eaf0;
    --ts-primary: #6d52eb;
    --ts-primary-dark: #4f36ca;
    --ts-blue: #168fc3;
    --ts-cyan: #18b8c8;
    --ts-green: #10a66a;
    --ts-orange: #f59e0b;
    --ts-red: #ef476f;
    --ts-purple: #8b5cf6;
    --ts-radius-lg: 22px;
    --ts-radius-md: 15px;
    --ts-shadow: 0 14px 40px rgba(31, 41, 55, 0.08);
    --ts-shadow-hover: 0 18px 44px rgba(31, 41, 55, 0.13);
    color: var(--ts-text);
}

.tsvst-single-modern *,
.tsvst-single-modern *::before,
.tsvst-single-modern *::after {
    box-sizing: border-box;
}

.tsvst-single-modern button,
.tsvst-single-modern input,
.tsvst-single-modern textarea,
.tsvst-single-modern select {
    font-family: inherit;
}

.tsvst-single-modern a {
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

/* عنوان نوشته؛ هماهنگ با سینگل اصلی، صفحه نخست و آرشیو ------------- */
.tsvst-single-modern .tsvst-single-post-title {
    position: relative !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    border: 1px solid rgba(109, 82, 235, .15) !important;
    border-right: 0 !important;
    background:
        radial-gradient(circle at left top, rgba(24, 184, 200, .065), transparent 34%),
        linear-gradient(135deg, #fff, #fafbfe) !important;
    box-shadow: 0 9px 23px rgba(32, 40, 70, .065) !important;
}

.tsvst-single-modern .tsvst-single-post-title::before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3px;
    content: "";
    background: linear-gradient(to bottom, #6d52eb, #18b8c8);
}

.tsvst-single-modern .tsvst-single-post-title > a {
    position: relative;
    z-index: 3;
    display: flex !important;
    align-items: center;
}

.tsvst-single-modern .tsvst-single-post-title > a > i {
    color: #fff !important;
    background: linear-gradient(135deg, #6d52eb, #168fc3) !important;
    box-shadow: 0 6px 14px rgba(79, 54, 202, .19) !important;
}

.tsvst-single-modern .tsvst-single-post-title .h2-post {
    color: #252b3d !important;
    font-weight: 900 !important;
}

/* خنثی‌کردن کامل حاشیه سبز یا قرمز قدیمی */
.tsvst-single-modern .tsvst-content-card.post {
    border: 1px solid rgba(109, 82, 235, .14) !important;
    border-right: 3px solid #6d52eb !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(32, 40, 70, .07) !important;
}

/* کارت محتوای اصلی -------------------------------------------------------- */
.tsvst-single-modern .tsvst-content-card {
    overflow: visible;
    padding: 0;
    border-radius: 0 0 var(--ts-radius-lg) var(--ts-radius-lg);
    background: var(--ts-card);
    box-shadow: var(--ts-shadow);
}

.tsvst-single-modern .tsvst-content-inner {
    padding: 0;
}

.tsvst-single-modern .tsvst-post-meta-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 15px 22px;
    border-bottom: 1px solid var(--ts-line);
    background: #fbfcff;
}

.tsvst-post-taxonomy,
.tsvst-post-stats {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.tsvst-post-taxonomy > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    border-radius: 10px;
    color: var(--ts-primary);
    background: rgba(109, 93, 252, .1);
}

.tsvst-post-taxonomy a {
    color: #4b5563;
    font-size: 13px;
    font-weight: 700;
}

.tsvst-post-taxonomy a:hover {
    color: var(--ts-primary);
}

.tsvst-post-stats .tsvst-stat-item,
.tsvst-post-stats > span,
.tsvst-post-stats > a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 31px;
    padding: 5px 10px;
    border: 1px solid #edf0f5;
    border-radius: 10px;
    color: #657084;
    background: #fff;
    font-size: 12px;
    text-decoration: none;
}

.tsvst-post-stats .post-views,
.tsvst-post-stats .zilla-likes {
    margin: 0 !important;
}

.tsvst-post-content {
    padding: 26px 24px 30px;
}

.tsvst-article-body {
    color: #30394b;
    font-size: 15px;
    line-height: 2.05;
}

.tsvst-article-body img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
}

.tsvst-article-body a {
    color: var(--ts-primary);
    font-weight: 700;
}

/* ساختار عمومی باکس‌ها ----------------------------------------------------- */
.tsvst-info-card {
    position: relative;
    overflow: hidden;
    margin: 27px 0 0;
    border: 1px solid var(--ts-line);
    border-radius: var(--ts-radius-lg);
    background: var(--ts-card);
    box-shadow: 0 12px 32px rgba(34, 43, 69, .07);
}

.tsvst-info-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    content: "";
}

.tsvst-info-card-details::before {
    background: linear-gradient(90deg, #2f80ed, #16a6c7);
}

.tsvst-card-learning::before {
    background: linear-gradient(90deg, #8b5cf6, #c056f0);
}

.tsvst-card-download::before {
    background: linear-gradient(90deg, #10a66a, #40c98b);
}

.tsvst-card-changelog::before {
    background: linear-gradient(90deg, #6d52eb, #168fc3, #18b8c8);
}

.tsvst-card-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 21px 22px 17px;
    border-bottom: 1px solid rgba(231, 234, 240, .8);
}

.tsvst-card-icon {
    display: inline-flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 15px;
    font-size: 21px;
}

.tsvst-info-card-details .tsvst-card-icon {
    color: var(--ts-blue);
    background: rgba(47, 128, 237, .11);
}

.tsvst-card-learning .tsvst-card-icon {
    color: var(--ts-purple);
    background: rgba(139, 92, 246, .11);
}

.tsvst-card-download .tsvst-card-icon {
    color: var(--ts-green);
    background: rgba(16, 166, 106, .11);
}

.tsvst-card-changelog .tsvst-card-icon {
    color: #5f4ac5;
    background: linear-gradient(135deg, #eeeaff, #e8f6ff);
}

.tsvst-card-heading {
    min-width: 0;
    flex: 1 1 auto;
}

.tsvst-card-heading h3 {
    margin: 0 0 4px;
    color: var(--ts-text);
    font-size: 17px;
    font-weight: 900;
    line-height: 1.5;
}

.tsvst-card-heading p {
    margin: 0;
    color: var(--ts-muted);
    font-size: 12px;
    line-height: 1.7;
}

.tsvst-card-status {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.tsvst-status-public {
    color: #17669b;
    background: #e9f6ff;
}

.tsvst-status-open {
    color: #087a4b;
    background: #e5f8ef;
}

.tsvst-status-locked {
    color: #a4470c;
    background: #fff1df;
}

.tsvst-status-changelog {
    color: #5d49be;
    border: 1px solid #ddd8f8;
    background: #f4f2fc;
}

.tsvst-card-body {
    padding: 19px 22px 23px;
}


/* باکس آخرین تغییرات ------------------------------------------------------ */
.tsvst-card-changelog {
    border-color: rgba(109, 82, 235, .18);
    background: #fff;
}

.tsvst-card-changelog .tsvst-card-header {
    background:
        radial-gradient(circle at left top, rgba(24, 184, 200, .08), transparent 36%),
        linear-gradient(135deg, #fff, #faf9ff);
}

.tsvst-changelog-content {
    position: relative;
    min-height: 115px;
    padding: 22px 24px 24px;
    border-top: 1px solid rgba(109, 82, 235, .10);
    color: #4c5266;
    background:
        radial-gradient(circle at left bottom, rgba(24, 184, 200, .10), transparent 38%),
        linear-gradient(135deg, #f1efff 0%, #f5f4ff 46%, #edf8fc 100%);
    font-size: 13px;
    line-height: 2.1;
    overflow-wrap: anywhere;
}

.tsvst-changelog-content::before {
    position: absolute;
    top: 20px;
    right: 12px;
    bottom: 20px;
    width: 3px;
    border-radius: 4px;
    content: "";
    background: linear-gradient(to bottom, #6d52eb, #168fc3, #18b8c8);
}

.tsvst-changelog-content > :first-child {
    margin-top: 0;
}

.tsvst-changelog-content > :last-child {
    margin-bottom: 0;
}

.tsvst-changelog-content p {
    margin: 0 0 13px;
}

.tsvst-changelog-content ul,
.tsvst-changelog-content ol {
    margin: 10px 0 15px;
    padding-right: 21px;
}

.tsvst-changelog-content li {
    margin-bottom: 7px;
}

.tsvst-changelog-content strong,
.tsvst-changelog-content b {
    color: #39314f;
    font-weight: 900;
}

.tsvst-changelog-content a {
    color: #5b47c3 !important;
    font-weight: 900;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.tsvst-changelog-content code {
    padding: 2px 6px;
    border: 1px solid rgba(109, 82, 235, .15);
    border-radius: 5px;
    color: #4e3bad;
    background: rgba(255, 255, 255, .70);
}

/* باکس مشخصات ------------------------------------------------------------- */
.tsvst-details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 19px 22px;
}

.tsvst-detail-item {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 12px;
    padding: 14px;
    border: 1px solid #edf0f5;
    border-radius: var(--ts-radius-md);
    background: #fbfcfe;
}

.tsvst-detail-item:hover {
    border-color: #dce3ef;
    background: #fff;
    transform: translateY(-2px);
    box-shadow: 0 9px 22px rgba(32, 44, 71, .07);
}

.tsvst-detail-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    color: var(--ts-blue);
    background: rgba(47, 128, 237, .09);
    font-size: 15px;
}

.tsvst-detail-item > div {
    min-width: 0;
}

.tsvst-detail-item small {
    display: block;
    margin-bottom: 3px;
    color: #8a93a4;
    font-size: 10px;
    font-weight: 700;
}

.tsvst-detail-item strong,
.tsvst-detail-item a {
    display: block;
    overflow-wrap: anywhere;
    color: #273247;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.7;
}

.tsvst-detail-item a:hover {
    color: var(--ts-primary);
}

.tsvst-detail-platform .tsvst-detail-icon {
    color: #7c4ed8;
    background: #f0eaff;
}

.tsvst-detail-link .tsvst-detail-icon {
    color: #d06c11;
    background: #fff2e3;
}

.tsvst-detail-recovery {
    border-color: #cfeedd;
    background: #f4fcf8;
}

.tsvst-detail-recovery .tsvst-detail-icon {
    color: var(--ts-green);
    background: #def6e9;
}

.tsvst-password-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin: 0 22px 22px;
    padding: 15px 16px;
    border: 1px dashed #ced6e4;
    border-radius: var(--ts-radius-md);
    background: linear-gradient(135deg, #f9faff, #f4f7fc);
}

.tsvst-password-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tsvst-password-icon {
    display: inline-flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: #d36b11;
    background: #fff0dd;
}

.tsvst-password-info small {
    display: block;
    margin-bottom: 3px;
    color: #7b8494;
    font-size: 10px;
}

.tsvst-password-info code {
    padding: 0;
    color: #20293a;
    background: transparent;
    font-family: Consolas, Monaco, monospace;
    font-size: 14px;
    font-weight: 900;
    direction: ltr;
}

.tsvst-copy-password {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 14px;
    border: 0;
    border-radius: 11px;
    color: #fff;
    background: #273247;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

.tsvst-copy-password:hover,
.tsvst-copy-password:focus {
    background: var(--ts-primary);
    transform: translateY(-1px);
}

.tsvst-copy-password.is-copied {
    background: var(--ts-green);
}

.tsvst-copy-message {
    visibility: hidden;
    height: 0;
    color: var(--ts-green);
    font-size: 11px;
    font-weight: 800;
    opacity: 0;
    text-align: center;
    transition: opacity .2s ease;
}

.tsvst-copy-message.is-visible {
    visibility: visible;
    height: auto;
    margin: -12px 22px 17px;
    opacity: 1;
}

/* سطوح اشتراک و باکس‌های قفل‌دار ----------------------------------------- */
.tsvst-access-levels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 13px 22px 0;
}

.tsvst-level-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid #e3ddff;
    border-radius: 999px;
    color: #6548c8;
    background: #f6f3ff;
    font-size: 10px;
    font-weight: 900;
}

.tsvst-card-download .tsvst-level-badge {
    border-color: #ccebdc;
    color: #087a4b;
    background: #effbf5;
}

.tsvst-access-card.is-locked .tsvst-card-body {
    background-image: linear-gradient(180deg, rgba(255,255,255,0), rgba(250,251,253,.75));
}

.tsvst-learning-content {
    color: #374151;
    font-size: 13px;
    line-height: 2;
}

.tsvst-locked-message,
.tsvst-download-notice {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px 15px;
    border-radius: 14px;
}

.tsvst-locked-message {
    margin-top: 12px;
    border: 1px solid #ffe1ba;
    color: #7d4311;
    background: #fff8ef;
}

.tsvst-download-notice {
    border: 1px solid #cfeedd;
    color: #176542;
    background: #f2fbf6;
}

.tsvst-locked-message > i,
.tsvst-download-notice > i {
    display: inline-flex;
    flex: 0 0 39px;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border-radius: 12px;
    background: rgba(255,255,255,.75);
    font-size: 16px;
}

.tsvst-locked-message strong,
.tsvst-download-notice strong {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 900;
}

.tsvst-locked-message span,
.tsvst-download-notice span {
    display: block;
    font-size: 10px;
    line-height: 1.8;
}

.tsvst-access-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
}

.tsvst-primary-button,
.tsvst-secondary-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 43px;
    padding: 10px 17px !important;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none !important;
}

.tsvst-primary-button {
    border: 1px solid var(--ts-primary);
    color: #fff !important;
    background: linear-gradient(135deg, var(--ts-primary), var(--ts-primary-dark));
    box-shadow: 0 8px 18px rgba(109, 93, 252, .23);
}

.tsvst-card-download .tsvst-primary-button {
    border-color: var(--ts-green);
    background: linear-gradient(135deg, #13b071, #078d58);
    box-shadow: 0 8px 18px rgba(16, 166, 106, .22);
}

.tsvst-primary-button:hover {
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(70, 62, 180, .26);
}

.tsvst-secondary-button {
    border: 1px solid #dce2ec;
    color: #39455a !important;
    background: #fff;
}

.tsvst-secondary-button:hover {
    border-color: #cbd3e0;
    color: var(--ts-primary) !important;
    transform: translateY(-2px);
}

/* لینک‌های دانلود تولیدشده از زمینه دلخواه ------------------------------- */
.tsvst-download-links {
    margin-top: 18px;
}

.tsvst-download-links:empty {
    display: none;
}

.tsvst-download-links ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tsvst-download-links li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tsvst-download-links .track-download,
.tsvst-download-links li > a {
    position: relative;
    display: flex !important;
    align-items: center;
    min-height: 49px;
    gap: 10px;
    width: 100%;
    padding: 11px 15px !important;
    border: 1px solid #d8eee3;
    border-radius: 13px;
    color: #176542 !important;
    background: #fbfffd !important;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none !important;
}

.tsvst-download-links .track-download::before,
.tsvst-download-links li > a::before {
    display: inline-flex;
    flex: 0 0 31px;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    border-radius: 10px;
    color: #fff;
    background: var(--ts-green);
    content: "\f019";
    font-family: FontAwesome;
    font-size: 13px;
}

.tsvst-download-links .track-download::after,
.tsvst-download-links li > a::after {
    margin-right: auto;
    color: #8bbca4;
    content: "\f104";
    font-family: FontAwesome;
}

.tsvst-download-links .track-download:hover,
.tsvst-download-links li > a:hover {
    border-color: #a9dec3;
    background: #f1fcf6 !important;
    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(10, 105, 65, .09);
}

.tsvst-empty-state {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 15px;
    border: 1px dashed #d5dbe5;
    border-radius: 13px;
    color: #7a8495;
    background: #fafbfc;
    font-size: 11px;
}

/* کارت پیشنهاد کانتکت ----------------------------------------------------- */
.tsvst-promo-card {
    position: relative;
    display: grid;
    grid-template-columns: 165px minmax(0, 1fr);
    overflow: hidden;
    gap: 19px;
    margin: 27px 0 0;
    padding: 19px;
    border: 1px solid #e7ddfb;
    border-radius: var(--ts-radius-lg);
    background: linear-gradient(135deg, #fbf8ff, #fff);
    box-shadow: 0 12px 32px rgba(92, 56, 148, .08);
}

.tsvst-promo-badge {
    position: absolute;
    top: 13px;
    right: 13px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 999px;
    color: #6d3fc3;
    background: rgba(255,255,255,.92);
    box-shadow: 0 5px 15px rgba(63, 40, 95, .1);
    font-size: 9px;
    font-weight: 900;
}

.tsvst-promo-media {
    overflow: hidden;
    min-height: 150px;
    border-radius: 15px;
    background: #eee8f8;
}

.tsvst-promo-media a,
.tsvst-promo-media img,
.tsvst-no-thumbnail {
    display: block;
    width: 100%;
    height: 100%;
}

.tsvst-promo-media img {
    object-fit: cover;
}

.tsvst-no-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    color: #8b5cf6;
    font-size: 38px;
}

.tsvst-promo-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px 0 4px;
}

.tsvst-promo-content h3 {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.8;
}

.tsvst-promo-content h3 a {
    color: #342548;
}

.tsvst-promo-content p {
    margin: 0 0 13px;
    color: #746b80;
    font-size: 11px;
    line-height: 1.9;
}

.tsvst-promo-content .tsvst-primary-button {
    align-self: flex-start;
}

/* نوار عملیات ------------------------------------------------------------- */
.tsvst-action-bar-wrap {
    margin-top: 17px;
}

.tsvst-action-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 13px;
    border: 1px solid var(--ts-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 9px 25px rgba(31, 41, 55, .06);
}

.tsvst-action-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    padding: 8px 11px;
    border-radius: 11px;
    color: #687386;
    background: #f7f8fb;
    font-size: 10px;
}

.tsvst-action-item > i {
    color: var(--ts-primary);
}

.tsvst-action-item strong {
    color: #2c3649;
}

.tsvst-favorite-action a {
    color: #687386 !important;
    font-size: 10px !important;
}

.tsvst-report-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    margin-right: auto;
    padding: 8px 13px;
    border: 1px solid #ffd4dc;
    border-radius: 11px;
    color: #bd3855;
    background: #fff3f6;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.tsvst-report-button:hover,
.tsvst-report-button:focus {
    border-color: #f6a8b7;
    color: #fff;
    background: var(--ts-red);
}

/* مودال گزارش ------------------------------------------------------------- */
body.tsvst-modal-open {
    overflow: hidden;
}

.tsvst-modal {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: flex;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    padding: 18px;
    opacity: 0;
    transition: opacity .2s ease, visibility .2s ease;
}

.tsvst-modal.is-open {
    visibility: visible;
    opacity: 1;
}

.tsvst-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(16, 23, 38, .68);
    backdrop-filter: blur(4px);
}

.tsvst-modal-dialog {
    position: relative;
    z-index: 1;
    overflow: auto;
    width: min(620px, 100%);
    max-height: calc(100vh - 36px);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
    transform: translateY(12px) scale(.98);
    transition: transform .22s ease;
}

.tsvst-modal.is-open .tsvst-modal-dialog {
    transform: translateY(0) scale(1);
}

.tsvst-modal-close {
    position: absolute;
    top: 13px;
    left: 13px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    color: #6e7786;
    background: #f0f2f6;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.tsvst-modal-close:hover {
    color: #fff;
    background: var(--ts-red);
}

.tsvst-modal-header {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 22px 22px 18px 62px;
    border-bottom: 1px solid var(--ts-line);
}

.tsvst-modal-header > span {
    display: flex;
    flex: 0 0 45px;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 14px;
    color: var(--ts-red);
    background: #fff0f3;
    font-size: 18px;
}

.tsvst-modal-header h3 {
    margin: 0 0 3px;
    color: #20293a;
    font-size: 16px;
    font-weight: 900;
}

.tsvst-modal-header p {
    margin: 0;
    color: #778195;
    font-size: 10px;
}

.tsvst-modal-body {
    padding: 20px 22px 23px;
}

.tsvst-modal-body input,
.tsvst-modal-body textarea,
.tsvst-modal-body select {
    width: 100%;
    min-height: 43px;
    padding: 10px 12px;
    border: 1px solid #dfe4ec;
    border-radius: 11px;
    outline: 0;
    background: #fafbfc;
}

.tsvst-modal-body textarea {
    min-height: 120px;
    resize: vertical;
}

.tsvst-modal-body input:focus,
.tsvst-modal-body textarea:focus,
.tsvst-modal-body select:focus {
    border-color: var(--ts-primary);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(109, 93, 252, .1);
}

.tsvst-modal-body input[type="submit"] {
    width: auto;
    border-color: var(--ts-primary);
    color: #fff;
    background: var(--ts-primary);
    font-weight: 900;
}

/* عنوان مشترک سکشن‌ها ----------------------------------------------------- */
.tsvst-related-section,
.tsvst-comments-section,
.tsvst-help-section {
    overflow: hidden;
    margin-top: 20px;
    padding: 0;
    border: 1px solid var(--ts-line);
    border-radius: var(--ts-radius-lg);
    background: #fff;
    box-shadow: var(--ts-shadow);
}

.tsvst-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 19px 20px;
    border-bottom: 1px solid var(--ts-line);
    background: #fbfcff;
}

.tsvst-section-heading > div {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 12px;
}

.tsvst-section-icon {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    color: var(--ts-primary);
    background: rgba(109, 93, 252, .1);
    font-size: 18px;
}

.tsvst-section-heading h2 {
    margin: 0 0 3px;
    color: var(--ts-text);
    font-size: 16px;
    font-weight: 900;
}

.tsvst-section-heading p {
    margin: 0;
    color: var(--ts-muted);
    font-size: 10px;
    line-height: 1.7;
}

/* مطالب مرتبط ------------------------------------------------------------- */
.tsvst-related-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
}

.tsvst-related-card {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    overflow: hidden;
    min-width: 0;
    border: 1px solid #ebedf2;
    border-radius: 15px;
    background: #fff;
}

.tsvst-related-card:hover {
    border-color: #d9ddea;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(31, 41, 55, .09);
}

.tsvst-related-image {
    display: block;
    overflow: hidden;
    min-height: 100px;
    background: #eef0f5;
}

.tsvst-related-image img,
.tsvst-related-placeholder {
    display: block;
    width: 100%;
    height: 100%;
}

.tsvst-related-image img {
    object-fit: cover;
    transition: transform .35s ease;
}

.tsvst-related-card:hover .tsvst-related-image img {
    transform: scale(1.06);
}

.tsvst-related-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    color: #9ba4b4;
    font-size: 25px;
}

.tsvst-related-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 12px;
}

.tsvst-related-content h3 {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 9px;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.8;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tsvst-related-content h3 a {
    color: #303a4e;
}

.tsvst-related-content h3 a:hover {
    color: var(--ts-primary);
}

.tsvst-related-meta {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #939baa;
    font-size: 9px;
}


/* راهنما ------------------------------------------------------------------ */
.tsvst-help-grid {
    display: grid;
    gap: 9px;
    padding: 18px;
}

.tsvst-help-grid details {
    overflow: hidden;
    border: 1px solid #e8ebf1;
    border-radius: 13px;
    background: #fff;
}

.tsvst-help-grid summary {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 13px 42px 13px 14px;
    color: #354055;
    background: #fafbfc;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    list-style: none;
}

.tsvst-help-grid summary::-webkit-details-marker {
    display: none;
}

.tsvst-help-grid summary::after {
    position: absolute;
    top: 50%;
    right: 15px;
    color: #8892a3;
    content: "\f107";
    font-family: FontAwesome;
    transform: translateY(-50%);
    transition: transform .2s ease;
}

.tsvst-help-grid details[open] summary::after {
    transform: translateY(-50%) rotate(180deg);
}

.tsvst-help-grid summary i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    color: var(--ts-primary);
    background: #efedff;
}

.tsvst-help-grid details > div {
    padding: 13px 15px 15px;
    border-top: 1px solid #edf0f4;
    color: #5f697b;
    font-size: 10px;
    line-height: 2;
}

.tsvst-help-grid details > div a {
    color: var(--ts-primary);
    font-weight: 900;
}

/* کارت محصول موبایل ------------------------------------------------------- */
.tsvst-mobile-product-card {
    overflow: hidden;
    margin-top: 18px;
    border-radius: var(--ts-radius-lg);
    box-shadow: var(--ts-shadow);
}

/* تمرکز و دسترسی‌پذیری ---------------------------------------------------- */
.tsvst-single-modern button:focus-visible,
.tsvst-single-modern a:focus-visible,
.tsvst-single-modern input:focus-visible,
.tsvst-single-modern textarea:focus-visible,
.tsvst-single-modern summary:focus-visible {
    outline: 3px solid rgba(109, 93, 252, .25);
    outline-offset: 2px;
}



/* واکنش‌گرایی بدون دخالت در استایل دیدگاه‌ها ----------------------------- */
@media (max-width: 991px) {
    .tsvst-single-modern .tsvst-post-meta-bar {
        align-items: flex-start;
    }

    .tsvst-related-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .tsvst-single-modern {
        --ts-radius-lg: 17px;
        --ts-radius-md: 12px;
    }

    .tsvst-single-modern .tsvst-post-meta-bar {
        flex-direction: column;
        padding: 13px 14px;
    }

    .tsvst-post-stats {
        width: 100%;
    }

    .tsvst-post-content {
        padding: 18px 13px 22px;
    }

    .tsvst-card-header {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 18px 15px 14px;
    }

    .tsvst-card-icon {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
        border-radius: 13px;
    }

    .tsvst-card-status {
        margin-right: 57px;
    }

    .tsvst-details-grid {
        grid-template-columns: 1fr;
        padding: 15px;
    }

    .tsvst-password-box {
        align-items: stretch;
        flex-direction: column;
        margin: 0 15px 17px;
    }

    .tsvst-copy-password {
        width: 100%;
    }

    .tsvst-access-levels {
        padding: 12px 15px 0;
    }

    .tsvst-card-body {
        padding: 16px 15px 19px;
    }

    .tsvst-action-bar {
        align-items: stretch;
        flex-direction: column;
    }

    .tsvst-action-item,
    .tsvst-report-button {
        justify-content: center;
        width: 100%;
        margin: 0;
    }

    .tsvst-section-heading {
        align-items: flex-start;
        padding: 16px 14px;
    }

    .tsvst-related-grid,
    .tsvst-help-grid {
        padding: 13px;
    }

    .tsvst-related-card {
        grid-template-columns: 92px minmax(0, 1fr);
    }

    .tsvst-modal-header {
        padding: 18px 15px 15px 55px;
    }

    .tsvst-modal-body {
        padding: 16px 15px 19px;
    }
}

@media (max-width: 420px) {
    .tsvst-card-heading h3,
    .tsvst-section-heading h2 {
        font-size: 14px;
    }

    .tsvst-card-status {
        width: 100%;
        margin-right: 0;
        justify-content: center;
    }

    .tsvst-related-card {
        grid-template-columns: 82px minmax(0, 1fr);
    }
}


/* ==========================================================================
   پوسته اختصاصی اشتراک طلایی
   ========================================================================== */

.tsvst-single-gold {
    --ts-gold: #c99719;
    --ts-gold-dark: #8d6200;
    --ts-gold-soft: #fff8df;
    --ts-gold-line: #ead89a;
}

.tsvst-single-gold .tsvst-card-download-gold::before {
    background: linear-gradient(90deg, #9f7005, #d4a72c, #f0cf70);
}

.tsvst-single-gold .tsvst-card-download-gold .tsvst-card-icon {
    color: #946500;
    background: linear-gradient(135deg, #fff7d8, #ffedab);
    box-shadow: inset 0 0 0 1px rgba(171, 120, 0, .12);
}

.tsvst-single-gold .tsvst-gold-level-badge {
    border-color: #ead89a;
    color: #845b00;
    background: linear-gradient(135deg, #fffaf0, #fff2c5);
}

.tsvst-single-gold .tsvst-status-gold-open {
    color: #785100;
    background: #fff1bd;
}

.tsvst-single-gold .tsvst-status-gold-locked {
    color: #8b5c00;
    background: #fff4d3;
}

.tsvst-single-gold .tsvst-gold-download-notice {
    border-color: #ead89a;
    color: #74510a;
    background: linear-gradient(135deg, #fffbef, #fff5d4);
}

.tsvst-single-gold .tsvst-gold-download-notice > i {
    color: #8f6300;
    background: rgba(255,255,255,.8);
}

.tsvst-single-gold .tsvst-gold-button {
    border-color: #ad7a08;
    background: linear-gradient(135deg, #d4aa31, #9a6b00);
    box-shadow: 0 9px 20px rgba(146, 101, 0, .23);
}

.tsvst-single-gold .tsvst-gold-download-links .track-download,
.tsvst-single-gold .tsvst-gold-download-links li > a {
    border-color: #eadcae;
    color: #76520b !important;
    background: linear-gradient(135deg, #fffef8, #fffaf0) !important;
}

.tsvst-single-gold .tsvst-gold-download-links .track-download::before,
.tsvst-single-gold .tsvst-gold-download-links li > a::before {
    background: linear-gradient(135deg, #d5aa2e, #9a6b00);
}

.tsvst-single-gold .tsvst-gold-download-links .track-download::after,
.tsvst-single-gold .tsvst-gold-download-links li > a::after {
    color: #c3a453;
}

.tsvst-single-gold .tsvst-gold-download-links .track-download:hover,
.tsvst-single-gold .tsvst-gold-download-links li > a:hover {
    border-color: #d7bd68;
    background: #fff7d9 !important;
    box-shadow: 0 9px 20px rgba(141, 98, 0, .10);
}

/* زمینه‌های قدیمی دانلود هم در همان شبکه مدرن قرار می‌گیرند. */
.tsvst-single-gold .tsvst-legacy-download-list {
    display: grid;
    gap: 10px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

/* ==========================================================================
   جهت هوشمند فارسی و انگلیسی + حفظ Justify وردپرس
   ========================================================================== */

.tsvst-auto-direction .tsvst-text-rtl {
    direction: rtl !important;
    unicode-bidi: plaintext;
    text-align: right !important;
    text-align-last: auto !important;
}

.tsvst-auto-direction .tsvst-text-ltr {
    direction: ltr !important;
    unicode-bidi: plaintext;
    text-align: left !important;
    text-align-last: auto !important;
}

.tsvst-auto-direction .tsvst-text-rtl.tsvst-text-justified {
    text-align: justify !important;
    text-align-last: right !important;
}

.tsvst-auto-direction .tsvst-text-ltr.tsvst-text-justified {
    text-align: justify !important;
    text-align-last: left !important;
}

.tsvst-auto-direction pre.tsvst-text-ltr,
.tsvst-auto-direction code.tsvst-text-ltr {
    direction: ltr !important;
    text-align: left !important;
}

/* واکنش‌گرایی باکس آخرین تغییرات */
@media (max-width: 767px) {
    .tsvst-single-gold .tsvst-card-changelog .tsvst-card-header {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .tsvst-single-gold .tsvst-card-changelog .tsvst-card-status {
        margin-right: 62px;
    }

    .tsvst-single-gold .tsvst-changelog-content {
        min-height: 90px;
        padding: 18px 20px 20px;
        font-size: 12px;
    }

    .tsvst-single-gold .tsvst-changelog-content::before {
        right: 9px;
    }
}

/* =========================================================
   هم‌سطح‌کردن عنوان سینگل طلایی و سایدبار
   بدون خراب‌کردن Sticky و حرکت پویای سایدبار
   ========================================================= */

main.tsvst-single-gold,
main.tsvst-single-gold > .container {
    overflow: visible !important;
}

main.tsvst-single-gold > .container {
    padding-top: 20px !important;
}

@media (min-width: 992px) {

    main.tsvst-single-gold
    > .container
    > .col-md-8 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /*
     * عمداً position، top، bottom و transform روی سایدبار
     * تعریف نشده‌اند تا سیستم Sticky قبلی سایت فعال بماند.
     */
    main.tsvst-single-gold
    > .container
    > .sideright,

    main.tsvst-single-gold
    > .container
    > .tsvst-modern-sidebar,

    main.tsvst-single-gold
    > .container
    > .sideshop,

    main.tsvst-single-gold
    > .container
    > .tsvst-shop-sidebar {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    main.tsvst-single-gold
    .tsvst-single-post-title {
        margin-top: 0 !important;
    }

    main.tsvst-single-gold
    > .container
    > .sideright
    > :first-child,

    main.tsvst-single-gold
    > .container
    > .tsvst-modern-sidebar
    > :first-child,

    main.tsvst-single-gold
    > .container
    > .sideshop
    > :first-child,

    main.tsvst-single-gold
    > .container
    > .tsvst-shop-sidebar
    > :first-child {
        margin-top: 0 !important;
    }
}

@media (max-width: 991px) {

    main.tsvst-single-gold > .container {
        padding-top: 14px !important;
    }

    main.tsvst-single-gold
    .tsvst-single-post-title {
        margin-top: 0 !important;
    }

    main.tsvst-single-gold
    > .container
    > .sideright,

    main.tsvst-single-gold
    > .container
    > .tsvst-modern-sidebar,

    main.tsvst-single-gold
    > .container
    > .sideshop,

    main.tsvst-single-gold
    > .container
    > .tsvst-shop-sidebar {
        margin-top: 22px !important;
        padding-top: 0 !important;
    }
}

/* ==========================================================================
   هدر اصلاح‌شده TSVST — نسخه وفادار به چیدمان اصلی
   - جای سرچ دست‌نخورده
   - دسته‌بندی دست‌نخورده
   - ورود/عضویت دست‌نخورده
   - فقط سرچ کمی بهتر و منو بزرگ‌تر و مدرن‌تر
   - هیچ اثری روی عنوان دموها و محتوای سایت ندارد
   ========================================================================== */

/* --------------------------------------------------------------------------
   باکس بالای هدر
   فقط اصلاح ظریف؛ بدون تغییر چیدمان دسته‌بندی و سرچ
   -------------------------------------------------------------------------- */

.tsvst-header-original-layout .tsvst-header-top-row {
    margin: 0;
}

.tsvst-header-original-layout .tsvst-header-top-box {
    position: relative;
    overflow: visible !important;
    min-height: 0 !important;
    border: 1px solid rgba(109, 82, 235, .10);
    border-radius: 7px;
    background:
        radial-gradient(circle at left top, rgba(24, 184, 200, .045), transparent 34%),
        linear-gradient(135deg, #fff, #fbfcfe);
    box-shadow: 0 10px 24px rgba(31, 39, 68, .055) !important;
}

.tsvst-header-original-layout .tsvst-header-top-box::before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, #6d52eb, #168fc3, #18b8c8);
}

/* --------------------------------------------------------------------------
   سرچ زنده اختصاصی؛ جای اصلی هدر حفظ می‌شود
   طراحی داخلی توسط افزونه TSVST Live Search انجام می‌شود.
   -------------------------------------------------------------------------- */

.tsvst-header-original-layout .tsvst-header-search-refined {
    position: relative;
    z-index: 30;
    overflow: visible !important;
}

.tsvst-header-original-layout .tsvst-header-search-refined > form,
.tsvst-header-original-layout .tsvst-header-search-refined > div {
    margin: 0 !important;
}

/*
 * دسته‌بندی عمداً هیچ استایل تازه‌ای ندارد.
 * کلاس‌های زیر در این فایل دستکاری نمی‌شوند:
 * .top-nav-thing
 * .cat-toggle
 * .cat-toggle__brand
 * .cat-drawer
 */

/* --------------------------------------------------------------------------
   منوی اصلی: همان ظاهر جدید، ولی بزرگ‌تر و خواناتر
   -------------------------------------------------------------------------- */

.tsvst-header-original-layout .tsvst-nav-row-refined {
    margin: 0;
    padding-top: 10px;
}

.tsvst-header-original-layout .tsvst-navbar-refined {
    position: relative;
    min-height: 94px;
    margin-bottom: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(109, 82, 235, .10) !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-shadow: 0 11px 27px rgba(31, 39, 68, .065) !important;
}

.tsvst-header-original-layout .tsvst-navbar-refined::before {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, #6d52eb, #168fc3, #18b8c8);
}

.tsvst-header-original-layout .tsvst-navbar-refined > .container {
    min-height: 92px;
}

.tsvst-header-original-layout .tsvst-main-menu-refined {
    min-height: 92px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.tsvst-header-original-layout .tsvst-main-menu-refined > li {
    min-height: 92px;
}

.tsvst-header-original-layout .tsvst-main-menu-refined > li > a {
    position: relative;
    display: flex !important;
    min-width: 82px;
    min-height: 92px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    padding: 13px 10px 12px !important;
    color: #454e62 !important;
    background: transparent !important;
    transition:
        color .2s ease,
        background .2s ease;
}

.tsvst-header-original-layout .tsvst-main-menu-refined > li > a::after {
    position: absolute;
    right: 50%;
    bottom: 10px;
    width: 0;
    height: 2px;
    border-radius: 4px;
    content: "";
    background: linear-gradient(90deg, #6d52eb, #18b8c8);
    transform: translateX(50%);
    transition: width .22s ease;
}

.tsvst-header-original-layout .tsvst-main-menu-refined > li > a:hover,
.tsvst-header-original-layout .tsvst-main-menu-refined > li.current-menu-item > a,
.tsvst-header-original-layout .tsvst-main-menu-refined > li.current_page_item > a {
    color: #5b46c6 !important;
    background:
        linear-gradient(
            180deg,
            rgba(109, 82, 235, .035),
            rgba(24, 184, 200, .035)
        ) !important;
}

.tsvst-header-original-layout .tsvst-main-menu-refined > li > a:hover::after,
.tsvst-header-original-layout .tsvst-main-menu-refined > li.current-menu-item > a::after,
.tsvst-header-original-layout .tsvst-main-menu-refined > li.current_page_item > a::after {
    width: 29px;
}

.tsvst-header-original-layout .tsvst-main-menu-refined > li > a > i {
    color: #566077 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    transition:
        color .2s ease,
        transform .2s ease;
}

.tsvst-header-original-layout .tsvst-main-menu-refined > li > a:hover > i {
    color: #6751d5 !important;
    transform: translateY(-1px);
}

.tsvst-header-original-layout .tsvst-main-menu-refined > li > a > p {
    margin: 0 !important;
    color: inherit !important;
    font-size: 10.5px !important;
    font-weight: 850 !important;
    line-height: 1.55 !important;
    white-space: nowrap;
}

/* ورود/عضویت و پروفایل عمداً دست‌نخورده می‌مانند */
.tsvst-header-original-layout .register_t,
.tsvst-header-original-layout .login_t,
.tsvst-header-original-layout .btn-group-or,
.tsvst-header-original-layout .profile_show_top {
    /* بدون بازطراحی */
}

/* --------------------------------------------------------------------------
   فوکوس
   -------------------------------------------------------------------------- */

.tsvst-header-original-layout
.tsvst-main-menu-refined
a:focus:not(:focus-visible),

.tsvst-header-original-layout
.tsvst-header-search-refined
button:focus:not(:focus-visible),

.tsvst-header-original-layout
.tsvst-header-search-refined
input:focus:not(:focus-visible),

.tsvst-header-original-layout
.tsvst-header-search-refined
select:focus:not(:focus-visible) {
    outline: 0 !important;
}

.tsvst-header-original-layout
.tsvst-main-menu-refined
a:focus-visible,

.tsvst-header-original-layout
.tsvst-header-search-refined
button:focus-visible,

.tsvst-header-original-layout
.tsvst-header-search-refined
input:focus-visible,

.tsvst-header-original-layout
.tsvst-header-search-refined
select:focus-visible {
    outline: 2px solid rgba(109, 82, 235, .72) !important;
    outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   واکنش‌گرایی
   -------------------------------------------------------------------------- */

@media (max-width: 1199px) {
    .tsvst-header-original-layout
    .tsvst-main-menu-refined
    > li
    > a {
        min-width: 74px;
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    .tsvst-header-original-layout
    .tsvst-main-menu-refined
    > li
    > a
    > i {
        font-size: 26px !important;
    }

    .tsvst-header-original-layout
    .tsvst-main-menu-refined
    > li
    > a
    > p {
        font-size: 9.5px !important;
    }
}

@media (max-width: 991px) {
    .tsvst-header-original-layout .tsvst-navbar-refined {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .tsvst-header-original-layout
    .tsvst-navbar-refined
    > .container {
        min-width: 740px;
    }
}

@media (max-width: 767px) {
    .tsvst-header-original-layout
    .tsvst-main-menu-refined
    > li
    > a {
        min-width: 72px;
    }

    .tsvst-header-original-layout
    .tsvst-main-menu-refined
    > li
    > a
    > i {
        font-size: 25px !important;
    }

    .tsvst-header-original-layout
    .tsvst-main-menu-refined
    > li
    > a
    > p {
        font-size: 9px !important;
    }
}

/* ==========================================================================
   اصلاح نهایی چیدمان فرم هدر — نسخه 1.0.1
   خنثی‌کردن استایل‌های عمومی قالب و افزونه‌های قدیمی
   ========================================================================== */

.tsvst-live-search,
.tsvst-live-search *,
.tsvst-live-search *::before,
.tsvst-live-search *::after {
    box-sizing: border-box !important;
}

/* فرم دقیقاً در محدوده ستون هدر بماند */
.tsvst-live-search .tsvst-live-search-form {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) 86px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e0e4ed !important;
    border-radius: 7px !important;
    background: #fff !important;
}

/*
 * جلوگیری از position، float، width و transform قدیمی قالب
 * روی سه بخش اصلی فرم.
 */
.tsvst-live-search
.tsvst-live-search-form
> .tsvst-live-search-category,

.tsvst-live-search
.tsvst-live-search-form
> .tsvst-live-search-field,

.tsvst-live-search
.tsvst-live-search-form
> .tsvst-live-search-submit {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    float: none !important;
    transform: none !important;
}

/* دسته‌بندی ------------------------------------------------------------ */

.tsvst-live-search .tsvst-live-search-category {
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) 14px !important;
    width: auto !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-left: 1px solid #e7eaf1 !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, #faf9ff, #f5f9fc) !important;
    box-shadow: none !important;
}

.tsvst-live-search .tsvst-live-search-category-icon,
.tsvst-live-search .tsvst-live-search-category-arrow {
    position: static !important;
    float: none !important;
    transform: none !important;
}

.tsvst-live-search .tsvst-live-search-category select {
    position: static !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    text-align: right !important;
    direction: rtl !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* ورودی جست‌وجو -------------------------------------------------------- */

.tsvst-live-search .tsvst-live-search-field {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 18px !important;
    width: auto !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.tsvst-live-search .tsvst-live-search-field-icon {
    position: static !important;
    display: inline-flex !important;
    float: none !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 7px !important;
    color: #6651ca !important;
    background: linear-gradient(135deg, #f0edff, #eaf7ff) !important;
    box-shadow: none !important;
    transform: none !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

.tsvst-live-search .tsvst-live-search-field-icon i {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    transform: none !important;
    font-size: inherit !important;
    line-height: 1 !important;
}

/*
 * توضیح کوچک بالای ورودی حذف می‌شود تا placeholder و آیکن
 * روی هم قرار نگیرند.
 */
.tsvst-live-search .tsvst-live-search-field-copy {
    position: static !important;
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
}

.tsvst-live-search .tsvst-live-search-field-copy > small {
    display: none !important;
}

.tsvst-live-search .tsvst-live-search-field input[type="search"] {
    position: static !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 3px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    color: #303647 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: right !important;
    direction: rtl !important;
    transform: none !important;
    font-family: inherit !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 42px !important;
}

.tsvst-live-search .tsvst-live-search-field input[type="search"]::placeholder {
    color: #9aa1af !important;
    opacity: 1 !important;
    text-align: right !important;
    font-size: 9.5px !important;
    font-weight: 650 !important;
}

/* حذف × پیش‌فرض مرورگر که در پنل یا کنار ورودی ظاهر می‌شد */
.tsvst-live-search
.tsvst-live-search-field
input[type="search"]::-webkit-search-cancel-button,

.tsvst-live-search
.tsvst-live-search-field
input[type="search"]::-webkit-search-decoration,

.tsvst-live-search
.tsvst-live-search-field
input[type="search"]::-webkit-search-results-button,

.tsvst-live-search
.tsvst-live-search-field
input[type="search"]::-webkit-search-results-decoration {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Spinner در ستون اختصاصی خودش */
.tsvst-live-search .tsvst-live-search-spinner {
    position: static !important;
    float: none !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    transform-origin: center !important;
}

/* دکمه جست‌وجو -------------------------------------------------------- */

.tsvst-live-search .tsvst-live-search-submit {
    display: inline-flex !important;
    width: calc(100% - 12px) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    align-self: center !important;
    justify-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    gap: 5px !important;
    margin: 6px !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 7px !important;
    outline: 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #6d52eb, #168fc3) !important;
    box-shadow: 0 6px 14px rgba(79, 54, 202, .19) !important;
    text-indent: 0 !important;
    font-family: inherit !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

.tsvst-live-search .tsvst-live-search-submit::before,
.tsvst-live-search .tsvst-live-search-submit::after {
    display: none !important;
    content: none !important;
}

.tsvst-live-search .tsvst-live-search-submit i {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: transparent !important;
    transform: none !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.tsvst-live-search .tsvst-live-search-submit span {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: transparent !important;
    font-size: 7.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

/* تبلت --------------------------------------------------------------- */

@media (max-width: 991px) {
    .tsvst-live-search .tsvst-live-search-form {
        grid-template-columns: 135px minmax(0, 1fr) 78px !important;
    }
}

/* موبایل -------------------------------------------------------------- */

@media (max-width: 767px) {
    .tsvst-live-search .tsvst-live-search-form {
        grid-template-columns: 108px minmax(0, 1fr) 58px !important;
    }

    .tsvst-live-search .tsvst-live-search-category {
        grid-template-columns: 20px minmax(0, 1fr) 11px !important;
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .tsvst-live-search .tsvst-live-search-category-icon {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        font-size: 8px !important;
    }

    .tsvst-live-search .tsvst-live-search-category select {
        font-size: 8px !important;
    }

    .tsvst-live-search .tsvst-live-search-field {
        grid-template-columns: 29px minmax(0, 1fr) 15px !important;
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .tsvst-live-search .tsvst-live-search-field-icon {
        width: 27px !important;
        height: 27px !important;
        min-width: 27px !important;
        min-height: 27px !important;
        font-size: 10px !important;
    }

    .tsvst-live-search .tsvst-live-search-field input[type="search"] {
        font-size: 8.5px !important;
    }

    .tsvst-live-search .tsvst-live-search-field input[type="search"]::placeholder {
        font-size: 8px !important;
    }

    .tsvst-live-search .tsvst-live-search-submit {
        width: calc(100% - 10px) !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 5px !important;
        padding: 0 !important;
    }

    .tsvst-live-search .tsvst-live-search-submit span {
        display: none !important;
    }
}

/* =========================================================
   زیباسازی انتخاب دسته‌بندی جست‌وجوی زنده
   ========================================================= */

/* حذف خط‌های بنفش و فوکوس‌های قدیمی */
.tsvst-live-search .tsvst-live-search-category,
.tsvst-live-search .tsvst-live-search-category:focus,
.tsvst-live-search .tsvst-live-search-category:focus-within {
    border: 0 !important;
    border-left: 1px solid #e5e8f1 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* خود Select */
.tsvst-live-search
.tsvst-live-search-category
select,
.tsvst-live-search
.tsvst-live-search-category
select:hover,
.tsvst-live-search
.tsvst-live-search-category
select:focus,
.tsvst-live-search
.tsvst-live-search-category
select:focus-visible,
.tsvst-live-search
.tsvst-live-search-category
select:active {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    color: #41495c !important;
    background: transparent !important;

    font-family: inherit !important;
    font-size: 9px !important;
    font-weight: 900 !important;

    cursor: pointer;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* حالت فعال دسته‌بندی */
.tsvst-live-search
.tsvst-live-search-category:focus-within {
    background:
        linear-gradient(
            135deg,
            #f6f3ff 0%,
            #f2f8fc 100%
        ) !important;
}

/* آیکن دسته‌بندی */
.tsvst-live-search
.tsvst-live-search-category-icon {
    color: #6550ca !important;
    background:
        linear-gradient(
            135deg,
            #ece8ff,
            #e5f5fb
        ) !important;

    border: 1px solid rgba(109, 82, 235, .09) !important;
    box-shadow: none !important;
}

/* فلش بازشدن */
.tsvst-live-search
.tsvst-live-search-category-arrow {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    border-radius: 50%;
    color: #6550ca !important;
    background: rgba(109, 82, 235, .07);

    transition:
        transform .2s ease,
        background .2s ease;
}

.tsvst-live-search
.tsvst-live-search-category:focus-within
.tsvst-live-search-category-arrow {
    background: rgba(109, 82, 235, .13);
    transform: rotate(180deg);
}

/* گزینه‌های منوی بازشده */
.tsvst-live-search
.tsvst-live-search-category
select option {
    min-height: 32px;
    padding: 8px 11px;

    color: #434b5e;
    background: #ffffff;

    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
}

/* عنوان گروه دسته‌ها */
.tsvst-live-search
.tsvst-live-search-category
select optgroup {
    color: #5d49be;
    background: #f5f3fc;

    font-family: inherit;
    font-size: 9px;
    font-weight: 950;
}

/* گزینه انتخاب‌شده */
.tsvst-live-search
.tsvst-live-search-category
select option:checked {
    color: #ffffff !important;
    background:
        linear-gradient(
            135deg,
            #6d52eb,
            #168fc3
        ) !important;
}

/* خنثی‌کردن قوانین فوکوس عمومی افزونه */
.tsvst-live-search
.tsvst-live-search-category
select:focus:not(:focus-visible),
.tsvst-live-search
.tsvst-live-search-category
select:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}
/* =========================================================
   پس‌زمینه ویژه و مدرن پست‌های منتخب صفحه نخست
   ========================================================= */

.tsvst-home-refined .vip_posts {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;

    padding: 18px 12px 13px !important;

    border: 1px solid rgba(109, 82, 235, .15) !important;
    border-radius: 7px !important;

    background:
        radial-gradient(
            circle at 8% 18%,
            rgba(109, 82, 235, .23) 0,
            rgba(109, 82, 235, .09) 18%,
            transparent 39%
        ),
        radial-gradient(
            circle at 91% 12%,
            rgba(24, 184, 200, .25) 0,
            rgba(24, 184, 200, .09) 20%,
            transparent 40%
        ),
        radial-gradient(
            circle at 53% 108%,
            rgba(22, 143, 195, .20) 0,
            transparent 43%
        ),
        linear-gradient(
            135deg,
            #f4f1ff 0%,
            #eef5ff 46%,
            #edfafa 100%
        ) !important;

    box-shadow:
        0 14px 32px rgba(31, 39, 68, .08),
        inset 0 1px 0 rgba(255, 255, 255, .85) !important;
}

/* نوار رنگی بالای بخش */
.tsvst-home-refined .vip_posts::before {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;

    height: 3px;

    content: "";

    background:
        linear-gradient(
            90deg,
            #6d52eb 0%,
            #168fc3 52%,
            #18b8c8 100%
        );
}

/* الگوی نقطه‌ای بسیار ظریف در پس‌زمینه */
.tsvst-home-refined .vip_posts::after {
    position: absolute;
    z-index: -1;
    inset: 0;

    content: "";
    pointer-events: none;

    opacity: .32;

    background-image:
        radial-gradient(
            circle,
            rgba(109, 82, 235, .28) 1px,
            transparent 1.5px
        );

    background-size: 22px 22px;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, .75),
            transparent 42%,
            rgba(0, 0, 0, .55)
        );

    mask-image:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, .75),
            transparent 42%,
            rgba(0, 0, 0, .55)
        );
}

/* ستون‌ها و کارت‌ها بالاتر از تزئینات پس‌زمینه قرار بگیرند */
.tsvst-home-refined .vip_posts > .col-md-4,
.tsvst-home-refined .vip_posts > div {
    position: relative;
    z-index: 2;
}

/* قاب ظریف و حرفه‌ای دور تصاویر ویژه */
.tsvst-home-refined .vip_posts .hovereffect {
    overflow: hidden;

    border: 1px solid rgba(109, 82, 235, .16) !important;
    border-radius: 6px !important;

    background: rgba(255, 255, 255, .62);

    box-shadow:
        0 9px 22px rgba(40, 43, 76, .10),
        inset 0 1px 0 rgba(255, 255, 255, .72) !important;

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

/* بدون تغییر اندازه تصویر */
.tsvst-home-refined .vip_posts .hovereffect img {
    width: 100%;
    border-radius: 5px !important;
}

/* در موبایل این بخش مخفی است؛ برای تبلت احتمالی */
@media (max-width: 991px) {
    .tsvst-home-refined .vip_posts {
        padding: 13px 8px 9px !important;
    }
}

/* ==========================================================================
   فهرست علاقه‌مندی‌ها نسخه 6
   - چیدمان حساب کاربری ووکامرس
   - فوتر مشابه آرشیو
   - دکمه حذف داخل فوتر
   ========================================================================== */


/*
 * قالب برگه یا شورت‌کد ممکن است یک یا چند والد سفید با padding بسازد.
 * JavaScript نسخه 5 فقط به والدهای همین خروجی کلاس زیر را اضافه می‌کند.
 */
.tsvst-favorites-host-reset {
    width: 100% !important;
    max-width: none !important;

    margin-right: 0 !important;
    margin-left: 0 !important;

    padding-right: 0 !important;
    padding-left: 0 !important;

    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;

    overflow: visible !important;
}

.tsvst-favorites-account-layout {
    position: relative;
    clear: both;

    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;

    overflow: visible !important;
    direction: rtl;
}

.tsvst-favorites-account-layout::before,
.tsvst-favorites-account-layout::after {
    display: table;
    content: "";
}

.tsvst-favorites-account-layout::after {
    clear: both;
}

.tsvst-favorites-account-content {
    min-width: 0;
}

/*
 * دسکتاپ؛ همان ساختار حساب کاربری:
 * - سایدبار در لبه راست ردیف
 * - محتوا در سمت چپ
 * - فقط 15px فاصله بین دو ستون
 * - بدون Sticky و بدون حرکت هنگام اسکرول
 */
@media (min-width: 992px) {
    .tsvst-favorites-account-layout {
        /*
         * صفحه علاقه‌مندی داخل چند لایه Bootstrap قرار گرفته و در سمت راست
         * سه gutter پانزده‌پیکسلی ایجاد شده است. عرض فقط به سمت راست باز
         * می‌شود؛ لبه چپ نوشته‌ها تغییری نمی‌کند.
         */
        --tsvst-favorites-right-bleed: 45px;

        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 15px !important;

        width: calc(100% + var(--tsvst-favorites-right-bleed)) !important;
        max-width: none !important;

        margin-top: 0 !important;
        margin-right: calc(-1 * var(--tsvst-favorites-right-bleed)) !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;

        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .tsvst-favorites-account-layout
    > .col-md-3 {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;

        order: 1;
        flex: 0 0 calc(25% - 4px);

        width: calc(25% - 4px) !important;
        max-width: calc(25% - 4px) !important;

        float: none !important;
        align-self: flex-start !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .tsvst-favorites-account-layout
    > .tsvst-favorites-account-content {
        position: static !important;

        order: 2;
        flex: 1 1 0;

        width: auto !important;
        max-width: none !important;

        float: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .tsvst-favorites-account-layout
    > .col-md-3
    > .avatar_show,

    .tsvst-favorites-account-layout
    > .col-md-3
    > .woocommerce-MyAccount-navigation {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .tsvst-favorites-account-layout
    > .tsvst-favorites-account-content
    > :first-child,

    .tsvst-favorites-account-layout
    > .col-md-3
    > :first-child {
        margin-top: 0 !important;
    }
}

/* متغیرهای صفحه -------------------------------------------------------- */

.tsvst-favorites-archive {
    --favorite-primary: #6d52eb;
    --favorite-blue: #168fc3;
    --favorite-cyan: #18b8c8;
    --favorite-text: #293043;
    --favorite-muted: #818a9b;
    direction: rtl;
}

/* هدر ------------------------------------------------------------------ */

.tsvst-favorites-header {
    position: relative;
    display: flex;
    min-height: 82px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;

    margin-bottom: 15px;
    padding: 15px 17px;
    overflow: hidden;

    border: 1px solid #e4e8f0;
    border-radius: 7px;

    background:
        radial-gradient(
            circle at left top,
            rgba(24, 184, 200, .08),
            transparent 37%
        ),
        linear-gradient(135deg, #fff, #f8f8ff);

    box-shadow: 0 12px 29px rgba(31, 39, 68, .07);
}

.tsvst-favorites-header::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    height: 3px;

    content: "";

    background:
        linear-gradient(
            90deg,
            var(--favorite-primary),
            var(--favorite-blue),
            var(--favorite-cyan)
        );
}

.tsvst-favorites-heading,
.tsvst-favorites-header-actions {
    display: flex;
    align-items: center;
    gap: 11px;
}

.tsvst-favorites-heading-icon {
    display: inline-flex;
    flex: 0 0 45px;

    width: 45px;
    height: 45px;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(109, 82, 235, .11);
    border-radius: 7px;

    color: #6751d5;
    background: linear-gradient(135deg, #f0edff, #eaf7ff);

    font-size: 17px;
}

.tsvst-favorites-heading h1 {
    margin: 0 0 2px;

    color: var(--favorite-text);

    font-size: 16px;
    font-weight: 950;
    line-height: 1.7;
}

.tsvst-favorites-heading p {
    margin: 0;

    color: var(--favorite-muted);

    font-size: 9px;
    font-weight: 650;
}

.tsvst-favorites-count,
.tsvst-favorites-clear {
    display: inline-flex !important;
    min-height: 35px;

    align-items: center;
    justify-content: center;
    gap: 6px;

    padding: 6px 10px;
    border-radius: 7px;

    font-size: 8.5px;
    font-weight: 900;
}

.tsvst-favorites-count {
    border: 1px solid #ded9fa;

    color: #6551c5;
    background: #f5f3fc;
}

.tsvst-favorites-count strong {
    font-size: 10px;
}

.tsvst-favorites-clear {
    border: 1px solid #ead9df;

    color: #9b4e60 !important;
    background: #fff7f9;
}

.tsvst-favorites-clear:hover {
    color: #873b4e !important;
    border-color: #dfc6cf;
}

/* فهرست --------------------------------------------------------------- */

.tsvst-favorites-list {
    display: block;

    margin: 0;
    padding: 0;

    list-style: none;
}

.tsvst-favorite-list-item {
    position: relative;
    display: flow-root;

    margin: 0 0 8px !important;
    padding: 0 !important;

    list-style: none;

    transition:
        opacity .25s ease,
        transform .25s ease;
}

.tsvst-favorite-list-item:last-child {
    margin-bottom: 0 !important;
}

.tsvst-favorite-list-item
> .tsvst-home-post-card {
    margin: 0 !important;
    padding: 0 !important;
}

.tsvst-favorites-archive
.tsvst-favorite-list-item
.post {
    margin-bottom: 0 !important;
}

.tsvst-favorite-list-item.is-removing {
    pointer-events: none;
    opacity: .58;
}

.tsvst-favorite-list-item.is-removed {
    opacity: 0;
    transform: scale(.985);
}

/* فوتر کارت ------------------------------------------------------------ */

.tsvst-favorites-archive .tsvst-home-footer-clean {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;

    padding-right: 12px !important;
    padding-left: 12px !important;
}

.tsvst-favorite-card-actions {
    position: static !important;
    display: flex !important;
    flex: 0 0 auto;

    min-width: 0;

    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    direction: rtl;
}


.tsvst-favorite-remove-wrap {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    margin: 0;
    padding: 0;
}

/*
 * دکمه حذف حالا داخل فوتر قرار دارد و دیگر absolute نیست.
 * رنگ آن آرام است تا از دکمه اصلی مهم‌تر دیده نشود.
 */
.tsvst-favorite-card-actions
.tsvst-favorite-remove-wrap
> .wpfp-link {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;

    display: inline-flex !important;
    flex: 0 0 48px;

    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    min-height: 38px;

    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;

    float: none !important;

    margin: 0 !important;
    padding: 7px 8px !important;

    overflow: hidden;

    border: 1px solid #ded9fa !important;
    border-radius: 7px !important;

    color: #6551c5 !important;
    background: #f5f3fc !important;
    box-shadow: none !important;

    font-size: 0 !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.tsvst-favorite-card-actions
.tsvst-favorite-remove-wrap
> .wpfp-link::before {
    content: "\f1f8";

    color: #6551c5;

    font-family: FontAwesome;
    font-size: 12px;
    line-height: 1;
}

.tsvst-favorite-card-actions
.tsvst-favorite-remove-wrap
> .wpfp-link::after {
    content: "حذف";

    display: none;

    color: #6551c5;

    font-family: inherit;
    font-size: 8px;
    font-weight: 900;
    line-height: 1;
}

.tsvst-favorite-card-actions
.tsvst-favorite-remove-wrap
> .wpfp-link:hover {
    color: #fff !important;
    border-color: #6551c5 !important;
    background: linear-gradient(135deg, #6d52eb, #168fc3) !important;
}

.tsvst-favorite-card-actions
.tsvst-favorite-remove-wrap
> .wpfp-link:hover::before,
.tsvst-favorite-card-actions
.tsvst-favorite-remove-wrap
> .wpfp-link:hover::after {
    color: #fff;
}

/* تصاویر و متن‌های قدیمی خود افزونه پنهان شوند */
.tsvst-favorite-card-actions
.tsvst-favorite-remove-wrap
> .wpfp-link img,

.tsvst-favorite-card-actions
.tsvst-favorite-remove-wrap
> .wpfp-link .wpfp-img,

.tsvst-favorites-archive .wpfp-hide {
    display: none !important;
}

/*
 * دکمه مشاهده محصول / ادامه مطلب:
 * هیچ ظاهر تازه‌ای ندارد و دقیقاً از home-refined.css آرشیو استفاده می‌کند.
 * فقط قواعد موقعیت قدیمی خنثی می‌شوند تا کنار دکمه حذف بماند.
 */
.tsvst-favorite-card-actions
.tsvst-home-clean-link.is-modern {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    flex: 0 0 auto;

    float: none !important;

    margin: 0 !important;
    transform: none !important;
}

/* حالت خالی ------------------------------------------------------------ */

.tsvst-favorites-empty {
    display: flex;
    min-height: 310px;

    align-items: center;
    justify-content: center;
    flex-direction: column;

    padding: 30px;

    border: 1px solid #e4e8f0;
    border-radius: 7px;

    background:
        radial-gradient(
            circle at center top,
            rgba(109, 82, 235, .08),
            transparent 38%
        ),
        #fff;

    box-shadow: 0 12px 29px rgba(31, 39, 68, .065);

    text-align: center;
}

.tsvst-favorites-empty-icon {
    display: inline-flex;

    width: 62px;
    height: 62px;

    align-items: center;
    justify-content: center;

    margin-bottom: 13px;
    border-radius: 50%;

    color: #6751d5;
    background: linear-gradient(135deg, #f0edff, #eaf7ff);

    font-size: 23px;
}

.tsvst-favorites-empty h2 {
    margin: 0 0 7px;

    color: #343b4e;

    font-size: 15px;
    font-weight: 950;
}

.tsvst-favorites-empty p {
    max-width: 470px;

    margin: 0 0 15px;

    color: #8891a2;

    font-size: 9.5px;
    font-weight: 650;
    line-height: 2;
}

.tsvst-favorites-empty > a {
    display: inline-flex !important;
    min-height: 39px;

    align-items: center;
    justify-content: center;
    gap: 7px;

    padding: 7px 13px;
    border-radius: 7px;

    color: #fff !important;
    background: linear-gradient(135deg, #6d52eb, #168fc3);
    box-shadow: 0 8px 17px rgba(79, 54, 202, .19);

    font-size: 9px;
    font-weight: 900;
}

/* یادداشت کوکی --------------------------------------------------------- */

.tsvst-favorites-cookie-note {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-top: 12px;
    padding: 10px 12px;

    border: 1px solid #e3e7ef;
    border-radius: 7px;

    color: #7f889a;
    background: #fafbfd;

    font-size: 8.5px;
    font-weight: 650;
    line-height: 1.9;
}

.tsvst-favorites-cookie-note i {
    color: #6751d5;
}

/* صفحه‌بندی ------------------------------------------------------------ */

.tsvst-favorites-pagination {
    clear: both;
    margin-top: 0 !important;
}

/* واکنش‌گرایی ---------------------------------------------------------- */

@media (max-width: 991px) {
    .tsvst-favorites-account-content {
        margin-top: 18px;
    }
}

@media (max-width: 767px) {
    .tsvst-favorites-header {
        align-items: flex-start;
        flex-direction: column;
        padding: 14px;
    }

    .tsvst-favorites-header-actions {
        width: 100%;
        justify-content: space-between;
    }

    .tsvst-favorites-heading h1 {
        font-size: 14px;
    }

    .tsvst-favorites-heading p {
        font-size: 8.5px;
    }

    .tsvst-favorites-archive .tsvst-home-footer-clean {
        align-items: stretch !important;
        flex-direction: column !important;
        padding: 11px !important;
    }

    .tsvst-favorite-card-actions {
        width: 100%;
        min-width: 0;
        margin: 0 !important;
    }

    .tsvst-favorite-card-actions
    .tsvst-favorite-remove-wrap
    > .wpfp-link {
        flex: 0 0 43px;

        width: 43px !important;
        min-width: 43px !important;
        max-width: 43px !important;

        padding-right: 0 !important;
        padding-left: 0 !important;
    }


    .tsvst-favorite-card-actions
    .tsvst-favorite-remove-wrap
    > .wpfp-link::after {
        display: none;
    }


    .tsvst-favorites-empty {
        min-height: 260px;
        padding: 22px 14px;
    }
}

/* صفحه‌بندی 12تایی حرفه‌ای در انتهای فهرست --------------------------- */

.tsvst-favorites-pagination {
    display: flex !important;
    width: 100% !important;
    min-height: 74px !important;

    clear: both;

    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;

    margin: 22px 0 18px !important;
    padding: 17px 12px 8px !important;

    border: 0 !important;
    border-top: 1px solid #e4e8f0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    direction: rtl !important;
}

.tsvst-favorites-pagination
.page-numbers {
    display: inline-flex !important;

    min-width: 38px !important;
    height: 38px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 5px 9px !important;

    border: 1px solid #e1e4ed !important;
    border-radius: 7px !important;

    color: #687184 !important;
    background: #fff !important;
    box-shadow: 0 4px 10px rgba(31, 39, 68, .035) !important;

    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.tsvst-favorites-pagination
a.page-numbers:hover {
    color: #624fc4 !important;
    border-color: #d2cbf7 !important;
    background: #f6f4ff !important;
}

.tsvst-favorites-pagination
.page-numbers.current {
    color: #fff !important;
    border-color: #6249d4 !important;
    background: linear-gradient(135deg, #6d52eb, #168fc3) !important;
    box-shadow: 0 7px 16px rgba(79, 54, 202, .20) !important;
}

.tsvst-favorites-pagination
.page-numbers.prev,

.tsvst-favorites-pagination
.page-numbers.next {
    color: #6551c5 !important;
    background: #f5f3fc !important;
}

.tsvst-favorites-pagination
.page-numbers.dots {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ==========================================================================
   TSVST Modern Comments V3
   خلوت‌تر، متن تمام‌عرض، پاسخ ظریف و فرم اصلاح‌شده
   ========================================================================== */

.tsvst-comments-section .tsvst-comments-template {
    --comment-primary: #6d52eb;
    --comment-blue: #168fc3;
    --comment-cyan: #18b8c8;
    --comment-text: #2d3447;
    --comment-muted: #7f8798;
    --comment-line: #e1e6ef;

    direction: rtl;
}

.tsvst-comments-section .tsvst-comments-template,
.tsvst-comments-section .tsvst-comments-template * {
    box-sizing: border-box;
}

/* خنثی‌کردن ارتفاع‌ها و موقعیت‌های قدیمی قالب ------------------------- */

.tsvst-comments-section .tsvst-comments-inner,
.tsvst-comments-section .tsvst-comment-list,
.tsvst-comments-section .tsvst-comment-list li,
.tsvst-comments-section .tsvst-comment-card,
.tsvst-comments-section .tsvst-comment-content,
.tsvst-comments-section .tsvst-comment-footer,
.tsvst-comments-section .tsvst-comments-template #respond,
.tsvst-comments-section .tsvst-comments-template .comment-form,
.tsvst-comments-section .tsvst-comments-template .comment-form-comment,
.tsvst-comments-section .tsvst-comments-template .form-submit {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

.tsvst-comments-section .tsvst-comment-list,
.tsvst-comments-section .tsvst-comment-list .children {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* عنوان داخلی ---------------------------------------------------------- */

.tsvst-comments-section .tsvst-comment-list-header {
    display: flex;
    min-height: 72px;

    align-items: center;
    justify-content: space-between;
    gap: 14px;

    margin: 0 0 12px;
    padding: 12px 14px;

    border: 1px solid var(--comment-line);
    border-radius: 7px;

    background:
        radial-gradient(circle at left top, rgba(24, 184, 200, .07), transparent 38%),
        linear-gradient(135deg, #fff, #faf9ff);

    box-shadow: 0 8px 21px rgba(31, 39, 68, .045);
}

.tsvst-comments-section .tsvst-comment-list-header > div {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.tsvst-comments-section .tsvst-comment-list-header-icon {
    display: inline-flex;
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(109, 82, 235, .12);
    border-radius: 7px;

    color: #6751d5;
    background: linear-gradient(135deg, #f0edff, #eaf7ff);

    font-size: 16px;
}

.tsvst-comments-section .tsvst-comment-list-header h3 {
    margin: 0 0 2px !important;

    color: var(--comment-text);

    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.6 !important;
}

.tsvst-comments-section .tsvst-comment-list-header p {
    margin: 0 !important;

    color: var(--comment-muted);

    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1.8 !important;
}

.tsvst-comments-section .tsvst-comment-list-total {
    display: inline-flex;
    flex: 0 0 auto;

    min-height: 34px;

    align-items: center;
    gap: 5px;

    padding: 5px 9px;

    border: 1px solid #ded9fa;
    border-radius: 17px;

    color: #6551c5;
    background: #f5f3fc;

    font-size: 10px;
    font-weight: 850;
}

/* ساختار فهرست و پاسخ‌های تو در تو ------------------------------------ */

.tsvst-comments-section .tsvst-comment-list {
    display: grid;
    gap: 8px;
}

.tsvst-comments-section .tsvst-comment-list .children {
    display: grid;
    gap: 8px;

    margin-top: 8px !important;
    margin-right: 18px !important;
}

/* خط اتصال عمودی نسخه قبل عمداً حذف شده است. */

.tsvst-comments-section .tsvst-comment-item {
    position: relative;

    margin: 0 !important;
    padding: 0 !important;
}

/* کارت --------------------------------------------------------------- */

.tsvst-comments-section .tsvst-comment-card {
    position: relative;
    display: block !important;

    width: 100%;
    overflow: hidden;

    margin: 0 !important;
    padding: 13px 14px 10px !important;

    border: 1px solid #e1e5ef;
    border-right: 2px solid var(--comment-primary);
    border-radius: 7px;

    background:
        radial-gradient(circle at left top, rgba(109, 82, 235, .045), transparent 34%),
        linear-gradient(135deg, #fff, #fdfcff);

    box-shadow:
        0 7px 19px rgba(31, 39, 68, .045),
        inset 0 1px 0 rgba(255, 255, 255, .86);
}

.tsvst-comments-section
.tsvst-comment-item.is-answer
> .tsvst-comment-card {
    border-color: #d9e9f0;
    border-right: 2px solid var(--comment-cyan);

    background:
        radial-gradient(circle at left top, rgba(24, 184, 200, .065), transparent 36%),
        linear-gradient(135deg, #fbfeff, #f3fafc);

    box-shadow: 0 7px 19px rgba(22, 143, 195, .055);
}

/*
 * برای دیدگاه مدیر خط رنگی دوم ساخته نمی‌شود؛
 * همان طراحی پرسش یا پاسخ حفظ می‌شود.
 */
.tsvst-comments-section
.tsvst-comment-item.is-manager-comment
> .tsvst-comment-card {
    box-shadow: 0 7px 19px rgba(31, 39, 68, .045);
}

/* ردیف آواتار و مشخصات ------------------------------------------------ */

.tsvst-comments-section .tsvst-comment-top {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: center;
    gap: 11px;

    margin: 0 0 10px !important;
    padding: 0 0 10px !important;

    border-bottom: 1px dashed #dfe4ed;
}

.tsvst-comments-section .tsvst-comment-avatar {
    position: relative;

    width: 64px;
    height: 64px;

    margin: 0 !important;
}

.tsvst-comments-section .tsvst-comment-avatar-image {
    display: block;

    width: 64px !important;
    height: 64px !important;

    margin: 0 !important;

    border: 3px solid #fff;
    border-radius: 50%;

    object-fit: cover;

    box-shadow:
        0 0 0 1px #dce2ec,
        0 6px 14px rgba(31, 39, 68, .11);
}

.tsvst-comments-section .tsvst-comment-avatar-status {
    position: absolute;
    right: 0;
    bottom: 0;

    display: inline-flex;

    width: 20px;
    height: 20px;

    align-items: center;
    justify-content: center;

    border: 2px solid #fff;
    border-radius: 50%;

    color: #fff;
    background: linear-gradient(135deg, #6d52eb, #168fc3);

    font-size: 7px;
}

.tsvst-comments-section .tsvst-comment-header {
    display: flex;
    min-width: 0;

    align-items: center;
    justify-content: space-between;
    gap: 10px;

    margin: 0 !important;
    padding: 0 !important;
}

.tsvst-comments-section .tsvst-comment-author-block {
    min-width: 0;
}

.tsvst-comments-section .tsvst-comment-author-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;

    margin: 0 0 4px !important;
}

.tsvst-comments-section .tsvst-comment-author,
.tsvst-comments-section .tsvst-comment-author a {
    color: #2e3547 !important;

    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.6 !important;
}

.tsvst-comments-section .tsvst-comment-author-badge,
.tsvst-comments-section .tsvst-comment-type-badge {
    display: inline-flex;
    min-height: 25px;

    align-items: center;
    justify-content: center;
    gap: 4px;

    padding: 3px 7px;

    border: 1px solid #dfdaf8;
    border-radius: 13px;

    color: #6754c7;
    background: #f5f3fc;

    font-size: 8.5px;
    font-weight: 900;
    line-height: 1;
}

/* نشان مدیر کمرنگ و خلوت */
.tsvst-comments-section .tsvst-comment-author-badge.is-manager {
    color: #6252af;
    border-color: #ddd8f2;
    background: #f3f1fa;
}

.tsvst-comments-section .tsvst-comment-author-badge.is-owner {
    color: #087b9b;
    border-color: #d4edf1;
    background: #effafb;
}

.tsvst-comments-section .tsvst-comment-author-badge.is-guest {
    color: #757e90;
    border-color: #e1e5ec;
    background: #f8f9fb;
}

.tsvst-comments-section
.tsvst-comment-item.is-answer
.tsvst-comment-type-badge {
    color: #087f9e;
    border-color: #cfeaf0;
    background: #eaf8fb;
}

.tsvst-comments-section .tsvst-comment-reply-context {
    display: flex;
    align-items: center;
    gap: 5px;

    color: #758091;

    font-size: 9.5px;
    font-weight: 700;
    line-height: 1.7;
}

.tsvst-comments-section .tsvst-comment-reply-context i {
    color: var(--comment-blue);
    transform: rotate(-90deg);
}

.tsvst-comments-section .tsvst-comment-reply-context strong {
    color: #168fc3;
    font-size: 9.5px;
    font-weight: 950;
}

/* تاریخ ظریف؛ بدون ساعت ------------------------------------------------ */

.tsvst-comments-section .tsvst-comment-date {
    display: inline-flex !important;
    flex: 0 0 auto;

    min-height: 29px;

    align-items: center;
    justify-content: center;
    gap: 5px;

    padding: 4px 8px;

    border: 1px solid #e1ddf7;
    border-radius: 7px;

    color: #697185 !important;
    background: rgba(255, 255, 255, .75);

    font-size: 9px;
    font-weight: 800;
    line-height: 1;
}

.tsvst-comments-section .tsvst-comment-date i {
    color: #6751d5;
    font-size: 9px;
}

/* متن دیدگاه اکنون تمام عرض کارت را استفاده می‌کند -------------------- */

.tsvst-comments-section .tsvst-comment-content {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #41495d;

    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 2.15 !important;
}

.tsvst-comments-section .tsvst-comment-content p {
    margin: 0 0 9px !important;
    padding: 0 !important;

    color: inherit !important;

    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.tsvst-comments-section .tsvst-comment-content p:last-child {
    margin-bottom: 0 !important;
}

.tsvst-comments-section .tsvst-comment-content a {
    color: #6551c5 !important;

    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: rgba(109, 82, 235, .28);
    text-underline-offset: 3px;
}

.tsvst-comments-section .tsvst-comment-content blockquote {
    margin: 9px 0 !important;
    padding: 9px 12px !important;

    border: 0 !important;
    border-right: 2px solid #6d52eb !important;
    border-radius: 6px;

    color: #566074;
    background: #f5f3fb;
}

.tsvst-comments-section
.tsvst-comment-item.is-answer
.tsvst-comment-content blockquote {
    border-right-color: #18b8c8 !important;
    background: #edf8fb;
}

/* انتظار تأیید -------------------------------------------------------- */

.tsvst-comments-section .tsvst-comment-awaiting {
    display: flex;
    align-items: center;
    gap: 8px;

    margin: 0 0 10px !important;
    padding: 8px 10px;

    border: 1px solid #e7e0c9;
    border-radius: 6px;

    color: #77682f;
    background: #fffdf4;
}

.tsvst-comments-section .tsvst-comment-awaiting strong {
    font-size: 10px;
    font-weight: 950;
}

.tsvst-comments-section .tsvst-comment-awaiting span {
    font-size: 9px;
    font-weight: 650;
}

/* فوتر و گزینه پاسخ --------------------------------------------------- */

.tsvst-comments-section .tsvst-comment-footer {
    position: static !important;
    display: flex !important;

    align-items: center;
    justify-content: flex-start;

    margin: 8px 0 0 !important;
    padding: 7px 0 0 !important;

    border-top: 1px dashed #e2e6ed;
}

.tsvst-comments-section .tsvst-comment-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

/*
 * پاسخ دیگر شکل دکمه بزرگ ندارد؛
 * یک گزینه متنی کوچک و واضح است.
 */
.tsvst-comments-section .tsvst-comment-actions > a,
.tsvst-comments-section .tsvst-comment-actions .comment-reply-link {
    position: static !important;

    display: inline-flex !important;
    min-height: 25px;

    align-items: center;
    justify-content: center;
    gap: 5px;

    margin: 0 !important;
    padding: 2px 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: #6551c5 !important;
    background: transparent !important;

    box-shadow: none !important;

    font-size: 9.5px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
}

.tsvst-comments-section .tsvst-comment-actions > a:hover {
    color: #168fc3 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.tsvst-comments-section .tsvst-comment-actions .comment-edit-link {
    color: #858d9d !important;
}

/* فرم ارسال و پاسخ ---------------------------------------------------- */

.tsvst-comments-section .tsvst-comments-template #respond {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;

    clear: both !important;

    width: 100% !important;

    margin: 14px 0 0 !important;
    padding: 14px !important;

    overflow: visible !important;

    border: 1px solid var(--comment-line);
    border-radius: 7px;

    background:
        radial-gradient(circle at left top, rgba(24, 184, 200, .05), transparent 34%),
        #fff;

    box-shadow: 0 8px 22px rgba(31, 39, 68, .05);
}

.tsvst-comments-section
.tsvst-comment-item
> #respond {
    margin-top: 8px !important;

    border-color: #d8e9f0;
    border-right: 2px solid #18b8c8;

    background: #f8fcfe;
}

.tsvst-comments-section .tsvst-comments-template .comment-reply-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;

    margin: 0 0 10px !important;
    padding: 0 0 9px !important;

    border-bottom: 1px solid #e3e7ef;

    color: #343b4e;

    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1.7 !important;
}

.tsvst-comments-section .tsvst-comments-template #cancel-comment-reply-link {
    display: inline-flex !important;
    min-height: 29px;

    align-items: center;
    justify-content: center;

    padding: 4px 8px;

    border: 1px solid #e5d9df;
    border-radius: 7px;

    color: #955166 !important;
    background: #fff7f9;

    font-size: 8.5px;
    font-weight: 900;
}

.tsvst-comments-section .tsvst-comment-form-note {
    display: flex;
    align-items: center;
    gap: 6px;

    margin: 0 0 10px !important;
    padding: 8px 10px;

    border: 1px solid #e0dcf8;
    border-radius: 6px;

    color: #6f668e;
    background: #f7f5fd;

    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
}

.tsvst-comments-section .tsvst-comments-template .comment-form {
    position: static !important;
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}

.tsvst-comments-section .tsvst-comments-template .comment-form-comment {
    position: static !important;

    display: block !important;

    width: 100% !important;

    margin: 0 0 12px !important;
    padding: 0 !important;
}

.tsvst-comments-section .tsvst-comments-template #respond label {
    display: block !important;

    margin: 0 0 6px !important;

    color: #4d5568;

    font-size: 11px !important;
    font-weight: 850 !important;
}

.tsvst-comments-section .tsvst-comments-template #respond input[type="text"],
.tsvst-comments-section .tsvst-comments-template #respond input[type="email"],
.tsvst-comments-section .tsvst-comments-template #respond input[type="url"],
.tsvst-comments-section .tsvst-comments-template #respond textarea {
    position: static !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    border: 1px solid #dde2eb !important;
    border-radius: 7px !important;

    color: #343b4e !important;
    background: #fafbfd !important;
    box-shadow: none !important;

    font-size: 12px !important;
}

.tsvst-comments-section .tsvst-comments-template #respond textarea {
    min-height: 150px !important;

    padding: 11px !important;

    line-height: 2 !important;
    resize: vertical;
}

/*
 * دکمه ارسال دیگر absolute یا شناور نیست و
 * بعد از textarea در یک ردیف مستقل قرار می‌گیرد.
 */
.tsvst-comments-section .tsvst-comments-template .form-submit {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;

    display: flex !important;
    clear: both !important;

    width: 100% !important;

    align-items: center;
    justify-content: flex-start;

    float: none !important;

    margin: 12px 0 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

.tsvst-comments-section .tsvst-comments-template .tsvst-comment-submit,
.tsvst-comments-section .tsvst-comments-template #submit {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;

    display: inline-flex !important;

    width: auto !important;
    min-width: 105px !important;
    min-height: 40px !important;

    align-items: center;
    justify-content: center;

    float: none !important;

    margin: 0 !important;
    padding: 7px 14px !important;

    border: 0 !important;
    border-radius: 7px !important;

    color: #fff !important;
    background: linear-gradient(135deg, #6d52eb, #168fc3) !important;

    box-shadow: 0 7px 16px rgba(79, 54, 202, .18) !important;

    font-family: inherit;
    font-size: 11px !important;
    font-weight: 950 !important;
}

/* حالت‌های کمکی ------------------------------------------------------- */

.tsvst-comments-section .tsvst-comment-pingback-card {
    display: flex;
    min-height: 58px;

    align-items: center;
    gap: 9px;

    padding: 10px 12px;

    border: 1px solid var(--comment-line);
    border-radius: 7px;

    color: #667084;
    background: #fafbfd;

    font-size: 10px;
}

.tsvst-comments-section .tsvst-comment-pingback-icon {
    display: inline-flex;

    width: 35px;
    height: 35px;

    align-items: center;
    justify-content: center;

    border-radius: 7px;

    color: #6751d5;
    background: #f0edff;
}

.tsvst-comments-section .tsvst-no-comments {
    display: flex;
    min-height: 120px;

    align-items: center;
    justify-content: center;
    gap: 12px;

    margin-bottom: 13px;
    padding: 18px;

    border: 1px solid var(--comment-line);
    border-radius: 7px;

    background:
        radial-gradient(circle at center top, rgba(109, 82, 235, .06), transparent 40%),
        #fff;
}

.tsvst-comments-section .tsvst-no-comments-icon {
    display: inline-flex;
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #6751d5;
    background: linear-gradient(135deg, #f0edff, #eaf7ff);

    font-size: 19px;
}

.tsvst-comments-section .tsvst-no-comments h3 {
    margin: 0 0 4px !important;

    color: #353c4e;

    font-size: 14px !important;
    font-weight: 950 !important;
}

.tsvst-comments-section .tsvst-no-comments p {
    margin: 0 !important;

    color: #838c9d;

    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1.9 !important;
}

/* صفحه‌بندی ----------------------------------------------------------- */

.tsvst-comments-section .tsvst-comments-pagination {
    display: flex;
    min-height: 66px;

    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;

    margin: 16px 0 0;
    padding: 14px 10px 4px;

    border-top: 1px solid #e4e8f0;
}

.tsvst-comments-section .tsvst-comments-pagination .page-numbers {
    display: inline-flex !important;

    min-width: 38px;
    height: 38px;

    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 5px 8px !important;

    border: 1px solid #e1e4ed !important;
    border-radius: 7px !important;

    color: #687184 !important;
    background: #fff !important;

    font-size: 10px !important;
    font-weight: 900 !important;
}

.tsvst-comments-section .tsvst-comments-pagination .current {
    color: #fff !important;
    border-color: #6249d4 !important;
    background: linear-gradient(135deg, #6d52eb, #168fc3) !important;
}

/* موبایل -------------------------------------------------------------- */

@media (max-width: 767px) {
    .tsvst-comments-section .tsvst-comment-list-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .tsvst-comments-section .tsvst-comment-card {
        padding: 11px 12px 9px !important;
    }

    .tsvst-comments-section .tsvst-comment-top {
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 9px;
    }

    .tsvst-comments-section .tsvst-comment-avatar,
    .tsvst-comments-section .tsvst-comment-avatar-image {
        width: 50px !important;
        height: 50px !important;
    }

    .tsvst-comments-section .tsvst-comment-list .children {
        margin-right: 10px !important;
    }

    .tsvst-comments-section .tsvst-comment-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .tsvst-comments-section .tsvst-comment-date {
        min-height: 27px;
    }

    .tsvst-comments-section .tsvst-comment-content {
        font-size: 12px !important;
    }

    .tsvst-comments-section .tsvst-comment-actions {
        gap: 10px;
    }

    .tsvst-comments-section .tsvst-comments-template .form-submit {
        justify-content: stretch;
    }

    .tsvst-comments-section .tsvst-comments-template .tsvst-comment-submit,
    .tsvst-comments-section .tsvst-comments-template #submit {
        width: 100% !important;
    }
}