/* 3A Autocentar — dopuna uz originalne stilove iz dizajna.
   Prototip je markup menjao po širini ekrana; ovde to radi CSS. */

:root{
  --worksH:300vh; --worksPos:sticky; --worksInnerH:100vh;
  --trackOverflow:visible; --trackSnap:none;
  --cardW:min(46vw, 62vh); --cardH:min(64vh, 720px); --endW:30vw;
  --svcRatio:4/4.2; --baRatio:16/9; --ord2:2; --svcPos:sticky;
}

/* ---- grane koje su zavisile od širine ekrana ---- */
@media (max-width:1239px){ .a3-d1240{display:none !important} }
@media (min-width:1240px){ .a3-m1240{display:none !important} }
@media (max-width:899px){  .a3-d900 {display:none !important} }
@media (min-width:900px){  .a3-m900 {display:none !important} }
@media (max-height:779px){ .a3-cam  {display:none !important} }

/* ---- na telefonu ništa ne ostaje zalepljeno ---- */
@media (max-width:899px){
  .a3-sticky{position:relative !important;top:auto !important;
             max-height:none !important;height:auto !important}
  :root{
    --worksH:auto; --worksPos:relative; --worksInnerH:auto;
    --trackOverflow:auto; --trackSnap:x mandatory;
    --cardW:82vw; --cardH:64vh; --endW:70vw;
    --svcRatio:4/3; --baRatio:4/5; --ord2:0; --svcPos:relative;
  }
  /* dva stupca postaju jedan */
  .a3-sticky img,.a3-sticky video{max-height:52vh}
}

[hidden]{display:none !important}
img,video,canvas{max-width:100%}
html{overflow-x:hidden}

@keyframes a3sheen{0%{background-position:120% 0}100%{background-position:-120% 0}}
@keyframes a3marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes a3blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes a3rev{0%,100%{opacity:.12}50%{opacity:1}}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none !important;transition:none !important}
}