ul.fuckt li a { color: var(--green); }
    .carousel-viewport { width: 100%; position: relative; perspective: 1000px; height: 450px; display: flex; align-items: center; justify-content: center; }
    .cards-list { position: relative; width: 300px; height: 400px; transform-style: preserve-3d; transition: transform 0.5s ease; list-style: none; padding: 0; }
    
    .card { 
        position: absolute; width: 100%; height: 100%; background: #fff; border-radius: 8px; padding: 25px; 
        box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; text-align: center; 
        box-shadow: 0 10px 30px rgba(0,0,0,0.5); border: 2px solid #444; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); 
        cursor: pointer; backface-visibility: hidden; user-select: none; color: #000;
    }
    
    /* Prepínač jazykov */
    .lang-switcher { display: flex; justify-content: center; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
    .lang-btn { padding: 8px 16px; cursor: pointer; border: 1px solid var(--green); background: #222; color: #fff; border-radius: 4px; transition: 0.3s; font-weight: bold; }
    .lang-btn.active { background: var(--green); color: #000; }

    .card.active { background-color: var(--green); color: black; transform: translate3d(0, 0, 0) scale(1.1); z-index: 10; opacity: 1; border-color: var(--primary-color); }
    .card .category { font-weight: bold; text-transform: uppercase; color: var(--primary-color); letter-spacing: 2px; font-size: 0.8rem; margin-bottom: 15px; }
    .card h3 { margin: 10px 0; font-size: 1.3rem; border-bottom: 1px solid #444; padding-bottom: 10px; color: #000; }
    
    .card p { font-size: 0.95rem; line-height: 1.5; color: #111; }
    .card.active p { color: #000; }

    .card.prev { transform: translate3d(-70%, 0, -150px) rotateY(20deg); z-index: 5; opacity: 0.5; }
    .card.next { transform: translate3d(70%, 0, -150px) rotateY(-20deg); z-index: 5; opacity: 0.5; }
    .card.hidden { transform: translate3d(0, 0, -400px); opacity: 0; z-index: 0; }
    
    .card p a {color: var(--green); text-decoration: none; font-weight: bold; background-color: #000; padding: 2px 8px;}
    .card.active p a {color: #fff; text-decoration: none; font-weight: bold; background-color: #000; padding: 2px 8px;}

    .indicators { display: flex; gap: 12px; margin-top: 20px; padding: 10px; justify-content: center; align-items: center; }
    .dot { width: 12px; height: 12px; background-color: #444; border-radius: 50%; transition: all 0.3s ease; cursor: pointer; }
    .dot.active { background-color: var(--green); transform: scale(2); }