@font-face{font-family:IRANSans;src:url(/fonts/IRANSansWeb_Light.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:IRANSans;src:url(/fonts/IRANSansWeb.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:IRANSans;src:url(/fonts/IRANSansWeb_Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:IRANSans;src:url(/fonts/IRANSansWeb_Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:YekanBakh;src:url(/fonts/YekanBakh-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:YekanBakh;src:url(/fonts/YekanBakh-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:YekanBakh;src:url(/fonts/YekanBakh-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:YekanBakh;src:url(/fonts/YekanBakh-ExtraBold.woff2) format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:YekanBakh;src:url(/fonts/YekanBakh-Black.woff2) format('woff2');font-weight:900;font-display:swap}

:root{--red:#e11d2e;--red-d:#b9101f;--red-s:#fdecee;--bg:#f3f4f7;--card:#fff;--tx:#14161b;--tx2:#3b3f48;--mut:#6f7580;--line:#e8eaee;--sh:0 1px 2px #1018280a,0 6px 20px -8px #10182822;--sh2:0 10px 30px -10px #10182840;--up:#12a150;--r:14px;
 --fh:YekanBakh,IRANSans,Tahoma,sans-serif;--fb:IRANSans,YekanBakh,Tahoma,sans-serif}
:root[data-theme=dark]{--bg:#0b0c0f;--card:#15171c;--tx:#f2f3f5;--tx2:#c6cad1;--mut:#8f95a0;--line:#262a31;--red-s:#2b1519;--sh:0 1px 2px #0006,0 6px 20px -8px #000a;--sh2:0 10px 30px -10px #000c}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--bg);color:var(--tx);font-size:13.5px;line-height:1.9;-webkit-font-smoothing:antialiased;transition:background .3s}
a{color:inherit;text-decoration:none}ul,ol{list-style:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
h1,h2,h3,h4,.fh{font-family:var(--fh)}
.wrap{max-width:1320px;margin:auto;padding:0 20px}
::selection{background:var(--red);color:#fff}
#progress{position:fixed;top:0;right:0;height:3px;width:0;background:var(--red);z-index:200;transition:width .1s}

/* topbar */
.topbar{background:#0f1115;color:#d6d9df;font-size:11.5px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:40px;gap:16px}
.tb-r{display:flex;align-items:stretch;align-self:stretch;min-width:0;flex:1}.tb-l{display:flex;align-items:center;gap:18px;min-width:0}
.tb-l{color:#aab0bb;white-space:nowrap}
.live-btn{background:var(--red);color:#fff;padding:0 18px;font-weight:700;align-self:stretch;display:flex;align-items:center;gap:7px;font-family:var(--fh);font-size:12.5px}
.pulse{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 #fff9}100%{box-shadow:0 0 0 8px #fff0}}
.tickers{display:flex;gap:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none;align-items:stretch;align-self:stretch}.tickers::-webkit-scrollbar{display:none}
.tk{display:flex;align-items:center;gap:8px;padding:0 16px;border-inline-start:1px solid #ffffff14;font-family:var(--fh);font-size:12.5px;color:#9aa1ad;font-weight:600}
.tk b{font-weight:800;color:#fff;font-size:13.5px;letter-spacing:.2px}
.tk .c{font-size:11px;direction:ltr;display:inline-flex;align-items:center;gap:2px;padding:0 7px;border-radius:6px;font-weight:700;line-height:1.7}
.tk .c.up{background:#12a1501f}.tk .c.dn{background:#ff5a681f}
.up{color:var(--up)}.dn{color:#ff5a68}

/* header */
.head{background:var(--card);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.head::before{content:"";position:absolute;inset:-40% 0 auto 0;height:220%;opacity:.5;pointer-events:none;
 background:radial-gradient(circle at 50% 110%,transparent 30%,#e11d2e14 30.4%,transparent 31%),radial-gradient(circle at 50% 110%,transparent 42%,#e11d2e12 42.4%,transparent 43%),radial-gradient(circle at 50% 110%,transparent 54%,#e11d2e10 54.4%,transparent 55%),radial-gradient(circle at 50% 110%,transparent 66%,#e11d2e0d 66.4%,transparent 67%)}
.head .wrap{display:flex;align-items:center;justify-content:space-between;height:88px;position:relative}
.brand{display:flex;align-items:center;gap:14px}
.brand-main{display:flex;align-items:center;gap:11px}
.brand-icon{width:32px;height:70px;stroke:none;color:#16181c;filter:drop-shadow(0 4px 6px #0002)}
:root[data-theme=dark] .brand-icon{color:#fff}
.brand-text{display:flex;flex-direction:column;align-items:center;line-height:1}
.brand-fa{font-family:var(--fh);font-weight:900;font-size:41px;letter-spacing:-1px;color:#14161b}
:root[data-theme=dark] .brand-fa{color:#fff}
.brand-en{font-size:9.5px;letter-spacing:3.4px;color:var(--mut);margin-top:5px;direction:ltr;font-family:var(--fh)}
.brand-tag{font-size:10px;line-height:1.55;color:var(--mut);max-width:80px}
.tools{display:flex;align-items:center;gap:14px}
.tools svg{width:19px;height:19px}
.search-btn{background:var(--red);color:#fff;width:44px;height:40px;border-radius:11px;display:grid;place-items:center;box-shadow:0 6px 14px -4px #e11d2e88;transition:.2s}.search-btn:hover{transform:translateY(-2px)}
.plain{position:relative;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;transition:.2s}.plain:hover{background:var(--red-s);color:var(--red)}
.dot{position:absolute;top:6px;right:8px;width:8px;height:8px;background:var(--red);border-radius:50%;border:2px solid var(--card)}
.soc{display:flex;gap:4px;color:var(--mut);margin-inline-start:6px}.soc a{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;transition:.2s}.soc a:hover{background:var(--red);color:#fff}
.burger{display:none;width:40px;height:40px}.burger svg{width:24px;height:24px}

/* nav */
.nav{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:90;box-shadow:0 2px 12px -8px #0003}
.nav .wrap{display:flex;justify-content:space-between;align-items:center;height:48px;gap:12px}
.nav ul{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1}
.nav li a{display:block;white-space:nowrap;padding:0 13px;line-height:48px;font-family:var(--fh);font-weight:600;font-size:14px;color:var(--tx2);position:relative;transition:color .2s}
.nav li a::after{content:"";position:absolute;right:13px;left:13px;bottom:0;height:3px;background:var(--red);border-radius:3px 3px 0 0;transform:scaleX(0);transition:transform .25s}
.nav li a:hover,.nav li a.on{color:var(--red)}.nav li a:hover::after,.nav li a.on::after{transform:scaleX(1)}
.allcats{display:flex;gap:8px;align-items:center;font-family:var(--fh);font-weight:700;font-size:13.5px;white-space:nowrap;padding:6px 12px;border-radius:9px;background:var(--bg)}.allcats svg{width:17px}.allcats:hover{color:var(--red)}
.drawer,.sov{position:fixed;inset:0;z-index:300}.drawer[hidden],.sov[hidden]{display:none}
.drawer-bg,.sov-bg{position:absolute;inset:0;background:#000a;backdrop-filter:blur(4px);animation:fade .2s}
.drawer-box{position:absolute;top:0;bottom:0;right:0;width:min(340px,88vw);background:var(--card);padding:18px;overflow:auto;animation:slideR .25s}
.drawer-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-family:var(--fh);font-size:17px}
.drawer-box a{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:10px;font-family:var(--fh);font-weight:600;font-size:15px}.drawer-box a:hover{background:var(--red-s);color:var(--red)}
@keyframes slideR{from{transform:translateX(100%)}}@keyframes fade{from{opacity:0}}
.sov-box{position:relative;max-width:680px;margin:9vh auto 0;padding:0 16px;animation:fade .2s}
#sform{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:16px;padding:8px 18px;box-shadow:var(--sh2)}
#sform svg{width:22px;color:var(--red);flex:none}#sform input{flex:1;border:0;background:none;outline:0;font-size:17px;padding:12px 0;font-family:var(--fh)}
#sform button{font-size:12px;color:var(--mut)}
#ssug{background:var(--card);border-radius:16px;margin-top:10px;overflow:hidden;box-shadow:var(--sh2)}
#ssug a{display:flex;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line)}#ssug a:hover{background:var(--red-s)}
#ssug .th{width:54px;height:40px;border-radius:8px;background:#333 center/cover;flex:none}

/* breaking */
.breaking{display:flex;background:linear-gradient(90deg,#c9111f,var(--red));color:#fff;margin:18px 0 16px;height:42px;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px -10px #e11d2eaa}
.b-label{display:flex;align-items:center;gap:7px;padding:0 20px;font-family:var(--fh);font-weight:800;font-size:15px;background:#0003;white-space:nowrap}.b-label svg{width:16px;fill:#fff;stroke:none}
.b-track{flex:1;overflow:hidden;display:flex;align-items:center;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.b-move{display:inline-flex;gap:34px;animation:mq 160s linear infinite;padding-inline-start:100%}
.b-track:hover .b-move{animation-play-state:paused}
@keyframes mq{to{transform:translateX(100%)}}
.b-move a{font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:34px}.b-move a::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;flex:none}.b-move a:hover{text-decoration:underline}

/* home grid */
.grid{display:grid;grid-template-columns:276px minmax(0,1fr) 288px;gap:16px;align-items:start}
.grid{grid-template-rows:auto minmax(0,1fr)}.grid>.side3{grid-column:1;grid-row:1}.grid>.center{grid-column:2;grid-row:1}.grid>.asd{grid-column:3;grid-row:1/span 2}.grid>.latest{grid-column:1/3;grid-row:2;margin-top:6px}
.cards.c4{grid-template-columns:repeat(4,1fr)}.cards.c4 .card .imw{height:120px}.cards.c4 .card h3{font-size:13.5px;-webkit-line-clamp:3}.cards.c4 .card p{display:none}
.side3{display:grid;gap:12px;grid-template-rows:repeat(3,1fr);align-self:stretch;min-height:398px}
.center{min-width:0}
.card-box{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);border:1px solid var(--line)}
.tile{position:relative;display:block;overflow:hidden;border-radius:12px;color:#fff;background:#222;min-height:96px;isolation:isolate}
.tile .bgi,.slide .bgi,.vid .th,.hcard .im,.card .im{background:#2a2d34 center/cover no-repeat;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.tile .bgi{position:absolute;inset:0;z-index:-2}
.tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000e,#0004 60%,#0000)}
.tile:hover .bgi,.vid:hover .th,.card:hover .im,.slide:hover .bgi{transform:scale(1.07)}
.tile span.t{position:absolute;right:11px;left:11px;bottom:9px;font-family:var(--fh);font-size:13.5px;font-weight:700;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tag{position:absolute;z-index:2;top:9px;left:9px;background:var(--red);color:#fff;font-family:var(--fh);font-size:11px;font-weight:700;padding:1px 11px;border-radius:7px;line-height:1.8}
.side3 .tile{min-height:0}
.slider{position:relative;height:340px;border-radius:var(--r);overflow:hidden;background:#222;box-shadow:var(--sh2)}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s;color:#fff;overflow:hidden;display:block}
.slide.on{opacity:1;visibility:visible}
.slide .bgi{position:absolute;inset:0}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000f 4%,#000a 38%,#0003 72%,#0000)}
.slide .in{position:absolute;z-index:2;right:0;left:0;bottom:0;padding:0 56px 22px}
.slide .tagi{display:inline-block;background:var(--red);font-family:var(--fh);font-size:12px;font-weight:700;padding:0 12px;border-radius:7px;margin-bottom:8px}
.slide h2{font-weight:800;font-size:27px;line-height:1.6;text-shadow:0 2px 12px #0008}
.slide p{font-size:13px;opacity:.88;margin:6px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:92%}
.slide .meta{display:flex;align-items:center;gap:18px;font-size:12px;opacity:.95}
.slide .more{background:var(--red);padding:6px 18px;border-radius:9px;font-family:var(--fh);font-weight:700;font-size:13px;transition:.2s}.slide:hover .more{background:#fff;color:var(--red)}
.meta svg{width:14px;vertical-align:-3px;margin-inline-end:4px}
.arrow{position:absolute;z-index:3;top:calc(50% - 20px);width:38px;height:38px;border-radius:50%;background:#fffe;color:#111;display:grid;place-items:center;box-shadow:0 4px 14px #0006;transition:.2s}.arrow:hover{background:var(--red);color:#fff;transform:scale(1.1)}
.arrow svg{width:16px}.arrow.r{right:14px}.arrow.l{left:14px}
.dots{position:absolute;z-index:3;left:22px;bottom:26px;display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:7px;background:#fff7;cursor:pointer;transition:.3s}.dots i.on{background:var(--red);width:22px}
.row4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.row4 .tile{height:112px}
/* live sidebar */
.live{overflow:hidden}
.live-h{background:linear-gradient(90deg,#c9111f,var(--red));color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-family:var(--fh);font-weight:800;font-size:16px}
.live-h button{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff2}.live-h svg{width:15px;stroke:#fff}
.live-h button.spin svg{animation:spin .7s}@keyframes spin{to{transform:rotate(360deg)}}
.tabs{display:flex;gap:6px;padding:12px 12px 6px}
.tabs button{flex:1;font-family:var(--fh);font-size:12.5px;font-weight:600;padding:5px 0;border-radius:9px;color:var(--mut);transition:.2s}
.tabs button.on{background:var(--red);color:#fff;box-shadow:0 5px 12px -4px #e11d2e99}
.tl{padding:6px 16px 4px 12px}
.tl li{position:relative;padding:9px 18px 9px 0;font-size:12.5px;line-height:1.85;min-height:66px}
.tl li::before{content:"";position:absolute;right:3px;top:0;bottom:0;width:1px;background:#f3b5ba}
.tl li::after{content:"";position:absolute;right:0;top:18px;width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 0 3px var(--red-s)}
.tl li:last-child::before{bottom:auto;height:20px}
.tl time{display:block;color:var(--red);font-size:11px;font-weight:700;font-family:var(--fh)}
.tl a{display:block;font-weight:500}.tl a:hover{color:var(--red)}
.tl li.new{animation:flash 3s}@keyframes flash{from{background:#e11d2e30}to{background:transparent}}
.btn-o{display:block;margin:10px 14px 14px;border:1.5px solid var(--red);color:var(--red);text-align:center;border-radius:10px;padding:5px;font-family:var(--fh);font-weight:700;font-size:13px;transition:.2s}.btn-o:hover{background:var(--red);color:#fff}
.fin{padding:14px;margin-top:14px}
.fin h3{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:800;margin-bottom:4px}.fin h3 svg{width:18px;color:var(--red)}
.fin .tabs{padding:8px 0 4px}.fin .tabs button{background:var(--bg)}.fin .tabs button.on{background:var(--red)}
.fin-big{display:flex;align-items:baseline;gap:7px;margin-top:12px}.fin-big b{font-family:var(--fh);font-size:32px;font-weight:900;letter-spacing:.3px;line-height:1.2}.fin-big small{color:var(--mut);font-size:11px}.fin-big em{font-style:normal;font-weight:700;margin-inline-start:auto;font-size:12px;direction:ltr}
.spark{width:100%;height:64px;margin:4px 0 6px;overflow:visible}
.spark .a{stroke:none}
.ftb{width:100%;border-collapse:collapse;font-size:12.5px}.ftb td{padding:7px 2px;border-bottom:1px solid var(--line)}.ftb tr:last-child td{border:0}.ftb td:nth-child(2){font-family:var(--fh);font-weight:700;text-align:left}.ftb td:last-child{color:var(--tx2)}
.cx{display:inline-block;direction:ltr;font-weight:700;font-size:11.5px}

/* sections */
.sec{margin-top:22px}
.sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.sec-h h2,.sec-h h3{font-size:18px;font-weight:800;display:flex;align-items:center;gap:9px}
.sec-h h2::before,.sec-h h3::before{content:"";width:5px;height:22px;background:var(--red);border-radius:5px}
.sec-h a{color:var(--red);font-family:var(--fh);font-weight:700;font-size:13px}.sec-h a:hover{text-decoration:underline}
.bottom{display:grid;grid-template-columns:288px minmax(0,1fr) 276px;gap:16px;margin-top:20px;align-items:stretch}
.panel{padding:14px 16px}
.panel-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.panel-h h3{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:800}.panel-h h3 svg{width:17px;color:var(--red)}
.panel-h a{color:var(--red);font-size:12px;font-family:var(--fh);font-weight:700}
.vdot{width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px var(--red-s)}
.vids{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 12px}
.vid{display:block}
.vid .wrapth{position:relative;height:118px;border-radius:11px;overflow:hidden}
.vid .th{position:absolute;inset:0}
.vid .wrapth::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 60%)}
.vid .pl{position:absolute;z-index:2;inset:0;margin:auto;width:38px;height:38px;border-radius:50%;background:#0008;border:2px solid #fff;display:grid;place-items:center;backdrop-filter:blur(4px);transition:.25s}
.vid:hover .pl{background:var(--red);border-color:var(--red);transform:scale(1.12)}
.vid .pl::before{content:"";border:6px solid transparent;border-right:0;border-left:10px solid #fff;margin-right:-3px}
.vid p{font-family:var(--fh);font-size:13px;font-weight:600;margin-top:8px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vid:hover p{color:var(--red)}
.notes li{display:flex;gap:11px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.notes li:last-child{border:0}
.av{flex:none;width:40px;height:40px;border-radius:50%;background:var(--red-s) center/cover;color:var(--red);display:grid;place-items:center;font-family:var(--fh);font-weight:800;font-size:15px;border:2px solid var(--card);box-shadow:0 0 0 1.5px var(--red-s)}
.notes a{font-family:var(--fh);font-size:13px;font-weight:600;line-height:1.75;display:block}.notes a:hover{color:var(--red)}.notes small{display:block;color:var(--mut);font-size:11px}
.top li{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-family:var(--fh);font-size:13px;line-height:1.7;font-weight:600}.top li:last-child{border:0}
.top li:hover a{color:var(--red)}
.top .n{flex:none;width:24px;height:24px;border-radius:7px;background:var(--red-s);color:var(--red);font-size:12px;font-weight:800;display:grid;place-items:center}.top li:first-child .n{background:var(--red);color:#fff}
.top .im{flex:none;width:46px;height:40px;border-radius:8px;background:#333 center/cover}
.blocks{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}
.blk{padding:16px}
.blk-big{display:block;margin-bottom:8px}.blk-big .tile{height:170px}
.blk ul li{padding:8px 0;border-bottom:1px dashed var(--line);font-family:var(--fh);font-weight:600;font-size:13.5px;line-height:1.75;display:flex;gap:9px}.blk ul li:last-child{border:0}.blk ul li::before{content:"";flex:none;margin-top:9px;width:6px;height:6px;border-radius:2px;background:var(--red)}.blk ul li:hover{color:var(--red)}

/* list/cards */
.page-h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 16px;padding:22px 26px;border-radius:var(--r);background:linear-gradient(120deg,#14161b,#2a0d11);color:#fff;position:relative;overflow:hidden}
.page-h::after{content:"";position:absolute;left:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(#e11d2e88,transparent 70%)}
.page-h h1{font-size:28px;font-weight:900;position:relative;z-index:1}.page-h small{opacity:.7;position:relative;z-index:1;font-size:13px}
.crumb{font-size:12px;color:var(--mut);margin:18px 0 6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.crumb a:hover{color:var(--red)}
.two{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.card .imw{position:relative;overflow:hidden;height:160px;background:#2a2d34}
.card .im{position:absolute;inset:0}
.card .imw .tag{top:10px;left:10px}
.card .bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{font-size:15px;font-weight:700;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card:hover h3{color:var(--red)}
.card p{font-size:12.5px;color:var(--mut);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.85}
.card small{margin-top:auto;color:var(--mut);font-size:11.5px;display:flex;gap:12px}
.card.feat{grid-column:span 3;flex-direction:row;height:290px}.card.feat .imw{height:auto;flex:1.25}.card.feat h3{font-size:24px;font-weight:800;-webkit-line-clamp:4}.card.feat .bd{flex:1;padding:22px 24px;justify-content:center}.card.feat p{font-size:13.5px;-webkit-line-clamp:4}
.card.noimg .imw{display:none}
.more-btn{display:block;margin:22px auto 8px;background:var(--red);color:#fff;padding:11px 40px;border-radius:12px;font-family:var(--fh);font-weight:800;font-size:15px;box-shadow:0 10px 22px -8px #e11d2eaa;transition:.2s}.more-btn:hover{transform:translateY(-2px)}.more-btn:disabled{opacity:.6}
.empty{padding:50px;text-align:center;color:var(--mut)}
/* article */
.art{padding:26px 32px 30px}
.art .chip{display:inline-block;background:var(--red-s);color:var(--red);font-family:var(--fh);font-weight:800;font-size:12.5px;padding:2px 14px;border-radius:8px}
.art h1{font-size:32px;font-weight:900;line-height:1.7;margin:10px 0}
.art .lead{font-size:15.5px;color:var(--tx2);border-right:4px solid var(--red);padding:2px 14px;margin:12px 0 16px;line-height:2.1}
.art .meta{display:flex;flex-wrap:wrap;gap:20px;color:var(--mut);font-size:12.5px;padding:10px 0;border-block:1px solid var(--line);margin-bottom:18px}
.art .meta svg{width:15px;vertical-align:-3px;margin-inline-end:5px}
.art .hero{width:100%;max-height:480px;object-fit:cover;border-radius:var(--r);margin-bottom:20px;background:#2a2d34;aspect-ratio:16/9}
.art .txt p{font-size:16px;line-height:2.4;margin-bottom:16px;color:var(--tx)}
.share{display:flex;align-items:center;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);flex-wrap:wrap}
.share b{font-family:var(--fh);margin-inline-end:6px}
.share a,.share button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:10px;background:var(--bg);font-size:12.5px;font-family:var(--fh);font-weight:600;transition:.2s}.share a:hover,.share button:hover{background:var(--red);color:#fff}
.side-list li{display:flex;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)}.side-list li:last-child{border:0}
.side-list .th{flex:none;width:76px;height:60px;border-radius:9px;background:#333 center/cover}
.side-list a{font-family:var(--fh);font-weight:600;font-size:13px;line-height:1.75;display:block}.side-list a:hover{color:var(--red)}.side-list small{color:var(--mut);font-size:11px}
.sticky{position:sticky;top:64px}
.skel{background:linear-gradient(90deg,var(--line),var(--bg),var(--line));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:12px}@keyframes sk{to{background-position:-200% 0}}
/* live page, markets page */
.livepage .tl li{min-height:0;padding:14px 22px 14px 0;font-size:15px}.livepage .tl a{font-family:var(--fh);font-weight:600}.livepage .tl p{font-size:12.5px;color:var(--mut);margin-top:2px}
.mkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.mk{padding:16px}.mk h4{font-size:14px;color:var(--tx2)}.mk b{font-family:var(--fh);font-size:26px;font-weight:900;display:block;line-height:1.4}.mk small{color:var(--mut)}
.prose{padding:30px 34px;max-width:860px;margin:22px auto}.prose h1{font-size:28px;margin-bottom:14px}.prose p{font-size:15px;line-height:2.3;margin-bottom:12px}
/* footer */
.foot{margin-top:40px;background:#0f1115;color:#aab0bb}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;padding:38px 0 26px}
.foot-brand{font-family:var(--fh);font-weight:900;font-size:30px;color:#fff;margin-bottom:6px}
.foot h4{color:#fff;font-size:15px;margin-bottom:10px;font-weight:800}.foot li{padding:3px 0}.foot li a:hover{color:var(--red)}
.foot-bot{border-top:1px solid #23262d;padding:16px 0;font-size:12px}
#totop{position:fixed;left:20px;bottom:20px;width:46px;height:46px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -6px #e11d2e99;z-index:100;transition:.2s}#totop[hidden]{display:none}#totop:hover{transform:translateY(-3px)}#totop svg{width:20px}
#toast{position:fixed;bottom:26px;right:50%;transform:translateX(50%) translateY(30px);background:#14161b;color:#fff;padding:10px 22px;border-radius:12px;opacity:0;transition:.3s;z-index:400;pointer-events:none}#toast.on{opacity:1;transform:translateX(50%)}
.fadein{animation:fi .45s both}@keyframes fi{from{opacity:0;transform:translateY(8px)}}

@media(max-width:1180px){.grid{grid-template-columns:minmax(0,1fr) 270px;grid-template-rows:none}.grid>.side3,.grid>.center,.grid>.asd,.grid>.latest{grid-column:auto;grid-row:auto}.grid>.side3{grid-column:1/-1;grid-template-columns:repeat(3,1fr);grid-template-rows:none;order:3;height:auto}.grid>.latest{grid-column:1/-1;order:4}.cards.c4{grid-template-columns:repeat(3,1fr)}.side3 .tile{height:150px}.bottom{grid-template-columns:1fr 1fr}.bottom .wide{grid-column:1/-1;order:-1}.two{grid-template-columns:1fr}.sticky{position:static}.center{order:1}.grid>aside:not(.side3){order:2}}
@media(max-width:820px){
 .grid,.bottom,.blocks{grid-template-columns:1fr}.side3{grid-template-columns:1fr 1fr 1fr}
 .head .wrap{height:70px}.burger{display:grid}.soc,.brand-tag,.tb-l,#btn-bell,.allcats{display:none}.brand-fa{font-size:30px}.brand-icon{width:24px;height:52px}
 .tickers .tk:nth-child(n+3){display:none}.slider{height:300px}.slide h2{font-size:19px}.slide .in{padding:0 18px 20px}.slide p,.dots{display:none}.arrow{display:none}
 .row4,.vids{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.card.feat{grid-column:span 2;flex-direction:column;height:auto}.card.feat .imw{height:200px;flex:none}.card.feat h3{font-size:19px}
 .art{padding:18px}.art h1{font-size:23px}.art .txt p{font-size:15px}.foot-grid{grid-template-columns:1fr 1fr}.page-h h1{font-size:22px}.nav .wrap{height:44px}.nav li a{line-height:44px;font-size:13px}}
@media(max-width:520px){.side3{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.card.feat{grid-column:span 1}.wrap{padding:0 12px}.breaking .b-label span{display:none}.tb-r .live-btn{padding:0 12px}}

.cards.mini .card .imw{height:110px}.cards.mini .card h3{font-size:13.5px;-webkit-line-clamp:2}.cards.mini .card p{display:none}

@media(max-width:820px){
 .grid>.asd{grid-column:1;order:2}.grid>.center{grid-column:1;order:1}.grid>.side3{grid-column:1;order:3;grid-template-columns:1fr 1fr 1fr}.grid>.latest{order:4}
 .cards.c4{grid-template-columns:1fr 1fr}.vids{grid-template-columns:1fr 1fr}.bottom .wide{order:-1}
 .topbar .wrap{height:38px;padding:0}.tb-r{overflow:hidden}.live-btn{padding:0 12px;font-size:12px;flex:none}.tk{padding:0 12px}.tickers .tk:nth-child(n+3){display:flex}
 .breaking{height:38px;margin:12px 0}.b-label{padding:0 12px}.slider{height:260px}.row4 .tile{height:96px}
 .nav .wrap{padding:0 6px}.sec-h h2{font-size:16px}.tl li{font-size:13px}.fin-big b{font-size:28px}}
@media(max-width:520px){.grid>.side3{grid-template-columns:1fr 1fr}.grid>.side3 .tile:last-child{grid-column:1/-1}.grid>.side3 .tile{height:130px}.cards.c4 .card .imw{height:100px}.vid .wrapth{height:100px}.panel{padding:12px}}
@media(max-width:820px){.slide .meta{gap:10px;font-size:11px;flex-wrap:nowrap}.slide .meta span{white-space:nowrap}.slide .more{padding:4px 12px;font-size:12px}.slide .meta span:nth-child(3){display:none}.slide h2{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}

/* ───── v3: نوار قیمت چرخان، لوگو، شبکه‌ها ───── */
.live-btn{white-space:nowrap;flex:none}
.tb-r{gap:0}
.tickers{position:relative;flex:1;min-width:0;overflow:hidden}
.tkg{display:none;align-items:stretch;animation:tkin .5s both}.tkg.on{display:flex}
@keyframes tkin{from{opacity:0;transform:translateY(10px)}}
.brand{flex-direction:row}.brand-main{flex-direction:row}
.brand-icon{order:0}.brand-text{order:0}
.tools{gap:8px}.tools .soc{margin:0 4px}.soc a{width:32px;height:32px;background:var(--bg)}
:root[data-theme=dark] .soc a{background:#ffffff0f}
/* خودرو */
.carsw .brands{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.brand-b{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 5px;border-radius:12px;border:1.5px solid transparent;min-width:54px;transition:.15s}
.brand-b small{font-size:10px;color:var(--mut);font-family:var(--fh);line-height:1.3}.brand-b:hover{background:var(--bg)}.brand-b.on{border-color:var(--red);background:var(--red-s)}.brand-b.on small{color:var(--red)}
.bdg{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff5,transparent 55%),var(--c);color:#fff;display:grid;place-items:center;font-family:var(--fh);font-weight:900;font-size:10.5px;letter-spacing:.3px;box-shadow:0 4px 10px -3px var(--c),inset 0 0 0 2px #ffffff40;direction:ltr}
.carlist{max-height:300px;overflow:auto;scrollbar-width:thin}.carsw.page .carlist{max-height:none}
.ch,.cr{display:grid;grid-template-columns:1.5fr 1fr auto;gap:8px;align-items:center;padding:7px 4px;font-size:12px}.carsw.page .ch,.carsw.page .cr{grid-template-columns:1.6fr 1fr 1fr 90px;font-size:13.5px}
.ch{color:var(--mut);font-size:11px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card)}.cr{border-bottom:1px solid var(--line)}.cr:last-child{border:0}.cr .cn{font-family:var(--fh);font-weight:600}.cr b{font-family:var(--fh);font-weight:800}
/* هواشناسی */
.wx{padding:14px;margin-top:14px}.wx-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.wx-h h3{display:flex;gap:7px;align-items:center;font-size:16px;font-weight:800}.wx-h svg{color:var(--red)}
.wx select,.wxbig select{width:auto;border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:3px 8px;font-family:var(--fh);font-size:12.5px;color:var(--tx)}
.wx-now{display:flex;align-items:center;gap:12px;padding:6px 0 10px}.wx-now>div{display:flex;flex-direction:column;line-height:1.3}.wx-now b{font-family:var(--fh);font-size:34px;font-weight:900}.wx-now span{color:var(--mut)}.wx-now ul{margin-inline-start:auto;font-size:11.5px;color:var(--tx2);line-height:1.9}
.wi{fill:none;stroke:var(--red);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.wi-sun,.wi-partly{stroke:#f59e0b}.wi-rain,.wi-storm,.wi-snow{stroke:#3b82f6}.wi-cloud,.wi-fog{stroke:#64748b}
.wx-days{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}.wx-days>div{background:var(--bg);border-radius:10px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;font-size:11.5px;line-height:1.5}.wx-days small{color:var(--mut)}.wx-days i{font-style:normal;color:var(--mut)}
.wxbig{padding:24px;margin-bottom:16px}.wxb-top{display:flex;gap:30px;flex-wrap:wrap;align-items:center;justify-content:space-between}.wxb-temp{display:flex;align-items:center;gap:16px;margin-top:10px}.wxb-temp b{font-family:var(--fh);font-size:64px;font-weight:900;line-height:1}.wxb-temp span{display:block;color:var(--mut);font-size:15px}
.wxb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wxb-grid>div{background:var(--bg);border-radius:12px;padding:12px 18px}.wxb-grid small{display:block;color:var(--mut)}.wxb-grid b{font-family:var(--fh);font-size:18px}
.wxb-days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:20px}.wxb-days>div{border:1px solid var(--line);border-radius:14px;padding:12px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;transition:.2s}.wxb-days>div:hover{border-color:var(--red);transform:translateY(-3px)}.wxb-days b{font-family:var(--fh)}.wxb-days small{color:var(--mut);font-size:11px}.wxb-days em{font-style:normal;font-family:var(--fh);font-weight:800}.wxb-days i{font-style:normal;color:var(--mut);font-weight:400}
label.sel{display:inline-flex;align-items:center;gap:8px;color:var(--mut)}
/* نمودار */
.finsec-g{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;align-items:start}
.chart-c{padding:16px}.chart-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.seg{display:inline-flex;background:var(--bg);border-radius:11px;padding:3px}.seg button{padding:3px 14px;border-radius:9px;font-family:var(--fh);font-weight:700;font-size:12.5px;color:var(--mut);transition:.15s}.seg button.on{background:var(--red);color:#fff;box-shadow:0 4px 10px -3px #e11d2e99}
.chart-top{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.chart-top b{font-family:var(--fh);font-size:30px;font-weight:900}.chart-top small{color:var(--mut);margin-inline-start:auto}
.chart-w{position:relative;margin-top:8px;color:var(--tx)}#chsvg{width:100%;height:280px;display:block;touch-action:pan-y}
.cht{position:absolute;top:0;transform:translateX(-50%);background:#14161b;color:#fff;padding:3px 12px;border-radius:10px;pointer-events:none;text-align:center;font-size:12px;white-space:nowrap}.cht small{display:block;opacity:.7;font-size:10.5px}
@media(max-width:1180px){.finsec-g{grid-template-columns:1fr}.wxb-days{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.tools .soc{display:none}.live-btn{font-size:12px}.wxb-grid{grid-template-columns:1fr 1fr}.wxb-days{grid-template-columns:repeat(2,1fr)}.wxb-temp b{font-size:48px}.carsw.page .ch,.carsw.page .cr{grid-template-columns:1.4fr 1fr 70px}.carsw.page .ch span:nth-child(3),.carsw.page .cr span:nth-child(3){display:none}.tkg .tk{padding:0 10px}.chart-top b{font-size:24px}#chsvg{height:220px}}

/* ───── v4 ───── */
.catbtns{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.catbtns button{height:46px;border-radius:12px;background:linear-gradient(180deg,#ee2b3c,#c9111f);color:#fff;font-family:var(--fh);font-weight:800;font-size:15.5px;box-shadow:0 8px 16px -8px #e11d2eaa;transition:.18s;position:relative;overflow:hidden}
.catbtns button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.catbtns button.on{background:#14161b;box-shadow:0 8px 16px -8px #000a}.catbtns button.on::after{content:"";position:absolute;right:0;left:0;bottom:0;height:4px;background:var(--red)}
.rfb{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--red-s);color:var(--red);margin-inline-start:auto;transition:.2s}.rfb svg{width:15px}.rfb:hover{background:var(--red);color:#fff}.rfb.spin svg{animation:spin .8s linear infinite}
.fin h3{width:100%}.rfb.txt{width:auto;height:auto;border-radius:999px;padding:3px 14px;gap:6px;display:inline-flex;align-items:center;font-family:var(--fh);font-weight:700;font-size:12.5px;margin:0}
.sec-act{display:flex;align-items:center;gap:14px}
@media(max-width:820px){.catbtns button{height:42px;font-size:14px}.catbtns{gap:6px}.rfb.txt span{display:none}.rfb.txt{padding:6px}}
[hidden]{display:none!important}

/* ───── فایل سردبیر ───── */
.editor{margin-top:12px;background:linear-gradient(135deg,#fff,#fff6f6);border:2px solid var(--red);border-radius:16px;padding:14px;position:relative;box-shadow:0 12px 28px -14px #e11d2e88}
:root[data-theme=dark] .editor{background:linear-gradient(135deg,#1b1d22,#241417)}
.ed-tag{position:absolute;top:-13px;right:18px;background:var(--red);color:#fff;font-family:var(--fh);font-weight:900;font-size:13.5px;padding:2px 16px 2px 12px;border-radius:999px;display:flex;align-items:center;gap:6px;box-shadow:0 6px 14px -4px #e11d2eaa}.ed-tag svg{width:15px}
.ed-list{display:grid;gap:12px;margin-top:6px}
.ed-item{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:stretch}
.ed-img{border-radius:12px;background:#2a2d34 center/cover;min-height:150px;transition:transform .5s}.ed-item:hover .ed-img{transform:scale(1.02)}
.ed-body{display:flex;flex-direction:column;gap:3px;justify-content:center}.ed-body small{color:var(--red);font-family:var(--fh);font-weight:700}
.ed-body h3{font-size:21px;font-weight:900;line-height:1.7}.ed-item:hover h3{color:var(--red)}
.ed-body p{color:var(--tx2);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ed-more{font-family:var(--fh);font-weight:800;color:var(--red);font-size:13.5px}
.chip.ed{background:var(--red);color:#fff;margin-inline-start:6px}
@media(max-width:820px){.ed-item{grid-template-columns:1fr}.ed-img{min-height:170px}.ed-body h3{font-size:18px}}

.catbtns a{height:46px;border-radius:12px;background:linear-gradient(180deg,#ee2b3c,#c9111f);color:#fff;font-family:var(--fh);font-weight:800;font-size:15.5px;box-shadow:0 8px 16px -8px #e11d2eaa;transition:.18s;display:grid;place-items:center}
.catbtns a:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:820px){.catbtns a{height:42px;font-size:14px}}
.fin-name{font-family:var(--fh);font-weight:700;font-size:13.5px;color:var(--tx2);margin-top:12px}.fin-name+.fin-big{margin-top:0}
.ftb tr[data-fk]{cursor:pointer;transition:background .15s}.ftb tr[data-fk]:hover td{background:var(--bg)}.ftb tr.sel td{background:var(--red-s)}
.bdg.logo{background:#fff;box-shadow:0 2px 8px -2px #0003,inset 0 0 0 1px var(--line);padding:5px;width:42px;height:42px}.bdg.logo img{width:100%;height:100%;object-fit:contain}

/* ───── لوگوی رسمی + دکمه‌های اسلایدر ───── */
.brand{gap:14px}
.brand-img{height:66px;width:auto;border-radius:14px;display:block;box-shadow:0 8px 20px -8px #000a;background:#05060b}
@media(max-width:820px){.brand-img{height:48px;border-radius:11px}}
.arrow{width:46px;height:46px;top:calc(50% - 23px);background:rgba(20,22,27,.55);color:#fff;border:1.5px solid #ffffff55;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 24px -8px #000c;transition:.22s cubic-bezier(.2,.8,.2,1);opacity:.92}
.arrow svg{width:20px;stroke-width:2.4}
.arrow:hover{background:var(--red);border-color:var(--red);transform:scale(1.12);opacity:1;box-shadow:0 12px 26px -8px #e11d2ecc}
.arrow:active{transform:scale(.96)}
.arrow.r{right:16px}.arrow.l{left:16px}
@media(max-width:820px){.arrow{display:grid!important;width:38px;height:38px;top:calc(50% - 19px)}.arrow svg{width:17px}.arrow.r{right:8px}.arrow.l{left:8px}}

.brand-img{background:none!important;box-shadow:none!important;border-radius:0!important;height:70px;width:auto}
@media(max-width:820px){.brand-img{height:50px}}

/* ───── حلقه‌ی خبر مهم / فایل سردبیر ───── */
.editor{padding:16px 16px 26px}
.ed-list{display:block;position:relative}
.ed-item{display:none!important;animation:edin .5s both}.ed-item.on{display:grid!important}
@keyframes edin{from{opacity:0;transform:translateX(-14px)}}
.ed-lab{align-self:flex-start;background:var(--bg);color:var(--tx2);font-family:var(--fh);font-weight:800;font-size:11.5px;padding:0 10px;border-radius:7px}.ed-lab.ex{background:var(--red);color:#fff}
.ed-arrow{top:calc(50% - 8px);width:38px;height:38px;background:rgba(20,22,27,.62)}.ed-arrow svg{width:17px}.ed-arrow.r{right:-8px}.ed-arrow.l{left:-8px}
.ed-dots{position:absolute;right:0;left:0;bottom:8px;display:flex;justify-content:center;gap:6px}.ed-dots i{width:7px;height:7px;border-radius:7px;background:#c9ccd3;cursor:pointer;transition:.3s}.ed-dots i.on{background:var(--red);width:22px}
@media(max-width:820px){.ed-arrow.r{right:2px}.ed-arrow.l{left:2px}.ed-arrow{top:90px}}
.editor{overflow:visible}
.ed-arrow.r{right:10px}.ed-arrow.l{left:10px}
.ed-item{padding-inline:34px}
@media(max-width:820px){.ed-arrow.r{right:6px}.ed-arrow.l{left:6px}.ed-item{padding-inline:6px}}