{"id":6,"date":"2025-03-12T10:18:42","date_gmt":"2025-03-12T10:18:42","guid":{"rendered":"http:\/\/krawiecm.pl\/renomaHP\/?page_id=6"},"modified":"2025-08-23T00:24:29","modified_gmt":"2025-08-23T00:24:29","slug":"strona-glowna","status":"publish","type":"page","link":"https:\/\/krawiecm.pl\/renomaHP\/","title":{"rendered":"Strona G\u0142\u00f3wna"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6\" class=\"elementor elementor-6\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0079850 e-con-full e-flex e-con e-parent\" data-id=\"0079850\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcb7f39 elementor-pagination-type-bullets elementor-pagination-position-outside elementor-widget elementor-widget-n-carousel\" data-id=\"fcb7f39\" data-element_type=\"widget\" data-settings=\"{&quot;carousel_items&quot;:[{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;2990728&quot;},{&quot;slide_title&quot;:&quot;Slide #2&quot;,&quot;_id&quot;:&quot;8854f5c&quot;}],&quot;slides_to_show&quot;:&quot;1&quot;,&quot;slides_to_show_tablet&quot;:&quot;1&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;offset_sides&quot;:&quot;none&quot;,&quot;pagination&quot;:&quot;bullets&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"karuzela\" dir=\"ltr\">\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 2\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cf67ae0 e-con-full e-flex e-con e-child\" data-id=\"cf67ae0\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9500d6a e-con-full e-flex e-con e-child\" data-id=\"9500d6a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=YemY5D205hk&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\"><\/div>\n\t\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-5e7ccd4 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"5e7ccd4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Twoje Bezpiecze\u0144stwo<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-caa807d elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"caa807d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"> Nasz Priorytet<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7e1f8c elementor-widget elementor-widget-text-editor\" data-id=\"d7e1f8c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Profesjonalna ochrona os\u00f3b, mienia i obiekt\u00f3w 24\/7.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a483dc9 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"3a483dc9\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Kontakt<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"2\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 2\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2816bf1 e-con-full e-flex e-con e-child\" data-id=\"2816bf1\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9f7d153 e-con-full e-flex e-con e-child\" data-id=\"9f7d153\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=YemY5D205hk&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\"><\/div>\n\t\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-dba7ccd elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"dba7ccd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Twoje Bezpiecze\u0144stwo2<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f5144f elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"3f5144f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"> Nasz Priorytet<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d46e066 elementor-widget elementor-widget-text-editor\" data-id=\"d46e066\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Profesjonalna ochrona os\u00f3b, mienia i obiekt\u00f3w 24\/7.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ee47ba elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"3ee47ba\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Kontakt<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-56b6c45 e-con-full e-flex e-con e-parent\" data-id=\"56b6c45\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8cf564 elementor-widget elementor-widget-html\" data-id=\"f8cf564\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \r\n\r\n\/* ====== UTIL 1: wy\u0142\u0105cz \u201eSpace between widgets\u201d TYLKO dla wskazanych sekcji ====== *\/\r\n.no-gap-top,\r\n.no-gap-top > .e-con-inner{\r\n  \/* Flexbox Containers (nowy Elementor) *\/\r\n  --container-widget-space: 0px !important;\r\n  gap: 0 !important;             \/* row\/column gap *\/\r\n}\r\n\r\n\/* Wyzeruj margines pierwszego widgetu w kontenerze (Containers) *\/\r\n.no-gap-top > .e-con-inner > .elementor-widget:first-child,\r\n.no-gap-top > .e-con > .elementor-widget:first-child,\r\n.no-gap-top .e-con > .elementor-widget:first-child{\r\n  margin-top: 0 !important;\r\n}\r\n\r\n\/* Legacy uk\u0142ad (Columns) \u2013 je\u015bli gdzie\u015b jeszcze u\u017cywasz *\/\r\n.no-gap-top > .elementor-container > .elementor-column\r\n  > .elementor-widget-wrap > .elementor-widget:first-child{\r\n  margin-top: 0 !important;\r\n}\r\n\r\n\/* Zeruj ewentualne paddingi\/bordery dodane przez motyw\/kit *\/\r\n.no-gap-top.elementor-section{\r\n  padding-top: 0 !important;\r\n  border-top: 0 !important;\r\n}\r\n\r\n\/* ====== UTIL 2: bardzo subtelny separator 1px (sleek\/nowoczesny) ====== *\/\r\n\/* Dodaj klas\u0119 'hairline-divider' na SEKCJ\u0118 powy\u017cej *\/\r\n.hairline-divider{\r\n  position: relative;\r\n}\r\n.hairline-divider::after{\r\n  content:\"\";\r\n  position: absolute;\r\n  left: 0; right: 0; bottom: -1px;\r\n  height: 1px;\r\n  background: linear-gradient(90deg,\r\n    rgba(15,29,78,.04), rgba(15,29,78,.10), rgba(15,29,78,.04));\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\r\n\r\n  \r\n  \r\n  .security-hero{\r\n    --brand: #0f1d4e;\r\n    --cta:   #f19a00;\r\n    --text:  #1c2340;\r\n\r\n    \/* full width look *\/\r\n    max-width: none;\r\n    margin: 0;\r\n    border: 0; border-radius: 0; box-shadow: none;\r\n\r\n    padding: clamp(40px, 6vw, 84px) clamp(16px,6vw,64px);\r\n    background:\r\n      radial-gradient(1200px 600px at 12% -10%, rgba(241,154,0,.10), transparent 60%),\r\n      radial-gradient(1100px 600px at 88% 110%, rgba(15,29,78,.08), transparent 60%),\r\n      linear-gradient(#fbfdff,#f4f7fb);\r\n  }\r\n  .security-hero__wrap{\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 1fr;\r\n    gap: clamp(24px, 5vw, 60px);\r\n    align-items: center;\r\n  }\r\n  @media (max-width: 900px){\r\n    .security-hero__wrap{ grid-template-columns: 1fr; }\r\n  }\r\n\r\n  .mosaic{\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 18px;\r\n  }\r\n  .mosaic__item{\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 14px;\r\n    aspect-ratio: 4\/3;\r\n    background: #eaeef5;\r\n    box-shadow: 0 8px 18px rgba(15,29,78,.12);\r\n  }\r\n  .mosaic__item:nth-child(2){ transform: translateY(10%); }\r\n  .mosaic__item:nth-child(3){ transform: translateY(-6%); }\r\n  .mosaic__item:nth-child(4){ transform: translateY(4%); }\r\n  .mosaic__img{\r\n    width:100%; height:100%; object-fit:cover;\r\n    transform: scale(1.03);\r\n    transition: transform .7s ease, filter .4s ease;\r\n    filter: saturate(95%) contrast(105%);\r\n  }\r\n  .mosaic__item:hover .mosaic__img{ transform: scale(1.08); filter: saturate(105%) contrast(110%); }\r\n\r\n  .hero-content{ padding: clamp(20px, 3vw, 28px); }\r\n  .hero-eyebrow{\r\n    display:inline-block; font-weight:700; letter-spacing:.08em;\r\n    font-size:.85rem; text-transform:uppercase; color:var(--cta); margin-bottom:.5rem;\r\n  }\r\n  .hero-title{ margin:0 0 .6rem 0; font-size:clamp(30px,4.2vw,56px); line-height:1.06; color:var(--brand); }\r\n  .hero-text{ color:var(--text); font-size:clamp(15px,1.3vw,18px); line-height:1.65; max-width:50ch; margin:0 0 1.4rem 0; }\r\n\r\n  .hero-cta{\r\n    display:inline-flex; align-items:center; gap:.6rem;\r\n    padding:12px 22px; border-radius:999px; background:var(--cta); color:#fff; font-weight:700; text-decoration:none;\r\n    box-shadow: 0 8px 18px rgba(241,154,0,.35);\r\n    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\r\n  }\r\n  .hero-cta:hover{ transform: translateY(-2px); box-shadow: 0 12px 24px rgba(241,154,0,.42); }\r\n  .hero-cta:focus-visible{ outline:3px solid rgba(241,154,0,.8); outline-offset:2px; }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .mosaic__img, .hero-cta, .usluga, .usluga::before, .usluga::after,\r\n    .usluga__tytul, .usluga__opis{ transition: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"security-hero\">\r\n  <div class=\"security-hero__wrap\">\r\n    <!-- Lewa kolumna \u2013 mozaika -->\r\n    <div class=\"mosaic\" aria-hidden=\"true\">\r\n      <figure class=\"mosaic__item\">\r\n        <img decoding=\"async\" class=\"mosaic__img\" src=\"https:\/\/krawiecm.pl\/renomaHP\/wp-content\/uploads\/2025\/03\/kamera_cctv_bimg-1024x768.jpg\" alt=\"\">\r\n      <\/figure>\r\n      <figure class=\"mosaic__item\">\r\n        <img decoding=\"async\" class=\"mosaic__img\" src=\"https:\/\/krawiecm.pl\/renomaHP\/wp-content\/uploads\/2025\/04\/household-security-camera-3-e1743707744959-768x768.jpg\" alt=\"\">\r\n      <\/figure>\r\n      <figure class=\"mosaic__item\">\r\n        <img decoding=\"async\" class=\"mosaic__img\" src=\"https:\/\/krawiecm.pl\/renomaHP\/wp-content\/uploads\/2025\/04\/Business-security-camera-2.jpg\" alt=\"\">\r\n      <\/figure>\r\n      <figure class=\"mosaic__item\">\r\n        <img decoding=\"async\" class=\"mosaic__img\" src=\"https:\/\/krawiecm.pl\/renomaHP\/wp-content\/uploads\/2025\/04\/monitorng-1024x683.jpg\" alt=\"\">\r\n      <\/figure>\r\n    <\/div>\r\n\r\n    <!-- Prawa kolumna \u2013 tre\u015b\u0107 -->\r\n    <div class=\"hero-content\">\r\n      <span class=\"hero-eyebrow\">Bezpiecze\u0144stwo 24\/7<\/span>\r\n      <h2 class=\"hero-title\">Monitoring i systemy alarmowe<\/h2>\r\n      <p class=\"hero-text\">\r\n        Oferujemy nowoczesne systemy monitoringu i alarmowe, dostosowane do ochrony dom\u00f3w,\r\n        firm i obiekt\u00f3w przemys\u0142owych. Zapewniamy niezawodno\u015b\u0107, szybki czas reakcji oraz\r\n        pe\u0142ne wsparcie techniczne, dbaj\u0105c o Twoje bezpiecze\u0144stwo ka\u017cdego dnia.\r\n      <\/p>\r\n      <a class=\"hero-cta\" href=\"#kontakt\" aria-label=\"Poznaj nasz\u0105 ofert\u0119 \u2013 przejd\u017a do kontaktu\">\r\n        Poznaj nasz\u0105 ofert\u0119\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h12M13 6l6 6-6 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7555997f e-con-full e-flex e-con e-parent\" data-id=\"7555997f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9921781 elementor-widget elementor-widget-html\" data-id=\"9921781\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* ===== Opinie \u2013 ciemny pas + jasne karty + akcent i animacje ===== *\/\r\n  .opinie-band{\r\n    --brand:#0f1d4e;\r\n    --text:#27304d;\r\n    --muted:#6f7a96;\r\n    --accent:#f19a00;\r\n    --radius:16px;\r\n\r\n    padding: clamp(64px,8vw,110px) 0 clamp(72px,9vw,130px);\r\n    background:\r\n      radial-gradient(1000px 500px at 10% -10%, rgba(255,255,255,.06), transparent 55%),\r\n      radial-gradient(900px 500px at 90% 110%, rgba(255,255,255,.05), transparent 55%),\r\n      linear-gradient(180deg,#0f1d4e 0%, #1c2340 100%);\r\n  }\r\n  .opinie-wrap{\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 clamp(16px,4vw,24px);\r\n  }\r\n\r\n  .opinie-title{\r\n    margin: 0 0 clamp(32px,3.4vw,46px);\r\n    text-align: center;\r\n    font-size: clamp(28px,3.8vw,48px);\r\n    line-height: 1.1;\r\n    color: #fff;\r\n    letter-spacing: .2px;\r\n    position: relative;\r\n  }\r\n  .opinie-title::after{\r\n    content:\"\";\r\n    display:block;\r\n    height:4px;\r\n    width: clamp(90px,10vw,140px);\r\n    margin: clamp(10px,1.8vw,16px) auto 0;\r\n    border-radius: 999px;\r\n    background: linear-gradient(90deg, var(--accent), #ffb23a);\r\n    box-shadow: 0 6px 18px rgba(241,154,0,.35);\r\n  }\r\n\r\n  .opinie-grid{\r\n    display: grid;\r\n    grid-template-columns: repeat(3,1fr);\r\n    gap: clamp(18px,2.8vw,32px);\r\n    margin-top: clamp(8px,1.6vw,12px);\r\n  }\r\n  @media (max-width: 900px){ .opinie-grid{ grid-template-columns: 1fr; } }\r\n\r\n  .opinia-card{\r\n    position: relative;\r\n    background: #fff;\r\n    border-radius: var(--radius);\r\n    box-shadow: 0 18px 34px rgba(0,0,0,.25);\r\n    border: 1px solid rgba(15,29,78,.08);\r\n    padding: clamp(18px,2.4vw,24px);\r\n    min-height: 220px;\r\n    transition: transform .25s ease, box-shadow .25s ease;\r\n    will-change: transform; \/* smooth hover *\/\r\n  }\r\n  .opinia-card::before{\r\n    content:\"\";\r\n    position:absolute; left:0; top:0; right:0; height:3px;\r\n    border-top-left-radius: var(--radius);\r\n    border-top-right-radius: var(--radius);\r\n    background: linear-gradient(90deg, var(--accent), #ffb23a);\r\n  }\r\n  .opinia-card:hover{\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 22px 42px rgba(0,0,0,.32);\r\n  }\r\n\r\n  \/* Inner wrapper gets the entrance animation \u2013 not the card *\/\r\n  .opinia-in{\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n    animation: opinie-fadeup .6s ease forwards;\r\n  }\r\n  .opinia-card:nth-child(1) .opinia-in{ animation-delay: .05s; }\r\n  .opinia-card:nth-child(2) .opinia-in{ animation-delay: .15s; }\r\n  .opinia-card:nth-child(3) .opinia-in{ animation-delay: .25s; }\r\n\r\n  .opinia-quote{\r\n    position: relative;\r\n    margin: 0 0 14px 0;\r\n    color: var(--text);\r\n    font-size: clamp(15px,1.25vw,17px);\r\n    line-height: 1.7;\r\n  }\r\n  .opinia-quote::before{\r\n    content:\"\u201c\";\r\n    position:absolute; left:-6px; top:-12px;\r\n    font-size: 44px; line-height:1;\r\n    color: rgba(241,154,0,.35);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .opinia-footer{\r\n    display:flex; align-items:center; gap:12px;\r\n    margin-top: 18px;\r\n  }\r\n  .opinia-avatar{\r\n    width:44px; height:44px; border-radius:50%;\r\n    object-fit: cover; background:#e9eef6;\r\n    box-shadow: 0 4px 10px rgba(15,29,78,.12) inset;\r\n  }\r\n  .opinia-name{ margin:0; font-weight:700; color: var(--brand); }\r\n  .opinia-role{ margin:2px 0 0; font-size:14px; color: var(--muted); }\r\n\r\n  \/* keyframes *\/\r\n  @keyframes opinie-fadeup{\r\n    to{ opacity:1; transform: translateY(0); }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .opinia-in{ animation:none !important; opacity:1 !important; transform:none !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"opinie-band\">\r\n  <div class=\"opinie-wrap\">\r\n    <h2 class=\"opinie-title\">Opinie naszych klient\u00f3w<\/h2>\r\n\r\n    <div class=\"opinie-grid\">\r\n      <!-- Opinia 1 -->\r\n      <article class=\"opinia-card\">\r\n        <div class=\"opinia-in\">\r\n          <p class=\"opinia-quote\">\r\n            \u201eMiejsce przyjazne dla klient\u00f3w system\u00f3w alarmowych. Dla nowych klient\u00f3w daj\u0105 rabat na us\u0142ugi. Panowie z ochrony maj\u0105 du\u017ce do\u015bwiadczenie dlatego te\u017c warto poleci\u0107 t\u0105 firm\u0119. Chcesz mie\u0107 kamery z widokiem np na gara\u017c, przyjad\u0105 panowie zrobi\u0105 wszystko elegancko. Firma zatrudnia tak\u017ce osoby niepe\u0142nosprawne co jest szlachetne gdy\u017c osoby te otrzymuj\u0105 mo\u017cliwo\u015b\u0107 przebywania mi\u0119dzy ludzmi co na pewno wp\u0142ywa pozytywnie na ich w\u0142asne samopoczucie.\u201d\r\n          <\/p>\r\n          <div class=\"opinia-footer\">\r\n            <img decoding=\"async\" class=\"opinia-avatar\" src=\"https:\/\/placehold.co\/88x88\/png\" alt=\"\">\r\n            <div>\r\n              <p class=\"opinia-name\">Sebastian Grajdek<\/p>\r\n              <p class=\"opinia-role\">Klient indywidualny<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Opinia 2 -->\r\n      <article class=\"opinia-card\">\r\n        <div class=\"opinia-in\">\r\n          <p class=\"opinia-quote\">\r\n            \u201eJestem w\u0142a\u015bcicielem sklepu jubilerskiego w B\u0119dzinie i po negatywnej wsp\u00f3\u0142pracy z warszawsk\u0105 korporacj\u0105 zdecydowa\u0142em si\u0119 na przej\u015bcie do RENOMY. Zamontowali u mnie kamery w ca\u0142ym salonie - dok\u0142adnie pod k\u0105tem wszystkich witryn i newralgicznych miejsc, a jednocze\u015bnie z zachowaniem eleganckiego charakteru wn\u0119trza. \r\n            <\/p>\r\n          <div class=\"opinia-footer\">\r\n            <img decoding=\"async\" class=\"opinia-avatar\" src=\"https:\/\/placehold.co\/88x88\/png\" alt=\"\">\r\n            <div>\r\n              <p class=\"opinia-name\">Adam<\/p>\r\n              <p class=\"opinia-role\">W\u0142a\u015bciciel Salonu Jubilerskiego<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Opinia 3 -->\r\n      <article class=\"opinia-card\">\r\n        <div class=\"opinia-in\">\r\n          <p class=\"opinia-quote\">\r\n            \u201eDzi\u0119ki ochronie nasza firma dzia\u0142a bez zak\u0142\u00f3ce\u0144. Profesjonalne podej\u015bcie,\r\n            elastyczno\u015b\u0107 i skuteczno\u015b\u0107 sprawiaj\u0105, \u017ce czujemy si\u0119 bezpiecznie ka\u017cdego dnia.\u201d\r\n          <\/p>\r\n          <div class=\"opinia-footer\">\r\n            <img decoding=\"async\" class=\"opinia-avatar\" src=\"https:\/\/placehold.co\/88x88\/png\" alt=\"\">\r\n            <div>\r\n              <p class=\"opinia-name\">Imi\u0119 Nazwisko<\/p>\r\n              <p class=\"opinia-role\">Firma \/ stanowisko<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b94176 e-con-full e-flex e-con e-parent\" data-id=\"8b94176\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24c946d elementor-widget elementor-widget-html\" data-id=\"24c946d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* Layout helper *\/\r\n  .container{\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 clamp(16px,4vw,24px);\r\n  }\r\n\r\n  \/* ===== Section wrapper (light band) ===== *\/\r\n  .uslugi-band{\r\n    padding: clamp(38px, 5.5vw, 68px) 0 clamp(28px, 4vw, 40px);\r\n    background: linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%);\r\n  }\r\n\r\n  \/* ===== Heading + accent ===== *\/\r\n  .uslugi-header{ text-align:center; }\r\n  .uslugi-title{\r\n    margin: 0;\r\n    font-size: clamp(32px, 4.5vw, 56px);\r\n    line-height: 1.06;\r\n    color: #0f1d4e;\r\n    letter-spacing: .2px;\r\n  }\r\n  .uslugi-subtitle{\r\n    margin: 0.5rem auto;\r\n    color: #5c6788;\r\n    font-size: clamp(17px,1.5vw,20px);\r\n    max-width: 1200px;\r\n  }\r\n  .uslugi-title.uslugi-section-title{\r\n    position: relative;\r\n    margin-bottom: clamp(14px,2vw,18px);\r\n  }\r\n  .uslugi-title.uslugi-section-title::after{\r\n    content:\"\";\r\n    display:block;\r\n    width: clamp(90px,10vw,140px);\r\n    height:4px;\r\n    margin: .6rem auto 0;\r\n    border-radius:999px;\r\n    background: linear-gradient(90deg,#f19a00,#ffb23a);\r\n    box-shadow: 0 6px 18px rgba(241,154,0,.35);\r\n  }\r\n\r\n  \/* ===== GRID ===== *\/\r\n  .uslugi-grid{\r\n    --sep: 10px;\r\n    --tile-min-h: 300px;\r\n    --overlay: rgba(0,0,0,.60);\r\n    --overlay-hover: rgba(0,0,0,.78);\r\n\r\n    display:grid;\r\n    grid-template-columns: repeat(2,1fr);\r\n    gap: var(--sep);\r\n    background:#e9eaef;           \/* separator color *\/\r\n    border-radius:16px;\r\n    overflow:hidden;\r\n    box-shadow: 0 14px 30px rgba(15,29,78,.08);\r\n  }\r\n  @media (max-width: 768px){\r\n    .uslugi-grid{ grid-template-columns:1fr; --tile-min-h:240px; }\r\n  }\r\n\r\n  \/* ===== TILE ===== *\/\r\n  .usluga{\r\n    position:relative;\r\n    display:block;\r\n    min-height:var(--tile-min-h);\r\n    color:#fff;\r\n    text-decoration:none;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n    transition: transform .35s ease;\r\n  }\r\n  .usluga:hover{ transform: translateY(-2px); }\r\n\r\n  \/* background image *\/\r\n  .usluga::before{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background-size:cover;\r\n    background-position:center;\r\n    z-index:0;\r\n    transition: transform .6s ease;\r\n  }\r\n  .usluga:hover::before{ transform: scale(1.05); }\r\n\r\n  \/* dark overlay *\/\r\n  .usluga::after{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background: var(--overlay);\r\n    backdrop-filter: blur(1.2px);\r\n    -webkit-backdrop-filter: blur(1.2px);\r\n    z-index:1;\r\n    transition: background .35s ease, backdrop-filter .35s ease;\r\n  }\r\n  .usluga:hover::after{\r\n    background: var(--overlay-hover);\r\n    backdrop-filter: blur(2px);\r\n    -webkit-backdrop-filter: blur(2px);\r\n  }\r\n\r\n  \/* content *\/\r\n  .usluga__content{\r\n    position:relative; z-index:2;\r\n    height:100%; width:100%;\r\n    display:flex; flex-direction:column;\r\n    justify-content:center; align-items:center;\r\n    text-align:center;\r\n    padding:24px;\r\n    text-shadow:0 2px 6px rgba(0,0,0,.45);\r\n    overflow:hidden;\r\n  }\r\n\r\n  .usluga__tytul, .usluga__opis{ color:#fff; }\r\n\r\n  .usluga__tytul{\r\n    margin:0;\r\n    font-size: clamp(20px, 2.4vw, 28px);\r\n    font-weight:700;\r\n    line-height:1.2;\r\n    padding:.35em .7em;                 \/* readable \u201cpill\u201d *\/\r\n    border-radius:10px;\r\n    background: rgba(0,0,0,.28);\r\n    transition: transform .35s ease, background .25s ease;\r\n  }\r\n  .usluga:hover .usluga__tytul{ transform: translateY(-8px); background: rgba(0,0,0,.36); }\r\n\r\n  .usluga__opis{\r\n    margin-top:14px;\r\n    font-size:16px; line-height:1.4;\r\n    opacity:0; max-height:0; overflow:hidden;\r\n    transform: translateY(6px);\r\n    transition: opacity .4s ease, max-height .4s ease, transform .4s ease;\r\n  }\r\n  .usluga:hover .usluga__opis{ opacity:1; max-height:220px; transform: translateY(0); }\r\n\r\n  \/* focus \/ accessibility *\/\r\n  .usluga:focus-visible{\r\n    outline:3px solid #fff; outline-offset:-3px;\r\n    box-shadow: 0 0 0 3px rgba(241,154,0,.8) inset;\r\n  }\r\n\r\n  \/* mobile: soften hover effects *\/\r\n  @media (hover:none){\r\n    .usluga:hover{ transform:none; }\r\n    .usluga:hover::before{ transform:none; }\r\n  }\r\n\r\n  \/* Image sources + fine positioning on 2 tiles *\/\r\n  .bg-1::before{ background-image:url('https:\/\/krawiecm.pl\/renomaHP\/wp-content\/uploads\/2025\/04\/Business-security-camera.jpg'); background-position:45% 40%; }\r\n  .bg-2::before{ background-image:url('https:\/\/krawiecm.pl\/renomaHP\/wp-content\/uploads\/2025\/04\/household-security-camera-768x768.jpg'); }\r\n  .bg-3::before{ background-image:url('https:\/\/krawiecm.pl\/renomaHP\/wp-content\/uploads\/2025\/04\/Construction-site-security-camera-768x768.jpg'); background-position:55% 45%; }\r\n  .bg-4::before{ background-image:url('https:\/\/krawiecm.pl\/renomaHP\/wp-content\/uploads\/2025\/04\/Event-security-768x768.jpg'); }\r\n\r\n  \/* Reduced motion *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    .usluga, .usluga::before, .usluga::after,\r\n    .usluga__tytul, .usluga__opis{ transition:none !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"uslugi-band\" id=\"uslugi-ochroniarskie\">\r\n  <div class=\"container\">\r\n    <header class=\"uslugi-header\">\r\n      <h2 class=\"uslugi-title uslugi-section-title\">Us\u0142ugi Ochroniarskie<\/h2>\r\n      <p class=\"uslugi-subtitle\">\r\n        Oferujemy ochron\u0119 fizyczn\u0105, monitoring, systemy alarmowe oraz zabezpieczenie obiekt\u00f3w i wydarze\u0144\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"uslugi-grid\">\r\n      <a class=\"usluga bg-1\" href=\"LINK_1\" aria-label=\"Ochrona Firm\">\r\n        <div class=\"usluga__content\">\r\n          <h3 class=\"usluga__tytul\">Ochrona Firm<\/h3>\r\n          <p class=\"usluga__opis\">Chronimy Twoj\u0105 firm\u0119 przed zagro\u017ceniami, zapewniaj\u0105c sta\u0142y nadz\u00f3r i profesjonaln\u0105 ochron\u0119.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a class=\"usluga bg-2\" href=\"LINK_2\" aria-label=\"Ochrona domostw\">\r\n        <div class=\"usluga__content\">\r\n          <h3 class=\"usluga__tytul\">Ochrona domostw<\/h3>\r\n          <p class=\"usluga__opis\">Zabezpieczamy Tw\u00f3j dom przed w\u0142amaniami i zagro\u017ceniami, gwarantuj\u0105c spok\u00f3j i bezpiecze\u0144stwo.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a class=\"usluga bg-3\" href=\"LINK_3\" aria-label=\"Ochrona plac\u00f3w budowy\">\r\n        <div class=\"usluga__content\">\r\n          <h3 class=\"usluga__tytul\">Ochrona plac\u00f3w budowy<\/h3>\r\n          <p class=\"usluga__opis\">Zapobiegamy kradzie\u017com i aktom wandalizmu, dbaj\u0105c o bezpiecze\u0144stwo sprz\u0119tu i materia\u0142\u00f3w.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a class=\"usluga bg-4\" href=\"LINK_4\" aria-label=\"Ochrona imprez masowych\">\r\n        <div class=\"usluga__content\">\r\n          <h3 class=\"usluga__tytul\">Ochrona imprez masowych<\/h3>\r\n          <p class=\"usluga__opis\">Zajmujemy si\u0119 profesjonalnym zabezpieczeniem imprez, dbaj\u0105c o porz\u0105dek i bezpiecze\u0144stwo uczestnik\u00f3w.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-642e0de e-con-full e-flex e-con e-parent\" data-id=\"642e0de\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfadaef elementor-widget elementor-widget-html\" data-id=\"bfadaef\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .oferta-band{\r\n    --brand:#0f1d4e; --text:#27304d; --muted:#6f7a96; --accent:#f19a00; --radius:16px;\r\n    padding: clamp(44px,6.5vw,80px) 0;\r\n    background: linear-gradient(180deg,#ffffff 0%, #f7f9fc 100%);\r\n  }\r\n  .oferta-wrap{ max-width:1200px; margin:0 auto; padding:0 clamp(16px,4vw,24px); }\r\n\r\n  .oferta-head{\r\n    display:grid; gap:.6rem; grid-template-columns:1.1fr 1.9fr; align-items:start;\r\n    margin-bottom: clamp(16px,2.8vw,28px);\r\n  }\r\n  @media (max-width:900px){ .oferta-head{ grid-template-columns:1fr; } }\r\n  .oferta-title{ margin:0; color:#0f1d4e; font-size:clamp(28px,4.4vw,44px); line-height:1.1; }\r\n  .oferta-lead{ margin:.2rem 0 0; color:#6f7a96; font-size:clamp(14px,1.2vw,16px); line-height:1.7; max-width:60ch; }\r\n\r\n  \/* SCROLLER *\/\r\n  .oferta-scroller-wrap{ position:relative; z-index:1; } \/* podbity z-index *\/\r\n  .oferta-scroller{\r\n    display:flex; gap: clamp(14px,2vw,18px);\r\n    overflow:auto; scroll-snap-type:x mandatory; scroll-padding: 10px;\r\n    padding: 6px 10px 18px;\r\n    -webkit-overflow-scrolling: touch;\r\n    scrollbar-width: none;\r\n  }\r\n  .oferta-scroller::-webkit-scrollbar{ display:none; height:0; }\r\n\r\n  .oferta-card{\r\n    position: relative;       \/* dla z-index i hover *\/\r\n    z-index: 1;               \/* poni\u017cej strza\u0142ek *\/\r\n    scroll-snap-align:start;\r\n    min-width: clamp(260px, 42vw, 360px);\r\n    background:#fff; border-radius:var(--radius);\r\n    border:1px solid rgba(15,29,78,.08);\r\n    box-shadow:0 14px 30px rgba(15,29,78,.10);\r\n    padding: clamp(18px,2.2vw,22px);\r\n    transition: transform .25s ease, box-shadow .25s ease;\r\n  }\r\n  .oferta-card:hover{ transform:translateY(-4px); box-shadow:0 20px 40px rgba(15,29,78,.16); }\r\n\r\n  .oferta-icon{\r\n    width:56px; height:56px; display:grid; place-items:center; border-radius:50%;\r\n    background: radial-gradient(120% 120% at 30% 20%, #ffd28a, #f19a00); color:#fff;\r\n    box-shadow:0 6px 18px rgba(241,154,0,.35); margin-bottom:12px;\r\n  }\r\n  .oferta-icon svg{ width:26px; height:26px; }\r\n  .oferta-card h3{ margin:.2rem 0 .35rem; font-size:clamp(18px,2vw,20px); color:#0f1d4e; }\r\n  .oferta-card p{ margin:0; color:#27304d; font-size:15px; line-height:1.6; }\r\n\r\n  \/* === SIDE ARROWS \u2013 bli\u017cej kraw\u0119dzi, mniejsze, zawsze nad kafelkami === *\/\r\n  .oferta-nav{\r\n    position:absolute; top:50%;\r\n    left:-16px;                 \/* bli\u017cej kraw\u0119dzi ekranu *\/\r\n    right:-16px;\r\n    display:flex; justify-content:space-between; align-items:center;\r\n    padding:0 4px;\r\n    transform: translateY(-50%);\r\n    pointer-events:none;        \/* tylko przyciski \u0142api\u0105 eventy *\/\r\n    z-index: 20;                \/* nad kartami *\/\r\n  }\r\n  .oferta-btn{\r\n    pointer-events:auto; border:none; cursor:pointer;\r\n    width:40px; height:40px;    \/* mniejsze *\/\r\n    border-radius:999px; display:grid; place-items:center;\r\n    background:#fff; color:#0f1d4e; border:1px solid rgba(15,29,78,.08);\r\n    box-shadow:0 10px 22px rgba(15,29,78,.18);\r\n    transition: transform .15s ease, box-shadow .15s ease;\r\n  }\r\n  .oferta-btn:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(15,29,78,.24); }\r\n  .oferta-btn:focus-visible{ outline:3px solid rgba(241,154,0,.9); outline-offset:2px; }\r\n  .oferta-btn svg{ width:18px; height:18px; }\r\n  @media (max-width:480px){\r\n    .oferta-btn{ width:44px; height:44px; } \/* lepszy tap target *\/\r\n  }\r\n\r\n  \/* dots *\/\r\n  .oferta-dots{ display:flex; justify-content:center; gap:10px; margin-top:12px; }\r\n  .oferta-dot{\r\n    width:8px; height:8px; border-radius:999px; border:none; padding:0; cursor:pointer;\r\n    background:rgba(15,29,78,.25); transition: width .2s ease, background .2s ease;\r\n  }\r\n  .oferta-dot.is-active{\r\n    width:22px; background: linear-gradient(90deg,#f19a00,#ffb23a);\r\n    box-shadow:0 6px 12px rgba(241,154,0,.35);\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .oferta-card, .oferta-btn, .oferta-dot{ transition:none !important; }\r\n    .oferta-scroller{ scroll-behavior:auto !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"oferta-band\" aria-labelledby=\"oferta-heading\">\r\n  <div class=\"oferta-wrap\">\r\n    <div class=\"oferta-head\">\r\n      <h2 id=\"oferta-heading\" class=\"oferta-title\">Nasza Oferta<\/h2>\r\n      <p class=\"oferta-lead\">Zapewniamy kompleksow\u0105 ochron\u0119 opart\u0105 na nowoczesnych rozwi\u0105zaniach, kt\u00f3re zwi\u0119kszaj\u0105 bezpiecze\u0144stwo, minimalizuj\u0105 ryzyko i daj\u0105 pe\u0142n\u0105 kontrol\u0119 nad Twoim mieniem.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"oferta-scroller-wrap\">\r\n      <div class=\"oferta-nav\" aria-hidden=\"true\">\r\n        <button class=\"oferta-btn\" type=\"button\" data-prev aria-label=\"Poprzednie\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M15.5 4.5a1 1 0 0 1 0 1.4L10.4 11l5.1 5.1a1 1 0 0 1-1.4 1.4l-5.8-5.8a1 1 0 0 1 0-1.4l5.8-5.8a1 1 0 0 1 1.4 0z\"\/><\/svg>\r\n        <\/button>\r\n        <button class=\"oferta-btn\" type=\"button\" data-next aria-label=\"Nast\u0119pne\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8.5 19.5a1 1 0 0 1 0-1.4L13.6 13 8.5 7.9a1 1 0 0 1 1.4-1.4l5.8 5.8a1 1 0 0 1 0 1.4l-5.8 5.8a1 1 0 0 1-1.4 0z\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"oferta-scroller\" role=\"list\" aria-label=\"Lista ofert \u2013 przewijana poziomo\" tabindex=\"0\">\r\n        <article class=\"oferta-card\" role=\"listitem\">\r\n          <div class=\"oferta-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21.7 20.3l-3.6-3.6a8.5 8.5 0 10-1.4 1.4l3.6 3.6a1 1 0 001.4-1.4zM10.5 17a6.5 6.5 0 110-13 6.5 6.5 0 010 13zm0-10a3.5 3.5 0 100 7 3.5 3.5 0 000-7z\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Monitoring GPS<\/h3>\r\n          <p>Monitoring GPS floty to pe\u0142na kontrola nad pojazdami w czasie rzeczywistym - precyzyjne lokalizowanie, optymalizacja tras i natychmiastowe reagowanie, aby zwi\u0119kszy\u0107 bezpiecze\u0144stwo i efektywno\u015b\u0107 Twojej firmy.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"oferta-card\" role=\"listitem\">\r\n          <div class=\"oferta-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 22a10 10 0 110-20 10 10 0 010 20zm-1-6a1 1 0 102 0 1 1 0 00-2 0zm.2-9h1.6c.4 0 .7.3.7.7l-.4 6a.7.7 0 01-.7.7h-1.2a.7.7 0 01-.7-.7l-.4-6c0-.4.3-.7.7-.7z\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Systemy Alarmowe<\/h3>\r\n          <p>Nowoczesne systemy wykrywania zagro\u017ce\u0144, natychmiastowe powiadomienia i integracje \u2013 maksymalna ochrona obiekt\u00f3w 24\/7.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"oferta-card\" role=\"listitem\">\r\n          <div class=\"oferta-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17 9h-1V7a4 4 0 10-8 0v2H7a2 2 0 00-2 2v8a2 2 0 002 2h10a2 2 0 002-2v-8a2 2 0 00-2-2zm-6 0V7a2 2 0 114 0v2h-4z\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Kontrola Dost\u0119pu<\/h3>\r\n          <p>Elektroniczne systemy wej\u015b\u0107 i uprawnie\u0144 \u2013 bezpieczne identyfikowanie, rejestrowanie i zarz\u0105dzanie ruchem w obiekcie.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"oferta-card\" role=\"listitem\">\r\n          <div class=\"oferta-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16 11a4 4 0 10-3.999-4A4 4 0 0016 11zM8 13a4 4 0 10-4-4 4 4 0 004 4zm8 2a6 6 0 00-6 6h12a6 6 0 00-6-6zM8 15a6 6 0 00-6 6h6.5a7.5 7.5 0 00-.5-6z\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Ochrona Fizyczna<\/h3>\r\n          <p>Profesjonalne patrole, sta\u0142a ochrona i szybka reakcja interwencyjna \u2013 bezpiecze\u0144stwo ludzi i mienia bez kompromis\u00f3w.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"oferta-card\" role=\"listitem\">\r\n          <div class=\"oferta-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 6h-2.6l-1-2.3A2 2 0 0014.6 3H9.4a2 2 0 00-1.8 1.2L6.6 6H4a2 2 0 00-2 2v9a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2zm-8 11a5 5 0 110-10 5 5 0 010 10zm0-2.2A2.8 2.8 0 1012 9a2.8 2.8 0 000 5.8z\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Monitoring Wizyjny<\/h3>\r\n          <p>Ca\u0142odobowy monitoring wizyjny to skuteczna ochrona Twojego obiektu \u2013 nowoczesne kamery, inteligentna analiza zagro\u017ce\u0144 i b\u0142yskawiczna reakcja naszych specjalist\u00f3w zapewni\u0105 bezpiecze\u0144stwo na najwy\u017cszym poziomie.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"oferta-dots\" role=\"tablist\" aria-label=\"Strony karuzeli\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(() => {\r\n  const section = document.currentScript.previousElementSibling;\r\n  const scroller = section.querySelector('.oferta-scroller');\r\n  const prev = section.querySelector('[data-prev]');\r\n  const next = section.querySelector('[data-next]');\r\n  const dotsWrap = section.querySelector('.oferta-dots');\r\n  const cards = [...section.querySelectorAll('.oferta-card')];\r\n\r\n  let step = 0, perPage = 1, pages = 1, pageOffsets = [];\r\n\r\n  function measure(){\r\n    const gap = parseFloat(getComputedStyle(scroller).gap) || 0;\r\n    const cardW = cards[0]?.getBoundingClientRect().width || 0;\r\n    step = cardW + gap;\r\n    perPage = Math.max(1, Math.floor((scroller.clientWidth + gap * .05) \/ step));\r\n    pages = Math.max(1, Math.ceil(cards.length \/ perPage));\r\n    pageOffsets = [];\r\n    for(let i=0;i<pages;i++){\r\n      const startIdx = Math.min(i*perPage, cards.length-1);\r\n      const x = cards[startIdx].offsetLeft;\r\n      pageOffsets.push(Math.min(x, scroller.scrollWidth - scroller.clientWidth));\r\n    }\r\n    buildDots();\r\n    updateDots(true);\r\n  }\r\n\r\n  function buildDots(){\r\n    dotsWrap.innerHTML = '';\r\n    for(let i=0;i<pages;i++){\r\n      const b = document.createElement('button');\r\n      b.className='oferta-dot'; b.type='button';\r\n      b.setAttribute('role','tab');\r\n      b.setAttribute('aria-label',`Id\u017a do strony ${i+1}`);\r\n      b.addEventListener('click', ()=> scrollToPage(i));\r\n      dotsWrap.appendChild(b);\r\n    }\r\n  }\r\n\r\n  function currentPage(){\r\n    const x = scroller.scrollLeft;\r\n    let best = 0, bestDist = Infinity;\r\n    pageOffsets.forEach((off,i)=>{ const d=Math.abs(off-x); if(d<bestDist){ best=i; bestDist=d; }});\r\n    return best;\r\n  }\r\n\r\n  function updateDots(force=false){\r\n    const idx = currentPage();\r\n    if(!force && dotsWrap.querySelector('.is-active')?.dataset.idx == idx) return;\r\n    dotsWrap.querySelectorAll('.oferta-dot').forEach((d,i)=>{\r\n      d.classList.toggle('is-active', i===idx);\r\n      d.dataset.idx = i;\r\n      d.setAttribute('aria-selected', i===idx ? 'true' : 'false');\r\n      if(i===idx) d.setAttribute('aria-current','true'); else d.removeAttribute('aria-current');\r\n    });\r\n  }\r\n\r\n  function scrollToPage(i){\r\n    scroller.scrollTo({ left: pageOffsets[i], behavior:'smooth' });\r\n  }\r\n  function go(dir){\r\n    const idx = currentPage();\r\n    const nextIdx = Math.max(0, Math.min(pages-1, idx + dir));\r\n    scrollToPage(nextIdx);\r\n  }\r\n\r\n  prev?.addEventListener('click', ()=> go(-1));\r\n  next?.addEventListener('click', ()=> go(1));\r\n\r\n  let raf;\r\n  scroller.addEventListener('scroll', ()=>{\r\n    cancelAnimationFrame(raf);\r\n    raf = requestAnimationFrame(()=> updateDots());\r\n  });\r\n\r\n  window.addEventListener('resize', measure, { passive:true });\r\n\r\n  measure();\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2340fdc e-con-full e-flex e-con e-parent\" data-id=\"2340fdc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f43086 elementor-widget elementor-widget-html\" data-id=\"6f43086\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .trust-band{\r\n    --brand:#0f1d4e;\r\n    --text:#eaf0ff;\r\n    --muted:#b7c2e0;\r\n    --accent:#f19a00;\r\n    --radius:16px;\r\n    --edge:56px;\r\n\r\n    padding: clamp(64px,8vw,110px) 0 clamp(72px,9vw,130px);\r\n    background:\r\n      radial-gradient(1000px 500px at 10% -10%, rgba(255,255,255,.06), transparent 55%),\r\n      radial-gradient(900px 500px at 90% 110%, rgba(255,255,255,.05), transparent 55%),\r\n      linear-gradient(180deg,#0f1d4e 0%, #1c2340 100%);\r\n  }\r\n  .trust-wrap{ max-width:1200px; margin:0 auto; padding:0 clamp(16px,4vw,24px); }\r\n\r\n  .trust-title{\r\n    margin:0 0 clamp(22px,3.2vw,34px);\r\n    text-align:center;\r\n    font-size: clamp(28px,3.8vw,48px);\r\n    line-height:1.08;\r\n    color:#fff;\r\n    letter-spacing:.2px;\r\n    position:relative;\r\n  }\r\n  .trust-title::after{\r\n    content:\"\";\r\n    display:block;\r\n    height:4px;\r\n    width: clamp(90px,10vw,140px);\r\n    margin: clamp(10px,1.8vw,16px) auto 0;\r\n    border-radius:999px;\r\n    background: linear-gradient(90deg,var(--accent),#ffb23a);\r\n    box-shadow:0 6px 18px rgba(241,154,0,.35);\r\n  }\r\n\r\n  .trust-lead{\r\n    max-width:68ch; margin:0 auto clamp(18px,3vw,26px);\r\n    text-align:center; color:var(--muted); line-height:1.65;\r\n  }\r\n\r\n  \/* Pasek logotyp\u00f3w *\/\r\n  .logo-marquee{\r\n    position:relative; overflow:hidden;\r\n    margin-top: clamp(6px,1.4vw,10px);\r\n    padding: clamp(8px,1.6vw,12px) 0;\r\n    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--edge), #000 calc(100% - var(--edge)), transparent 100%);\r\n            mask-image: linear-gradient(to right, transparent 0, #000 var(--edge), #000 calc(100% - var(--edge)), transparent 100%);\r\n    touch-action: pan-y;           \/* pozw\u00f3l przeci\u0105ga\u0107 poziomo bez blokowania scrolla pionowego *\/\r\n    cursor: grab;\r\n    user-select: none;\r\n  }\r\n  .logo-marquee.is-dragging{ cursor: grabbing; }\r\n\r\n  .logo-track{\r\n    display:flex; align-items:center;\r\n    gap: clamp(36px,6vw,80px);\r\n    will-change: transform;\r\n    transform: translate3d(0,0,0);\r\n  }\r\n\r\n  .logo-item{\r\n    flex:0 0 auto;\r\n    display:flex; align-items:center; justify-content:center;\r\n    height: clamp(26px,4.2vw,42px);\r\n    min-width: clamp(90px,14vw,160px);\r\n    transition: transform .2s ease, opacity .2s ease, filter .2s ease;\r\n    opacity:.9;\r\n  }\r\n  .logo-item img{\r\n    max-height:100%; width:auto; display:block;\r\n    \/* ujednolicenie kolorystyki na ciemnym tle *\/\r\n    filter: grayscale(1) invert(1) brightness(1.05) contrast(0.9);\r\n    opacity:.92;\r\n  }\r\n  .logo-item:hover{ transform: translateY(-2px); }\r\n  .logo-item:hover img{ filter: grayscale(1) invert(1) brightness(1.25) contrast(1); opacity:1; }\r\n\r\n  .trust-cta{\r\n    display:block; width:fit-content; margin: clamp(20px,3vw,32px) auto 0;\r\n    padding:14px 22px; background:#f19a00; color:#fff; text-decoration:none; font-weight:700;\r\n    border-radius:999px; box-shadow:0 10px 22px rgba(241,154,0,.35);\r\n    transition: transform .15s ease, box-shadow .15s ease;\r\n  }\r\n  .trust-cta:hover{ transform: translateY(-2px); box-shadow:0 14px 30px rgba(241,154,0,.42); }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .logo-marquee{ -webkit-mask-image:none; mask-image:none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"trust-band\" aria-labelledby=\"trust-heading\">\r\n  <div class=\"trust-wrap\">\r\n    <h2 id=\"trust-heading\" class=\"trust-title\">Zaufali nam<\/h2>\r\n\r\n    <div class=\"logo-marquee\" aria-label=\"Logotypy firm, kt\u00f3re nam zaufa\u0142y\">\r\n      <div class=\"logo-track\">\r\n        <!-- Zestaw bazowy (A) -->\r\n        <a class=\"logo-item\" href=\"#\" aria-label=\"LEDGET\"><img decoding=\"async\" src=\"https:\/\/gene.elementor.red\/wp-content\/uploads\/2024\/02\/logo6.png\" alt=\"LEDGET\"><\/a>\r\n        <a class=\"logo-item\" href=\"#\" aria-label=\"sprise\"><img decoding=\"async\" src=\"https:\/\/gene.elementor.red\/wp-content\/uploads\/2024\/02\/logo5.png\" alt=\"sprise\"><\/a>\r\n        <a class=\"logo-item\" href=\"#\" aria-label=\"UPWARE\"><img decoding=\"async\" src=\"https:\/\/gene.elementor.red\/wp-content\/uploads\/2024\/02\/logo4.png\" alt=\"UPWARE\"><\/a>\r\n        <a class=\"logo-item\" href=\"#\" aria-label=\"DELOGY\"><img decoding=\"async\" src=\"https:\/\/gene.elementor.red\/wp-content\/uploads\/2024\/02\/logo3.png\" alt=\"DELOGY\"><\/a>\r\n        <a class=\"logo-item\" href=\"#\" aria-label=\"Merle\"><img decoding=\"async\" src=\"https:\/\/gene.elementor.red\/wp-content\/uploads\/2024\/02\/logo2.png\" alt=\"Merle\"><\/a>\r\n        <a class=\"logo-item\" href=\"#\" aria-label=\"Firma\"><img decoding=\"async\" src=\"https:\/\/gene.elementor.red\/wp-content\/uploads\/2024\/02\/logo-1.png\" alt=\"Firma\"><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"trust-lead\">\r\n      Zaufa\u0142y nam liczne firmy, kt\u00f3re ceni\u0105 profesjonalizm i skuteczno\u015b\u0107 \u2013 do\u0142\u0105cz do nich i zapewnij sobie najwy\u017cszy poziom ochrony.\r\n    <\/p>\r\n\r\n    <a class=\"trust-cta\" href=\"#kontakt\">Skontaktuj si\u0119 z nami<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* P\u0142ynny loop + drag\/swipe + inercja *\/\r\n(() => {\r\n  const band    = document.currentScript.previousElementSibling;\r\n  const marquee = band.querySelector('.logo-marquee');\r\n  const track   = band.querySelector('.logo-track');\r\n\r\n  \/\/ podw\u00f3j tre\u015b\u0107 (A + A) dla bezszwowego loopa\r\n  track.innerHTML += track.innerHTML;\r\n\r\n  let pos = 0;            \/\/ aktualne przesuni\u0119cie (px, ujemne id\u0105c w lewo)\r\n  let half = 0;           \/\/ szeroko\u015b\u0107 po\u0142owy ta\u015bmy (zestaw A)\r\n  let lastTs = 0;\r\n\r\n  const prefersReduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  const baseSpeed = prefersReduce ? 0 : 24;   \/\/ px\/s \u2013 wolniej ni\u017c poprzednio\r\n  let velocity = 0;       \/\/ pr\u0119dko\u015b\u0107 z przeci\u0105gania (px\/s)\r\n  let paused = false;\r\n  let dragging = false;\r\n  let startX = 0, startPos = 0, lastX = 0, lastT = 0;\r\n\r\n  function measure(){\r\n    const items = track.children;\r\n    const n = items.length \/ 2; \/\/ pierwsza po\u0142owa = orygina\u0142\r\n    let w = 0;\r\n    for (let i = 0; i < n; i++) w += items[i].getBoundingClientRect().width;\r\n    const gap = parseFloat(getComputedStyle(track).gap) || 0;\r\n    w += gap * (n - 1);\r\n    half = w;\r\n  }\r\n\r\n  function wrap(p){\r\n    \/\/ utrzymuj pos w przedziale (-half, 0]\r\n    while (p <= -half) p += half;\r\n    while (p > 0)       p -= half;\r\n    return p;\r\n  }\r\n\r\n  function step(ts){\r\n    if (!lastTs) lastTs = ts;\r\n    const dt = Math.min(0.05, (ts - lastTs)\/1000); \/\/ zabezpieczenie przed skokami\r\n    lastTs = ts;\r\n\r\n    if (!paused && !dragging){\r\n      pos -= baseSpeed * dt;\r\n    }\r\n    \/\/ inercja po puszczeniu \u2013 delikatnie wygaszana\r\n    if (!dragging && Math.abs(velocity) > 0.1){\r\n      pos += velocity * dt;\r\n      velocity *= Math.pow(0.92, dt * 60); \/\/ tarcie ~0.92\/klatk\u0119 przy 60fps\r\n    }\r\n\r\n    pos = wrap(pos);\r\n    track.style.transform = `translate3d(${pos}px,0,0)`;\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  function init(){\r\n    measure();\r\n\r\n    \/\/ po za\u0142adowaniu obrazk\u00f3w przelicz raz jeszcze\r\n    const imgs = track.querySelectorAll('img');\r\n    let left = imgs.length;\r\n    imgs.forEach(img=>{\r\n      if (img.complete) { if(--left===0) measure(); }\r\n      else img.addEventListener('load', () => { if(--left===0) measure(); }, {once:true});\r\n    });\r\n\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  \/\/ Drag\/swipe \u2013 Pointer Events\r\n  marquee.addEventListener('pointerdown', (e) => {\r\n    dragging = true;\r\n    paused = true;\r\n    marquee.classList.add('is-dragging');\r\n    marquee.setPointerCapture(e.pointerId);\r\n    startX = lastX = e.clientX;\r\n    startPos = pos;\r\n    lastT = performance.now();\r\n  });\r\n\r\n  marquee.addEventListener('pointermove', (e) => {\r\n    if (!dragging) return;\r\n    const now = performance.now();\r\n    const dx = e.clientX - startX;\r\n    pos = wrap(startPos + dx);\r\n    track.style.transform = `translate3d(${pos}px,0,0)`;\r\n\r\n    \/\/ pr\u0119dko\u015b\u0107 chwilowa (px\/s)\r\n    const instDX = e.clientX - lastX;\r\n    const dt = (now - lastT)\/1000 || 0.016;\r\n    velocity = instDX \/ dt;\r\n    lastX = e.clientX;\r\n    lastT = now;\r\n  }, {passive:true});\r\n\r\n  function endDrag(e){\r\n    if (!dragging) return;\r\n    dragging = false;\r\n    marquee.classList.remove('is-dragging');\r\n    try{ marquee.releasePointerCapture(e.pointerId); }catch{}\r\n    \/\/ po puszczeniu \u2013 pozw\u00f3l inercji doko\u0144czy\u0107, potem wr\u00f3ci auto-scroll\r\n    setTimeout(()=> { paused = prefersReduce ? true : false; }, 0);\r\n  }\r\n  marquee.addEventListener('pointerup', endDrag);\r\n  marquee.addEventListener('pointercancel', endDrag);\r\n  marquee.addEventListener('pointerleave', endDrag);\r\n\r\n  \/\/ Pauza tylko na hover (nie przeszkadza w drag)\r\n  marquee.addEventListener('mouseenter', ()=> { if(!dragging) paused = true; });\r\n  marquee.addEventListener('mouseleave', ()=> { if(!dragging && !prefersReduce) paused = false; });\r\n\r\n  \/\/ Reakcja na resize \u2013 zachowaj proporcj\u0119 przesuni\u0119cia\r\n  window.addEventListener('resize', () => {\r\n    const oldHalf = half || 1;\r\n    const ratio = pos \/ oldHalf;\r\n    measure();\r\n    pos = wrap(ratio * half);\r\n  }, {passive:true});\r\n\r\n  init();\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00bdc7e e-con-full e-flex e-con e-parent\" data-id=\"00bdc7e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2fb25d elementor-widget elementor-widget-html\" data-id=\"f2fb25d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* ===== Nasza Misja \u2013 sekcja 2 kolumny ===== *\/\r\n  .mission {\r\n    --brand:#0f1d4e; --text:#27304d; --muted:#6f7a96; --accent:#f19a00;\r\n    --radius:18px; --shadow:0 20px 50px rgba(15,29,78,.15);\r\n    padding: clamp(56px,8vw,96px) 0;\r\n    background:\r\n      radial-gradient(1200px 560px at 85% -10%, rgba(241,154,0,.08), transparent 60%),\r\n      radial-gradient(1100px 520px at 10% 110%, rgba(15,29,78,.06), transparent 60%),\r\n      linear-gradient(#ffffff, #f8fbff);\r\n  }\r\n  .mission__wrap{\r\n    max-width:1200px; margin:0 auto; padding:0 clamp(16px,4vw,24px);\r\n    display:grid; gap: clamp(24px,5vw,60px); align-items:center;\r\n    grid-template-columns: 1.15fr 1fr;\r\n  }\r\n  @media (max-width:980px){ .mission__wrap{ grid-template-columns:1fr; } }\r\n\r\n  \/* Lewa kolumna \u2013 tekst *\/\r\n  .mission__eyebrow{display:inline-block;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.9rem;margin-bottom:.35rem;}\r\n  .mission__title{margin:0 0 10px;color:var(--brand);font-size:clamp(34px,5vw,64px);line-height:1.06;}\r\n  .mission__lead{margin:0 0 14px;color:var(--text);font-size:clamp(15px,1.25vw,18px);line-height:1.7;}\r\n\r\n  \/* Filar(y) \u2013 2 kolumny (na mobile 1) *\/\r\n  .pillars{\r\n    display:grid; gap: clamp(12px,2vw,18px); margin-top: clamp(12px,1.6vw,16px);\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  @media (max-width:640px){ .pillars{ grid-template-columns: 1fr; } }\r\n\r\n  .pillar{\r\n    background:#fff;border:1px solid rgba(15,29,78,.08);border-radius:var(--radius);\r\n    box-shadow:var(--shadow);padding:clamp(14px,1.8vw,18px);\r\n    display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;\r\n    transition:transform .2s ease, box-shadow .2s ease;\r\n  }\r\n  .pillar:hover{ transform:translateY(-3px); box-shadow:0 26px 54px rgba(15,29,78,.18); }\r\n  .pillar__icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(120% 120% at 30% 20%,#ffd28a,var(--accent));box-shadow:0 8px 20px rgba(241,154,0,.35);}\r\n  .pillar__icon svg{width:22px;height:22px}\r\n  .pillar__title{margin:0;color:var(--brand);font-weight:800;font-size:16px;line-height:1.2;}\r\n  .pillar__desc{margin:2px 0 0;color:var(--muted);font-size:14px;line-height:1.5;}\r\n\r\n  \/* Prawa kolumna \u2013 wizual *\/\r\n  .mission__visual{position:relative;min-height:360px;}\r\n  .visual__ring{position:absolute;inset:0;background:conic-gradient(from 210deg,rgba(241,154,0,.08),transparent 40%,rgba(15,29,78,.06),transparent 70%);filter:blur(18px);border-radius:28px;}\r\n  .visual__card{\r\n    position:relative;z-index:1;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);\r\n    aspect-ratio:4\/3;\r\n    background:\r\n      linear-gradient(rgba(15,29,78,.18),rgba(15,29,78,.18)),\r\n      url('https:\/\/krawiecm.pl\/renomaHP\/wp-content\/uploads\/2025\/04\/monitorng-1024x683.jpg') center\/cover no-repeat;\r\n    transform:perspective(900px) rotateY(-6deg) rotateX(2deg);\r\n    transition:transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s;\r\n  }\r\n  .visual__card:hover{ transform:perspective(900px) rotateY(-1deg) rotateX(0deg) translateY(-2px); box-shadow:0 40px 80px rgba(15,29,78,.25); }\r\n\r\n  \/* P\u0142ywaj\u0105ce odznaki *\/\r\n  .badge{position:absolute;z-index:2;background:#fff;border:1px solid rgba(15,29,78,.08);border-radius:14px;box-shadow:var(--shadow);padding:8px 12px;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--brand);font-size:14px;}\r\n  .badge--top{top:-10px;left:-8px;transform:translateY(-20%);animation:floatY 3.8s ease-in-out infinite alternate;}\r\n  .badge--bottom{bottom:-10px;right:-8px;transform:translateY(20%);animation:floatY 4.2s ease-in-out .2s infinite alternate;}\r\n  .badge svg{width:18px;height:18px;color:var(--accent);}\r\n  @keyframes floatY{from{transform:translateY(-8px)}to{transform:translateY(4px)}}\r\n  @media (prefers-reduced-motion:reduce){.visual__card,.badge--top,.badge--bottom{animation:none!important;transition:none!important;}}\r\n\r\n  \/* Liczniki *\/\r\n  .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:clamp(14px,2vw,18px);}\r\n  @media (max-width:640px){ .metrics{grid-template-columns:1fr 1fr;} }\r\n  .metric{background:#fff;border:1px solid rgba(15,29,78,.08);border-radius:var(--radius);padding:14px 16px;text-align:center;box-shadow:var(--shadow);}\r\n  .metric__num{display:block;font-weight:900;color:var(--brand);font-size:clamp(22px,3.6vw,28px);line-height:1;}\r\n  .metric__label{color:var(--muted);font-size:13px;margin-top:6px;}\r\n<\/style>\r\n\r\n<section class=\"mission band-soft\" aria-labelledby=\"mission-title\">\r\n  <div class=\"mission__wrap \">\r\n    <!-- Tekst -->\r\n    <div>\r\n      <span class=\"mission__eyebrow\">Dlaczego istniejemy<\/span>\r\n      <h2 id=\"mission-title\" class=\"mission__title\">Nasza Misja<\/h2>\r\n      <p class=\"mission__lead\">\r\n        Z nami ochrona to standard, a spok\u00f3j codzienno\u015bci\u0105. Tworzymy rozwi\u0105zania, kt\u00f3re pozwalaj\u0105 Ci \u017cy\u0107 i pracowa\u0107 bez obaw\r\n        o bezpiecze\u0144stwo Twojego mienia, firmy czy bliskich.\r\n      <\/p>\r\n      <p class=\"mission__lead\">\r\n        Mo\u017cesz by\u0107 pewien, \u017ce wszystko, co dla Ciebie najwa\u017cniejsze, jest pod sta\u0142\u0105 ochron\u0105. Nasza skuteczno\u015b\u0107, niezawodno\u015b\u0107 i szybka reakcja\r\n        to efekt nowoczesnych technologii, inteligentnych system\u00f3w monitoringu i precyzyjnej analizy zagro\u017ce\u0144.\r\n      <\/p>\r\n\r\n      <!-- FILARY: 2 karty (mobile 1 kolumna) -->\r\n      <div class=\"pillars\" role=\"list\">\r\n        <div class=\"pillar\" role=\"listitem\">\r\n          <div class=\"pillar__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l8 4v6c0 5-3.4 9.7-8 10-4.6-.3-8-5-8-10V6l8-4zm0 4.2L6 7.7v4.5c0 3.8 2.5 7.5 6 7.8 3.5-.3 6-4 6-7.8V7.7l-6-1.5z\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <p class=\"pillar__title\">Realna ochrona<\/p>\r\n            <p class=\"pillar__desc\">Zapewniamy realne bezpiecze\u0144stwo bez kompromis\u00f3w<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pillar\" role=\"listitem\">\r\n          <div class=\"pillar__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M4 6h16v12H4zM2 4h20v2H2zm0 14h20v2H2zm6-7h8v2H8z\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <p class=\"pillar__title\">Technologia i ludzie<\/p>\r\n            <p class=\"pillar__desc\">Do\u015bwiadczeni specjali\u015bci, AI i nowoczesny monitoring<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"metrics\" aria-label=\"Nasze wyniki\">\r\n        <div class=\"metric\"><span class=\"metric__num\" data-count=\"153\">0<\/span><div class=\"metric__label\">Chronionych obiekt\u00f3w<\/div><\/div>\r\n        <div class=\"metric\"><span class=\"metric__num\" data-count=\"16342\" data-decimal=\"0\">0<\/span><div class=\"metric__label\">Zainstalowanych system\u00f3w<\/div><\/div>\r\n        <div class=\"metric\"><span class=\"metric__num\" data-count=\"30+\" data-decimal=\"0\">0<\/span><div class=\"metric__label\">lat do\u015bwiadczenia<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Wizual -->\r\n    <div class=\"mission__visual\" aria-hidden=\"true\">\r\n      <div class=\"visual__ring\"><\/div>\r\n      <div class=\"visual__card\"><\/div>\r\n\r\n      <div class=\"badge badge--top\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1a9 9 0 100 18 9 9 0 000-18zm1 9V6h-2v5h5v-2h-3z\"\/><\/svg>\r\n        Monitoring 24\/7\r\n      <\/div>\r\n      <div class=\"badge badge--bottom\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l9 4v6c0 5.6-4 10.6-9 11-5-.4-9-5.4-9-11V6l9-4zM7 12l3 3 7-7-1.4-1.4L10 12.2 8.4 10.6 7 12z\"\/><\/svg>\r\n        SLA 99.9%\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* Delikatny count-up dla metryk *\/\r\n(() => {\r\n  const section = document.currentScript.previousElementSibling;\r\n  const nums = section.querySelectorAll('.metric__num');\r\n\r\n  function animate(el){\r\n    const raw = (el.dataset.count || '0').trim();\r\n    const plus = raw.endsWith('+');\r\n    const decimals = +el.dataset.decimal || (raw.includes('.') ? raw.split('.')[1].length : 0);\r\n    const target = parseFloat(raw);\r\n    const dur = 900, start = performance.now();\r\n\r\n    function tick(t){\r\n      const p = Math.min(1, (t - start)\/dur);\r\n      const v = target * p;\r\n      el.textContent = (decimals ? v.toFixed(decimals) : Math.round(v)) + (plus && p===1 ? '+' : '');\r\n      if(p<1) requestAnimationFrame(tick);\r\n    }\r\n    requestAnimationFrame(tick);\r\n  }\r\n\r\n  const io = new IntersectionObserver(es=>{\r\n    if(es.some(e=>e.isIntersecting)){\r\n      nums.forEach(n=>{ if(!n._done){ n._done=true; animate(n); }});\r\n      io.disconnect();\r\n    }\r\n  },{threshold:.35});\r\n  io.observe(section);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32b3456 e-con-full e-flex e-con e-parent\" data-id=\"32b3456\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f29b5f elementor-widget elementor-widget-html\" data-id=\"7f29b5f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* ===== Wycena \u2013 sekcja z formularzem ===== *\/\r\n  .quote {\r\n    --brand:#0f1d4e; --text:#27304d; --muted:#6f7a96; --accent:#f19a00;\r\n    --radius:18px; --shadow:0 22px 60px rgba(15,29,78,.14);\r\n    padding: clamp(56px, 8vw, 96px) 0;\r\n    background:\r\n      radial-gradient(1100px 520px at 15% -10%, rgba(241,154,0,.08), transparent 60%),\r\n      radial-gradient(1000px 520px at 85% 110%, rgba(15,29,78,.06), transparent 60%),\r\n      linear-gradient(#ffffff, #f7f9fc);\r\n  }\r\n  .quote__wrap{\r\n    max-width:1200px; margin:0 auto; padding:0 clamp(16px,4vw,24px);\r\n    display:grid; gap: clamp(24px,5vw,56px);\r\n    grid-template-columns: 1.05fr 1fr; align-items:center;\r\n  }\r\n  @media (max-width: 980px){ .quote__wrap{ grid-template-columns: 1fr; } }\r\n\r\n  \/* Lewa kolumna \u2013 nag\u0142\u00f3wek + punkty *\/\r\n  .quote__eyebrow{\r\n    display:inline-block; font-weight:800; letter-spacing:.08em; text-transform:uppercase;\r\n    color:var(--accent); font-size:.9rem; margin-bottom:.35rem;\r\n  }\r\n  .quote__title{\r\n    margin:0 0 .4rem; color:var(--brand);\r\n    font-size:clamp(32px,4.8vw,56px); line-height:1.06;\r\n  }\r\n  .quote__lead{\r\n    color:var(--text); margin:0 0 1rem; line-height:1.7; font-size:clamp(15px,1.2vw,18px);\r\n    max-width:60ch;\r\n  }\r\n  .quote__points{\r\n    display:grid; gap:12px; margin-top:.4rem;\r\n    grid-template-columns: repeat(2, minmax(0,1fr));\r\n  }\r\n  @media (max-width:600px){ .quote__points{ grid-template-columns:1fr; } }\r\n  .qp{\r\n    display:flex; gap:12px; align-items:flex-start; background:#fff;\r\n    border:1px solid rgba(15,29,78,.08); border-radius:14px; padding:12px 14px;\r\n    box-shadow:0 10px 24px rgba(15,29,78,.10);\r\n  }\r\n  .qp__icon{\r\n    width:40px;height:40px;border-radius:50%;flex:0 0 40px;display:grid;place-items:center;color:#fff;\r\n    background: radial-gradient(120% 120% at 30% 20%, #ffd28a, var(--accent));\r\n    box-shadow:0 6px 16px rgba(241,154,0,.35);\r\n  }\r\n  .qp__icon svg{ width:20px;height:20px }\r\n  .qp__txt{ margin:0; color:var(--brand); font-weight:700; }\r\n\r\n  \/* Prawa kolumna \u2013 karta formularza *\/\r\n  .quote__card{\r\n    background:#fff; border:1px solid rgba(15,29,78,.08); border-radius:22px;\r\n    box-shadow:var(--shadow); padding: clamp(16px,2.6vw,26px);\r\n  }\r\n  .form-grid{\r\n    display:grid; gap:12px;\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n  @media (max-width:700px){ .form-grid{ grid-template-columns:1fr; } }\r\n\r\n  .f-row{ display:flex; flex-direction:column; gap:6px; }\r\n  .f-row label{ color:var(--brand); font-weight:700; font-size:14px; }\r\n  .f-row input, .f-row select, .f-row textarea{\r\n    border:1px solid rgba(15,29,78,.16); border-radius:12px;\r\n    padding:12px 14px; font-size:16px; color:var(--text); background:#fdfefe;\r\n    transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;\r\n  }\r\n  .f-row input:focus, .f-row select:focus, .f-row textarea:focus{\r\n    outline:none; border-color: var(--accent);\r\n    box-shadow:0 0 0 4px rgba(241,154,0,.18);\r\n    background:#fff;\r\n  }\r\n  .f-row textarea{ min-height:120px; resize:vertical; }\r\n\r\n  \/* Zgody *\/\r\n  .consents{ margin-top:4px; display:flex; flex-direction:column; gap:8px; }\r\n  .consent{\r\n    display:flex; gap:10px; align-items:flex-start; padding:10px 12px;\r\n    background:#fbfcff; border:1px solid rgba(15,29,78,.08); border-radius:12px;\r\n  }\r\n  .consent input[type=\"checkbox\"]{ margin-top:2px; width:18px; height:18px; }\r\n  .consent small{ color:var(--muted); }\r\n  .consent a{ color:var(--brand); text-underline-offset:2px; }\r\n\r\n  \/* Przycisk *\/\r\n  .quote__btn{\r\n    margin-top:12px; align-self:flex-start; border:none; cursor:pointer;\r\n    background: var(--accent); color:#fff; font-weight:800; border-radius:999px;\r\n    padding:12px 20px; box-shadow:0 12px 26px rgba(241,154,0,.35);\r\n    display:inline-flex; gap:.6rem; align-items:center; transition:transform .15s, box-shadow .15s;\r\n  }\r\n  .quote__btn:hover{ transform: translateY(-2px); box-shadow:0 16px 34px rgba(241,154,0,.45); }\r\n  .quote__btn[disabled]{ opacity:.6; cursor:not-allowed; transform:none; box-shadow:none; }\r\n\r\n  \/* Komunikaty *\/\r\n  .form-msg{ margin-top:10px; font-size:14px; }\r\n  .form-msg--err{ color:#b81d24; }\r\n  .form-msg--ok{ color:#1a7f37; }\r\n\r\n  \/* Sukces \u2013 karta podzi\u0119kowania *\/\r\n  .quote__success{\r\n    display:none; text-align:center; padding:18px; border-radius:16px;\r\n    background:#f1faf4; border:1px solid rgba(26,127,55,.2);\r\n  }\r\n  .quote__success h3{ margin:.2rem 0 .4rem; color:#1a7f37; font-size:22px; }\r\n  .quote__success p{ margin:0; color:#255; }\r\n\r\n  \/* Honeypot (ukryte pole) *\/\r\n  .hp { position:absolute; left:-9999px; top:-9999px; height:0; width:0; overflow:hidden; }\r\n<\/style>\r\n\r\n<section class=\"quote band-soft\" aria-labelledby=\"quote-title\">\r\n  <div class=\"quote__wrap\">\r\n    <!-- Lewa kolumna -->\r\n    <div>\r\n      <span class=\"quote__eyebrow\">Bezp\u0142atna wycena<\/span>\r\n      <h2 id=\"quote-title\" class=\"quote__title\">Popro\u015b o darmow\u0105 wycen\u0119<\/h2>\r\n      <p class=\"quote__lead\">\r\n        Skontaktuj si\u0119 z nami, a szybko przedstawimy najlepsze rozwi\u0105zania ochrony\r\n        dopasowane do Twoich potrzeb \u2013 bez zobowi\u0105za\u0144.\r\n      <\/p>\r\n\r\n      <div class=\"quote__points\">\r\n        <div class=\"qp\">\r\n          <div class=\"qp__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1a11 11 0 1011 11A11 11 0 0012 1zm1 6a1 1 0 10-2 0v5a1 1 0 00.3.7l3.5 3.5a1 1 0 101.4-1.4L13 11.6z\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"qp__txt\">Szybka odpowied\u017a (zwykle \u2264 1h)<\/p>\r\n        <\/div>\r\n        <div class=\"qp\">\r\n          <div class=\"qp__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l9 4v6c0 5.6-4 10.6-9 11-5-.4-9-5.4-9-11V6l9-4zM7 12l3 3 7-7-1.4-1.4L10 12.2 8.4 10.6 7 12z\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"qp__txt\">Bez zobowi\u0105za\u0144, konkretne rekomendacje<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Prawa kolumna \u2013 formularz -->\r\n    <div class=\"quote__card\" role=\"form\" aria-labelledby=\"quote-form-title\">\r\n      <h3 id=\"quote-form-title\" class=\"sr-only\" style=\"position:absolute;left:-9999px\">Formularz wyceny<\/h3>\r\n\r\n      <form id=\"quoteForm\" novalidate>\r\n        <!-- honeypot -->\r\n        <input class=\"hp\" type=\"text\" name=\"website\" autocomplete=\"off\" tabindex=\"-1\" aria-hidden=\"true\">\r\n\r\n        <div class=\"form-grid\">\r\n          <div class=\"f-row\">\r\n            <label for=\"fName\">Imi\u0119 i nazwisko*<\/label>\r\n            <input id=\"fName\" name=\"name\" type=\"text\" autocomplete=\"name\" required>\r\n          <\/div>\r\n          <div class=\"f-row\">\r\n            <label for=\"fEmail\">E-mail*<\/label>\r\n            <input id=\"fEmail\" name=\"email\" type=\"email\" autocomplete=\"email\" required>\r\n          <\/div>\r\n\r\n          <div class=\"f-row\">\r\n            <label for=\"fPhone\">Telefon<\/label>\r\n            <input id=\"fPhone\" name=\"phone\" type=\"tel\" inputmode=\"tel\" autocomplete=\"tel\">\r\n          <\/div>\r\n          <div class=\"f-row\">\r\n            <label for=\"fCompany\">Firma<\/label>\r\n            <input id=\"fCompany\" name=\"company\" type=\"text\" autocomplete=\"organization\">\r\n          <\/div>\r\n\r\n          <div class=\"f-row\" style=\"grid-column:1 \/ -1;\">\r\n            <label for=\"fTopic\">Czego dotyczy zapytanie?<\/label>\r\n            <select id=\"fTopic\" name=\"topic\">\r\n              <option value=\"dobor-systemu\">Dob\u00f3r systemu<\/option>\r\n              <option value=\"montaz\">Monta\u017c \/ modernizacja<\/option>\r\n              <option value=\"monitoring\">Monitoring wizyjny<\/option>\r\n              <option value=\"alarm\">System alarmowy<\/option>\r\n              <option value=\"dostep\">Kontrola dost\u0119pu<\/option>\r\n              <option value=\"inne\">Inne<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <div class=\"f-row\" style=\"grid-column:1 \/ -1;\">\r\n            <label for=\"fMsg\">Wiadomo\u015b\u0107<\/label>\r\n            <textarea id=\"fMsg\" name=\"message\" placeholder=\"Kilka s\u0142\u00f3w o obiekcie \/ oczekiwaniach...\"><\/textarea>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <fieldset class=\"consents\" style=\"margin-top:10px;\">\r\n          <legend class=\"sr-only\" style=\"position:absolute;left:-9999px\">Zgody<\/legend>\r\n\r\n          <label class=\"consent\">\r\n            <input type=\"checkbox\" id=\"c-rodo\" name=\"rodo\" required>\r\n            <small>\r\n              Wyra\u017cam zgod\u0119 na przetwarzanie moich danych w celu obs\u0142ugi zapytania.\r\n              Zapozna\u0142em si\u0119 z <a href=\"#polityka\" target=\"_blank\" rel=\"noopener\">Polityk\u0105 prywatno\u015bci<\/a>. (wymagane)\r\n            <\/small>\r\n          <\/label>\r\n\r\n          <label class=\"consent\">\r\n            <input type=\"checkbox\" id=\"c-news\" name=\"newsletter\">\r\n            <small>Chc\u0119 zapisa\u0107 si\u0119 do newslettera i otrzymywa\u0107 informacje o nowo\u015bciach i promocjach.<\/small>\r\n          <\/label>\r\n\r\n          <label class=\"consent\">\r\n            <input type=\"checkbox\" id=\"c-mkt\" name=\"marketing\">\r\n            <small>Wyra\u017cam zgod\u0119 na kontakt w celach marketingowych drog\u0105 elektroniczn\u0105 i\/lub telefonicznie.<\/small>\r\n          <\/label>\r\n        <\/fieldset>\r\n\r\n        <button id=\"quoteBtn\" class=\"quote__btn\" type=\"submit\" disabled>\r\n          Wy\u015blij zapytanie\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"18\" height=\"18\"><path d=\"M5 12h12M13 6l6 6-6 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/button>\r\n\r\n        <div id=\"formMsg\" class=\"form-msg\" aria-live=\"polite\"><\/div>\r\n\r\n        <div id=\"quoteSuccess\" class=\"quote__success\" role=\"status\" aria-live=\"polite\">\r\n          <h3>Dzi\u0119kujemy! \ud83e\udde1<\/h3>\r\n          <p>Twoje zapytanie w\u0142a\u015bnie do nas trafi\u0142o. Odpowiemy najszybciej jak to mo\u017cliwe (zwykle \u2264 1h w dni robocze).<\/p>\r\n        <\/div>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(() => {\r\n  const form = document.getElementById('quoteForm');\r\n  const btn  = document.getElementById('quoteBtn');\r\n  const msg  = document.getElementById('formMsg');\r\n  const successBox = document.getElementById('quoteSuccess');\r\n  const rodo = document.getElementById('c-rodo');\r\n\r\n  \/\/ odblokuj przycisk dopiero po RODO\r\n  const toggleBtn = () => { btn.disabled = !rodo.checked; };\r\n  rodo.addEventListener('change', toggleBtn); toggleBtn();\r\n\r\n  \/\/ Prosty endpoint \u2013 podmie\u0144 gdy b\u0119dziesz mie\u0107 backend\r\n  const FORM_ENDPOINT = ''; \/\/ np. 'https:\/\/formspree.io\/f\/xxxxxxx'\r\n\r\n  function serialize(formEl){\r\n    const data = new FormData(formEl);\r\n    return Object.fromEntries([...data.entries()]);\r\n  }\r\n\r\n  form.addEventListener('submit', async (e) => {\r\n    e.preventDefault();\r\n    msg.textContent = ''; msg.className = 'form-msg';\r\n    successBox.style.display = 'none';\r\n\r\n    \/\/ honeypot\r\n    if (form.querySelector('input[name=\"website\"]').value.trim() !== '') {\r\n      msg.textContent = 'Ups\u2026 co\u015b posz\u0142o nie tak.'; msg.classList.add('form-msg--err');\r\n      return;\r\n    }\r\n    \/\/ HTML5 walidacja\r\n    if (!form.reportValidity()) return;\r\n\r\n    btn.disabled = true;\r\n    btn.style.opacity = .7;\r\n\r\n    const payload = serialize(form);\r\n\r\n    try{\r\n      if (FORM_ENDPOINT){\r\n        const res = await fetch(FORM_ENDPOINT, {\r\n          method:'POST',\r\n          headers:{ 'Content-Type':'application\/json' },\r\n          body: JSON.stringify(payload)\r\n        });\r\n        if (!res.ok) throw new Error('B\u0142\u0105d po stronie serwera');\r\n      } else {\r\n        \/\/ Bez backendu \u2013 symulacja\r\n        await new Promise(r => setTimeout(r, 800));\r\n      }\r\n\r\n      form.reset();\r\n      toggleBtn();\r\n      successBox.style.display = 'block';\r\n      msg.textContent = '';\r\n    } catch(err){\r\n      msg.textContent = 'Nie uda\u0142o si\u0119 wys\u0142a\u0107 formularza. Spr\u00f3buj ponownie lub skontaktuj si\u0119 telefonicznie.';\r\n      msg.classList.add('form-msg--err');\r\n    } finally{\r\n      btn.disabled = !rodo.checked;\r\n      btn.style.opacity = '';\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f0cf2b e-con-full e-flex e-con e-parent\" data-id=\"8f0cf2b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb43e9f elementor-widget elementor-widget-html\" data-id=\"cb43e9f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* ===== Karuzela region\u00f3w (us\u0142ugi dla miast) ===== *\/\r\n  .regiony-band{\r\n    --brand:#0f1d4e; --text:#27304d; --muted:#6f7a96; --accent:#f19a00;\r\n    --radius:16px; --shadow:0 14px 32px rgba(15,29,78,.12);\r\n    padding: clamp(48px,7vw,88px) 0;\r\n    background: linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);\r\n  }\r\n  .regiony-wrap{ max-width:1200px; margin:0 auto; padding:0 clamp(16px,4vw,24px); }\r\n\r\n  .regiony-eyebrow{\r\n    display:block; text-align:center; font-weight:800; text-transform:uppercase;\r\n    letter-spacing:.08em; color:var(--accent); font-size:.9rem; margin-bottom:.35rem;\r\n  }\r\n  .regiony-title{\r\n    margin:0 0 clamp(18px,3vw,30px); text-align:center;\r\n    color:var(--brand); line-height:1.08; font-size:clamp(28px,4.4vw,42px);\r\n  }\r\n\r\n  .region-carousel{\r\n    position:relative;\r\n  }\r\n\r\n  \/* strza\u0142ki *\/\r\n  .region-nav{\r\n    position:absolute; inset:0; display:flex; justify-content:space-between; align-items:center;\r\n    pointer-events:none;\r\n  }\r\n  .region-btn{\r\n    pointer-events:auto; border:none; cursor:pointer;\r\n    width:44px; height:44px; border-radius:999px; display:grid; place-items:center;\r\n    background:#fff; color:var(--brand); border:1px solid rgba(15,29,78,.12);\r\n    box-shadow:0 10px 22px rgba(15,29,78,.18);\r\n    transition:transform .15s ease, box-shadow .15s ease;\r\n  }\r\n  .region-btn:hover{ transform:translateY(-2px); box-shadow:0 16px 32px rgba(15,29,78,.24); }\r\n  .region-btn svg{ width:20px; height:20px; }\r\n\r\n  \/* list *\/\r\n  .region-track{\r\n    display:flex; gap: clamp(14px,2vw,18px);\r\n    overflow:auto; scroll-snap-type:x mandatory; scroll-padding: 10px;\r\n    padding: 4px 10px 12px;\r\n    -webkit-overflow-scrolling:touch; scrollbar-width:none;\r\n  }\r\n  .region-track::-webkit-scrollbar{ display:none; }\r\n\r\n  \/* kafelek = ca\u0142y link *\/\r\n  .region-card{\r\n    scroll-snap-align:start;\r\n    min-width: clamp(240px, 32vw, 300px);\r\n    display:flex; flex-direction:column; text-decoration:none;\r\n    background:#fff; color:var(--text);\r\n    border:1px solid rgba(15,29,78,.10); border-radius:var(--radius);\r\n    box-shadow: var(--shadow);\r\n    padding: clamp(14px,1.8vw,18px);\r\n    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;\r\n  }\r\n  .region-card:hover{\r\n    transform: translateY(-4px);\r\n    box-shadow:0 18px 46px rgba(15,29,78,.18);\r\n    border-color: rgba(241,154,0,.55);\r\n  }\r\n  .region-card:focus-visible{ outline:3px solid rgba(241,154,0,.8); outline-offset:2px; }\r\n\r\n  \/* herby \u2013 pe\u0142ne (bez filtr\u00f3w) *\/\r\n  .region-crest, .region-card .elementor-widget-image{\r\n    height:120px; display:grid; place-items:center;\r\n    margin-bottom:12px; border-radius:12px; overflow:hidden;\r\n    background: linear-gradient(180deg,#f6f8ff 0%, #eef3ff 100%);\r\n  }\r\n  .region-crest img,\r\n  .region-card .elementor-widget-image img{\r\n    max-width:100%; max-height:100%;\r\n    width:auto; height:100%; object-fit:contain; display:block;\r\n    \/* pe\u0142ny kolor \u2013 \u017cadnych filtr\u00f3w *\/\r\n    filter:none !important;\r\n    transition: transform .25s ease;\r\n  }\r\n  .region-card:hover .region-crest img{ transform: scale(1.02); }\r\n\r\n  .region-name{ margin:.2rem 0 .2rem; font-weight:900; color:var(--brand); font-size:18px; line-height:1.2; }\r\n  .region-desc{ margin:0; font-size:14px; line-height:1.6; color:var(--muted); min-height:4.6em; }\r\n\r\n  \/* kropki *\/\r\n  .region-dots{ display:flex; justify-content:center; gap:10px; margin-top:12px; }\r\n  .region-dot{\r\n    width:8px; height:8px; border-radius:999px; border:none; padding:0; cursor:pointer;\r\n    background:rgba(15,29,78,.25); transition: width .2s ease, background .2s ease;\r\n  }\r\n  .region-dot.is-active{\r\n    width:22px; background: linear-gradient(90deg,#f19a00,#ffb23a);\r\n    box-shadow:0 6px 12px rgba(241,154,0,.35);\r\n  }\r\n\r\n  @media (max-width:520px){ .region-btn{ width:50px; height:50px; } }\r\n\r\n  @media (prefers-reduced-motion:reduce){\r\n    .region-card, .region-btn, .region-dot, .region-crest img{ transition:none !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"regiony-band\" aria-labelledby=\"regiony-title\">\r\n  <div class=\"regiony-wrap\">\r\n    <span class=\"regiony-eyebrow\">Us\u0142ugi dla klient\u00f3w z Twojego regionu<\/span>\r\n    <h2 id=\"regiony-title\" class=\"regiony-title\">Sprawd\u017a ofert\u0119 w swojej lokalizacji<\/h2>\r\n\r\n    <div class=\"region-carousel\">\r\n      <!-- strza\u0142ki -->\r\n      <div class=\"region-nav\" aria-hidden=\"true\">\r\n        <button class=\"region-btn\" type=\"button\" data-reg-prev aria-label=\"Poprzednie\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M15.5 4.5a1 1 0 0 1 0 1.4L10.4 11l5.1 5.1a1 1 0 0 1-1.4 1.4l-5.8-5.8a1 1 0 0 1 0-1.4l5.8-5.8a1 1 0 0 1 1.4 0z\"\/><\/svg>\r\n        <\/button>\r\n        <button class=\"region-btn\" type=\"button\" data-reg-next aria-label=\"Nast\u0119pne\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8.5 19.5a1 1 0 0 1 0-1.4L13.6 13 8.5 7.9a1 1 0 0 1 1.4-1.4l5.8 5.8a1 1 0 0 1 0 1.4l-5.8 5.8a1 1 0 0 1-1.4 0z\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- tor -->\r\n      <div class=\"region-track\" role=\"list\" aria-label=\"Karuzela region\u00f3w\">\r\n        <a class=\"region-card\" role=\"listitem\" href=\"\/uslugi\/katowice\" aria-label=\"Us\u0142ugi ochrony w Katowicach\">\r\n          <div class=\"region-crest\">\r\n            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/cc\/Katowice_Herb.svg\/195px-Katowice_Herb.svg.png\" alt=\"Herb Katowic\">\r\n          <\/div>\r\n          <h3 class=\"region-name\">Katowice<\/h3>\r\n          <p class=\"region-desc\">Profesjonalna ochrona dla firm i os\u00f3b prywatnych. Skuteczno\u015b\u0107 i reakcja 24\/7.<\/p>\r\n        <\/a>\r\n\r\n        <a class=\"region-card\" role=\"listitem\" href=\"\/uslugi\/sosnowiec\" aria-label=\"Us\u0142ugi ochrony w Sosnowcu\">\r\n          <div class=\"region-crest\">\r\n            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/4\/4d\/Herb_Sosnowiec_KOLOR.png\/640px-Herb_Sosnowiec_KOLOR.png\" alt=\"Herb Sosnowca\">\r\n          <\/div>\r\n          <h3 class=\"region-name\">Sosnowiec<\/h3>\r\n          <p class=\"region-desc\">Zaufana ochrona, nowoczesne systemy i ca\u0142odobowe wsparcie specjalist\u00f3w.<\/p>\r\n        <\/a>\r\n\r\n        <a class=\"region-card\" role=\"listitem\" href=\"\/uslugi\/bedzin\" aria-label=\"Us\u0142ugi ochrony w B\u0119dzinie\">\r\n          <div class=\"region-crest\">\r\n            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/21\/POL_B%C4%99dzin_COA.svg\/1200px-POL_B%C4%99dzin_COA.svg.png\" alt=\"Herb B\u0119dzina\">\r\n          <\/div>\r\n          <h3 class=\"region-name\">B\u0119dzin<\/h3>\r\n          <p class=\"region-desc\">Monitoring, zabezpieczenia i szybkie interwencje \u2013 kompleksowa ochrona.<\/p>\r\n        <\/a>\r\n\r\n        <a class=\"region-card\" role=\"listitem\" href=\"\/uslugi\/chorzow\" aria-label=\"Us\u0142ugi ochrony w Chorzowie\">\r\n          <div class=\"region-crest\">\r\n            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/10\/POL_Chorz%C3%B3w_COA.svg\/1200px-POL_Chorz%C3%B3w_COA.svg.png\" alt=\"Herb Chorzowa\">\r\n          <\/div>\r\n          <h3 class=\"region-name\">Chorz\u00f3w<\/h3>\r\n          <p class=\"region-desc\">Bezpiecze\u0144stwo dla firm, osiedli i instytucji \u2013 skutecznie i transparentnie.<\/p>\r\n        <\/a>\r\n\r\n        <a class=\"region-card\" role=\"listitem\" href=\"\/uslugi\/dabrowa-gornicza\" aria-label=\"Us\u0142ugi ochrony w D\u0105browie G\u00f3rniczej\">\r\n          <div class=\"region-crest\">\r\n            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/00\/POL_D%C4%85browa_G%C3%B3rnicza_COA.svg\" alt=\"Herb D\u0105browy G\u00f3rniczej\">\r\n          <\/div>\r\n          <h3 class=\"region-name\">D\u0105browa G\u00f3rnicza<\/h3>\r\n          <p class=\"region-desc\">Ochrona fizyczna, monitoring wizyjny i wsparcie interwencyjne 24\/7.<\/p>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"region-dots\" role=\"tablist\" aria-label=\"Nawigacja karuzeli\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(() => {\r\n  const section = document.currentScript.previousElementSibling;\r\n  const track   = section.querySelector('.region-track');\r\n  const dotsBox = section.querySelector('.region-dots');\r\n  const prevBtn = section.querySelector('[data-reg-prev]');\r\n  const nextBtn = section.querySelector('[data-reg-next]');\r\n  const tiles   = [...track.querySelectorAll('.region-card')];\r\n\r\n  let step=0, perPage=1, pages=1, pageOffsets=[];\r\n  let autoplay=null, paused=false;\r\n\r\n  function measure(){\r\n    const gap = parseFloat(getComputedStyle(track).gap) || 0;\r\n    const w   = tiles[0]?.getBoundingClientRect().width || 0;\r\n    step = w + gap;\r\n    perPage = Math.max(1, Math.floor((track.clientWidth + gap*0.05) \/ step));\r\n    pages = Math.max(1, Math.ceil(tiles.length \/ perPage));\r\n    pageOffsets = [];\r\n    for(let i=0;i<pages;i++){\r\n      const startIdx = Math.min(i*perPage, tiles.length-1);\r\n      const x = tiles[startIdx].offsetLeft;\r\n      pageOffsets.push(Math.min(x, track.scrollWidth-track.clientWidth));\r\n    }\r\n    buildDots(); setActiveDot(true);\r\n  }\r\n\r\n  function buildDots(){\r\n    dotsBox.innerHTML = '';\r\n    for(let i=0;i<pages;i++){\r\n      const b = document.createElement('button');\r\n      b.className='region-dot'; b.type='button'; b.setAttribute('role','tab');\r\n      b.setAttribute('aria-label',`Id\u017a do strony ${i+1}`);\r\n      b.addEventListener('click', ()=> scrollToPage(i));\r\n      dotsBox.appendChild(b);\r\n    }\r\n  }\r\n\r\n  function currentPage(){\r\n    const x = track.scrollLeft;\r\n    let best=0, d=Infinity;\r\n    pageOffsets.forEach((off,i)=>{ const dd=Math.abs(off-x); if(dd<d){d=dd;best=i;} });\r\n    return best;\r\n  }\r\n\r\n  function setActiveDot(force=false){\r\n    const idx = currentPage();\r\n    if(!force && dotsBox.querySelector('.is-active')?.dataset.idx == idx) return;\r\n    dotsBox.querySelectorAll('.region-dot').forEach((dot,i)=>{\r\n      dot.classList.toggle('is-active', i===idx);\r\n      dot.dataset.idx = i;\r\n      dot.setAttribute('aria-selected', i===idx ? 'true' : 'false');\r\n      if(i===idx) dot.setAttribute('aria-current','true'); else dot.removeAttribute('aria-current');\r\n    });\r\n  }\r\n\r\n  function scrollToPage(i){\r\n    track.scrollTo({left: pageOffsets[i], behavior:'smooth'});\r\n  }\r\n  function go(dir){\r\n    const idx = currentPage();\r\n    const next = Math.max(0, Math.min(pages-1, idx+dir));\r\n    scrollToPage(next);\r\n  }\r\n\r\n  prevBtn.addEventListener('click', ()=> go(-1));\r\n  nextBtn.addEventListener('click', ()=> go(1));\r\n\r\n  let raf;\r\n  track.addEventListener('scroll', ()=>{\r\n    cancelAnimationFrame(raf);\r\n    raf = requestAnimationFrame(()=> setActiveDot());\r\n  });\r\n\r\n  \/\/ Autoplay (pauza na hover\/focus)\r\n  function startAutoplay(){\r\n    clearInterval(autoplay);\r\n    autoplay = setInterval(()=>{\r\n      if(paused || pages<=1) return;\r\n      const idx = currentPage();\r\n      const next = (idx+1) % pages;\r\n      scrollToPage(next);\r\n    }, 3800);\r\n  }\r\n  function pause(){ paused = true; }\r\n  function resume(){ paused = false; }\r\n\r\n  track.addEventListener('mouseenter', pause);\r\n  track.addEventListener('mouseleave', resume);\r\n  track.addEventListener('focusin',  pause);\r\n  track.addEventListener('focusout', resume);\r\n\r\n  window.addEventListener('resize', measure, {passive:true});\r\n\r\n  measure();\r\n  startAutoplay();\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-1f0ec4b e-flex e-con-boxed e-con e-parent\" data-id=\"undefined-1f0ec4b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-undefined-6d3d8f2 e-flex e-con-boxed e-con e-child\" data-id=\"undefined-6d3d8f2\" 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-undefined-a4ee0ba elementor-widget elementor-widget-heading\" data-id=\"undefined-a4ee0ba\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Dedykowane oferty dla Twojego miasta<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-bf4f92e elementor-widget elementor-widget-heading\" data-id=\"undefined-bf4f92e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Poznaj Unikaln\u0105 Ofert\u0119 dla Twojej Lokalizacji<\/h2>\t\t\t\t<\/div>\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-undefined-5210029 e-con-full e-flex e-con e-child\" data-id=\"undefined-5210029\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-undefined-40ecf35 e-con-full e-flex e-con e-child\" data-id=\"undefined-40ecf35\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0f39a4 elementor-widget elementor-widget-image\" data-id=\"c0f39a4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/cc\/Katowice_Herb.svg\/195px-Katowice_Herb.svg.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-2392a40 elementor-cta--valign-middle elementor-cta--skin-classic elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-widget elementor-widget-call-to-action\" data-id=\"undefined-2392a40\" data-element_type=\"widget\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-cta__title elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tKatowice\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__description elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tProfesjonalna ochrona dla firm i os\u00f3b prywatnych w Katowicach. Gwarantujemy bezpiecze\u0144stwo i skuteczno\u015b\u0107\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-f4fbc56 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"undefined-f4fbc56\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Poznaj Ofert\u0119<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4cfbde5 e-con-full e-flex e-con e-child\" data-id=\"4cfbde5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c8b08e elementor-widget elementor-widget-image\" data-id=\"2c8b08e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/4\/4d\/Herb_Sosnowiec_KOLOR.png\/640px-Herb_Sosnowiec_KOLOR.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5db4e6c elementor-cta--valign-middle elementor-cta--skin-classic elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-widget elementor-widget-call-to-action\" data-id=\"5db4e6c\" data-element_type=\"widget\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-cta__title elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tSosnowiec\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__description elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tZaufana ochrona w Sosnowcu. Profesjonalizm, nowoczesne rozwi\u0105zania i ca\u0142odobowe wsparcie\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e2ce85 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"5e2ce85\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"><span style=\"text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\">Poznaj Ofert\u0119<\/span><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9433bb8 e-con-full e-flex e-con e-child\" data-id=\"9433bb8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d48303 elementor-widget elementor-widget-image\" data-id=\"4d48303\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/21\/POL_B%C4%99dzin_COA.svg\/1200px-POL_B%C4%99dzin_COA.svg.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e793b2d elementor-cta--valign-middle elementor-cta--skin-classic elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-widget elementor-widget-call-to-action\" data-id=\"e793b2d\" data-element_type=\"widget\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-cta__title elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tB\u0119dzin\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__description elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tProfesjonalna ochrona w B\u0119dzinie. Monitoring, zabezpieczenia i szybkie interwencje\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7b528f elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"d7b528f\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"><span style=\"text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\">Poznaj Ofert\u0119<\/span><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b925e84 e-con-full e-flex e-con e-child\" data-id=\"b925e84\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b50639d elementor-widget elementor-widget-image\" data-id=\"b50639d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/10\/POL_Chorz%C3%B3w_COA.svg\/1200px-POL_Chorz%C3%B3w_COA.svg.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00cc52a elementor-cta--valign-middle elementor-cta--skin-classic elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-widget elementor-widget-call-to-action\" data-id=\"00cc52a\" data-element_type=\"widget\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-cta__title elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tChorz\u00f3w\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__description elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tSkuteczna ochrona w Chorzowie. Zapewniamy bezpiecze\u0144stwo firm, osiedli i instytucji\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fff3e29 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"fff3e29\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"><span style=\"text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\">Poznaj Ofert\u0119<\/span><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a699bcd e-con-full e-flex e-con e-child\" data-id=\"a699bcd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afe7fae elementor-widget elementor-widget-image\" data-id=\"afe7fae\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/00\/POL_D%C4%85browa_G%C3%B3rnicza_COA.svg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24d1c5e elementor-cta--valign-middle elementor-cta--skin-classic elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-widget elementor-widget-call-to-action\" data-id=\"24d1c5e\" data-element_type=\"widget\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-cta__title elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tD\u0105browa G\u00f3rnicza\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__description elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tOchrona w D\u0105browie G\u00f3rniczej. Profesjonalny monitoring, ochrona fizyczna i szybkie interwencje\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95421a3 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"95421a3\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"><span style=\"text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\">Poznaj Ofert\u0119<\/span><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Twoje Bezpiecze\u0144stwo Nasz Priorytet Profesjonalna ochrona os\u00f3b, mienia i obiekt\u00f3w 24\/7. Kontakt Twoje Bezpiecze\u0144stwo2 Nasz Priorytet Profesjonalna ochrona os\u00f3b, mienia i obiekt\u00f3w 24\/7. Kontakt Twoje Bezpiecze\u0144stwo Nasz Priorytet Profesjonalna ochrona os\u00f3b, mienia i obiekt\u00f3w 24\/7. Kontakt Twoje Bezpiecze\u0144stwo2 Nasz Priorytet Profesjonalna ochrona os\u00f3b, mienia i obiekt\u00f3w 24\/7. Kontakt Bezpiecze\u0144stwo 24\/7 Monitoring i systemy alarmowe Oferujemy&hellip;&nbsp;<a href=\"https:\/\/krawiecm.pl\/renomaHP\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">Strona G\u0142\u00f3wna<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/krawiecm.pl\/renomaHP\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/krawiecm.pl\/renomaHP\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/krawiecm.pl\/renomaHP\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/krawiecm.pl\/renomaHP\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/krawiecm.pl\/renomaHP\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":95,"href":"https:\/\/krawiecm.pl\/renomaHP\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":398,"href":"https:\/\/krawiecm.pl\/renomaHP\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/398"}],"wp:attachment":[{"href":"https:\/\/krawiecm.pl\/renomaHP\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}