{"id":16,"date":"2025-10-28T14:14:06","date_gmt":"2025-10-28T13:14:06","guid":{"rendered":"https:\/\/frigolock.com\/?page_id=16"},"modified":"2026-02-02T19:09:01","modified_gmt":"2026-02-02T18:09:01","slug":"frigo-lock","status":"publish","type":"page","link":"https:\/\/frigolock.com\/","title":{"rendered":"FRIGO LOCK"},"content":{"rendered":"\n\n\n\n \n \n FRIGO LOCK – System zabezpiecze\u0144 naczep ch\u0142odniczych<\/title>\n \n <!-- DODANE: SEO META TAGS (NIE ZMIENIAJ\u0104 WYGL\u0104DU) -->\n <meta name=\"description\" content=\"Profesjonalne systemy zabezpiecze\u0144 naczep ch\u0142odniczych zgodne z norm\u0105 TAPA TSR. Zamek FRIGO LOCK spe\u0142niaj\u0105cy wymagania TAPA TSR 1. Zabezpieczenia transportu ch\u0142odniczego.\">\n <meta name=\"keywords\" content=\"zabezpieczenie naczep ch\u0142odniczych, tapa tsr, zamek do naczep, system zabezpiecze\u0144, TAPA TSR 1, zamki ch\u0142odnicze, frigolock, bezpieczny transport, system telematyczny\">\n <meta name=\"author\" content=\"FRIGO LOCK\">\n <meta name=\"robots\" content=\"index, follow\">\n \n <!-- DODANE: OPEN GRAPH DLA SOCIAL MEDIA -->\n <meta property=\"og:title\" content=\"FRIGO LOCK - System zabezpiecze\u0144 naczep ch\u0142odniczych\">\n <meta property=\"og:description\" content=\"Zamek spe\u0142niaj\u0105cy norm\u0119 TAPA TSR dla naczep ch\u0142odniczych. Zabezpieczenie naczep ch\u0142odniczych zgodne z TAPA TSR 1.\">\n <meta property=\"og:image\" content=\"https:\/\/frigolock.com\/wp-content\/uploads\/2026\/01\/Systemy-Zabezpieczen-5.png\">\n <meta property=\"og:url\" content=\"https:\/\/frigolock.com\">\n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:locale\" content=\"pl_PL\">\n \n <!-- DODANE: CANONICAL URL -->\n <link rel=\"canonical\" href=\"https:\/\/frigolock.com\">\n \n <!-- DODANE: GEO TAGS DLA LOKALNEGO SEO - \u0141UK\u00d3W, LUBELSKIE -->\n <meta name=\"geo.region\" content=\"PL-LU\" \/> <!-- ZMIENIONE: Lubelskie -->\n <meta name=\"geo.placename\" content=\"\u0141uk\u00f3w\" \/> <!-- ZMIENIONE: \u0141uk\u00f3w -->\n \n <!-- DODANE: FAVICON (OPCJONALNIE - JE\u015aLI MASZ) -->\n <!-- <link rel=\"icon\" href=\"https:\/\/frigolock.com\/favicon.ico\" type=\"image\/x-icon\"> -->\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* CA\u0141Y CSS ZOSTAJE BEZ ZMIAN - TAKI SAM JAK WCZE\u015aNIEJ *\/\n \/* ===== PODSTAWY ===== *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html, body {\n height: 100%;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n scroll-behavior: smooth;\n overflow-x: hidden;\n }\n \n \/* ===== WSP\u00d3LNE T\u0141O DLA SEKCJI 2-5 ===== *\/\n .main-background {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('https:\/\/frigolock.com\/wp-content\/uploads\/2026\/01\/Systemy-Zabezpieczen-6.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n background-attachment: fixed;\n opacity: 0.5;\n z-index: -1;\n pointer-events: none;\n }\n \n \/* SEKCJA 1 - BEZ T\u0141A Z WSP\u00d3LNYM *\/\n #section1 {\n height: 100vh;\n width: 100%;\n position: relative;\n overflow: hidden;\n z-index: 1;\n }\n \n .hero-background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('https:\/\/frigolock.com\/wp-content\/uploads\/2026\/02\/Strona1_z_logo.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n z-index: 1;\n }\n \n .text-container {\n position: absolute;\n top: 40%;\n left: 0;\n width: 60%;\n max-width: 900px;\n padding: 50px 60px 50px 50px;\n background-color: #0a1a3a;\n color: white;\n border-top-right-radius: 20px;\n border-bottom-right-radius: 20px;\n box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.5);\n z-index: 2;\n }\n \n .main-text {\n font-size: 1.5rem;\n line-height: 1.3;\n margin-bottom: 15px;\n font-weight: 300;\n }\n \n .company-name {\n font-size: 3.8rem;\n font-weight: 900;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 2px;\n }\n \n .sub-text {\n font-size: 1.6rem;\n color: #a0c4ff;\n font-weight: 300;\n }\n \n \/* ===== BARDZO W\u0104SKA NAWIGACJA ===== *\/\n .section-navigation {\n position: fixed;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n display: flex;\n flex-direction: column;\n gap: 5px;\n z-index: 9999;\n background: rgba(10, 26, 58, 0.6);\n padding: 8px 6px;\n border-radius: 8px;\n border: 1px solid rgba(255, 107, 53, 0.3);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n backdrop-filter: blur(3px);\n transition: all 0.3s ease;\n width: auto;\n min-width: 40px;\n }\n \n .section-navigation:hover {\n background: rgba(10, 26, 58, 0.85);\n transform: translateY(-50%) scale(1.02);\n padding: 8px 8px;\n right: 8px;\n }\n \n .section-navigation.compact {\n padding: 6px 4px;\n gap: 4px;\n }\n \n .section-navigation.compact .nav-simple {\n padding: 4px 6px;\n min-width: auto;\n width: 32px;\n justify-content: center;\n }\n \n .section-navigation.compact .nav-text {\n display: none;\n }\n \n .nav-simple {\n color: white;\n padding: 4px 8px;\n cursor: pointer;\n border-radius: 4px;\n transition: all 0.2s ease;\n text-align: center;\n font-weight: 500;\n font-size: 0.8rem;\n min-width: 40px;\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(255, 255, 255, 0.1);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n white-space: nowrap;\n overflow: hidden;\n }\n \n .nav-simple:hover {\n background: rgba(255, 107, 53, 0.3);\n min-width: 100px;\n transform: translateX(-2px);\n border-color: #ff6b35;\n }\n \n .nav-simple.active {\n background: rgba(255, 107, 53, 0.4);\n border-color: #ff6b35;\n font-weight: 600;\n }\n \n .nav-number {\n display: inline-block;\n width: 16px;\n height: 16px;\n background: #ff6b35;\n color: white;\n border-radius: 50%;\n text-align: center;\n line-height: 16px;\n margin-right: 6px;\n font-weight: bold;\n font-size: 0.7rem;\n flex-shrink: 0;\n }\n \n .nav-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n \n \/* ===== SEKCJA 2 - POPRAWIONA ===== *\/\n #section2 {\n height: auto;\n width: 100%;\n position: relative;\n padding: 0;\n }\n \n .top-banner {\n width: 100%;\n height: 180px;\n position: relative;\n overflow: hidden;\n }\n \n .banner-image {\n width: 100%;\n height: 100%;\n background-image: url('https:\/\/images.unsplash.com\/photo-1544636331-e9c246788b7b?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n position: relative;\n }\n \n .banner-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(10, 26, 58, 0.85);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 5%;\n text-align: center;\n }\n \n .banner-text {\n color: white;\n max-width: 1200px;\n width: 100%;\n }\n \n .banner-title {\n font-size: 2.5rem;\n font-weight: 800;\n text-transform: uppercase;\n line-height: 1.1;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\n }\n \n .banner-highlight {\n color: #ff6b35;\n }\n \n .offer-column {\n padding-left: 20px;\n margin-left: 0;\n padding-right: 60px;\n }\n \n .content-wrapper {\n max-width: 1400px;\n margin: 30px auto 0 auto;\n padding: 0 40px;\n position: relative;\n }\n \n .columns-container {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: 40px;\n position: relative;\n align-items: start;\n min-height: 500px;\n }\n \n .about-column {\n padding-right: 20px;\n margin-right: 0;\n }\n \n \/* WI\u0118KSZA KOLUMNA ZDJ\u0118\u0106 DLA 3 ZDJ\u0118\u0106 *\/\n .images-column {\n width: 380px; \/* Zwi\u0119kszone z 350px *\/\n min-width: 380px;\n position: relative;\n margin: 0 20px;\n align-self: start;\n }\n \n .column-title {\n font-size: 1.8rem;\n color: #0a1a3a;\n margin-bottom: 25px;\n font-weight: 700;\n text-transform: uppercase;\n position: relative;\n padding-bottom: 10px;\n }\n \n .column-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: #ff6b35;\n border-radius: 2px;\n }\n \n .text-content {\n font-size: 1rem;\n line-height: 1.6;\n color: #333;\n }\n \n .text-content p {\n margin-bottom: 15px;\n }\n \n .offer-list {\n list-style: none;\n padding-left: 0;\n margin-top: 15px;\n }\n \n .offer-item {\n margin-bottom: 20px;\n padding-left: 35px;\n position: relative;\n font-size: 0.95rem;\n line-height: 1.5;\n }\n \n .offer-item::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n top: 0;\n width: 24px;\n height: 24px;\n background: #ff6b35;\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 0.9rem;\n }\n \n .offer-item strong {\n color: #0a1a3a;\n font-weight: 700;\n }\n \n .images-container {\n width: 100%;\n position: relative;\n margin: 0 auto;\n }\n \n \/* MNIEJSZE ODST\u0118PY MI\u0118DZY ZDJ\u0118CIAMI DLA 3 ZDJ\u0118\u0106 *\/\n .image-grid {\n display: flex;\n flex-direction: column;\n gap: 20px; \/* Zmniejszone z 25px *\/\n }\n \n .image-item {\n text-align: center;\n transition: transform 0.3s ease;\n }\n \n .image-item:hover {\n transform: translateY(-5px);\n }\n \n \/* ZMIENIONE: Nieco mniejsza wysoko\u015b\u0107 dla 3 zdj\u0119\u0107 *\/\n .image-item img {\n width: 100%;\n height: 150px; \/* Zmniejszone z 160px *\/\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n display: block;\n }\n \n .real-image {\n width: 100%;\n height: 150px; \/* Zmniejszone z 160px *\/\n object-fit: cover;\n border-radius: 8px;\n margin-bottom: 10px;\n }\n \n .decorative-line {\n position: absolute;\n left: calc(50% - 1px);\n top: 50px;\n bottom: 50px;\n width: 2px;\n background: linear-gradient(to bottom, transparent, #ff6b35, transparent);\n z-index: -1;\n }\n \n \/* ===== SEKCJA 3 - SYSTEM FRIGO LOCK ===== *\/\n #section3 {\n min-height: 100vh;\n width: 100%;\n position: relative;\n padding: 60px 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .section3-container {\n max-width: 1200px;\n width: 100%;\n border-radius: 15px;\n overflow: hidden;\n margin: 0 auto;\n }\n \n .section3-header {\n background: rgba(10, 26, 58, 0.9);\n color: white;\n padding: 40px;\n text-align: center;\n position: relative;\n margin-bottom: 40px;\n border-radius: 10px;\n }\n \n .section3-header h2 {\n font-size: 3rem;\n font-weight: 800;\n text-transform: uppercase;\n margin: 0;\n color: white;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n }\n \n .section3-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n min-height: 600px;\n }\n \n .specs-container {\n padding: 0;\n }\n \n .specs-title {\n font-size: 2rem;\n color: #0a1a3a;\n margin-bottom: 30px;\n font-weight: 700;\n text-align: left;\n position: relative;\n padding-bottom: 15px;\n }\n \n .specs-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 80px;\n height: 4px;\n background: #ff6b35;\n border-radius: 2px;\n }\n \n .specs-list {\n list-style: none;\n }\n \n .spec-item {\n margin-bottom: 20px;\n padding: 20px;\n background: rgba(0, 0, 0, 0.6);\n border-radius: 10px;\n border-left: 4px solid #ff6b35;\n transition: all 0.3s ease;\n }\n \n .spec-item:hover {\n transform: translateX(5px);\n background: rgba(0, 0, 0, 0.7);\n }\n \n .spec-label {\n display: block;\n font-size: 1rem;\n color: #a0c4ff;\n margin-bottom: 5px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .spec-value {\n display: block;\n font-size: 1.5rem;\n color: white;\n font-weight: 700;\n }\n \n .image-container {\n padding: 0;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n }\n \n .lock-image {\n width: 100%;\n max-width: 500px;\n height: auto;\n margin-bottom: 40px;\n border-radius: 10px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);\n }\n \n .features-list {\n list-style: none;\n width: 100%;\n max-width: 500px;\n }\n \n .feature-item {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n padding: 20px;\n background: rgba(0, 0, 0, 0.6);\n border-radius: 10px;\n border-left: 4px solid #0a1a3a;\n transition: all 0.3s ease;\n }\n \n .feature-item:hover {\n transform: translateX(5px);\n background: rgba(0, 0, 0, 0.7);\n }\n \n .feature-icon {\n background: #ff6b35;\n color: white;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 20px;\n flex-shrink: 0;\n font-size: 1.2rem;\n }\n \n .feature-text {\n font-size: 1.2rem;\n color: white;\n font-weight: 700;\n text-transform: uppercase;\n }\n \n .spec-note {\n margin-top: 30px;\n padding: 20px;\n background: rgba(10, 26, 58, 0.8);\n border-radius: 8px;\n border-left: 4px solid #ff6b35;\n font-size: 1rem;\n color: white;\n font-style: italic;\n }\n \n \/* ===== SEKCJA 4 - SYSTEM TELEMATYCZNY (POPRAWIONA) ===== *\/\n #section4 {\n min-height: 100vh;\n width: 100%;\n position: relative;\n padding: 80px 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .section4-container {\n max-width: 1400px;\n width: 100%;\n margin: 0 auto;\n }\n \n .section4-header {\n background: rgba(10, 26, 58, 0.9);\n color: white;\n padding: 40px;\n text-align: center;\n position: relative;\n margin-bottom: 60px;\n border-radius: 10px;\n }\n \n .section4-header h2 {\n font-size: 3rem;\n font-weight: 800;\n text-transform: uppercase;\n margin: 0;\n color: white;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n }\n \n \/* ===== NAPRAWIONA SEKCJI 4 ===== *\/\n .phones-list {\n display: flex;\n flex-direction: column;\n gap: 60px;\n margin-top: 40px;\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n }\n \n \/* GRUPA: TELEFON + TEKST - NAPRAWIONA I WY\u015aRODKOWANA *\/\n .phone-item {\n display: flex;\n align-items: center; \/* ZMIENIONE: wy\u015brodkowanie pionowe *\/\n gap: 50px;\n position: relative;\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n }\n \n \/* TELEFONY W LEWO - NAPRAWIONE *\/\n .phone-item .phone-frame {\n flex-shrink: 0;\n margin-left: 0;\n width: 240px;\n min-width: 240px;\n }\n \n \/* RAMKA TELEFONU - ZMIENIONA NA ANDROID\/SAMSUNG (BEZ NOTCH I OKR\u0104G\u0141EGO PRZYCISKU) *\/\n .phone-frame {\n width: 220px; \/* ZMIENIONE: zmniejszone z 240px *\/\n min-width: 220px; \/* ZMIENIONE: zmniejszone z 240px *\/\n background: linear-gradient(145deg, #1a1a1a, #2a2a2a);\n border-radius: 15px; \/* ZMIENIONE: mniejsze zaokr\u0105glenie jak Android *\/\n padding: 10px; \/* ZMIENIONE: zmniejszone *\/\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);\n border: 2px solid #333; \/* ZMIENIONE: cie\u0144sza ramka *\/\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n z-index: 2;\n }\n \n .phone-frame:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\n }\n \n \/* EKRAN TELEFONU - ANDROID STYLE *\/\n .phone-screen {\n width: 100%;\n height: 420px;\n background: #000;\n border-radius: 10px; \/* ZMIENIONE: mniejsze zaokr\u0105glenie *\/\n overflow: hidden;\n position: relative;\n border: 1px solid #444; \/* ZMIENIONE: cienka ramka ekranu *\/\n }\n \n .phone-screen img {\n width: 100%;\n height: 100%;\n object-fit: cover; \/* ZMIENIONE: z powrotem na cover dla lepszego wype\u0142nienia *\/\n display: block;\n }\n \n \/* USUNI\u0118TE: NOTCH (WYCINEK) - Android go nie ma *\/\n .phone-notch {\n display: none;\n }\n \n \/* PRZYCISK TELEFONU - TYLKO G\u00d3RNY PRZYCISK (jak w Androidzie) *\/\n .phone-button {\n position: absolute;\n background: #333;\n border-radius: 10px;\n left: 50%;\n transform: translateX(-50%);\n }\n \n .phone-top-button {\n top: -8px; \/* ZMIENIONE: bli\u017cej ramki *\/\n width: 50px; \/* ZMIENIONE: szerszy *\/\n height: 3px; \/* ZMIENIONE: cie\u0144szy *\/\n }\n \n \/* USUNI\u0118TY: DOLNY PRZYCISK (iPhone mia\u0142 okr\u0105g\u0142y) *\/\n .phone-bottom-button {\n display: none;\n }\n \n \/* DODATKOWE: PRZYCISKI BOCZNE (opcjonalnie dla Androida) *\/\n .phone-volume-up, .phone-volume-down, .phone-power {\n position: absolute;\n background: #333;\n border-radius: 2px;\n right: -8px;\n }\n \n .phone-volume-up {\n top: 25%;\n width: 3px;\n height: 35px;\n }\n \n .phone-volume-down {\n top: 35%;\n width: 3px;\n height: 35px;\n }\n \n .phone-power {\n top: 45%;\n width: 3px;\n height: 35px;\n }\n \n \/* POLE TEKSTOWE PO PRAWEJ - NAPRAWIONE I MNIEJSZE (BEZ TYTU\u0141\u00d3W) *\/\n .text-content-right {\n flex: 1;\n min-width: 0;\n background: rgba(10, 26, 58, 0.9);\n color: white;\n padding: 30px 35px;\n border-radius: 15px;\n border-left: 5px solid #ff6b35;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n position: relative;\n z-index: 1;\n width: auto;\n max-width: 550px; \/* OGRANICZENIE SZEROKO\u015aCI *\/\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n justify-content: center; \/* Wy\u015brodkowanie zawarto\u015bci pionowo *\/\n min-height: 300px; \/* Minimalna wysoko\u015b\u0107 dla lepszego wygl\u0105du *\/\n }\n \n \/* Styl dla listy punktowanej w polach tekstowych - BEZ TYTU\u0141\u00d3W *\/\n .feature-points {\n list-style-type: none;\n padding-left: 0;\n margin-top: 0;\n }\n \n .feature-points li {\n position: relative;\n padding-left: 25px;\n margin-bottom: 15px;\n font-size: 1.2rem;\n line-height: 1.5;\n }\n \n .feature-points li::before {\n content: \"\u2022\";\n color: #ff6b35;\n font-size: 1.8rem;\n position: absolute;\n left: 0;\n top: -2px;\n }\n \n \/* ===== SEKCJA 5 - KONTAKT (PRZEZROCZYSTA) ===== *\/\n #section5 {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 20px; \/* ZMIENIONE: zmniejszone z 60px *\/\n position: relative;\n }\n \n .section5-container {\n max-width: 1200px;\n width: 100%;\n background: rgba(255, 255, 255, 0.9); \/* ZMIENIONE: mniej przezroczyste *\/\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n padding: 40px; \/* ZMIENIONE: zmniejszone z 50px *\/\n border: 1px solid rgba(10, 26, 58, 0.1);\n margin-top: -50px; \/* ZMIENIONE: przesuni\u0119cie w g\u00f3r\u0119 *\/\n }\n \n .section5-header {\n background: rgba(10, 26, 58, 0.9);\n color: white;\n padding: 30px;\n text-align: center;\n position: relative;\n margin-bottom: 30px; \/* ZMIENIONE: zmniejszone z 50px *\/\n border-radius: 10px;\n }\n \n .section5-header h2 {\n font-size: 3rem;\n font-weight: 800;\n text-transform: uppercase;\n margin: 0;\n color: white;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n }\n \n .contact-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px; \/* ZMIENIONE: zmniejszone z 60px *\/\n align-items: start;\n }\n \n .contact-info {\n padding: 20px;\n }\n \n .contact-person {\n margin-bottom: 40px;\n padding-bottom: 30px;\n border-bottom: 1px solid rgba(10, 26, 58, 0.2); \/* ZMIENIONE: kolor *\/\n }\n \n .contact-person:last-of-type {\n border-bottom: none;\n }\n \n .person-name {\n font-size: 1.8rem;\n color: #0a1a3a; \/* ZMIENIONE: ciemno granatowy *\/\n font-weight: 700;\n margin-bottom: 15px;\n }\n \n .contact-details {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .contact-item {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 1.2rem;\n color: #0a1a3a; \/* ZMIENIONE: ciemno granatowy *\/\n }\n \n .contact-icon {\n width: 30px;\n height: 30px;\n background: #ff6b35;\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.9rem;\n flex-shrink: 0;\n }\n \n .contact-link {\n color: #0a1a3a; \/* ZMIENIONE: ciemno granatowy *\/\n text-decoration: none;\n transition: color 0.3s ease;\n font-weight: 500;\n }\n \n .contact-link:hover {\n color: #ff6b35;\n }\n \n \/* Styl dla numer\u00f3w telefon\u00f3w - klikalne *\/\n .phone-link {\n color: #0a1a3a; \/* ZMIENIONE: ciemno granatowy *\/\n text-decoration: none;\n font-weight: 600;\n transition: color 0.3s ease;\n }\n \n .phone-link:hover {\n color: #ff6b35;\n }\n \n \/* Styl dla adres\u00f3w email - \u0142atwe do skopiowania *\/\n .email-text {\n cursor: pointer;\n position: relative;\n display: inline-block;\n font-weight: 600;\n color: #0a1a3a; \/* ZMIENIONE: ciemno granatowy *\/\n }\n \n .email-text:hover::after {\n content: \"Kliknij, aby skopiowa\u0107\";\n position: absolute;\n bottom: -30px;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(10, 26, 58, 0.9);\n color: white;\n padding: 5px 10px;\n border-radius: 5px;\n font-size: 0.8rem;\n white-space: nowrap;\n z-index: 10;\n }\n \n .email-copied {\n color: #ff6b35 !important;\n }\n \n .divider {\n width: 100%;\n height: 1px;\n background: rgba(10, 26, 58, 0.3); \/* ZMIENIONE: kolor *\/\n margin: 20px 0; \/* ZMIENIONE: zmniejszone z 40px *\/\n grid-column: 1 \/ -1;\n }\n \n .company-info {\n grid-column: 1 \/ -1;\n text-align: center;\n padding-top: 10px; \/* ZMIENIONE: zmniejszone z 20px *\/\n border-top: 1px solid rgba(10, 26, 58, 0.2); \/* ZMIENIONE: kolor *\/\n }\n \n .company-name-footer {\n font-size: 2.2rem;\n color: #0a1a3a; \/* ZMIENIONE: ciemno granatowy *\/\n font-weight: 900;\n margin-bottom: 5px; \/* ZMIENIONE: zmniejszone z 10px *\/\n text-transform: uppercase;\n }\n \n .company-tagline {\n font-size: 1.3rem;\n color: #0a1a3a; \/* ZMIENIONE: ciemno granatowy z przezroczysto\u015bci\u0105 *\/\n margin-bottom: 20px; \/* ZMIENIONE: zmniejszone z 30px *\/\n font-style: italic;\n }\n \n .social-media {\n display: flex;\n justify-content: center;\n gap: 25px;\n margin-top: 20px; \/* ZMIENIONE: zmniejszone z 30px *\/\n margin-bottom: 15px; \/* ZMIENIONE: zmniejszone z 25px *\/\n }\n \n .social-icon {\n width: 50px;\n height: 50px;\n background: #0a1a3a; \/* ZMIENIONE: ciemno granatowy *\/\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n text-decoration: none;\n transition: all 0.3s ease;\n border: 1px solid #0a1a3a;\n }\n \n .social-icon:hover {\n background: #ff6b35;\n transform: translateY(-5px);\n border-color: #ff6b35;\n }\n \n .copyright {\n text-align: center;\n color: #0a1a3a; \/* ZMIENIONE: ciemno granatowy *\/\n font-size: 0.9rem;\n margin-top: 15px; \/* ZMIENIONE: zmniejszone z 20px *\/\n padding-top: 15px; \/* ZMIENIONE: zmniejszone z 20px *\/\n border-top: 1px solid rgba(10, 26, 58, 0.1); \/* ZMIENIONE: kolor *\/\n }\n \n \/* ===== POPRAWKI DLA URZ\u0104DZE\u0143 MOBILNYCH ===== *\/\n @media (max-width: 768px) {\n \/* 1. Granatowe pole w sekcji 1 ni\u017cej o 30% *\/\n #section1 .text-container {\n top: 60% !important; \/* Zwi\u0119kszone z 25% na 60% *\/\n width: 90% !important;\n padding: 25px !important;\n transform: translateY(-50%);\n }\n \n \/* 2. Poprawa zdj\u0119\u0107 w telefonach - usuni\u0119cie czarnych pask\u00f3w *\/\n .phone-screen img {\n object-fit: cover !important;\n width: 100% !important;\n height: 100% !important;\n }\n \n \/* 3. Naprawa nawigacji - zawsze widoczna i klikalna *\/\n .section-navigation {\n position: fixed !important;\n bottom: 15px !important;\n top: auto !important;\n left: 50% !important;\n right: auto !important;\n transform: translateX(-50%) !important;\n flex-direction: row !important;\n width: auto !important;\n max-width: 95% !important;\n padding: 8px 12px !important;\n gap: 8px !important;\n background: rgba(10, 26, 58, 0.95) !important;\n z-index: 999999 !important; \/* ZMIENIONE: bardzo wysoki z-index *\/\n }\n \n .section-navigation:hover,\n .section-navigation.compact {\n transform: translateX(-50%) !important;\n padding: 8px 12px !important;\n right: auto !important;\n left: 50% !important;\n background: rgba(10, 26, 58, 0.95) !important;\n }\n \n .nav-simple {\n font-size: 0.8rem !important;\n padding: 6px 10px !important;\n min-width: 45px !important;\n justify-content: center !important;\n }\n \n .nav-number {\n display: inline-block !important;\n width: 18px !important;\n height: 18px !important;\n line-height: 18px !important;\n font-size: 0.75rem !important;\n margin-right: 6px !important;\n }\n \n .nav-text {\n display: inline !important;\n font-size: 0.8rem !important;\n }\n \n .nav-simple:hover {\n min-width: 45px !important;\n transform: none !important;\n }\n \n \/* Usuni\u0119cie efekt\u00f3w hover kt\u00f3re mog\u0105 przeszkadza\u0107 na mobile *\/\n .section-navigation.compact .nav-text {\n display: inline !important;\n }\n \n \/* 4. Naprawa pomara\u0144czowych kropek w sekcji 4 na mobile *\/\n .feature-points li::before {\n position: absolute !important;\n left: 0 !important;\n top: -2px !important;\n line-height: 1.5 !important;\n }\n \n .feature-points li {\n padding-left: 30px !important;\n text-align: left !important;\n line-height: 1.5 !important;\n }\n }\n \n \/* ===== RESPONSYWNO\u015a\u0106 ===== *\/\n @media (max-width: 1200px) {\n .text-container {\n width: 70%;\n padding: 40px 50px 40px 40px;\n top: 35%;\n }\n \n .columns-container {\n gap: 30px;\n }\n \n .images-column {\n width: 330px; \/* Dostosowane *\/\n min-width: 330px;\n }\n \n .banner-title {\n font-size: 2.2rem;\n }\n \n .column-title {\n font-size: 1.7rem;\n }\n \n .offer-column {\n padding-right: 50px;\n }\n \n .section-navigation {\n right: 8px;\n padding: 6px 4px;\n }\n \n .nav-simple {\n font-size: 0.75rem;\n padding: 3px 6px;\n min-width: 35px;\n }\n \n .nav-number {\n width: 14px;\n height: 14px;\n line-height: 14px;\n font-size: 0.65rem;\n margin-right: 4px;\n }\n \n .image-item img,\n .real-image {\n height: 140px; \/* Dostosowane *\/\n }\n \n .section3-content {\n min-height: 500px;\n }\n \n .section3-header h2,\n .section4-header h2,\n .section5-header h2 {\n font-size: 2.5rem;\n }\n \n .specs-title {\n font-size: 1.8rem;\n }\n \n .spec-value {\n font-size: 1.4rem;\n }\n \n .feature-text {\n font-size: 1.1rem;\n }\n \n \/* DOSTOSOWANIE SEKCJI 4 DLA 1200px *\/\n .phone-item {\n gap: 40px;\n max-width: 100%;\n }\n \n .phone-frame {\n width: 200px; \/* Dostosowane *\/\n min-width: 200px; \/* Dostosowane *\/\n }\n \n .phone-screen {\n height: 380px;\n }\n \n .text-content-right {\n padding: 25px 30px;\n max-width: 500px;\n min-height: 280px;\n }\n \n .feature-points li {\n font-size: 1.1rem;\n }\n \n \/* DOSTOSOWANIE SEKCJI 5 DLA 1200px *\/\n .section5-container {\n padding: 35px; \/* Dostosowane *\/\n margin-top: -40px; \/* Dostosowane *\/\n }\n \n .contact-content {\n gap: 35px; \/* Dostosowane *\/\n }\n \n .person-name {\n font-size: 1.6rem;\n }\n \n .contact-item {\n font-size: 1.1rem;\n }\n \n .company-name-footer {\n font-size: 2rem;\n }\n }\n \n @media (max-width: 992px) {\n .columns-container {\n grid-template-columns: 1fr;\n gap: 40px;\n min-height: auto;\n }\n \n .images-column {\n width: 100%;\n max-width: 450px; \/* Zwi\u0119kszone dla 3 zdj\u0119\u0107 *\/\n margin: 0 auto;\n order: 2;\n min-width: auto;\n }\n \n .about-column {\n order: 1;\n padding-right: 0;\n margin-right: 0;\n }\n \n .offer-column {\n order: 3;\n padding-left: 0;\n margin-left: 0;\n padding-right: 0;\n }\n \n .decorative-line {\n display: none;\n }\n \n .about-column, .offer-column {\n padding: 0;\n }\n \n .top-banner {\n height: 160px;\n }\n \n .banner-overlay {\n width: 100%;\n padding: 0 5%;\n justify-content: center;\n }\n \n .content-wrapper {\n margin: 20px auto 0 auto;\n padding: 0 30px;\n }\n \n .column-title {\n color: #0a1a3a !important;\n margin-top: 20px;\n margin-bottom: 20px;\n }\n \n .about-column .column-title {\n margin-top: 10px;\n }\n \n .section-navigation {\n position: fixed;\n right: 5px;\n top: 50%;\n transform: translateY(-50%);\n flex-direction: column;\n width: auto;\n padding: 6px 4px;\n gap: 4px;\n }\n \n .nav-simple {\n font-size: 0.7rem;\n padding: 3px 5px;\n min-width: 30px;\n }\n \n .nav-text {\n display: none;\n }\n \n .nav-simple:hover .nav-text {\n display: inline;\n }\n \n .image-item img,\n .real-image {\n height: 130px; \/* Dostosowane *\/\n }\n \n .image-grid {\n gap: 18px; \/* Dostosowane *\/\n }\n \n .section3-content {\n grid-template-columns: 1fr;\n min-height: auto;\n gap: 30px;\n }\n \n .section3-header,\n .section4-header,\n .section5-header {\n margin-bottom: 30px;\n padding: 30px;\n }\n \n .section3-header h2,\n .section4-header h2,\n .section5-header h2 {\n font-size: 2.2rem;\n }\n \n .lock-image {\n margin-bottom: 30px;\n }\n \n \/* DLA TABLET\u00d3W - SEKCJI 4 *\/\n .phones-list {\n gap: 50px;\n }\n \n .phone-item {\n gap: 35px;\n align-items: center; \/* ZACHOWANIE WY\u015aRODKOWANIA *\/\n }\n \n .phone-frame {\n width: 180px; \/* Dostosowane *\/\n min-width: 180px; \/* Dostosowane *\/\n }\n \n .phone-screen {\n height: 350px;\n }\n \n .text-content-right {\n padding: 20px 25px;\n max-width: 450px;\n min-height: 260px;\n }\n \n .feature-points li {\n font-size: 1rem;\n line-height: 1.5;\n }\n \n \/* DLA TABLET\u00d3W - SEKCJI 5 *\/\n .contact-content {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n \n .section5-container {\n padding: 30px;\n margin-top: -30px; \/* Dostosowane *\/\n }\n \n .contact-person {\n margin-bottom: 30px;\n padding-bottom: 20px;\n }\n \n .person-name {\n font-size: 1.5rem;\n }\n \n .social-media {\n gap: 20px;\n }\n }\n \n @media (max-width: 768px) {\n .text-container {\n width: 85%;\n padding: 30px;\n top: 25%;\n }\n \n .main-text {\n font-size: 1.3rem;\n }\n \n .company-name {\n font-size: 3rem;\n }\n \n .sub-text {\n font-size: 1.3rem;\n }\n \n .section-navigation {\n right: 4px;\n padding: 5px 3px;\n gap: 3px;\n }\n \n .nav-simple {\n font-size: 0.65rem;\n padding: 2px 4px;\n min-width: 26px;\n }\n \n .nav-number {\n width: 12px;\n height: 12px;\n line-height: 12px;\n font-size: 0.6rem;\n margin-right: 3px;\n }\n \n .images-column {\n width: 100%;\n max-width: 400px;\n }\n \n .image-item img,\n .real-image {\n height: 120px;\n }\n \n .section5-container {\n padding: 25px;\n margin-top: -25px; \/* Dostosowane *\/\n }\n \n .top-banner {\n height: 140px;\n }\n \n .banner-overlay {\n width: 100%;\n padding-left: 5%;\n }\n \n .banner-title {\n font-size: 1.8rem;\n }\n \n .column-title {\n font-size: 1.6rem;\n margin-bottom: 20px;\n margin-top: 15px;\n }\n \n .text-content {\n font-size: 0.95rem;\n }\n \n .content-wrapper {\n margin: 15px auto 0 auto;\n padding: 0 25px;\n }\n \n .columns-container {\n gap: 35px;\n }\n \n .image-grid {\n gap: 16px;\n }\n \n .section3-header,\n .section4-header,\n .section5-header {\n padding: 25px;\n margin-bottom: 25px;\n }\n \n .section3-header h2,\n .section4-header h2,\n .section5-header h2 {\n font-size: 1.9rem;\n }\n \n .specs-title {\n font-size: 1.6rem;\n margin-bottom: 25px;\n }\n \n .spec-item {\n margin-bottom: 15px;\n padding: 15px;\n }\n \n .spec-value {\n font-size: 1.3rem;\n }\n \n .lock-image {\n margin-bottom: 25px;\n }\n \n .feature-item {\n margin-bottom: 15px;\n padding: 15px;\n }\n \n .feature-text {\n font-size: 1rem;\n }\n \n .feature-icon {\n width: 35px;\n height: 35px;\n font-size: 1rem;\n margin-right: 15px;\n }\n \n \/* DLA MOBILE - SEKCJI 4 *\/\n .phones-list {\n gap: 40px;\n }\n \n .phone-item {\n gap: 30px;\n align-items: center; \/* ZACHOWANIE WY\u015aRODKOWANIA *\/\n }\n \n .phone-frame {\n width: 160px; \/* Dostosowane *\/\n min-width: 160px; \/* Dostosowane *\/\n }\n \n .phone-screen {\n height: 320px;\n }\n \n .text-content-right {\n padding: 18px 22px;\n max-width: 400px;\n min-height: 240px;\n }\n \n .feature-points li {\n font-size: 0.95rem;\n line-height: 1.4;\n }\n \n \/* DLA MOBILE - SEKCJI 5 *\/\n .person-name {\n font-size: 1.4rem;\n }\n \n .contact-item {\n font-size: 1rem;\n }\n \n .company-name-footer {\n font-size: 1.8rem;\n }\n \n .company-tagline {\n font-size: 1.1rem;\n }\n \n .social-icon {\n width: 45px;\n height: 45px;\n font-size: 1.2rem;\n }\n \n .copyright {\n font-size: 0.85rem;\n }\n }\n \n @media (max-width: 576px) {\n .section-navigation {\n position: fixed;\n bottom: 10px;\n top: auto;\n left: 50%;\n right: auto;\n transform: translateX(-50%) translateY(0);\n flex-direction: row;\n width: auto;\n max-width: 95%;\n padding: 5px 8px;\n gap: 5px;\n background: rgba(10, 26, 58, 0.9);\n }\n \n .nav-simple {\n font-size: 0.7rem;\n padding: 4px 8px;\n min-width: 40px;\n }\n \n .nav-number {\n display: none;\n }\n \n .nav-text {\n display: inline;\n }\n \n .text-container {\n width: 90%;\n padding: 25px;\n top: 30%;\n }\n \n .main-text {\n font-size: 1.1rem;\n }\n \n .company-name {\n font-size: 2.2rem;\n }\n \n .sub-text {\n font-size: 1.1rem;\n }\n \n .images-column {\n width: 100%;\n max-width: 350px;\n }\n \n .image-item img,\n .real-image {\n height: 110px;\n }\n \n .top-banner {\n height: 120px;\n }\n \n .banner-overlay {\n width: 100%;\n padding-left: 4%;\n }\n \n .banner-title {\n font-size: 1.4rem;\n line-height: 1.2;\n }\n \n .column-title {\n font-size: 1.4rem;\n margin-bottom: 15px;\n margin-top: 10px;\n padding-bottom: 8px;\n }\n \n .text-content {\n font-size: 0.9rem;\n line-height: 1.5;\n }\n \n .offer-item {\n font-size: 0.9rem;\n margin-bottom: 15px;\n padding-left: 30px;\n }\n \n .content-wrapper {\n margin: 10px auto 0 auto;\n padding: 0 20px;\n }\n \n .columns-container {\n gap: 30px;\n }\n \n .image-grid {\n gap: 14px;\n }\n \n #section3,\n #section4,\n #section5 {\n padding: 40px 15px;\n }\n \n .section3-header,\n .section4-header,\n .section5-header {\n padding: 20px;\n margin-bottom: 20px;\n }\n \n .section3-header h2,\n .section4-header h2,\n .section5-header h2 {\n font-size: 1.6rem;\n }\n \n .specs-title {\n font-size: 1.4rem;\n margin-bottom: 20px;\n }\n \n .spec-item {\n margin-bottom: 12px;\n padding: 12px;\n }\n \n .spec-label {\n font-size: 0.9rem;\n }\n \n .spec-value {\n font-size: 1.2rem;\n }\n \n .feature-item {\n padding: 12px;\n margin-bottom: 12px;\n }\n \n .feature-text {\n font-size: 0.9rem;\n }\n \n .feature-icon {\n width: 30px;\n height: 30px;\n font-size: 0.9rem;\n margin-right: 12px;\n }\n \n \/* DLA MA\u0141YCH TELEFON\u00d3W - SEKCJI 4 *\/\n .phones-list {\n gap: 30px;\n }\n \n .phone-item {\n flex-direction: column;\n gap: 20px;\n align-items: center;\n }\n \n .phone-frame {\n width: 180px; \/* Dostosowane *\/\n min-width: 180px; \/* Dostosowane *\/\n margin: 0 auto;\n }\n \n .phone-screen {\n height: 350px;\n }\n \n .text-content-right {\n width: 100%;\n max-width: 100%;\n text-align: center;\n min-height: auto;\n padding: 20px;\n }\n \n .feature-points li {\n text-align: left;\n }\n \n .feature-points li::before {\n left: 10px;\n }\n \n \/* DLA MA\u0141YCH TELEFON\u00d3W - SEKCJI 5 *\/\n .section5-container {\n padding: 20px;\n margin-top: -20px; \/* Dostosowane *\/\n }\n \n .person-name {\n font-size: 1.3rem;\n }\n \n .contact-item {\n font-size: 0.95rem;\n }\n \n .company-name-footer {\n font-size: 1.6rem;\n }\n \n .company-tagline {\n font-size: 1rem;\n }\n \n .social-media {\n gap: 15px;\n }\n \n .social-icon {\n width: 40px;\n height: 40px;\n font-size: 1.1rem;\n }\n \n .copyright {\n font-size: 0.8rem;\n }\n }\n \n @media (max-width: 400px) {\n .top-banner {\n height: 100px;\n }\n \n .banner-title {\n font-size: 1.2rem;\n }\n \n .column-title {\n font-size: 1.3rem;\n margin-top: 8px;\n }\n \n .text-content {\n font-size: 0.85rem;\n }\n \n .content-wrapper {\n padding: 0 15px;\n }\n \n .section-navigation {\n padding: 4px 6px;\n gap: 4px;\n max-width: 98%;\n }\n \n .nav-simple {\n font-size: 0.65rem;\n padding: 3px 6px;\n min-width: 35px;\n }\n \n .nav-text {\n font-size: 0.65rem;\n }\n \n .image-item img,\n .real-image {\n height: 100px;\n }\n \n .images-column {\n max-width: 320px;\n }\n \n .section3-header h2,\n .section4-header h2,\n .section5-header h2 {\n font-size: 1.4rem;\n }\n \n .specs-title {\n font-size: 1.2rem;\n }\n \n .spec-value {\n font-size: 1.1rem;\n }\n \n .feature-text {\n font-size: 0.8rem;\n }\n \n \/* DLA BARDZO MA\u0141YCH EKRAN\u00d3W - SEKCJI 4 *\/\n .phone-frame {\n width: 160px; \/* Dostosowane *\/\n min-width: 160px; \/* Dostosowane *\/\n }\n \n .phone-screen {\n height: 320px;\n }\n \n .text-content-right {\n padding: 18px;\n }\n \n \/* DLA BARDZO MA\u0141YCH EKRAN\u00d3W - SEKCJI 5 *\/\n .person-name {\n font-size: 1.2rem;\n }\n \n .contact-item {\n font-size: 0.9rem;\n }\n \n .company-name-footer {\n font-size: 1.4rem;\n }\n \n .copyright {\n font-size: 0.75rem;\n }\n }\n \n \/* DODATKOWE: Zapewnienie \u017ce tytu\u0142y s\u0105 zawsze pod niebieskim prostok\u0105tem *\/\n @media (min-width: 993px) {\n .content-wrapper {\n margin-top: 30px !important;\n }\n \n .top-banner {\n margin-bottom: 20px;\n }\n }\n \n \/* Naprawa dla zdj\u0119\u0107 - sta\u0142a wysoko\u015b\u0107 *\/\n .image-item > *:first-child {\n height: 150px !important;\n min-height: 150px !important;\n max-height: 150px !important;\n }\n \n @media (max-width: 1200px) {\n .image-item > *:first-child {\n height: 140px !important;\n min-height: 140px !important;\n max-height: 140px !important;\n }\n }\n \n @media (max-width: 992px) {\n .image-item > *:first-child {\n height: 130px !important;\n min-height: 130px !important;\n max-height: 130px !important;\n }\n }\n \n @media (max-width: 768px) {\n .image-item > *:first-child {\n height: 120px !important;\n min-height: 120px !important;\n max-height: 120px !important;\n }\n }\n \n @media (max-width: 576px) {\n .image-item > *:first-child {\n height: 110px !important;\n min-height: 110px !important;\n max-height: 110px !important;\n }\n }\n \n @media (max-width: 400px) {\n .image-item > *:first-child {\n height: 100px !important;\n min-height: 100px !important;\n max-height: 100px !important;\n }\n }\n\n \/* ===== POPRAWKI DLA TELEFON\u00d3W I NAWIGACJI W SEKCJI 4 ===== *\/\n \n \/* 1. USU\u0143 POMARA\u0143CZOWE KROPKI Z LIST W SEKCJI 4 *\/\n #section4 .feature-points li::before {\n display: none !important;\n }\n \n #section4 .feature-points {\n list-style: none !important;\n padding-left: 0 !important;\n }\n \n #section4 .feature-points li {\n padding-left: 0 !important;\n margin-bottom: 12px !important;\n }\n \n \/* 2. POPRAW ZDJ\u0118CIA W TELEFONACH NA MOBILE *\/\n @media (max-width: 768px) {\n .phone-screen {\n height: 320px !important; \/* TAKA SAMA WYSOKO\u015a\u0106 JAK NA DESKTOP! *\/\n }\n \n .phone-screen img {\n object-fit: contain !important; \/* POKA\u017b CA\u0141E ZDJ\u0118CIE *\/\n background-color: #fff !important; \/* BIA\u0141E T\u0141O *\/\n }\n }\n \n \/* 3. FIX DLA NAWIGACJI NA MOBILE *\/\n @media (max-width: 768px) {\n .section-navigation {\n z-index: 1000000 !important;\n position: fixed !important;\n transform: translateX(-50%) !important;\n background: #0a1a3a !important;\n border: 3px solid #ff6b35;\n box-shadow: 0 5px 30px rgba(0, 0, 0, 0.9);\n padding: 10px 15px;\n }\n \n body *:not(.section-navigation):not(.section-navigation *) {\n z-index: auto !important;\n }\n \n #section4 {\n isolation: isolate;\n }\n \n .phone-frame, \n .text-content-right {\n z-index: 1 !important;\n }\n }\n\/* ===== POPRAWKA DLA BIA\u0141YCH PASK\u00d3W W TELEFONACH (SEKCJA 4) ===== *\/\n\n\/* 1. ZMNIEJSZENIE ROZMIARU TELEFON\u00d3W NA MOBILE *\/\n@media (max-width: 768px) {\n .phone-frame {\n width: 165px !important;\n min-width: 165px !important;\n padding: 8px !important;\n border-radius: 12px !important;\n }\n \n .phone-screen {\n height: 310px !important;\n border-radius: 8px !important;\n }\n \n .phone-item {\n gap: 18px !important;\n max-width: 95% !important;\n margin-left: auto !important;\n margin-right: auto !important;\n }\n}\n\n@media (max-width: 576px) {\n .phone-frame {\n width: 155px !important;\n min-width: 155px !important;\n padding: 7px !important;\n }\n \n .phone-screen {\n height: 290px !important;\n }\n \n .phone-item {\n gap: 15px !important;\n }\n}\n\n@media (max-width: 400px) {\n .phone-frame {\n width: 145px !important;\n min-width: 145px !important;\n padding: 6px !important;\n }\n \n .phone-screen {\n height: 270px !important;\n }\n \n .phone-item {\n gap: 12px !important;\n }\n}\n\n\/* 2. POPRAWKA DLA ZDJ\u0118\u0106 - BEZ BIA\u0141YCH PASK\u00d3W *\/\n.phone-screen {\n position: relative;\n overflow: hidden;\n background-color: #000; \/* Czarne t\u0142o domy\u015blnie *\/\n}\n\n.phone-screen img {\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Wype\u0142nij ca\u0142y ekran *\/\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n\/* Dla mobile - zachowaj proporcje zdj\u0119\u0107 *\/\n@media (max-width: 768px) {\n .phone-screen img {\n object-fit: contain; \/* Poka\u017c ca\u0142e zdj\u0119cie *\/\n background-color: #fff; \/* Bia\u0142e t\u0142o dla kontrastu *\/\n position: relative;\n }\n}\n\n\/* 3. DODATKOWE DOSTROJENIE DLA LEPSZEGO WY\u015aWIETLANIA *\/\n.phone-screen::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.1);\n z-index: 1;\n pointer-events: none;\n}\n\n\/* 4. ZMNIEJSZENIE TELEFON\u00d3W TE\u017b NA DESKTOP *\/\n@media (max-width: 1200px) {\n .phone-frame {\n width: 200px !important;\n min-width: 200px !important;\n }\n \n .phone-screen {\n height: 370px !important;\n }\n}\n\n@media (max-width: 992px) {\n .phone-frame {\n width: 180px !important;\n min-width: 180px !important;\n }\n \n .phone-screen {\n height: 340px !important;\n }\n}\n\n\/* 5. POPRAWKA DLA PRZYCISK\u00d3B TELEFONU *\/\n@media (max-width: 768px) {\n .phone-top-button {\n top: -6px !important;\n width: 40px !important;\n }\n \n .phone-volume-up,\n .phone-volume-down,\n .phone-power {\n right: -6px !important;\n width: 2px !important;\n }\n}\n\/* ===== NAJSZYBSZE ROZWI\u0104ZANIE ===== *\/\n@media (max-width: 768px) {\n .phone-frame {\n width: 160px !important;\n min-width: 160px !important;\n height: auto !important; \/* Dodajemy *\/\n padding: 4px !important;\n }\n \n .phone-screen {\n height: 300px !important;\n aspect-ratio: 9\/16 !important; \/* Proporcje telefonu (9:16) *\/\n }\n \n .phone-screen img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important; \/* Wype\u0142nij ca\u0142y ekran *\/\n }\n}\n\/* ===== USUNI\u0118CIE PRZYCISK\u00d3W BOCZNYCH Z TELEFON\u00d3W ===== *\/\n\n\/* 1. UKRYJ WSZYSTKIE PRZYCISKI BOCZNE *\/\n.phone-volume-up,\n.phone-volume-down,\n.phone-power {\n display: none !important;\n}\n\n\/* 2. USU\u0143 TAK\u017bE G\u00d3RNY PRZYCISK JE\u015aLI CHCESZ *\/\n.phone-top-button {\n display: none !important;\n}\n\n\/* 3. OPCJONALNIE: ZACHOWAJ TYLKO G\u00d3RNY PRZYCISEK (LEPSZY WYGL\u0104D) *\/\n\/* .phone-top-button {\n display: block !important;\n top: -5px !important;\n width: 30px !important;\n height: 2px !important;\n background: #333 !important;\n border-radius: 2px !important;\n}\n\n.phone-bottom-button {\n display: none !important;\n} *\/\n\n\/* 4. POPRAWKA DLA TELEFONU BEZ PRZYCISK\u00d3W - MNIEJSZE PADDINGI *\/\n.phone-frame {\n padding: 8px !important; \/* Mo\u017cesz zmniejszy\u0107 je\u015bli chcesz *\/\n border: 2px solid #333 !important; \/* Cie\u0144sza ramka *\/\n}\n\n@media (max-width: 768px) {\n .phone-frame {\n padding: 6px !important;\n }\n}\n\n@media (max-width: 576px) {\n .phone-frame {\n padding: 5px !important;\n }\n}\n\n\/* 5. OPCJONALNIE: DODAJ SUBTELNY CIENIOWANIE ZAMIAST PRZYCISK\u00d3W *\/\n.phone-frame {\n position: relative;\n background: linear-gradient(145deg, #1a1a1a, #2a2a2a) !important;\n box-shadow: \n 0 10px 25px rgba(0, 0, 0, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.1),\n inset 0 -1px 0 rgba(0, 0, 0, 0.5) !important;\n}\n\n\/* 6. DODATKOWY EFEKT: SUBTELNE ODBLICIE EKRANU *\/\n.phone-screen::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.03) 0%,\n rgba(255, 255, 255, 0) 20%,\n rgba(255, 255, 255, 0) 80%,\n rgba(255, 255, 255, 0.01) 100%\n );\n pointer-events: none;\n z-index: 2;\n border-radius: inherit;\n}\n\n\/* 7. JE\u015aLI CHCESZ CA\u0141KOWICIE CZYSTY TELEFON - USU\u0143 WSZYSTKIE PRZYCISKI *\/\n.phone-top-button,\n.phone-bottom-button,\n.phone-volume-up,\n.phone-volume-down,\n.phone-power {\n display: none !important;\n}\n\n\/* 8. LUB ZACHOWAJ TYLKO MINIMALISTYCZNY WYGL\u0104D Z JEDNYM PRZYCISKIEM *\/\n\/* .phone-top-button {\n display: block;\n position: absolute;\n top: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 25px;\n height: 2px;\n background: #444;\n border-radius: 1px;\n z-index: 3;\n}\n\n.phone-frame {\n padding-top: 10px !important; \n} *\/\n\n \/* ===== WYD\u0141U\u017bENIE PANELU KONTAKTOWEGO DLA TELEFON\u00d3W ===== *\/\n \/* Zwi\u0119kszenie wysoko\u015bci sekcji 5 na telefonach *\/\n @media (max-width: 768px) {\n #section5 {\n min-height: 110vh !important; \/* Zwi\u0119kszenie o 10% *\/\n padding-bottom: 100px !important; \/* Dodatkowy padding na dole *\/\n }\n \n \/* Dodatkowy margines na samym dole sekcji *\/\n .section5-container {\n margin-bottom: 50px !important;\n }\n }\n\n \/* Dla bardzo ma\u0142ych telefon\u00f3w - jeszcze wi\u0119ksze wyd\u0142u\u017cenie *\/\n @media (max-width: 576px) {\n #section5 {\n min-height: 115vh !important; \/* Zwi\u0119kszenie o 15% *\/\n padding-bottom: 120px !important;\n }\n }\n\n \/* Dla ekran\u00f3w poni\u017cej 400px *\/\n @media (max-width: 400px) {\n #section5 {\n min-height: 120vh !important; \/* Zwi\u0119kszenie o 20% *\/\n padding-bottom: 150px !important;\n }\n }\n\n \/* ===== NAPRAWA DLA SEKCJI 4 NA MOBILE ===== *\/\n @media (max-width: 768px) {\n #section4 {\n isolation: auto !important; \/* USU\u0143 isolation: isolate *\/\n position: relative !important;\n z-index: 1 !important;\n }\n }\n\n \/* ===== ZAPEWNIENIE PRAWID\u0141OWEGO DZIA\u0141ANIA WSZYSTKICH SEKCJI NA MOBILE ===== *\/\n @media (max-width: 768px) {\n \/* Upewnij si\u0119, \u017ce wszystkie sekcje maj\u0105 prawid\u0142owe pozycjonowanie *\/\n #section1, #section2, #section3, #section4, #section5 {\n position: relative !important;\n isolation: auto !important;\n }\n \n \/* Dodatkowy margines dla bezpiecze\u0144stwa *\/\n .section-navigation {\n pointer-events: auto !important;\n }\n }\n\/* ===== POPRAWKA DLA WY\u015aRODKOWANIA TELEFON\u00d3W W SEKCJI 4 NA MOBILE ===== *\/\n@media (max-width: 768px) {\n .phone-item {\n justify-content: center !important;\n align-items: center !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n \n .phone-frame {\n margin: 0 auto !important;\n float: none !important;\n display: block !important;\n }\n}\n <\/style>\n<\/head>\n<body>\n <!-- DODANE: UKRYTY TEKST SEO DLA GOOGLE (NIE WIDOCZNY DLA LUDZI) -->\n <div style=\"display: none; height: 0; width: 0; overflow: hidden; position: absolute; left: -9999px;\" aria-hidden=\"true\">\n <h1>System zabezpiecze\u0144 naczep ch\u0142odniczych FRIGO LOCK<\/h1>\n <p>Zabezpieczenie naczep ch\u0142odniczych zgodne z norm\u0105 TAPA TSR. Zamek do naczep ch\u0142odniczych spe\u0142niaj\u0105cy wymagania TAPA TSR 1. Profesjonalne systemy zabezpiecze\u0144 transportu ch\u0142odniczego. Zamki do naczep ch\u0142odniczych od FRIGO LOCK.<\/p>\n <p>TAPA TSR compliance – system zabezpiecze\u0144 naczep. Zamek spe\u0142niaj\u0105cy norm\u0119 TAPA dla naczep ch\u0142odniczych. Zabezpieczenia TAPA TSR 1 dla transportu.<\/p>\n <p>FRIGO LOCK – lider w zabezpieczeniach naczep ch\u0142odniczych. System telematyczny monitoruj\u0105cy stan zamk\u00f3w i \u0142adunku.<\/p>\n <p>Zabezpieczenie naczep ch\u0142odniczych, tapa tsr, zamek spe\u0142niaj\u0105cy norm\u0119 tapa, zamki do naczep ch\u0142odniczych, system zabezpiecze\u0144 TAPA TSR 1.<\/p>\n <\/div>\n \n <!-- WSP\u00d3LNE T\u0141O DLA SEKCJI 2-5 -->\n <div class=\"main-background\"><\/div>\n \n <!-- SEKCJA 1 - STRONA G\u0141\u00d3WNA -->\n <section id=\"section1\">\n <div class=\"hero-background\"><\/div>\n \n <div class=\"text-container\">\n <p class=\"main-text\">Profesjonalne systemy zabezpiecze\u0144 naczep ch\u0142odniczych:<\/p>\n <h1 class=\"company-name\">FRIGO LOCK<\/h1>\n <p class=\"sub-text\">(zabezpieczenia naczep ch\u0142odniczych zgodne z TAPA TSR)<\/p>\n <\/div>\n \n <!-- BARDZO W\u0104SKA NAWIGACJA -->\n <div class=\"section-navigation\">\n <div class=\"nav-simple active\" data-target=\"section1\">\n <span class=\"nav-number\">1<\/span>\n <span class=\"nav-text\">Strona g\u0142\u00f3wna<\/span>\n <\/div>\n <div class=\"nav-simple\" data-target=\"section2\">\n <span class=\"nav-number\">2<\/span>\n <span class=\"nav-text\">O firmie<\/span>\n <\/div>\n <div class=\"nav-simple\" data-target=\"section3\">\n <span class=\"nav-number\">3<\/span>\n <span class=\"nav-text\">Zamek<\/span>\n <\/div>\n <div class=\"nav-simple\" data-target=\"section4\">\n <span class=\"nav-number\">4<\/span>\n <span class=\"nav-text\">Telematyka<\/span>\n <\/div>\n <div class=\"nav-simple\" data-target=\"section5\">\n <span class=\"nav-number\">5<\/span>\n <span class=\"nav-text\">Kontakt<\/span>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- SEKCJA 2 - O FIRMIE -->\n <section id=\"section2\">\n <div class=\"top-banner\">\n <div class=\"banner-image\">\n <div class=\"banner-overlay\">\n <div class=\"banner-text\">\n <h2 class=\"banner-title\">DZIA\u0141AMY DLA<br><span class=\"banner-highlight\">BEZPIECZNEGO TRANSPORTU<\/span><\/h2>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"content-wrapper\">\n <div class=\"decorative-line\"><\/div>\n \n <div class=\"columns-container\">\n <div class=\"about-column\">\n <h2 class=\"column-title\">KIM JESTE\u015aMY<\/h2>\n <div class=\"text-content\">\n <p>Tworzymy nowoczesne rozwi\u0105zania zabezpieczaj\u0105ce dla naczep i pojazd\u00f3w ci\u0119\u017carowych, projektuj\u0105c systemy, kt\u00f3re realnie podnosz\u0105 poziom bezpiecze\u0144stwa w transporcie.<\/p>\n <p>Nasza technologia wspiera przewo\u017anik\u00f3w w spe\u0142nianiu rygorystycznych norm TAPA TSR 1, zapewniaj\u0105c pe\u0142n\u0105 kontrol\u0119 nad \u0142adunkiem i minimalizuj\u0105c ryzyko nieautoryzowanego dost\u0119pu.<\/p>\n <p>Stawiamy na niezawodno\u015b\u0107, precyzj\u0119 i zgodno\u015b\u0107 z mi\u0119dzynarodowymi standardami bran\u017cowymi. Ka\u017cde wdro\u017cenie \u0142\u0105czymy z praktycznym podej\u015bciem i zrozumieniem reali\u00f3w pracy firm transportowych \u2014 tak, aby nasze systemy by\u0142y nie tylko bezpieczne, ale te\u017c intuicyjne i gotowe do dzia\u0142ania w codziennych operacjach.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"images-column\">\n <div class=\"images-container\">\n <div class=\"image-grid\">\n <!-- ZDJ\u0118CIE 1 - TWOJE ZDJ\u0118CIE -->\n <div class=\"image-item\">\n <img decoding=\"async\" src=\"https:\/\/frigolock.com\/wp-content\/uploads\/2026\/01\/ZAMEK_FRIGOLOCK_01_2026.jpeg\" \n alt=\"Zamek FRIGO LOCK - system zabezpiecze\u0144 naczep ch\u0142odniczych TAPA TSR\" \n class=\"real-image\">\n <\/div>\n \n <!-- ZDJ\u0118CIE 2 - TWOJE ZDJ\u0118CIE -->\n <div class=\"image-item\">\n <img decoding=\"async\" src=\"https:\/\/frigolock.com\/wp-content\/uploads\/2026\/01\/Naczepa_zamek.png\" \n alt=\"Naczepa ch\u0142odnicza z systemem zabezpiecze\u0144 FRIGO LOCK TAPA TSR\" \n class=\"real-image\">\n <\/div>\n \n <!-- ZDJ\u0118CIE 3 - NOWE ZDJ\u0118CIE -->\n <div class=\"image-item\">\n <img decoding=\"async\" src=\"https:\/\/frigolock.com\/wp-content\/uploads\/2026\/01\/zamek_strona_26.jpg\" \n alt=\"Instalacja systemu FRIGO LOCK do naczep ch\u0142odniczych\" \n class=\"real-image\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"offer-column\">\n <h2 class=\"column-title\">NASZA OFERTA<\/h2>\n <div class=\"text-content\">\n <p><strong>System zabezpiecze\u0144 FRIGO LOCK obejmuje:<\/strong><\/p>\n <ul class=\"offer-list\">\n <li class=\"offer-item\">\n <strong>Specjalistyczne zamki do naczep ch\u0142odniczych<\/strong> (wykonane ze stali kwasoodpornej, odporne na manipulacje, sterowane zdalnie lub dzia\u0142aj\u0105ce autonomicznie w oparciu o geostrefy – ca\u0142kowicie BEZ udzia\u0142u kierowcy)\n <\/li>\n <li class=\"offer-item\">\n <strong>System alarmowy<\/strong> – automatycznie i zdalnie aktywowany\/dezaktywowany\n <\/li>\n <li class=\"offer-item\">\n <strong>System telematyczny<\/strong> oferuj\u0105cy szereg funkcji do monitorowania podstawowych parametr\u00f3w zamka i naczepy (stany sygna\u0142\u00f3w monitorowane w czasie rzeczywistym: status rygla i drzwi naczepy, temperatura, syrena, zasilanie, bateria, pr\u0119dko\u015b\u0107, po\u0142o\u017cenie i wiele innych).\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- SEKCJA 3 - ZAMEK FRIGO LOCK -->\n <section id=\"section3\">\n <div class=\"section3-container\">\n <div class=\"section3-header\">\n <h2>ZAMEK FRIGO LOCK<\/h2>\n <\/div>\n \n <div class=\"section3-content\">\n <div class=\"specs-container\">\n <h2 class=\"specs-title\">SPECYFIKACJA TECHNICZNA<\/h2>\n <ul class=\"specs-list\">\n <li class=\"spec-item\">\n <span class=\"spec-label\">Zasilanie<\/span>\n <span class=\"spec-value\">12\u201324 VDC<\/span>\n <\/li>\n <li class=\"spec-item\">\n <span class=\"spec-label\">Stopie\u0144 ochrony<\/span>\n <span class=\"spec-value\">IP67 (py\u0142oszczelny i wodoszczelny)<\/span>\n <\/li>\n <li class=\"spec-item\">\n <span class=\"spec-label\">Temperatura pracy<\/span>\n <span class=\"spec-value\">-40\u00b0C do +60\u00b0C<\/span>\n <\/li>\n <li class=\"spec-item\">\n <span class=\"spec-label\">Pob\u00f3r pr\u0105du (tryb czuwania)<\/span>\n <span class=\"spec-value\"><10 mA<\/span>\n <\/li>\n <li class=\"spec-item\">\n <span class=\"spec-label\">Komunikacja<\/span>\n <span class=\"spec-value\">LTE \/ NB-IoT \/ Bluetooth \/ CAN<\/span>\n <\/li>\n <li class=\"spec-item\">\n <span class=\"spec-label\">Wymiary<\/span>\n <span class=\"spec-value\">120 x 60 x 45 mm<\/span>\n <\/li>\n <\/ul>\n \n <div class=\"spec-note\">\n <strong>Uwaga:<\/strong> System spe\u0142nia wymagania normy TAPA TSR 1 i jest kompatybilny z wi\u0119kszo\u015bci\u0105 typ\u00f3w naczep ch\u0142odniczych dost\u0119pnych na rynku.\n <\/div>\n <\/div>\n \n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/frigolock.com\/wp-content\/uploads\/2026\/01\/ZAMEK_FRIGOLOCK_01_2026.jpeg\" \n alt=\"Zamek FRIGO LOCK - widok techniczny, spe\u0142niaj\u0105cy norm\u0119 TAPA TSR\" \n class=\"lock-image\">\n \n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <span class=\"feature-text\">TRWA\u0141A KONSTRUKCJA<\/span>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-industry\"><\/i>\n <\/div>\n <span class=\"feature-text\">STAL KWASOODPORNA<\/span>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-wind\"><\/i>\n <\/div>\n <span class=\"feature-text\">ODPORNY NA EKSTREMALNE WARUNKI POGODOWE<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- SEKCJA 4 - SYSTEM TELEMATYCZNY -->\n <section id=\"section4\">\n <div class=\"section4-container\">\n <div class=\"section4-header\">\n <h2>SYSTEM TELEMATYCZNY<\/h2>\n <\/div>\n \n <!-- PROSTY UK\u0141AD - TELEFONY JEDEN POD DRUGIM Z TEKSTEM PO PRAWEJ -->\n <div class=\"phones-list\">\n <!-- TELEFON 1 -->\n <div class=\"phone-item\">\n <div class=\"phone-frame\">\n <div class=\"phone-top-button\"><\/div>\n <!-- DODANE: PRZYCISKI BOCZNE ANDROID -->\n <div class=\"phone-volume-up\"><\/div>\n <div class=\"phone-volume-down\"><\/div>\n <div class=\"phone-power\"><\/div>\n <div class=\"phone-screen\">\n <!-- TUTAJ PODMIENIASZ SWOJE ZDJ\u0118CIE 1 -->\n <img decoding=\"async\" src=\"https:\/\/frigolock.com\/wp-content\/uploads\/2026\/01\/monitoring_mapa.jpg\" \n alt=\"System telematyczny FRIGO LOCK - Mapa monitoringu TAPA TSR\">\n <\/div>\n <\/div>\n \n <div class=\"text-content-right\">\n <ul class=\"feature-points\">\n <li>Aktualne po\u0142o\u017cenie pojazd\u00f3w (mo\u017cliwo\u015b\u0107 dostosowania mapy do w\u0142asnych potrzeb)<\/li>\n <li>Monitoring online (dowolnie wybrane dane \u0142atwo dost\u0119pne w zak\u0142adce monitoringu)<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- TELEFON 2 -->\n <div class=\"phone-item\">\n <div class=\"phone-frame\">\n <div class=\"phone-top-button\"><\/div>\n <!-- DODANE: PRZYCISKI BOCZNE ANDROID -->\n <div class=\"phone-volume-up\"><\/div>\n <div class=\"phone-volume-down\"><\/div>\n <div class=\"phone-power\"><\/div>\n <div class=\"phone-screen\">\n <!-- TUTAJ PODMIENIASZ SWOJE ZDJ\u0118CIE 2 -->\n <img decoding=\"async\" src=\"https:\/\/frigolock.com\/wp-content\/uploads\/2026\/01\/monitoring_ustawienia.jpg\" \n alt=\"System telematyczny FRIGO LOCK - Ustawienia i powiadomienia\">\n <\/div>\n <\/div>\n \n <div class=\"text-content-right\">\n <ul class=\"feature-points\">\n <li>Aplikacja pokazuje aktualny stan drzwi, rygla, temperatury i wielu innych parametr\u00f3w \u2014 wszystko w czasie rzeczywistym, z dowolnego miejsca.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- TELEFON 3 -->\n <div class=\"phone-item\">\n <div class=\"phone-frame\">\n <div class=\"phone-top-button\"><\/div>\n <!-- DODANE: PRZYCISKI BOCZNE ANDROID -->\n <div class=\"phone-volume-up\"><\/div>\n <div class=\"phone-volume-down\"><\/div>\n <div class=\"phone-power\"><\/div>\n <div class=\"phone-screen\">\n <!-- TUTAJ PODMIENIASZ SWOJE ZDJ\u0118CIE 3 -->\n <img decoding=\"async\" src=\"https:\/\/frigolock.com\/wp-content\/uploads\/2026\/01\/powiadomienia.jpg\" \n alt=\"System telematyczny FRIGO LOCK - Powiadomienia dla zabezpiecze\u0144 naczep\">\n <\/div>\n <\/div>\n \n <div class=\"text-content-right\">\n <ul class=\"feature-points\">\n <li>Powiadomienia push o zmianach statusu<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- TELEFON 4 -->\n <div class=\"phone-item\">\n <div class=\"phone-frame\">\n <div class=\"phone-top-button\"><\/div>\n <!-- DODANE: PRZYCISKI BOCZNE ANDROID -->\n <div class=\"phone-volume-up\"><\/div>\n <div class=\"phone-volume-down\"><\/div>\n <div class=\"phone-power\"><\/div>\n <div class=\"phone-screen\">\n <!-- TUTAJ PODMIENIASZ SWOJE ZDJ\u0118CIE 4 -->\n <img decoding=\"async\" src=\"https:\/\/frigolock.com\/wp-content\/uploads\/2026\/01\/wialon_historia.jpg\" \n alt=\"System telematyczny FRIGO LOCK - Historia i raporty TAPA TSR\">\n <\/div>\n <\/div>\n \n <div class=\"text-content-right\">\n <ul class=\"feature-points\">\n <li>Historia wraz z wybranymi danymi dot. przejazdu.<\/li>\n <li>Mo\u017cliwo\u015b\u0107 wygenerowania raportu<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- TELEFON 5 - DODATKOWY (NOWY) -->\n <div class=\"phone-item\">\n <div class=\"phone-frame\">\n <div class=\"phone-top-button\"><\/div>\n <!-- DODANE: PRZYCISKI BOCZNE ANDROID -->\n <div class=\"phone-volume-up\"><\/div>\n <div class=\"phone-volume-down\"><\/div>\n <div class=\"phone-power\"><\/div>\n <div class=\"phone-screen\">\n <!-- TUTAJ DODAJ SWOJE NOWE ZDJ\u0118CIE -->\n <img decoding=\"async\" src=\"https:\/\/frigolock.com\/wp-content\/uploads\/2026\/01\/geostrefy_napis.png\" \n alt=\"System telematyczny FRIGO LOCK - Geostrefy dla zabezpiecze\u0144 TAPA TSR\">\n <\/div>\n <\/div>\n \n <div class=\"text-content-right\">\n <ul class=\"feature-points\">\n <li>Wyznaczanie geostref, w kt\u00f3rych zamek automatycznie si\u0119 otwiera oraz zamyka po ich opuszczeniu<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- SEKCJA 5 - KONTAKT -->\n <section id=\"section5\">\n <div class=\"section5-container\">\n <div class=\"section5-header\">\n <h2>DANE KONTAKTOWE<\/h2>\n <\/div>\n \n <div class=\"contact-content\">\n <!-- Arkadiusz Go\u0142awski -->\n <div class=\"contact-info\">\n <div class=\"contact-person\">\n <h3 class=\"person-name\">Arkadiusz Go\u0142awski<\/h3>\n <div class=\"contact-details\">\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-phone\"><\/i>\n <\/div>\n <a href=\"tel:+48575300245\" class=\"contact-link phone-link\">+48 575 300 245<\/a>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/div>\n <span class=\"contact-link email-text\" data-email=\"arkadiusz@frigolock.com\">arkadiusz@frigolock.com<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Marcin Gryczka -->\n <div class=\"contact-info\">\n <div class=\"contact-person\">\n <h3 class=\"person-name\">Marcin Gryczka<\/h3>\n <div class=\"contact-details\">\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-phone\"><\/i>\n <\/div>\n <a href=\"tel:+48502334371\" class=\"contact-link phone-link\">+48 502 334 371<\/a>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/div>\n <span class=\"contact-link email-text\" data-email=\"marcin@frigolock.com\">marcin@frigolock.com<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"divider\"><\/div>\n \n <div class=\"company-info\">\n <h3 class=\"company-name-footer\">FRIGO LOCK<\/h3>\n <p class=\"company-tagline\">Innowacyjne rozwi\u0105zania dla bezpiecznego transportu<\/p>\n \n <div class=\"social-media\">\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61581996146277\" target=\"_blank\" class=\"social-icon\" rel=\"nofollow noopener\">\n <i class=\"fab fa-facebook-f\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/frigo_lock?igsh=aXdhcmVjdmhuN3Q5\" target=\"_blank\" class=\"social-icon\" rel=\"nofollow noopener\">\n <i class=\"fab fa-instagram\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"copyright\">\n \u00a9 2024 FRIGO LOCK. Wszystkie prawa zastrze\u017cone.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- DODANE: STRUCTURED DATA (SCHEMA.ORG) DLA SEO - ZMIENIONE NA \u0141UK\u00d3W -->\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"LocalBusiness\",\n \"name\": \"FRIGO LOCK\",\n \"image\": \"https:\/\/frigolock.com\/wp-content\/uploads\/2026\/01\/ZAMEK_FRIGOLOCK_01_2026.jpeg\",\n \"@id\": \"https:\/\/frigolock.com\",\n \"url\": \"https:\/\/frigolock.com\",\n \"telephone\": \"+48575300245\",\n \"email\": \"arkadiusz@frigolock.com\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"\u0141uk\u00f3w\",\n \"addressCountry\": \"PL\"\n },\n \"sameAs\": [\n \"https:\/\/www.facebook.com\/profile.php?id=61581996146277\",\n \"https:\/\/www.instagram.com\/frigo_lock\"\n ],\n \"description\": \"System zabezpiecze\u0144 naczep ch\u0142odniczych zgodny z norm\u0105 TAPA TSR. Zamek FRIGO LOCK spe\u0142niaj\u0105cy wymagania TAPA TSR 1.\",\n \"keywords\": \"zabezpieczenie naczep ch\u0142odniczych, tapa tsr, zamek do naczep, system zabezpiecze\u0144, TAPA TSR 1\"\n }\n <\/script>\n\n <!-- JAVASCRIPT -->\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const buttons = document.querySelectorAll('.nav-simple');\n const navigation = document.querySelector('.section-navigation');\n \n buttons.forEach(button => {\n button.addEventListener('click', function() {\n const targetId = this.getAttribute('data-target');\n const element = document.getElementById(targetId);\n \n if (element) {\n element.scrollIntoView({ \n behavior: 'smooth',\n block: 'start'\n });\n \n buttons.forEach(btn => btn.classList.remove('active'));\n this.classList.add('active');\n }\n });\n });\n \n window.addEventListener('scroll', function() {\n const sections = ['section1', 'section2', 'section3', 'section4', 'section5'];\n const scrollPosition = window.scrollY + 100;\n \n let currentSection = 'section1';\n \n sections.forEach(sectionId => {\n const section = document.getElementById(sectionId);\n if (section && scrollPosition >= section.offsetTop) {\n currentSection = sectionId;\n }\n });\n \n buttons.forEach(button => {\n const targetId = button.getAttribute('data-target');\n button.classList.remove('active');\n if (targetId === currentSection) {\n button.classList.add('active');\n }\n });\n \n \/\/ NA MOBILE: nawigacja zawsze widoczna na dole\n if (window.innerWidth <= 768) {\n navigation.style.position = 'fixed';\n navigation.style.bottom = '15px';\n navigation.style.top = 'auto';\n navigation.style.left = '50%';\n navigation.style.right = 'auto';\n navigation.style.transform = 'translateX(-50%)';\n navigation.style.flexDirection = 'row';\n navigation.classList.remove('compact');\n navigation.style.zIndex = '999999'; \/\/ Bardzo wysoki z-index\n } else {\n \/\/ NA DESKTOP: normalne zachowanie\n if (scrollPosition > 500) {\n navigation.classList.add('compact');\n } else {\n navigation.classList.remove('compact');\n }\n navigation.style.zIndex = '9999'; \/\/ Normalny z-index\n }\n });\n \n \/\/ Usuni\u0119cie hover efekt\u00f3w na mobile\n if (window.innerWidth <= 768) {\n navigation.addEventListener('mouseenter', function() {\n \/\/ Nic nie r\u00f3b na mobile\n });\n \n navigation.addEventListener('mouseleave', function() {\n \/\/ Nic nie r\u00f3b na mobile\n });\n } else {\n \/\/ Na desktop zachowaj stare zachowanie\n navigation.addEventListener('mouseenter', function() {\n this.classList.remove('compact');\n });\n \n navigation.addEventListener('mouseleave', function() {\n if (window.scrollY > 500) {\n this.classList.add('compact');\n }\n });\n }\n \n \/\/ Funkcjonalno\u015b\u0107 kopiowania adres\u00f3w email\n const emailElements = document.querySelectorAll('.email-text');\n \n emailElements.forEach(emailElement => {\n emailElement.addEventListener('click', function() {\n const email = this.getAttribute('data-email');\n \n \/\/ Kopiowanie do schowka\n navigator.clipboard.writeText(email).then(() => {\n \/\/ Wizualna informacja o skopiowaniu\n const originalText = this.textContent;\n this.textContent = 'Skopiowano!';\n this.classList.add('email-copied');\n \n setTimeout(() => {\n this.textContent = originalText;\n this.classList.remove('email-copied');\n }, 2000);\n }).catch(err => {\n console.error('B\u0142\u0105d kopiowania do schowka: ', err);\n \/\/ Fallback dla przegl\u0105darek bez wsparcia clipboard API\n const textArea = document.createElement('textarea');\n textArea.value = email;\n document.body.appendChild(textArea);\n textArea.select();\n document.execCommand('copy');\n document.body.removeChild(textArea);\n \n const originalText = this.textContent;\n this.textContent = 'Skopiowano!';\n this.classList.add('email-copied');\n \n setTimeout(() => {\n this.textContent = originalText;\n this.classList.remove('email-copied');\n }, 2000);\n });\n });\n });\n \n \/\/ Inicjalne ustawienie nawigacji na mobile\n if (window.innerWidth <= 768) {\n navigation.style.position = 'fixed';\n navigation.style.bottom = '15px';\n navigation.style.top = 'auto';\n navigation.style.left = '50%';\n navigation.style.right = 'auto';\n navigation.style.transform = 'translateX(-50%)';\n navigation.style.flexDirection = 'row';\n navigation.classList.remove('compact');\n navigation.style.zIndex = '999999';\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>FRIGO LOCK – System zabezpiecze\u0144 naczep ch\u0142odniczych System zabezpiecze\u0144 naczep ch\u0142odniczych FRIGO LOCK Zabezpieczenie naczep ch\u0142odniczych zgodne z norm\u0105 TAPA TSR. Zamek do naczep ch\u0142odniczych spe\u0142niaj\u0105cy wymagania TAPA TSR 1. Profesjonalne systemy zabezpiecze\u0144 transportu ch\u0142odniczego. Zamki do naczep ch\u0142odniczych od FRIGO LOCK. TAPA TSR compliance – system zabezpiecze\u0144 naczep. Zamek spe\u0142niaj\u0105cy norm\u0119 TAPA dla naczep <a href=\"https:\/\/frigolock.com\/\" class=\"more-link\">…<span class=\"screen-reader-text\"> FRIGO LOCK<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/frigolock.com\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frigolock.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/frigolock.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/frigolock.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frigolock.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":16,"href":"https:\/\/frigolock.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":227,"href":"https:\/\/frigolock.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/227"}],"wp:attachment":[{"href":"https:\/\/frigolock.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}