/* Sačuvaj datum – tipka za glazbu na pozivnici: desno gore u mobilnom stupcu, na svakom dizajnu ista */
.glazba-tipka { position: fixed; top: calc(env(safe-area-inset-top, 0px) + 24px); right: max(24px, calc((100vw - 440px) / 2 + 24px)); z-index: 70; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(60, 45, 35, .22); border-radius: 50%; background: rgba(255, 253, 248, .9); color: #4a3a2c; cursor: pointer; box-shadow: 0 6px 16px -8px rgba(30, 20, 10, .55); -webkit-tap-highlight-color: transparent; }
.glazba-tipka:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.glazba-tipka svg { width: 21px; height: 21px; }
.glazba-tipka__stupci { display: none; align-items: flex-end; gap: 3px; height: 17px; }
.glazba-tipka__stupci i { display: block; width: 3px; height: 100%; border-radius: 1px; background: currentColor; transform-origin: bottom; animation: glazba-stupac 1s ease-in-out infinite; }
.glazba-tipka__stupci i:nth-child(2) { animation-delay: -.35s; }
.glazba-tipka__stupci i:nth-child(3) { animation-delay: -.7s; }
.glazba-tipka--svira svg { display: none; }
.glazba-tipka--svira .glazba-tipka__stupci { display: flex; }
@keyframes glazba-stupac { 0%, 100% { transform: scaleY(.35); } 50% { transform: scaleY(1); } }
.glazba-zasluge { margin: 10px 0 0; font-size: 10.5px; line-height: 1.5; text-align: center; opacity: .75; }
.glazba-zasluge a { color: inherit; }
@media (prefers-reduced-motion: reduce) { .glazba-tipka__stupci i { animation: none; transform: scaleY(.7); } }
@media print { .glazba-tipka { display: none; } }