/* Meni SC Nikšić — novi dizajn 2026-11-12 */
:root{
  /* tema: podrazumijevano SC Nikšić; svaki klijent prepisuje u konfig.php ($MENI['tema']) */
  --pozadina:#14090b; --pozadina-rgb:20,9,11;
  --bg1:#3a0f14; --bg2:#2a0c10; --bg3:#1a0b0e; --bg4:#0f0809;
  --tekst:#fbf4f1;
  --tekst2:rgba(251,244,241,.66);
  --akcent:#e3262b; --akcent-rgb:227,38,43; --akcent-tamna:#b5121c;
  --akcent2:#ff5a4e; --akcent2-rgb:255,120,100;
  --zlato:#f4c26b;
  --sjaj2-rgb:244,150,70; --sjaj3-rgb:180,20,60;
  --hero-opacity:.38;
  --ik-linija:#fff;
  --staklo:rgba(255,255,255,.065);
  --staklo2:rgba(255,255,255,.12);
  --ivica:rgba(255,255,255,.11);
  /* boje ikonica */
  --ik-vino:#c0213a; --ik-zlato:#f2c14e; --ik-cilibar:#d98a2b; --ik-roze:#ff6f91;
  --ik-ljubicasta:#9b5de5; --ik-narandza:#ff8a2a; --ik-plava:#4cc3ff; --ik-kafa:#7b4a2c;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;
  background:var(--pozadina);color:var(--tekst);
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}

/* ---------- pozadina: tamni gradijent + animirani sjaj ---------- */
.pozadina{position:fixed;inset:0;z-index:-1;overflow:hidden;
  background:
    radial-gradient(120% 80% at 50% -10%, var(--bg1) 0%, transparent 60%),
    radial-gradient(90% 60% at 100% 100%, var(--bg2) 0%, transparent 70%),
    linear-gradient(180deg,var(--bg3) 0%,var(--bg4) 100%);
}
.pozadina::after{content:"";position:absolute;inset:0;opacity:.35;
  background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.2px);
  background-size:22px 22px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 75%);mask-image:linear-gradient(180deg,#000 0%,transparent 75%);
}
.sjaj{position:absolute;border-radius:50%;opacity:.55;will-change:transform}
.sjaj1{width:70vmax;height:70vmax;left:-25vmax;top:-20vmax;
  background:radial-gradient(circle, rgba(var(--akcent-rgb),.38) 0%, rgba(var(--akcent-rgb),0) 62%);
  animation:lebdi1 18s ease-in-out infinite alternate}
.sjaj2{width:60vmax;height:60vmax;right:-25vmax;top:30vh;
  background:radial-gradient(circle, rgba(var(--sjaj2-rgb),.22) 0%, rgba(var(--sjaj2-rgb),0) 62%);
  animation:lebdi2 22s ease-in-out infinite alternate}
.sjaj3{width:55vmax;height:55vmax;left:10vw;bottom:-35vmax;
  background:radial-gradient(circle, rgba(var(--sjaj3-rgb),.25) 0%, rgba(var(--sjaj3-rgb),0) 62%);
  animation:lebdi3 26s ease-in-out infinite alternate}
@keyframes lebdi1{to{transform:translate(12vw,10vh) scale(1.1)}}
@keyframes lebdi2{to{transform:translate(-14vw,-12vh) scale(1.15)}}
@keyframes lebdi3{to{transform:translate(10vw,-10vh) scale(.95)}}

/* ---------- naslovna: hero ---------- */
.hero{position:relative;padding:44px 16px 34px;text-align:center;isolation:isolate}
.hero-slika{position:absolute;inset:0;z-index:-1;
  background:var(--hero-slika) center 40%/cover no-repeat;opacity:var(--hero-opacity);
  -webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 100%);mask-image:linear-gradient(180deg,#000 30%,transparent 100%);
}
.hero-slika::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--pozadina-rgb),.35),rgba(var(--pozadina-rgb),.85))}
.logo-kartica{display:inline-flex;align-items:center;justify-content:center;
  padding:18px 26px;border-radius:24px;background:rgba(255,255,255,.94);
  box-shadow:0 20px 50px -18px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.6) inset;
  animation:pojava .8s cubic-bezier(.2,.8,.2,1) both}
