{"id":104153,"date":"2026-07-09T09:48:06","date_gmt":"2026-07-09T09:48:06","guid":{"rendered":"https:\/\/nacc.gov.al\/?page_id=104153"},"modified":"2026-07-13T11:03:02","modified_gmt":"2026-07-13T11:03:02","slug":"microsite-informues","status":"publish","type":"page","link":"https:\/\/nacc.gov.al\/en\/microsite-informues\/","title":{"rendered":"Microsite Informues"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"104153\" class=\"elementor elementor-104153\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-20692623 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"20692623\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7ffd86c7\" data-id=\"7ffd86c7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2d269e2f elementor-widget elementor-widget-html\" data-id=\"2d269e2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     AKKC MICROSITE \"NGA FARA DERI NE EKSPORT\" (kodi i plote, v5)\r\n     Zevendeson te gjithe permbajtjen e HTML widget-it ekzistues.\r\n     Baza: kodi yt i fundit. FONTET JANE SAKTESISHT TE TUAT, te paprekura:\r\n     Cormorant per h1, h2, h3, rail-title; Inter per gjithe tekstin tjeter.\r\n\r\n     Rregullimet ne kete version:\r\n       0. Mini-bar i mobile: merr stilin e pikes aktive te dropdown-it\r\n          (sfond i lavanderte f4f3fe, kende 14px). Ngjyra cc3366 vinte\r\n          nga stilimi global i butonave te temes, jo nga ky kod, prandaj\r\n          mbivendoset me important edhe ne hover, focus e active.\r\n       1. Hiqen breadcrumb-i (Publikime \/ ...) dhe molekulat dekorative\r\n          heksagonale nga hero, bashke me CSS-ne e tyre.\r\n       1. Sidebar: shtohet div.rail-list-wrap qe mungonte ne HTML dhe\r\n          korrigjohen rreshtat e grid-it te .rail-card. Lista tani rri\r\n          gjithmone brenda sfondit te kartes; ne ekrane te shkurtra\r\n          kompaktohet dhe, po s'mjaftoi, ben scroll te brendshem.\r\n          Kjo heq edhe hapesiren e madhe pas titullit te kartes.\r\n       2. Mobile: collapse i mini-bar tani punon vertet, se varej\r\n          pikerisht nga wrapper-i qe mungonte.\r\n       3. Komenti dhe linku i fonteve jane korrigjuar qe editori\r\n          te mos nxjerre me gabime validimi.\r\n     ================================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant:wght@600;700&amp;family=Inter:wght@400..900&amp;display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n        :root {\r\n            --akkc-purple: #4b257a;\r\n            --akkc-purple-2: #5a338f;\r\n            --akkc-lavender: #8d78b7;\r\n            --akkc-lavender-soft: #f5f1fb;\r\n            --akkc-green: #059c8a;\r\n            --akkc-green-2: #42a85f;\r\n            --ink: #18036d;\r\n            --body: #465080;\r\n            --muted: #747b9e;\r\n            --line: #ddd8fa;\r\n            --paper: rgba(255, 255, 255, .78);\r\n            --paper-strong: rgba(255, 255, 255, .94);\r\n            --shadow: 0 30px 80px rgba(28, 13, 92, .12), 0 8px 24px rgba(28, 13, 92, .07);\r\n            --soft-shadow: 0 18px 48px rgba(38, 24, 111, .10);\r\n            --serif: \"Cormorant\", \"Cormorant Garamond\", Georgia, serif;\r\n            --sans: \"Inter\", \"Manrope\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n        }\r\n\r\n        * {\r\n            box-sizing: border-box\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n            background: #fff\r\n        }\r\n\r\n        body {\r\n            margin: 0;\r\n            font-family: var(--sans);\r\n            color: var(--ink);\r\n            background: #fff;\r\n            overflow-x: hidden;\r\n            -webkit-font-smoothing: antialiased;\r\n            text-rendering: geometricPrecision\r\n        }\r\n\r\n        \/* Rregull global: \u00e7do titull i madh n\u00eb Cormorant, \u00e7do tekst i vog\u00ebl n\u00eb Inter *\/\r\n        h1, h2, h3, .rail-title {\r\n            font-family: var(--serif) !important;\r\n        }\r\n\r\n        p, span, li, a, button, .phase, .legal-note span, .rail p, .rail-sub,\r\n        .rail-mini-label, .breadcrumb, .photo-badge {\r\n            font-family: var(--sans);\r\n        }\r\n\r\n        a {\r\n            color: inherit;\r\n            text-decoration: none\r\n        }\r\n\r\n        .site-shell {\r\n            position: relative;\r\n            background: linear-gradient(180deg, #fff 0%, #fbfaff 36%, #f7f4fc 64%, #fff 100%);\r\n            min-height: 100vh;\r\n            overflow: hidden\r\n        }\r\n\r\n        .prototype-bg {\r\n            position: absolute;\r\n            inset: 0;\r\n            pointer-events: none;\r\n            z-index: 0\r\n        }\r\n\r\n        .mesh {\r\n            position: absolute;\r\n            width: 680px;\r\n            height: 370px;\r\n            bottom: 36px;\r\n            opacity: .42;\r\n            background-image: radial-gradient(circle, #6b5cff 1px, transparent 1.35px);\r\n            background-size: 12px 12px;\r\n            filter: blur(.08px);\r\n            transform: perspective(760px) rotateX(64deg) rotateZ(-7deg);\r\n            mask-image: radial-gradient(ellipse at center, #000 15%, rgba(0, 0, 0, .78) 43%, transparent 76%)\r\n        }\r\n\r\n        .mesh.left {\r\n            left: -120px\r\n        }\r\n\r\n        .mesh.right {\r\n            right: -120px;\r\n            transform: perspective(760px) rotateX(64deg) rotateZ(7deg)\r\n        }\r\n\r\n        .noise {\r\n            position: absolute;\r\n            inset: 0;\r\n            opacity: .18;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.34'\/%3E%3C\/svg%3E\");\r\n            mix-blend-mode: multiply\r\n        }\r\n\r\n        .hero {\r\n            position: relative;\r\n            z-index: 1;\r\n            min-height: calc(100vh - 116px);\r\n            display: grid;\r\n            place-items: center;\r\n            text-align: center;\r\n            padding: 92px 24px 70px\r\n        }\r\n\r\n        .hero-logo {\r\n            position: absolute;\r\n            top: 28px;\r\n            left: 42px;\r\n            display: none\r\n        }\r\n\r\n        .hero h1 {\r\n            font-family: var(--serif);\r\n            font-size: clamp(78px, 9.7vw, 150px);\r\n            line-height: .86;\r\n            letter-spacing: -.045em;\r\n            margin: 0;\r\n            color: var(--ink);\r\n            font-weight: 700\r\n        }\r\n\r\n        .ornament {\r\n            display: flex;\r\n            gap: 14px;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 27px auto 24px\r\n        }\r\n\r\n        .ornament span {\r\n            width: 92px;\r\n            height: 1.5px;\r\n            background: #877aff;\r\n            border-radius: 5px;\r\n            opacity: .78\r\n        }\r\n\r\n        .ornament i {\r\n            width: 9px;\r\n            height: 9px;\r\n            border: 2px solid #8b7dff;\r\n            border-radius: 50%;\r\n            display: block\r\n        }\r\n\r\n        .hero p {\r\n            max-width: 620px;\r\n            margin: 0 auto;\r\n            font-family: var(--sans);\r\n            font-size: clamp(14px, 1.4vw, 16px);\r\n            line-height: 1.6;\r\n            color: #505984;\r\n            font-weight: 500\r\n        }\r\n\r\n        .hero-visual {\r\n            height: 132px;\r\n            position: relative;\r\n            margin-top: 42px\r\n        }\r\n\r\n        .journey {\r\n            position: relative;\r\n            z-index: 1;\r\n            display: grid;\r\n            grid-template-columns: 260px minmax(0, 1fr);\r\n            gap: 42px;\r\n            max-width: 1470px;\r\n            margin: 0 auto;\r\n            padding: 20px 54px 110px\r\n        }\r\n\r\n        .rail {\r\n            position: sticky;\r\n            top: 118px;\r\n            align-self: start;\r\n            height: calc(100vh - 145px);\r\n            padding: 10px 0\r\n        }\r\n\r\n        .rail-track {\r\n            position: absolute;\r\n            left: 18px;\r\n            top: 24px;\r\n            bottom: 18px;\r\n            width: 2px;\r\n            background: #c9c5eb\r\n        }\r\n\r\n        .rail-progress {\r\n            position: absolute;\r\n            left: 18px;\r\n            top: 24px;\r\n            width: 2px;\r\n            height: 0;\r\n            background: #6f62f4;\r\n            box-shadow: 0 0 0 1px rgba(111, 98, 244, .09);\r\n            transition: height .15s linear\r\n        }\r\n\r\n        .rail ul {\r\n            list-style: none;\r\n            margin: 0;\r\n            padding: 0\r\n        }\r\n\r\n        .rail li {\r\n            display: grid;\r\n            grid-template-columns: 40px 1fr;\r\n            gap: 16px;\r\n            align-items: center;\r\n            margin: 0 0 21px\r\n        }\r\n\r\n        .dot {\r\n            width: 15px;\r\n            height: 15px;\r\n            border: 2px solid #bab7e7;\r\n            background: #fff;\r\n            border-radius: 50%;\r\n            z-index: 2;\r\n            box-shadow: 0 0 0 5px #fff\r\n        }\r\n\r\n        .rail li.active .dot {\r\n            border-color: #6f62f4;\r\n            background: #6f62f4;\r\n            box-shadow: 0 0 0 8px rgba(111, 98, 244, .16)\r\n        }\r\n\r\n        .rail .num {\r\n            font-size: 10px;\r\n            letter-spacing: .06em;\r\n            font-weight: 900;\r\n            color: #6f62f4;\r\n            text-transform: uppercase\r\n        }\r\n\r\n        .rail h3 {\r\n            margin: 0;\r\n            font-size: 13px;\r\n            color: #22206d;\r\n            font-weight: 800\r\n        }\r\n\r\n        .rail p {\r\n            margin: 2px 0 0;\r\n            font-size: 11px;\r\n            color: #67709c;\r\n            font-weight: 600\r\n        }\r\n\r\n        .chapters {\r\n            display: grid;\r\n            gap: 74px\r\n        }\r\n\r\n        .chapter {\r\n            min-height: 520px;\r\n            border: 1px solid rgba(126, 117, 218, .20);\r\n            border-radius: 26px;\r\n            background: var(--paper);\r\n            backdrop-filter: blur(18px);\r\n            box-shadow: var(--shadow);\r\n            display: grid;\r\n            grid-template-columns: minmax(310px, 1fr) minmax(340px, .98fr);\r\n            align-items: center;\r\n            overflow: hidden;\r\n            position: relative;\r\n            opacity: 0;\r\n            transform: translateY(42px);\r\n            transition: opacity 850ms cubic-bezier(.2, .9, .2, 1), transform 850ms cubic-bezier(.2, .9, .2, 1)\r\n        }\r\n\r\n        .chapter.visible {\r\n            opacity: 1;\r\n            transform: translateY(0)\r\n        }\r\n\r\n        .chapter::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background: radial-gradient(circle at 72% 18%, rgba(115, 101, 244, .10), transparent 27%), radial-gradient(circle at 25% 90%, rgba(5, 156, 138, .06), transparent 30%);\r\n            pointer-events: none\r\n        }\r\n\r\n        .chapter:nth-child(even) {\r\n            grid-template-columns: minmax(340px, .98fr) minmax(310px, 1fr)\r\n        }\r\n\r\n        .chapter:nth-child(even) .visual {\r\n            order: 2\r\n        }\r\n\r\n        .copy {\r\n            padding: 58px 62px;\r\n            position: relative;\r\n            z-index: 2\r\n        }\r\n\r\n        .phase {\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            letter-spacing: .075em;\r\n            font-weight: 900;\r\n            color: #6a5cf5;\r\n            margin-bottom: 14px\r\n        }\r\n\r\n        .copy h2 {\r\n            font-family: var(--serif);\r\n            font-size: clamp(48px, 5.4vw, 76px);\r\n            line-height: .92;\r\n            letter-spacing: -.04em;\r\n            margin: 0 0 22px;\r\n            color: var(--ink)\r\n        }\r\n\r\n        .copy p {\r\n            font-family: var(--sans);\r\n            font-size: 15px;\r\n            line-height: 1.7;\r\n            color: #4d5686;\r\n            font-weight: 500;\r\n            max-width: 570px;\r\n            margin: 0\r\n        }\r\n\r\n        .legal-note {\r\n            margin-top: 24px;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 15px;\r\n            border-top: 1px solid rgba(113, 101, 244, .16);\r\n            padding-top: 22px;\r\n            max-width: 560px\r\n        }\r\n\r\n        .legal-note svg {\r\n            width: 26px;\r\n            min-width: 26px;\r\n            stroke: #6e62f4\r\n        }\r\n\r\n        .legal-note span {\r\n            font-size: 12.5px;\r\n            line-height: 1.55;\r\n            color: #58618d;\r\n            font-weight: 600\r\n        }\r\n\r\n        .visual {\r\n            height: 100%;\r\n            min-height: 520px;\r\n            display: grid;\r\n            place-items: center;\r\n            position: relative;\r\n            z-index: 2\r\n        }\r\n\r\n        .visual::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 360px;\r\n            height: 126px;\r\n            border-radius: 50%;\r\n            background: repeating-radial-gradient(ellipse at center, rgba(115, 101, 244, .15) 0 1px, transparent 1px 22px);\r\n            bottom: 70px;\r\n            opacity: .86\r\n        }\r\n\r\n        .visual svg {\r\n            width: min(77%, 440px);\r\n            height: auto;\r\n            filter: drop-shadow(0 22px 24px rgba(28, 16, 89, .10))\r\n        }\r\n\r\n        @media(max-width:1120px) {\r\n            .journey {\r\n                grid-template-columns: 1fr\r\n            }\r\n\r\n            .rail {\r\n                position: relative;\r\n                top: auto;\r\n                height: auto;\r\n                padding: 0 0 10px\r\n            }\r\n\r\n            .rail-track,\r\n            .rail-progress {\r\n                display: none\r\n            }\r\n\r\n            .rail ul {\r\n                display: grid;\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 12px\r\n            }\r\n\r\n            .rail li {\r\n                margin: 0;\r\n                border: 1px solid var(--line);\r\n                border-radius: 16px;\r\n                padding: 10px;\r\n                background: rgba(255, 255, 255, .78)\r\n            }\r\n\r\n            .chapter,\r\n            .chapter:nth-child(even) {\r\n                grid-template-columns: 1fr\r\n            }\r\n\r\n            .chapter:nth-child(even) .visual {\r\n                order: 0\r\n            }\r\n\r\n            .visual {\r\n                min-height: 390px\r\n            }\r\n\r\n            .copy {\r\n                padding: 42px\r\n            }\r\n\r\n        }\r\n\r\n        @media(max-width:860px) {\r\n            .hero {\r\n                min-height: calc(100vh - 120px);\r\n                padding: 80px 18px 54px\r\n            }\r\n\r\n            .hero h1 {\r\n                font-size: clamp(42px, 13.5vw, 76px);\r\n                line-height: .92\r\n            }\r\n\r\n            .hero p {\r\n                font-size: 14px\r\n            }\r\n\r\n            .journey {\r\n                padding: 10px 18px 70px\r\n            }\r\n\r\n            .rail ul {\r\n                grid-template-columns: 1fr\r\n            }\r\n\r\n            .chapter {\r\n                border-radius: 22px\r\n            }\r\n\r\n            .copy {\r\n                padding: 36px 28px\r\n            }\r\n\r\n            .copy h2 {\r\n                font-size: 50px\r\n            }\r\n\r\n            .copy p {\r\n                font-size: 13.5px\r\n            }\r\n\r\n            .visual {\r\n                min-height: 310px\r\n            }\r\n\r\n            .mesh {\r\n                width: 420px;\r\n                height: 260px;\r\n                opacity: .30\r\n            }\r\n        }\r\n\r\n        @media(prefers-reduced-motion:reduce) {\r\n\r\n            *,\r\n            *::before,\r\n            *::after {\r\n                animation: none !important;\r\n                transition: none !important;\r\n                scroll-behavior: auto !important\r\n            }\r\n\r\n            .chapter {\r\n                opacity: 1;\r\n                transform: none\r\n            }\r\n\r\n            .rail-progress {\r\n                transition: none\r\n            }\r\n        }\r\n\r\n        \/* Photo-based animations, full-bleed cover for every stage *\/\r\n        .hero-visual {\r\n            height: 168px;\r\n            position: relative;\r\n            margin-top: 36px\r\n        }\r\n\r\n        .visual {\r\n            padding: 34px 28px 42px;\r\n            min-height: 520px\r\n        }\r\n\r\n        .visual::before {\r\n            width: 395px;\r\n            height: 138px;\r\n            bottom: 44px;\r\n            opacity: .56\r\n        }\r\n\r\n        .visual svg {\r\n            display: none !important\r\n        }\r\n\r\n        .photo-shell {\r\n            position: relative;\r\n            width: min(86%, 500px);\r\n            aspect-ratio: 4 \/ 5;\r\n            min-height: 440px;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            border-radius: 30px;\r\n            overflow: hidden;\r\n            background: #f7f5ff;\r\n            border: 1px solid rgba(111, 98, 244, .14);\r\n            box-shadow: 0 34px 78px rgba(25, 13, 88, .17), 0 12px 30px rgba(25, 13, 88, .10);\r\n            opacity: 0;\r\n            transform: translateY(36px) scale(.985);\r\n            transition: opacity 1100ms cubic-bezier(.19, 1, .22, 1), transform 1100ms cubic-bezier(.19, 1, .22, 1)\r\n        }\r\n\r\n        .photo-shell::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(180deg, rgba(255, 255, 255, .14), transparent 28%, transparent 68%, rgba(13, 7, 71, .12));\r\n            z-index: 2;\r\n            pointer-events: none\r\n        }\r\n\r\n        .photo-shell::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 1px;\r\n            border-radius: 29px;\r\n            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .32);\r\n            z-index: 2;\r\n            pointer-events: none\r\n        }\r\n\r\n        .chapter.visible .photo-shell {\r\n            opacity: 1;\r\n            transform: translateY(0) scale(1)\r\n        }\r\n\r\n        .photo-media,\r\n        figure.photo-shell img {\r\n            position: absolute !important;\r\n            inset: 0 !important;\r\n            top: 0 !important;\r\n            left: 0 !important;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            max-width: none !important;\r\n            max-height: none !important;\r\n            min-height: 100% !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            border: 0 !important;\r\n            display: block;\r\n            object-fit: cover !important;\r\n            object-position: center;\r\n            transform: scale(1.08);\r\n            filter: saturate(1.02) contrast(1.03)\r\n        }\r\n\r\n        .photo-shell.crop-top .photo-media {\r\n            object-position: center 26%\r\n        }\r\n\r\n        .photo-shell.crop-right .photo-media {\r\n            object-position: 60% center\r\n        }\r\n\r\n        .photo-shell.crop-upper .photo-media {\r\n            object-position: center 35%\r\n        }\r\n\r\n        .chapter.visible .photo-media.motion-a {\r\n            animation: photoSettle 1600ms cubic-bezier(.19, 1, .22, 1) forwards, driftA 18s ease-in-out 1600ms infinite alternate\r\n        }\r\n\r\n        .chapter.visible .photo-media.motion-b {\r\n            animation: photoSettle 1600ms cubic-bezier(.19, 1, .22, 1) forwards, driftB 20s ease-in-out 1600ms infinite alternate\r\n        }\r\n\r\n        .chapter.visible .photo-media.motion-c {\r\n            animation: photoSettle 1600ms cubic-bezier(.19, 1, .22, 1) forwards, driftC 17s ease-in-out 1600ms infinite alternate\r\n        }\r\n\r\n        @keyframes photoSettle {\r\n            0% {\r\n                transform: scale(1.12)\r\n            }\r\n\r\n            100% {\r\n                transform: scale(1.04)\r\n            }\r\n        }\r\n\r\n        @keyframes driftA {\r\n            0% {\r\n                transform: scale(1.04) translate3d(0, 0, 0)\r\n            }\r\n\r\n            100% {\r\n                transform: scale(1.08) translate3d(-10px, -8px, 0)\r\n            }\r\n        }\r\n\r\n        @keyframes driftB {\r\n            0% {\r\n                transform: scale(1.04) translate3d(0, 0, 0)\r\n            }\r\n\r\n            100% {\r\n                transform: scale(1.07) translate3d(10px, -6px, 0)\r\n            }\r\n        }\r\n\r\n        @keyframes driftC {\r\n            0% {\r\n                transform: scale(1.04) translate3d(0, 0, 0)\r\n            }\r\n\r\n            100% {\r\n                transform: scale(1.075) translate3d(0, -10px, 0)\r\n            }\r\n        }\r\n\r\n        .photo-badge {\r\n            position: absolute;\r\n            left: 20px;\r\n            top: 20px;\r\n            z-index: 3;\r\n            padding: 9px 13px;\r\n            border-radius: 999px;\r\n            background: rgba(255, 255, 255, .82);\r\n            backdrop-filter: blur(8px);\r\n            box-shadow: 0 8px 20px rgba(31, 19, 92, .10);\r\n            font-size: 10px;\r\n            font-weight: 900;\r\n            letter-spacing: .08em;\r\n            text-transform: uppercase;\r\n            color: #4d36a2\r\n        }\r\n\r\n        .photo-borderline {\r\n            position: absolute;\r\n            inset: 18px;\r\n            border-radius: 22px;\r\n            border: 1px solid rgba(255, 255, 255, .18);\r\n            z-index: 2;\r\n            pointer-events: none\r\n        }\r\n\r\n        @media(max-width:1120px) {\r\n            .photo-shell {\r\n                width: min(88%, 520px)\r\n            }\r\n\r\n            .visual {\r\n                padding: 28px 12px 34px\r\n            }\r\n        }\r\n\r\n        @media(max-width:860px) {\r\n            .hero-visual {\r\n                height: 138px\r\n            }\r\n\r\n            .photo-shell {\r\n                width: min(92%, 460px);\r\n                min-height: 340px;\r\n                border-radius: 24px\r\n            }\r\n\r\n            .photo-shell::after {\r\n                border-radius: 23px\r\n            }\r\n\r\n            .photo-borderline {\r\n                inset: 14px;\r\n                border-radius: 17px\r\n            }\r\n\r\n            .photo-badge {\r\n                left: 16px;\r\n                top: 16px\r\n            }\r\n        }\r\n\r\n        \/* V7: vije e perdredhur + foto te animuara fine *\/\r\n        .chapters {\r\n            position: relative;\r\n            z-index: 1;\r\n            overflow: visible\r\n        }\r\n\r\n        .journey-trace {\r\n            position: absolute;\r\n            left: 50%;\r\n            top: -30px;\r\n            transform: translateX(-50%);\r\n            width: 240px;\r\n            height: calc(100% + 60px);\r\n            overflow: visible;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n            opacity: .95\r\n        }\r\n\r\n        .journey-trace path.main {\r\n            fill: none;\r\n            stroke: #6f62f4;\r\n            stroke-width: 2.4;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n            stroke-dasharray: 2800;\r\n            stroke-dashoffset: 2800;\r\n            filter: drop-shadow(0 8px 18px rgba(96, 82, 228, .16))\r\n        }\r\n\r\n        .loaded .journey-trace path.main {\r\n            animation: traceDraw 2400ms cubic-bezier(.19, 1, .22, 1) forwards\r\n        }\r\n\r\n        .journey-trace path.glow {\r\n            fill: none;\r\n            stroke: rgba(111, 98, 244, .12);\r\n            stroke-width: 10;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round\r\n        }\r\n\r\n        .journey-trace circle {\r\n            fill: #fff;\r\n            stroke: #7a6ef5;\r\n            stroke-width: 2;\r\n            filter: drop-shadow(0 4px 10px rgba(96, 82, 228, .14))\r\n        }\r\n\r\n        .journey-trace circle.inner {\r\n            fill: #7a6ef5;\r\n            stroke: none\r\n        }\r\n\r\n        @keyframes traceDraw {\r\n            to {\r\n                stroke-dashoffset: 0\r\n            }\r\n        }\r\n\r\n        .chapter {\r\n            position: relative;\r\n            z-index: 2\r\n        }\r\n\r\n        .hero-photo-seed {\r\n            animation: heroFloat 10s ease-in-out infinite alternate\r\n        }\r\n\r\n        @keyframes heroFloat {\r\n            0% {\r\n                transform: translateY(0) scale(1)\r\n            }\r\n\r\n            100% {\r\n                transform: translateY(-4px) scale(1.03)\r\n            }\r\n        }\r\n\r\n        @media (max-width:1120px) {\r\n            .journey-trace {\r\n                display: none\r\n            }\r\n        }\r\n\r\n        \/* V8: freeze pane majtas *\/\r\n        .journey {\r\n            align-items: start;\r\n            gap: 46px\r\n        }\r\n\r\n        .rail {\r\n            position: sticky;\r\n            top: 118px;\r\n            align-self: start;\r\n            height: calc(100vh - 140px);\r\n            padding: 0;\r\n            z-index: 4\r\n        }\r\n\r\n        .rail-card {\r\n            position: relative;\r\n            height: 100%;\r\n            padding: 22px 18px 18px;\r\n            border-radius: 28px;\r\n            background: rgba(255, 255, 255, .78);\r\n            border: 1px solid rgba(111, 98, 244, .12);\r\n            box-shadow: 0 24px 54px rgba(29, 15, 91, .10);\r\n            backdrop-filter: blur(14px);\r\n            overflow: auto\r\n        }\r\n\r\n        .rail-kicker {\r\n            font-size: 10px;\r\n            font-weight: 900;\r\n            letter-spacing: .1em;\r\n            text-transform: uppercase;\r\n            color: #6f62f4;\r\n            margin-bottom: 10px\r\n        }\r\n\r\n        .rail-title {\r\n            font-family: var(--serif);\r\n            font-size: 30px;\r\n            line-height: .92;\r\n            letter-spacing: -.03em;\r\n            color: #19036d;\r\n            margin-bottom: 8px\r\n        }\r\n\r\n        .rail-sub {\r\n            font-size: 11px;\r\n            line-height: 1.45;\r\n            color: #66709b;\r\n            font-weight: 600;\r\n            margin-bottom: 18px\r\n        }\r\n\r\n        .rail-track {\r\n            left: 18px;\r\n            top: 118px;\r\n            bottom: 22px\r\n        }\r\n\r\n        .rail-progress {\r\n            left: 18px;\r\n            top: 118px\r\n        }\r\n\r\n        .rail ul {\r\n            padding-top: 2px\r\n        }\r\n\r\n        .rail li {\r\n            margin: 0 0 18px\r\n        }\r\n\r\n        .rail li:last-child {\r\n            margin-bottom: 0\r\n        }\r\n\r\n        .rail p {\r\n            max-width: 170px\r\n        }\r\n\r\n        .photo-badge {\r\n            background: rgba(255, 255, 255, .88)\r\n        }\r\n\r\n        @media (max-width:1120px) {\r\n            .journey {\r\n                grid-template-columns: 1fr;\r\n                gap: 26px\r\n            }\r\n\r\n            .rail {\r\n                position: relative;\r\n                top: auto;\r\n                height: auto\r\n            }\r\n\r\n            .rail-card {\r\n                height: auto;\r\n                max-height: none;\r\n                overflow: visible\r\n            }\r\n\r\n            .rail-track,\r\n            .rail-progress {\r\n                top: 92px\r\n            }\r\n        }\r\n\r\n        \/* V10: left pane minimal editorial *\/\r\n        .journey {\r\n            grid-template-columns: 300px minmax(0, 1fr);\r\n            gap: 54px;\r\n            max-width: 1480px;\r\n            padding: 22px 56px 118px;\r\n            align-items: start;\r\n        }\r\n\r\n        .rail {\r\n            position: sticky;\r\n            top: 96px;\r\n            align-self: start;\r\n            height: calc(100vh - 112px);\r\n            padding: 0;\r\n            z-index: 6;\r\n        }\r\n\r\n        .rail-card {\r\n            height: auto;\r\n            max-height: 100%;\r\n            display: grid;\r\n            grid-template-rows: auto auto auto auto;\r\n            border-radius: 0;\r\n            background: transparent;\r\n            border: 0;\r\n            box-shadow: none;\r\n            backdrop-filter: none;\r\n            overflow: visible;\r\n            padding: 0 10px 0 0;\r\n        }\r\n\r\n        .rail-card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            left: -24px;\r\n            top: 0;\r\n            bottom: 0;\r\n            width: 1px;\r\n            background: linear-gradient(180deg, transparent, rgba(111, 98, 244, .30), rgba(5, 156, 138, .18), transparent);\r\n        }\r\n\r\n        .rail-kicker {\r\n            font-size: 10px;\r\n            letter-spacing: .12em;\r\n            text-transform: uppercase;\r\n            font-weight: 900;\r\n            color: #6f62f4;\r\n            margin: 0 0 12px;\r\n        }\r\n\r\n        .rail-title {\r\n            font-family: var(--serif);\r\n            font-size: 38px;\r\n            font-weight: 700;\r\n            line-height: .88;\r\n            letter-spacing: -.055em;\r\n            color: #18036d;\r\n            margin: 0 0 14px;\r\n            max-width: 230px;\r\n        }\r\n\r\n        .rail-sub {\r\n            font-size: 12px;\r\n            line-height: 1.55;\r\n            color: #687096;\r\n            font-weight: 600;\r\n            max-width: 235px;\r\n            margin: 0 0 28px;\r\n        }\r\n\r\n        .rail-list-wrap {\r\n            position: relative;\r\n            min-height: 0;\r\n            overflow: auto;\r\n            padding: 2px 8px 8px 0;\r\n            scrollbar-width: thin;\r\n            scrollbar-color: rgba(111, 98, 244, .25) transparent;\r\n        }\r\n\r\n        .rail-list-wrap::-webkit-scrollbar {\r\n            width: 5px\r\n        }\r\n\r\n        .rail-list-wrap::-webkit-scrollbar-thumb {\r\n            background: rgba(111, 98, 244, .25);\r\n            border-radius: 999px\r\n        }\r\n\r\n        .rail-list-wrap::-webkit-scrollbar-track {\r\n            background: transparent\r\n        }\r\n\r\n        .rail ul {\r\n            list-style: none;\r\n            margin: 0;\r\n            padding: 0 0 0 0px;\r\n            position: relative;\r\n        }\r\n\r\n        .rail-track {\r\n            left: 6px;\r\n            top: 0;\r\n            bottom: 0;\r\n            width: 1px;\r\n            background: rgba(111, 98, 244, .16);\r\n        }\r\n\r\n        .rail-progress {\r\n            left: 6px;\r\n            top: 0;\r\n            width: 2px;\r\n            background: linear-gradient(180deg, #6f62f4, #9b91ff);\r\n            box-shadow: 0 0 18px rgba(111, 98, 244, .20);\r\n            border-radius: 999px;\r\n        }\r\n\r\n        .rail li {\r\n            position: relative;\r\n            display: grid;\r\n            grid-template-columns: 34px 1fr;\r\n            gap: 14px;\r\n            align-items: start;\r\n            margin: 0 0 18px;\r\n            padding: 10px 10px 10px 0;\r\n            border: 0;\r\n            border-radius: 0;\r\n            background: transparent;\r\n            cursor: pointer;\r\n            transition: transform .22s ease, opacity .22s ease;\r\n            opacity: .68;\r\n        }\r\n\r\n        .rail li:hover {\r\n            transform: translateX(3px);\r\n            opacity: 1;\r\n            background: transparent;\r\n            border-color: transparent;\r\n        }\r\n\r\n        .rail li.active {\r\n            transform: translateX(7px);\r\n            opacity: 1;\r\n            background: transparent;\r\n            border-color: transparent;\r\n            box-shadow: none;\r\n        }\r\n\r\n        .dot {\r\n            width: 26px;\r\n            height: 26px;\r\n            border-radius: 50%;\r\n            border: 1px solid rgba(111, 98, 244, .22);\r\n            background: #fff;\r\n            box-shadow: 0 8px 18px rgba(30, 16, 92, .08);\r\n            position: relative;\r\n            z-index: 2;\r\n            display: grid;\r\n            place-items: center;\r\n            color: #6f62f4;\r\n            font-size: 11px;\r\n            font-weight: 900;\r\n            margin-top: 1px;\r\n        }\r\n\r\n        .rail li:nth-child(1) .dot::after {\r\n            content: \"1\"\r\n        }\r\n\r\n        .rail li:nth-child(2) .dot::after {\r\n            content: \"2\"\r\n        }\r\n\r\n        .rail li:nth-child(3) .dot::after {\r\n            content: \"3\"\r\n        }\r\n\r\n        .rail li:nth-child(4) .dot::after {\r\n            content: \"4\"\r\n        }\r\n\r\n        .rail li:nth-child(5) .dot::after {\r\n            content: \"5\"\r\n        }\r\n\r\n        .rail li:nth-child(6) .dot::after {\r\n            content: \"6\"\r\n        }\r\n\r\n        .rail li:nth-child(7) .dot::after {\r\n            content: \"7\"\r\n        }\r\n\r\n        .rail li:nth-child(8) .dot::after {\r\n            content: \"8\"\r\n        }\r\n\r\n        .rail li:nth-child(9) .dot::after {\r\n            content: \"9\"\r\n        }\r\n\r\n        .rail li:nth-child(10) .dot::after {\r\n            content: \"10\"\r\n        }\r\n\r\n        .rail li.active .dot {\r\n            border-color: #6f62f4;\r\n            background: #6f62f4;\r\n            color: #fff;\r\n            box-shadow: 0 12px 28px rgba(111, 98, 244, .26);\r\n        }\r\n\r\n        .rail .num {\r\n            display: none;\r\n        }\r\n\r\n        .rail h3 {\r\n            margin: 0;\r\n            font-size: 15px;\r\n            line-height: 1.22;\r\n            color: #242066;\r\n            font-weight: 800;\r\n            letter-spacing: -.01em;\r\n        }\r\n\r\n        .rail p {\r\n            margin: 5px 0 0;\r\n            font-size: 12px;\r\n            line-height: 1.4;\r\n            color: #70789f;\r\n            font-weight: 600;\r\n            max-width: 185px;\r\n        }\r\n\r\n        .rail-card-footer {\r\n            border-top: 1px solid rgba(111, 98, 244, .12);\r\n            padding: 16px 0 0;\r\n            margin-top: 14px;\r\n            max-width: 230px;\r\n        }\r\n\r\n        .rail-card-footer strong {\r\n            display: block;\r\n            font-size: 10px;\r\n            letter-spacing: .1em;\r\n            text-transform: uppercase;\r\n            color: #6f62f4;\r\n            margin-bottom: 7px;\r\n        }\r\n\r\n        .rail-card-footer span {\r\n            display: block;\r\n            font-size: 11.5px;\r\n            line-height: 1.55;\r\n            color: #687096;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .chapters {\r\n            gap: 82px;\r\n        }\r\n\r\n        .chapter {\r\n            border-radius: 32px;\r\n        }\r\n\r\n        @media(max-width:1280px) {\r\n            .journey {\r\n                grid-template-columns: 278px minmax(0, 1fr);\r\n                gap: 38px;\r\n                padding-inline: 34px;\r\n            }\r\n\r\n            .rail-title {\r\n                font-size: 32px\r\n            }\r\n\r\n            .rail p {\r\n                max-width: 160px\r\n            }\r\n        }\r\n\r\n        @media(max-width:1120px) {\r\n            .journey {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n\r\n            .rail {\r\n                position: relative;\r\n                top: auto;\r\n                height: auto;\r\n            }\r\n\r\n            .rail-card {\r\n                display: block;\r\n                padding: 22px;\r\n                border-radius: 24px;\r\n                background: rgba(255, 255, 255, .76);\r\n                border: 1px solid rgba(111, 98, 244, .12);\r\n                box-shadow: 0 18px 48px rgba(27, 14, 88, .10);\r\n            }\r\n\r\n            .rail-card::before {\r\n                display: none\r\n            }\r\n\r\n            .rail-list-wrap {\r\n                overflow: visible;\r\n            }\r\n\r\n            .rail-track,\r\n            .rail-progress {\r\n                display: none;\r\n            }\r\n\r\n            .rail ul {\r\n                padding-left: 0;\r\n                display: grid;\r\n                grid-template-columns: repeat(2, minmax(0, 1fr));\r\n                gap: 8px 12px;\r\n            }\r\n\r\n            .rail li {\r\n                margin: 0;\r\n            }\r\n        }\r\n\r\n        @media(max-width:680px) {\r\n            .rail ul {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .rail-title {\r\n                font-size: 30px;\r\n            }\r\n        }\r\n\r\n        \/* V11: sidebar UX polish, card surface, bigger click targets *\/\r\n        .rail-card {\r\n            border-radius: 26px;\r\n            background: rgba(255, 255, 255, .92);\r\n            border: 1px solid rgba(111, 98, 244, .14);\r\n            box-shadow: 0 24px 60px rgba(29, 15, 91, .12);\r\n            backdrop-filter: blur(16px);\r\n            padding: 26px 20px 26px 26px;\r\n        }\r\n\r\n        .rail-card::before {\r\n            display: none\r\n        }\r\n\r\n        .rail li {\r\n            padding: 16px 14px 16px 10px;\r\n            min-height: 56px;\r\n            border-radius: 14px;\r\n            transition: background-color .28s ease, color .28s ease, transform .28s ease, opacity .28s ease, box-shadow .28s ease\r\n        }\r\n\r\n        .rail li:hover {\r\n            transform: none;\r\n            background: rgba(111, 98, 244, .06)\r\n        }\r\n\r\n        .rail li.active {\r\n            transform: none;\r\n            background: linear-gradient(135deg, rgba(111, 98, 244, .14), rgba(111, 98, 244, .05));\r\n            box-shadow: 0 6px 18px rgba(111, 98, 244, .10)\r\n        }\r\n\r\n        .rail li.active h3 {\r\n            color: #6f62f4\r\n        }\r\n\r\n        .rail li:focus-visible {\r\n            outline: none;\r\n            box-shadow: 0 0 0 3px rgba(111, 98, 244, .35)\r\n        }\r\n\r\n        .dot {\r\n            transition: transform .28s ease, background-color .28s ease, border-color .28s ease, box-shadow .28s ease, color .28s ease\r\n        }\r\n\r\n        .rail li.active .dot {\r\n            transform: scale(1.08)\r\n        }\r\n\r\n        @media (max-width:1120px) {\r\n            .rail {\r\n                position: sticky;\r\n                top: 82px;\r\n                height: auto;\r\n                z-index: 40\r\n            }\r\n\r\n            .rail-card {\r\n                display: block;\r\n                padding: 14px 16px;\r\n                border-radius: 20px;\r\n                background: rgba(255, 255, 255, .9);\r\n                backdrop-filter: blur(14px);\r\n                box-shadow: 0 12px 32px rgba(27, 14, 88, .12)\r\n            }\r\n\r\n            .rail-kicker,\r\n            .rail-title,\r\n            .rail-sub,\r\n            .rail-card-footer {\r\n                display: none\r\n            }\r\n\r\n            .rail-list-wrap {\r\n                overflow: visible\r\n            }\r\n\r\n            .rail-track,\r\n            .rail-progress {\r\n                display: none\r\n            }\r\n\r\n            .rail ul {\r\n                padding-left: 0;\r\n                display: flex;\r\n                flex-wrap: nowrap;\r\n                overflow-x: auto;\r\n                scroll-snap-type: x mandatory;\r\n                gap: 10px;\r\n                -ms-overflow-style: none;\r\n                scrollbar-width: none\r\n            }\r\n\r\n            .rail ul::-webkit-scrollbar {\r\n                display: none\r\n            }\r\n\r\n            .rail li {\r\n                scroll-snap-align: start;\r\n                flex: 0 0 auto;\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 8px;\r\n                grid-template-columns: none;\r\n                margin: 0;\r\n                padding: 10px 16px;\r\n                border-radius: 999px;\r\n                background: rgba(255, 255, 255, .7);\r\n                border: 1px solid rgba(111, 98, 244, .14);\r\n                white-space: nowrap;\r\n                min-height: 44px\r\n            }\r\n\r\n            .rail li p {\r\n                display: none\r\n            }\r\n\r\n            .rail li h3 {\r\n                font-size: 12px\r\n            }\r\n\r\n            .rail li .num {\r\n                display: none\r\n            }\r\n\r\n            .rail li.active {\r\n                background: #6f62f4;\r\n                box-shadow: 0 10px 24px rgba(111, 98, 244, .28)\r\n            }\r\n\r\n            .rail li.active h3 {\r\n                color: #fff\r\n            }\r\n\r\n            .rail li .dot {\r\n                width: 20px;\r\n                height: 20px;\r\n                font-size: 9px\r\n            }\r\n        }\r\n\r\n        \/* V12: mobile mini-bar (faza aktuale + progres) qe hapet ne listen e plote *\/\r\n        .rail-mini-bar {\r\n            display: none\r\n        }\r\n\r\n        @media (max-width:1120px) {\r\n            .rail {\r\n                position: sticky;\r\n                top: 82px;\r\n                height: auto;\r\n                z-index: 40\r\n            }\r\n\r\n            .rail-card {\r\n                position: relative;\r\n                display: block;\r\n                padding: 4px 16px 16px;\r\n                border-radius: 20px;\r\n                background: rgba(255, 255, 255, .92);\r\n                backdrop-filter: blur(14px);\r\n                box-shadow: 0 12px 32px rgba(27, 14, 88, .12)\r\n            }\r\n\r\n            .rail-kicker,\r\n            .rail-title,\r\n            .rail-sub,\r\n            .rail-card-footer {\r\n                display: none\r\n            }\r\n\r\n            .rail-mini-bar,\r\n            .rail-mini-bar:hover,\r\n            .rail-mini-bar:focus,\r\n            .rail-mini-bar:active {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 10px;\r\n                width: 100%;\r\n                background: #f4f3fe !important;\r\n                color: #22206d !important;\r\n                border: 0 !important;\r\n                border-radius: 14px !important;\r\n                box-shadow: none !important;\r\n                text-transform: none !important;\r\n                -webkit-appearance: none;\r\n                appearance: none;\r\n                padding: 11px 12px;\r\n                margin: 8px 0 12px;\r\n                cursor: pointer;\r\n                text-align: left;\r\n                font-family: inherit\r\n            }\r\n\r\n            .rail-mini-dot {\r\n                width: 26px;\r\n                height: 26px;\r\n                border-radius: 50%;\r\n                background: #6f62f4;\r\n                color: #fff;\r\n                display: grid;\r\n                place-items: center;\r\n                font-size: 11px;\r\n                font-weight: 900;\r\n                flex: 0 0 auto\r\n            }\r\n\r\n            .rail-mini-label {\r\n                flex: 1 1 auto;\r\n                font-size: 13px;\r\n                font-weight: 800;\r\n                color: #22206d;\r\n                overflow: hidden;\r\n                text-overflow: ellipsis;\r\n                white-space: nowrap\r\n            }\r\n\r\n            .rail-mini-chevron {\r\n                flex: 0 0 auto;\r\n                font-size: 13px;\r\n                color: #6f62f4;\r\n                font-weight: 900;\r\n                transition: transform .25s ease\r\n            }\r\n\r\n            .rail.rail-expanded .rail-mini-chevron {\r\n                transform: rotate(180deg)\r\n            }\r\n\r\n            .rail-mini-progress {\r\n                position: absolute;\r\n                left: 16px;\r\n                right: 16px;\r\n                bottom: 6px;\r\n                height: 3px;\r\n                border-radius: 999px;\r\n                background: rgba(111, 98, 244, .14);\r\n                overflow: hidden\r\n            }\r\n\r\n            .rail-mini-progress-fill {\r\n                display: block;\r\n                height: 100%;\r\n                width: 0%;\r\n                background: linear-gradient(90deg, #6f62f4, #9b91ff);\r\n                transition: width .25s ease\r\n            }\r\n\r\n            .rail-list-wrap {\r\n                display: none;\r\n                max-height: min(60vh, 480px);\r\n                overflow-y: auto;\r\n                margin-top: 4px;\r\n                border-top: 1px solid rgba(111, 98, 244, .12);\r\n                padding-top: 10px\r\n            }\r\n\r\n            .rail.rail-expanded .rail-list-wrap {\r\n                display: block\r\n            }\r\n\r\n            .rail-track,\r\n            .rail-progress {\r\n                display: none\r\n            }\r\n\r\n            .rail ul {\r\n                display: block;\r\n                padding-left: 0\r\n            }\r\n\r\n            .rail li {\r\n                scroll-snap-align: unset;\r\n                flex: unset;\r\n                display: grid;\r\n                grid-template-columns: 28px 1fr;\r\n                gap: 10px;\r\n                align-items: start;\r\n                white-space: normal;\r\n                border-radius: 14px;\r\n                background: transparent;\r\n                border: 0;\r\n                padding: 10px 8px;\r\n                min-height: auto;\r\n                margin: 0 0 4px\r\n            }\r\n\r\n            .rail li p {\r\n                display: block;\r\n                font-size: 11px\r\n            }\r\n\r\n            .rail li h3 {\r\n                font-size: 13px\r\n            }\r\n\r\n            .rail li .num {\r\n                display: none\r\n            }\r\n\r\n            .rail li.active {\r\n                background: linear-gradient(135deg, rgba(111, 98, 244, .14), rgba(111, 98, 244, .05));\r\n                box-shadow: none\r\n            }\r\n\r\n            .rail li.active h3 {\r\n                color: #6f62f4\r\n            }\r\n\r\n            .rail li .dot {\r\n                width: 22px;\r\n                height: 22px;\r\n                font-size: 10px\r\n            }\r\n        }\r\n\r\n        \/* Hero seed image: full cover inside its round frame *\/\r\n        .hero-photo-seed {\r\n            width: 132px !important;\r\n            height: 132px !important;\r\n            max-width: none !important;\r\n            object-fit: cover !important;\r\n            object-position: center;\r\n            border-radius: 50% !important;\r\n            filter: drop-shadow(0 34px 42px rgba(41, 25, 92, .17));\r\n            position: relative;\r\n            z-index: 2;\r\n            opacity: 0;\r\n            transform: translateY(18px) scale(.96)\r\n        }\r\n\r\n        .loaded .hero-photo-seed {\r\n            animation: photoAppear 1100ms cubic-bezier(.2, .8, .2, 1) forwards\r\n        }\r\n\r\n        \/* Fara + unaza ne te njejten qender: grid me nje qelize te vetme *\/\r\n        .hero-visual.photo-hero {\r\n            display: grid;\r\n            place-items: center;\r\n        }\r\n\r\n        .hero-visual.photo-hero .hero-photo-seed,\r\n        .hero-visual.photo-hero .hero-photo-ring {\r\n            grid-area: 1 \/ 1;\r\n        }\r\n\r\n        .hero-photo-ring {\r\n            width: 188px;\r\n            height: 56px;\r\n            border-radius: 50%;\r\n            border: 1px solid rgba(118, 104, 255, .18);\r\n            box-shadow: 0 0 0 18px rgba(118, 104, 255, .035), 0 0 0 42px rgba(118, 104, 255, .022);\r\n            transform: translateY(48px);\r\n            opacity: .85\r\n        }\r\n\r\n        @keyframes photoAppear {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1)\r\n            }\r\n        }\r\n\r\n        @media(max-width:860px) {\r\n            .hero-photo-seed {\r\n                width: 116px !important;\r\n                height: 116px !important\r\n            }\r\n        }\r\n\r\n        \/* V13: sidebar rri gjithmone brenda kartes. Ne ekrane te shkurtra\r\n           ngjishet qe te 10 fazat te nxene pa scroll; nese s'mjafton,\r\n           .rail-list-wrap ben scroll te brendshem me scrollbar-in e holle. *\/\r\n        @media (min-width:1121px) and (max-height:1100px) {\r\n            .rail-sub {\r\n                display: none\r\n            }\r\n\r\n            .rail-title {\r\n                font-size: 30px;\r\n                margin-bottom: 26px\r\n            }\r\n\r\n            .rail li {\r\n                grid-template-columns: 28px 1fr;\r\n                gap: 10px;\r\n                padding: 8px 10px 8px 6px;\r\n                min-height: 0;\r\n                margin: 0 0 6px\r\n            }\r\n\r\n            .rail p {\r\n                line-height: 1.3\r\n            }\r\n\r\n            .dot {\r\n                width: 20px;\r\n                height: 20px;\r\n                font-size: 9px\r\n            }\r\n        }\r\n    \r\n<\/style>\r\n\r\n    \r\n    <main class=\"site-shell\">\r\n        <div aria-hidden=\"true\" class=\"prototype-bg\">\r\n            <div class=\"noise\"><\/div>\r\n            <div class=\"mesh left\"><\/div>\r\n            <div class=\"mesh right\"><\/div>\r\n        <\/div>\r\n        <section aria-labelledby=\"hero-title\" class=\"hero\">\r\n            <div>\r\n                <h1 id=\"hero-title\">Nga Fara<br \/>deri n\u00eb Eksport<\/h1>\r\n                <div class=\"ornament\"><span><\/span><i><\/i><span><\/span><\/div>\r\n                <p>N\u00eb nj\u00eb rrug\u00ebtim interaktiv p\u00ebrmes sistemit shqiptar t\u00eb kontrollit, gjurmueshm\u00ebris\u00eb dhe mbik\u00ebqyrjes s\u00eb\r\n                    cannabis-it.<\/p>\r\n                <div aria-hidden=\"true\" class=\"hero-visual photo-hero\">\r\n                    <img decoding=\"async\" alt=\"\" class=\"hero-photo-seed\"\r\n                        src=\"https:\/\/besabid.com\/wp-content\/uploads\/2026\/07\/akkc-hero-seed.png\" \/>\r\n                    <div class=\"hero-photo-ring\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        <section aria-label=\"Rrjedha nga fara deri n\u00eb eksport\" class=\"journey\" id=\"journey\">\r\n            <aside aria-label=\"Fazat\" class=\"rail\">\r\n                <div class=\"rail-card\">\r\n                    <div class=\"rail-kicker\">Rrjedha e gjurmueshm\u00ebris\u00eb<\/div>\r\n                    <div class=\"rail-title\">Nga Fara<br \/>deri n\u00eb Eksport<\/div>\r\n                    <div class=\"rail-sub\">Seksion i majt\u00eb i pal\u00ebvizsh\u00ebm p\u00ebr orientim t\u00eb qart\u00eb gjat\u00eb leximit.<\/div>\r\n                    <div class=\"rail-track\"><\/div>\r\n                    <div class=\"rail-progress\"><\/div>\r\n                    <div class=\"rail-list-wrap\">\r\n                        <ul>\r\n                        <li class=\"active\" data-link=\"s1\" tabindex=\"0\" role=\"button\"><span class=\"dot\"><\/span>\r\n                            <div>\r\n                                <div class=\"num\">1. Faza<\/div>\r\n                                <h3>Fara \/ Fidani<\/h3>\r\n                                <p>Origjina dhe materiali mbjell\u00ebs<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li data-link=\"s2\" tabindex=\"0\" role=\"button\"><span class=\"dot\"><\/span>\r\n                            <div>\r\n                                <div class=\"num\">2. Faza<\/div>\r\n                                <h3>Mbjellja<\/h3>\r\n                                <p>Sip\u00ebrfaqja dhe regjistrimi<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li data-link=\"s3\" tabindex=\"0\" role=\"button\"><span class=\"dot\"><\/span>\r\n                            <div>\r\n                                <div class=\"num\">3. Faza<\/div>\r\n                                <h3>Kultivimi<\/h3>\r\n                                <p>Rritja dhe monitorimi<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li data-link=\"s4\" tabindex=\"0\" role=\"button\"><span class=\"dot\"><\/span>\r\n                            <div>\r\n                                <div class=\"num\">4. Faza<\/div>\r\n                                <h3>Lul\u00ebzimi<\/h3>\r\n                                <p>Kontrolli i zhvillimit<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li data-link=\"s5\" tabindex=\"0\" role=\"button\"><span class=\"dot\"><\/span>\r\n                            <div>\r\n                                <div class=\"num\">5. Faza<\/div>\r\n                                <h3>Korrja<\/h3>\r\n                                <p>Vjelja e materialit bimor<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li data-link=\"s6\" tabindex=\"0\" role=\"button\"><span class=\"dot\"><\/span>\r\n                            <div>\r\n                                <div class=\"num\">6. Faza<\/div>\r\n                                <h3>P\u00ebrpunimi<\/h3>\r\n                                <p>Tharje, ruajtje, magazinim<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li data-link=\"s7\" tabindex=\"0\" role=\"button\"><span class=\"dot\"><\/span>\r\n                            <div>\r\n                                <div class=\"num\">7. Faza<\/div>\r\n                                <h3>Analizat<\/h3>\r\n                                <p>Kontrolli i cil\u00ebsis\u00eb<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li data-link=\"s8\" tabindex=\"0\" role=\"button\"><span class=\"dot\"><\/span>\r\n                            <div>\r\n                                <div class=\"num\">8. Faza<\/div>\r\n                                <h3>Paketimi<\/h3>\r\n                                <p>Forma dhe sasia<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li data-link=\"s9\" tabindex=\"0\" role=\"button\"><span class=\"dot\"><\/span>\r\n                            <div>\r\n                                <div class=\"num\">9. Faza<\/div>\r\n                                <h3>Transporti<\/h3>\r\n                                <p>L\u00ebvizja e kontrolluar<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li data-link=\"s10\" tabindex=\"0\" role=\"button\"><span class=\"dot\"><\/span>\r\n                            <div>\r\n                                <div class=\"num\">10. Faza<\/div>\r\n                                <h3>Eksporti<\/h3>\r\n                                <p>Autorizimi dhe tregjet<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/aside>\r\n            <div class=\"chapters\">\r\n                <svg aria-hidden=\"true\" class=\"journey-trace\" preserveaspectratio=\"none\" viewbox=\"0 0 240 5600\">\r\n                    <path class=\"glow\"\r\n                        d=\"M120 18 C175 120 175 280 120 390 C65 500 65 660 120 770 C175 880 175 1040 120 1150 C65 1260 65 1420 120 1530 C175 1640 175 1800 120 1910 C65 2020 65 2180 120 2290 C175 2400 175 2560 120 2670 C65 2780 65 2940 120 3050 C175 3160 175 3320 120 3430 C65 3540 65 3700 120 3810 C175 3920 175 4080 120 4190 C65 4300 65 4460 120 4570 C175 4680 175 4840 120 4950 C65 5060 65 5220 120 5330\">\r\n                    <\/path>\r\n                    <path class=\"main\"\r\n                        d=\"M120 18 C175 120 175 280 120 390 C65 500 65 660 120 770 C175 880 175 1040 120 1150 C65 1260 65 1420 120 1530 C175 1640 175 1800 120 1910 C65 2020 65 2180 120 2290 C175 2400 175 2560 120 2670 C65 2780 65 2940 120 3050 C175 3160 175 3320 120 3430 C65 3540 65 3700 120 3810 C175 3920 175 4080 120 4190 C65 4300 65 4460 120 4570 C175 4680 175 4840 120 4950 C65 5060 65 5220 120 5330\">\r\n                    <\/path>\r\n                    <circle cx=\"120\" cy=\"390\" r=\"7.5\"><\/circle>\r\n                    <circle class=\"inner\" cx=\"120\" cy=\"390\" r=\"3.2\"><\/circle>\r\n                    <circle cx=\"120\" cy=\"770\" r=\"7.5\"><\/circle>\r\n                    <circle class=\"inner\" cx=\"120\" cy=\"770\" r=\"3.2\"><\/circle>\r\n                    <circle cx=\"120\" cy=\"1150\" r=\"7.5\"><\/circle>\r\n                    <circle class=\"inner\" cx=\"120\" cy=\"1150\" r=\"3.2\"><\/circle>\r\n                    <circle cx=\"120\" cy=\"1530\" r=\"7.5\"><\/circle>\r\n                    <circle class=\"inner\" cx=\"120\" cy=\"1530\" r=\"3.2\"><\/circle>\r\n                    <circle cx=\"120\" cy=\"1910\" r=\"7.5\"><\/circle>\r\n                    <circle class=\"inner\" cx=\"120\" cy=\"1910\" r=\"3.2\"><\/circle>\r\n                    <circle cx=\"120\" cy=\"2290\" r=\"7.5\"><\/circle>\r\n                    <circle class=\"inner\" cx=\"120\" cy=\"2290\" r=\"3.2\"><\/circle>\r\n                    <circle cx=\"120\" cy=\"2670\" r=\"7.5\"><\/circle>\r\n                    <circle class=\"inner\" cx=\"120\" cy=\"2670\" r=\"3.2\"><\/circle>\r\n                    <circle cx=\"120\" cy=\"3050\" r=\"7.5\"><\/circle>\r\n                    <circle class=\"inner\" cx=\"120\" cy=\"3050\" r=\"3.2\"><\/circle>\r\n                    <circle cx=\"120\" cy=\"3430\" r=\"7.5\"><\/circle>\r\n                    <circle class=\"inner\" cx=\"120\" cy=\"3430\" r=\"3.2\"><\/circle>\r\n                    <circle cx=\"120\" cy=\"3810\" r=\"7.5\"><\/circle>\r\n                    <circle class=\"inner\" cx=\"120\" cy=\"3810\" r=\"3.2\"><\/circle>\r\n                <\/svg>\r\n                <!-- 1 -->\r\n                <article class=\"chapter\" id=\"s1\">\r\n                    <div class=\"visual\">\r\n                        <figure class=\"photo-shell crop-top\"><span class=\"photo-badge\">Fara \/ Fidani<\/span><span\r\n                                class=\"photo-borderline\"><\/span><img decoding=\"async\" alt=\"Far\u00eb cannabis-i n\u00eb mbirje\"\r\n                                class=\"photo-media motion-a\" loading=\"lazy\"\r\n                                src=\"https:\/\/besabid.com\/wp-content\/uploads\/2026\/07\/akkc-phase-01-fara-fidani.png\" \/>\r\n                        <\/figure>\r\n                    <\/div>\r\n                    <div class=\"copy\">\r\n                        <div class=\"phase\">Faza 1<\/div>\r\n                        <h2>Fara \/ Fidani<\/h2>\r\n                        <p>Rrug\u00ebtimi nis me materialin mbjell\u00ebs. P\u00ebr cannabis-in, leja\/licenca p\u00ebrfshin importin e far\u00ebs\r\n                            ose fidanit, ose riprodhimin e tyre, n\u00eb kushtet dhe procedurat e parashikuara nga\r\n                            legjislacioni.<\/p>\r\n                        <div class=\"legal-note\"><svg fill=\"none\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 3 20 7v5c0 5-3.4 8-8 9-4.6-1-8-4-8-9V7l8-4Z\" stroke-width=\"1.8\"><\/path>\r\n                                <path d=\"M8 12h8M8 15h5\" stroke-linecap=\"round\" stroke-width=\"1.8\"><\/path>\r\n                            <\/svg><span>Gjurmueshm\u00ebria nis me identifikimin e origjin\u00ebs dhe vijon n\u00eb \u00e7do faz\u00eb t\u00eb\r\n                                ciklit.<\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n                <!-- 2 -->\r\n                <article class=\"chapter\" id=\"s2\">\r\n                    <div class=\"visual\">\r\n                        <figure class=\"photo-shell crop-top\"><span class=\"photo-badge\">Mbjellja<\/span><span\r\n                                class=\"photo-borderline\"><\/span><img decoding=\"async\" alt=\"Fidan i ri cannabis-i n\u00eb tok\u00eb\"\r\n                                class=\"photo-media motion-b\" loading=\"lazy\"\r\n                                src=\"https:\/\/besabid.com\/wp-content\/uploads\/2026\/07\/akkc-phase-02-mbjellja.png\" \/>\r\n                        <\/figure>\r\n                    <\/div>\r\n                    <div class=\"copy\">\r\n                        <div class=\"phase\">Faza 2<\/div>\r\n                        <h2>Mbjellja<\/h2>\r\n                        <p>Mbjellja kryhet n\u00eb sip\u00ebrfaqe dhe zona t\u00eb lejuara, sipas standardeve p\u00ebr kultivim. N\u00eb k\u00ebt\u00eb\r\n                            faz\u00eb dokumentohen vendndodhja, sip\u00ebrfaqja, subjekti dhe materiali mbjell\u00ebs.<\/p>\r\n                        <div class=\"legal-note\"><svg fill=\"none\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M5 11h14M7 4h10v16H7z\" stroke-width=\"1.8\"><\/path>\r\n                                <path d=\"M9 8h6M9 15h6\" stroke-linecap=\"round\" stroke-width=\"1.8\"><\/path>\r\n                            <\/svg><span>Regjistrimi i t\u00eb dh\u00ebnave krijon lidhjen mes subjektit, parcel\u00ebs dhe ciklit t\u00eb\r\n                                prodhimit.<\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n                <!-- 3 -->\r\n                <article class=\"chapter\" id=\"s3\">\r\n                    <div class=\"visual\">\r\n                        <figure class=\"photo-shell crop-top\"><span class=\"photo-badge\">Rritja<\/span><span\r\n                                class=\"photo-borderline\"><\/span><img decoding=\"async\" alt=\"Fidan cannabis-i gjat\u00eb faz\u00ebs s\u00eb kultivimit\"\r\n                                class=\"photo-media motion-c\" loading=\"lazy\"\r\n                                src=\"https:\/\/besabid.com\/wp-content\/uploads\/2026\/07\/akkc-phase-03-kultivimi.png\" \/>\r\n                        <\/figure>\r\n                    <\/div>\r\n                    <div class=\"copy\">\r\n                        <div class=\"phase\">Faza 3<\/div>\r\n                        <h2>Kultivimi<\/h2>\r\n                        <p>Kultivimi p\u00ebrfshin procesin nga mbjellja deri n\u00eb vjelje. Aktiviteti mbik\u00ebqyret p\u00ebr t\u00eb\r\n                            verifikuar p\u00ebrputhjen me lejen\/licencen, standardet teknike dhe planin e miratuar.<\/p>\r\n                        <div class=\"legal-note\"><svg fill=\"none\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M4 19h16M6 16c4-1 5-5 6-11 1 6 2 10 6 11\" stroke-linecap=\"round\"\r\n                                    stroke-width=\"1.8\"><\/path>\r\n                                <path d=\"M12 5v14\" stroke-width=\"1.8\"><\/path>\r\n                            <\/svg><span>Monitorimi nuk \u00ebsht\u00eb nj\u00eb moment i vet\u00ebm; ai shtrihet gjat\u00eb gjith\u00eb ciklit t\u00eb\r\n                                kultivimit.<\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n                <!-- 4 -->\r\n                <article class=\"chapter\" id=\"s4\">\r\n                    <div class=\"visual\">\r\n                        <figure class=\"photo-shell crop-right\"><span class=\"photo-badge\">Lul\u00ebzimi<\/span><span\r\n                                class=\"photo-borderline\"><\/span><img decoding=\"async\" alt=\"Inspektim n\u00eb faz\u00ebn e lul\u00ebzimit\"\r\n                                class=\"photo-media motion-a\" loading=\"lazy\"\r\n                                src=\"https:\/\/besabid.com\/wp-content\/uploads\/2026\/07\/akkc-phase-04-lulezimi.png\" \/>\r\n                        <\/figure>\r\n                    <\/div>\r\n                    <div class=\"copy\">\r\n                        <div class=\"phase\">Faza 4<\/div>\r\n                        <h2>Lul\u00ebzimi<\/h2>\r\n                        <p>N\u00eb fazat e zhvillimit t\u00eb bim\u00ebs, kontrolli fokusohet te p\u00ebrputhja e kultivimit me kushtet e\r\n                            lejes\/licences dhe standardet p\u00ebrkat\u00ebse. T\u00eb dh\u00ebnat mbeten pjes\u00eb e zinxhirit t\u00eb\r\n                            gjurmueshm\u00ebris\u00eb.<\/p>\r\n                        <div class=\"legal-note\"><svg fill=\"none\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M12 21s7-4 7-10V5l-7-3-7 3v6c0 6 7 10 7 10Z\" stroke-width=\"1.8\"><\/path>\r\n                                <path d=\"M9 12h6\" stroke-linecap=\"round\" stroke-width=\"1.8\"><\/path>\r\n                            <\/svg><span>Kontrolli vizual, administrativ dhe teknik sh\u00ebrben p\u00ebr siguri dhe p\u00ebrputhshm\u00ebri\r\n                                ligjore.<\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n                <!-- 5 -->\r\n                <article class=\"chapter\" id=\"s5\">\r\n                    <div class=\"visual\">\r\n                        <figure class=\"photo-shell crop-right\"><span class=\"photo-badge\">Korrja<\/span><span\r\n                                class=\"photo-borderline\"><\/span><img decoding=\"async\" alt=\"Korrje n\u00eb ambient t\u00eb kontrolluar\"\r\n                                class=\"photo-media motion-b\" loading=\"lazy\"\r\n                                src=\"https:\/\/besabid.com\/wp-content\/uploads\/2026\/07\/akkc-phase-05-korrja.png\" \/>\r\n                        <\/figure>\r\n                    <\/div>\r\n                    <div class=\"copy\">\r\n                        <div class=\"phase\">Faza 5<\/div>\r\n                        <h2>Korrja<\/h2>\r\n                        <p>Korrja sh\u00ebnon kalimin nga zhvillimi biologjik i bim\u00ebs te administrimi i materialit bimor.\r\n                            Sasit\u00eb, vendndodhja dhe poseduesi lidhen me regjistrimin dhe vijim\u00ebsin\u00eb e gjurmimit.<\/p>\r\n                        <div class=\"legal-note\"><svg fill=\"none\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M4 7h16M4 12h16M4 17h10\" stroke-linecap=\"round\" stroke-width=\"1.8\"><\/path>\r\n                                <path d=\"M18 17l2 2 3-4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                                    stroke-width=\"1.8\"><\/path>\r\n                            <\/svg><span>\u00c7do ndryshim i gjendjes s\u00eb materialit duhet t\u00eb jet\u00eb i dokumentuar dhe i\r\n                                verifikuesh\u00ebm.<\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n                <!-- 6 -->\r\n                <article class=\"chapter\" id=\"s6\">\r\n                    <div class=\"visual\">\r\n                        <figure class=\"photo-shell crop-right\"><span class=\"photo-badge\">P\u00ebrpunimi<\/span><span\r\n                                class=\"photo-borderline\"><\/span><img decoding=\"async\" alt=\"P\u00ebrpunim i materialit n\u00eb ambient profesional\"\r\n                                class=\"photo-media motion-c\" loading=\"lazy\"\r\n                                src=\"https:\/\/besabid.com\/wp-content\/uploads\/2026\/07\/akkc-phase-06-perpunimi.png\" \/>\r\n                        <\/figure>\r\n                    <\/div>\r\n                    <div class=\"copy\">\r\n                        <div class=\"phase\">Faza 6<\/div>\r\n                        <h2>P\u00ebrpunimi<\/h2>\r\n                        <p>Pas korrjes, materiali kalon n\u00eb proceset e tharjes, p\u00ebrpunimit, ruajtjes dhe magazinimit.\r\n                            K\u00ebto veprime jan\u00eb pjes\u00eb e aktivitetit t\u00eb lejuar dhe mbeten t\u00eb lidhura me gjurmueshm\u00ebrin\u00eb.\r\n                        <\/p>\r\n                        <div class=\"legal-note\"><svg fill=\"none\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M4 8h16v12H4zM8 8V4h8v4\" stroke-width=\"1.8\"><\/path>\r\n                                <path d=\"M8 13h8M8 16h5\" stroke-linecap=\"round\" stroke-width=\"1.8\"><\/path>\r\n                            <\/svg><span>Standardet teknike dhe regjistrimi i veprimeve sigurojn\u00eb kontroll t\u00eb\r\n                                vazhduesh\u00ebm.<\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n                <!-- 7 -->\r\n                <article class=\"chapter\" id=\"s7\">\r\n                    <div class=\"visual\">\r\n                        <figure class=\"photo-shell crop-right\"><span class=\"photo-badge\">Analizat<\/span><span\r\n                                class=\"photo-borderline\"><\/span><img decoding=\"async\" alt=\"Analiza laboratorike e mostrave\"\r\n                                class=\"photo-media motion-a\" loading=\"lazy\"\r\n                                src=\"https:\/\/besabid.com\/wp-content\/uploads\/2026\/07\/akkc-phase-07-analizat.png\" \/>\r\n                        <\/figure>\r\n                    <\/div>\r\n                    <div class=\"copy\">\r\n                        <div class=\"phase\">Faza 7<\/div>\r\n                        <h2>Analizat<\/h2>\r\n                        <p>Kontrolli i cil\u00ebsis\u00eb mb\u00ebshtetet n\u00eb metoda laboratorike p\u00ebr p\u00ebrmbajtjen e kanabinoideve dhe\r\n                            parametrat fiziko-kimik\u00eb e mikrobiologjik\u00eb, sipas akteve p\u00ebrkat\u00ebse.<\/p>\r\n                        <div class=\"legal-note\"><svg fill=\"none\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M9 3v6l-5 9a2 2 0 0 0 2 3h12a2 2 0 0 0 2-3l-5-9V3\" stroke-width=\"1.8\"><\/path>\r\n                                <path d=\"M8 14h8\" stroke-linecap=\"round\" stroke-width=\"1.8\"><\/path>\r\n                            <\/svg><span>Rezultatet laboratorike sh\u00ebrbejn\u00eb p\u00ebr verifikimin e cil\u00ebsis\u00eb dhe\r\n                                p\u00ebrputhshm\u00ebris\u00eb.<\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n                <!-- 8 -->\r\n                <article class=\"chapter\" id=\"s8\">\r\n                    <div class=\"visual\">\r\n                        <figure class=\"photo-shell crop-right\"><span class=\"photo-badge\">Paketimi<\/span><span\r\n                                class=\"photo-borderline\"><\/span><img decoding=\"async\" alt=\"Paketim dhe etiketim\"\r\n                                class=\"photo-media motion-b\" loading=\"lazy\"\r\n                                src=\"https:\/\/besabid.com\/wp-content\/uploads\/2026\/07\/akkc-phase-08-paketimi.png\" \/>\r\n                        <\/figure>\r\n                    <\/div>\r\n                    <div class=\"copy\">\r\n                        <div class=\"phase\">Faza 8<\/div>\r\n                        <h2>Paketimi<\/h2>\r\n                        <p>Paketimi dhe forma e produktit lidhen me rregullat e kontrollit t\u00eb cil\u00ebsis\u00eb, sasis\u00eb dhe\r\n                            dokumentimit. Informacioni i paketimit mb\u00ebshtet identifikimin e produktit.<\/p>\r\n                        <div class=\"legal-note\"><svg fill=\"none\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M4 7 12 3l8 4v10l-8 4-8-4V7Z\" stroke-width=\"1.8\"><\/path>\r\n                                <path d=\"M4 7l8 4 8-4M12 11v10\" stroke-width=\"1.8\"><\/path>\r\n                            <\/svg><span>Shenjimi dhe identifikimi ndihmojn\u00eb gjurmimin e produktit p\u00ebrgjat\u00eb zinxhirit t\u00eb\r\n                                l\u00ebvizjes.<\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n                <!-- 9 -->\r\n                <article class=\"chapter\" id=\"s9\">\r\n                    <div class=\"visual\">\r\n                        <figure class=\"photo-shell\"><span class=\"photo-badge\">Transporti<\/span><span\r\n                                class=\"photo-borderline\"><\/span><img decoding=\"async\" alt=\"Kontroll i ngarkes\u00ebs p\u00ebr transport\"\r\n                                class=\"photo-media motion-c\" loading=\"lazy\"\r\n                                src=\"https:\/\/besabid.com\/wp-content\/uploads\/2026\/07\/akkc-phase-09-transporti.png\" \/>\r\n                        <\/figure>\r\n                    <\/div>\r\n                    <div class=\"copy\">\r\n                        <div class=\"phase\">Faza 9<\/div>\r\n                        <h2>Transporti<\/h2>\r\n                        <p>Transporti i far\u00ebrave, bim\u00ebve, n\u00ebnprodukteve dhe produkteve p\u00ebrfundimtare zhvillohet brenda\r\n                            kushteve t\u00eb lejes\/licences dhe rregullave p\u00ebrkat\u00ebse. L\u00ebvizja mbetet pjes\u00eb e zinxhirit t\u00eb\r\n                            gjurmueshm\u00ebris\u00eb.<\/p>\r\n                        <div class=\"legal-note\"><svg fill=\"none\" viewbox=\"0 0 24 24\">\r\n                                <path\r\n                                    d=\"M5 17h14M7 17a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM17 17a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM3 7h11v10H3zM14 10h4l3 3v4h-7z\"\r\n                                    stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\"><\/path>\r\n                            <\/svg><span>Gjurmimi ndihmon identifikimin e vendndodhjes dhe poseduesit gjat\u00eb\r\n                                l\u00ebvizjes.<\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n                <!-- 10 -->\r\n                <article class=\"chapter\" id=\"s10\">\r\n                    <div class=\"visual\">\r\n                        <figure class=\"photo-shell\"><span class=\"photo-badge\">Eksporti<\/span><span\r\n                                class=\"photo-borderline\"><\/span><img decoding=\"async\" alt=\"Ngarkes\u00eb eksporti n\u00eb aeroport\"\r\n                                class=\"photo-media motion-a\" loading=\"lazy\"\r\n                                src=\"https:\/\/besabid.com\/wp-content\/uploads\/2026\/07\/akkc-phase-10-eksporti.png\" \/>\r\n                        <\/figure>\r\n                    <\/div>\r\n                    <div class=\"copy\">\r\n                        <div class=\"phase\">Faza 10<\/div>\r\n                        <h2>Eksporti<\/h2>\r\n                        <p>Rrug\u00ebtimi p\u00ebrfundon me eksportin e n\u00ebnprodukteve dhe produkteve p\u00ebrfundimtare t\u00eb cannabis-it,\r\n                            n\u00eb p\u00ebrputhje me lejen\/licencen dhe autorizimet p\u00ebrkat\u00ebse t\u00eb l\u00ebshuara sipas ligjit.<\/p>\r\n                        <div class=\"legal-note\"><svg fill=\"none\" viewbox=\"0 0 24 24\">\r\n                                <path d=\"M3 12h18M12 3c4 4 4 14 0 18M12 3c-4 4-4 14 0 18\" stroke-width=\"1.8\"><\/path>\r\n                                <path d=\"m15 8 4 4-4 4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                                    stroke-width=\"1.8\"><\/path>\r\n                            <\/svg><span>Nga fara deri n\u00eb eksport, sistemi synon kontroll, gjurmueshm\u00ebri dhe\r\n                                p\u00ebrputhshm\u00ebri ligjore.<\/span><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n            <\/div>\r\n        <\/section>\r\n    <\/main>\r\n    <script>\r\n\r\n        document.documentElement.classList.add('loaded');\r\n        const chapters = [...document.querySelectorAll('.chapter')];\r\n        const railItems = [...document.querySelectorAll('.rail li')];\r\n        const progress = document.querySelector('.rail-progress');\r\n        const setActive = (id) => { railItems.forEach(li => li.classList.toggle('active', li.dataset.link === id)); };\r\n        const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); setActive(e.target.id); } }) }, { threshold: .48, rootMargin: '-8% 0px -28% 0px' });\r\n        chapters.forEach(c => io.observe(c));\r\n        railItems.forEach(li => { const go = () => document.getElementById(li.dataset.link)?.scrollIntoView({ behavior: 'smooth', block: 'center' }); li.addEventListener('click', go); li.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); go(); } }); });\r\n        const onScroll = () => { const rail = document.querySelector('.rail'); if (!rail || !progress) return; const first = chapters[0].getBoundingClientRect(); const last = chapters[chapters.length - 1].getBoundingClientRect(); const start = window.innerHeight * .72; const end = window.innerHeight * .28; const total = (start - first.top) + (last.top - end); const current = Math.min(Math.max(start - first.top, 0), Math.max(total, 1)); const pct = current \/ Math.max(total, 1); const trackH = rail.offsetHeight - 42; progress.style.height = (trackH * pct) + 'px'; };\r\n        addEventListener('scroll', onScroll, { passive: true }); addEventListener('resize', onScroll); onScroll();\r\n    \r\n\r\n        \/\/ Mobile: sticky mini-bar showing the current phase, expands to the full list\r\n        (function () {\r\n            const railCard = document.querySelector('.rail-card');\r\n            const railEl = document.querySelector('.rail');\r\n            if (!railCard || !railEl) return;\r\n            const items = [...document.querySelectorAll('.rail li')];\r\n            if (!items.length) return;\r\n\r\n            const bar = document.createElement('button');\r\n            bar.type = 'button';\r\n            bar.className = 'rail-mini-bar';\r\n            bar.setAttribute('aria-label', 'Shfaq\/fshih fazat');\r\n            bar.innerHTML = '<span class=\"rail-mini-dot\"><\/span><span class=\"rail-mini-label\"><\/span><span class=\"rail-mini-chevron\">\u2304<\/span><span class=\"rail-mini-progress\"><span class=\"rail-mini-progress-fill\"><\/span><\/span>';\r\n            railCard.insertBefore(bar, railCard.firstChild);\r\n\r\n            bar.addEventListener('click', () => railEl.classList.toggle('rail-expanded'));\r\n            items.forEach(li => li.addEventListener('click', () => railEl.classList.remove('rail-expanded')));\r\n\r\n            const dotEl = bar.querySelector('.rail-mini-dot');\r\n            const labelEl = bar.querySelector('.rail-mini-label');\r\n            const fillEl = bar.querySelector('.rail-mini-progress-fill');\r\n            const total = items.length;\r\n\r\n            function updateMiniBar() {\r\n                let idx = items.findIndex(li => li.classList.contains('active'));\r\n                if (idx === -1) idx = 0;\r\n                const title = items[idx].querySelector('h3');\r\n                dotEl.textContent = String(idx + 1);\r\n                labelEl.textContent = 'Faza ' + (idx + 1) + '\/' + total + (title ? ' \u00b7 ' + title.textContent : '');\r\n                fillEl.style.width = (((idx + 1) \/ total) * 100) + '%';\r\n            }\r\n\r\n            const mo = new MutationObserver(updateMiniBar);\r\n            items.forEach(li => mo.observe(li, { attributes: true, attributeFilter: ['class'] }));\r\n            updateMiniBar();\r\n        })();\r\n    \r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nga Faraderi n\u00eb Eksport N\u00eb nj\u00eb rrug\u00ebtim interaktiv p\u00ebrmes sistemit shqiptar t\u00eb kontrollit, gjurmueshm\u00ebris\u00eb dhe mbik\u00ebqyrjes s\u00eb cannabis-it. Rrjedha e gjurmueshm\u00ebris\u00eb Nga Faraderi n\u00eb Eksport Seksion i majt\u00eb i pal\u00ebvizsh\u00ebm [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-104153","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nacc.gov.al\/en\/wp-json\/wp\/v2\/pages\/104153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nacc.gov.al\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nacc.gov.al\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nacc.gov.al\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nacc.gov.al\/en\/wp-json\/wp\/v2\/comments?post=104153"}],"version-history":[{"count":0,"href":"https:\/\/nacc.gov.al\/en\/wp-json\/wp\/v2\/pages\/104153\/revisions"}],"wp:attachment":[{"href":"https:\/\/nacc.gov.al\/en\/wp-json\/wp\/v2\/media?parent=104153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}