/* Animation keyframes */
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        
        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }
        
        @keyframes fadeInUp {
            from { 
                opacity: 0;
                transform: translateY(30px);
            }
            to { 
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes fadeInLeft {
            from { 
                opacity: 0;
                transform: translateX(-30px);
            }
            to { 
                opacity: 1;
                transform: translateX(0);
            }
        }
        
        @keyframes fadeInRight {
            from { 
                opacity: 0;
                transform: translateX(30px);
            }
            to { 
                opacity: 1;
                transform: translateX(0);
            }
        }
        
        @keyframes bounce {
            0%, 20%, 53%, 80%, 100% {
                transform: translate3d(0,0,0);
            }
            40%, 43% {
                transform: translate3d(0, -15px, 0);
            }
            70% {
                transform: translate3d(0, -7px, 0);
            }
            90% {
                transform: translate3d(0, -3px, 0);
            }
        }
        
        @keyframes heartBeat {
            0% { transform: scale(1); }
            25% { transform: scale(1.1); }
            50% { transform: scale(1); }
            75% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }
        
        @keyframes wiggle {
            0%, 7% { transform: rotateZ(0); }
            15% { transform: rotateZ(-5deg); }
            20% { transform: rotateZ(3deg); }
            25% { transform: rotateZ(-3deg); }
            30% { transform: rotateZ(2deg); }
            35% { transform: rotateZ(-1deg); }
            40%, 100% { transform: rotateZ(0); }
        }
        
        /* Animation classes */
        .animate-float {
            animation: float 3s ease-in-out infinite;
        }
        
        .animate-pulse-slow {
            animation: pulse 4s ease-in-out infinite;
        }
        
        .animate-fade-in-up {
            animation: fadeInUp 1s ease-out forwards;
            opacity: 0;
        }
        
        .animate-fade-in-left {
            animation: fadeInLeft 1s ease-out forwards;
            opacity: 0;
        }
        
        .animate-fade-in-right {
            animation: fadeInRight 1s ease-out forwards;
            opacity: 0;
        }
        
        .animate-bounce {
            animation: bounce 1s ease infinite;
        }
        
        .animate-heart-beat {
            animation: heartBeat 1.3s ease-in-out infinite;
        }
        
        .animate-wiggle {
            animation: wiggle 2s linear infinite;
        }
        
        .delay-100 {
            animation-delay: 100ms;
        }
        
        .delay-200 {
            animation-delay: 200ms;
        }
        
        .delay-300 {
            animation-delay: 300ms;
        }
        
        .delay-400 {
            animation-delay: 400ms;
        }
        
        .delay-500 {
            animation-delay: 500ms;
        }
        
        .delay-600 {
            animation-delay: 600ms;
        }
        
        .delay-700 {
            animation-delay: 700ms;
        }
        
        .delay-800 {
            animation-delay: 800ms;
        }
        
        .delay-900 {
            animation-delay: 900ms;
        }
        
        .delay-1000 {
            animation-delay: 1000ms;
        }
        
        /* Hover effects */
        .hover {
            transition: all 0.3s ease;
        }
        
        .hover:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
        
        /* Custom cursor */
    .heart-cursor {
        cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" viewBox="0 0 24 24"><path fill="%2339963D" stroke="%23000" stroke-width="1.75" d="M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87a.5.5 0 0 0 .35-.85L6.35 2.85a.5.5 0 0 0-.85.35Z"/></svg>') 12 12, auto;
    }

    a:hover {
        cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" viewBox="0 0 24 24"><path fill="%23FFFFFF" stroke="%23000" stroke-width="2" stroke-linejoin="round" d="M10 11V8.99c0-.88.59-1.64 1.44-1.86h.05A1.99 1.99 0 0 1 14 9.05V12v-2c0-.88.6-1.65 1.46-1.87h.05A1.98 1.98 0 0 1 18 10.06V13v-1.94a2 2 0 0 1 1.51-1.94h0A2 2 0 0 1 22 11.06V14c0 .6-.08 1.27-.21 1.97a7.96 7.96 0 0 1-7.55 6.48 54.98 54.98 0 0 1-4.48 0 7.96 7.96 0 0 1-7.55-6.48C2.08 15.27 2 14.59 2 14v-1.49c0-1.11.9-2.01 2.01-2.01h0a2 2 0 0 1 2.01 2.03l-.01.97v-10c0-1.1.9-2 2-2h0a2 2 0 0 1 2 2V11Z"></path></svg>') 12 12, pointer;
    }

   .copy-btn {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24"><path fill="%23FFFFFF" stroke="%23000" stroke-width="2" stroke-linejoin="round" d="M10 11V8.99c0-.88.59-1.64 1.44-1.86h.05A1.99 1.99 0 0 1 14 9.05V12v-2c0-.88.6-1.65 1.46-1.87h.05A1.98 1.98 0 0 1 18 10.06V13v-1.94a2 2 0 0 1 1.51-1.94h0A2 2 0 0 1 22 11.06V14c0 .6-.08 1.27-.21 1.97a7.96 7.96 0 0 1-7.55 6.48 54.98 54.98 0 0 1-4.48 0 7.96 7.96 0 0 1-7.55-6.48C2.08 15.27 2 14.59 2 14v-1.49c0-1.11.9-2.01 2.01-2.01h0a2 2 0 0 1 2.01 2.03l-.01.97v-10c0-1.1.9-2 2-2h0a2 2 0 0 1 2 2V11Z"></path></svg>') 0 0, auto;
  }


.imageSwitcher {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" viewBox="0 0 24 24"><path fill="%23FFF" stroke="%23000" stroke-width="2" stroke-linejoin="round" d="M10 11V8.99c0-.88.59-1.64 1.44-1.86h.05A1.99 1.99 0 0 1 14 9.05V12v-2c0-.88.6-1.65 1.46-1.87h.05A1.98 1.98 0 0 1 18 10.06V13v-1.94a2 2 0 0 1 1.51-1.94h0A2 2 0 0 1 22 11.06V14c0 .6-.08 1.27-.21 1.97a7.96 7.96 0 0 1-7.55 6.48 54.98 54.98 0 0 1-4.48 0 7.96 7.96 0 0 1-7.55-6.48C2.08 15.27 2 14.59 2 14v-1.49c0-1.11.9-2.01 2.01-2.01h0a2 2 0 0 1 2.01 2.03l-.01.97v-10c0-1.1.9-2 2-2h0a2 2 0 0 1 2 2V11Z"></path></svg>') 12 12, pointer !important;
}

.big_cursor {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" viewBox="0 0 24 24"><path fill="%23FFF" stroke="%23000" stroke-width="2" stroke-linejoin="round" d="M10 11V8.99c0-.88.59-1.64 1.44-1.86h.05A1.99 1.99 0 0 1 14 9.05V12v-2c0-.88.6-1.65 1.46-1.87h.05A1.98 1.98 0 0 1 18 10.06V13v-1.94a2 2 0 0 1 1.51-1.94h0A2 2 0 0 1 22 11.06V14c0 .6-.08 1.27-.21 1.97a7.96 7.96 0 0 1-7.55 6.48 54.98 54.98 0 0 1-4.48 0 7.96 7.96 0 0 1-7.55-6.48C2.08 15.27 2 14.59 2 14v-1.49c0-1.11.9-2.01 2.01-2.01h0a2 2 0 0 1 2.01 2.03l-.01.97v-10c0-1.1.9-2 2-2h0a2 2 0 0 1 2 2V11Z"></path></svg>') 12 12, pointer !important;
}


        /* Floating hearts background */
        .floating-hearts {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: -1;
            overflow: hidden;
        }
        
        .floating-heart {
            position: absolute;
            bottom: -50px;
            color: rgba(255, 105, 180, 0.5);
            animation: float-up 15s linear infinite;
            font-size: 20px;
        }
        
        @keyframes float-up {
            0% {
                transform: translateY(0) rotate(0deg);
                opacity: 0;
            }
            10% {
                opacity: 1;
            }
            90% {
                opacity: 1;
            }
            100% {
                transform: translateY(-100vh) rotate(360deg);
                opacity: 0;
            }
        }


  .marquee-container,
.marquee-container_2 {
position: relative;
width: 120vw;
left: 50%;
margin-left: -60vw;
overflow: hidden;
background: url('/img/hero-bg.png') center/cover;
padding: 20px 0;
border-radius: 0;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.marquee-container {
transform: rotate(355deg);
}
.marquee-container_2 {
transform: rotate(355deg);
}
.marquee-container::before,
.marquee-container_2::before {
content: '';
position: absolute;
inset: 0;
background: #FFF600;
opacity: 0.8;
z-index: -1;
}
.marquee {
display: flex;
animation: marquee-left 12s linear infinite;
}
.marquee.reverse {
animation: marquee-right 12s linear infinite;
}
.marquee:hover {
animation-play-state: paused;
}
.marquee-content {
display: flex;
flex-shrink: 0;
}
.marquee-item {
padding: 10px 20px;
margin: 0 10px;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(5px);
border-radius: 6px;
font-size: 1.2rem;
font-weight: bold;
color: white;
white-space: nowrap;
}
/* Keyframes pentru direcții diferite */
@keyframes marquee-left {
0% { transform: translateX(0); }
100% { transform: translateX(-33.33%); }
}
@keyframes marquee-right {
0% { transform: translateX(-33.33%); }
100% { transform: translateX(0); }
}
.mb-4{
margin-bottom: 130px;
}
@media (max-width: 768px) {
.marquee-container,
.marquee-container_2 {
width: 140vw; /* puțin mai lat, dar se vede ok pe mobil */
margin-left: -70vw;
padding: 10px 0; /* mai subțire */
}
.marquee-item {
padding: 6px 12px;
margin: 0 6px;
font-size: 0.9rem;
}
.marquee-item img {
width: 60px; /* mai mic pe mobil */
}
.mb-4 {
margin-bottom: 40px; /* mai puțin spațiu */
}
}
@media (max-width: 480px) {
.marquee-container,
.marquee-container_2 {
width: 160vw;
margin-left: -80vw;
padding: 8px 0;
}
.marquee-item {
padding: 4px 8px;
margin: 0 4px;
font-size: 0.8rem;
}
.marquee-item img {
width: 50px;
}
.mb-4 {
margin-bottom: 30px;
}
}