/*
Theme Name: PNU NEWS
Theme URI: http://www.armanara.ir
Description: arman ara
Author: arman 
Author URI: http://www.armanara.ir
*/
/* =========================================================
   1️⃣  FONTS — Vazirmatn
   ========================================================= */
@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* =========================================================
   2️⃣  BASE
   ========================================================= */
a { TEXT-DECORATION: none; outline: none; }
img { border: none; }
body { font-family: Tahoma; margin: 0; background: #dddad6; padding: 0; }
ul { padding: 0; margin: 0; list-style: none; }
h4 { font-weight: normal; margin: 0; }
.main { float: right; width: 100%; text-align: center; background: #f1ede9; }
.viz { display: none; }
.all { width: 98%; }

/* =========================================================
   3️⃣  TOP / HEADER / MENU
   ========================================================= */
.top {
    width: 100%;
    float: right;
    background: url("images/top-r.jpg") no-repeat top right;
    text-align: right;
    direction: rtl;
    height: 120px;
}
.kz {
    margin: 0px 0 10px 0;
    color: #f2620b;
    font-size: 9pt;
    font-weight: bold;
    background: url("images/bgmenu.jpg") repeat-x top;
    float: right;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1%;
}
.zir { position: absolute; width: 100%; height: 25px; top: 185px; right: 0; }
#menu-header { margin-top: 6px; }
#menu-header li {
    float: right;
    padding: 0 10px;
    color: #5a1212;
    height: 39px;
    line-height: 33px;
    position: relative;
}
#menu-header li:hover { background: #ffba00; }
#menu-header a { color: #5a1212; }
#menu-header a:hover { color: #ffffff; }
.sub-menu { display: none; text-align: right; }
.sub-menu {
    background: #ffba00;
    width: 180px;
    position: absolute;
    top: 39px;
    right: 0;
    z-index: 12;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}
.sub-menu li {
    float: none !important;
    padding: 0 10px;
    margin: 5px 0;
    line-height: 20px !important;
    height: initial !important;
}
.sub-menu li:hover { background: none !important; }
.sub-menu ul { display: none; }
.sub-menu ul {
    background: #ff9000;
    width: 180px;
    position: absolute;
    top: 0px;
    right: 180px;
    z-index: 15;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
}
.sub-menu ul li {
    float: none !important;
    padding: 0 10px;
    margin: 5px 0;
    line-height: 20px !important;
    height: initial !important;
}
.sub-menu ul li:hover { background: none !important; }
#menu-header li ul .menu-item-has-children {
    background: #ffba00 url(images/z.png) 5px 50% no-repeat;
}
#menu-header li ul .menu-item-has-children:hover {
    background: #ffba00 url(images/z.png) 5px 50% no-repeat !important;
}

.pixx { margin: 0 5px; vertical-align: middle; }
.ax-cat { margin: 5px 10px; float: left; }

/* =========================================================
   4️⃣  SIDEBAR CARDS (قدیمی)
   ========================================================= */
