.perspective-1000 { perspective: 1000px; }
.transform-style-3d { transform-style: preserve-3d; }
.backface-hidden { backface-visibility: hidden; }
.rotate-y-180 { transform: rotateY(180deg); }

.fade-in { animation: fadeIn 0.4s ease-in-out; }
.pop-in { animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }

@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(10px); } 
    to { opacity: 1; transform: translateY(0); } 
}

@keyframes popIn { 
    0% { opacity: 0; transform: scale(0.5); } 
    100% { opacity: 1; transform: scale(1); } 
}

/* Sakrij scrollbar za čišći izgled na mobitelu */
::-webkit-scrollbar { width: 0px; background: transparent; }

.ribbon {
    background: #fbbf24;
    color: #78350f;
    padding: 8px 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
}