[x-cloak] {
            display: none !important;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: "Sansita", sans-serif;
        }

        .gallery-scroll {
            scrollbar-width: none;
        }

        .gallery-scroll::-webkit-scrollbar {
            display: none;
        }

        /* Scroll reveal animation */
        @keyframes sectionRevealUp {
            from {
                opacity: 0;
                transform: translateY(170px) scale(0.7);
            }

            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        .scroll-reveal {
            opacity: 0;
            transform: translateY(70px);
            animation-name: sectionRevealUp;
            animation-duration: 1s;
            animation-timing-function: ease-out;
            animation-fill-mode: both;

            /* მთავარი ნაწილი */
            animation-timeline: view();
            animation-range: entry 0% cover 35%;
        }

        /* სხვადასხვა სექციაზე ოდნავ ნაზი ეფექტი */
        .scroll-reveal-soft {
            animation-range: entry 5% cover 30%;
        }

        .scroll-reveal-long {
            animation-range: entry 0% cover 50%;
        }

        /* Card-ებისთვის პატარა delay-like ეფექტი */
        .scroll-reveal-items>* {
            opacity: 0;
            transform: translateY(45px);
            animation-name: sectionRevealUp;
            animation-duration: 0.9s;
            animation-timing-function: ease-out;
            animation-fill-mode: both;
            animation-timeline: view();
        }

        .scroll-reveal-items>*:nth-child(1) {
            animation-range: entry 0% cover 25%;
        }

        .scroll-reveal-items>*:nth-child(2) {
            animation-range: entry 5% cover 30%;
        }

        .scroll-reveal-items>*:nth-child(3) {
            animation-range: entry 10% cover 35%;
        }

        .scroll-reveal-items>*:nth-child(4) {
            animation-range: entry 15% cover 40%;
        }

        .scroll-reveal-items>*:nth-child(5) {
            animation-range: entry 20% cover 45%;
        }

        .scroll-reveal-items>*:nth-child(6) {
            animation-range: entry 25% cover 50%;
        }

        /* ძველი ბრაუზერის fallback */
        @supports not (animation-timeline: view()) {

            .scroll-reveal,
            .scroll-reveal-items>* {
                opacity: 1;
                transform: none;
                filter: none;
                animation: none;
            }
        }

        /* ვისაც motion გამორთული აქვს */
        @media (prefers-reduced-motion: reduce) {

            .scroll-reveal,
            .scroll-reveal-items>* {
                opacity: 1;
                transform: none;
                filter: none;
                animation: none;
            }
        }