.c11 { width: 100%; float: right; background: url(images/b1.jpg) no-repeat top right; height: 12px; overflow: hidden; }
.c2 {
    width: 100%;
    float: right;
    background: #ffffff;
    font-size: 9pt;
    color: #333333;
    direction: rtl;
    border-top: 3px solid #ef390a;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    padding: 10px 0;
}
.c2 li { background: url(images/f.jpg) 100% 4px no-repeat; padding: 0 12px 5px 0; margin: 0 10px; }
.c2 li a { color: #333333; }
.c2 li a:hover { color: #f86503; }
.c3 {
    width: 100%;
    float: right;
    background: #ef390a;
    height: 30px;
    font-size: 9pt;
    color: #ffffff;
    margin-bottom: 10px;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
}
.c3 a {
    color: #ffffff;
    float: left;
    margin: 7px 0px 0 30px;
    padding: 0 15px 0 0;
    background: url(images/dot.png) no-repeat center right;
}
.c3 a:hover { color: #222222; }

.menu-bs {
    width: 25%;
    float: right;
    direction: rtl;
    text-align: right;
    margin: 10px 1% 0 1%;
    overflow: hidden;
}

.lastpost {
    background: #ffffff;
    width: 100%;
    border: 1px solid #cacaca;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    font-size: 10pt;
    line-height: 20px;
    margin: 0 0 10px 0;
    text-align: right;
    box-sizing: border-box;
}
.topbox img { margin: 0 0 0 10px; vertical-align: middle; }
.topbox {
    background: url("images/hash.png") 0 10px repeat-x;
    width: 96%;
    margin: 10px 2%;
    display: inline-block;
}
.topbox h2 {
    margin: 0 10px 0 0;
    background: #ffffff;
    padding: 0 5px;
    float: right;
    font-size: 14pt;
    color: #ed6101;
}
.topbox1 h2 { background: #fef9e4; color: #217e9b; }
.lastpost ul { padding: 5px 0; }
.lastpost ul li {
    border-bottom: 1px solid #dddddd;
    background: url(images/f.jpg) 100% 3px no-repeat;
    margin: 8px 10px;
    padding: 0 15px 5px 0;
    text-align: right;
}
.lastpost a { color: #333333; }
.lastpost h4 { margin: 0; }
.lastpost a:hover { color: #d73503; }

.lastcom {
    background: #fef9e4;
    width: 100%;
    border: 1px solid #dfcb76;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 9pt;
    margin: 0 0 10px 0;
    text-align: center;
    box-sizing: border-box;
}
.lastcom ul { padding: 5px 0; }
.lastcom ul li {
    border-bottom: 1px solid #c2d7dd;
    background: url(images/ff.jpg) 100% 3px no-repeat;
    margin: 8px 10px;
    padding: 0 15px 5px 0;
    text-align: right;
    color: #1692b9;
}
.lastcom a { color: #333333; }
.lastcom a:hover { color: #1692b9; }

.topbox3 {
    background: url("images/hash.png") 0 6px repeat-x;
    width: 96%;
    margin: 10px 2%;
    display: inline-block;
}
.topbox3 h2 {
    margin: 0 10px 0 0;
    background: #fbe88e;
    padding: 0 10px;
    float: right;
    font-size: 11pt;
    color: #ed6101;
}

.nl {
    width: 100%;
    float: right;
    font-size: 9pt;
    background: #ec4f01 url(images/nl.png) no-repeat bottom left;
    height: 130px;
    margin: 5px 0 12px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
}
.nl label { display: none; }
#s2email { background: none; width: 200px; margin: 50px 27px 0px 0; border: none; }
.topbox4 h2 { background: #ec4f01; color: #ffffff; padding: 0 10px; }
.topbox4 { background: url("images/hash.png") 0 6px repeat-x; }
.nl #s2email {
    background: rgba(255, 255, 255, 0.2);
    width: 80%;
    margin: 10px 10% 0 10%;
    border: 1px solid #f6b080;
    font-family: tahoma;
    padding: 5px 7px;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.kx1 {
    background: url(images/ozv.png) no-repeat top right;
    width: 89px;
    height: 26px;
    border: 0;
    cursor: pointer;
    margin-top: 10px;
}
.kx1:hover { background: url(images/ozv.png) no-repeat bottom right; }
.kx2 {
    background: url(images/ozv.png) no-repeat top left;
    width: 104px;
    height: 26px;
    border: 0;
    margin-right: 5px;
    cursor: pointer;
}
.kx2:hover { background: url(images/ozv.png) no-repeat bottom left; }
.nl .kx1 { margin-right: 0; }
.nl .s2_message { display: none; }

.sch-box {
    width: 100%;
    font-size: 9pt;
    background: #2f94be url(images/sch.png) 80% 100% no-repeat;
    height: 100px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 5px 0 12px 0;
}
#searchform { padding: 20px 15px 0 0; }
.topbox2 h2 { background: #2f94be; color: #ffffff; padding: 0 10px; }
.topbox2 { background: url("images/hash.png") 0 6px repeat-x; }
.txtsch {
    font-family: tahoma;
    border: 1px solid #3ec5db;
    background: rgba(0, 0, 0, 0.2);
    width: 70%;
    color: #ffffff;
    margin-left: 2%;
    box-sizing: border-box;
    padding: 5px 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#searchsubmit {
    border: 0;
    background: #ffffff;
    width: 20%;
    height: 27px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.bsx, #bs-page {
    float: right;
    width: 54%;
    text-align: right;
    overflow: hidden;
    margin: 0 1%;
    position: relative;
}
.boxmenu {
    background: #fbe88e;
    width: 100%;
    border: 1px solid #cacaca;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 9pt;
    margin: 0 0 10px 0;
    text-align: right;
    direction: rtl;
    box-sizing: border-box;
}
.tmenu { margin: 5px 20px 0 5px; color: #f2370b; font-size: 10pt; font-weight: bold; }
.xmenu { color: #333333; padding: 5px; }
.xmenu ul li {
    border-bottom: 1px solid #c2d7dd;
    background: url(images/ff.jpg) 100% 3px no-repeat;
    margin: 8px 5px;
    padding: 0 15px 5px 0;
    text-align: right;
}
.xmenu a { color: #333333; }
.xmenu a:hover { color: #1692b9; }

.tpost {
    width: 100%;
    float: right;
    font-size: 9pt;
    position: relative;
    height: 42px;
    margin-top: 15px;
}
.ppimg { position: absolute; top: 0; right: 10px; z-index: 5; }
.toppost {
    background: #e01000;
    height: 29px;
    margin-top: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: right;
    width: 100%;
}
.tpost a { color: #333333; }
.tpost a:hover { color: #ffffff; }
.tpost h1 { font-size: 10pt; margin: 0; padding: 5px 70px 0 0; }
.tpost h1 a { color: #ffffff; }
.rt { float: right; width: 112px; margin: 6px 20px 0 0; color: #ffffff; }
.datez { float: left; margin: 6px 0 0 0; color: #ffffff; font-size: 8pt; direction: rtl; }
.datez img, .nz img { vertical-align: middle; margin-left: 5px; }
.nz {
    float: left;
    margin: 3px 20px 0 5px;
    text-align: center;
    direction: rtl;
    font-size: 8pt;
    width: 100px;
    background: #f5c608;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 22px;
    line-height: 20px;
}

.xpost {
    width: 100%;
    float: right;
    background: #ffffff;
    color: #333333;
    direction: rtl;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #d5d1c5;
    margin-bottom: 10px;
}
.xxpost { padding: 10px; font-size: 9pt; line-height: 140%; direction: rtl; }
.xpost a { color: #ff3366; }
.xpost a:hover { color: #ff3366; }
.xpost h1, .xpost h2 {
    font-size: 16pt;
    line-height: 30px;
    font-family: arial;
    margin: 0;
    padding: 0px 20px 10px 0;
    background: url(images/dot.png) 99% 5px no-repeat;
    direction: rtl;
}
.xpost h1 a, .xpost h2 a { color: #000000; }
.xxpost p { margin: 2px 0; }
.axnews2 img {
    float: left;
    width: 150px;
    height: 110px;
    margin: 10px 10px 10px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.posta2 {
    padding: 0px 10px 20px 10px;
    line-height: 25px;
    font-size: 14px;
    margin: 2px 0;
    direction: rtl;
}
.tagz {
    direction: rtl;
    background: #fff5ea url(images/tag.png) 99% 3px no-repeat;
    border: 1px solid #febb6c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 0px;
    padding: 5px 35px 5px 3px;
    color: #666666;
    font-size: 8pt;
}
.tagz a { color: #852c23; }
.ads-matn {
    direction: rtl;
    background: #d5eecc url(images/ads-smal-text.png) 99% 3px no-repeat;
    border: 1px solid #febb6c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 0px;
    padding: 5px 35px 5px 3px;
    color: #666666;
    font-size: 10pt;
}
.tads-matn a { color: #852c23; }
.xxpost img { max-width: 100%; height: auto; }

.pagenavi { width: 740px; float: right; font-size: 9pt; color: #ffffff; direction: rtl; margin-bottom: 10px; }
.adz { display: block; width: 17%; float: left; text-align: center; }
.arshiv {
    width: 100%;
    height: 30px;
    background: url(images/ar.jpg) repeat-x center;
    float: right;
    text-align: center;
    margin-top: 10px;
}
.arshiv h1 {
    font-size: 11pt;
    background: #f1ede9;
    float: right;
    padding: 0 10px;
    height: 30px;
    margin: 0;
    line-height: 30px;
    color: #ee4a01;
    margin-right: 20px;
}

/* =========================================================
   5️⃣  MODERN FOOTER
   ========================================================= */
.ft {
    width: 100%;
    float: right;
    overflow: hidden;
    margin-top: 28px;
    padding: 0;
    box-sizing: border-box;
    direction: rtl;
    text-align: right;
    color: #e8edf5;
    background:
        radial-gradient(circle at 85% 10%, rgba(218, 18, 0, .16), transparent 34%),
        linear-gradient(135deg, #111827 0%, #182131 52%, #0f172a 100%);
    border-top: 0;
    font-size: 14px;
}
.ft, .ft * { box-sizing: border-box; }
.ft__inner {
    width: min(1180px, 94%);
    margin: 0 auto;
    padding: 42px 0 34px;
    display: grid;
    grid-template-columns: 1.15fr 1.45fr auto;
    gap: 42px;
    align-items: center;
}
.ft__brand, .ft__legal { min-width: 0; }
.ft__logo {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #fff !important;
    text-decoration: none;
    font-size: 19px;
    font-weight: 800;
}
.ft__logo:hover { color: #fff !important; }
.ft__logo-mark {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, #ef3b23, #c91808);
    box-shadow: 0 10px 24px rgba(218, 18, 0, .25);
    font-size: 17px;
    font-weight: 900;
}
.ft__description {
    max-width: 390px;
    margin: 13px 0 0;
    color: #aeb9c9;
    font-size: 13px;
    line-height: 2;
}
.ft__eyebrow {
    display: inline-block;
    margin-bottom: 8px;
    color: #ff8a78;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .4px;
}
.ft__legal p {
    max-width: 610px;
    margin: 0;
    color: #c5ceda;
    font-size: 13px;
    line-height: 2.15;
}
.ft__legal a {
    color: #fff !important;
    font-weight: 800;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    transition: color .2s ease, border-color .2s ease;
}
.ft__legal a:hover { color: #ff907f !important; border-color: #ff907f; }
.ft__actions { display: flex; justify-content: flex-start; }
.ft__top {
    min-width: 132px;
    min-height: 46px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 14px;
    color: #fff !important;
    background: rgba(255, 255, 255, .06);
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    backdrop-filter: blur(8px);
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.ft__top span {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, .1);
    font-size: 16px;
    line-height: 1;
}
.ft__top:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .11);
    border-color: rgba(255, 255, 255, .24);
    transform: translateY(-2px);
}
.ft__bottom { border-top: 1px solid rgba(255, 255, 255, .08); background: rgba(0, 0, 0, .16); }
.ft__bottom-inner {
    width: min(1180px, 94%);
    min-height: 54px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: #7f8da0;
    font-size: 11px;
}
.ft__credit { text-align: left; }
.ft__credit a { color: #c8d1dc !important; text-decoration: none; font-weight: 700; }
.ft__credit a:hover { color: #ff907f !important; }

@media (max-width: 1000px) {
    .ft { margin-top: 20px; }
    .ft__inner {
        grid-template-columns: 1fr 1fr;
        gap: 28px;
        padding: 34px 0 28px;
    }
    .ft__actions { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
    .ft__inner {
        width: 90%;
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 30px 0 25px;
    }
    .ft__description { max-width: none; }
    .ft__actions { grid-column: auto; }
    .ft__top { width: 100%; }
    .ft__bottom-inner {
        width: 90%;
        min-height: 70px;
        flex-direction: column;
        justify-content: center;
        gap: 7px;
        text-align: center;
    }
    .ft__credit { text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
    .ft__top, .ft__legal a { transition: none; }
}

/* =========================================================
   6️⃣  MODERN HEADER2
   ========================================================= */
.hed2 {
    width: 100%;
    float: right;
    overflow: hidden;
    margin-top: 28px;
    padding: 0;
    box-sizing: border-box;
    direction: rtl;
    text-align: right;
    color: #e8edf5;
    background:
        radial-gradient(circle at 85% 10%, rgba(218, 18, 0, .16), transparent 34%),
        linear-gradient(135deg, #111827 0%, #182131 52%, #0f172a 100%);
    border-top: 0;
    font-size: 14px;
}
.hed2, .hed2 * { box-sizing: border-box; }
.hed2__inner {
    width: min(1180px, 94%);
    margin: 0 auto;
    padding: 42px 0 34px;
    display: grid;
    grid-template-columns: 1.15fr 1.45fr auto;
    gap: 42px;
    align-items: center;
}
.hed2__brand, .hed2__legal { min-width: 0; }
.hed2__logo {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #fff !important;
    text-decoration: none;
    font-size: 19px;
    font-weight: 800;
}
.hed2__logo:hover { color: #fff !important; }
.hed2__logo-mark {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, #ef3b23, #c91808);
    box-shadow: 0 10px 24px rgba(218, 18, 0, .25);
    font-size: 17px;
    font-weight: 900;
}
.hed2__description {
    max-width: 390px;
    margin: 13px 0 0;
    color: #aeb9c9;
    font-size: 13px;
    line-height: 2;
}
.hed2__eyebrow {
    display: inline-block;
    margin-bottom: 8px;
    color: #ff8a78;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .4px;
}
.hed2__legal p {
    max-width: 610px;
    margin: 0;
    color: #c5ceda;
    font-size: 13px;
    line-height: 2.15;
}
.hed2__legal a {
    color: #fff !important;
    font-weight: 800;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    transition: color .2s ease, border-color .2s ease;
}
.hed2__legal a:hover { color: #ff907f !important; border-color: #ff907f; }
.hed2__actions { display: flex; justify-content: flex-start; }
.hed2__top {
    min-width: 132px;
    min-height: 46px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 14px;
    color: #fff !important;
    background: rgba(255, 255, 255, .06);
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    backdrop-filter: blur(8px);
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.hed2__top span {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, .1);
    font-size: 16px;
    line-height: 1;
}
.hed2__top:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .11);
    border-color: rgba(255, 255, 255, .24);
    transform: translateY(-2px);
}
.hed2__bottom { border-top: 1px solid rgba(255, 255, 255, .08); background: rgba(0, 0, 0, .16); }
.hed2__bottom-inner {
    width: min(1180px, 94%);
    min-height: 54px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: #7f8da0;
    font-size: 11px;
}
.hed2__credit { text-align: left; }
.hed2__credit a { color: #c8d1dc !important; text-decoration: none; font-weight: 700; }
.hed2__credit a:hover { color: #ff907f !important; }

@media (max-width: 1000px) {
    .hed2 { margin-top: 20px; }
    .hed2__inner {
        grid-template-columns: 1fr 1fr;
        gap: 28px;
        padding: 34px 0 28px;
    }
    .hed2__actions { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
    .hed2__inner {
        width: 90%;
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 30px 0 25px;
    }
    .hed2__description { max-width: none; }
    .hed2__actions { grid-column: auto; }
    .hed2__top { width: 100%; }
    .hed2__bottom-inner {
        width: 90%;
        min-height: 70px;
        flex-direction: column;
        justify-content: center;
        gap: 7px;
        text-align: center;
    }
    .hed2__credit { text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
    .hed2__top, .hed2__legal a { transition: none; }
}

/* =========================================================
   7️⃣  MODERN COMMENTS
   ========================================================= */
:root {
    --cm-primary: #d92316;
    --cm-primary-dark: #b91c12;
    --cm-primary-soft: rgba(217, 35, 22, .08);
    --cm-blue: #1686a5;
    --cm-text: #1f2937;
    --cm-muted: #8a94a3;
    --cm-bg: #ffffff;
    --cm-soft: #f6f7f9;
    --cm-border: #e8ecf1;
    --cm-radius: 16px;
    --cm-radius-sm: 10px;
    --cm-shadow: 0 5px 22px rgba(15, 23, 42, .055);
    --cm-shadow-hover: 0 12px 32px rgba(15, 23, 42, .10);
}
#comments, #comments * { box-sizing: border-box; }
#comments {
    width: 100%;
    float: right;
    direction: rtl;
    text-align: right;
    color: var(--cm-text);
    font-family: Tahoma, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.9;
    margin: 20px 0;
}
#comments a { color: var(--cm-primary); text-decoration: none; transition: color .2s ease; }
#comments a:hover { color: var(--cm-primary-dark); }
#comments img { max-width: 100%; height: auto; }
#comments h2#respond,
#comments h2#comments {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 16px;
    padding: 14px 18px;
    color: var(--cm-text);
    background: var(--cm-bg);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius);
    box-shadow: var(--cm-shadow);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
}
#comments h2#respond::before {
    content: "💬";
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--cm-primary), #ef563f);
    box-shadow: 0 7px 18px rgba(217, 35, 22, .18);
    font-size: 17px;
    line-height: 1;
}
.commentlist { list-style: none; margin: 0; padding: 0; }
.commentlist li { list-style: none; }
.comment {
    position: relative;
    margin: 0 0 14px;
    padding: 0;
    background: var(--cm-bg);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius);
    box-shadow: var(--cm-shadow);
    overflow: hidden;
    transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.comment:hover {
    border-color: #dfe5ec;
    box-shadow: var(--cm-shadow-hover);
    transform: translateY(-1px);
}
.comment-author {
    display: flex;
    align-items: center;
    gap: 10px;
    height: auto;
    padding: 14px 16px;
    color: var(--cm-text);
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
    border-bottom: 1px solid var(--cm-border);
}
.comment-author .avatar {
    float: none;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: var(--cm-radius-sm);
    background: #edf8fb;
    object-fit: cover;
    box-shadow: 0 4px 10px rgba(15, 23, 42, .08);
}
cite.fn {
    float: none;
    margin: 0;
    color: var(--cm-text);
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
}
.comment-author .zaman {
    margin-right: auto;
    color: var(--cm-muted);
    font-size: 11px;
    font-weight: 400;
}
.comment-content {
    clear: both;
    margin: 0;
    padding: 14px 16px;
    color: #374151;
    font-size: 13px;
    line-height: 2;
    text-align: right;
    direction: rtl;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.comment-content p { margin: 0 0 8px; }
.comment-content p:last-child { margin-bottom: 0; }
.comment-reply-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 4px 10px;
    color: var(--cm-primary);
    background: var(--cm-primary-soft);
    border: 0;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    transition: background .2s ease, color .2s ease;
}
.comment-reply-link:hover { color: #fff; background: var(--cm-primary); }
.comment-edit-link { color: var(--cm-blue); font-size: 11px; font-weight: 700; }
.edame { width: 100%; height: auto; padding: 0 16px 12px; text-align: right; }
.commentlist .children {
    list-style: none;
    margin: 12px 22px 0 0;
    padding: 0 14px 0 0;
    border-right: 2px solid var(--cm-border);
}
.commentlist .bypostauthor {
    background: var(--cm-bg);
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    border-color: rgba(217, 35, 22, .25);
}
.commentlist .bypostauthor > .comment-author {
    background: linear-gradient(135deg, #fff8f7 0%, #fef2f0 100%);
    border-bottom-color: rgba(217, 35, 22, .12);
}
.commentlist .bypostauthor > .comment-author cite.fn::after {
    content: "نویسنده";
    display: inline-block;
    margin-right: 7px;
    padding: 2px 7px;
    border-radius: 6px;
    color: #fff;
    background: linear-gradient(135deg, var(--cm-primary), #ef563f);
    font-size: 9px;
    font-weight: 700;
    vertical-align: middle;
}
#comments .aligncenter {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 8px 0 18px;
}
#comments .alignleft, #comments .alignright { float: none; }
#comments .aligncenter a {
    display: inline-flex;
    align-items: center;
    padding: 7px 14px;
    color: var(--cm-text);
    background: var(--cm-bg);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-sm);
    font-size: 11px;
    font-weight: 700;
    transition: all .2s ease;
}
#comments .aligncenter a:hover {
    color: #fff;
    background: var(--cm-primary);
    border-color: var(--cm-primary);
}
#comments .axbg {
    margin: 20px 0 0;
    padding: 18px;
    background: var(--cm-bg);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius);
    box-shadow: var(--cm-shadow);
}
.cancel-comment-reply { margin: 0 0 10px; text-align: left; }
.cancel-comment-reply a { color: var(--cm-muted); font-size: 11px; font-weight: 700; }
#commentform {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}
#commentform p { margin: 0; padding: 0; flex: 1 1 100%; }
#commentform p:has(input[name="author"]),
#commentform p:has(input[name="email"]),
#commentform p:has(input[name="url"]) {
    flex: 1 1 calc(33.333% - 7px);
    min-width: 180px;
}
#commentform label { display: none; }
#comments input[type="text"],
#comments input[type="email"],
#comments input[type="url"],
#comments input[type="tel"],
#comments textarea {
    width: 100%;
    margin: 0;
    padding: 11px 13px;
    color: var(--cm-text);
    background: var(--cm-soft);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-sm);
    font-family: inherit;
    font-size: 13px;
    line-height: 1.7;
    outline: none;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
#comments input[type="tel"] {
    text-align: right;
    direction: rtl;
}
#comments input[type="text"]:focus,
#comments input[type="email"]:focus,
#comments input[type="url"]:focus,
#comments input[type="tel"]:focus,
#comments textarea:focus {
    background: #fff;
    border-color: var(--cm-primary);
    box-shadow: 0 0 0 3px var(--cm-primary-soft);
}
#comments input::placeholder, #comments textarea::placeholder { color: #a8b0bc; }
#comments textarea { min-height: 120px; resize: vertical; width: 100% !important; }
#commentform p:has(#submit) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}
#submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 140px;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 24px;
    color: #fff !important;
    background: linear-gradient(135deg, var(--cm-primary), var(--cm-primary-dark)) !important;
    border: 0 !important;
    border-radius: 12px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 7px 18px rgba(217, 35, 22, .22);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
#submit:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(217, 35, 22, .28);
}
#ghanoon, #ghask {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    margin: 0 !important;
    padding: 0 14px;
    color: #4b5563;
    background: var(--cm-soft);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-sm);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
}
#ghanoon:hover, #ghask:hover {
    color: var(--cm-primary);
    background: #fff;
    border-color: var(--cm-primary);
}
#gh { position: relative; float: none; width: 100%; }
#ghanoon2 {
    display: none;
    position: static;
    z-index: 10;
    width: 100%;
    margin: 0 0 12px;
    padding: 13px 15px;
    color: #6b7280;
    background: #fff8f0;
    border: 1px solid #ffd9c0;
    border-radius: 12px;
    font-size: 12px;
    line-height: 2;
    text-align: right;
}
#ghanoon2 a { color: var(--cm-primary); font-weight: 700; }
#comments .center, #comments .nocomments {
    padding: 20px;
    color: var(--cm-muted);
    background: var(--cm-soft);
    border: 1px dashed var(--cm-border);
    border-radius: var(--cm-radius);
    text-align: center;
    font-size: 13px;
}
@media (max-width: 768px) {
    #comments { font-size: 13px; margin: 16px 0; }
    #comments h2#respond, #comments h2#comments { font-size: 14px; padding: 12px 14px; border-radius: 14px; }
    #comments h2#respond::before { width: 32px; height: 32px; flex-basis: 32px; border-radius: 9px; font-size: 14px; }
    #comments .axbg { padding: 14px; border-radius: 14px; }
    #commentform p:has(input[name="author"]),
    #commentform p:has(input[name="email"]),
    #commentform p:has(input[name="url"]) { flex: 1 1 100%; }
    .comment-author { padding: 12px 14px; }
    .comment-content { padding: 12px 14px; }
    .commentlist .children { margin-right: 12px; padding-right: 10px; }
    cite.fn { font-size: 12.5px; }
}
@media (max-width: 480px) {
    #comments { font-size: 12.5px; }
    #comments .aligncenter { flex-direction: column; }
    #comments .aligncenter a { width: 100%; justify-content: center; }
    #submit { width: 100%; }
    #ghanoon, #ghask { flex: 1 1 auto; }
    #commentform p:has(#submit) { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
    #comments *, #comments *::before, #comments *::after {
        transition: none !important;
        animation: none !important;
    }
}

/* =========================================================
   8️⃣  MODERN SLIDER
   ========================================================= */
.modern-slider, .modern-slider *, .modern-slider *::before, .modern-slider *::after { box-sizing: border-box; }
.modern-slider {
    position: relative;
    width: 100%;
    min-height: 400px;
    overflow: hidden;
    border-radius: 12px;
    background: #111;
    direction: rtl;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}
.modern-slider__viewport { width: 100%; height: 100%; overflow: hidden; }
.modern-slider__track {
    display: flex;
    width: 100%;
    height: 400px;
    transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}
.modern-slider__slide {
    flex: 0 0 100%;
    min-width: 100%;
    position: relative;
    height: 400px;
    overflow: hidden;
    isolation: isolate;
}
.modern-slider__image { position: absolute; inset: 0; width: 100%; height: 100%; }
.modern-slider__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.03);
    transition: transform 1.5s ease;
}
.modern-slider__slide.is-active .modern-slider__image img { transform: scale(1); }
.modern-slider__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.45) 45%, rgba(0, 0, 0, 0.85) 100%);
}
.modern-slider__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: min(650px, 85%);
    height: 100%;
    padding: 40px 6%;
    color: #fff;
    pointer-events: none;
}
.modern-slider__content a { pointer-events: auto; }
.modern-slider__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
    opacity: 0;
    transform: translateY(25px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.modern-slider__category {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.modern-slider__date { font-size: 12px; color: rgba(255, 255, 255, 0.75); }
.modern-slider__title {
    margin: 0 0 12px 0;
    font-size: clamp(20px, 3vw, 40px);
    line-height: 1.35;
    font-weight: 800;
    letter-spacing: -0.5px;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease 0.1s, transform 0.6s ease 0.1s;
}
.modern-slider__title a { color: #fff; text-decoration: none; transition: opacity 0.2s ease; }
.modern-slider__title a:hover { opacity: 0.8; }
.modern-slider__excerpt {
    max-width: 600px;
    margin-bottom: 20px;
    font-size: clamp(13px, 1.2vw, 16px);
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s;
}
.modern-slider__read-more {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    border-radius: 10px;
    background: #fff;
    color: #111 !important;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s, background 0.2s ease;
}
.modern-slider__read-more:hover { background: rgba(255, 255, 255, 0.85); }
.modern-slider__arrow { font-size: 18px; transition: transform 0.2s ease; }
.modern-slider__read-more:hover .modern-slider__arrow { transform: translateX(-5px); }
.modern-slider__slide.is-active .modern-slider__meta,
.modern-slider__slide.is-active .modern-slider__title,
.modern-slider__slide.is-active .modern-slider__excerpt,
.modern-slider__slide.is-active .modern-slider__read-more {
    opacity: 1;
    transform: translateY(0);
}
.modern-slider__controls {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 10;
    display: flex;
    gap: 8px;
}
.modern-slider__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(12px);
    transition: background 0.2s ease, transform 0.2s ease;
}
.modern-slider__button:hover { background: rgba(255, 255, 255, 0.2); transform: translateY(-2px); }
.modern-slider__dots {
    position: absolute;
    right: 6%;
    bottom: 28px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 6px;
}
.modern-slider__dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.4);
    transition: width 0.3s ease, background 0.3s ease;
}
.modern-slider__dot.is-active { width: 24px; border-radius: 20px; background: #fff; }
.modern-slider__progress {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    height: 3px;
    background: rgba(255, 255, 255, 0.2);
}
.modern-slider__progress span { display: block; width: 0; height: 100%; background: #fff; }

@media (max-width: 992px) {
    .modern-slider, .modern-slider__track, .modern-slider__slide { height: 380px; min-height: 380px; }
    .modern-slider__content { width: 80%; padding: 30px 6%; }
    .modern-slider__title { font-size: clamp(22px, 4vw, 32px); }
}
@media (max-width: 768px) {
    .modern-slider { border-radius: 12px; min-height: 320px; }
    .modern-slider, .modern-slider__track, .modern-slider__slide { height: 320px; min-height: 320px; }
    .modern-slider__overlay {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.92) 100%);
    }
    .modern-slider__content { justify-content: flex-end; width: 100%; padding: 20px 20px 70px; }
    .modern-slider__meta { margin-bottom: 8px; gap: 6px; }
    .modern-slider__category { font-size: 10px; padding: 3px 10px; }
    .modern-slider__date { font-size: 10px; }
    .modern-slider__title { margin-bottom: 8px; font-size: clamp(18px, 5vw, 24px); line-height: 1.3; }
    .modern-slider__excerpt {
        font-size: 12px;
        line-height: 1.6;
        margin-bottom: 12px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .modern-slider__read-more { font-size: 12px; padding: 8px 14px; border-radius: 8px; }
    .modern-slider__controls { left: 12px; bottom: 15px; gap: 6px; }
    .modern-slider__button { width: 34px; height: 34px; font-size: 14px; }
    .modern-slider__dots { right: 20px; bottom: 22px; gap: 5px; }
    .modern-slider__dot { width: 6px; height: 6px; }
    .modern-slider__dot.is-active { width: 18px; }
    .modern-slider__progress { height: 2px; }
}
@media (max-width: 480px) {
    .modern-slider, .modern-slider__track, .modern-slider__slide { height: 280px; min-height: 280px; }
    .modern-slider__content { padding: 15px 15px 60px; }
    .modern-slider__title { font-size: clamp(16px, 4.5vw, 20px); margin-bottom: 5px; }
    .modern-slider__excerpt { display: none; }
    .modern-slider__meta { margin-bottom: 5px; }
    .modern-slider__category { font-size: 9px; padding: 2px 8px; }
    .modern-slider__date { font-size: 9px; }
    .modern-slider__read-more { font-size: 11px; padding: 6px 12px; }
    .modern-slider__controls { left: 8px; bottom: 12px; }
    .modern-slider__button { width: 30px; height: 30px; font-size: 12px; }
    .modern-slider__dots { right: 15px; bottom: 18px; gap: 4px; }
    .modern-slider__dot { width: 5px; height: 5px; }
    .modern-slider__dot.is-active { width: 14px; }
}
.modern-slider__category { display: none !important; }
@media (max-width: 768px) {
    .modern-slider__category { display: none !important; }
}

/* =========================================================
   9️⃣  WIDGETS — like/dislike, mahbub, bargozide
   ========================================================= */
.zaki_like_dislike_box { float: left; margin: 0 5px; }
.zaki_like_dislike { float: right; margin: 0 5px; }
.zaki_like_dislike img { vertical-align: middle; }

.bargozide1 {
    margin-bottom: 10px;
    float: right;
    width: 98%;
    background: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-bottom: 3px solid #f2370b;
    font-size: 9pt;
    direction: rtl;
    overflow: hidden;
}
.bargozide1 { margin-left: 2%; }

.mahbub, .bargozide {
    margin-bottom: 10px;
    float: right;
    width: 49%;
    background: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-bottom: 3px solid #f2370b;
    font-size: 9pt;
    direction: rtl;
    overflow: hidden;
}
.mahbub { margin-right: 1%; }
.bargozide { margin-left: 1%; }
.mahbub ul li, .bargozide1 ul li, .bargozide ul li {
    border-bottom: 1px solid #dddddd;
    background: url(images/dot.png) 100% 3px no-repeat;
    margin: 6px 8px;
    padding: 0 15px 5px 0;
}
.mahbub a, .bargozide1 a, .bargozide a { color: #333333; }
.mahbub a:hover, .bargozide1 a:hover, .bargozide a:hover { color: #f2370b; }
.ti { color: #ffffff; font-size: 11pt; font-weight: bold; background: #9a1914; padding: 3px 0; }
.ti img { margin: 0 5px; }
#wp_page_numbers ul { width: 100% !important; box-sizing: border-box; }
.topmob {
    float: right;
    display: none;
    background: #333333;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px;
    text-align: right;
    direction: rtl;
    color: #ffffff;
    position: relative;
    font-size: 12pt;
    font-weight: bold;
}
.firstmenumob {
    float: right;
    display: none;
    background: #333333;
    width: 50%;
    box-sizing: border-box;
    padding: 5px 10px;
    text-align: right;
    direction: rtl;
    color: #ffffff;
    position: relative;
    font-size: 12pt;
    font-weight: bold;
}
.topmobile_sub, .firstmobile_sub {
    position: absolute;
    display: none;
    z-index: 15;
    top: 42px;
    right: 0;
    width: 50%;
    background: #222222;
    font-size: 11pt;
}
.firstmobile_sub { top: 32px; padding: 10px 5px; }
.firstmenumob li:last-child { border-bottom: 0; }
.topmob a, .firstmobile_sub a {
    display: block;
    margin: 2px 10px;
    border-bottom: 1px solid #565656;
    padding: 7px 5px !important;
    color: #ffffff;
}
.imob { margin: 0px 10px 0 15px; vertical-align: middle; }
.logo { display: none; }
.mobsidebar { display: none; }
.emt { float: right; margin: 0 0 0 10px; }
.post-ratings { float: right; width: auto; }

.firstmenu {
    background: #333333;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    height: 40px;
    text-align: right;
    direction: rtl;
    color: #ffffff;
    position: relative;
    font-size: 10pt;
    float: right;
}
#firstmenu { float: right; margin: 0 5px; }
#firstmenu li { float: right; margin: 0 8px; line-height: 26px; }
#firstmenu li ul {
    position: absolute;
    display: none;
    z-index: 15;
    top: 40px;
    right: 0;
    padding: 5px 0px;
    background: #222222;
    font-size: 9pt;
    box-sizing: border-box;
}
#firstmenu li ul li {
    margin: 2px 5px;
    border-bottom: 1px solid #565656;
    padding: 5px;
    color: #ffffff;
}
#firstmenu li ul li:last-child { border-bottom: 0; }
.firstmenu a { display: block; margin: 2px 10px; padding: 0px 5px; color: #ffffff; }
.firstmenu a:hover { color: #dd823b; }
#ss0 {
    float: right;
    margin: 2px 5px;
    width: 250px;
    background: #555555;
    height: 26px;
    padding: 0 5px;
}
#ss1 {
    width: calc(100% - 22px);
    float: right;
    border: 0;
    background: none;
    height: 25px;
    color: #efefef;
}
#ss2 { float: right; border: 0; width: 18px; height: 18px; margin-top: 3px; }
.sosh { float: left; margin: 3px 10px; }
.sosh img { width: 20px; height: 20px; }
.sosh a { margin: 0 5px; display: inline-block; }

@media (max-width: 1200px) {
    .all { width: 100%; }
    .all img { max-width: 100%; height: auto; }
}
@media (max-width: 1000px) {
    .topmob, .firstmenumob { display: block; }
    .kz { display: none; }
    .top { background-position: bottom right; }
    .menu-bs { width: 96%; margin: 5px 2%; }
    .bsx { width: 90%; margin: 5px 2%; }
    .adz { display: none; }
    .sub-menu {
        background: #222222;
        right: 100%;
        z-index: 13;
        border-radius: 4px 0px 0px 4px;
        -moz-border-radius: 4px 0px 0px 4px;
        -webkit-border-radius: 4px 0px 0px 4px;
    }
    .sub-menu li {
        float: none !important;
        padding: 0 10px;
        margin: 5px 0;
        line-height: 20px !important;
        height: initial !important;
    }
    #headermob > li:last-child a { border-bottom: 0; }
    .sub-menu > li:last-child a { border-bottom: 0; }
    .sidebaradi { display: block; width: 100%; }
    .mobsidebar { display: block; }
    .firstmenu { padding: 5px 0; font-size: 12pt; }
    #firstmenumob { display: block; }
    #firstmenu { display: none; }
    #ss0 { display: block; }
    .sosh a { margin: 0; }
    .sosh { display: block; }
}
@media (max-width: 600px) {
    .topmob, .firstmenumob { display: block; }
    .ax-cat { width: 30% !important; }
    .adz { display: none; }
    .mobsidebar { display: block; }
    .sidebaradi { display: block; }
    .bsx { width: 95%; margin: 5px 2%; }
    .axnews { float: right; width: 150px; height: 110px; margin: 10px; }
    .nz, .datez { font-size: 10pt; }
    .xxpost, .lastpost, .boxmenu, .c2, .mahbub, .bargozide, #tabz, .lastcom,
    .topbox h2, .topbox3 h2, .ti, #tabz1, #tabz2 { font-size: 13pt; }
    .axnews2 img { width: 120px; margin: 4px; }
    ol#controls { top: 130px; right: 0px; padding: 0px; }
    .nz { width: 130px; }
    #ss0 { display: none; }
    .sosh { display: block; }
}
@media (max-width: 500px) {
    .topmob, .firstmenumob { display: block; }
    .logo { display: block; width: 100%; height: auto; }
    .top { background: none; height: auto; }
    .sidebaradi { display: block; }
    .mahbub, .bargozide { width: 100%; margin: 5px 0; }
    .sosh { display: block; }
    .sosh a { padding: 0px 2px; }
    .sosh { margin: 4px 5px; }
    .firstmenumob { width: calc(100% - 150px); }
    .rt { display: none; }
}

/* =========================================================
   🔟  MODERN NEWS SIDEBAR
   ========================================================= */
:root {
    --sidebar-width: 100%;
    --sidebar-bg: #ffffff;
    --sidebar-page: #f6f7f9;
    --sidebar-text: #1f2937;
    --sidebar-muted: #8a94a3;
    --sidebar-primary: #d92316;
    --sidebar-primary-dark: #b91c12;
    --sidebar-blue: #1686a5;
    --sidebar-border: #e8ecf1;
    --sidebar-radius: 18px;
    --sidebar-shadow: 0 5px 22px rgba(15, 23, 42, .055);
    --sidebar-shadow-hover: 0 12px 32px rgba(15, 23, 42, .10);
}
.sidebaradi, .sidebaradi * { box-sizing: border-box; }
.sidebaradi {
    width: var(--sidebar-width);
    direction: rtl;
    text-align: right;
    font-family: Tahoma, Arial, sans-serif;
    color: var(--sidebar-text);
    line-height: 1.8;
}
.sidebaradi a { text-decoration: none; }
.sidebaradi ul { margin: 0; padding: 0; list-style: none; }
.sidebaradi h1, .sidebaradi h2, .sidebaradi h3, .sidebaradi h4, .sidebaradi p { margin-top: 0; }
.sidebaradi .sb-card {
    position: relative;
    width: 100%;
    direction: rtl;
    text-align: right;
    margin: 0 0 16px;
    background: var(--sidebar-bg);
    border: 1px solid var(--sidebar-border);
    border-radius: var(--sidebar-radius);
    overflow: hidden;
    box-shadow: var(--sidebar-shadow);
    transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.sidebaradi .sb-card:hover {
    border-color: #dfe5ec;
    box-shadow: var(--sidebar-shadow-hover);
    transform: translateY(-1px);
}
.sidebaradi .sb-trending { overflow: hidden; }
.sidebaradi .sb-tabs {
    display: flex;
    width: 100%;
    padding: 6px;
    gap: 5px;
    background: #f7f8fa;
    border-bottom: 1px solid var(--sidebar-border);
}
.sidebaradi .sb-tab {
    position: relative;
    flex: 1;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: right;
    gap: 7px;
    padding: 7px 8px;
    border-radius: 12px;
    color: #7b8491;
    background: transparent;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.sidebaradi .sb-tab:hover { color: var(--sidebar-primary); background: #ffffff; }
.sidebaradi .sb-tab.tabz1-ok, .sidebaradi .sb-tab.tabz2-ok {
    color: #ffffff;
    background: linear-gradient(135deg, var(--sidebar-primary), var(--sidebar-primary-dark));
    box-shadow: 0 5px 14px rgba(217, 35, 22, .20);
}
.sidebaradi .sb-tab-icon { font-size: 14px; line-height: 1; }
.sidebaradi .sb-tab-content { width: 100%; }
.sidebaradi .tabz22 { display: none; }
.sidebaradi .sb-ranking-list { padding: 5px 0; }
.sidebaradi .sb-ranking-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: right;
    gap: 12px;
    min-height: 64px;
    padding: 10px 16px;
    border-bottom: 1px solid #f0f2f5;
    transition: background .2s ease, padding-right .2s ease;
}
.sidebaradi .sb-ranking-item:last-child { border-bottom: 0; }
.sidebaradi .sb-ranking-item:hover { background: #fafbfc; padding-right: 20px; }
.sidebaradi .sb-rank {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #707986;
    background: #f0f2f5;
    font-size: 11px;
    font-weight: 800;
    transition: background .2s ease, color .2s ease;
}
.sidebaradi .sb-ranking-item:nth-child(1) .sb-rank { color: #fff; background: linear-gradient(135deg, #f59e0b, #d97706); }
.sidebaradi .sb-ranking-item:nth-child(2) .sb-rank { color: #fff; background: linear-gradient(135deg, #94a3b8, #64748b); }
.sidebaradi .sb-ranking-item:nth-child(3) .sb-rank { color: #fff; background: linear-gradient(135deg, #c08457, #92400e); }
.sidebaradi .sb-ranking-content { min-width: 0; flex: 1; }
.sidebaradi .sb-ranking-content a {
    display: -webkit-box;
    overflow: hidden;
    color: var(--sidebar-text);
    font-size: 12px;
    line-height: 1.8;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .2s ease;
}
.sidebaradi .sb-ranking-content a:hover { color: var(--sidebar-primary); }
.sidebaradi .sb-item-meta {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
    color: var(--sidebar-muted);
    font-size: 9px;
}
.sidebaradi .sb-meta-dot { width: 4px; height: 4px; border-radius: 50%; background: #cbd2da; }
.sidebaradi .sb-discussion-list { padding: 5px 0; }
.sidebaradi .sb-discussion-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid #f0f2f5;
}
.sidebaradi .sb-discussion-item:last-child { border-bottom: 0; }
.sidebaradi .sb-discussion-item::before {
    content: "";
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--sidebar-blue);
    box-shadow: 0 0 0 4px rgba(22, 134, 165, .08);
}
.sidebaradi .sb-discussion-item a {
    min-width: 0;
    flex: 1;
    display: -webkit-box;
    overflow: hidden;
    color: var(--sidebar-text);
    font-size: 12px;
    line-height: 1.8;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sidebaradi .sb-discussion-item a:hover { color: var(--sidebar-blue); }
.sidebaradi .sb-comment-count {
    flex: 0 0 auto;
    padding: 3px 7px;
    border-radius: 8px;
    color: #6d7580;
    background: #f3f5f7;
    font-size: 9px;
    white-space: nowrap;
}
.sidebaradi .sb-comment-count span { color: #a0a7b0; }
.sidebaradi .sb-card-header {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 16px 17px;
    border-bottom: 1px solid var(--sidebar-border);
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
}
.sidebaradi .sb-header-icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--sidebar-primary), #ef563f);
    box-shadow: 0 7px 18px rgba(217, 35, 22, .16);
}
.sidebaradi .sb-header-icon span { font-size: 17px; line-height: 1; }
.sidebaradi .sb-header-icon-blue {
    background: linear-gradient(135deg, #1686a5, #39a9c5);
    box-shadow: 0 7px 18px rgba(22, 134, 165, .16);
}
.sidebaradi .sb-card-header h2 {
    margin: 0;
    color: var(--sidebar-text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.5;
}
.sidebaradi .sb-card-header span {
    display: block;
    margin-top: 2px;
    color: var(--sidebar-muted);
    font-size: 9px;
    line-height: 1.6;
}
.sidebaradi .sb-post-list { padding: 4px 0; }
.sidebaradi .sb-post-item {
    position: relative;
    display: flex;
    gap: 11px;
    padding: 12px 17px;
    border-bottom: 1px solid #f0f2f5;
    transition: background .2s ease;
}
.sidebaradi .sb-post-item:last-child { border-bottom: 0; }
.sidebaradi .sb-post-item:hover { background: #fafbfc; }
.sidebaradi .sb-post-bullet {
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    margin-top: 9px;
    border-radius: 50%;
    background: var(--sidebar-primary);
    box-shadow: 0 0 0 4px rgba(217, 35, 22, .07);
}
.sidebaradi .sb-post-content { min-width: 0; flex: 1; }
.sidebaradi .sb-post-content > a {
    display: -webkit-box;
    overflow: hidden;
    color: var(--sidebar-text);
    font-size: 12px;
    line-height: 1.9;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .2s ease;
}
.sidebaradi .sb-post-content > a:hover { color: var(--sidebar-primary); }
.sidebaradi .sb-post-meta {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 3px;
    color: #a0a7b0;
    font-size: 9px;
}
.sidebaradi .sb-comment-list { padding: 5px 0; }
.sidebaradi .sb-comment-item {
    display: flex;
    gap: 10px;
    padding: 13px 16px;
    border-bottom: 1px solid #eef2f4;
}
.sidebaradi .sb-comment-item:last-child { border-bottom: 0; }
.sidebaradi .sb-comment-avatar {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    border-radius: 10px;
    color: #217e9b;
    background: #edf8fb;
    font-size: 12px;
    font-weight: 800;
}
.sidebaradi .sb-comment-content { min-width: 0; flex: 1; }
.sidebaradi .sb-comment-author {
    margin-bottom: 2px;
    color: #217e9b;
    font-size: 10px;
    font-weight: 800;
}
.sidebaradi .sb-comment-content > a {
    display: block;
    overflow: hidden;
    color: var(--sidebar-text);
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sidebaradi .sb-comment-content > a:hover { color: var(--sidebar-blue); }
.sidebaradi .sb-comment-content p {
    display: -webkit-box;
    overflow: hidden;
    margin: 2px 0 0;
    color: #89929d;
    font-size: 10px;
    line-height: 1.7;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sidebaradi .sb-ad { width: 100%; margin: 0 0 16px; text-align: center; }
.sidebaradi .sb-ad a { display: block; }
.sidebaradi .sb-ad img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 14px;
}
.sidebaradi .sb-space { height: 6px; }
.sidebaradi .widget {
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
    background: #ffffff;
    border: 1px solid var(--sidebar-border);
    border-radius: var(--sidebar-radius);
    overflow: hidden;
    box-shadow: var(--sidebar-shadow);
}
.sidebaradi .widget-title {
    margin: 0;
    padding: 15px 17px;
    color: var(--sidebar-text);
    background: #fafbfc;
    border-bottom: 1px solid var(--sidebar-border);
    font-size: 13px;
    font-weight: 800;
}
.sidebaradi .widget ul { padding: 4px 0; }
.sidebaradi .widget li {
    padding: 10px 17px;
    border-bottom: 1px solid #f0f2f5;
    font-size: 12px;
}
.sidebaradi .widget li:last-child { border-bottom: 0; }
.sidebaradi .widget a { color: var(--sidebar-text); transition: color .2s ease; }
.sidebaradi .widget a:hover { color: var(--sidebar-primary); }
.sidebaradi .topbox, .sidebaradi .topbox1,
.sidebaradi .topbox h2, .sidebaradi .topbox1 h2 { background-image: none; }
.sidebaradi .tabz11 ul li, .sidebaradi .tabz22 ul li,
.sidebaradi .lastpost ul li, .sidebaradi .lastcom ul li { background-image: none; }

@media (max-width: 1000px) {
    .sidebaradi { width: 100%; }
    .sidebaradi .sb-card, .sidebaradi .widget { margin-bottom: 14px; }
}
@media (max-width: 768px) {
    .sidebaradi .sb-card, .sidebaradi .widget { border-radius: 15px; }
    .sidebaradi .sb-tabs { padding: 5px; }
    .sidebaradi .sb-tab { min-height: 46px; font-size: 11px; }
    .sidebaradi .sb-tab-icon { font-size: 13px; }
    .sidebaradi .sb-ranking-item, .sidebaradi .sb-post-item { padding-right: 14px; padding-left: 14px; }
    .sidebaradi .sb-ranking-item:hover { padding-right: 17px; }
    .sidebaradi .sb-card-header { padding: 14px; }
    .sidebaradi .sb-header-icon { width: 36px; height: 36px; flex-basis: 36px; }
}
@media (max-width: 480px) {
    .sidebaradi .sb-card, .sidebaradi .widget { border-radius: 13px; margin-bottom: 12px; }
    .sidebaradi .sb-tab { min-height: 44px; gap: 5px; font-size: 10px; }
    .sidebaradi .sb-ranking-item { min-height: 60px; gap: 9px; }
    .sidebaradi .sb-rank {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
        border-radius: 8px;
        font-size: 10px;
    }
    .sidebaradi .sb-ranking-content a, .sidebaradi .sb-post-content > a { font-size: 11px; }
    .sidebaradi .sb-comment-item { padding-right: 13px; padding-left: 13px; }
    .sidebaradi .sb-comment-avatar {
        width: 29px;
        height: 29px;
        flex-basis: 29px;
        border-radius: 8px;
        font-size: 10px;
    }
    .sidebaradi .sb-card-header h2 { font-size: 13px; }
    .sidebaradi .sb-card-header span { font-size: 8px; }
}
@media (max-width: 360px) {
    .sidebaradi .sb-tab-icon { display: none; }
    .sidebaradi .sb-tab { font-size: 10px; }
    .sidebaradi .sb-ranking-item, .sidebaradi .sb-post-item { padding-right: 11px; padding-left: 11px; }
}
@media (prefers-reduced-motion: reduce) {
    .sidebaradi *, .sidebaradi *::before, .sidebaradi *::after {
        transition: none !important;
        animation: none !important;
    }
}
.sidebaradi { font-size: 15px; }
.sidebaradi .sb-card-header { font-size: 17px; line-height: 1.8; }
.sidebaradi .sb-ranking-list a, .sidebaradi .sb-discussion-list a { font-size: 15px; line-height: 2; }
.sidebaradi .sb-post-list a { font-size: 15.5px; line-height: 2; }
.sidebaradi .sb-meta { font-size: 13px; line-height: 1.8; }
.sidebaradi .sb-comment-count { font-size: 12px; }
.sidebaradi .sb-comment-list a { font-size: 15px; line-height: 1.9; }
.sidebaradi .sb-comment-author { font-size: 14px; font-weight: 700; }
.sidebaradi .sb-tabs button, .sidebaradi #tabz1, .sidebaradi #tabz2 { font-size: 15px; }
.sidebaradi p, .sidebaradi li { line-height: 1.9; }
@media (max-width: 768px) {
    .sidebaradi { font-size: 15px; }
    .sidebaradi .sb-card-header { font-size: 17px; }
    .sidebaradi .sb-ranking-list a, .sidebaradi .sb-discussion-list a,
    .sidebaradi .sb-post-list a, .sidebaradi .sb-comment-list a {
        font-size: 15.5px;
        line-height: 2;
    }
}

/* =========================================================
   1️⃣1️⃣  LATEST CATEGORY POST — PNU Card
   ========================================================= */
.pnu-latest { width: 100%; margin: 0 0 16px; }
.pnu-cards { width: 100%; margin: 0; }
.pnu-card {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0 10px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 5px 22px rgba(15, 23, 42, .10);
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease;
}
.pnu-card:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(15, 23, 42, .18); }
.pnu-card__media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #1f2937;
}
.pnu-card__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s ease;
}
.pnu-card:hover .pnu-card__media img { transform: scale(1.05); }
.pnu-card__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
        rgba(0, 0, 0, .88) 0%,
        rgba(0, 0, 0, .65) 30%,
        rgba(0, 0, 0, .25) 60%,
        rgba(0, 0, 0, 0) 100%);
}
.pnu-card__text {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 20px 25px 50px;
    text-align: right;
    direction: rtl;
    color: #fff;
}
.pnu-card__date {
    display: inline-block;
    margin: 0 0 6px;
    padding: 3px 10px;
    border-radius: 50px;
    background: rgba(217, 35, 22, .85);
    font-size: 13px;
    font-weight: 700;
}
.pnu-card__title {
    margin: 0;
    color: #fff;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.7;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .55);
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.pnu-list {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    background: #ffffff;
    border: 1px solid #e8ecf1;
    border-radius: 16px;
    box-shadow: 0 5px 22px rgba(15, 23, 42, .055);
    overflow: hidden;
}
.pnu-list__item { border-bottom: 1px solid #f0f2f5; }
.pnu-list__item:last-child { border-bottom: 0; }
.pnu-list__item a {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    color: #1f2937;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.9;
    text-align: right;
    direction: rtl;
    transition: background .2s ease, color .2s ease, padding-right .2s ease;
}
.pnu-list__item a:hover { color: #d92316; background: #fafbfc; padding-right: 20px; }
.pnu-list__dot {
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    margin-top: 9px;
    border-radius: 50%;
    background: #d92316;
    box-shadow: 0 0 0 4px rgba(217, 35, 22, .07);
}
.pnu-list__title {
    min-width: 0;
    flex: 1;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media (max-width: 480px) {
    .pnu-card { border-radius: 13px; margin-bottom: 8px; }
    .pnu-card__media { aspect-ratio: 4 / 3; }
    .pnu-card__text { padding: 14px 14px 16px; }
    .pnu-card__title { font-size: 16px; -webkit-line-clamp: 3; }
    .pnu-card__date { font-size: 12px; }
    .pnu-list { border-radius: 13px; margin-top: 8px; }
    .pnu-list__item a { font-size: 14px; padding: 11px 14px; }
}

/* =========================================================
   1️⃣2️⃣  MODERN SINGLE POST
   ========================================================= */
.sp-post {
    width: 100%;
    float: right;
    direction: rtl;
    text-align: right;
    font-family: Tahoma, Arial, sans-serif;
    color: #1f2937;
    background: #ffffff;
    border: 1px solid #e8ecf1;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 5px 22px rgba(15, 23, 42, .055);
    margin: 0 0 20px;
    box-sizing: border-box;
}
.sp-post *, .sp-post *::before, .sp-post *::after { box-sizing: border-box; }
.sp-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 12px 20px;
    background: linear-gradient(135deg, #b91c12 0%, #a01610 100%);
    border-bottom: 1px solid #8f130d;
    font-size: 11px;
    color: rgba(255, 255, 255, .85);
    line-height: 1.8;
}
.sp-breadcrumb a {
    color: rgba(255, 255, 255, .9);
    text-decoration: none;
    font-weight: 700;
    transition: color .2s ease;
}
.sp-breadcrumb a:hover { color: #ffffff; text-decoration: underline; }
.sp-breadcrumb .sp-sep { color: rgba(255, 255, 255, .5); font-weight: 700; }
.sp-breadcrumb .sp-current {
    color: #ffffff;
    font-weight: 800;
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sp-header { padding: 7px 20px 7px; border-bottom: 1px solid #ffffff; background: #d92316; }
.sp-title {
    margin: 0 0 14px;
    color: #111827;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.75;
    letter-spacing: -.2px;
    word-wrap: break-word;
}
.sp-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sp-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 11px;
    border-radius: 50px;
    color: #4b5563;
    background: #f6f7f9;
    border: 1px solid #eef1f5;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.6;
    transition: background .2s ease, color .2s ease;
}
.sp-meta-item:hover { background: #fff5f4; color: #d92316; }
.sp-meta-item a { color: inherit; text-decoration: none; }
.sp-meta-item a:hover { color: #d92316; }
.sp-ico { font-size: 12px; line-height: 1; opacity: .85; }
.sp-meta-icon { padding: 4px 10px; background: transparent; border: 0; }
.sp-thumb {
    margin: 18px auto;
    max-width: 500px;
    border-radius: 14px;
    overflow: hidden;
    background: #f6f7f9;
    box-shadow: 0 5px 22px rgba(15, 23, 42, .06);
    position: relative;
}
.sp-thumb img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 320px;
    object-fit: cover;
    object-position: center;
    transition: transform .6s ease;
}
.sp-thumb:hover img { transform: scale(1.02); }
.sp-thumb::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 60%;
    background: linear-gradient(to top, rgba(0, 0, 0, .06), transparent);
    pointer-events: none;
}
.sp-content {
    padding: 20px 22px 24px;
    color: #374151;
    font-size: 14.5px;
    line-height: 2.1;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    text-align: right;
    direction: rtl;
}
.sp-content p { margin: 0 0 14px; }
.sp-content p:last-child { margin-bottom: 0; }
.sp-content a { color: #d92316; text-decoration: none; border-bottom: none; transition: color .2s ease, border-color .2s ease; }
.sp-content a:hover { color: #b91c12; border-bottom-color: #b91c12; }
.sp-content h1, .sp-content h2, .sp-content h3, .sp-content h4 {
    color: #111827;
    font-weight: 800;
    line-height: 1.6;
    margin: 22px 0 10px;
}
.sp-content h2 { font-size: 18px; padding-right: 12px; border-right: 4px solid #d92316; border-radius: 2px; }
.sp-content h3 { font-size: 16px; }
.sp-content h4 { font-size: 15px; }
.sp-content img { max-width: 100%; height: auto; border-radius: 10px; margin: 6px auto; display: block; }
.sp-content ul, .sp-content ol { padding-right: 22px; padding-left: 0; margin: 0 0 14px; }
.sp-content ul li, .sp-content ol li { margin: 6px 0; line-height: 2; }
.sp-content ul li::marker, .sp-content ol li::marker { color: #d92316; }
.sp-content blockquote {
    margin: 14px 0;
    padding: 14px 18px;
    background: #fff8f7;
    border-right: 4px solid #d92316;
    border-radius: 10px;
    color: #4b5563;
    font-style: normal;
}
.sp-content table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 13px; border-radius: 10px; overflow: hidden; }
.sp-content table th, .sp-content table td { padding: 10px 12px; border: 1px solid #e8ecf1; text-align: right; }
.sp-content table th { background: #fafbfc; font-weight: 800; color: #111827; }
.sp-content pre, .sp-content code {
    direction: ltr;
    text-align: left;
    background: #0f172a;
    color: #e8edf5;
    border-radius: 10px;
    font-family: Consolas, monospace;
}
.sp-content code { padding: 2px 6px; font-size: 12.5px; }
.sp-content pre { padding: 14px 16px; overflow: auto; font-size: 12.5px; line-height: 1.8; }
.sp-content iframe, .sp-content video { max-width: 100%; border-radius: 10px; display: block; margin: 12px auto; }
.sp-pagelinks {
    margin-top: 18px;
    padding: 12px 14px;
    background: #fafbfc;
    border: 1px solid #e8ecf1;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}
.sp-pagelinks a {
    display: inline-block;
    margin: 0 2px;
    padding: 3px 9px;
    border-radius: 6px;
    border: 1px solid #e8ecf1;
    background: #fff;
    color: #1f2937;
    text-decoration: none;
}
.sp-pagelinks a:hover { background: #d92316; color: #fff; border-color: #d92316; }
.sp-ad { width: 100%; padding: 0 22px 18px; text-align: center; }
.sp-ad a { display: block; }
.sp-ad img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    border-radius: 12px;
    box-shadow: 0 5px 22px rgba(15, 23, 42, .08);
}
.sp-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1px;
    padding: 5px 5px;
    background: #f5d3ce;
    border-top: 1px solid #e8ecf1;
    font-size: 12px;
    color: #4b5563;
}
.sp-tags-label { font-weight: 800; color: #111827; font-size: 9px; margin-left: 1px; }
.sp-tags a {
    display: inline-block;
    padding: 3px 9px;
    border: 1px solid #e8ecf1;
    border-radius: 10px;
    color: #1f2937;
    text-decoration: none;
    font-weight: 700;
    font-size: 9px;
    line-height: 1.4;
    transition: all .2s ease;
}
.sp-tags a:hover {
    background: #d92316;
    color: #000000;
    border-color: #d92316;
    transform: translateY(-1px);
}
.sp-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 14px 22px;
    background: #ffffff;
    border-top: 1px solid #f0f2f5;
}
.sp-share-label { font-size: 12px; font-weight: 800; color: #111827; margin-left: 4px; }
.sp-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    border-radius: 10px;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
    transition: transform .2s ease, filter .2s ease;
    border: 0;
}
.sp-share-btn:hover { transform: translateY(-2px); filter: brightness(1.06); }
.sp-share-tg { background: linear-gradient(135deg, #229ED9, #1a7fb0); }
.sp-share-wa { background: linear-gradient(135deg, #25D366, #128C7E); }
.sp-share-tw { background: linear-gradient(135deg, #1DA1F2, #0d8ddb); }
.sp-share-fb { background: linear-gradient(135deg, #1877F2, #0c5fc7); }
.sp-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 18px 22px 22px;
    border-top: 1px solid #e8ecf1;
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 35, 22, .06), transparent 45%),
        linear-gradient(135deg, #eef1f5 0%, #e6eaef 100%);
}
.sp-nav-item {
    position: relative;
    min-width: 0;
    padding: 14px 16px;
    background: linear-gradient(135deg, #ffffff 0%, #f4f6f9 100%);
    border: 1px solid #dde3ea;
    border-radius: 14px;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .05);
    transition: all .25s ease;
    overflow: hidden;
}
.sp-nav-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 3px;
    border-radius: 0 14px 0 0;
    background: linear-gradient(90deg, #d92316, #ef563f);
    transition: width .3s ease;
}
.sp-nav-next::before {
    right: auto;
    left: 0;
    border-radius: 14px 0 0 0;
    background: linear-gradient(90deg, #1686a5, #39a9c5);
}
.sp-nav-item:hover {
    border-color: #d92316;
    background: linear-gradient(135deg, #fff8f7 0%, #ffecea 100%);
    transform: translateY(-3px);
    box-shadow: 0 10px 26px rgba(217, 35, 22, .15);
}
.sp-nav-item:hover::before { width: 100%; border-radius: 0; }
.sp-nav-next:hover {
    border-color: #1686a5;
    background: linear-gradient(135deg, #f2fbfd 0%, #e2f4f8 100%);
    box-shadow: 0 10px 26px rgba(22, 134, 165, .15);
}
.sp-nav-label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    padding: 3px 10px;
    border-radius: 50px;
    color: #8a94a3;
    background: #eef1f5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .3px;
    transition: all .2s ease;
}
.sp-nav-item:hover .sp-nav-label { color: #ffffff; background: #d92316; }
.sp-nav-next:hover .sp-nav-label { background: #1686a5; }
.sp-nav-item a {
    display: -webkit-box;
    overflow: hidden;
    color: #1f2937;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.85;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .2s ease;
    margin-top: 6px;
}
.sp-nav-item a:hover { color: #d92316; }
.sp-nav-next a:hover { color: #1686a5; }
.sp-nav-next { text-align: left; }

@media (max-width: 768px) {
    .sp-post { border-radius: 15px; margin-bottom: 14px; }
    .sp-breadcrumb { padding: 10px 14px; font-size: 10.5px; }
    .sp-breadcrumb .sp-current { max-width: 180px; }
    .sp-header { padding: 16px 16px 12px; }
    .sp-title { font-size: 18px; line-height: 1.7; margin-bottom: 12px; }
    .sp-meta { gap: 6px; }
    .sp-meta-item { padding: 4px 9px; font-size: 10px; }
    .sp-thumb { margin: 12px; border-radius: 12px; }
    .sp-content { padding: 16px 16px 20px; font-size: 14px; line-height: 2.05; }
    .sp-content h2 { font-size: 16px; }
    .sp-content h3 { font-size: 15px; }
    .sp-ad { padding: 0 16px 14px; }
    .sp-ad img { width: 100%; }
    .sp-tags, .sp-share { padding: 12px 16px; }
    .sp-share-btn { padding: 6px 12px; font-size: 10.5px; }
    .sp-nav { grid-template-columns: 1fr; padding: 14px 16px 18px; }
    .sp-nav-next { text-align: right; }
}
@media (max-width: 480px) {
    .sp-post { border-radius: 13px; }
    .sp-title { font-size: 16px; line-height: 1.65; }
    .sp-meta-item { padding: 3px 8px; font-size: 9.5px; }
    .sp-ico { display: none; }
    .sp-meta-icon { display: none; }
    .sp-content { font-size: 13.5px; line-height: 2; }
    .sp-content h2 { font-size: 15px; padding-right: 10px; }
    .sp-content h3 { font-size: 14px; }
    .sp-thumb { margin: 10px; border-radius: 10px; }
    .sp-tags a { font-size: 10.5px; padding: 4px 10px; }
    .sp-share { gap: 6px; }
    .sp-share-btn { flex: 1 1 calc(50% - 3px); padding: 7px 10px; }
}
@media (min-width: 1200px) {
    .sp-thumb { max-width: 760px; margin: 22px auto; }
    .sp-thumb img { max-height: 440px; }
}
@media (max-width: 992px) {
    .sp-thumb { max-width: 100%; margin: 16px; }
    .sp-thumb img { max-height: 380px; }
}
@media (max-width: 768px) {
    .sp-thumb { margin: 12px; border-radius: 12px; max-width: 100%; }
    .sp-thumb img { max-height: 280px; }
}
@media (max-width: 480px) {
    .sp-thumb { margin: 10px; border-radius: 10px; }
    .sp-thumb img { max-height: 220px; }
}
@media (prefers-reduced-motion: reduce) {
    .sp-post *, .sp-post *::before, .sp-post *::after {
        transition: none !important;
        animation: none !important;
    }
}

/* =========================================================
   1️⃣3️⃣  PNU POSTS GRID — 2/1 ستونه
   ========================================================= */
.pnu-posts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    width: 100%;
    direction: rtl;
    margin: 0 0 20px;
}
.pnu-posts-grid .xpost {
    float: none;
    width: 100%;
    margin: 0;
    display: block;
    overflow: hidden;
    border-radius: 16px;
    box-sizing: border-box;
}
.pnu-posts-grid .xxpost { padding: 10px; box-sizing: border-box; }
.pnu-posts-grid .xxpost::after { content: ""; display: table; clear: both; }
.pnu-posts-grid .axnews2 img {
    float: left;
    width: 140px;
    height: 105px;
    object-fit: contain;
    object-position: center;
    margin: 2px 0 8px 12px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    display: block;
}
.pnu-posts-grid .xpost h2 {
    font-size: 14.5px;
    line-height: 1.7;
    font-family: Tahoma, Arial, sans-serif;
    margin: 0 0 8px;
    padding: 0;
    background: none;
    direction: rtl;
    overflow: hidden;
}
.pnu-posts-grid .xpost h2 a { color: #111827; text-decoration: none; transition: color .2s ease; }
.pnu-posts-grid .xpost h2 a:hover { color: #d92316; }
.pnu-posts-grid .posta2 {
    font-size: 13px;
    line-height: 1.85;
    color: #5a636e;
    margin: 2px 0;
    padding: 0;
    direction: rtl;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.pnu-posts-grid .posta2 p { margin: 0; display: inline; }

@media (max-width: 1100px) {
    .pnu-posts-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .pnu-posts-grid .axnews2 img { width: 130px; height: 98px; margin-left: 10px; }
    .pnu-posts-grid .xpost h2 { font-size: 13px; }
}
@media (max-width: 700px) {
    .pnu-posts-grid { grid-template-columns: 1fr; gap: 10px; margin-bottom: 14px; }
    .pnu-posts-grid .xxpost { padding: 9px; }
    .pnu-posts-grid .axnews2 img { width: 128px; height: 96px; margin: 2px 0 6px 10px; border-radius: 4px; }
    .pnu-posts-grid .xpost h2 { font-size: 12.5px; line-height: 1.6; margin-bottom: 6px; -webkit-line-clamp: 2; }
    .pnu-posts-grid .posta2 { font-size: 11.5px; line-height: 1.75; -webkit-line-clamp: 2; }
}
@media (max-width: 380px) {
    .pnu-posts-grid .axnews2 img { width: 110px; height: 84px; margin-left: 8px; }
    .pnu-posts-grid .xpost h2 { font-size: 12px; }
    .pnu-posts-grid .posta2 { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
    .pnu-posts-grid * { transition: none !important; }
}

/* =========================================================
   1️⃣4️⃣  GLOBAL FONT OVERRIDE — Vazirmatn
   ========================================================= */
html, body, button, input, select, textarea, optgroup {
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}
body { font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important; }
body *, body *::before, body *::after { font-family: inherit; }
.top, .kz, .c2, .c3, .menu-bs, .lastpost, .lastcom, .nl, .sch-box,
.boxmenu, .xmenu, .tpost, .xpost, .xxpost, .posta2, .tagz, .ads-matn,
.hed2, .hed2 *, .ft, .ft *, #comments, #comments *,
.sidebaradi, .sidebaradi *, .sp-post, .sp-post *, .pnu-latest, .pnu-latest *,
.pnu-posts-grid, .pnu-posts-grid *, .modern-slider, .modern-slider *,
.firstmenu, .firstmenu *, .topmob, .topmob *,
.firstmenumob, .firstmenumob *, .firstmobile_sub, .firstmobile_sub *,
.topmobile_sub, .topmobile_sub *, input, textarea, button, select {
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}
#submit, #ghanoon, #ghask, #s2email, #searchsubmit, .txtsch {
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}
#commentform input[type="text"], #commentform input[type="email"],
#commentform input[type="url"], #commentform input[type="tel"],
#commentform textarea,
#comments input[type="text"], #comments input[type="email"],
#comments input[type="url"], #comments input[type="tel"],
#comments textarea {
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}
.sp-content pre, .sp-content code {
    font-family: Consolas, 'Vazirmatn', monospace !important;
    direction: ltr;
    text-align: left;
}

/* =========================================================
   1️⃣5️⃣  CATEGORY ARCHIVE CARDS — v2 (اصلاح‌شده)
   ✅ height ثابت حذف شد → min-height
   ✅ font-size عنوان یکنواخت شد
   ✅ بازه ۷۶۸-۱۰۹۹px دو ستونه شد
   ========================================================= */
.cat-archive {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 24px;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    clear: both;
    float: none;
    direction: rtl;
}
.cat-card {
    position: relative;
    width: 100%;
    min-height: 400px;
    min-width: 0;
    max-width: 100%;
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 32px 32px 32px 44px;
    direction: rtl;
    text-align: right;
    color: #ffffff;
    box-shadow: 0 8px 26px rgba(15, 23, 42, .15);
    isolation: isolate;
    background-color: #1f2937;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    transition: transform .3s ease, box-shadow .3s ease;
}
.cat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 36px rgba(15, 23, 42, .25);
}
.cat-card *, .cat-card *::before, .cat-card *::after {
    box-sizing: border-box;
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}
.cat-card__date {
    position: absolute;
    top: 18px;
    right: 20px;
    z-index: 3;
    padding: 4px 12px;
    border-radius: 50px;
    color: #ffffff;
    background: rgba(217, 35, 22, .85);
    backdrop-filter: blur(6px);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.7;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .28);
}
.cat-card__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
    gap: 12px;
    width: 100%;
}
.cat-card__title {
    margin: 0;
    color: #ffffff;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.55;
    letter-spacing: -.4px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .75);
    word-wrap: break-word;
    max-width: 100%;
    text-align: right;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.cat-card__title a { color: #ffffff !important; text-decoration: none; transition: color .2s ease; }
.cat-card__title a:hover { color: #ffd0c8 !important; }
.cat-card__excerpt {
    margin: 0;
    max-width: 100%;
    color: #e5e7eb;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    text-align: right;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.cat-card__btn {
    margin-top: 14px;
    margin-left: 18px;
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    border-radius: 50px;
    color: #111827 !important;
    background: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .28);
    transition: all .25s ease;
}
.cat-card__btn svg { width: 14px; height: 14px; transition: transform .25s ease; }
.cat-card__btn:hover {
    background: #f3f4f6;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .38);
}
.cat-card__btn:hover svg { transform: translateX(-4px); }
.cat-empty {
    padding: 22px;
    background: #ffffff;
    border: 1px dashed #e8ecf1;
    border-radius: 14px;
    text-align: center;
    color: #8a94a3;
    font-size: 13px;
}
.cat-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 10px 0 24px;
}
.cat-pagination a, .cat-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #e8ecf1;
    color: #1f2937;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: all .2s ease;
}
.cat-pagination a:hover, .cat-pagination .current {
    background: #d92316;
    border-color: #d92316;
    color: #ffffff;
}

/* ---------- دسکتاپ بزرگ: ۲ ستون ---------- */
@media (min-width: 1100px) {
    .cat-archive {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px;
    }
    .cat-card {
        min-height: 380px;
        padding: 28px 28px 28px 40px;
    }
    .cat-card__title { font-size: 24px; line-height: 1.55; }
    .cat-card__excerpt { font-size: 13px; line-height: 1.9; }
    .cat-card__btn { margin-left: 16px; }
}

/* ---------- بین ۷۶۸ تا ۱۰۹۹: ۲ ستون ---------- */
@media (min-width: 768px) and (max-width: 1099px) {
    .cat-archive {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
    .cat-card {
        min-height: 340px;
        padding: 22px 22px 22px 32px;
        border-radius: 15px;
    }
    .cat-card__title { font-size: 20px; line-height: 1.55; }
    .cat-card__excerpt { font-size: 12.5px; line-height: 1.9; -webkit-line-clamp: 2; }
    .cat-card__btn { padding: 9px 16px; font-size: 11.5px; margin-left: 12px; }
}

/* ---------- موبایل: ۱ ستون ---------- */
@media (max-width: 767px) {
    .cat-archive { gap: 18px; }
    .cat-card {
        min-height: 340px;
        padding: 22px 22px 22px 32px;
        border-radius: 14px;
    }
    .cat-card__date { top: 14px; right: 16px; font-size: 11px; padding: 3px 10px; }
    .cat-card__title { font-size: 20px; line-height: 1.55; }
    .cat-card__excerpt { font-size: 12.5px; -webkit-line-clamp: 2; }
    .cat-card__btn { padding: 9px 16px; font-size: 11.5px; margin-left: 12px; }
}
@media (max-width: 480px) {
    .cat-card {
        min-height: 300px;
        padding: 18px 18px 18px 26px;
        border-radius: 13px;
    }
    .cat-card__title { font-size: 17px; line-height: 1.6; }
    .cat-card__excerpt { font-size: 12px; line-height: 1.85; }
    .cat-card__btn { padding: 8px 14px; font-size: 11px; gap: 6px; margin-left: 8px; }
    .cat-card__btn svg { width: 12px; height: 12px; }
    .cat-pagination a, .cat-pagination span { min-width: 34px; height: 34px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .cat-card, .cat-card *, .cat-card__btn svg { transition: none !important; }
}

/* =========================================================
   1️⃣6️⃣  ✨ PNU BLOCK + PNU GRID — چندستونه‌سازی شورتکد ✨
   دسکتاپ: ۳ ستون | لپ‌تاپ: ۲ ستون | موبایل: ۱ ستون
   ========================================================= */

/* ---------- کانتینر گرید ---------- */
.pnu-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
    margin: 0 0 30px;
    direction: rtl;
    box-sizing: border-box;
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
}

.pnu-grid > * { min-width: 0; }

/* ---------- بلوک هر دسته ---------- */
.pnu-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #e8ecf1;
    border-radius: 18px;
    box-shadow: 0 5px 22px rgba(15, 23, 42, .055);
    direction: rtl;
    text-align: right;
    transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
    box-sizing: border-box;
}
.pnu-block:hover {
    border-color: #dfe5ec;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .10);
    transform: translateY(-2px);
}

/* ---------- هدر بلوک ---------- */
.pnu-block__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 14px;
    padding: 0 2px 12px;
    border-bottom: 1px solid #f0f2f5;
    position: relative;
}
.pnu-block__header::after {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -1px;
    width: 52px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, #d92316, #ef563f);
}
.pnu-block__title-wrap {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    flex: 1;
}
.pnu-block__icon {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(135deg, #d92316, #ef563f);
    box-shadow: 0 6px 16px rgba(217, 35, 22, .22);
}
.pnu-block__title {
    margin: 0;
    color: #111827;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.6;
    letter-spacing: -.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pnu-block__more {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    border-radius: 50px;
    color: #d92316 !important;
    background: #fff5f4;
    border: 1px solid #ffd6d0;
    text-decoration: none;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    transition: all .2s ease;
}
.pnu-block__more:hover {
    color: #fff !important;
    background: #d92316;
    border-color: #d92316;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(217, 35, 22, .25);
}

/* ---------- محتوای شورتکد داخل بلوک ---------- */
.pnu-block .pnu-latest { margin: 0; flex: 1; }
.pnu-block .pnu-card__media { aspect-ratio: 16 / 9; }
.pnu-block .pnu-card__title {
    font-size: 15px;
    line-height: 1.65;
    -webkit-line-clamp: 2;
}
.pnu-block .pnu-card__date { font-size: 11px; padding: 3px 9px; }
.pnu-block .pnu-card__text { padding: 14px 14px 16px; }
.pnu-block .pnu-list { margin-top: 10px; }
.pnu-block .pnu-list__item a {
    font-size: 13px;
    padding: 10px 12px;
    line-height: 1.85;
}
.pnu-block .pnu-list__dot {
    width: 6px;
    height: 6px;
    flex-basis: 6px;
    margin-top: 8px;
}

/* ---------- رنگ اختصاصی هر دسته ---------- */
.pnu-block[data-cat="33"] .pnu-block__icon {
    background: linear-gradient(135deg, #d92316, #ef563f);
    box-shadow: 0 6px 16px rgba(217, 35, 22, .22);
}
.pnu-block[data-cat="33"] .pnu-block__header::after {
    background: linear-gradient(90deg, #d92316, #ef563f);
}
.pnu-block[data-cat="42"] .pnu-block__icon {
    background: linear-gradient(135deg, #1686a5, #39a9c5);
    box-shadow: 0 6px 16px rgba(22, 134, 165, .22);
}
.pnu-block[data-cat="42"] .pnu-block__header::after {
    background: linear-gradient(90deg, #1686a5, #39a9c5);
}
.pnu-block[data-cat="17"] .pnu-block__icon {
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    box-shadow: 0 6px 16px rgba(124, 58, 237, .22);
}
.pnu-block[data-cat="17"] .pnu-block__header::after {
    background: linear-gradient(90deg, #7c3aed, #a855f7);
}
.pnu-block[data-cat="55"] .pnu-block__icon {
    background: linear-gradient(135deg, #059669, #10b981);
    box-shadow: 0 6px 16px rgba(5, 150, 105, .22);
}
.pnu-block[data-cat="55"] .pnu-block__header::after {
    background: linear-gradient(90deg, #059669, #10b981);
}
.pnu-block[data-cat="66"] .pnu-block__icon {
    background: linear-gradient(135deg, #ea580c, #f97316);
    box-shadow: 0 6px 16px rgba(234, 88, 12, .22);
}
.pnu-block[data-cat="66"] .pnu-block__header::after {
    background: linear-gradient(90deg, #ea580c, #f97316);
}
.pnu-block[data-cat="88"] .pnu-block__icon {
    background: linear-gradient(135deg, #db2777, #ec4899);
    box-shadow: 0 6px 16px rgba(219, 39, 119, .22);
}
.pnu-block[data-cat="88"] .pnu-block__header::after {
    background: linear-gradient(90deg, #db2777, #ec4899);
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 1200px) {
    .pnu-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
}
@media (max-width: 900px) {
    .pnu-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
    .pnu-block { padding: 14px; border-radius: 16px; }
    .pnu-block__icon {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
        font-size: 14px;
        border-radius: 10px;
    }
    .pnu-block__title { font-size: 14px; }
}
@media (max-width: 640px) {
    .pnu-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-bottom: 20px;
    }
    .pnu-block { padding: 12px; border-radius: 14px; }
    .pnu-block:hover { transform: none; }
    .pnu-block__header { margin-bottom: 12px; padding-bottom: 10px; }
    .pnu-block__header::after { width: 42px; height: 2px; }
    .pnu-block__title { font-size: 13.5px; }
    .pnu-block__icon {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
        font-size: 13px;
        border-radius: 9px;
    }
    .pnu-block__more { padding: 5px 9px; font-size: 9.5px; }
}
@media (max-width: 380px) {
    .pnu-block { padding: 10px; }
    .pnu-block__title { font-size: 12.5px; }
    .pnu-block .pnu-card__title { font-size: 13.5px; }
}
@media (prefers-reduced-motion: reduce) {
    .pnu-grid *, .pnu-block { transition: none !important; }
}
/* =========================================================
   1️⃣7️⃣  CATEGORY SLIDER — v2 (ارتفاع کمتر + بدون دکمه)
   ========================================================= */
.cat-slider {
    position: relative;
    width: 100%;
    margin: 0 0 28px;
    direction: rtl;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 26px rgba(15, 23, 42, .15);
    isolation: isolate;
}

.cat-slider__viewport {
    position: relative;
    width: 100%;
    height: 380px;              /* ← از ۵۰۰ به ۳۸۰ */
    overflow: hidden;
    background: #1f2937;
}

.cat-slider__track {
    display: flex;
    direction: rtl;
    width: 100%;
    height: 100%;
    transform: translateX(0);
    transition: transform .7s cubic-bezier(.22, 1, .36, 1);
    will-change: transform;
}

.cat-slider__slide {
    flex: 0 0 100%;
    min-width: 100%;
    height: 100%;
    direction: rtl;
}

.cat-slider__slide .cat-card {
    width: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
    padding: 30px 40px 55px 40px;   /* ← بدون فضای دکمه */
}
.cat-slider__slide .cat-card:hover {
    transform: none;
    box-shadow: none;
}
.cat-slider__slide .cat-card__content {
    max-width: 640px;
    gap: 8px;
}
.cat-slider__slide .cat-card__title {
    font-size: clamp(20px, 2.4vw, 28px);
    -webkit-line-clamp: 2;          /* ← ۳ → ۲ خط */
    line-height: 1.5;
}
.cat-slider__slide .cat-card__excerpt {
    font-size: 13.5px;
    line-height: 1.9;
    -webkit-line-clamp: 2;          /* ← ۳ → ۲ خط */
    margin: 0;
}

/* دکمه‌های چپ/راست */
.cat-slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 50%;
    background: rgba(0,0,0,.35);
    backdrop-filter: blur(10px);
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    z-index: 15;
    transition: background .2s ease, transform .2s ease, border-color .2s ease;
    font-family: Arial, sans-serif;
}
.cat-slider__btn:hover {
    background: rgba(255,255,255,.25);
    border-color: rgba(255,255,255,.6);
    transform: translateY(-50%) scale(1.05);
}
.cat-slider__btn--prev { right: 14px; }
.cat-slider__btn--next { left: 14px; }

/* نقطه‌ها */
.cat-slider__dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 7px;
    z-index: 15;
    padding: 5px 11px;
    border-radius: 50px;
    background: rgba(0,0,0,.25);
    backdrop-filter: blur(8px);
}
.cat-slider__dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.45);
    cursor: pointer;
    transition: width .3s ease, background .3s ease;
}
.cat-slider__dot.is-active {
    width: 24px;
    border-radius: 10px;
    background: #fff;
}

/* نوار پیشرفت */
.cat-slider__progress {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: rgba(255,255,255,.15);
    z-index: 14;
    overflow: hidden;
}
.cat-slider__progress span {
    display: block;
    width: 0;
    height: 100%;
    background: #d92316;
    transition: width 0ms linear;
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 992px) {
    .cat-slider__viewport { height: 340px; }
    .cat-slider__slide .cat-card { padding: 26px 28px 50px; }
    .cat-slider__slide .cat-card__title { font-size: clamp(18px, 3.2vw, 24px); }
    .cat-slider__slide .cat-card__excerpt { font-size: 12.5px; }
    .cat-slider__btn { width: 40px; height: 40px; font-size: 22px; }
}

@media (max-width: 767px) {
    .cat-slider__viewport { height: 300px; }
    .cat-slider__slide .cat-card { padding: 20px 20px 46px; }
    .cat-slider__slide .cat-card__title {
        font-size: 18px;
        line-height: 1.5;
        -webkit-line-clamp: 2;
    }
    .cat-slider__slide .cat-card__excerpt {
        font-size: 12px;
        -webkit-line-clamp: 2;
    }
    .cat-slider__btn { width: 36px; height: 36px; font-size: 20px; }
    .cat-slider__btn--prev { right: 10px; }
    .cat-slider__btn--next { left: 10px; }
    .cat-slider__dots { bottom: 12px; }
}

@media (max-width: 480px) {
    .cat-slider { border-radius: 14px; }
    .cat-slider__viewport { height: 260px; }
    .cat-slider__slide .cat-card { padding: 16px 16px 44px; }
    .cat-slider__slide .cat-card__title { font-size: 16px; }
    .cat-slider__slide .cat-card__excerpt {
        font-size: 11.5px;
        -webkit-line-clamp: 1;      /* خیلی کوچک: فقط ۱ خط */
    }
    .cat-slider__btn { width: 32px; height: 32px; font-size: 18px; }
    .cat-slider__btn--prev { right: 8px; }
    .cat-slider__btn--next { left: 8px; }
    .cat-slider__dots { padding: 4px 9px; gap: 5px; bottom: 10px; }
    .cat-slider__dot { width: 6px; height: 6px; }
    .cat-slider__dot.is-active { width: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .cat-slider__track,
    .cat-slider__dot,
    .cat-slider__btn,
    .cat-slider__progress span {
        transition: none !important;
    }
}