{"id":3617,"date":"2026-07-31T19:14:14","date_gmt":"2026-07-31T18:14:14","guid":{"rendered":"https:\/\/fab57.si\/?page_id=3617"},"modified":"2026-08-20T15:51:09","modified_gmt":"2026-08-20T14:51:09","slug":"off-grid","status":"publish","type":"page","link":"https:\/\/fab57.si\/en\/off-grid\/","title":{"rendered":"OFF-GRID Sistemi"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-e0a854ed alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-eff040be\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-13cf1b44 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-c532a4bc\"><\/div>\n<\/div><\/div>\n\n\n\n<!-- FAB57 OFF-GRID SYSTEMS SUBPAGE CODE (LIGHT THEME + #3e5e73 ACCENT) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&#038;family=Open+Sans:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n  \/* ==========================================\n     FAB57 OFF-GRID SYSTEMS - CSS STYLES\n     Light Theme Background + #3e5e73 Accent Color\n     ========================================== *\/\n  \n  :root {\n    --fab-bg: #ffffff;\n    --fab-bg-alt: #f8f9fa;\n    --fab-card-bg: #ffffff;\n    --fab-accent: #3e5e73;\n    --fab-accent-hover: #2e4758;\n    --fab-victron-blue: #00529b;\n    --fab-text-heading: #121212;\n    --fab-text-body: #333333;\n    --fab-text-muted: #666666;\n    --fab-border: #e0e0e0;\n    --fab-font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    --fab-font-body: 'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  }\n\n  .fab57-offgrid-page {\n    background-color: var(--fab-bg);\n    color: var(--fab-text-body);\n    font-family: var(--fab-font-body);\n    line-height: 1.6;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  .fab57-offgrid-page *, \n  .fab57-offgrid-page *::before, \n  .fab57-offgrid-page *::after {\n    box-sizing: inherit;\n  }\n\n  \/* Container *\/\n  .fab-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  \/* Typography *\/\n  .fab57-offgrid-page h1, \n  .fab57-offgrid-page h2, \n  .fab57-offgrid-page h3, \n  .fab57-offgrid-page h4 {\n    font-family: var(--fab-font-heading);\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-top: 0;\n    color: var(--fab-text-heading);\n  }\n\n  .fab-badge {\n    display: inline-block;\n    background: var(--fab-accent);\n    color: #ffffff;\n    font-size: 0.85rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    padding: 4px 12px;\n    border-radius: 4px;\n    margin-bottom: 15px;\n    letter-spacing: 1px;\n  }\n\n  .fab-badge-victron {\n    background: var(--fab-victron-blue);\n  }\n\n  \/* Sections *\/\n  .fab-section {\n    padding: 70px 0;\n    border-bottom: 1px solid var(--fab-border);\n  }\n\n  .fab-section-alt {\n    background-color: var(--fab-bg-alt);\n  }\n\n  .fab-section-title {\n    text-align: center;\n    font-size: 2.2rem;\n    margin-bottom: 15px;\n  }\n\n  .fab-section-subtitle {\n    text-align: center;\n    color: var(--fab-text-muted);\n    max-width: 700px;\n    margin: 0 auto 50px auto;\n    font-size: 1.1rem;\n  }\n\n  \/* Hero Section (Rounded Corners Variant) *\/\n  .fab-hero {\n    position: relative;\n    background: linear-gradient(135deg, rgba(18,18,18,0.85) 0%, rgba(30,30,30,0.75) 100%), \n                url('https:\/\/fab57.si\/wp-content\/uploads\/2026\/08\/16.png?auto=format&fit=crop&w=1920&q=80') center\/cover no-repeat;\n    padding: 90px 20px 70px 20px;\n    text-align: center;\n    color: #ffffff;\n    \n    border-radius: 16px;\n    overflow: hidden;\n    max-width: 1200px;\n    margin: 20px auto 0 auto;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n    border-bottom: 4px solid var(--fab-accent);\n  }\n\n  .fab-hero h1 {\n    font-size: 2.6rem;\n    font-weight: 800;\n    margin-bottom: 20px;\n    color: #ffffff;\n  }\n\n  .fab-hero h1 span {\n    color: #ffffff;\n    border-bottom: 3px solid var(--fab-accent);\n  }\n\n  .fab-hero-lead {\n    font-size: 1.2rem;\n    max-width: 850px;\n    margin: 0 auto 35px auto;\n    color: #e0e0e0;\n    font-weight: 400;\n  }\n\n  .fab-hero-tags {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 25px;\n  }\n\n  .fab-tag {\n    background: rgba(255, 255, 255, 0.15);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    padding: 8px 16px;\n    border-radius: 30px;\n    font-size: 0.9rem;\n    color: #ffffff;\n  }\n\n  \/* Buttons *\/\n  .fab-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    background: var(--fab-accent);\n    color: #ffffff;\n    font-family: var(--fab-font-heading);\n    font-weight: 700;\n    padding: 14px 32px;\n    border-radius: 4px;\n    text-decoration: none;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    transition: all 0.3s ease;\n    border: none;\n    cursor: pointer;\n  }\n\n  .fab-btn:hover {\n    background: var(--fab-accent-hover);\n    transform: translateY(-2px);\n    color: #ffffff;\n  }\n\n  \/* Quality & Victron *\/\n  .fab-quality-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    align-items: center;\n  }\n\n  .fab-quality-content h2 {\n    font-size: 2rem;\n    margin-bottom: 20px;\n  }\n\n  .fab-quality-content p {\n    color: var(--fab-text-body);\n    font-size: 1.05rem;\n    margin-bottom: 20px;\n  }\n\n  .fab-image-card {\n    position: relative;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--fab-border);\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n  }\n\n  .fab-image-card img {\n    width: 100%;\n    height: 380px;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.5s ease;\n  }\n\n  .fab-image-card:hover img {\n    transform: scale(1.03);\n  }\n\n  .fab-image-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(transparent, rgba(0,0,0,0.85));\n    padding: 20px;\n    font-size: 0.9rem;\n    color: #ffffff;\n  }\n\n  \/* Offer Grid *\/\n  .fab-offer-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 22px;\n  }\n\n  .fab-offer-card {\n    background: var(--fab-card-bg);\n    border: 1px solid var(--fab-border);\n    border-radius: 8px;\n    padding: 28px 22px;\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n    position: relative;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n  }\n\n  .fab-offer-card:hover {\n    transform: translateY(-5px);\n    border-color: var(--fab-accent);\n    box-shadow: 0 10px 20px rgba(62, 94, 115, 0.12);\n  }\n\n  .fab-offer-icon {\n    font-size: 2rem;\n    color: var(--fab-accent);\n    margin-bottom: 18px;\n  }\n\n  .fab-offer-card h3 {\n    font-size: 1.15rem;\n    margin-bottom: 10px;\n  }\n\n  .fab-offer-card p {\n    color: var(--fab-text-muted);\n    font-size: 0.95rem;\n    margin: 0;\n  }\n\n  \/* Gallery Grid *\/\n  .fab-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 25px;\n    margin-top: 45px;\n  }\n\n  .fab-gallery-item {\n    background: var(--fab-card-bg);\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--fab-border);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.04);\n  }\n\n  .fab-gallery-item img {\n    width: 100%;\n    height: 220px;\n    object-fit: cover;\n  }\n\n  .fab-gallery-info {\n    padding: 20px;\n  }\n\n  .fab-gallery-info h4 {\n    margin-bottom: 8px;\n  }\n\n  .fab-gallery-info p {\n    color: var(--fab-text-muted);\n    font-size: 0.9rem;\n    margin: 0;\n  }\n\n  \/* Smart App Section *\/\n  .fab-app-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n    align-items: center;\n  }\n\n  .fab-app-features {\n    list-style: none;\n    padding: 0;\n    margin: 25px 0 0 0;\n  }\n\n  .fab-app-features li {\n    position: relative;\n    padding-left: 35px;\n    margin-bottom: 16px;\n    color: var(--fab-text-body);\n    font-size: 1.05rem;\n  }\n\n  .fab-app-features li i {\n    position: absolute;\n    left: 0;\n    top: 3px;\n    color: var(--fab-accent);\n    font-size: 1.2rem;\n  }\n\n  \/* Tailored Section *\/\n  .fab-tailored-box {\n    background: var(--fab-bg-alt);\n    border: 1px solid var(--fab-border);\n    border-radius: 12px;\n    padding: 45px;\n    text-align: center;\n  }\n\n  .fab-tailored-box p {\n    font-size: 1.1rem;\n    max-width: 900px;\n    margin: 0 auto 25px auto;\n    color: var(--fab-text-body);\n  }\n\n  \/* Trust Grid *\/\n  .fab-trust-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    align-items: center;\n  }\n\n  .fab-stat-box {\n    display: flex;\n    gap: 20px;\n    background: var(--fab-bg-alt);\n    padding: 20px;\n    border-radius: 8px;\n    border-left: 4px solid var(--fab-accent);\n    margin-bottom: 20px;\n  }\n\n  .fab-stat-number {\n    font-family: var(--fab-font-heading);\n    font-size: 2rem;\n    font-weight: 800;\n    color: var(--fab-accent);\n    line-height: 1;\n  }\n\n  .fab-stat-text {\n    color: var(--fab-text-muted);\n    font-size: 0.95rem;\n  }\n\n  \/* Interactive Quiz Section *\/\n  .fab-quiz-section {\n    background: var(--fab-bg-alt);\n    padding: 80px 0;\n  }\n\n  .fab-quiz-container {\n    max-width: 800px;\n    margin: 0 auto;\n    background: var(--fab-card-bg);\n    border: 1px solid var(--fab-border);\n    border-radius: 12px;\n    padding: 40px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n  }\n\n  .fab-quiz-progress {\n    height: 6px;\n    background: #e9ecef;\n    border-radius: 3px;\n    margin-bottom: 30px;\n    overflow: hidden;\n  }\n\n  .fab-quiz-bar {\n    height: 100%;\n    width: 20%;\n    background: var(--fab-accent);\n    transition: width 0.4s ease;\n  }\n\n  .fab-quiz-step {\n    display: none;\n  }\n\n  .fab-quiz-step.active {\n    display: block;\n    animation: fadeIn 0.4s ease-in-out;\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .fab-quiz-step h3 {\n    font-size: 1.4rem;\n    margin-bottom: 25px;\n  }\n\n  .fab-options-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 15px;\n    margin-bottom: 30px;\n  }\n\n  .fab-option-card {\n    background: #ffffff;\n    border: 2px solid var(--fab-border);\n    border-radius: 8px;\n    padding: 20px;\n    cursor: pointer;\n    text-align: center;\n    transition: all 0.25s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .fab-option-card i {\n    font-size: 1.8rem;\n    color: var(--fab-text-muted);\n  }\n\n  .fab-option-card span {\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: var(--fab-text-body);\n  }\n\n  .fab-option-card:hover {\n    border-color: var(--fab-accent);\n    background: #fdfdfd;\n  }\n\n  .fab-option-card.selected {\n    border-color: var(--fab-accent);\n    background: rgba(62, 94, 115, 0.08);\n  }\n\n  .fab-option-card.selected i {\n    color: var(--fab-accent);\n  }\n\n  .fab-checkbox-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n    gap: 12px;\n    margin-bottom: 30px;\n  }\n\n  .fab-checkbox-item {\n    background: #ffffff;\n    border: 1px solid var(--fab-border);\n    border-radius: 6px;\n    padding: 14px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    cursor: pointer;\n  }\n\n  .fab-checkbox-item:hover {\n    background: #fdfdfd;\n    border-color: var(--fab-accent);\n  }\n\n  .fab-checkbox-item input[type=\"checkbox\"] {\n    accent-color: var(--fab-accent);\n    width: 18px;\n    height: 18px;\n    cursor: pointer;\n  }\n\n  .fab-form-group {\n    margin-bottom: 20px;\n    text-align: left;\n  }\n\n  .fab-form-group label {\n    display: block;\n    font-size: 0.9rem;\n    font-weight: 600;\n    margin-bottom: 8px;\n    color: var(--fab-text-body);\n  }\n\n  .fab-input {\n    width: 100%;\n    background: #ffffff;\n    border: 1px solid var(--fab-border);\n    border-radius: 4px;\n    padding: 12px 16px;\n    color: var(--fab-text-body);\n    font-family: var(--fab-font-body);\n    font-size: 1rem;\n  }\n\n  .fab-input:focus {\n    outline: none;\n    border-color: var(--fab-accent);\n  }\n\n  textarea.fab-input {\n    resize: vertical;\n    min-height: 90px;\n  }\n\n  .fab-quiz-nav {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 30px;\n  }\n\n  .fab-btn-secondary {\n    background: transparent;\n    border: 1px solid var(--fab-border);\n    color: var(--fab-text-muted);\n  }\n\n  .fab-btn-secondary:hover {\n    background: var(--fab-bg-alt);\n    color: var(--fab-text-body);\n  }\n\n  .fab-quiz-success {\n    text-align: center;\n    padding: 30px 10px;\n  }\n\n  .fab-quiz-success i {\n    font-size: 4rem;\n    color: #28a745;\n    margin-bottom: 20px;\n  }\n\n  @media (max-width: 868px) {\n    .fab-hero h1 { font-size: 2.1rem; }\n    .fab-quality-grid, .fab-app-grid, .fab-trust-grid { grid-template-columns: 1fr; }\n    .fab-tailored-box, .fab-quiz-container { padding: 25px 18px; }\n    .fab-quiz-nav { flex-direction: column-reverse; gap: 12px; }\n    .fab-quiz-nav button { width: 100%; }\n  }\n<\/style>\n\n<div class=\"fab57-offgrid-page\">\n\n  <!-- HERO SECTION -->\n  <header class=\"fab-hero\">\n    <div class=\"fab-container\">\n      <h1>Solarni sistemi za kombije, overland vozila in <span>stre\u0161ne \u0161otore<\/span><\/h1>\n      <p class=\"fab-hero-lead\">\n        Naj bo va\u0161e vozilo pripravljeno na brezskrbno kampiranje, tudi dale\u010d od elektri\u010dnih priklju\u010dkov. Vgrajujemo popolnoma prilagojene solarne in elektri\u010dne sisteme za avtodome, camper vane, overland vozila, stre\u0161ne \u0161otore, terenske prikolice in druge mobilne re\u0161itve.\n      <\/p>\n      <div>\n        <a href=\"#fab-quiz\" class=\"fab-btn\">\n          <i class=\"fa-solid fa-sliders\"><\/i> Sestavite svoj sistem (Kviz)\n        <\/a>\n      <\/div>\n      <div class=\"fab-hero-tags\">\n        <span class=\"fab-tag\"><i class=\"fa-solid fa-van-shuttle\"><\/i> Camper vani &#038; Kombiji<\/span>\n        <span class=\"fab-tag\"><i class=\"fa-solid fa-car-side\"><\/i> Overland &#038; 4&#215;4<\/span>\n        <span class=\"fab-tag\"><i class=\"fa-solid fa-campground\"><\/i> Stre\u0161ni \u0161otori<\/span>\n        <span class=\"fab-tag\"><i class=\"fa-solid fa-caravan\"><\/i> Terenske prikolice<\/span>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- QUALITY & VICTRON ENERGY SECTION -->\n  <section class=\"fab-section\">\n    <div class=\"fab-container\">\n      <div class=\"fab-quality-grid\">\n        <div class=\"fab-quality-content\">\n          <span class=\"fab-badge fab-badge-victron\">Victron Energy Partner<\/span>\n          <h2>Kakovost brez kompromisov<\/h2>\n          <p>\n            Vsak sistem zasnujemo glede na va\u0161e potrebe, na\u010din potovanja in porabo elektri\u010dne energije \u2013 od enostavnih solarnih sistemov do naprednih energetskih re\u0161itev za popolno energijsko neodvisnost.\n          <\/p>\n          <p>\n            Pri vseh projektih uporabljamo vrhunske komponente proizvajalca <strong>Victron Energy<\/strong>, ki velja za enega vodilnih svetovnih proizvajalcev opreme za mobilne in off-grid energetske sisteme. Njihove re\u0161itve zagotavljajo visoko zanesljivost, dolgo \u017eivljenjsko dobo in enostavno nadgradljivost.\n          <\/p>\n        <\/div>\n        <div class=\"fab-image-card\">\n          <img decoding=\"async\" src=\"https:\/\/fab57.si\/wp-content\/uploads\/2026\/08\/Victron-Overland-setup-2.png?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Victron Energy Solar System Installation\">\n          <div class=\"fab-image-caption\">\n            <i class=\"fa-solid fa-shield-halved\"><\/i> Profesionalna vgradnja opreme Victron Energy z visoko zanesljivostjo.\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- WHAT WE OFFER -->\n  <section class=\"fab-section fab-section-alt\">\n    <div class=\"fab-container\">\n      <h2 class=\"fab-section-title\">Kaj vam ponujamo?<\/h2>\n      <p class=\"fab-section-subtitle\">Izdelamo sistem popolnoma po meri va\u0161e mobilne re\u0161itve<\/p>\n      \n      <div class=\"fab-offer-grid\">\n        <div class=\"fab-offer-card\">\n          <div class=\"fab-offer-icon\"><i class=\"fa-solid fa-solar-panel\"><\/i><\/div>\n          <h3>Monta\u017ea Solarnih Panelov<\/h3>\n          <p>Monta\u017ea solarnih panelov na strehe kombijev, avtodomov, prikolic ali stre\u0161nih \u0161otorov.<\/p>\n        <\/div>\n\n        <div class=\"fab-offer-card\">\n          <div class=\"fab-offer-icon\"><i class=\"fa-solid fa-microchip\"><\/i><\/div>\n          <h3>Victron MPPT Regulatorji<\/h3>\n          <p>MPPT solarne regulatorje Victron za maksimalen izkoristek son\u010dne energije.<\/p>\n        <\/div>\n\n        <div class=\"fab-offer-card\">\n          <div class=\"fab-offer-icon\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\n          <h3>12 V in 230 V Omre\u017eja<\/h3>\n          <p>Celoviti 12 V in 230 V elektri\u010dni sistemi za vsa va\u0161a orodja in naprave.<\/p>\n        <\/div>\n\n        <div class=\"fab-offer-card\">\n          <div class=\"fab-offer-icon\"><i class=\"fa-solid fa-plug-circle-bolt\"><\/i><\/div>\n          <h3>Inverterji Razli\u010dnih Mo\u010di<\/h3>\n          <p>Inverterji razli\u010dnih mo\u010di za zanesljivo napajanje 230 V porabnikov.<\/p>\n        <\/div>\n\n        <div class=\"fab-offer-card\">\n          <div class=\"fab-offer-icon\"><i class=\"fa-solid fa-car-battery\"><\/i><\/div>\n          <h3>LiFePO\u2084 Baterijski Sistemi<\/h3>\n          <p>Sistemi z eno ali ve\u010d pomo\u017enimi baterijami (LiFePO\u2084 ali druge izvedbe).<\/p>\n        <\/div>\n\n        <div class=\"fab-offer-card\">\n          <div class=\"fab-offer-icon\"><i class=\"fa-solid fa-truck-monster\"><\/i><\/div>\n          <h3>DC-DC Polnilniki<\/h3>\n          <p>DC-DC polnilniki za u\u010dinkovito polnjenje pomo\u017ene baterije med vo\u017enjo preko alternatorja.<\/p>\n        <\/div>\n\n        <div class=\"fab-offer-card\">\n          <div class=\"fab-offer-icon\"><i class=\"fa-solid fa-shield-cat\"><\/i><\/div>\n          <h3>Pametna Za\u0161\u010dita Tokokrogov<\/h3>\n          <p>Pametna za\u0161\u010dita in varna razdelitev elektri\u010dnih tokokrogov.<\/p>\n        <\/div>\n\n        <div class=\"fab-offer-card\">\n          <div class=\"fab-offer-icon\"><i class=\"fa-solid fa-diagram-next\"><\/i><\/div>\n          <h3>Mo\u017enost Nadgradenj<\/h3>\n          <p>Zasnove sistemov z mo\u017enostjo kasnej\u0161ih nadgradenj sistema.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- PHOTO GALLERY OF SYSTEMS -->\n      <div class=\"fab-gallery-grid\">\n        <div class=\"fab-gallery-item\">\n          <img decoding=\"async\" src=\"https:\/\/fab57.si\/wp-content\/uploads\/2026\/07\/Victron-200W-RV-Solar-Kit-with-Bluetooth-4_4d50300a-73d8-4491-87be-24f622b9b578-e1786195603305.webp?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Camper Van Off-Grid System\">\n          <div class=\"fab-gallery-info\">\n            <h4>Camper Vani &#038; Avtodomi<\/h4>\n            <p>Popolna avtonomija na potovanjih brez potrebe po kampih.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"fab-gallery-item\">\n          <img decoding=\"async\" src=\"https:\/\/fab57.si\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-3-2026-01_23_39-AM-2.jpg?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Overland 4x4 Off-Grid Rig\">\n          <div class=\"fab-gallery-info\">\n            <h4>Overland &#038; Terenska Vozila<\/h4>\n            <p>Robustni sistemi, odporni na tresljaje in ekstremne pogoje.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"fab-gallery-item\">\n          <img decoding=\"async\" src=\"https:\/\/fab57.si\/wp-content\/uploads\/2026\/06\/Galaxy-3.png?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Rooftop Tent Solar Setup\">\n          <div class=\"fab-gallery-info\">\n            <h4>Stre\u0161ni \u0160otori &#038; Prikolice<\/h4>\n            <p>Lahke in kompaktne re\u0161itve za hiter premik in enostavno uporabo.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- SMART APP CONTROL -->\n  <section class=\"fab-section\">\n    <div class=\"fab-container\">\n      <div class=\"fab-app-grid\">\n        <div class=\"fab-app-content\">\n          <span class=\"fab-badge\">Pametne Tehnologije<\/span>\n          <h2>Pametni nadzor preko aplikacije<\/h2>\n          <p>\n            Victron omogo\u010da enostavno spremljanje delovanja celotnega sistema preko mobilne aplikacije. Kadarkoli lahko preverite:\n          <\/p>\n          <ul class=\"fab-app-features\">\n            <li><i class=\"fa-solid fa-circle-check\"><\/i> Proizvodnjo son\u010dne elektrarne<\/li>\n            <li><i class=\"fa-solid fa-circle-check\"><\/i> Stanje napolnjenosti baterij<\/li>\n            <li><i class=\"fa-solid fa-circle-check\"><\/i> Porabo elektri\u010dne energije<\/li>\n            <li><i class=\"fa-solid fa-circle-check\"><\/i> Delovanje inverterjev in polnilnikov<\/li>\n            <li><i class=\"fa-solid fa-circle-check\"><\/i> Zgodovino delovanja sistema<\/li>\n          <\/ul>\n          <p style=\"margin-top: 20px; color: var(--fab-text-muted); font-size: 0.95rem;\">\n            Tako imate popoln nadzor nad svojo energijo, ne glede na to, kje se nahajate.\n          <\/p>\n        <\/div>\n        <div class=\"fab-image-card\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Smart App Battery &#038; Solar Monitoring\">\n          <div class=\"fab-image-caption\">\n            <i class=\"fa-solid fa-mobile-screen-button\"><\/i> VictronConnect aplikacija za popoln vpogled v delovanje sistema.\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TAILORED SYSTEM SECTION -->\n  <section class=\"fab-section\">\n    <div class=\"fab-container\">\n      <div class=\"fab-tailored-box\">\n        <h2>Sistem, prilagojen va\u0161emu na\u010dinu potovanja<\/h2>\n        <p>\n          Vsak uporabnik ima druga\u010dne potrebe. Nekdo potrebuje elektriko le za hladilnik in razsvetljavo, drugi \u017eeli brezskrbno uporabljati kavni aparat, indukcijsko plo\u0161\u010do, ra\u010dunalnike ali drugo opremo tudi ve\u010d dni brez priklopa na omre\u017eje.\n        <\/p>\n        <p>\n          Zato vsak sistem na\u010drtujemo individualno. Skupaj dolo\u010dimo va\u0161e \u017eelje, na\u010din kampiranja, pri\u010dakovano porabo in mo\u017enosti nadgradenj, nato pa izdelamo re\u0161itev, ki vam bo zanesljivo slu\u017eila vrsto let.\n        <\/p>\n        <p style=\"font-weight: 700; color: var(--fab-accent); font-size: 1.15rem; margin-bottom: 0;\">\n          Naj bo va\u0161a naslednja dogodiv\u0161\u010dina popolnoma neodvisna od elektri\u010dnih priklju\u010dkov. Z na\u0161imi prilagojenimi Victron energetskimi sistemi boste imeli energijo vedno tam, kjer jo potrebujete.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- WHY TRUST US -->\n  <section class=\"fab-section\">\n    <div class=\"fab-container\">\n      <div class=\"fab-trust-grid\">\n        <div>\n          <h2>Zakaj zaupati nam?<\/h2>\n          <p style=\"color: var(--fab-text-body); font-size: 1.05rem; margin-bottom: 20px;\">\n            Za nami so dolgoletne izku\u0161nje na podro\u010dju son\u010dne energije. Sodelovali smo pri na\u010drtovanju in monta\u017ei son\u010dnih elektrarn po celi Sloveniji in tujini, kjer smo skupaj vgradili \u017ee ve\u010d megavatov son\u010dnih panelov.\n          <\/p>\n          <p style=\"color: var(--fab-text-body); font-size: 1.05rem;\">\n            Znanje in izku\u0161nje iz velikih projektov danes prena\u0161amo tudi v izdelavo zanesljivih energetskih sistemov za avtodome, camper vane, overland vozila in prikolice.\n          <\/p>\n        <\/div>\n        <div>\n          <div class=\"fab-stat-box\">\n            <div class=\"fab-stat-number\">MW+<\/div>\n            <div class=\"fab-stat-text\">Ve\u010d megavatov vgrajenih solarnih panelov ter bogate izku\u0161nje iz industrijskih in mobilnih projektov.<\/div>\n          <\/div>\n          <div class=\"fab-stat-box\">\n            <div class=\"fab-stat-number\"><i class=\"fa-solid fa-microchip\"><\/i><\/div>\n            <div class=\"fab-stat-text\">Strokovnjaki za avto-elektroniko, custom o\u017ei\u010denje in napredne Victron Energy napeljave.<\/div>\n          <\/div>\n          <div class=\"fab-stat-box\">\n            <div class=\"fab-stat-number\"><i class=\"fa-solid fa-handshake\"><\/i><\/div>\n            <div class=\"fab-stat-text\">Osebni pristop \u2013 od prve ideje in izra\u010duna porabe do kon\u010dne monta\u017ee in podpore.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div style=\"text-align: center; margin-top: 50px; background: rgba(62,94,115,0.06); padding: 30px; border-radius: 8px; border: 1px dashed var(--fab-accent);\">\n        <p style=\"font-size: 1.1rem; margin-bottom: 15px;\">\n          \u010ce \u0161e niste prepri\u010dani, kak\u0161en sistem potrebujete, ali imate vpra\u0161anja glede solarnih panelov, baterij, inverterjev ali porabe energije, nas brez zadr\u017ekov kontaktirajte. Z veseljem vam svetujeme, odgovorimo na vpra\u0161anja in skupaj najdemo re\u0161itev!\n        <\/p>\n        <a href=\"#fab-quiz\" class=\"fab-btn\"><i class=\"fa-solid fa-paper-plane\"><\/i> Izpolnite Kviz in Pridobite Ponudbo<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- INTERACTIVE QUIZ SECTION -->\n  <section id=\"fab-quiz\" class=\"fab-quiz-section\">\n    <div class=\"fab-container\">\n      <div class=\"fab-quiz-container\">\n        <div style=\"text-align: center; margin-bottom: 25px;\">\n          <span class=\"fab-badge\">Konfigurator Sistema<\/span>\n          <h2 style=\"font-size: 1.8rem; margin-bottom: 5px;\">Sestavite svoj idealen OFF-Grid sistem<\/h2>\n          <p style=\"color: var(--fab-text-muted); font-size: 0.95rem;\">Odgovorite na nekaj kratkih vpra\u0161anj za pripravo neobvezujo\u010de ponudbe<\/p>\n        <\/div>\n\n        <div class=\"fab-quiz-progress\">\n          <div class=\"fab-quiz-bar\" id=\"quizBar\"><\/div>\n        <\/div>\n\n        <form id=\"fabOffgridForm\">\n          <!-- STEP 1: VEHICLE TYPE -->\n          <div class=\"fab-quiz-step active\" data-step=\"1\">\n            <h3>1. Kak\u0161no vozilo ali objekt opremljate?<\/h3>\n            <div class=\"fab-options-grid\">\n              <div class=\"fab-option-card\" data-value=\"Camper Van \/ Kombi\" onclick=\"selectSingleOption(this, 'vehicle_type')\">\n                <i class=\"fa-solid fa-van-shuttle\"><\/i>\n                <span>Camper Van \/ Kombi<\/span>\n              <\/div>\n              <div class=\"fab-option-card\" data-value=\"Avtodom\" onclick=\"selectSingleOption(this, 'vehicle_type')\">\n                <i class=\"fa-solid fa-caravan\"><\/i>\n                <span>Avtodom<\/span>\n              <\/div>\n              <div class=\"fab-option-card\" data-value=\"Overland \/ 4x4 Vozilo\" onclick=\"selectSingleOption(this, 'vehicle_type')\">\n                <i class=\"fa-solid fa-truck-monster\"><\/i>\n                <span>Overland \/ 4&#215;4 Vozilo<\/span>\n              <\/div>\n              <div class=\"fab-option-card\" data-value=\"Stre\u0161ni \u0160otor\" onclick=\"selectSingleOption(this, 'vehicle_type')\">\n                <i class=\"fa-solid fa-campground\"><\/i>\n                <span>Stre\u0161ni \u0160otor<\/span>\n              <\/div>\n              <div class=\"fab-option-card\" data-value=\"Terenska Prikolica\" onclick=\"selectSingleOption(this, 'vehicle_type')\">\n                <i class=\"fa-solid fa-trailer\"><\/i>\n                <span>Terenska Prikolica<\/span>\n              <\/div>\n              <div class=\"fab-option-card\" data-value=\"Drugo \/ Mobilna re\u0161itev\" onclick=\"selectSingleOption(this, 'vehicle_type')\">\n                <i class=\"fa-solid fa-house-laptop\"><\/i>\n                <span>Drugo \/ Mobilna re\u0161itev<\/span>\n              <\/div>\n            <\/div>\n            <input type=\"hidden\" name=\"vehicle_type\" id=\"input_vehicle_type\" required>\n            \n            <div class=\"fab-quiz-nav\">\n              <div><\/div>\n              <button type=\"button\" class=\"fab-btn\" onclick=\"nextStep(1)\">Naprej <i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\n            <\/div>\n          <\/div>\n\n          <!-- STEP 2: AUTONOMY \/ DAYS -->\n          <div class=\"fab-quiz-step\" data-step=\"2\">\n            <h3>2. Kak\u0161en je va\u0161 na\u010din potovanja in avtonomija?<\/h3>\n            <p style=\"color: var(--fab-text-muted); margin-bottom: 20px;\">Koliko dni \u017eelite zdr\u017eati brez priklopa na omre\u017eje ali kamp?<\/p>\n            \n            <div class=\"fab-options-grid\">\n              <div class=\"fab-option-card\" data-value=\"1-2 dni (Vikend izleti)\" onclick=\"selectSingleOption(this, 'autonomy')\">\n                <i class=\"fa-solid fa-calendar-day\"><\/i>\n                <span>1\u20132 dni (Vikend izleti)<\/span>\n              <\/div>\n              <div class=\"fab-option-card\" data-value=\"3-5 dni (Standard)\" onclick=\"selectSingleOption(this, 'autonomy')\">\n                <i class=\"fa-solid fa-calendar-week\"><\/i>\n                <span>3\u20135 dni (Standard)<\/span>\n              <\/div>\n              <div class=\"fab-option-card\" data-value=\"Neomejeno (Popolna neodvisnost)\" onclick=\"selectSingleOption(this, 'autonomy')\">\n                <i class=\"fa-solid fa-infinity\"><\/i>\n                <span>Neomejeno (Popolna neodvisnost)<\/span>\n              <\/div>\n            <\/div>\n            <input type=\"hidden\" name=\"autonomy\" id=\"input_autonomy\">\n\n            <div class=\"fab-quiz-nav\">\n              <button type=\"button\" class=\"fab-btn fab-btn-secondary\" onclick=\"prevStep(2)\"><i class=\"fa-solid fa-arrow-left\"><\/i> Nazaj<\/button>\n              <button type=\"button\" class=\"fab-btn\" onclick=\"nextStep(2)\">Naprej <i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\n            <\/div>\n          <\/div>\n\n          <!-- STEP 3: ELECTRICAL CONSUMERS (GEAR) -->\n          <div class=\"fab-quiz-step\" data-step=\"3\">\n            <h3>3. Katero opremo in porabnike boste uporabljali?<\/h3>\n            <p style=\"color: var(--fab-text-muted); margin-bottom: 20px;\">Izberite vse porabnike, ki jih na\u010drtujete priklopiti (ve\u010d mo\u017enosti):<\/p>\n            \n            <div class=\"fab-checkbox-grid\">\n              <label class=\"fab-checkbox-item\">\n                <input type=\"checkbox\" name=\"gear[]\" value=\"Kompresorski Hladilnik (12V)\">\n                <span><i class=\"fa-solid fa-snowflake\"><\/i> Kompresorski hladilnik<\/span>\n              <\/label>\n              <label class=\"fab-checkbox-item\">\n                <input type=\"checkbox\" name=\"gear[]\" value=\"LED Razsvetljava &#038; USB Polnilci\">\n                <span><i class=\"fa-solid fa-lightbulb\"><\/i> LED lu\u010di &#038; telefoni<\/span>\n              <\/label>\n              <label class=\"fab-checkbox-item\">\n                <input type=\"checkbox\" name=\"gear[]\" value=\"Prenosni ra\u010dunalnik \/ Dron \/ Kamere\">\n                <span><i class=\"fa-solid fa-laptop\"><\/i> Ra\u010dunalnik \/ Dron \/ Kamere<\/span>\n              <\/label>\n              <label class=\"fab-checkbox-item\">\n                <input type=\"checkbox\" name=\"gear[]\" value=\"Kavni aparat \/ Mikrovalovka (230V)\">\n                <span><i class=\"fa-solid fa-mug-hot\"><\/i> Kavni aparat (230V)<\/span>\n              <\/label>\n              <label class=\"fab-checkbox-item\">\n                <input type=\"checkbox\" name=\"gear[]\" value=\"Indukcijska kuhalna plo\u0161\u010da\">\n                <span><i class=\"fa-solid fa-fire-burner\"><\/i> Indukcijska plo\u0161\u010da<\/span>\n              <\/label>\n              <label class=\"fab-checkbox-item\">\n                <input type=\"checkbox\" name=\"gear[]\" value=\"Dizelsko \/ Parkirno ogrevanje\">\n                <span><i class=\"fa-solid fa-temperature-arrow-up\"><\/i> Parkirno ogrevanje<\/span>\n              <\/label>\n              <label class=\"fab-checkbox-item\">\n                <input type=\"checkbox\" name=\"gear[]\" value=\"Vodni grelec \/ Bojler\">\n                <span><i class=\"fa-solid fa-shower\"><\/i> Bojler za toplo vodo<\/span>\n              <\/label>\n              <label class=\"fab-checkbox-item\">\n                <input type=\"checkbox\" name=\"gear[]\" value=\"Klimatska naprava \/ Elektri\u010dna orodja\">\n                <span><i class=\"fa-solid fa-fan\"><\/i> Klima ali elektri\u010dno orodje<\/span>\n              <\/label>\n            <\/div>\n\n            <div class=\"fab-quiz-nav\">\n              <button type=\"button\" class=\"fab-btn fab-btn-secondary\" onclick=\"prevStep(3)\"><i class=\"fa-solid fa-arrow-left\"><\/i> Nazaj<\/button>\n              <button type=\"button\" class=\"fab-btn\" onclick=\"nextStep(3)\">Naprej <i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\n            <\/div>\n          <\/div>\n\n          <!-- STEP 4: PREFERENCES & CHARGING -->\n          <div class=\"fab-quiz-step\" data-step=\"4\">\n            <h3>4. Kak\u0161ne komponente ali na\u010dine polnjenja \u017eelite?<\/h3>\n            \n            <div class=\"fab-form-group\">\n              <label>\u017deleni na\u010dini polnjenja (izberite):<\/label>\n              <div class=\"fab-checkbox-grid\">\n                <label class=\"fab-checkbox-item\">\n                  <input type=\"checkbox\" name=\"charging[]\" value=\"Solarni paneli na strehi\" checked>\n                  <span>Solarni paneli<\/span>\n                <\/label>\n                <label class=\"fab-checkbox-item\">\n                  <input type=\"checkbox\" name=\"charging[]\" value=\"Polnjenje med vo\u017enjo (DC-DC alternator)\" checked>\n                  <span>Polnjenje med vo\u017enjo (DC-DC)<\/span>\n                <\/label>\n                <label class=\"fab-checkbox-item\">\n                  <input type=\"checkbox\" name=\"charging[]\" value=\"Zunanji 230V priklop (Kamp priklju\u010dek)\">\n                  <span>230V Kamp priklju\u010dek<\/span>\n                <\/label>\n              <\/div>\n            <\/div>\n\n            <div class=\"fab-form-group\">\n              <label>Imate \u017ee vgrajene kak\u0161ne komponente ali specifi\u010dne \u017eelje?<\/label>\n              <textarea name=\"existing_setup\" class=\"fab-input\" placeholder=\"Npr. Imamo \u017ee 100Ah baterijo ali pa \u017eelimo LiFePO4 200Ah z Victron MultiPlus inverterjem...\"><\/textarea>\n            <\/div>\n\n            <div class=\"fab-quiz-nav\">\n              <button type=\"button\" class=\"fab-btn fab-btn-secondary\" onclick=\"prevStep(4)\"><i class=\"fa-solid fa-arrow-left\"><\/i> Nazaj<\/button>\n              <button type=\"button\" class=\"fab-btn\" onclick=\"nextStep(4)\">Naprej <i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\n            <\/div>\n          <\/div>\n\n          <!-- STEP 5: CONTACT INFORMATION -->\n          <div class=\"fab-quiz-step\" data-step=\"5\">\n            <h3>5. Kam vam po\u0161ljemo pripravljeno ponudbo?<\/h3>\n            <p style=\"color: var(--fab-text-muted); margin-bottom: 20px;\">Vnesite va\u0161e podatke, da pregledamo va\u0161e zahteve in vam pripravimo prilagojeno ponudbo.<\/p>\n\n            <div class=\"fab-form-group\">\n              <label for=\"fab_name\">Ime in Priimek *<\/label>\n              <input type=\"text\" id=\"fab_name\" name=\"customer_name\" class=\"fab-input\" placeholder=\"Npr. Janez Novak\" required>\n            <\/div>\n\n            <div class=\"fab-form-group\">\n              <label for=\"fab_email\">E-po\u0161tni naslov *<\/label>\n              <input type=\"email\" id=\"fab_email\" name=\"customer_email\" class=\"fab-input\" placeholder=\"janez.novak@email.si\" required>\n            <\/div>\n\n            <div class=\"fab-form-group\">\n              <label for=\"fab_phone\">Telefonska \u0161tevilka (neobvezno)<\/label>\n              <input type=\"tel\" id=\"fab_phone\" name=\"customer_phone\" class=\"fab-input\" placeholder=\"040 123 456\">\n            <\/div>\n\n            <div class=\"fab-quiz-nav\">\n              <button type=\"button\" class=\"fab-btn fab-btn-secondary\" onclick=\"prevStep(5)\"><i class=\"fa-solid fa-arrow-left\"><\/i> Nazaj<\/button>\n              <button type=\"submit\" class=\"fab-btn\" id=\"fabSubmitBtn\">\n                <i class=\"fa-solid fa-paper-plane\"><\/i> Oddaj Povpra\u0161evanje\n              <\/button>\n            <\/div>\n          <\/div>\n        <\/form>\n\n        <!-- SUCCESS MESSAGE -->\n        <div id=\"quizSuccess\" class=\"fab-quiz-success\" style=\"display: none;\">\n          <i class=\"fa-solid fa-circle-check\"><\/i>\n          <h3 style=\"font-size: 1.8rem; margin-bottom: 10px;\">Hvala za oddano povpra\u0161evanje!<\/h3>\n          <p style=\"color: var(--fab-text-muted); font-size: 1.05rem; max-width: 600px; margin: 0 auto 20px auto;\">\n            Va\u0161i podatki so bili uspe\u0161no sprejeti. Na podlagi va\u0161ih izbranih naprav in na\u010dina potovanja bomo pripravili optimalen predlog Victron OFF-Grid sistema ter vas v kratkem kontaktirali na va\u0161 e-po\u0161tni naslov.\n          <\/p>\n          <span class=\"fab-badge\">FAB57 Ekipa<\/span>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- JAVASCRIPT LOGIC -->\n  <script>\n    let currentStep = 1;\n    const totalSteps = 5;\n\n    function updateProgressBar() {\n      const percentage = (currentStep \/ totalSteps) * 100;\n      document.getElementById('quizBar').style.width = percentage + '%';\n    }\n\n    function selectSingleOption(element, inputName) {\n      const parent = element.parentElement;\n      const cards = parent.querySelectorAll('.fab-option-card');\n      cards.forEach(card => card.classList.remove('selected'));\n      element.classList.add('selected');\n      \n      const val = element.getAttribute('data-value');\n      document.getElementById('input_' + inputName).value = val;\n    }\n\n    function nextStep(step) {\n      if (step === 1) {\n        const val = document.getElementById('input_vehicle_type').value;\n        if (!val) {\n          alert('Prosimo, izberite tip vozila ali objekta.');\n          return;\n        }\n      }\n\n      if (step < totalSteps) {\n        document.querySelector(`.fab-quiz-step[data-step=\"${step}\"]`).classList.remove('active');\n        currentStep = step + 1;\n        document.querySelector(`.fab-quiz-step[data-step=\"${currentStep}\"]`).classList.add('active');\n        updateProgressBar();\n      }\n    }\n\n    function prevStep(step) {\n      if (step > 1) {\n        document.querySelector(`.fab-quiz-step[data-step=\"${step}\"]`).classList.remove('active');\n        currentStep = step - 1;\n        document.querySelector(`.fab-quiz-step[data-step=\"${currentStep}\"]`).classList.add('active');\n        updateProgressBar();\n      }\n    }\n\n    \/\/ Form submission\n    document.getElementById('fabOffgridForm').addEventListener('submit', function(e) {\n      e.preventDefault();\n\n      const name = document.getElementById('fab_name').value;\n      const email = document.getElementById('fab_email').value;\n\n      if (!name || !email) {\n        alert('Prosimo, vnesite va\u0161e ime in e-po\u0161tni naslov.');\n        return;\n      }\n\n      \/\/ Zajem vseh podatkov iz kviza\n      const formData = new FormData(this);\n      const dataObj = {};\n      formData.forEach((value, key) => {\n        if (key.endsWith('[]')) {\n          const cleanKey = key.slice(0, -2);\n          if (!dataObj[cleanKey]) dataObj[cleanKey] = [];\n          dataObj[cleanKey].push(value);\n        } else {\n          dataObj[key] = value;\n        }\n      });\n\n      \/\/ Gumb spremenimo v \"Po\u0161iljanje...\"\n      const submitBtn = document.getElementById('fabSubmitBtn');\n      submitBtn.disabled = true;\n      submitBtn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> Po\u0161iljanje...';\n\n      \/\/ SEM VSTAVITE VA\u0160 FORMSPREE URL:\n      const formspreeUrl = 'https:\/\/formspree.io\/f\/mljrgwdv';\n\n      \/\/ Po\u0161iljanje podatkov na va\u0161 e-po\u0161tni naslov\n      fetch(formspreeUrl, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application\/json',\n          'Accept': 'application\/json'\n        },\n        body: JSON.stringify(dataObj)\n      })\n      .then(response => {\n        if (response.ok) {\n          \/\/ Prika\u017ei sporo\u010dilo o uspehu\n          document.getElementById('fabOffgridForm').style.display = 'none';\n          document.querySelector('.fab-quiz-progress').style.display = 'none';\n          document.getElementById('quizSuccess').style.display = 'block';\n        } else {\n          alert('Pri\u0161lo je do napake pri po\u0161iljanju. Prosimo, poskusite znova ali nas kontaktirajte direktno.');\n          submitBtn.disabled = false;\n          submitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Oddaj Povpra\u0161evanje';\n        }\n      })\n      .catch(error => {\n        alert('Pri\u0161lo je do napake pri povezavi.');\n        submitBtn.disabled = false;\n        submitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Oddaj Povpra\u0161evanje';\n      });\n    });\n  <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Solarni sistemi za kombije, overland vozila in stre\u0161ne \u0161otore Naj bo va\u0161e vozilo pripravljeno na brezskrbno kampiranje, tudi dale\u010d od elektri\u010dnih priklju\u010dkov. Vgrajujemo popolnoma prilagojene solarne in elektri\u010dne sisteme za avtodome, camper vane, overland vozila, stre\u0161ne \u0161otore, terenske prikolice in druge mobilne re\u0161itve. Sestavite svoj sistem (Kviz) Camper vani &#038; Kombiji Overland &#038; 4&#215;4 Stre\u0161ni [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3617","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"FAB57","author_link":"https:\/\/fab57.si\/en\/author\/mlg-lustygmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Solarni sistemi za kombije, overland vozila in stre\u0161ne \u0161otore Naj bo va\u0161e vozilo pripravljeno na brezskrbno kampiranje, tudi dale\u010d od elektri\u010dnih priklju\u010dkov. Vgrajujemo popolnoma prilagojene solarne in elektri\u010dne sisteme za avtodome, camper vane, overland vozila, stre\u0161ne \u0161otore, terenske prikolice in druge mobilne re\u0161itve. Sestavite svoj sistem (Kviz) Camper vani &#038; Kombiji Overland &#038; 4&#215;4 Stre\u0161ni&hellip;","_links":{"self":[{"href":"https:\/\/fab57.si\/en\/wp-json\/wp\/v2\/pages\/3617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fab57.si\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fab57.si\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fab57.si\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fab57.si\/en\/wp-json\/wp\/v2\/comments?post=3617"}],"version-history":[{"count":14,"href":"https:\/\/fab57.si\/en\/wp-json\/wp\/v2\/pages\/3617\/revisions"}],"predecessor-version":[{"id":3719,"href":"https:\/\/fab57.si\/en\/wp-json\/wp\/v2\/pages\/3617\/revisions\/3719"}],"wp:attachment":[{"href":"https:\/\/fab57.si\/en\/wp-json\/wp\/v2\/media?parent=3617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}