/* „Što kažu klijenti” u O meni (21. 10. 2026.): dva izdvojena citata iz Google recenzija na papirnatim karticama,
   u istom materijalu kao iskaznica vodiča. Kartice jednom padnu na mjesto (.ulazak-niz + .is-in iz main.js, samo uz html.pokret),
   poslije se ništa ne miče. */

.glasovi{container:glasovi/inline-size;max-width:700px;margin:30px 0 6px}
.glasovi__oznaka{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 18px;font:500 12px/1.4 var(--pismo-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.glasovi__zvjezdice{font-size:14px;letter-spacing:.12em;color:var(--orange)}
.glasovi__oznaka a{display:inline-flex;align-items:center;gap:6px;min-height:44px;border-bottom:1px solid #5b675855;color:#3d4842}
.glasovi__oznaka a span{color:var(--orange)}
.glasovi__oznaka a:hover{border-color:var(--orange);color:#bd3d17}

.glasovi__kartice{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
@container glasovi (min-width:600px){
  .glasovi__kartice{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  .glas:nth-child(2){margin-top:22px}
}

.glas{--nagib:-1.2deg;position:relative;display:flex;flex-direction:column;margin:0;padding:22px 24px 2px;background:var(--paper-light);border:1px solid #c2c9b9;box-shadow:6px 7px 0 #ced4c580;rotate:var(--nagib)}
.glas:nth-child(2){--nagib:1.5deg}
.glas__tko{display:grid;gap:2px;padding-right:92px}
.glas__tko strong{font:600 17px/1.25 Archivo,sans-serif;letter-spacing:-.01em;color:var(--ink)}
.glas__tko span{font-size:15px;line-height:1.35;color:#56615a}
.glas__zvjezdice{position:absolute;top:22px;right:22px;font-size:15px;letter-spacing:.1em;line-height:1.2;color:var(--orange)}
.glas__citat{flex:1;margin:14px 0 16px}
.glas__citat p{margin:0;font:italic 450 19px/1.45 Fraunces,Georgia,serif;color:#2f3833}
.glas__izvor{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;border-top:1px solid #d9dccf;font:500 11.5px/1.3 var(--pismo-mono);letter-spacing:.12em;text-transform:uppercase;color:#5f6a62}
.glas__izvor a{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;margin-right:-12px;font-size:16px;letter-spacing:0;color:var(--orange)}
.glas__izvor a:hover{color:#bd3d17}

/* činjenice o meni u dva stupca, da se sekcija ne izduži */
@media (min-width:1280px){
  .guide-copy ul.guide-copy__cinjenice{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
}
.guide-copy ul.guide-copy__cinjenice li{display:flex}

/* ulazak: kartice jednom padnu na mjesto */
.pokret .glasovi__kartice.ulazak-niz>.glas{opacity:0;translate:0 -16px;rotate:calc(var(--nagib) - 2.5deg);transition:opacity .45s ease,translate .7s cubic-bezier(.2,.8,.2,1),rotate .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 160ms + 120ms)}
.pokret .glasovi__kartice.ulazak-niz.is-in>.glas{opacity:1;translate:0 0;rotate:var(--nagib)}
html.bez-petlji .glasovi__kartice>.glas{transition:none!important}

@media (max-width:760px){
  .glasovi{margin-top:24px}
  .glas{padding:18px 18px 0}
  .glas__citat p{font-size:18px}
  .glas:nth-child(2){--nagib:1deg}
  .glas:nth-child(1){--nagib:-.8deg}
}