/* Toggle switch styles */
        .switch {
            position: relative;
            display: inline-block;
            width: 44px;
            height: 24px;
        }

        .switch .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #e0e7ef;
            border-radius: 24px;
            transition: 0.4s;
        }

            /* Intro artwork spacing */
            .intro-artwork {
                margin-bottom: 40px;
            }

            /* Intro paragraph styling */
            .intro-paragraph {
                text-align: center;
            }

            .intro-paragraph p {
                font-family: 'DM Sans', sans-serif;
                font-size: 1.1rem;
                line-height: 1.2;
                text-align: center;
                max-width: 800px;
                margin: 0 auto;
            }

            /* Welcome part - prominent styling */
            .welcome-part {
                font-family: 'Nunito', sans-serif;
                font-size: 1.3rem;
                font-weight: 700;
                color: #2E5BBA;
            }

            /* Description part - subtle styling */
            .description-part {
                font-family: 'DM Sans', sans-serif;
                font-weight: 400;
                color: #333333;
            }

            footer {
                background: linear-gradient(
                    135deg,
                    rgba(46, 91, 186, 0.95),
                    rgba(76, 175, 80, 0.95)
                );
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.2);
                border-radius: 20px;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                color: rgba(255, 255, 255, 0.9);
                font-family: 'DM Sans', sans-serif;
                padding: 20px;
                margin: 30px 10px;
                text-align: center;
                line-height: 1.6;
                transition: .4s;
            }

        .switch .slider:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 3px;
            bottom: 3px;
            background-color: #2E5BBA;
            border-radius: 50%;
            transition: .4s;
        }

        .switch input:checked+.slider {
            background-color: #c7d6f7;
        }

        .switch input:checked+.slider:before {
            transform: translateX(20px);
        }

        #lang-label-ro.active,
        #lang-label-en.active {
            font-weight: bold;
            color: #FFC107;
        }

        /* Show more button styles */
        .show-more-btn {
            margin-top: 12px;
            padding: 6px 18px;
            border-radius: 20px;
            border: 2px solid #2E5BBA;
            background: #fff;
            color: #2E5BBA;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.2s, color 0.2s;
            font-family: 'DM Sans', sans-serif;
        }

        .show-more-btn:hover {
            background: #2E5BBA;
            color: #fff;
        }

        .full-quality-btn {
            margin-top: 12px;
            margin-left: 12px;
            padding: 6px 18px;
            border-radius: 20px;
            border: 2px solid #FFC107;
            background: #fff;
            color: #FFC107;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.2s, color 0.2s;
            font-family: 'DM Sans', sans-serif;
            text-decoration: none;
            display: inline-block;
        }

        .full-quality-btn:hover {
            background: #FFC107;
            color: #fff;
            text-decoration: none;
        }

        .button-group {
            margin-top: 12px;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
        }

        .button-group .show-more-btn,
        .button-group .full-quality-btn {
            margin-top: 0;
            margin-left: 0;
        }

        html {
            scroll-behavior: smooth;

            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            body {
                font-family: 'DM Sans', sans-serif;
                line-height: 1.6;
                color: #333;
                background-color: #fafafa;
                padding-bottom: 100px;
            }

            .container {
                max-width: 1200px;
                margin: 0 auto;
                padding: 20px;
            }

            header {
                text-align: center;
                margin-bottom: 50px;
                padding: 50px 30px;
                background: linear-gradient(135deg, #2E5BBA 0%, #1E4A8C 100%);
                color: white;
                border-radius: 15px;
                position: relative;
                overflow: hidden;
            }

            header::before {
                content: '';
                position: absolute;
                top: -50%;
                left: -50%;
                width: 200%;
                height: 200%;
                background: radial-gradient(circle, rgba(255, 193, 7, 0.15) 0%, transparent 70%);
                animation: pulse 8s ease-in-out infinite;
            }

            .header-content {
                position: relative;
                z-index: 2;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 40px;
                text-align: left;
            }

            .header-left {
                flex: 1;
                min-width: 0;
            }

            .header-right {
                flex: 0 0 auto;
                min-width: 280px;
            }

            .header-left h1 {
                text-align: center;
                margin-bottom: 20px;
            }

            .header-left .subtitle {
                text-align: center;
                margin-bottom: 0;
            }

            .header-right .event-details {
                background: rgba(255, 255, 255, 0.1);
                padding: 25px;
                border-radius: 12px;
                backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.2);
                text-align: center;
            }

            .header-right .event-details p {
                margin: 8px 0;
            }

            .header-right .free-entry {
                margin-top: 15px;
                padding: 8px 16px;
                background: rgba(255, 193, 7, 0.2);
                border-radius: 8px;
                border: 1px solid rgba(255, 193, 7, 0.3);
            }

            @keyframes pulse {

                0%,
                100% {
                    transform: scale(1);
                    opacity: 0.3;
                }

                50% {
                    transform: scale(1.1);
                    opacity: 0.1;
                }
            }

            /* Heading fonts */
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                font-family: 'Nunito', sans-serif;
            }

            h1 {
                font-size: 3.5rem;
                margin-bottom: 15px;
                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
                position: relative;
                z-index: 2;
                font-weight: 800;
            }

            .subtitle {
                font-size: 1.3rem;
                opacity: 0.95;
                margin-bottom: 25px;
                position: relative;
                z-index: 2;
                line-height: 1.4;
                font-weight: 400;
            }

            .event-details {
                position: relative;
                z-index: 2;
                font-size: 1.1rem;
                line-height: 1.8;
            }

            .event-details p {
                margin: 5px 0;
            }

            .free-entry {
                color: #FFC107;
                font-weight: bold;
                font-size: 1.3rem;
                margin-top: 20px;
                text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
            }

            .header-intro {
                margin-top: 30px;
                padding-top: 20px;
                border-top: 1px solid rgba(255, 255, 255, 0.2);
            }

            .header-intro p {
                font-family: 'DM Sans', sans-serif;
                font-size: 1.1rem;
                line-height: 1.6;
                color: #ffffff;
                margin: 0;
                text-align: center;
                max-width: 800px;
                margin: 0 auto;
            }

            .gallery {
                display: grid;
                grid-template-columns: 1fr;
                gap: 40px;
                margin-bottom: 50px;
            }

            .artwork {
                background: white;
                border-radius: 20px;
                box-shadow: 0 8px 25px rgba(46, 91, 186, 0.15);
                overflow: hidden;
                transition: all 0.4s ease;
                border: 2px solid transparent;
                position: relative;
                display: block;
            }

            .artwork:hover {
                transform: translateY(-8px) scale(1.02);
                box-shadow: 0 20px 40px rgba(46, 91, 186, 0.25);
                border-color: #FFC107;
            }

            .artwork::before {
                content: '';
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, transparent, rgba(255, 193, 7, 0.1), transparent);
                transition: left 0.6s ease;
                z-index: 1;
            }

            .artwork:hover::before {
                left: 100%;
            }

            .artwork-image {
                width: 100%;
                background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
                display: flex;
                align-items: center;
                justify-content: center;
                color: #6c757d;
                font-style: italic;
                border-bottom: 3px solid #FFC107;
                position: relative;
                overflow: hidden;
                flex: 1 1 0;
            }

            .artwork-image::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background:
                    radial-gradient(circle at 20% 20%, rgba(46, 91, 186, 0.1) 0%, transparent 50%),
                    radial-gradient(circle at 80% 80%, rgba(255, 193, 7, 0.1) 0%, transparent 50%),
                    radial-gradient(circle at 40% 60%, rgba(46, 91, 186, 0.05) 0%, transparent 50%);
            }

            .artwork-image img {
                width: 100%;
                height: auto;
                max-height: 70vh;
                max-width: 100%;
                object-fit: contain;
                display: block;
                position: relative;
                z-index: 2;
                cursor: pointer;
            }

            .artwork-info {
                padding: 30px;
                position: relative;
                z-index: 2;
                flex: 1 1 0;
            }

            .artwork-title {
                font-size: 1.6rem;
                color: #2E5BBA;
                margin-bottom: 12px;
                font-weight: 700;
                position: relative;
            }

            .artwork-title::after {
                content: '';
                position: absolute;
                bottom: -5px;
                left: 0;
                width: 0;
                height: 3px;
                background: linear-gradient(90deg, #FFC107, #FFD54F);
                transition: width 0.4s ease;
            }

            .artwork:hover .artwork-title::after {
                width: 100%;
            }

            .artwork-details {
                color: #6c757d;
                font-size: 0.95rem;
                margin-bottom: 18px;
                font-style: italic;
                padding: 10px 15px;
                background: rgba(46, 91, 186, 0.08);
                border-left: 4px solid #FFC107;
                border-radius: 6px;
            }

            .artwork-description {
                color: #555;
                line-height: 1.2;
                font-size: 1rem;
            }

            /* Welcome message styling in artwork context */
            .artwork .welcome-message {
                background: none !important;
                border: none !important;
                border-radius: 0 !important;
                padding: 0 !important;
                margin-bottom: 20px !important;
                box-shadow: none !important;
                text-align: center;
                max-width: 100%;
            }

            .artwork .welcome-message p {
                font-family: 'Nunito', sans-serif !important;
                font-size: 1.4rem !important;
                font-weight: 700 !important;
                color: #2E5BBA !important;
                text-shadow: none !important;
                margin: 0 !important;
                text-align: center !important;
                line-height: 1.4 !important;
            }

            /* Intro artwork spacing */
            .intro-artwork {
                margin-bottom: 40px;
            }

            .description-text {
                opacity: 0.9;
                transition: opacity 0.3s ease;
                text-align: center;
            }

            .description-text p {
                text-align: center !important;
                max-width: 800px;
                margin: 0 auto !important;
                line-height: 1.2;
            }
            

            footer {
                text-align: center;
                padding: 50px 30px;
                background: linear-gradient(135deg, #2E5BBA 0%, #1E4A8C 100%);
                color: white;
                border-radius: 15px;
                margin-top: 50px;
                position: relative;
                overflow: hidden;
            }

            footer::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: radial-gradient(circle at 30% 70%, rgba(255, 193, 7, 0.1) 0%, transparent 50%);
            }

            .contact-info {
                font-size: 1.1rem;
                position: relative;
                z-index: 2;
                line-height: 1.8;
            }

            .contact-info p {
                margin: 10px 0;
            }

            .contact-info a {
                color: #FFC107;
                text-decoration: none;
                font-weight: bold;
                transition: all 0.3s ease;
                border-bottom: 2px solid transparent;
            }

            .contact-info a:hover {
                color: #FFD54F;
                text-shadow: 0 0 10px rgba(255, 193, 7, 0.5);
                border-bottom-color: #FFC107;
            }

            .footer-content {
                position: relative;
                z-index: 2;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 40px;
                margin-bottom: 30px;
            }

            .footer-left {
                flex: 0 0 auto;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .footer-right {
                flex: 1;
                min-width: 0;
                text-align: left;
            }

            .footer-logo {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .footer-logo img {
                max-height: 120px;
                height: auto;
                width: auto;
                filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
                display: block;
            }

            .footer-right p {
                margin: 8px 0;
                text-align: left;
            }

            .copyright {
                margin-top: 30px;
                padding-top: 20px;
                border-top: 1px solid rgba(255, 255, 255, 0.2);
                opacity: 0.8;
                text-align: center;
                position: relative;
                z-index: 2;
            }

            .copyright p {
                margin: 5px 0;
                font-size: 0.9rem;
            }

            @media (max-width: 768px) {
                .artwork-image img {
                    width: 100%;
                    height: auto;
                    max-width: 100%;
                    max-height: 70vh;
                    object-fit: contain;
                    display: block;
                    position: relative;
                    z-index: 2;
                    cursor: pointer;
                }

                .gallery {
                    grid-template-columns: 1fr;
                }

                h1 {
                    font-size: 2.5rem;
                }

                .container {
                    padding: 10px;
                }

                header {
                    padding: 30px 20px;
                    text-align: center;
                }

                .header-content {
                    flex-direction: column;
                    text-align: center;
                    gap: 30px;
                }

                .header-left {
                    min-width: auto;
                }

                .header-right {
                    min-width: auto;
                    width: 100%;
                }

                .header-left h1,
                .header-left .subtitle {
                    text-align: center;
                }

                footer {
                    padding: 30px 20px;
                    text-align: center;
                }

                .footer-content {
                    flex-direction: column;
                    text-align: center;
                    gap: 25px;
                }

                .footer-right {
                    text-align: center;
                }

                .footer-right p {
                    text-align: center;
                }

                .footer-logo img {
                    max-height: 90px;
                }

                .artwork {
                    display: block;
                }

                .artwork-image,
                .artwork-info {
                    width: 100%;
                }
            }

            @media (min-width: 769px) {
                .artwork {
                    display: flex;
                    flex-direction: row;
                    align-items: stretch;
                }

                .artwork-image {
                    width: 55%;
                    min-width: 320px;
                    border-bottom: none;
                    border-right: 3px solid #FFC107;
                }

                .artwork-info {
                    width: 45%;
                    padding: 40px 40px 40px 30px;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                }
            }
        }

        /* Modal styles */
        .modal {
            display: none;
            position: fixed;
            z-index: 9999;
            left: 0;
            top: 0;
            width: 100vw;
            height: 100vh;
            overflow: auto;
            background: rgba(0, 0, 0, 0.85);
            align-items: center;
            justify-content: center;
        }

        .modal.open {
            display: flex;
        }

        .modal-content {
            max-width: 100vw;
            max-height: 100vh;
            width: 100vw;
            height: 100vh;
            margin: auto;
            display: block;
            border-radius: 0;
            box-shadow: 0 8px 40px rgba(0, 0, 0, 0.5);
            background: #fff;
            object-fit: contain;
        }

        .modal-close {
            position: absolute;
            top: 30px;
            right: 40px;
            color: #fff;
            font-size: 2.5rem;
            font-weight: bold;
            cursor: pointer;
            z-index: 10001;
            text-shadow: 0 2px 8px #000;
        }

        /* Miniature gallery responsive styles */
        .miniature-gallery {
            scrollbar-width: thin;
            scrollbar-color: #2E5BBA rgba(0, 0, 0, 0.1);
        }

        .miniature-gallery::-webkit-scrollbar {
            height: 4px;
        }

        .miniature-gallery::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.05);
        }

        .miniature-gallery::-webkit-scrollbar-thumb {
            background: #2E5BBA;
            border-radius: 2px;
        }

        .miniature-gallery::-webkit-scrollbar-thumb:hover {
            background: #1E4A8C;
        }

        /* Mobile specific adjustments */
        @media (max-width: 768px) {
            body {
                padding-bottom: 85px;
            }

            .miniature-gallery {
                padding: 8px 0 12px 0 !important;
                justify-content: flex-start !important;
            }

            .gallery-images img {
                width: 50px !important;
                height: 36px !important;
            }

            #lang-toggle-wrap {
                margin: 0 8px 0 12px !important;
            }

            .gallery-images {
                gap: 12px !important;
                padding-right: 12px !important;
            }

            .footer-logo img {
                max-height: 60px;
            }
        }

        @media (max-width: 480px) {
            body {
                padding-bottom: 75px;
            }

            .gallery-images img {
                width: 45px !important;
                height: 32px !important;
            }

            .gallery-images {
                gap: 10px !important;
            }

            .footer-logo img {
                max-height: 50px;
            }
        }