/* Minden, ami kutya v2.8.0 — Gyors sztori 2.0. Külön réteg, a Media Engine CSS-hez nem nyúl. */
.mak-story-v2 .mak-story-sheet{width:min(720px,100%);overflow:hidden;padding:0;border-radius:32px;background:linear-gradient(155deg,color-mix(in srgb,var(--mak-surface) 94%,#0b0612),color-mix(in srgb,var(--mak-accent) 7%,var(--mak-surface)));box-shadow:0 34px 110px rgba(0,0,0,.48),0 0 0 1px color-mix(in srgb,var(--mak-accent) 18%,transparent),0 0 64px color-mix(in srgb,var(--mak-accent) 12%,transparent)}
.mak-story-v2 .mak-story-sheet:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--mak-accent),var(--mak-accent-2),transparent);opacity:.9;pointer-events:none}
.mak-story-v2-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 10px}.mak-story-v2-head>div{min-width:0}.mak-story-v2-head small{display:block;margin-top:5px;color:var(--mak-muted);font-size:.75rem;font-weight:750}.mak-story-v2-head .mak-story-close{position:static;flex:0 0 auto}
.mak-story-progress-v2{display:grid;grid-template-columns:repeat(var(--mak-story-count,5),minmax(0,1fr));gap:6px;padding:0 24px 14px}.mak-story-progress-v2 button{height:18px;padding:7px 0;border:0;background:transparent;cursor:pointer}.mak-story-progress-v2 button span{display:block;height:3px;border-radius:99px;background:color-mix(in srgb,var(--mak-muted) 28%,transparent);overflow:hidden;transition:background .18s ease,box-shadow .18s ease}.mak-story-progress-v2 button.is-active span{background:linear-gradient(90deg,var(--mak-accent),var(--mak-accent-2));box-shadow:0 0 12px color-mix(in srgb,var(--mak-accent) 42%,transparent)}
.mak-story-stage{position:relative;min-height:330px;touch-action:pan-y;overflow:hidden;border-top:1px solid color-mix(in srgb,var(--mak-line) 80%,transparent);border-bottom:1px solid color-mix(in srgb,var(--mak-line) 80%,transparent)}
.mak-story-slide{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);min-height:330px;animation:makStorySlideIn .28s cubic-bezier(.22,.8,.25,1)}.mak-story-slide[hidden]{display:none!important}.mak-story-slide.is-text-only{grid-template-columns:1fr}.mak-story-v2-image{position:relative;min-height:330px;overflow:hidden;background:var(--mak-surface-2)}.mak-story-v2-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,color-mix(in srgb,var(--mak-surface) 88%,transparent))}.mak-story-v2-image img{width:100%;height:100%;min-height:330px;object-fit:cover;display:block}
.mak-story-slide-copy{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px clamp(24px,5vw,42px);min-width:0}.mak-story-slide-index{position:absolute;right:22px;top:20px;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--mak-surface-2) 88%,transparent);border:1px solid var(--mak-line);font-size:.68rem;font-weight:950;color:var(--mak-muted)}.mak-story-slide-label{display:inline-flex;margin-bottom:10px;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--mak-accent) 12%,var(--mak-surface-2));color:color-mix(in srgb,var(--mak-accent) 80%,var(--mak-text));font-size:.68rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.mak-story-slide-copy h2{margin:0 0 14px;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.08;text-wrap:balance}.mak-story-slide-copy p{margin:0;color:var(--mak-text);font-size:clamp(.96rem,1.65vw,1.08rem);line-height:1.72}
.mak-story-v2 .mak-story-points{margin:0;padding:13px 24px;border-bottom:1px solid color-mix(in srgb,var(--mak-line) 80%,transparent);background:color-mix(in srgb,var(--mak-surface-2) 58%,transparent)}.mak-story-v2 .mak-story-points span{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;padding:5px 8px;color:var(--mak-muted)}
.mak-story-v2-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:16px 24px 22px}.mak-story-v2-nav button{min-height:42px;padding:9px 14px;border:1px solid var(--mak-line);border-radius:13px;background:var(--mak-surface-2);color:var(--mak-text);font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}.mak-story-v2-nav button:last-child{justify-self:end}.mak-story-v2-nav button:disabled{opacity:.38;cursor:default}.mak-story-v2-nav .mak-button{background:linear-gradient(135deg,var(--mak-accent),var(--mak-accent-2));border-color:transparent;color:#fff}
@keyframes makStorySlideIn{from{opacity:0;transform:translateX(16px) scale(.995)}to{opacity:1;transform:none}}
@media(max-width:680px){.mak-story-v2 .mak-story-modal{padding:calc(8px + var(--mak-safe-top,0px)) calc(8px + var(--mak-safe-right,0px)) calc(8px + var(--mak-safe-bottom,0px)) calc(8px + var(--mak-safe-left,0px))}.mak-story-v2 .mak-story-sheet{width:100%;max-height:calc(100dvh - 16px - var(--mak-safe-top,0px) - var(--mak-safe-bottom,0px));border-radius:24px}.mak-story-v2-head{padding:16px 16px 8px}.mak-story-progress-v2{padding:0 16px 9px;gap:4px}.mak-story-slide{grid-template-columns:1fr;min-height:0}.mak-story-v2-image{min-height:0;height:min(30dvh,230px)}.mak-story-v2-image img{min-height:0;height:100%}.mak-story-v2-image:after{background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--mak-surface) 88%,transparent))}.mak-story-slide-copy{padding:23px 18px 25px;min-height:270px}.mak-story-slide-index{right:15px;top:14px}.mak-story-v2 .mak-story-points{padding:9px 13px;gap:2px}.mak-story-v2 .mak-story-points span{font-size:.67rem;padding:4px 5px}.mak-story-v2-nav{grid-template-columns:1fr 1fr;padding:12px 14px 15px}.mak-story-v2-nav .mak-button{grid-column:1/-1;grid-row:2}.mak-story-v2-nav button:last-child{justify-self:stretch}.mak-story-v2-nav button{width:100%}}
@media(prefers-reduced-motion:reduce){.mak-story-slide{animation:none!important}.mak-story-progress-v2 button span{transition:none!important}}
