/* v2.5.3 — főoldali toplista- és mikrointerakciós kiegészítések */
.mak-weekly-v23{position:relative;overflow:hidden}
.mak-weekly-v23:after{content:"";position:absolute;inset:auto -12% -65% 35%;height:180px;background:radial-gradient(circle,color-mix(in srgb,var(--mak-accent-2) 12%,transparent),transparent 68%);pointer-events:none;opacity:0;transition:opacity .45s ease}
.mak-weekly-v23.is-inview:after{opacity:1}
.mak-weekly-v23 .mak-weekly-card{isolation:isolate}
.mak-weekly-v23 .mak-weekly-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 0,rgba(255,255,255,.045) 42%,transparent 58%);transform:translateX(-115%);pointer-events:none}
.mak-live-motion-fx .mak-weekly-v23.is-inview .mak-weekly-card:before{animation:makWeeklyScan 1.05s ease-out both}
.mak-live-motion-fx .mak-weekly-v23.is-inview .mak-weekly-card:nth-child(2):before{animation-delay:.08s}
.mak-live-motion-fx .mak-weekly-v23.is-inview .mak-weekly-card:nth-child(3):before{animation-delay:.16s}
.mak-live-motion-fx .mak-weekly-v23.is-inview .mak-weekly-card:nth-child(4):before{animation-delay:.24s}
@keyframes makWeeklyScan{to{transform:translateX(115%)}}
.mak-weekly-rank{position:relative;overflow:visible}
.mak-weekly-move-slot{position:absolute;right:-5px;top:-7px;display:none;align-items:center;justify-content:center;min-width:21px;height:18px;padding:0 5px;border-radius:999px;border:1px solid var(--mak-line);background:var(--mak-surface);font-size:.52rem;font-weight:1000;line-height:1;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.mak-weekly-move-slot:not(:empty){display:inline-flex}
.mak-weekly-move-slot.is-up{color:#47e89a;border-color:rgba(71,232,154,.35);box-shadow:0 0 13px rgba(71,232,154,.15)}
.mak-weekly-move-slot.is-down{color:#ff7790;border-color:rgba(255,119,144,.35)}
.mak-weekly-move-slot.is-flat{color:var(--mak-muted)}
.mak-weekly-move-slot.is-new{color:#ffd66b;border-color:rgba(255,214,107,.35);box-shadow:0 0 13px rgba(255,214,107,.14)}
.mak-weekly-score i{width:0;transition:width .72s cubic-bezier(.2,.8,.2,1)}
.mak-weekly-score i.is-visible{width:var(--mak-score-final,0%)}
.mak-stat-flash{animation:makStatFlash .62s ease-out}
@keyframes makStatFlash{0%{text-shadow:0 0 0 transparent;transform:scale(1)}38%{text-shadow:0 0 15px color-mix(in srgb,var(--mak-accent-2) 55%,transparent);transform:scale(1.06)}100%{text-shadow:0 0 0 transparent;transform:scale(1)}}
.mak-native-reaction.is-pulse:before,.mak-quick-reaction.is-pulse:before{content:"🐾";position:absolute;left:47px;top:10px;z-index:3;font-size:11px;pointer-events:none;opacity:0;filter:drop-shadow(0 0 7px var(--mak-reaction-color,var(--mak-accent)));animation:makReactionBurstTwo .68s ease-out both}
@keyframes makReactionBurstTwo{0%{opacity:0;transform:translate(0,5px) scale(.45) rotate(-12deg)}28%{opacity:.95}100%{opacity:0;transform:translate(26px,-25px) scale(1.05) rotate(25deg)}}
@media(prefers-reduced-motion:reduce){.mak-live-motion-fx .mak-weekly-v23 .mak-weekly-card:before,.mak-stat-flash,.mak-native-reaction.is-pulse:before,.mak-quick-reaction.is-pulse:before{animation:none!important}.mak-weekly-score i{transition:none}.mak-weekly-score i.is-visible{width:var(--mak-score-final,0%)}}

/* v2.7.5 — progressive enhancement: a valódi lazy blokkok JavaScript nélkül sem tűnnek el nyomtalanul. */
.mak-lazy-noscript{display:grid;gap:5px;padding:16px 18px;border:1px dashed color-mix(in srgb,var(--mak-accent) 28%,var(--mak-line));border-radius:18px;background:color-mix(in srgb,var(--mak-surface) 94%,transparent);color:var(--mak-muted)}
.mak-lazy-noscript strong{color:var(--mak-text)}
.mak-lazy-noscript a{width:max-content;max-width:100%;margin-top:3px;color:var(--mak-accent);font-weight:900}


/* v3.0.10 — SEO-safe lazy fallback: crawlolható linkek minimális vizuális költséggel. */
.mak-lazy-crawl-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:12px;font-size:.82rem}
.mak-lazy-crawl-links>span{font-weight:800;opacity:.82;display:inline-flex;align-items:center;gap:6px}
.mak-lazy-crawl-links>a{max-width:100%;padding:6px 9px;border:1px solid color-mix(in srgb,var(--mak-accent) 24%,transparent);border-radius:999px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mak-lazy-crawl-links>a:hover,.mak-lazy-crawl-links>a:focus-visible{text-decoration:underline}
@media(max-width:590px){.mak-lazy-crawl-links{display:grid;grid-template-columns:1fr;gap:6px}.mak-lazy-crawl-links>a{white-space:normal}}

/* v3.0.11 — AJAX státusz overlay: a crawlolható SSR linkek hibánál is a DOM-ban maradnak. */
.mak-lazy-home-section{position:relative}.mak-lazy-load-status{position:absolute;z-index:8;left:50%;top:18px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;max-width:min(760px,calc(100% - 24px));padding:8px 12px;border:1px solid color-mix(in srgb,var(--mak-accent) 24%,var(--mak-line));border-radius:999px;background:color-mix(in srgb,var(--mak-surface) 94%,transparent);box-shadow:0 10px 28px rgba(0,0,0,.12);backdrop-filter:blur(12px);font-size:.74rem;font-weight:850;color:var(--mak-muted);pointer-events:none}.mak-lazy-load-status .mak-loading-art,.mak-lazy-load-status .mak-state-art{width:28px;height:28px;object-fit:contain}.mak-lazy-load-status button{pointer-events:auto;border:0;border-radius:999px;padding:6px 9px;background:linear-gradient(135deg,var(--mak-accent),var(--mak-accent-2));color:#fff;font:inherit;font-size:.68rem;font-weight:900;cursor:pointer}.mak-lazy-load-status.is-error{position:relative;left:auto;top:auto;transform:none;margin:12px 0 0;max-width:none;border-radius:16px;pointer-events:auto}.mak-lazy-home-section:not(.is-loading)>.mak-lazy-load-status:not(.is-error){display:none}@media(max-width:590px){.mak-lazy-load-status{top:12px;white-space:normal;border-radius:16px;text-align:center}.mak-lazy-load-status.is-error{display:grid;grid-template-columns:auto 1fr auto}}