/* v34i - moi ngay 1 dieu thu vi ve meo (trang chu) */
.mk-fact{margin:22px 0 4px}
.mk-fact .mk-fact-card{max-width:1216px;margin:0 auto}
.mk-fact .mk-fact-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:20px 26px;border-radius:28px;background:linear-gradient(120deg,rgba(255,255,255,.82),rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1.5px 0 #fff,0 24px 50px -30px rgba(91,63,214,.55);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);overflow:hidden}
.mk-fact .mk-fact-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 120% at 0% 50%,rgba(155,92,255,.16),transparent 70%),radial-gradient(30% 120% at 100% 50%,rgba(255,79,184,.12),transparent 70%)}
.mk-fact .mk-fact-ic{position:relative;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(42,37,80,.25));animation:mkfbob 3.2s ease-in-out infinite}
@keyframes mkfbob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(4deg)}}
.mk-fact .mk-fact-tx{position:relative;min-width:0}
.mk-fact .mk-fact-eb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-family:"Be Vietnam Pro",sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6D4AE0}
.mk-fact .mk-fact-eb b{padding:3px 10px;border-radius:999px;color:#fff;letter-spacing:.08em;background:linear-gradient(90deg,#9B5CFF,#FF4FB8)}
.mk-fact .mk-fact-eb span{color:#8a84ad;font-weight:600;letter-spacing:.06em}
.mk-fact .mk-fact-q{margin:0;font-family:"Be Vietnam Pro",sans-serif;font-size:18px;line-height:1.5;font-weight:600;color:#2A2550;transition:opacity .3s ease,transform .3s ease}
.mk-fact .mk-fact-q::before,.mk-fact .mk-fact-q::after{font-size:1.5em;line-height:0;vertical-align:-.28em;font-weight:800;background:linear-gradient(90deg,#9B5CFF,#FF4FB8);-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-fact .mk-fact-q::before{content:"\201C";margin-right:3px}
.mk-fact .mk-fact-q::after{content:"\201D";margin-left:3px}
.mk-fact .mk-fact-q.mk-out{opacity:0;transform:translateY(6px)}
.mk-fact .mk-fact-ac{position:relative;display:flex;flex-direction:column;gap:8px}
.mk-fact .mk-fact-ac a,.mk-fact .mk-fact-ac button{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;height:40px;padding:0 18px;border-radius:999px;font-family:"Be Vietnam Pro",sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.mk-fact .mk-fact-ac a{color:#fff;background:linear-gradient(90deg,#7B3FC4,#5B4BE0);box-shadow:0 10px 20px -10px rgba(91,63,214,.8)}
.mk-fact .mk-fact-ac button{color:#5B3FD6;background:rgba(255,255,255,.75);border:1px solid rgba(109,74,224,.25)}
.mk-fact .mk-fact-ac a:hover,.mk-fact .mk-fact-ac button:hover{transform:translateY(-2px)}
@media (max-width:767px){
 .mk-fact{margin:14px 0 0}
 .mk-fact .mk-fact-card{grid-template-columns:auto 1fr;gap:12px 14px;padding:16px;border-radius:22px}
 .mk-fact .mk-fact-ic{width:52px;height:52px;align-self:start}
 .mk-fact .mk-fact-eb{font-size:11px;gap:6px}
 .mk-fact .mk-fact-q{font-size:15px}
 .mk-fact .mk-fact-ac{grid-column:1/-1;flex-direction:row}
 .mk-fact .mk-fact-ac a,.mk-fact .mk-fact-ac button{flex:1 1 0;height:38px;padding:0 10px;font-size:13px}
}