{"id":2875,"date":"2025-11-05T05:19:04","date_gmt":"2025-11-05T05:19:04","guid":{"rendered":"https:\/\/www.easypick.app\/?page_id=2875"},"modified":"2026-02-13T07:31:56","modified_gmt":"2026-02-13T07:31:56","slug":"portal","status":"publish","type":"page","link":"https:\/\/easypick.app\/no\/portal\/","title":{"rendered":"Portal"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2875\" class=\"elementor elementor-2875\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-138a97e e-flex e-con-boxed e-con e-parent\" data-id=\"138a97e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26564dd elementor-widget elementor-widget-html\" data-id=\"26564dd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n        <!-- Hero Section -->\n        <section class=\"hero-section\">\n            <div class=\"hero-section-container\">\n                <div class=\"hero-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/logo-1.svg\" alt=\"Show Owner Titile\" class=\"hero-logo-img\">\n                <\/div>\n                <h1 class=\"hero-section-title\">BUTIKKEIER<br>PORTAL<\/h1>\n                <p class=\"hero-section-subtitle\">Alt du trenger for \u00e5 komme i gang med Easypick<\/p>\n                <div class=\"hero-nav-buttons\">\n                    <button class=\"hero-nav-btn\" onclick=\"document.querySelector('.setup-section').scrollIntoView({behavior: 'smooth'})\">\n                        Kom-i-gang-guide\n                    <\/button>\n                    <button class=\"hero-nav-btn\" onclick=\"document.querySelector('.training-section').scrollIntoView({behavior: 'smooth'})\">\n                        Oppl\u00e6ringsvideoer\n                    <\/button>\n                    <button class=\"hero-nav-btn\" onclick=\"document.querySelector('.materials-section').scrollIntoView({behavior: 'smooth'})\">\n                        Last ned materialer\n                    <\/button>\n                <button class=\"hero-nav-btn\" onclick=\"document.querySelector('.pup-section').scrollIntoView({behavior: 'smooth'})\">\n                    PUP-appen\n                <\/button>\n                    <button class=\"hero-nav-btn\" onclick=\"document.querySelector('.support-section').scrollIntoView({behavior: 'smooth'})\">\n                        Kontakt\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Intro Section -->\n        <section class=\"intro-section\">\n            <div class=\"intro-section-cityscape\">\n                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/landmarks3.png\" alt=\"Oslo Cityscape\" class=\"cityscape-image\">\n            <\/div>\n            <!--<img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/benefit-divider.png\" alt=\"Key Sharing Illustration\" class=\"intro-key-sharing-image\">-->\n            <div class=\"intro-section-container\">\n                <div class=\"intro-content-wrapper\">\n                    <div class=\"intro-text-side\">\n                        <h2 class=\"section-title\">Velkommen til <span class=\"text-primary\">Easypick<\/span><\/h2>\n                        <p class=\"section-subtitle\">Kom i gang med Easypick \u2013 Helt gratis!<\/p>\n                        <p class=\"intro-section-content\">\n                            Easypick er en smart, enkel og sikker tjeneste for n\u00f8kkeldeling. Organiser deling i et trygt system for kundene og ansatte dine, og bli en del av det voksende Easypick-fellesskapet.\n                        <\/p>\n                    <\/div>\n                    <div class=\"intro-map-side\">\n                        <div class=\"map-container\">\n                            <div class=\"map-label\">V\u00e5re voksende lokasjoner<\/div>\n                            <iframe \n                                src=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/map-v2.html\" \n                                class=\"pickup-points-map\"\n                                title=\"Easypick Pickup Points Map\"\n                                loading=\"lazy\">\n                            <\/iframe>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Benefits Section -->\n        <section class=\"benefits-section\">\n            <div class=\"benefits-section-container\">\n                <div class=\"benefits-section-first\">\n                    <h2 class=\"section-title text-white benefits-section-title-compact\">Butikken mottar <span class=\"text-primary\">Gratis:<\/span><\/h2>\n                    <p class=\"section-subtitle text-secondary benefits-section-subtitle-compact\">Alt du trenger for \u00e5 komme i gang helt gratis<\/p>\n                    \n                    <div class=\"benefits-grid benefits-grid-compact\">\n                    <div class=\"benefit-card benefit-card-compact\">\n                        <div class=\"benefit-icon-circle\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/terminal.png\" alt=\"Terminal\" class=\"benefit-icon-img\">\n                        <\/div>\n                        <h3 class=\"benefit-card-title\">Easypick-terminalen<\/h3>\n                        <p class=\"benefit-card-description\">Tar sv\u00e6rt lite plass.<\/p>\n                    <\/div>\n            \n                    <div class=\"benefit-card benefit-card-compact\">\n                        <div class=\"benefit-icon-circle\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/keys.png\" alt=\"Keys\" class=\"benefit-icon-img\">\n                        <\/div>\n                        <h3 class=\"benefit-card-title\">Easypick-n\u00f8kkelskapet<\/h3>\n                        <p class=\"benefit-card-description\">Plasseres bak kassen. Sikker oppbevaring for n\u00f8kler.<\/p>\n                    <\/div>\n            \n                    <div class=\"benefit-card benefit-card-compact\">\n                        <div class=\"benefit-icon-circle\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chip.png\" alt=\"Chips\" class=\"benefit-icon-img\">\n                        <\/div>\n                        <h3 class=\"benefit-card-title\">50 gratis brikker<\/h3>\n                        <p class=\"benefit-card-description\">Kom i gang med tjenesten. Verdi 2450 DKK.<\/p>\n                    <\/div>\n\n                    <div class=\"benefit-card benefit-card-compact\">\n                        <div class=\"benefit-icon-circle\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/phone.png\" alt=\"App\" class=\"benefit-icon-img\">\n                        <\/div>\n                        <h3 class=\"benefit-card-title\">Butikksjef-appen<\/h3>\n                        <p class=\"benefit-card-description\">Oversikt over salg og deling. Administrer alt fra telefonen din.<\/p>\n                    <\/div>\n\n                    <div class=\"benefit-card benefit-card-compact\">\n                        <div class=\"benefit-icon-circle\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/tutorial.png\" alt=\"Oppl\u00e6ringsvideoer\" class=\"benefit-icon-img\">\n                        <\/div>\n                        <h3 class=\"benefit-card-title\">Oppl\u00e6ringsvideoer<\/h3>\n                        <p class=\"benefit-card-description\">30-sekunders oppl\u00e6ringsvideoer for ansatte. Raskt og enkelt \u00e5 l\u00e6re.<\/p>\n                    <\/div>\n                <\/div>\n                <\/div>\n\n                <div class=\"benefits-divider\">\n                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/service-popup-keySharing.png\" alt=\"Key Sharing\" class=\"benefits-divider-image\">\n                <\/div>\n\n                <div class=\"benefits-section-second\">\n                    <h2 class=\"section-title text-white benefits-section-title-compact\">Store <span class=\"text-primary\">benefits:<\/span><\/h2>\n                    <p class=\"section-subtitle text-secondary benefits-section-footer\">\n                        The service is easy to use and builds trust with customers in your area. Loyal customers bring more people to your store through sharing! Become a Pick-Up-Point today!\n                    <\/p>\n                    <div class=\"benefits-grid benefits-grid-compact\">\n                        <div class=\"benefit-card benefit-card-compact\">\n                            <div class=\"benefit-icon-circle\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chip.png\" alt=\"Priser\" class=\"benefit-icon-img\">\n                            <\/div>\n                            <h3 class=\"benefit-card-title\">Brikkepriser<\/h3>\n                            <p class=\"benefit-card-description\">Selling price: DKK 49 incl. VAT. Purchase price: DKK 20 excl. VAT.<\/p>\n                        <\/div>\n                \n                        <div class=\"benefit-card benefit-card-compact\">\n                            <div class=\"benefit-icon-circle\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/check.png\" alt=\"Support\" class=\"benefit-icon-img\">\n                            <\/div>\n                            <h3 class=\"benefit-card-title\">Gratis oppsett og support<\/h3>\n                            <p class=\"benefit-card-description\">Gratis oppsett, installasjon, service og support inkludert.<\/p>\n                        <\/div>\n                \n                        <div class=\"benefit-card benefit-card-compact\">\n                            <div class=\"benefit-icon-circle\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/cart.svg\" alt=\"Earnings\" class=\"benefit-icon-img\">\n                            <\/div>\n                            <h3 class=\"benefit-card-title\">Tjen direkte<\/h3>\n                            <p class=\"benefit-card-description\">Direkte inntekter per solgte brikke. F\u00e5 kunden til kassen for mersalg.<\/p>\n                        <\/div>\n\n                        <div class=\"benefit-card benefit-card-compact\">\n                            <div class=\"benefit-icon-circle\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/pick-up-point.png\" alt=\"Provisjon\" class=\"benefit-icon-img\">\n                            <\/div>\n                            <h3 class=\"benefit-card-title\">Provisjon<\/h3>\n                            <p class=\"benefit-card-description\">20\u202f% provisjon p\u00e5 n\u00f8kkeldeling. \u00d8k inntektene med minimal innsats.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- Services Section -->\n        <!-- <section class=\"services-section\">\n            <div class=\"services-section-container\">\n                <h2 class=\"section-title text-dark\">Our <span class=\"text-primary\">Services<\/span><\/h2>\n                <p class=\"section-subtitle text-dark\">Three main parts of our service<\/p>\n                <div class=\"services-grid\">\n                    <div class=\"service-card\">\n                        <div class=\"service-icon\">\ud83d\udce6<\/div>\n                        <h3 class=\"service-card-title\">Easypick Services<\/h3>\n                        <p class=\"service-card-description\">Fast, simple, and safe key sharing service for your customers. Bring more customers to your store.<\/p>\n                    <\/div>\n                    <div class=\"service-card\">\n                        <div class=\"service-icon\">\ud83d\udda5\ufe0f<\/div>\n                        <h3 class=\"service-card-title\">Easypick Products<\/h3>\n                        <p class=\"service-card-description\">Terminals and equipment made in Norway. Simple and reliable service for your business.<\/p>\n                    <\/div>\n                    <div class=\"service-card\">\n                        <div class=\"service-icon\">\ud83d\udc8e<\/div>\n                        <h3 class=\"service-card-title\">Special Deals<\/h3>\n                        <p class=\"service-card-description\">Special offers and promotions for our partner locations. Extra ways to earn more.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section> -->\n\n        <!-- Products Section -->\n        <section class=\"products-section\">\n            <div class=\"products-section-mascot\">\n                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/service-popup-chip.png\" alt=\"Products Mascot\" class=\"products-mascot-image\">\n            <\/div>\n            <div class=\"products-section-container\">\n                <h2 class=\"section-title text-dark\">Produkter og <span class=\"text-primary\">Utstyr<\/span><\/h2>\n                <p class=\"section-subtitle text-dark\">Alt du trenger for \u00e5 komme i gang<\/p>\n                \n                <!-- Featured Complete Package -->\n                <div class=\"product-featured\">\n                    <div class=\"product-featured-image\" onclick=\"openImageModal('https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/all-terminal.webp', 'Complete Easypick Package', null, event)\" >\n                        <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/all-terminal.webp\" alt=\"Komplett pakke\" class=\"featured-img\">\n                        <div class=\"featured-badge\">Komplett pakke<\/div>\n                    <\/div>\n                    <div class=\"product-featured-content\">\n                        <h3 class=\"featured-title\">Alt inkludert<\/h3>\n                        <p class=\"featured-description\">F\u00e5 full Easypick-oppsett med terminal, brikkeholder og brikker \u2013 klart til bruk fra dag \u00e9n.<\/p>\n                        <div class=\"featured-items\">\n                            <div class=\"featured-item\">\u2713 Easypick-terminalen<\/div>\n                            <div class=\"featured-item\">\u2713 Brikkeholder-skap<\/div>\n                            <div class=\"featured-item\">50 gratis brikker<\/div>\n                            <div class=\"featured-item\">\u2713 Gratis installasjon<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Product Details Grid with Image Galleries -->\n                <div class=\"product-details-grid\">\n                    <!-- Terminal Card -->\n                    <div class=\"product-detail-card\">\n                        <div class=\"product-gallery\">\n                            <div class=\"product-gallery-main\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/terminal-white.webp\" alt=\"Terminal\" class=\"gallery-main-img\" onclick=\"openImageModal('https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/terminal-white.webp', 'Easypick Terminal', this, event)\">\n                            <\/div>\n                            <div class=\"product-gallery-thumbs\">\n                                <div class=\"gallery-thumb active\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/terminal-white.webp\" alt=\"Terminal View 1\" onclick=\"handleThumbnailClick(this, 'Easypick Terminal', event)\">\n                                <\/div>\n\n                                <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/terminal3.webp\" alt=\"Terminal View 2\" onclick=\"handleThumbnailClick(this, 'Easypick Terminal', event)\">\n                                <\/div>\n                                <!-- Add more terminal shots here -->\n                                <!--<div class=\"gallery-thumb-placeholder\">+<\/div>-->\n                                \n                            <\/div>\n                        <\/div>\n                        <div class=\"product-detail-info\">\n                            <h4>Easypick-terminalen<\/h4>\n                            <p>Kompakt design, enkel installasjon<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Chip Holder Card -->\n                    <div class=\"product-detail-card\">\n                        <div class=\"product-gallery\">\n                            <div class=\"product-gallery-main\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chip-holder.webp\" alt=\"Brikkeholder\" class=\"gallery-main-img\" onclick=\"openImageModal('https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chip-holder.webp', 'Chip Holder', this, event)\">\n                            <\/div>\n                            <div class=\"product-gallery-thumbs\">\n                                <div class=\"gallery-thumb active\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chip-holder.webp\" alt=\"Holder View 1\" onclick=\"handleThumbnailClick(this, 'Chip Holder', event)\">\n                                <\/div>\n                                \n                                <!-- Add more chip holder shots here -->\n                                <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ship_holder2.webp\" alt=\"Holder View 2\" onclick=\"handleThumbnailClick(this, 'Chip Holder', event)\">\n                                <\/div>\n                                 <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chipholder3.webp\" alt=\"Holder View 3\" onclick=\"handleThumbnailClick(this, 'Chip Holder', event)\">\n                                <\/div>\n                                <!--<div class=\"gallery-thumb-placeholder\">+<\/div>-->\n                            <\/div>\n                        <\/div>\n                        <div class=\"product-detail-info\">\n                            <h4>Brikkeholder<\/h4>\n                            <p>Sikker n\u00f8kkeloppbevaring<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Chips Card -->\n                    <div class=\"product-detail-card\">\n                        <div class=\"product-gallery\">\n                            <div class=\"product-gallery-main\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips-white.webp\" alt=\"Chips\" class=\"gallery-main-img\" onclick=\"openImageModal('https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips-white.webp', 'Easypick Chips', this, event)\">\n                            <\/div>\n                            <div class=\"product-gallery-thumbs\">\n                                <div class=\"gallery-thumb active\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips-white.webp\" alt=\"Chips View 1\" onclick=\"handleThumbnailClick(this, 'Easypick Chips', event)\">\n                                <\/div>\n                                  <!-- Add more chip shots here -->\n                                <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips3.webp\" alt=\"Chips View 2\" onclick=\"handleThumbnailClick(this, 'Easypick Chips', event)\">\n                                <\/div>\n                                <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips4.webp\" alt=\"Chips View 3\" onclick=\"handleThumbnailClick(this, 'Easypick Chips', event)\">\n                                <\/div>\n                                <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips5.webp\" alt=\"Chips View 4\" onclick=\"handleThumbnailClick(this, 'Easypick Chips', event)\">\n                                <\/div>\n                                <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips6.webp\" alt=\"Chips View 5\" onclick=\"handleThumbnailClick(this, 'Easypick Chips', event)\">\n                                <\/div>\n                                <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips7.webp\" alt=\"Chips View 6\" onclick=\"handleThumbnailClick(this, 'Easypick Chips', event)\">\n                                <\/div>\n\n                                <!-- Add more chip shots here -->\n                                <!--<div class=\"gallery-thumb-placeholder\">+<\/div>-->\n                            <\/div>\n                        <\/div>\n                        <div class=\"product-detail-info\">\n                            <h4>Easypick-brikker<\/h4>\n                            <p>Merkede brikker med v\u00e5rt Easypick-logo<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Full Package Section -->\n                <!-- <div class=\"full-package-section mt-6\">\n                    <h3 class=\"text-[clamp(1.5rem,3vw,2rem)] font-extrabold text-center text-[#363636] mb-3\">\n                        Complete <span class=\"text-[#F37C21]\">Package<\/span>\n                    <\/h3>\n                    <div class=\"full-package-image-container bg-white\/80 rounded-xl border-2 border-[rgba(243,124,33,0.15)] overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.08)] max-w-[800px] mx-auto\">\n                        <div class=\"w-full h-[200px] bg-gradient-to-br from-gray-100 to-gray-200 flex items-center justify-center\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/all.webp\" alt=\"Full Package\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                    <\/div>\n                <\/div> -->\n            <\/div>\n        <\/section>\n\n    <!-- Setup Guide -->\n    <section class=\"setup-section\">\n            <div class=\"setup-section-cityscape\">\n                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/landmarks3.png\" alt=\"Oslo Landmarks\" class=\"setup-landmarks-image\">\n            <\/div>\n            <div class=\"setup-section-container\">\n                <h2 class=\"section-title text-white\">Enkel <span class=\"text-primary\">Oppsett<\/span><\/h2>\n                <p class=\"section-subtitle text-secondary\">Plug and play \u2013 kom i gang p\u00e5 minutter<\/p>\n                <div class=\"setup-steps-grid\">\n                    <div class=\"setup-step\">\n                        <div class=\"setup-step-number-badge\">1<\/div>\n                        <div class=\"setup-step-mascot-container\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/mascot-free.png\" alt=\"Skaff utstyr\" class=\"setup-step-mascot\">\n                            <div class=\"setup-step-icon-overlay\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/terminal.png\" alt=\"Terminal\" class=\"setup-step-icon-small\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"setup-step-content\">\n                            <h3 class=\"setup-step-title\">Skaff utstyr<\/h3>\n                            <p class=\"setup-step-text\">Motta din gratis terminal, n\u00f8kkelskap og brikker<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"setup-step\">\n                        <div class=\"setup-step-number-badge\">2<\/div>\n                        <div class=\"setup-step-mascot-container\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/mascot-one.png\" alt=\"Rask oppsett\" class=\"setup-step-mascot\">\n                            <div class=\"setup-step-icon-overlay\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chip.png\" alt=\"Chip\" class=\"setup-step-icon-small\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"setup-step-content\">\n                            <h3 class=\"setup-step-title\">Rask oppsett<\/h3>\n                            <p class=\"setup-step-text\">Koble til og konfigurer \u2013 tar bare noen minutter<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"setup-step\">\n                        <div class=\"setup-step-number-badge\">3<\/div>\n                        <div class=\"setup-step-mascot-container\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/mascot-unlimited.png\" alt=\"Begynn \u00e5 dele\" class=\"setup-step-mascot\">\n                            <div class=\"setup-step-icon-overlay\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/keys.png\" alt=\"Keys\" class=\"setup-step-icon-small\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"setup-step-content\">\n                            <h3 class=\"setup-step-title\">Begynn \u00e5 dele<\/h3>\n                            <p class=\"setup-step-text\">Start n\u00f8kkeldelingstjenesten din med en gang<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- PUP Section -->\n        <section class=\"pup-section\">\n            <div class=\"pup-section-mascot\">\n                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/service-popup-app.png\" alt=\"PUP Mascot\" class=\"pup-mascot-image\">\n            <\/div>\n            <div class=\"pup-container\">\n                <!-- Header -->\n                <div class=\"pup-header\">\n                    <h2 class=\"pup-title text-dark\">PUP <span class=\"text-primary\">App<\/span><\/h2>\n                    <p class=\"pup-subtitle\">Alt du trenger for \u00e5 administrere din Easypick-lokasjon<\/p>\n                <\/div>\n\n                <!-- App Showcase Section -->\n                <div class=\"app-showcase-section\">\n                    <!-- Left: Content -->\n                    <div class=\"app-content\">\n                        <div class=\"app-badge\">\n                            Mobilapp\n                        <\/div>\n                        <h3 class=\"app-main-title\">Administrer lokasjonen din mens du er p\u00e5 farten<\/h3>\n                        <p class=\"app-description\">\n                            Bruk PUP-appen for \u00e5 ta vare p\u00e5 din Easypick-lokasjon. Sjekk kreditt, bestill brikker og oppdater \u00e5pningstider \u2013 alt fra telefonen din.\n                        <\/p>\n                        <div class=\"app-features-list\">\n                            <div class=\"app-feature-item\">\n                                <div class=\"feature-icon-small\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-app-with-bg.svg\" alt=\"Sales Overview\">\n                                <\/div>\n                                <div class=\"feature-text\">\n                                    <h4>Kredittoversikt og historikk<\/h4>\n                                    <p>Se hvor mye kreditt du har og hva du har tjent.<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"app-feature-item\">\n                                <div class=\"feature-icon-small\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-settings-with-bg.svg\" alt=\"Management\">\n                                <\/div>\n                                <div class=\"feature-text\">\n                                    <h4>Enkel administrasjon<\/h4>\n                                    <p>Oppdater \u00e5pningstider og administrer ditt Pick-Up-Point fra telefonen din.<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"app-feature-item\">\n                                <div class=\"feature-icon-small\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-info-with-bg.svg\" alt=\"Analytics\">\n                                <\/div>\n                                <div class=\"feature-text\">\n                                    <h4>Detaljert analyse<\/h4>\n                                    <p>F\u00e5 innsikt i ytelse og brikkeaktivitet.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"app-download-buttons\">\n                            <a href=\"https:\/\/apps.apple.com\/us\/app\/easypick\/id1215465630\" target=\"_blank\" style=\"padding:0\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/app-store-badge.png\" alt=\"Download on the App Store\" style=\"height: 35px;\" \/>\n                            <\/a>\n                            <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.easypick.main\" target=\"_blank\" style=\"padding:0\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/08\/get-on-google.png\" alt=\"Get it on Google Play\" style=\"height: 50px;\" \/>\n                            <\/a>\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- Right: Phone -->\n                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/pup-app.png\" alt=\"PUP App Screenshot\" class=\"app-screenshot\">\n                    \n                    <!-- PUP Guidelines Download (centered across grid) -->\n                    <div class=\"pup-guidelines-cta\">\n                        <p class=\"download-text\">F\u00e5 den komplette PUP-rutine-PDFen som forklarer de faste oppgavene, daglige rutiner og viktige trinn \u00e5 f\u00f8lge p\u00e5 ditt Pick-Up-Point.<\/p>\n                        <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/A4+EP+rutineark+PUP+2018+(1).pdf\" download=\"Easypick_PUP_Routine_Guide_A4.pdf\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/A4+EP+rutineark+PUP+2018+(1).pdf', 'Easypick_PUP_Routine_Guide_A4.pdf');\" class=\"pup-download-button\">\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"download-icon\">\n                                <rect width=\"48\" height=\"48\" rx=\"10\" fill=\"#F37C21\"\/>\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M25.3337 11.9993C25.3337 11.263 24.7367 10.666 24.0003 10.666C23.2639 10.666 22.667 11.263 22.667 11.9993V27.4471L16.9431 21.7232C16.4224 21.2025 15.5782 21.2025 15.0575 21.7232C14.5368 22.2439 14.5368 23.0881 15.0575 23.6088L23.0575 31.6088C23.5782 32.1295 24.4224 32.1295 24.9431 31.6088L32.9431 23.6088C33.4638 23.0881 33.4638 22.2439 32.9431 21.7232C32.4224 21.2025 31.5782 21.2025 31.0575 21.7232L25.3337 27.4471V11.9993Z\" fill=\"#F9F9F9\"\/>\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.667 35.9993C10.667 35.263 11.2639 34.666 12.0003 34.666H36.0003C36.7367 34.666 37.3337 35.263 37.3337 35.9993C37.3337 36.7357 36.7367 37.3327 36.0003 37.3327H12.0003C11.2639 37.3327 10.667 36.7357 10.667 35.9993Z\" fill=\"#F9F9F9\"\/>\n                            <\/svg>\n                            <span>Last ned rutineveiledning<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                \n            <\/div>\n        <\/section>\n\n        <!-- Download Materials -->\n        <section class=\"materials-section\">\n            <div class=\"materials-section-container\">\n                <h2 class=\"section-title text-dark\">Last ned <span class=\"text-primary\">Materialer<\/span><\/h2>\n                <p class=\"section-subtitle text-dark\">Markedsf\u00f8ringsmateriell og veiledningsmateriell for butikken din<\/p>\n                <div class=\"materials-sections-wrapper\">\n                    <!-- Marketing Materials -->\n                    <div class=\"materials-subsection\">\n                        <h3 class=\"materials-subsection-title\">Markedsf\u00f8ring <span class=\"text-primary\">Materialer<\/span><\/h3>\n                        <div class=\"materials-grid\">\n                            <div class=\"material-card\">\n                                <div class=\"material-thumbnail\" onclick=\"openPdfPreview('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(A4).pdf', 'A4 Poster')\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/thumbnaila4.png\" alt=\"A4 Poster Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                <h4 class=\"material-info-title\">A4 Poster<\/h4>\n                                <p class=\"material-info-description\">PDF \u2022 0.4 MB<\/p>\n                                <\/div>\n                                <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(A4).pdf\" download=\"Easypick_A4_Poster.pdf\" class=\"download-button\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(A4).pdf', 'Easypick_A4_Poster.pdf');\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Last ned\" class=\"download-icon\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"material-card\">\n                                <div class=\"material-thumbnail\" onclick=\"openPdfPreview('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(A3).pdf', 'A3 Poster')\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/thumbnaila3.png\" alt=\"A3 Poster Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">A3 Poster<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 0.4 MB<\/p>\n                                <\/div>\n                                <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(A3).pdf\" download=\"Easypick_A3_Poster.pdf\" class=\"download-button\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(A3).pdf', 'Easypick_A3_Poster.pdf');\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Last ned\" class=\"download-icon\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"material-card\">\n                                <div class=\"material-thumbnail\" onclick=\"openPdfPreview('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(B2).pdf', 'B2 Poster')\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/thumbnailb2.png\" alt=\"A4 Poster Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">B2 Poster<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 0.5 MB<\/p>\n                                <\/div>\n                                <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(B2).pdf\" download=\"Easypick_B2_Poster.pdf\" class=\"download-button\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(B2).pdf', 'Easypick_B2_Poster.pdf');\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Last ned\" class=\"download-icon\">\n                                <\/a>\n                            <\/div>\n                            <!-- <div class=\"material-card\">\n                                <div class=\"material-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/thumbnailstickers.png\" alt=\"Window Stickers Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">Window Stickers<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 1.2 MB<\/p>\n                                <\/div>\n                                <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(B2).pdf\" download=\"Easypick_Window_Stickers.pdf\" class=\"download-button\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(B2).pdf', 'Easypick_Window_Stickers.pdf');\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Download\" class=\"download-icon\">\n                                <\/a>\n                            <\/div> -->\n                                   \n                            <!-- <div class=\"material-card\">\n                                <div class=\"material-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/200x280\/F37C21\/ffffff?text=Brand+Guide\" alt=\"Brand Guidelines Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">Brand Guidelines<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 2.5 MB<\/p>\n                                <\/div>\n                                <button class=\"download-button\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Download\" class=\"download-icon\">\n                                <\/button>\n                            <\/div> -->\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Guide Materials -->\n                    <div class=\"materials-subsection\">\n                        <h3 class=\"materials-subsection-title\">Veiledning <span class=\"text-primary\">Materialer<\/span><\/h3>\n                        <div class=\"materials-grid\">\n                            <div class=\"material-card\">\n                                <div class=\"material-thumbnail\" onclick=\"openPdfPreview('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/One+pager+Easypick+Dansk+N%C3%A6rk%C3%B8b+03.11.25-1.pdf', 'One-Pager Guide')\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/thumbnailone-pager.png\" alt=\"One-Pager Guide Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">One-Pager Guide<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 0.15 MB<\/p>\n                                <\/div>\n                                <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/One+pager+Easypick+Dansk+N%C3%A6rk%C3%B8b+03.11.25-1.pdf\" download=\"Easypick_One-Pager_Guide.pdf\" class=\"download-button\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/One+pager+Easypick+Dansk+N%C3%A6rk%C3%B8b+03.11.25-1.pdf', 'Easypick_One-Pager_Guide.pdf');\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Last ned\" class=\"download-icon\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"material-card\">\n                                <div class=\"material-thumbnail\" onclick=\"openPdfPreview('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/easypick_offers_dk.pdf', 'Easypick Offers (DK)')\">   \n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/overview_dk.png\" alt=\"Easypick Offers (DK) Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">Easypick Offers (DK)<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 0.05 MB<\/p>\n                                <\/div>\n                                    <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/easypick_offers_dk.pdf\" download=\"Easypick_Offers_DK.pdf\" class=\"download-button\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/easypick_offers_dk.pdf','Easypick_Offers_DK.pdf');\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Last ned\" class=\"download-icon\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"material-card\">\n                                <div class=\"material-thumbnail\" onclick=\"openPdfPreview('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/A4+EP+rutineark+PUP+2018+(1).pdf', 'PUP Routine Guide')\">   \n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/runtinearkPUP2018.png\" alt=\"PUP Routine Guide Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">PUP Routine Guide (A4)<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 3.2 MB<\/p>\n                                <\/div>\n                                <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/A4+EP+rutineark+PUP+2018+(1).pdf\" download=\"Easypick_PUP_Routine_Guide_A4.pdf\" class=\"download-button\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/A4+EP+rutineark+PUP+2018+(1).pdf', 'Easypick_PUP_Routine_Guide_A4.pdf');\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Last ned\" class=\"download-icon\">\n                                <\/a>\n                            <\/div>\n                            <!-- <div class=\"material-card\">\n                                <div class=\"material-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/200x280\/F37C21\/ffffff?text=Checklist\" alt=\"Staff Checklist Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">Staff Checklist<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 600 KB<\/p>\n                                <\/div>\n                                <button class=\"download-button\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Download\" class=\"download-icon\">\n                                <\/button>\n                            <\/div>\n                            <div class=\"material-card\">\n                                <div class=\"material-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/200x280\/F37C21\/ffffff?text=FAQ\" alt=\"FAQ Guide Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">FAQ Guide<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 900 KB<\/p>\n                                <\/div>\n                                <button class=\"download-button\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Download\" class=\"download-icon\">\n                                <\/button>\n                            <\/div> -->\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Training Resources -->\n        <section class=\"training-section\">\n            <div class=\"training-section-container\">\n                <h2 class=\"section-title text-white\">Oppl\u00e6ringsvideoer <span class=\"text-primary\">Videoer<\/span><\/h2>\n                <p class=\"section-subtitle text-secondary\">Rask, enkel og sikker oppl\u00e6ringsvideoer for teamet ditt<\/p>\n                <div class=\"training-grid\">\n                    <div class=\"training-card\" onclick=\"window.open('https:\/\/easypick.no\/training', '_blank')\" style=\"cursor: pointer;\">\n                        <div class=\"training-play-icon\">\n                            <svg width=\"60\" height=\"60\" viewbox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"training-play-svg\">\n                                <rect width=\"60\" height=\"60\" rx=\"30\" fill=\"#F37C21\"\/>\n                                <path d=\"M24 20L24 40L38 30L24 20Z\" fill=\"white\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"training-card-title\">Pick-Up-Point 30-sekunders oppl\u00e6ringsvideo<\/h3>\n                        <p class=\"training-card-description\">Enkel oppl\u00e6ringsvideo for teamet ditt for \u00e5 hjelpe kundene.<\/p>\n                        <button class=\"training-share-button\" onclick=\"event.stopPropagation(); shareTrainingVideo('training')\" title=\"Share video\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-send-with-bg.svg\" alt=\"Del\" class=\"share-icon-img\">\n                            <span>Del<\/span>\n                        <\/button>\n                    <\/div>\n                    <div class=\"training-card\" onclick=\"window.open('https:\/\/drive.google.com\/file\/d\/1Io0j1mf5m4ERwfdGmy_CIADYJxBeR602\/view?usp=drivesdk', '_blank')\" style=\"cursor: pointer;\">\n                        <div class=\"training-play-icon\">\n                            <svg width=\"60\" height=\"60\" viewbox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"training-play-svg\">\n                                <rect width=\"60\" height=\"60\" rx=\"30\" fill=\"#F37C21\"\/>\n                                <path d=\"M24 20L24 40L38 30L24 20Z\" fill=\"white\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"training-card-title\">Hvordan aktivere Easypick-brikke<\/h3>\n                        <p class=\"training-card-description\">Trinn-for-trinn-veiledning for \u00e5 skanne og aktivere brikker for kunder.<\/p>\n                        <button class=\"training-share-button\" onclick=\"event.stopPropagation(); shareTrainingVideo('activate-scan-chip')\" title=\"Share video\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-send-with-bg.svg\" alt=\"Del\" class=\"share-icon-img\">\n                            <span>Del<\/span>\n                        <\/button>\n                    <\/div>\n                    <div class=\"training-card\" onclick=\"window.open('https:\/\/drive.google.com\/file\/d\/1L8hyYgnSvjLNDTGNULP9TwK_mjCDz1aT\/view?usp=drivesdk', '_blank')\" style=\"cursor: pointer;\">\n                        <div class=\"training-play-icon\">\n                            <svg width=\"60\" height=\"60\" viewbox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"training-play-svg\">\n                                <rect width=\"60\" height=\"60\" rx=\"30\" fill=\"#F37C21\"\/>\n                                <path d=\"M24 20L24 40L38 30L24 20Z\" fill=\"white\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"training-card-title\">Hvordan levere Easypick-enheten<\/h3>\n                        <p class=\"training-card-description\">Trinn-for-trinn-veiledning for \u00e5 levere Easypick-enheten til kunder.<\/p>\n                        <button class=\"training-share-button\" onclick=\"event.stopPropagation(); shareTrainingVideo('drop-off-thing')\" title=\"Share video\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-send-with-bg.svg\" alt=\"Del\" class=\"share-icon-img\">\n                            <span>Del<\/span>\n                        <\/button>\n                    <\/div>\n                    <div class=\"training-card\" onclick=\"window.open('https:\/\/drive.google.com\/file\/d\/141IYW33zJPpX9Vvb50b-s_oBtwiR1iiQ\/view?usp=drivesdk', '_blank')\" style=\"cursor: pointer;\">\n                        <div class=\"training-play-icon\">\n                            <svg width=\"60\" height=\"60\" viewbox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"training-play-svg\">\n                                <rect width=\"60\" height=\"60\" rx=\"30\" fill=\"#F37C21\"\/>\n                                <path d=\"M24 20L24 40L38 30L24 20Z\" fill=\"white\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"training-card-title\">Hvordan hente n\u00f8kler<\/h3>\n                        <p class=\"training-card-description\">Trinn-for-trinn-veiledning for \u00e5 hente n\u00f8kler fra Easypick-enheten for kunder.<\/p>\n                        <button class=\"training-share-button\" onclick=\"event.stopPropagation(); shareTrainingVideo('pick-up-keys')\" title=\"Share video\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-send-with-bg.svg\" alt=\"Del\" class=\"share-icon-img\">\n                            <span>Del<\/span>\n                        <\/button>\n                    <\/div>\n                    <div class=\"training-card training-card-video\">\n                        <div class=\"training-video-wrapper\">\n                            <div class=\"training-video-thumbnail\" onclick=\"toggleTrainingVideo(this.closest('.training-card-video'))\" style=\"cursor: pointer;\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-28-at-2.02.53\u202fAM.png\" alt=\"Easypick Terminal Training Video\" class=\"video-thumbnail-img\">\n                                <div class=\"video-play-overlay\">\n                                    <svg width=\"80\" height=\"80\" viewbox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <circle cx=\"40\" cy=\"40\" r=\"40\" fill=\"rgba(243, 124, 33, 0.95)\"\/>\n                                        <path d=\"M32 26L32 54L50 40L32 26Z\" fill=\"white\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                            <div class=\"training-video-container\" style=\"display: none;\" onclick=\"event.stopPropagation();\">\n                                <div class=\"video-wrapper\">\n                                    <video class=\"training-video-player\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/08\/Easypick-Terminal-V04.webm\" controls=\"\" preload=\"metadata\" controlslist=\"nodownload\" poster=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-28-at-2.02.53 AM.png\"><\/video>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"training-video-content\">\n                            <h3 class=\"training-card-title\">Easypick-terminal oppl\u00e6ring<\/h3>\n                            <p class=\"training-card-description\">L\u00e6r hvordan du bruker Easypick-terminalen for n\u00f8kkeldeling.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Support Section -->\n        <section class=\"support-section\">\n            <div class=\"support-section-mascot\">\n                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/service-popup-pup.png\" alt=\"Support Mascot\" class=\"support-mascot-image\">\n            <\/div>\n            <div class=\"support-section-container\">\n                <h2 class=\"section-title text-dark\">Trenger <span class=\"text-primary\">Hjelp<\/span><\/h2>\n                <p class=\"section-subtitle text-dark\">Kontakt v\u00e5rt supportteam<\/p>\n                <div class=\"support-grid\">\n                    <div class=\"support-card\">\n                        <div class=\"support-icon\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/3.png\" alt=\"Telefon\" class=\"support-icon-img\">\n                        <\/div>\n                        <h3 class=\"support-card-title\">Hoved kundesupportlinje<\/h3>\n                        <p class=\"support-card-description\">Tilgjengelig 24\/7 for hastesaker<\/p>\n                        <a href=\"tel:+4723653301\" class=\"support-contact-link\">+47 23 65 33 01<\/a>\n                    <\/div>\n                    <div class=\"support-card\">\n                        <div class=\"support-icon\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/4.png\" alt=\"Lokasjonsansvarlig\" class=\"support-icon-img\">\n                        <\/div>\n                        <h3 class=\"support-card-title\">Lokasjonsansvarlig<\/h3>\n                        <p class=\"support-card-description\">For forretningshenvendelser og support<\/p>\n                        <a href=\"tel:+4723653301\" class=\"support-contact-link\">+47 23 65 33 01<\/a>\n                    <\/div>\n                    <div class=\"support-card\">\n                        <div class=\"support-icon\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/5.png\" alt=\"Tech Support\" class=\"support-icon-img\">\n                        <\/div>\n                        <h3 class=\"support-card-title\">Teknisk support \u2013 Norge<\/h3>\n                        <p class=\"support-card-description\">Mandag\u2013fredag: 08:00\u201316:00<\/p>\n                        <a href=\"tel:+4796863261\" class=\"support-contact-link\">+47 96 86 32 61<\/a>\n                    <\/div>\n                    <div class=\"support-card\">\n                        <div class=\"support-icon\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/7.png\" alt=\"Tech Support\" class=\"support-icon-img\">\n                        <\/div>\n                        <h3 class=\"support-card-title\">Teknisk support \u2013 Danmark<\/h3>\n                        <p class=\"support-card-description\">Mandag\u2013fredag: 08:00\u201317:00<\/p>\n                        <a href=\"tel:+45788095458\" class=\"support-contact-link\">+45 78 80 95 458<\/a>\n                    <\/div>\n                    <div class=\"support-card\">\n                        <div class=\"support-icon\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/1.png\" alt=\"E-post\" class=\"support-icon-img\">\n                        <\/div>\n                        <h3 class=\"support-card-title\">Email Support<\/h3>\n                        <p class=\"support-card-description\">Email Support for dine sp\u00f8rsm\u00e5l<\/p>\n                        <a href=\"mailto:support@easypick.no\" class=\"support-contact-link\">support@easypick.no<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Image Modal -->\n        <div id=\"imageModal\" class=\"image-modal\" onclick=\"closeImageModal(event)\" ontouchstart=\"event.stopPropagation()\">\n            <span class=\"image-modal-close\" onclick=\"closeImageModal(event)\" ontouchstart=\"event.stopPropagation()\">&times;<\/span>\n            <button class=\"modal-arrow modal-arrow-left\" id=\"modalArrowLeft\" onclick=\"event.stopPropagation(); navigateModalImage(-1)\" aria-label=\"Previous image\">\n                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/button>\n            <img class=\"image-modal-content\" id=\"modalImage\" onclick=\"event.stopPropagation()\" ontouchstart=\"event.stopPropagation()\">\n            <button class=\"modal-arrow modal-arrow-right\" id=\"modalArrowRight\" onclick=\"event.stopPropagation(); navigateModalImage(1)\" aria-label=\"Next image\">\n                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/button>\n            <div class=\"image-modal-caption\" id=\"modalCaption\"><\/div>\n            <div class=\"modal-arrows-mobile\" id=\"modalArrowsMobile\">\n                <button class=\"modal-arrow modal-arrow-left-mobile\" onclick=\"event.stopPropagation(); navigateModalImage(-1)\" aria-label=\"Previous image\">\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/button>\n                <button class=\"modal-arrow modal-arrow-right-mobile\" onclick=\"event.stopPropagation(); navigateModalImage(1)\" aria-label=\"Next image\">\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                <\/button>\n            <\/div>\n        <\/div>\n\n    <!-- PDF Preview Modal -->\n    <div id=\"pdfModal\" class=\"pdf-modal\" onclick=\"closePdfModal(event)\">\n        <span class=\"pdf-modal-close\" onclick=\"closePdfModal(event)\">&times;<\/span>\n        <div class=\"pdf-modal-content\" onclick=\"event.stopPropagation()\">\n            <div class=\"pdf-modal-header\">\n                <h3 id=\"pdfModalTitle\" class=\"pdf-modal-title\"><\/h3>\n                <a id=\"pdfModalDownload\" href=\"#\" download class=\"pdf-modal-download-btn\" onclick=\"event.preventDefault(); event.stopPropagation(); handlePdfModalDownload(this);\">\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"download-icon\">\n                        <rect width=\"48\" height=\"48\" rx=\"10\" fill=\"#F37C21\"\/>\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M25.3337 11.9993C25.3337 11.263 24.7367 10.666 24.0003 10.666C23.2639 10.666 22.667 11.263 22.667 11.9993V27.4471L16.9431 21.7232C16.4224 21.2025 15.5782 21.2025 15.0575 21.7232C14.5368 22.2439 14.5368 23.0881 15.0575 23.6088L23.0575 31.6088C23.5782 32.1295 24.4224 32.1295 24.9431 31.6088L32.9431 23.6088C33.4638 23.0881 33.4638 22.2439 32.9431 21.7232C32.4224 21.2025 31.5782 21.2025 31.0575 21.7232L25.3337 27.4471V11.9993Z\" fill=\"#F9F9F9\"\/>\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.667 35.9993C10.667 35.263 11.2639 34.666 12.0003 34.666H36.0003C36.7367 34.666 37.3337 35.263 37.3337 35.9993C37.3337 36.7357 36.7367 37.3327 36.0003 37.3327H12.0003C11.2639 37.3327 10.667 36.7357 10.667 35.9993Z\" fill=\"#F9F9F9\"\/>\n                    <\/svg>\n                    <span>Last ned<\/span>\n                <\/a>\n            <\/div>\n            <iframe id=\"pdfModalFrame\" class=\"pdf-modal-iframe\" src=\"\"><\/iframe>\n        <\/div>\n    <\/div>\n\n\n\n\n    <!-- JavaScript -->\n    <script>\n        \/\/ Image Modal Functions\n        let currentGalleryImages = [];\n        let currentImageIndex = 0;\n        \n        \/\/ Helper function to normalize URLs for comparison\n        function normalizeUrl(url) {\n            if (!url) return '';\n            try {\n                \/\/ Remove trailing slashes and normalize\n                return url.split('?')[0].split('#')[0].replace(\/\\\/$\/, '');\n            } catch (e) {\n                return url;\n            }\n        }\n        \n        function openImageModal(imageSrc, caption, galleryElement, event) {\n            \/\/ Prevent opening if currently closing (mobile fix)\n            if (isClosingModal) return;\n            \n            const modal = document.getElementById('imageModal');\n            const modalImg = document.getElementById('modalImage');\n            const captionText = document.getElementById('modalCaption');\n            \n            \/\/ Safety check - ensure modal elements exist\n            if (!modal || !modalImg || !captionText) {\n                console.error('Image modal elements not found');\n                return;\n            }\n            \n            \/\/ Stop event propagation to prevent bubbling\n            if (event) {\n                event.stopPropagation();\n            }\n            \n            let actualSrc = imageSrc || '';\n            \n            \/\/ Get all images from the gallery\n            if (galleryElement) {\n                \/\/ Gallery image clicked - use actual src from element\n                actualSrc = galleryElement.src || galleryElement.getAttribute('src') || actualSrc;\n                \n                const gallery = galleryElement.closest('.product-gallery');\n                if (gallery) {\n                    const mainImg = gallery.querySelector('.gallery-main-img');\n                    const thumbs = gallery.querySelectorAll('.gallery-thumb:not(.gallery-thumb-placeholder) img');\n                    \n                    \/\/ Build gallery array using actual src attributes from DOM\n                    currentGalleryImages = [];\n                    const addedUrls = new Set(); \/\/ Track added URLs to avoid duplicates\n                    \n                    \/\/ Check if clicked element is a thumbnail or main image\n                    const isThumbnail = galleryElement.closest('.gallery-thumb') !== null;\n                    \n                    \/\/ If thumbnail clicked, ensure its image is first in the array\n                    if (isThumbnail && actualSrc) {\n                        currentGalleryImages.push({\n                            src: actualSrc,\n                            alt: caption || galleryElement.alt || ''\n                        });\n                        addedUrls.add(normalizeUrl(actualSrc));\n                    }\n                    \n                    \/\/ Add main image (if not already added)\n                    if (mainImg && mainImg.src) {\n                        const mainImgSrc = mainImg.src;\n                        const normalizedMainSrc = normalizeUrl(mainImgSrc);\n                        if (!addedUrls.has(normalizedMainSrc)) {\n                            currentGalleryImages.push({\n                                src: mainImgSrc,\n                                alt: mainImg.alt || ''\n                            });\n                            addedUrls.add(normalizedMainSrc);\n                        }\n                    }\n                    \n                    \/\/ Add all thumbnails (if not already added)\n                    Array.from(thumbs).forEach(thumb => {\n                        if (thumb.src) {\n                            const thumbSrc = thumb.src;\n                            const normalizedThumbSrc = normalizeUrl(thumbSrc);\n                            if (!addedUrls.has(normalizedThumbSrc)) {\n                                currentGalleryImages.push({\n                                    src: thumbSrc,\n                                    alt: thumb.alt || ''\n                                });\n                                addedUrls.add(normalizedThumbSrc);\n                            }\n                        }\n                    });\n                    \n                    \/\/ If no images found, use the actualSrc as fallback\n                    if (currentGalleryImages.length === 0) {\n                        currentGalleryImages = [{ src: actualSrc, alt: caption || '' }];\n                    }\n                    \n                    \/\/ Find current image index using normalized URL comparison\n                    const normalizedActualSrc = normalizeUrl(actualSrc);\n                    currentImageIndex = currentGalleryImages.findIndex(img => normalizeUrl(img.src) === normalizedActualSrc);\n                    if (currentImageIndex === -1) {\n                        \/\/ If exact match not found, use first image\n                        currentImageIndex = 0;\n                    }\n                } else {\n                    \/\/ Fallback if gallery not found\n                    currentGalleryImages = [{ src: actualSrc, alt: caption || '' }];\n                    currentImageIndex = 0;\n                }\n            } else {\n                \/\/ Featured image clicked - find the img element inside the clicked div\n                if (event && event.currentTarget) {\n                    const imgElement = event.currentTarget.querySelector('img');\n                    if (imgElement && imgElement.src) {\n                        actualSrc = imgElement.src;\n                    }\n                }\n                \n                \/\/ Fallback for featured image (no gallery)\n                currentGalleryImages = [{ src: actualSrc, alt: caption || '' }];\n                currentImageIndex = 0;\n            }\n            \n            modal.style.display = 'flex';\n            modalImg.src = actualSrc;\n            captionText.innerHTML = caption || '';\n            document.body.style.overflow = 'hidden';\n            \n            updateModalArrows();\n        }\n        \n        function navigateModalImage(direction) {\n            if (currentGalleryImages.length <= 1) return;\n            \n            currentImageIndex += direction;\n            \n            if (currentImageIndex < 0) {\n                currentImageIndex = 0;\n                return;\n            }\n            if (currentImageIndex >= currentGalleryImages.length) {\n                currentImageIndex = currentGalleryImages.length - 1;\n                return;\n            }\n            \n            const modalImg = document.getElementById('modalImage');\n            const captionText = document.getElementById('modalCaption');\n            \n            if (!modalImg || !captionText) return;\n            \n            const newImage = currentGalleryImages[currentImageIndex];\n            if (newImage) {\n                modalImg.src = newImage.src || '';\n                captionText.innerHTML = newImage.alt || '';\n            }\n            \n            updateModalArrows();\n        }\n        \n        function updateModalArrows() {\n            const leftArrow = document.getElementById('modalArrowLeft');\n            const rightArrow = document.getElementById('modalArrowRight');\n            const leftArrowMobile = document.querySelector('.modal-arrow-left-mobile');\n            const rightArrowMobile = document.querySelector('.modal-arrow-right-mobile');\n            \n            if (currentGalleryImages.length <= 1) {\n                if (leftArrow) leftArrow.classList.add('disabled');\n                if (rightArrow) rightArrow.classList.add('disabled');\n                if (leftArrowMobile) leftArrowMobile.classList.add('disabled');\n                if (rightArrowMobile) rightArrowMobile.classList.add('disabled');\n                return;\n            }\n            \n            const isFirst = currentImageIndex === 0;\n            const isLast = currentImageIndex === currentGalleryImages.length - 1;\n            \n            if (leftArrow) leftArrow.classList.toggle('disabled', isFirst);\n            if (rightArrow) rightArrow.classList.toggle('disabled', isLast);\n            if (leftArrowMobile) leftArrowMobile.classList.toggle('disabled', isFirst);\n            if (rightArrowMobile) rightArrowMobile.classList.toggle('disabled', isLast);\n        }\n        \n        \/\/ Flag to prevent immediate reopening after closing (mobile fix)\n        let isClosingModal = false;\n        \n        function closeImageModal(event) {\n            if (!event) return;\n            \n            const modal = document.getElementById('imageModal');\n            if (!modal) return;\n            \n            \/\/ Prevent closing if already in process (mobile fix)\n            if (isClosingModal) return;\n            \n            \/\/ Only close if clicking the modal background or close button, not the image itself\n            if (event.target === modal || (event.target && event.target.classList && event.target.classList.contains('image-modal-close'))) {\n                \/\/ Stop event propagation to prevent triggering underlying elements\n                event.stopPropagation();\n                event.preventDefault();\n                \n                isClosingModal = true;\n                modal.style.display = 'none';\n                document.body.style.overflow = 'auto';\n                \n                \/\/ Reset flag after a short delay to prevent immediate reopening\n                setTimeout(() => {\n                    isClosingModal = false;\n                }, 300);\n            }\n        }\n\n        \/\/ Handle thumbnail click - updates gallery and opens modal\n        function handleThumbnailClick(thumbElement, defaultCaption, event) {\n            if (!thumbElement) return;\n            \n            \/\/ Prevent opening if currently closing (mobile fix)\n            if (isClosingModal) {\n                if (event) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                }\n                return;\n            }\n            \n            \/\/ Stop event propagation\n            if (event) {\n                event.preventDefault();\n                event.stopPropagation();\n            }\n            \n            \/\/ Find the gallery container\n            const gallery = thumbElement.closest('.product-gallery');\n            if (!gallery) return;\n            \n            const mainImg = gallery.querySelector('.gallery-main-img');\n            if (!mainImg) return;\n            \n            \/\/ Use actual src from thumb element\n            const actualImageUrl = thumbElement.src || thumbElement.getAttribute('src') || '';\n            const caption = thumbElement.alt || defaultCaption || '';\n            \n            \/\/ Update main image\n            if (mainImg.src !== actualImageUrl) {\n                mainImg.src = actualImageUrl;\n            }\n            \n            \/\/ Update active state\n            const allThumbs = gallery.querySelectorAll('.gallery-thumb');\n            allThumbs.forEach(thumb => thumb.classList.remove('active'));\n            const thumbContainer = thumbElement.closest('.gallery-thumb');\n            if (thumbContainer) thumbContainer.classList.add('active');\n            \n            \/\/ Open modal directly with the thumbnail element\n            \/\/ This ensures the gallery array is built correctly\n            openImageModal(actualImageUrl, caption, thumbElement, event);\n        }\n        \n        function changeGalleryImage(thumbElement, imageUrl) {\n            if (!thumbElement) return;\n            \n            \/\/ Find the gallery container\n            const gallery = thumbElement.closest('.product-gallery');\n            if (!gallery) return;\n            \n            const mainImg = gallery.querySelector('.gallery-main-img');\n            if (!mainImg) return;\n            \n            const allThumbs = gallery.querySelectorAll('.gallery-thumb');\n            \n            \/\/ Use actual src from thumb element instead of parameter\n            const actualImageUrl = thumbElement.src || thumbElement.getAttribute('src') || imageUrl;\n            \n            \/\/ Update main image\n            if (mainImg.src !== actualImageUrl) {\n                mainImg.src = actualImageUrl;\n            }\n            \n            \/\/ Update onclick handler to use the actual current src\n            mainImg.onclick = function() { \n                const currentSrc = this.src || actualImageUrl;\n                openImageModal(currentSrc, this.alt || thumbElement.alt || '', this); \n            };\n            \n            \/\/ Update active state\n            allThumbs.forEach(thumb => thumb.classList.remove('active'));\n            const thumbContainer = thumbElement.closest('.gallery-thumb');\n            if (thumbContainer) thumbContainer.classList.add('active');\n        }\n        \n        \/\/ Close modal on Escape key and navigate with arrow keys\n        document.addEventListener('keydown', function(event) {\n            const modal = document.getElementById('imageModal');\n            if (!modal) return;\n            \n            if (modal.style.display === 'flex') {\n                if (event.key === 'Escape') {\n                    modal.style.display = 'none';\n                    document.body.style.overflow = 'auto';\n                } else if (event.key === 'ArrowLeft') {\n                    navigateModalImage(-1);\n                } else if (event.key === 'ArrowRight') {\n                    navigateModalImage(1);\n                }\n            }\n        });\n\n        \/\/ Share training video function\n        function shareTrainingVideo(videoType) {\n            const videoUrls = {\n                'training': 'https:\/\/easypick.no\/training',\n                'activate-scan-chip': 'https:\/\/drive.google.com\/file\/d\/1Io0j1mf5m4ERwfdGmy_CIADYJxBeR602\/view?usp=drivesdk',\n                'drop-off-thing': 'https:\/\/drive.google.com\/file\/d\/1L8hyYgnSvjLNDTGNULP9TwK_mjCDz1aT\/view?usp=drivesdk',\n                'pick-up-keys': 'https:\/\/drive.google.com\/file\/d\/141IYW33zJPpX9Vvb50b-s_oBtwiR1iiQ\/view?usp=drivesdk',\n                'articles': 'https:\/\/easypick.no\/articles'\n            };\n\n            const videoTitles = {\n                'training': 'Pick-Up-Point 30 Second Training Video',\n                'activate-scan-chip': 'How to activate Easypick chip',\n                'drop-off-thing': 'How to drop-off Easypick Thing',\n                'pick-up-keys': 'How to pick-up keys',\n                'articles': 'Articles'\n            };\n\n            const url = videoUrls[videoType] || '';\n            const title = videoTitles[videoType] || 'Training Video';\n\n            if (navigator.share) {\n                navigator.share({\n                    title: title,\n                    text: `Check out this Easypick training video: ${title}`,\n                    url: url\n                }).catch(err => {\n                    console.log('Error sharing:', err);\n                });\n            }\n        }\n\n        \/\/ Toggle training video display\n        function toggleTrainingVideo(cardElement) {\n            const videoContainer = cardElement.querySelector('.training-video-container');\n            const thumbnail = cardElement.querySelector('.training-video-thumbnail');\n            if (videoContainer && thumbnail) {\n                const isVisible = videoContainer.style.display !== 'none';\n                videoContainer.style.display = isVisible ? 'none' : 'block';\n                thumbnail.style.display = isVisible ? 'block' : 'none';\n                \n                \/\/ If showing video, play it\n                if (!isVisible) {\n                    setTimeout(() => {\n                        const video = cardElement.querySelector('.training-video-player');\n                        if (video) {\n                            video.play().catch(err => console.log('Video autoplay prevented:', err));\n                        }\n                    }, 100);\n                } else {\n                    \/\/ Pause video when hiding\n                    const video = cardElement.querySelector('.training-video-player');\n                    if (video) {\n                        video.pause();\n                    }\n                }\n            }\n        }\n\n        function copyToClipboard(text) {\n            if (navigator.clipboard) {\n                navigator.clipboard.writeText(text).then(() => {\n                    alert('Video link copied to clipboard!');\n                }).catch(err => {\n                    console.log('Error copying:', err);\n                    fallbackCopy(text);\n                });\n            } else {\n                fallbackCopy(text);\n            }\n        }\n\n        function fallbackCopy(text) {\n            const textArea = document.createElement('textarea');\n            textArea.value = text;\n            textArea.style.position = 'fixed';\n            textArea.style.opacity = '0';\n            document.body.appendChild(textArea);\n            textArea.select();\n            try {\n                document.execCommand('copy');\n                alert('Video link copied to clipboard!');\n            } catch (err) {\n                alert('Please copy this link: ' + text);\n            }\n            document.body.removeChild(textArea);\n        }\n\n        \/\/ PDF Preview Modal Functions\n        function openPdfPreview(pdfUrl, title) {\n            const modal = document.getElementById('pdfModal');\n            const modalFrame = document.getElementById('pdfModalFrame');\n            const modalTitle = document.getElementById('pdfModalTitle');\n            const modalDownload = document.getElementById('pdfModalDownload');\n            \n            const filename = title.replace(\/\\s+\/g, '_') + '.pdf';\n            \n            modalTitle.textContent = title;\n            modalFrame.src = pdfUrl + '#toolbar=0';\n            modalDownload.href = pdfUrl;\n            modalDownload.download = filename;\n            modalDownload.setAttribute('data-pdf-url', pdfUrl);\n            modalDownload.setAttribute('data-filename', filename);\n            \n            modal.style.display = 'flex';\n            document.body.style.overflow = 'hidden';\n        }\n        \n        function closePdfModal(event) {\n            const modal = document.getElementById('pdfModal');\n            \n            \/\/ Only close if clicking the modal background or close button, not the iframe\n            if (event.target === modal || event.target.classList.contains('pdf-modal-close')) {\n                modal.style.display = 'none';\n                document.getElementById('pdfModalFrame').src = '';\n                document.body.style.overflow = 'auto';\n            }\n        }\n        \n        \/\/ Close PDF modal on Escape key\n        document.addEventListener('keydown', function(event) {\n            const pdfModal = document.getElementById('pdfModal');\n            if (event.key === 'Escape' && pdfModal.style.display === 'flex') {\n                pdfModal.style.display = 'none';\n                document.getElementById('pdfModalFrame').src = '';\n                document.body.style.overflow = 'auto';\n            }\n        });\n\n        \/\/ Handle PDF modal download button click\n        function handlePdfModalDownload(button) {\n            const pdfUrl = button.getAttribute('data-pdf-url');\n            const filename = button.getAttribute('data-filename');\n            if (pdfUrl && filename) {\n                downloadPdf(pdfUrl, filename);\n            }\n        }\n\n        \/\/ Force PDF download function\n        async function downloadPdf(pdfUrl, filename) {\n            try {\n                \/\/ Fetch the PDF as a blob\n                const response = await fetch(pdfUrl);\n                const blob = await response.blob();\n                \n                \/\/ Create a temporary download link\n                const url = window.URL.createObjectURL(blob);\n                const link = document.createElement('a');\n                link.href = url;\n                link.download = filename;\n                link.style.display = 'none';\n                \n                \/\/ Trigger download\n                document.body.appendChild(link);\n                link.click();\n                \n                \/\/ Cleanup\n                document.body.removeChild(link);\n                window.URL.revokeObjectURL(url);\n            } catch (error) {\n                console.error('Download failed:', error);\n                \/\/ Fallback: open in new tab if download fails\n                window.open(pdfUrl, '_blank');\n            }\n        }\n    <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89449c2 e-flex e-con-boxed e-con e-parent\" data-id=\"89449c2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>SHOP OWNERPORTAL Everything you need to get started with Easypick Setup Guide Training Videos Download Materials PUP App Contact Welcome to Easypick Get started with Easypick &#8211; Completely free! Easypick is a smart, simple, and secure service for key sharing. Organize sharing in a safe system for your customers and employees, and become part of [&hellip;]<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2875","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/easypick.app\/no\/wp-json\/wp\/v2\/pages\/2875","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easypick.app\/no\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/easypick.app\/no\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/easypick.app\/no\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/easypick.app\/no\/wp-json\/wp\/v2\/comments?post=2875"}],"version-history":[{"count":243,"href":"https:\/\/easypick.app\/no\/wp-json\/wp\/v2\/pages\/2875\/revisions"}],"predecessor-version":[{"id":3220,"href":"https:\/\/easypick.app\/no\/wp-json\/wp\/v2\/pages\/2875\/revisions\/3220"}],"wp:attachment":[{"href":"https:\/\/easypick.app\/no\/wp-json\/wp\/v2\/media?parent=2875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}