:root{--mk-orange:#ff7a00;--mk-orange-2:#ffa24a;--mk-navy:#0f1d3a;--mk-navy-2:#1b2f5c;--accent:#ff7a00;--accent-2:#ffa24a;--dark:#0f1d3a;--dark-2:#1b2f5c;}
body > .topbar{background:linear-gradient(120deg,var(--mk-navy),var(--mk-navy-2))!important}
.sidebar{background:linear-gradient(180deg,var(--mk-navy),var(--mk-navy-2))!important}
.btn:not([class*="btn-"]),.action-primary{background:linear-gradient(135deg,var(--mk-orange),var(--mk-orange-2))}

/* ===== انیمیشن و ظاهر تبلیغات ===== */
.mk-ad-wrap{position:relative;display:block;overflow:hidden}
.mk-ad-over{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;text-align:center;
  pointer-events:none;font-family:inherit;line-height:1.5}
.mk-ad-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.mk-ad-h{font-weight:900;font-size:clamp(15px,2.4vw,26px);text-shadow:0 2px 8px rgba(0,0,0,.35)}
.mk-ad-s{font-weight:600;font-size:clamp(11px,1.6vw,15px);opacity:.92}
.mk-ad-dec{font-size:clamp(28px,5vw,54px);line-height:1;flex:0 0 auto}
.mk-ad-dec img{width:clamp(40px,7vw,78px);height:auto;display:block}
.mk-ad-cd{position:absolute;bottom:8px;right:8px;left:8px;display:flex;justify-content:center;pointer-events:none;z-index:3}
.mk-ad-cd .mk-cd{background:rgba(15,29,58,.88);color:#fff;border-color:rgba(255,255,255,.25);backdrop-filter:blur(3px)}
.mk-ad-cd .mk-cd .mk-cd-l{color:#ffd9b3}.mk-ad-cd .mk-cd .mk-cd-t{color:#fff}
.home-ad-column .vertical-ad-card{background:linear-gradient(135deg,#0f1d3a,#1b2f5c 60%,#2d4a85);border:0;box-shadow:0 10px 26px rgba(15,29,58,.25);border-radius:18px}
.home-ad-column .vertical-ad-caption{background:transparent}
.home-ad-column .vertical-ad-title{color:#fff!important}
.home-ad-column .vertical-ad-text{color:#c6cfe0!important}
.home-ad-column .vertical-ad-card::before{content:"📣 تبلیغ ویژه";position:absolute;top:10px;right:10px;z-index:4;background:#ff7a00;color:#fff;
  font:800 11px Vazirmatn,Tahoma,sans-serif;padding:2px 10px;border-radius:999px;animation:mkSoft 1.3s ease-in-out infinite}
.home-ad-column .vertical-ad-card{position:relative}
.mk-ad-blink img,.mk-ad-blink .mk-ad-over{animation:mkBlink 1s steps(2,start) infinite}
.mk-ad-pulse{animation:mkPulse 1.6s ease-in-out infinite}
.mk-ad-glow{animation:mkGlow 1.8s ease-in-out infinite}
.mk-ad-float{animation:mkFloat 2.6s ease-in-out infinite}
.mk-ad-shake{animation:mkShake 2.8s ease-in-out infinite}
.mk-ad-gradient img{animation:mkHue 6s linear infinite}
.mk-ad-shine .mk-ad-wrap::after,.mk-ad.mk-ad-shine::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:mkShine 2.8s ease-in-out infinite;pointer-events:none}
.mk-ad-blink .mk-ad-dec,.mk-ad-pulse .mk-ad-dec{animation:mkPulse 1.2s ease-in-out infinite}
@keyframes mkBlink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes mkPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes mkGlow{0%,100%{box-shadow:0 0 0 rgba(255,122,0,0)}50%{box-shadow:0 0 22px rgba(255,122,0,.75)}}
@keyframes mkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes mkShake{0%,88%,100%{transform:translateX(0)}90%{transform:translateX(-4px)}94%{transform:translateX(4px)}98%{transform:translateX(-2px)}}
@keyframes mkHue{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(360deg)}}
@keyframes mkShine{0%{left:-60%}60%,100%{left:130%}}
@keyframes mkSoft{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes mkEdge{0%,100%{box-shadow:0 4px 12px rgba(245,158,11,.07)}50%{box-shadow:0 0 18px rgba(245,158,11,.55)}}
/* جایگاه‌های خالی تبلیغاتی هم زنده باشند */
.vertical-ad-placeholder,.bottom-ad-box:not(.bottom-ad-real){position:relative;overflow:hidden;animation:mkEdge 2.4s ease-in-out infinite}
.vertical-ad-placeholder::after,.bottom-ad-box:not(.bottom-ad-real)::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);animation:mkShine 3.4s ease-in-out infinite;pointer-events:none}
.vertical-ad-placeholder-label,.bottom-ad-label{animation:mkSoft 1.3s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){
  .mk-ad *,.mk-ad,.vertical-ad-placeholder,.bottom-ad-box,.vertical-ad-placeholder-label,.bottom-ad-label{animation:none!important}
}

/* انیمیشن ورود/خروج متن‌های تبلیغ (متن اصلی ← دوم ← سوم) و سایه‌ی دور متن */
.mk-cyc{display:grid}
.mk-cyc>.mk-t{grid-area:1/1;opacity:0;visibility:hidden;display:block}
.mk-cyc>.mk-t.on{opacity:1;visibility:visible}
.mk-cyc>.mk-t.out{visibility:visible;animation:mkTOut .45s ease both}
.mk-ta-fade .mk-t.on{animation:mkTFade .8s ease both}
.mk-ta-up .mk-t.on{animation:mkTUp .7s cubic-bezier(.2,.8,.2,1) both}
.mk-ta-down .mk-t.on{animation:mkTDown .7s cubic-bezier(.2,.8,.2,1) both}
.mk-ta-left .mk-t.on{animation:mkTLeft .7s cubic-bezier(.2,.8,.2,1) both}
.mk-ta-right .mk-t.on{animation:mkTRight .7s cubic-bezier(.2,.8,.2,1) both}
.mk-ta-zoom .mk-t.on{animation:mkTZoom .65s cubic-bezier(.2,.9,.3,1.2) both}
.mk-ta-bounce .mk-t.on{animation:mkTBounce .9s ease both}
.mk-ta-flip .mk-t.on{animation:mkTFlip .7s ease both;transform-origin:50% 50%}
.mk-ta-flip{perspective:600px}
.mk-ta-none .mk-t.out{animation:none;visibility:hidden}
@keyframes mkTFade{from{opacity:0}to{opacity:1}}
@keyframes mkTUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes mkTDown{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:none}}
@keyframes mkTLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes mkTRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes mkTZoom{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}
@keyframes mkTBounce{0%{opacity:0;transform:translateY(-30px)}55%{opacity:1;transform:translateY(8px)}75%{transform:translateY(-4px)}100%{transform:none}}
@keyframes mkTFlip{from{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:none}}
@keyframes mkTOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px) scale(.96)}}
.mk-sh-none .mk-t,.mk-sh-none small{text-shadow:none}
.mk-sh-soft .mk-t,.mk-sh-soft small{text-shadow:0 2px 8px rgba(0,0,0,.35)}
.mk-sh-strong .mk-t,.mk-sh-strong small{text-shadow:0 2px 0 rgba(0,0,0,.6),0 6px 14px rgba(0,0,0,.55)}
.mk-sh-glow .mk-t,.mk-sh-glow small{text-shadow:0 0 6px currentColor,0 0 18px currentColor}
.mk-sh-neon .mk-t,.mk-sh-neon small{text-shadow:0 0 4px #fff,0 0 12px #ff7a00,0 0 28px #ff7a00}
.mk-sh-outline .mk-t,.mk-sh-outline small{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 3px 8px rgba(0,0,0,.4)}
@media (prefers-reduced-motion:reduce){.mk-cyc>.mk-t,.mk-cyc>.mk-t.on,.mk-cyc>.mk-t.out{animation:none!important}}

/* نمایش متن روی باکس تبلیغ: اندازه‌ی متن با عرض خودِ باکس تنظیم می‌شود (هم در سایت، هم در پیش‌نمایش پنل) */
.nh-ad,.mkpv{container-type:inline-size}
.nh-ad .mk-ad-wrap,.mkpv{position:relative;overflow:hidden}
.nh-ad .mk-ad-over,.mkpv .mk-ad-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 14px;text-align:center;line-height:1.5}
.nh-ad .mk-ad-dec,.mkpv .mk-ad-dec{font-size:clamp(26px,13cqw,42px);line-height:1;flex:0 0 auto}
.nh-ad .mk-ad-dec img,.mkpv .mk-ad-dec img{width:clamp(34px,15cqw,52px);height:auto;display:block}
.nh-ad .mk-ad-txt,.mkpv .mk-ad-txt{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:100%}
.nh-ad .mk-ad-h,.mkpv .mk-ad-h{font-weight:900;font-size:clamp(13px,6.6cqw,20px);line-height:1.5;overflow-wrap:anywhere;white-space:normal}
.nh-ad .mk-ad-s,.mkpv .mk-ad-s{font-weight:600;font-size:clamp(10px,4cqw,13px);opacity:.92;white-space:normal}
.mkpv{margin:0 auto 12px;border-radius:14px;direction:rtl}