.logo-kartica.bez-ploce{background:none;box-shadow:none;padding:6px 0}
.logo-kartica.bez-ploce img{filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}
.traka-logo.bez-ploce{background:none;padding:4px 0}
.logo-kartica.ploca-tamna,.traka-logo.ploca-tamna{background:#1d1b19;box-shadow:0 14px 36px -18px rgba(0,0,0,.6)}
.logo-kartica img{display:block;width:auto;height:auto;max-width:min(68vw,300px);max-height:120px;object-fit:contain}
@media (min-width:640px){.logo-kartica img{max-height:150px}}
.hero-podnaslov{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:12px;
  font-size:13px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--zlato);
  animation:pojava .8s .15s cubic-bezier(.2,.8,.2,1) both}
.crtica{width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--zlato))}
.crtica:last-child{transform:scaleX(-1)}

/* ---------- traka (podstranice) ---------- */
.traka{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;
  padding:10px max(16px,calc((100% - 1048px) / 2));padding-top:max(10px,env(safe-area-inset-top));
  background:rgba(var(--pozadina-rgb),.72);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  border-bottom:1px solid var(--ivica)}
.nazad{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:var(--staklo2);border:1px solid var(--ivica);transition:background .2s,transform .2s}
.nazad:hover{background:rgba(var(--akcent-rgb),.35)}
.nazad:active{transform:scale(.94)}
.nazad svg,.kat-strelica svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.traka-logo{margin-left:auto;padding:7px 12px;border-radius:12px;background:rgba(255,255,255,.94)}
.traka-logo img{display:block;height:34px;width:auto;max-width:150px;object-fit:contain}
.traka-logo.bez-ploce img{height:42px}

.naslov-sekcije{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 16px 6px;text-align:center;
  animation:pojava .7s cubic-bezier(.2,.8,.2,1) both}
.naslov-sekcije h1{font-size:clamp(26px,6vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.naslov-sekcije h1::after{content:"";display:block;width:48px;height:3px;margin:12px auto 0;border-radius:3px;
  background:linear-gradient(90deg,var(--akcent),var(--zlato))}

/* ---------- mreža kategorija ---------- */
.sadrzaj{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:18px 16px 36px}
.mreza{--g:12px;--n:2;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g)}
.mreza>.kat{flex:0 0 calc((100% - (var(--n) - 1) * var(--g)) / var(--n))}
@media (min-width:640px){.mreza{--g:16px;--n:3}}
@media (min-width:980px){.mreza{--g:18px;--n:4}}

.kat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  min-height:156px;padding:22px 12px 18px;border-radius:22px;text-align:center;overflow:hidden;
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  border:1px solid var(--ivica);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 14px 34px -20px rgba(0,0,0,.9);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s,background .3s;
  animation:pojava .6s calc(var(--i,0) * 60ms + 100ms) cubic-bezier(.2,.8,.2,1) both}
.kat::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(120% 90% at 50% 0%,rgba(var(--akcent-rgb),.28),transparent 60%)}
.kat:hover,.kat:focus-visible{transform:translateY(-4px);border-color:rgba(var(--akcent2-rgb),.45);
  box-shadow:0 22px 44px -22px rgba(var(--akcent-rgb),.65)}
.kat:hover::before,.kat:focus-visible::before{opacity:1}
.kat:active{transform:scale(.97)}
.kat:focus-visible{outline:2px solid var(--zlato);outline-offset:3px}
@media (min-width:640px){.kat{min-height:184px}}

.ik{position:relative;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;
  background:radial-gradient(circle at 50% 35%,rgba(var(--akcent-rgb),.30),rgba(var(--akcent-rgb),.06) 70%);
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset}
.ik svg{width:52px;height:52px;overflow:visible}
@media (min-width:640px){.ik{width:86px;height:86px}.ik svg{width:60px;height:60px}}
.ik-velika{width:96px;height:96px}
.ik-velika svg{width:66px;height:66px}

