﻿/* انیمیشن ورود/خروج متن‌های تبلیغ (متن اصلی ← دوم ← سوم) و سایه‌ی دور متن */
.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}
