/* =====================================================================
   STORY PAGE — "En dan z LifeSaverjem" (scrollytelling)
   ===================================================================== */
:root{
  --st-orange:#f97316; --st-orange-s:#ffedd5;
  --st-blue:#2563eb;   --st-blue-s:#dbeafe;
  --st-green:#10b981;  --st-green-s:#d1fae5;
  --st-purple:#8b5cf6; --st-purple-s:#ede9fe;
  --st-amber:#f59e0b;  --st-amber-s:#fef3c7;
  --st-red:#ef4444;    --st-red-s:#fee2e2;
  --st-slate:#64748b;  --st-slate-s:#e2e8f0;
  --st-ink:#0f172a; --st-ink-soft:#475569; --st-mute:#94a3b8; --st-line:#e6ebf1;
}

.story-main{ overflow-x:clip; background:#ffffff; }
.story-main *{ box-sizing:border-box; }

/* ---------------------------------------------------------------- HERO */
.st-hero{
  position:relative; text-align:center; overflow:hidden;
  padding:130px 20px 90px;
  background:
    radial-gradient(1100px 500px at 50% -10%, #d1fae5 0%, rgba(209,250,229,0) 60%),
    linear-gradient(180deg,#f0fdf4 0%, #ffffff 75%);
}
.st-hero .eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  background:#fff; border:1px solid var(--st-green-s); color:#059669;
  font-weight:700; font-size:12.5px; letter-spacing:.02em;
  padding:7px 16px; border-radius:999px; box-shadow:0 4px 14px rgba(16,185,129,.12);
}
.st-hero h1{
  font-family:'Outfit',sans-serif; font-weight:800; color:var(--st-ink);
  font-size:clamp(34px,6.4vw,70px); line-height:1.04; letter-spacing:-.02em;
  margin:22px auto 0; max-width:14ch;
}
.st-hero h1 .hl{
  background:linear-gradient(120deg,#10b981,#059669); -webkit-background-clip:text;
  background-clip:text; color:transparent;
}
.st-hero .sub{
  max-width:640px; margin:22px auto 0; font-size:clamp(16px,2.2vw,20px);
  line-height:1.6; color:var(--st-ink-soft);
}
.st-hero .sub b{ color:var(--st-ink); }
.st-hero .sub-fun{ margin-top:16px; font-size:clamp(15px,2vw,18px); font-weight:600; font-style:italic;
  color:#059669; max-width:660px; }
.st-scroll-cta{
  display:inline-flex; align-items:center; gap:10px; margin-top:38px; cursor:pointer;
  font-family:'Outfit',sans-serif; font-weight:700; font-size:16px; color:#fff;
  background:linear-gradient(135deg,#10b981,#059669); border:none;
  padding:15px 28px; border-radius:14px; box-shadow:0 14px 30px -10px rgba(5,150,105,.6);
  transition:transform .2s ease, box-shadow .2s ease;
}
.st-scroll-cta:hover{ transform:translateY(-3px); box-shadow:0 20px 38px -10px rgba(5,150,105,.7); }
.st-scroll-cta .arr{ animation:st-bob 1.4s ease-in-out infinite; }
@keyframes st-bob{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(5px)} }

/* floating emoji decorations in hero */
.st-hero-emoji{ position:absolute; font-size:42px; opacity:.85; user-select:none; pointer-events:none;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.10)); animation:st-floaty 7s ease-in-out infinite; }
.st-hero-emoji.e1{ left:9%;  top:24%; animation-delay:0s; }
.st-hero-emoji.e2{ right:11%; top:20%; animation-delay:-1.6s; font-size:50px; }
.st-hero-emoji.e3{ left:16%; bottom:16%; animation-delay:-3.1s; font-size:38px; }
.st-hero-emoji.e4{ right:15%; bottom:20%; animation-delay:-4.4s; }
@keyframes st-floaty{ 0%,100%{transform:translateY(0) rotate(-4deg)} 50%{transform:translateY(-16px) rotate(4deg)} }

/* ------------------------------------------------------------ TIMELINE */
.st-timeline{ position:relative; max-width:1080px; margin:0 auto; padding:60px 20px 40px; }

/* decorative parallax blobs */
.st-blob{ position:absolute; border-radius:50%; filter:blur(60px); opacity:.5; z-index:0; pointer-events:none; }
.st-blob.b1{ width:340px;height:340px; background:var(--st-orange-s); top:120px; left:-120px; }
.st-blob.b2{ width:380px;height:380px; background:var(--st-blue-s);   top:780px; right:-140px; }
.st-blob.b3{ width:320px;height:320px; background:var(--st-green-s);  top:1500px; left:-110px; }
.st-blob.b4{ width:300px;height:300px; background:var(--st-purple-s); top:2200px; right:-120px; }
.st-blob.b5{ width:340px;height:340px; background:var(--st-orange-s); top:2900px; left:-120px; }
.st-blob.b6{ width:380px;height:380px; background:var(--st-blue-s);   top:3600px; right:-140px; }
.st-blob.b7{ width:320px;height:320px; background:var(--st-green-s);  top:4300px; left:-110px; }
.st-blob.b8{ width:300px;height:300px; background:var(--st-purple-s); top:5000px; right:-120px; }
.st-blob.b9{ width:340px;height:340px; background:var(--st-orange-s); top:5700px; left:-120px; }
.st-blob.b10{ width:380px;height:380px; background:var(--st-blue-s);  top:6400px; right:-140px; }
.st-blob.b11{ width:320px;height:320px; background:var(--st-green-s); top:7050px; left:-110px; }

/* the spine */
.st-line{ position:absolute; top:60px; bottom:40px; left:50%; width:4px; transform:translateX(-50%);
  background:var(--st-line); border-radius:4px; z-index:1; }
.st-line-fill{ position:absolute; top:0; left:0; width:100%; height:0;
  background:linear-gradient(180deg,#6ee7b7,#10b981 60%,#059669); border-radius:4px;
  box-shadow:0 0 14px rgba(16,185,129,.5); }

/* a single step */
.st-step{ position:relative; z-index:2; display:grid; grid-template-columns:1fr 96px 1fr;
  align-items:center; margin:0 0 96px; }
.st-step:last-of-type{ margin-bottom:24px; }
/* vsi elementi v isto vrstico → aside se centrira s kartico tudi pri desnih karticah */
.st-step > *{ grid-row:1; }

/* marker (time + node) */
.st-marker{ grid-column:2; justify-self:center; display:flex; flex-direction:column; align-items:center; gap:10px; }
.st-time{ display:inline-block; font-family:'Outfit',sans-serif; font-weight:800; font-size:14px;
  color:#b45309; background:#fef3c7; padding:5px 15px; border-radius:999px; white-space:nowrap;
  margin-top:18px; }
.st-node{ width:64px; height:64px; border-radius:50%; background:#fff; border:3px solid var(--st-green);
  display:grid; place-items:center; font-size:29px; line-height:1;
  box-shadow:0 10px 22px -6px rgba(15,23,42,.18); transition:transform .5s cubic-bezier(.22,1.4,.4,1); }
.st-step.is-visible .st-node{ animation:st-pop .6s cubic-bezier(.22,1.4,.4,1) both; }
@keyframes st-pop{ 0%{transform:scale(.4)} 60%{transform:scale(1.18)} 100%{transform:scale(1)} }

/* node color per character */
.st-node.c-mojca{ border-color:var(--st-green); }
.st-node.c-miha{ border-color:var(--st-blue); }
.st-node.c-janez{ border-color:var(--st-orange); }
.st-node.c-gregor{ border-color:var(--st-purple); }
.st-node.c-finish{ border-color:var(--st-amber); }
.st-node.c-stop{ border-color:#ef4444; }

/* card */
.st-card{ background:#fff; border:1px solid var(--st-line); border-radius:22px; padding:0; overflow:hidden;
  box-shadow:0 24px 50px -28px rgba(15,23,42,.30); max-width:420px;
  opacity:0; transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
.st-step.left  .st-card{ grid-column:1; justify-self:end;   margin-right:26px; transform:translate(-46px,26px); }
.st-step.right .st-card{ grid-column:3; justify-self:start; margin-left:26px;  transform:translate(46px,26px); }
.st-step.is-visible .st-card{ opacity:1; transform:none; }

.st-card{ position:relative; }

/* cover image — avatar čez celotno širino vrha kartice */
.st-cover{ position:relative; aspect-ratio:4/3; background:#eef2f6; }
.st-cover img{ width:100%; height:100%; object-fit:cover; object-position:center 22%; display:block; }
/* barvni trak na dnu slike (identiteta lika) */
.st-cover::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:5px; background:var(--st-green); }
.st-card.c-mojca .st-cover::after{ background:var(--st-green); }
.st-card.c-miha .st-cover::after{ background:var(--st-blue); }
.st-card.c-janez .st-cover::after{ background:var(--st-orange); }
.st-card.c-gregor .st-cover::after{ background:var(--st-purple); }
.st-card.c-stop .st-cover::after{ background:#ef4444; }

.st-body{ padding:0 24px 24px; }
.st-card h3{ font-family:'Outfit',sans-serif; font-weight:700; font-size:21px; color:var(--st-ink); margin:14px 0 8px; }
.st-card p{ font-size:15px; line-height:1.62; color:var(--st-ink-soft); margin:0; }
.st-card p b{ color:var(--st-ink); }
.st-card .akcija{ color:#059669; font-weight:700; }

/* ime/vloga lika — prekrivni napis na vrhu slike */
.st-name{ position:absolute; top:12px; left:12px; display:flex; align-items:center; gap:9px; z-index:2;
  background:rgba(255,255,255,.93); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  padding:7px 15px 7px 11px; border-radius:14px; box-shadow:0 8px 18px -8px rgba(15,23,42,.40); }
.st-name .dot{ width:9px; height:9px; border-radius:50%; flex:none; background:var(--st-green); }
.st-name .meta strong{ display:block; font-family:'Outfit',sans-serif; font-weight:700; font-size:14px; color:var(--st-ink); line-height:1.15; }
.st-name .meta span{ display:block; font-size:11px; color:var(--st-mute); font-weight:600; }
.st-card.c-mojca .st-name .dot{ background:var(--st-green); }
.st-card.c-miha  .st-name .dot{ background:var(--st-blue); }
.st-card.c-janez .st-name .dot{ background:var(--st-orange); }
.st-card.c-gregor .st-name .dot{ background:var(--st-purple); }
.st-card.c-stop .st-name .dot{ background:#ef4444; }

/* animirani statusi naročil v praznem prostoru ob kartici */
.st-aside{ display:flex; flex-direction:column; gap:16px; justify-content:center; padding:24px 28px; }
.st-step.left  .st-aside{ grid-column:3; align-items:flex-start; }
.st-step.right .st-aside{ grid-column:1; align-items:flex-end; }
.st-aside > *{ opacity:0; transform:rotate(var(--rot,0deg)); transition:opacity .6s ease; }
.st-aside .st-chip{ font-size:14px; padding:9px 16px; box-shadow:0 16px 32px -16px rgba(15,23,42,.40); cursor:help; }
.st-aside .st-morph .st-chip{ box-shadow:0 16px 32px -16px rgba(15,23,42,.40); }
.st-aside > *:nth-child(odd){ --rot:-2.5deg; }
.st-aside > *:nth-child(even){ --rot:2.5deg; }
.st-step.is-visible .st-aside > *{ opacity:1; animation:st-bob2 5.5s ease-in-out infinite; }
.st-step.is-visible .st-aside > *:nth-child(1){ transition-delay:.15s; animation-delay:0s; }
.st-step.is-visible .st-aside > *:nth-child(2){ transition-delay:.35s; animation-delay:.8s; }
.st-step.is-visible .st-aside > *:nth-child(3){ transition-delay:.55s; animation-delay:1.6s; }
@keyframes st-bob2{ 0%,100%{ transform:translateY(0) rotate(var(--rot,0deg)); } 50%{ transform:translateY(-10px) rotate(var(--rot,0deg)); } }

/* speech bubble */
.st-bubble{ position:relative; margin-top:16px; background:#f8fafc; border:1px solid var(--st-line);
  border-radius:14px; border-top-left-radius:4px; padding:11px 15px; font-size:14.5px; color:#334155;
  font-style:italic; }
.st-bubble::before{ content:''; position:absolute; top:-7px; left:14px; width:13px; height:13px;
  background:#f8fafc; border-left:1px solid var(--st-line); border-top:1px solid var(--st-line);
  transform:rotate(45deg); }
/* oblaček v kartici — kremni, prekriva spodnji rob slike */
.st-card .st-bubble{ margin:-46px 16px 0; z-index:3; background:#fdf5e6; border-color:#f0e2c4;
  color:#7a5e30; border-radius:16px; padding:14px 17px; line-height:1.5;
  box-shadow:0 16px 32px -16px rgba(15,23,42,.30); }
.st-card .st-bubble::before{ display:none; }

/* status chips row */
.st-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.st-chip{ position:relative; display:inline-flex; align-items:center; gap:6px; cursor:default;
  font-weight:700; font-size:12.5px; padding:6px 12px; border-radius:999px; white-space:nowrap;
  border:1px solid transparent; }
.st-chip.s-paid{ background:var(--st-green-s); color:#047857; border-color:#a7f3d0; }
.st-chip.s-wait{ background:var(--st-amber-s); color:#b45309; border-color:#fde68a; }
.st-chip.s-sent{ background:var(--st-blue-s);  color:#1d4ed8; border-color:#bfdbfe; }
.st-chip.s-miss{ background:var(--st-red-s);   color:#b91c1c; border-color:#fecaca; }
.st-chip.s-ok{   background:var(--st-green-s); color:#047857; border-color:#a7f3d0; }
.st-chip.s-pre{  background:var(--st-slate-s); color:#475569; border-color:#cbd5e1; }
.st-chip.s-new{  background:#e0e7ff; color:#4338ca; border-color:#c7d2fe; }
.st-chip.s-err{  background:var(--st-amber-s); color:#b45309; border-color:#fcd34d; }

/* tooltip on hover / tap */
.st-chip[data-tip]{ cursor:help; }
.st-chip[data-tip]::after{ content:attr(data-tip); position:absolute; left:50%; bottom:calc(100% + 10px);
  transform:translateX(-50%) translateY(4px); width:max-content; max-width:230px;
  background:#0f172a; color:#fff; font-weight:500; font-style:normal; font-size:12px; line-height:1.4;
  padding:8px 11px; border-radius:9px; box-shadow:0 10px 26px rgba(15,23,42,.30);
  opacity:0; visibility:hidden; transition:opacity .18s ease, transform .18s ease; z-index:5; pointer-events:none; }
.st-chip[data-tip]::before{ content:''; position:absolute; left:50%; bottom:calc(100% + 4px);
  transform:translateX(-50%); border:6px solid transparent; border-top-color:#0f172a;
  opacity:0; visibility:hidden; transition:opacity .18s ease; z-index:5; }
.st-chip[data-tip]:hover::after, .st-chip[data-tip].tip-open::after{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.st-chip[data-tip]:hover::before, .st-chip[data-tip].tip-open::before{ opacity:1; visibility:visible; }

/* morphing chip (state A -> state B when card appears) */
.st-morph{ display:inline-grid; }
.st-morph > .st-chip{ grid-area:1/1; transition:opacity .5s ease, transform .5s ease; }
.st-morph > .st-chip.b{ opacity:0; transform:translateY(8px) scale(.9); }
.st-morph.done > .st-chip.a{ opacity:0; transform:translateY(-8px) scale(.9); }
.st-morph.done > .st-chip.b{ opacity:1; transform:none; }
.st-morph .arrowm{ display:none; }

/* button with pulse */
.st-btn{ display:inline-flex; align-items:center; gap:8px; margin-top:18px; border:none; cursor:pointer;
  font-family:'Outfit',sans-serif; font-weight:700; font-size:14px; color:#fff;
  padding:11px 20px; border-radius:11px; background:linear-gradient(135deg,#10b981,#059669); }
.st-btn.c-blue{ background:linear-gradient(135deg,#3b82f6,#2563eb); }
.st-btn.c-orange{ background:linear-gradient(135deg,#fb923c,#ea580c); }
.st-btn.c-purple{ background:linear-gradient(135deg,#a78bfa,#7c3aed); }
.st-step.is-visible .st-btn.pulse{ animation:st-pulse 2s ease-out 1s infinite; }
@keyframes st-pulse{ 0%{box-shadow:0 0 0 0 rgba(16,185,129,.45)} 70%{box-shadow:0 0 0 14px rgba(16,185,129,0)} 100%{box-shadow:0 0 0 0 rgba(16,185,129,0)} }
.st-btn.c-blue.pulse{ animation-name:st-pulse-b; } @keyframes st-pulse-b{0%{box-shadow:0 0 0 0 rgba(37,99,235,.45)}70%{box-shadow:0 0 0 14px rgba(37,99,235,0)}100%{box-shadow:0 0 0 0 rgba(37,99,235,0)}}
.st-btn.c-orange.pulse{ animation-name:st-pulse-o; } @keyframes st-pulse-o{0%{box-shadow:0 0 0 0 rgba(234,88,12,.45)}70%{box-shadow:0 0 0 14px rgba(234,88,12,0)}100%{box-shadow:0 0 0 0 rgba(234,88,12,0)}}

/* video gumb (pravi posnetek iz programa) — svetlo zelena tabletka */
.st-video{ display:inline-flex; align-items:center; gap:9px; margin-top:20px; text-decoration:none;
  font-family:'Outfit',sans-serif; font-weight:700; font-size:14.5px; color:#047857;
  background:#ecfdf5; border:1px solid #a7f3d0; padding:11px 20px; border-radius:12px;
  transition:background .2s ease, transform .2s ease, box-shadow .2s ease; }
.st-video:hover{ background:#d1fae5; transform:translateY(-2px); box-shadow:0 12px 24px -12px rgba(16,185,129,.4); }
.st-video .play{ display:inline-flex; }
.st-video .play svg{ width:14px; height:14px; fill:#059669; }

/* video popup */
.st-vmodal{ position:fixed; inset:0; z-index:1000; display:none; align-items:center; justify-content:center; padding:24px; }
.st-vmodal.is-open{ display:flex; }
.st-vmodal-backdrop{ position:absolute; inset:0; background:rgba(15,23,42,.80); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); animation:st-vfade .25s ease; }
.st-vmodal-box{ position:relative; width:min(960px,100%); border-radius:18px; overflow:hidden; background:#000;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.7); animation:st-vpop .3s cubic-bezier(.22,1.2,.4,1); }
.st-vmodal-box video{ width:100%; height:auto; display:block; max-height:82vh; background:#000; }
.st-vmodal-close{ position:absolute; top:10px; right:12px; z-index:2; width:40px; height:40px; border-radius:50%;
  border:none; background:rgba(255,255,255,.92); color:#0f172a; font-size:26px; line-height:1; cursor:pointer;
  display:grid; place-items:center; transition:background .2s ease, transform .2s ease; }
.st-vmodal-close:hover{ background:#fff; transform:scale(1.08); }
@keyframes st-vfade{ from{opacity:0} to{opacity:1} }
@keyframes st-vpop{ from{opacity:0; transform:scale(.94) translateY(12px)} to{opacity:1; transform:none} }
body.st-vmodal-open{ overflow:hidden; }

/* ------------------------------------------------------------- CLOSING */
.st-finish{ position:relative; text-align:center; overflow:hidden; padding:90px 20px 80px;
  background:linear-gradient(180deg,#fff 0%, #fff7ed 45%, #fffbeb 100%); }
.st-sun{ width:120px;height:120px;border-radius:50%; margin:0 auto 26px;
  background:radial-gradient(circle at 50% 45%, #fde68a, #fb923c); box-shadow:0 0 60px 10px rgba(251,146,60,.45);
  animation:st-glow 4s ease-in-out infinite; }
@keyframes st-glow{ 0%,100%{transform:scale(1);opacity:.95} 50%{transform:scale(1.06);opacity:1} }
.st-finish h2{ font-family:'Outfit',sans-serif; font-weight:800; font-size:clamp(28px,4.6vw,46px); color:var(--st-ink); margin:0 auto; max-width:16ch; }
.st-finish p{ max-width:560px; margin:18px auto 0; font-size:17px; line-height:1.6; color:var(--st-ink-soft); }
.st-finish .st-bubble{ display:inline-block; margin:26px auto 0; font-size:16px; background:#fff; }
.st-finish .st-bubble::before{ background:#fff; }

/* ekipna slika (high-five) ob koncu dneva */
.st-team{ max-width:560px; margin:40px auto 0; opacity:0; }
.st-team img{ width:100%; height:auto; display:block; border-radius:24px;
  box-shadow:0 34px 64px -28px rgba(234,88,12,.45), 0 18px 40px -24px rgba(15,23,42,.30); }
.st-team.is-in{ animation:st-team-pop .8s cubic-bezier(.22,1.3,.4,1) both; }
@keyframes st-team-pop{
  0%{ opacity:0; transform:scale(.9) translateY(28px) rotate(-1.5deg); }
  60%{ opacity:1; transform:scale(1.02) rotate(.6deg); }
  100%{ opacity:1; transform:none; }
}

/* day summary chip row */
.st-summary{ margin:46px auto 0; max-width:760px; }
.st-summary h3{ font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--st-mute); margin-bottom:16px; }
.st-summary .row{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }

/* final CTA */
.st-final{ text-align:center; padding:0 20px 100px; background:#fffbeb; }
.st-final-card{ max-width:720px; margin:0 auto; background:linear-gradient(135deg,#0f172a,#1e293b);
  border-radius:24px; padding:54px 32px; box-shadow:0 30px 60px -20px rgba(15,23,42,.5); }
.st-final-card h2{ font-family:'Outfit',sans-serif; font-weight:800; color:#fff; font-size:clamp(26px,4vw,40px); margin:0; }
.st-final-card p{ color:#cbd5e1; font-size:17px; margin:14px auto 0; max-width:46ch; }
.st-final-card .cta{ display:inline-flex; align-items:center; gap:9px; margin-top:28px;
  font-family:'Outfit',sans-serif; font-weight:700; font-size:17px; color:#064e3b; text-decoration:none;
  background:linear-gradient(135deg,#6ee7b7,#34d399); padding:15px 30px; border-radius:14px;
  box-shadow:0 14px 30px -10px rgba(52,211,153,.6); transition:transform .2s ease; }
.st-final-card .cta:hover{ transform:translateY(-3px); }
.st-back{ display:inline-block; margin-top:26px; color:var(--st-ink-soft); font-size:14px; text-decoration:none; }
.st-back:hover{ color:#059669; }

/* ---------------------------------------------------------- RESPONSIVE */
@media (max-width:820px){
  .st-timeline{ padding:40px 16px 20px; }
  .st-line{ left:30px; top:40px; }
  .st-blob{ display:none; }
  .st-aside{ display:none; }
  .st-step{ grid-template-columns:60px 1fr; margin-bottom:64px; }
  .st-marker{ grid-column:1; }
  .st-node{ width:54px;height:54px; font-size:24px; }
  .st-time{ font-size:13px; padding:4px 10px; }
  .st-step.left .st-card, .st-step.right .st-card{ grid-column:2; justify-self:start;
    margin:0 0 0 18px; max-width:none; transform:translate(28px,22px); }
  .st-step.is-visible .st-card{ transform:none; }
  .st-step.left .st-card::after, .st-step.right .st-card::after{ left:-8px; right:auto; border:1px solid var(--st-line); border-right:none; border-top:none; }
}

@media (prefers-reduced-motion:reduce){
  .st-card,.st-step.left .st-card,.st-step.right .st-card{ transform:none !important; opacity:1 !important; transition:none; }
  .st-node,.st-hero-emoji,.st-sun,.st-scroll-cta .arr,.st-btn.pulse,.st-video .play{ animation:none !important; }
  .st-morph > .st-chip.b{ opacity:1; position:static; } .st-morph > .st-chip.a{ display:none; }
  .st-aside > *{ opacity:1 !important; transform:none !important; animation:none !important; }
  .st-team{ opacity:1 !important; animation:none !important; }
}