.kat-naziv{position:relative;font-size:15px;font-weight:700;line-height:1.25;letter-spacing:-.005em;color:var(--tekst)}
@media (min-width:640px){.kat-naziv{font-size:16.5px}}
.kat-strelica{position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  color:var(--tekst2);background:rgba(255,255,255,.06);transition:transform .3s,color .3s,background .3s}
.kat-strelica svg{width:15px;height:15px}
.kat:hover .kat-strelica{transform:translateX(2px);color:#fff;background:var(--akcent)}

/* ---------- cjenovnik ---------- */
.cjenovnik{list-style:none;max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.stavka{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;
  background:linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.03));
  border:1px solid var(--ivica);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  animation:pojava .5s calc(var(--i,0) * 45ms + 80ms) cubic-bezier(.2,.8,.2,1) both;
  transition:border-color .25s,background .25s}
.stavka:hover{border-color:rgba(var(--akcent2-rgb),.35);background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.04))}
.stavka-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.stavka-naziv{font-size:16.5px;font-weight:700;line-height:1.3}
.stavka-opis{font-size:13.5px;line-height:1.45;color:var(--tekst2)}
.stavka-cijena{flex:none;padding:7px 12px;border-radius:12px;font-size:15.5px;font-weight:800;white-space:nowrap;
  font-variant-numeric:tabular-nums;color:#fff;
  background:linear-gradient(135deg,var(--akcent),var(--akcent-tamna));box-shadow:0 8px 18px -10px rgba(var(--akcent-rgb),.9)}
.prazno{grid-column:1/-1;text-align:center;color:var(--tekst2);padding:36px 12px;font-size:15px}

