.hero-pattern {
            background-image: linear-gradient(to bottom, rgba(9, 9, 11, 0.6), rgba(9, 9, 11, 1)), url('https://images.starfish-studios.com/projects/dragon-pets/render/dragon-pets-render-01-17fce0f6c0e035de-1920.png');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        .gradient-text {
            background: linear-gradient(to right, #ffffff, #ffffff, #9ca3af);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            display: inline-block;
        }

        @keyframes gentle-float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-5px); }
        }

        @keyframes float-card {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-15px); }
        }

        .animate-float-card {
            animation: float-card 3s ease-in-out infinite;
        }

        .animate-gentle-float {
            animation: gentle-float 4s ease-in-out infinite;
        }

        .animate-float {
            animation: float 4s ease-in-out infinite;
        }

        @keyframes float {
            0% {
                transform: translateY(0px);
            }
            50% {
                transform: translateY(-25px); /* Wumpus se zvedne o 25px nahoru */
            }
            100% {
                transform: translateY(0px); /* Vrátí se zpět */
            }
        }

        .shimmer-effect {
            position: relative;
            overflow: hidden;
        }

        .shimmer-effect::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 50%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
            animation: shine 5s infinite;
        }

        .card-shine {
            position: relative;
            overflow: hidden;
        }

        .card-shine::after {
            content: '';
            position: absolute;
            top: 0;
            left: -150%; /* Začíná mimo kartu */
            width: 50%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            transform: skewX(-25deg); /* Zkosení pro přirozenější vzhled */
            transition: none;
        }

        .card-shine:hover::after {
            left: 150%; /* Projede celou kartou */
            transition: left 0.8s ease-in-out; /* Rychlost záblesku */
        }

        @keyframes shine {
            0% { left: -100%; }
            20%, 100% { left: 150%; }
        }

        .shine-white {
            position: relative;
            overflow: hidden;
        }

        .parallax-bg {
            background-image: url('image_f4075d.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed; /* Tohle vytvoří ten magický efekt */
        }

        .shine-white::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 50%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
            animation: shine 5s infinite;
        }
        .glass-card { background: rgba(24, 24, 27, 0.7); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.05); }
        .reveal { opacity: 0; transform: translateY(20px); transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #09090b; }
        ::-webkit-scrollbar-thumb { background: #27272a; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #3f3f46; }


        /* Responzivní úpravy – zachovávají původní desktopový vzhled */
        #mobile-menu { max-height: calc(100vh - 6rem); overflow-y: auto; }
        @media (max-width: 767px) {
            #navbar { padding-top: .5rem; }
            #navbar > div:first-child { padding-left: 1rem; padding-right: 1rem; }
            #navbar img[alt="PvPMania"] { height: 4rem; }
            .mobile-store-label { display: none; }
            .mobile-store-button { width: 2.75rem; height: 2.75rem; padding: 0; justify-content: center; }
            .hero-pattern, .parallax-bg { background-attachment: scroll; }
            #toast { left: 1rem; right: 1rem; bottom: 1rem; padding: 1rem; }
            h1 { overflow-wrap: anywhere; }
        }
        @media (max-width: 639px) {
            .mobile-safe-title { font-size: clamp(2.5rem, 13vw, 4rem) !important; }
            .mobile-card-padding { padding: 1.5rem !important; }
        }
        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
        }