/* ---------- pregled dizajna, info, slike proizvoda ---------- */
.pregled-traka{position:sticky;top:0;z-index:50;padding:8px 16px;text-align:center;font:600 13px/1.3 system-ui,sans-serif;background:#ffd166;color:#222}
.info{max-width:760px;margin:24px auto 0;display:flex;flex-direction:column;gap:10px}
.info-red{display:flex;flex-direction:column;gap:3px;padding:14px 18px;border-radius:18px;background:var(--staklo);border:1px solid var(--ivica)}
.info-naslov{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--zlato)}
.info-tekst{font-size:17px;font-weight:700;color:var(--tekst);word-break:break-word}
.info-mapa{width:100%;height:320px;border:0;border-radius:18px;margin-top:6px}
.stavka-slika{flex:none;width:58px;height:58px;padding:0;border:1px solid var(--ivica);border-radius:14px;overflow:hidden;background:var(--staklo2);cursor:zoom-in}
.stavka-slika img{width:100%;height:100%;object-fit:cover;display:block}
.slika-prozor{border:0;padding:0;background:transparent;max-width:min(92vw,720px);max-height:88vh;margin:auto;overflow:visible}
.slika-prozor::backdrop{background:rgba(0,0,0,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.slika-prozor img{display:block;max-width:100%;max-height:86vh;border-radius:16px}
.slika-prozor .zatvori{position:absolute;top:-14px;right:-10px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#111;font-size:26px;line-height:1;cursor:pointer}

/* ---------- galerija fotografija (proizvodi sa slikom, npr. kolači) ---------- */
.galerija-kolaca{max-width:1080px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:640px){.galerija-kolaca{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (min-width:980px){.galerija-kolaca{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kolac{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--staklo);border:1px solid var(--ivica);
  animation:pojava .5s calc(var(--i,0) * 50ms + 80ms) cubic-bezier(.2,.8,.2,1) both}
.kolac-slika.stavka-slika{width:100%;height:auto;aspect-ratio:1/1;border:0;border-radius:0}
.kolac-slika img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.kolac:hover .kolac-slika img{transform:scale(1.05)}
.kolac figcaption{display:flex;flex-direction:column;gap:6px;padding:12px 12px 14px;flex:1}
.kolac-naziv{font-weight:700;font-size:15px;line-height:1.3}
.kolac .stavka-cijena{align-self:flex-start;margin-top:auto}

/* ---------- animirani SVG logo („ispisuje se“) ---------- */
.logo-animiran.bez-ploce{padding:0;background:none;box-shadow:none}
.logo-animiran svg{display:block;width:min(80vw,360px);height:auto;max-height:170px;overflow:visible}
.logo-animiran.ploca-bijela svg,.logo-animiran.ploca-tamna svg{width:min(70vw,300px);max-height:130px}
.logo-animiran .logo-pisi g{fill:var(--logo-boja,#e889b8)}
.logo-animiran .logo-pisi path{stroke:var(--logo-boja,#e889b8);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:1 1;stroke-dashoffset:1;fill-opacity:0;
  animation:pisi .6s cubic-bezier(.45,.05,.55,.95) forwards,popuni .5s ease forwards;
  animation-delay:calc(var(--n,0) * .2s + .25s),calc(var(--n,0) * .2s + .6s)}
@keyframes pisi{to{stroke-dashoffset:0}}
@keyframes popuni{to{fill-opacity:1;stroke-width:0}}

/* ---------- podnožje ---------- */
.podnozje{padding:20px 16px calc(20px + env(safe-area-inset-bottom));text-align:center;font-size:12px;color:var(--tekst2);
  border-top:1px solid var(--ivica);display:flex;flex-direction:column;align-items:center;gap:12px}
.reklama{display:inline-flex;align-items:center;gap:10px;max-width:520px;padding:10px 16px 10px 10px;border-radius:16px;text-align:left;
  font-size:13px;line-height:1.35;color:var(--tekst);background:var(--staklo);border:1px solid var(--ivica);transition:border-color .2s,transform .2s}
.reklama:hover{border-color:rgba(var(--akcent2-rgb),.5);transform:translateY(-1px)}
.reklama b{color:var(--zlato);white-space:nowrap}
.reklama-ikona{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--akcent)}
.reklama-ikona svg{width:20px;height:20px;fill:#fff}
.podnozje-linkovi a{margin:0 2px}
.podnozje a{color:var(--tekst);font-weight:600}
.podnozje a:hover{color:var(--zlato)}

/* ---------- izbor jezika ---------- */
.jezici{display:flex;justify-content:center;gap:8px;margin-bottom:22px;animation:pojava .6s cubic-bezier(.2,.8,.2,1) both}
.jezik{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 8px;border-radius:999px;font-size:13px;font-weight:700;
  background:var(--staklo2);border:1px solid var(--ivica);color:var(--tekst2);transition:background .2s,color .2s,border-color .2s}
.jezik img{width:22px;height:15px;object-fit:cover;border-radius:3px}
.jezik:hover{color:var(--tekst);border-color:rgba(var(--akcent2-rgb),.45)}
.jezik.aktivan{color:var(--pozadina);background:var(--zlato);border-color:var(--zlato)}
.traka .jezici{margin:0 0 0 auto;gap:6px;animation:none}
.traka .jezik{padding:6px 8px}
.traka .jezik span{display:none}
.traka .jezici + .traka-logo{margin-left:8px}

@keyframes pojava{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- ikonice ---------- */
.ik .s{fill:none;stroke:var(--ik-linija);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ik .s.tanka{stroke-width:2}
.ik .tecnost{opacity:.95}
.ik .iskra{fill:var(--zlato);transform-box:fill-box;transform-origin:center;animation:iskra 2.4s ease-in-out infinite}
.ik .etiketa{fill:var(--zlato);opacity:.9}
.ik .led{fill:rgba(220,245,255,.55);stroke:var(--ik-linija);stroke-width:1.6}
.ik .maslina{fill:#7cb342;stroke:var(--ik-linija);stroke-width:1.6}
.ik .voce{fill:#7b3fa0;stroke:var(--ik-linija);stroke-width:1.8}
.ik .list{fill:#6dbb4c}
.ik .pjena{fill:#fffaf0;stroke:var(--ik-linija);stroke-width:1.2}
.ik .mj{fill:rgba(255,255,255,.85);animation:mjehur 2.4s ease-in infinite}
.ik .kriska{fill:var(--ik-narandza);stroke:var(--ik-linija);stroke-width:2}
.ik .slamka{stroke:var(--akcent2)}
.ik .talasic{fill:none;stroke:var(--ik-plava);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:talasic 2.4s ease-out infinite}
.ik .tijelo{fill:rgba(var(--akcent-rgb),.55)}
.ik .sir{fill:#f7c548}
.ik .rupa{fill:#d99a1e}
.ik .paradajz{fill:#ef4a3c}
.ik .biskvit{fill:#e8b77d}
.ik .krem{fill:#ff8fb1}
.ik .tresnja{fill:#e3262b;stroke:var(--ik-linija);stroke-width:1.6}
.ik .kugla1{fill:#ff8fb1}
.ik .kugla2{fill:#9be7c4}
.ik .kornet{fill:#e8b77d}
.ik .plamen{fill:#ffb02e;transform-box:fill-box;transform-origin:50% 100%;animation:plamen .8s ease-in-out infinite alternate}
.ik .pepperoni{fill:#d7262e}
.ik .hljeb{fill:#e8a85b}
.ik .susam{fill:#fff6dc}
.ik .salata{fill:#6dbb4c}
.ik .zvijezda{fill:var(--zlato)}

.ik .para{transform-box:fill-box;transform-origin:50% 100%;animation:para 2.6s ease-in-out infinite;opacity:0}
.ik .ljulja{transform-box:fill-box;transform-origin:50% 100%;animation:ljulja 3.4s ease-in-out infinite}
.ik .skok{animation:skok 2.2s ease-in-out infinite}
.ik .talas{transform-box:fill-box;transform-origin:50% 0;animation:talas 2.8s ease-in-out infinite}
.ik .vrtlog{transform-box:fill-box;transform-origin:center;animation:talas 2.2s ease-in-out infinite}
.ik .vrti{transform-box:fill-box;transform-origin:center;animation:vrti 9s linear infinite}
.ik .puls{transform-box:fill-box;transform-origin:center;animation:puls 2.2s ease-in-out infinite}
.ik .poklopac{transform-box:fill-box;transform-origin:20% 100%;animation:poklopac 2.6s ease-in-out infinite}
.ik .kap{transform-box:fill-box;transform-origin:50% 0;animation:kap 2.6s ease-in-out infinite}

@keyframes para{0%{opacity:0;transform:translateY(5px) scaleY(.8)}35%{opacity:.85}100%{opacity:0;transform:translateY(-9px) scaleY(1.05)}}
@keyframes ljulja{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes skok{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes talas{0%,100%{transform:skewX(0) scaleY(1)}30%{transform:skewX(-6deg) scaleY(.94)}70%{transform:skewX(6deg) scaleY(1.03)}}
@keyframes vrti{to{transform:rotate(360deg)}}
@keyframes puls{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes iskra{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}
@keyframes mjehur{0%{opacity:0;transform:translateY(0)}20%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}
@keyframes talasic{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.25)}}
@keyframes plamen{0%{transform:scale(.85,.8) rotate(-4deg)}100%{transform:scale(1.05,1.12) rotate(4deg)}}
@keyframes poklopac{0%,70%,100%{transform:rotate(0) translateY(0)}78%{transform:rotate(-7deg) translateY(-3px)}86%{transform:rotate(0) translateY(0)}92%{transform:rotate(-4deg) translateY(-1.5px)}}
@keyframes kap{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.5)}}

/* ikonica se malo „probudi“ na dodir/hover */
.kat .ik{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.kat:hover .ik{transform:scale(1.08) rotate(-3deg)}

@media (prefers-reduced-motion:reduce){
  .logo-animiran .logo-pisi path{stroke-dashoffset:0;fill-opacity:1;stroke-width:0}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .ik .para{opacity:.6}
}
/* ikonice dodate za Kastel (2026-11-12) */
.ik .riba{fill:rgba(76,195,255,.45)}
.ik .oko{fill:#fff}
.ik .kasika{fill:none;stroke:var(--ik-linija);stroke-width:2.4}
.ik .meso{fill:#b5532f}
.ik .cevap{fill:#8a3b22;stroke:var(--ik-linija);stroke-width:1.6}
.ik .bjelance{fill:#fffaf0}
.ik .zumance{fill:#ffb703}
.ik .pomfrit{fill:#ffd166;stroke:var(--ik-linija);stroke-width:1.2}
.ik .pliva{transform-box:fill-box;transform-origin:center;animation:pliva 3s ease-in-out infinite}
@keyframes pliva{0%,100%{transform:translateX(-2px) rotate(-3deg)}50%{transform:translateX(3px) rotate(3deg)}}