Opis

.invert-img{filter:invert(100)}

/* Kolorowanie SVG */
.svg-mask {
display: inline-block;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
}
/* — KOLORY DLA NAGŁÓWKA — */
/* Mobile */
.mask-header {
background-color: #327541;
}
/* PC */
@media (min-width: 768px) {
.mask-header {
background-color: #50c878;
}
}
/* — KOLORY DLA STOPKI — */
/* Mobile */
.mask-footer {
background-color: #ffffff;
}
/* PC */
@media (min-width: 768px) {
.mask-footer {
background-color: #ffffff;
}
}

/* ==========================================================================
css – TYLKO UŻYWANE KLASY
========================================================================== */
@import url(’https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap’);
:root{–bs-body-font-family:system-ui,-apple-system,”Segoe UI”,Roboto,”Helvetica Neue”,Arial,sans-serif;–bs-body-font-size:1rem;–bs-body-font-weight:400;–bs-body-line-height:1.5;–bs-body-color:#212529;–bs-body-bg:#fff;–bs-border-width:1px;–bs-border-style:solid;–bs-border-color:#dee2e6;–bs-border-radius:0.375rem;–bs-border-radius-sm:0.25rem;–bs-border-radius-lg:0.5rem;–bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,0.075);–bs-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);–bs-box-shadow-lg:0 1rem 3rem rgba(0,0,0,0.175)}
*,::after,::before{box-sizing:border-box}

img,svg{vertical-align:middle}
.fif-kontener{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}
@media (min-width:576px){.fif-kontener{max-width:540px}}
@media (min-width:768px){.fif-kontener{max-width:720px}}
@media (min-width:992px){.fif-kontener{max-width:960px}}
@media (min-width:1200px){.fif-kontener{max-width:1140px}}
.row{–bs-gutter-x:1.5rem;–bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(–bs-gutter-y));margin-right:calc(-.5 * var(–bs-gutter-x));margin-left:calc(-.5 * var(–bs-gutter-x))}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(–bs-gutter-x) * .5);padding-left:calc(var(–bs-gutter-x) * .5);margin-top:var(–bs-gutter-y)}
.col-6{flex:0 0 auto;width:50%} .col-12{flex:0 0 auto;width:100%}
@media (min-width:768px){ .col-md-3{flex:0 0 auto;width:25%} .col-md-4{flex:0 0 auto;width:33.33333333%} .col-md-5{flex:0 0 auto;width:41.66666667%} .col-md-6{flex:0 0 auto;width:50%} .col-md-7{flex:0 0 auto;width:58.33333333%} .col-md-8{flex:0 0 auto;width:66.66666667%} .col-md-9{flex:0 0 auto;width:75%} }
.col-auto{flex:0 0 auto;width:auto}
.g-4{–bs-gutter-x:1.5rem;–bs-gutter-y:1.5rem} .g-5{–bs-gutter-x:3rem;–bs-gutter-y:3rem}
.accordion{–bs-accordion-color:var(–bs-body-color);–bs-accordion-bg:var(–bs-body-bg);–bs-accordion-border-color:var(–bs-border-color);–bs-accordion-border-width:var(–bs-border-width);–bs-accordion-border-radius:var(–bs-border-radius)}
.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:var(–bs-body-color);text-align:left;background-color:var(–bs-accordion-bg);border:0;border-radius:0;overflow-anchor:none}
.accordion-header{margin-bottom:0}
.accordion-item{color:var(–bs-accordion-color);background-color:var(–bs-accordion-bg);border:var(–bs-accordion-border-width) solid var(–bs-accordion-border-color)}
.accordion-body{padding:1rem 1.25rem}
.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(–bs-aspect-ratio);content:””}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}
.ratio-1×1{–bs-aspect-ratio:100%} .ratio-16×9{–bs-aspect-ratio:56.25%}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
.d-none{display:none!important} .d-block{display:block!important} .d-flex{display:flex!important} .d-inline-flex{display:inline-flex!important}
@media (min-width:768px){ .d-md-none{display:none!important} .d-md-block{display:block!important} }
.flex-column{flex-direction:column!important} .flex-wrap{flex-wrap:wrap!important}
@media (min-width:768px){ .flex-md-row{flex-direction:row!important} }
.justify-content-start{justify-content:flex-start!important} .justify-content-end{justify-content:flex-end!important} .justify-content-center{justify-content:center!important} .justify-content-between{justify-content:space-between!important}
@media (min-width:768px){ .justify-content-md-start{justify-content:flex-start!important} .justify-content-md-end{justify-content:flex-end!important} }
.align-items-start{align-items:flex-start!important} .align-items-end{align-items:flex-end!important} .align-items-center{align-items:center!important} .align-items-stretch{align-items:stretch!important}
.align-bottom{vertical-align:bottom!important}
.order-1{order:1!important} .order-2{order:2!important}
@media (min-width:768px){ .order-md-1{order:1!important} .order-md-2{order:2!important} }
.m-0{margin:0!important} .mb-0{margin-bottom:0!important} .mb-1{margin-bottom:.25rem!important} .mb-2{margin-bottom:.5rem!important} .mb-3{margin-bottom:1rem!important} .mb-4{margin-bottom:1.5rem!important} .mb-5{margin-bottom:3rem!important}
.mt-2{margin-top:.5rem!important} .mt-3{margin-top:1rem!important} .mt-4{margin-top:1.5rem!important} .mt-5{margin-top:3rem!important}
@media (min-width:768px){ .mt-md-0{margin-top:0!important} .mt-md-4{margin-top:1.5rem!important} .mt-md-5{margin-top:3rem!important} .mb-md-0{margin-bottom:0!important} }
.ms-auto{margin-left:auto!important} .me-auto{margin-right:auto!important} .mx-auto{margin-right:auto!important;margin-left:auto!important}
.p-4{padding:1.5rem!important} .px-3{padding-right:1rem!important;padding-left:1rem!important} .px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important} .py-2{padding-top:.5rem!important;padding-bottom:.5rem!important} .py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important} .py-5{padding-top:3rem!important;padding-bottom:3rem!important}
.pt-3{padding-top:1rem!important} .pt-4{padding-top:1.5rem!important} .pt-5{padding-top:3rem!important}
.pb-2{padding-bottom:.5rem!important} .pb-3{padding-bottom:1rem!important} .pb-4{padding-bottom:1.5rem!important} .pb-5{padding-bottom:3rem!important}
.pe-0{padding-right:0!important} .pe-2{padding-right:.5rem!important} .pe-4{padding-right:1.5rem!important}
@media (min-width:768px){ .pe-md-0{padding-right:0!important} .pe-md-4{padding-right:1.5rem!important} .pe-md-5{padding-right:3rem!important} .ps-md-4{padding-left:1.5rem!important} .ps-md-5{padding-left:3rem!important} .px-md-5{padding-right:3rem!important;padding-left:3rem!important} }
@media (min-width:992px){ .px-lg-5{padding-right:3rem!important;padding-left:3rem!important} }
@media (min-width:1200px){ .p-xl-5{padding:3rem!important} }
.gap-2{gap:.5rem!important} .gap-3{gap:1rem!important} .gap-4{gap:1.5rem!important}
@media (min-width:768px){ .gap-md-4{gap:1.5rem!important} }
.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}
.fs-2{font-size:calc(1.325rem + .9vw)!important} .fs-3{font-size:calc(1.3rem + .6vw)!important} .fs-4{font-size:calc(1.275rem + .3vw)!important} .fs-5{font-size:1.25rem!important} .fs-6{font-size:1rem!important}
@media (min-width:1200px){ .fs-2{font-size:2rem!important} .fs-3{font-size:1.75rem!important} .fs-4{font-size:1.5rem!important} }
.fw-light{font-weight:300!important} .fw-normal{font-weight:400!important} .fw-medium{font-weight:500!important} .fw-semibold{font-weight:600!important} .fw-bold{font-weight:700!important}
.lh-1{line-height:1!important} .lh-sm{line-height:1.25!important} .lh-lg{line-height:2!important} .small{font-size:.875em}
.text-start{text-align:left!important} .text-end{text-align:right!important} .text-center{text-align:center!important}
.text-decoration-none{text-decoration:none!important} .text-uppercase{text-transform:uppercase!important}
.text-white{color:#fff!important} .text-secondary{color:#6c757d!important} .text-dark{color:#212529!important} .text-light{color:#f8f9fa!important}
.bg-dark{background-color:#212529!important} .bg-light{background-color:#f8f9fa!important} .bg-white{background-color:#fff!important}
.border{border:var(–bs-border-width) var(–bs-border-style) var(–bs-border-color)!important}
.rounded{border-radius:var(–bs-border-radius)!important} .rounded-1{border-radius:var(–bs-border-radius-sm)!important} .rounded-3{border-radius:var(–bs-border-radius-lg)!important}
.overflow-hidden{overflow:hidden!important} .img-fluid{max-width:100%;height:auto}
.w-50{width:50%!important} .w-100{width:100%!important} .h-100{height:100%!important}
.position-relative{position:relative!important} .position-absolute{position:absolute!important}
.top-0{top:0!important} .bottom-0{bottom:0!important} .start-0{left:0!important} .end-0{right:0!important}
.z-1{z-index:1!important} .z-2{z-index:2!important} .z-3{z-index:3!important}
.border-bottom{border-bottom:var(–bs-border-width) var(–bs-border-style) var(–bs-border-color)!important}
.shadow-sm{box-shadow:var(–bs-box-shadow-sm)!important} .shadow-lg{box-shadow:var(–bs-box-shadow-lg)!important} .shadow-none{box-shadow:none!important}
/* ========================================================================== */

/* —– style dopisane —– */
:root {
–brand-green: #50c878;
–brand-dark: #4d4d49;
–brand-darker: #3d3d39;
}

/* —– GŁÓWNY KONTENER STRONY —– */
.page-fif {
width: 100%;
max-width: 1152px;
margin: 0 auto;
background-color: #ffffff;
position: relative;
overflow-x: hidden;
font-family: 'Inter’, sans-serif;
color: #333;
}
/* ———————————- */

/* klasy kolorów */
.text-brand-green { color: var(–brand-green) !important; }
.bg-brand-green { background-color: var(–brand-green) !important; }
.bg-brand-dark { background-color: var(–brand-dark) !important; }
.bg-brand-darker { background-color: var(–brand-darker) !important; }
.border-brand-green { border-color: var(–brand-green) !important; }

/* klasy układu */
.max-w-6xl { max-width: 1152px !important; margin-left: auto; margin-right: auto; }
.max-w-5xl { max-width: 1024px !important; margin-left: auto; margin-right: auto; }
.max-w-4xl { max-width: 896px !important; margin-left: auto; margin-right: auto; }

.py-16 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.object-contain { object-fit: contain; }
.backdrop-blur-sm { backdrop-filter: blur(4px); }
.rotate-6 { transform: rotate(6deg); }
.rotate-n6 { transform: rotate(-6deg); }

/* Tła */
.bg-circuit-pattern {
background-color: #f8fafc;
background-image: radial-gradient(#e2e8f0 1px, transparent 1px);
background-size: 20px 20px;
}
.hero-bg {
background: url(’https://www.fif.com.pl/rc/firma.jpg’) center/cover no-repeat;
}

/* ikony */
.icon-box {
width: 64px;
height: 64px;
border: 2px solid var(–brand-green);
border-radius: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1rem auto;
background: #fff;
box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
}

.hover-scale { transition: transform 0.3s ease, opacity 0.3s ease; }
.hover-scale:hover { transform: scale(1.1); }
.video-overlay { transition: background-color 0.3s ease; }
.video-fif-kontener:hover .video-overlay { background-color: rgba(0,0,0,0.1) !important; }

/* Kolumny tekstu */
.text-columns { column-count: 1; column-gap: 2rem; text-align: justify; }
@media (min-width: 768px) {
.text-columns { column-count: 2; }
.top-bar-offset { padding-right: 70px; }
.pe-md-5rem { padding-right: 5rem !important; }
.hero-img-shift {
left: -70px;
max-width: 400px !important;
margin-bottom: -60px;
margin-top: -70px;
}
}

/* — popup w sekcji 1 HERO — */
.popup-toggle-checkbox { display: none; }

.btn-plus-icon {
width: 44px; height: 44px;
position: relative;
display: inline-block;
}
.btn-plus-icon::before, .btn-plus-icon::after {
content: ”; position: absolute;
background-color: var(–brand-green);
border-radius: 4px;
}
.btn-plus-icon::before {
width: 100%; height: 10px;
top: 50%; left: 0; transform: translateY(-50%);
}
.btn-plus-icon::after {
width: 10px; height: 100%;
top: 0; left: 50%; transform: translateX(-50%);
}

.popup-modal {
position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
z-index: 1050;
display: flex; align-items: center; justify-content: center;
opacity: 0; visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
padding: 1rem;
}
.popup-backdrop {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: rgba(255,255,255,0.1);
backdrop-filter: blur(2px);
cursor: pointer;
}
.popup-content {
background-color: var(–brand-dark);
border-radius: 1.5rem;
padding: 2.5rem;
width: 100%; max-width: 850px;
position: relative; z-index: 2;
box-shadow: 0 20px 40px rgba(0,0,0,0.5);
transform: translateY(20px); transition: transform 0.3s ease;
max-height: 90vh; overflow-y: auto;
}
.popup-toggle-checkbox:checked ~ .popup-modal {
opacity: 1; visibility: visible;
}
.popup-toggle-checkbox:checked ~ .popup-modal .popup-content {
transform: translateY(0);
}
.popup-text-inner {
font-size: 0.95rem;
line-height: 1.6;
color: #e5e7eb !important;
text-align: justify;
}
@media (max-width: 768px) {
.popup-content { padding: 1.5rem; }
}
/* ———————————– */

/* Style dla plików do pobrania (Sekcja 10) */
.download-card {
width: 250px;
height: 250px;
background-color: #a3a3a3;
border-radius: 1.25rem;
transition: background-color 0.3s, transform 0.3s;
display: block;
}
.download-card:hover {
background-color: #9ca3af;
transform: translateY(-5px);
}
.download-icon-img { width: 85px; height: 85px; object-fit: contain; }
.download-bar { height: 3px; width: 100%; }
.download-title { color: #000; font-size: 0.95rem; }
@media (min-width: 768px) {
.download-card { width: 250px; height: 250px; }
.download-icon-img { width: 115px; height: 115px; }
.download-title { font-size: 1.05rem; }
}

/* Własny styl Akordeonu dla Sekcji 3 */
.ff-accordion-btn::after { display: none !important;}
.ff-accordion-btn {
padding-left: 0 !important;
padding-right: 0 !important;
background-color: transparent !important;
color: var(–brand-darker) !important;
display: flex;
align-items: flex-start;
}
.ff-accordion-icon {
display: inline-block;
width: 28px;
height: 36px;
flex-shrink: 0;
margin-right: 1rem;
transition: transform 0.3s ease;
background-repeat: no-repeat;
background-position: center;
background-image: url(„data:image/svg+xml,%3Csvg id=’Warstwa_1′ xmlns=’http://www.w3.org/2000/svg’ version=’1.1′ xmlns:xlink=’http://www.w3.org/1999/xlink’ viewBox=’0 0 15.6 37.2’%3E%3Cdefs%3E%3ClinearGradient id=’Gradient_bez_nazwy_680′ data-name=’Gradient bez nazwy 680′ x1=’.5′ y1=’5.6′ x2=’15.1′ y2=’5.6′ gradientUnits=’userSpaceOnUse’%3E%3Cstop offset=’0′ stop-color=’%23393935’/%3E%3Cstop offset=’1′ stop-color=’%235b5a55’/%3E%3C/linearGradient%3E%3ClinearGradient id=’Gradient_bez_nazwy_6801′ data-name=’Gradient bez nazwy 680′ x1=’-102.4′ y1=’-654.9′ x2=’-102.4′ y2=’-640.3′ gradientTransform=’translate(-639.8 134.7) rotate(90)’ xlink:href=’%23Gradient_bez_nazwy_680’/%3E%3C/defs%3E%3Cpolygon points=’15.1 5.6 15.1 10.5 7.8 5.6 .5 10.5 .5 5.6 7.8 .6 15.1 5.6′ fill=’url(%23Gradient_bez_nazwy_680)’/%3E%3Ccircle cx=’7.8′ cy=’18.9′ r=’5.1′ fill=’%2350c878’/%3E%3Cpolygon points=’.5 32.3 .5 27.3 7.8 32.3 15.1 27.3 15.1 32.3 7.8 37.2 .5 32.3′ fill=’url(%23Gradient_bez_nazwy_6801)’/%3E%3C/svg%3E”);
}
.css-app-radio { display: none; }
.css-app-radio:checked + .accordion-item .css-accordion-collapse {
grid-template-rows: 1fr;
}
.css-app-radio:checked + .accordion-item .ff-accordion-icon {
background-image: url(„data:image/svg+xml,%3Csvg id=’Warstwa_1′ xmlns=’http://www.w3.org/2000/svg’ version=’1.1′ xmlns:xlink=’http://www.w3.org/1999/xlink’ viewBox=’0 0 16.1 37.9’%3E%3Cdefs%3E%3ClinearGradient id=’Gradient_bez_nazwy_680′ data-name=’Gradient bez nazwy 680′ x1=’16’ y1=’6.1′ x2=’.3′ y2=’6.1′ gradientUnits=’userSpaceOnUse’%3E%3Cstop offset=’0′ stop-color=’%23393935’/%3E%3Cstop offset=’1′ stop-color=’%235b5a55’/%3E%3C/linearGradient%3E%3ClinearGradient id=’Gradient_bez_nazwy_6801′ data-name=’Gradient bez nazwy 680′ x1=’-102.1′ y1=’-654.5′ x2=’-102.1′ y2=’-639.8′ gradientTransform=’translate(-639 134.8) rotate(90)’ xlink:href=’%23Gradient_bez_nazwy_680’/%3E%3C/defs%3E%3Cpolygon points=’15.5 6 15.5 10.9 8.1 6 .8 10.9 .8 6 8.1 1 15.5 6′ fill=’none’ stroke=’url(%23Gradient_bez_nazwy_680)’ stroke-miterlimit=’10’/%3E%3Ccircle cx=’8.1′ cy=’19.3′ r=’5.1′ fill=’%2350c878’/%3E%3Cpolygon points=’.8 32.7 .8 27.7 8.1 32.7 15.5 27.7 15.5 32.7 8.1 37.6 .8 32.7′ fill=’url(%23Gradient_bez_nazwy_6801)’/%3E%3C/svg%3E”);
}
.ff-accordion-item {
border: none;
border-top: 2px solid #bce198 !important;
background-color: transparent !important;
}
.ff-accordion-item:last-child {
border-bottom: 2px solid #bce198 !important;
}
.ff-accordion-body {
padding-left: 44px;
padding-bottom: 1.5rem;
padding-right: 0;
}

.compare-img {
max-height: 100%; max-width: 100%; object-fit: contain; position: relative; z-index: 2;
transition: all 0.3s ease; opacity: 0.9; filter: drop-shadow(0 10px 10px rgba(0,0,0,0.1)); transform: scale(0.9);
}

/* podmiana zdjęc w sekcji 3 o aplikacji */
.app-img-grid {
display: grid;
align-items: center;
justify-items: end;
}
.app-img-grid > img {
grid-area: 1 / 1;
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
opacity: 0;
transform: translateY(20px);
pointer-events: none;
}

/* AKORDEON DLA SEKCJI 6 */
.zalety-accordion .accordion-item {
background-color: transparent !important;
border: none;
border-bottom: 2px solid var(–brand-green) !important;
}
.zalety-accordion .accordion-item:first-of-type {
border-top: 2px solid var(–brand-green) !important;
}
.zalety-accordion .accordion-button {
background-color: transparent !important;
color: #fff !important;
font-weight: 600;
font-size: 1.25rem;
box-shadow: none !important;
padding: 1.25rem 0;
display: flex;
align-items: center;
cursor: pointer;
width: 100%;
}
.zalety-accordion .accordion-button::after {
display: none !important;
}
.zalety-accordion .accordion-body {
color: #d1d5db;
padding: 0 0 1.25rem 2.5rem;
font-weight: 500;
}

/* Ikonka dla akordeonu */
.zalety-icon {
display: inline-block;
width: 24px; height: 33px;
margin-right: 15px;
flex-shrink: 0;
transition: transform 0.3s, opacity 0.3s;
background-image: url(„data:image/svg+xml,%3Csvg id=’Warstwa_1′ xmlns=’http://www.w3.org/2000/svg’ version=’1.1′ viewBox=’0 0 15.6 37.2’%3E%3Cpolygon points=’15.1 5.6 15.1 10.5 7.8 5.6 .5 10.5 .5 5.6 7.8 .6 15.1 5.6′ fill=’%23fff’/%3E%3Ccircle cx=’7.8′ cy=’18.9′ r=’5.1′ fill=’%2350c878’/%3E%3Cpolygon points=’.5 32.3 .5 27.3 7.8 32.3 15.1 27.3 15.1 32.3 7.8 37.2 .5 32.3′ fill=’%23fff’/%3E%3C/svg%3E”);
background-repeat: no-repeat;
background-position: center;
}

.css-zalety-radio { display: none; }
.css-accordion-collapse {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.3s ease-in-out;
}
.css-accordion-collapse-inner {
overflow: hidden;
}

.css-zalety-radio:checked + .accordion-item .css-accordion-collapse {
grid-template-rows: 1fr;
}
.css-zalety-radio:checked + .accordion-item .zalety-icon {
transform: rotate(0deg);
opacity: 1;
}
.css-zalety-radio:not(:checked) + .accordion-item .zalety-icon {
transform: rotate(-90deg);
opacity: 0.5;
}

.feature-indicator {
position: absolute;
width: 90px; height: 90px;
margin-top: -45px;
margin-left: -15px;
transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
z-index: 10;
filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.6));
}

/* Przyciski-poradniki z ukośnymi krawędziami (Sekcja 7) */
.btn-poradnik {
background-color: var(–brand-dark);
text-decoration: none;
padding: 1.25rem 2rem;
transform: skewX(-15deg);
display: inline-block;
width: 100%;
max-width: 420px;
transition: background-color 0.3s;
}
.btn-poradnik:hover {
background-color: var(–brand-darker);
}
.btn-poradnik-content {
transform: skewX(15deg);
display: flex;
flex-direction: column;
}

.custom-scrollbar::-webkit-scrollbar { height: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 4px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: var(–brand-green); }

.hero-diagonal-fif-kontener {
position: relative;
background-color: #fff;
min-height: 420px;
overflow: hidden;
}
.hero-bg-clipped {
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background-color: #2a2a2a;
background-image: url(’https://www.fif.com.pl/rc/firma.jpg’);
background-position: center;
background-size: cover;
clip-path: polygon(0 0, 82% 0, 70% 100%, 0% 100%);
z-index: 1;
}
.hero-top-bar {
position: relative;
background-color: #fff;
}

.text-fox-green { color: #84f237; }
.text-gradient {
color: #85f139;
background-image: linear-gradient(180deg, #85f139 , #32A151 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.stopka-gradient { background: linear-gradient(90deg, #4ac272 , #72e250 65%); }
.text-topbar { color: #327541; }

@media (max-width: 768px) {
.hero-bg-clipped { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
.hero-diagonal-fif-kontener { min-height: auto; padding-bottom: 3rem; }
.app-img-grid { justify-items: center; }
}

.hero-top-pb { padding-bottom: 6px; }
.hero-top-line { bottom: 0; right: 0; width: 100vw; height: 5px; background-color: var(–brand-green); }
.hero-logo { height: 52px; object-fit: contain; display: block; }
.hero-mobile-line { height: 5px; background-color: var(–brand-green); }
.text-shadow-light { text-shadow: 1px 1px 3px rgba(0,0,0,0.6); }
.text-shadow-heavy { max-width: 550px; text-shadow: 1px 1px 4px rgba(0,0,0,0.8); }
.fw-500 { font-weight: 500; }
.icon-80 { width: 80px; height: 80px; }
.bg-tlo1 { background-image: url(’https://www.fif.com.pl/tim/tlo1.jpg’); background-size: cover; background-position: center; }
.cursor-pointer { cursor: pointer; }
.app-img { max-width: 100%; margin-right: 0; }
.obj-cover { object-fit: cover; }
.z-index-2 { z-index: 2; }
.model-bg-shape { top: -20%; left: -10%; width: 120%; height: 140%; z-index: 0; pointer-events: none; }
.border-bottom-3 { border-bottom-width: 3px !important; }
.model-viewer-box { width: 100%; max-width: 600px; height: 500px; background-color: transparent; }

/* tu zmieniamy skosy w ciemnym tle */
.clip-corner-tl { width: 80px; height: 80px; clip-path: polygon(0 0, 100% 0, 0 100%); z-index: 0; }
.clip-corner-br { width: 80px; height: 80px; clip-path: polygon(100% 100%, 0 100%, 100% 0); z-index: 0; }

.w-320 { width: 320px; }
.shadow-product { filter: drop-shadow(-15px 25px 20px rgba(0,0,0,0.5)); }
.tech-desc { color: #ffffff !important; text-align: justify; font-size: 1.275rem; line-height: 1.6; }
.tech-border-light { border-color: rgba(255,255,255,0.05) !important; }
.tech-divider { border-top: 2px solid #ffffff; width: 100%; margin-bottom: 1rem; }
.max-w-800 { max-width: 800px; }
.max-w-700 { max-width: 700px; }
.max-w-600 { max-width: 600px; }
.tech-border-left { border-left: 2px solid rgba(255,255,255,0.3); }
.letter-spacing-1 { letter-spacing: 0.5px; }

.footer-shape-bg { max-width: 92%; clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); }
.footer-logo-img { height: 65px; object-fit: contain; }
.footer-title { font-size: 1.6rem; letter-spacing: 0.5px; }
.footer-subtitle { letter-spacing: 0.3px; }

/* Dynamicznie generowane klasy dla CSS :has() obsługujące podmienianie obrazów oraz układ wskaźników bez JS */

.sekcja-aplikacja-wrapper:has(#app-rad-1-AWZ-24V:checked) .app-img-1 {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
z-index: 2;
}

.sekcja-aplikacja-wrapper:has(#app-rad-2-AWZ-24V:checked) .app-img-2 {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
z-index: 2;
}

.sekcja-aplikacja-wrapper:has(#app-rad-3-AWZ-24V:checked) .app-img-3 {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
z-index: 2;
}

.sekcja-zalety-wrapper:has(#z-rad-1-AWZ-24V:checked) .feature-indicator {
top: 51.97%;
left: 78.61%;
transform: rotate(0deg);
}

.sekcja-zalety-wrapper:has(#z-rad-2-AWZ-24V:checked) .feature-indicator {
top: 33.16%;
left: 30.86%;
transform: rotate(0deg);
}

.sekcja-zalety-wrapper:has(#z-rad-3-AWZ-24V:checked) .feature-indicator {
top: 3.65%;
left: 51.87%;
transform: rotate(0deg);
}

.sekcja-zalety-wrapper:has(#z-rad-4-AWZ-24V:checked) .feature-indicator {
top: 97.04%;
left: 51.87%;
transform: rotate(0deg);
}

.sekcja-zalety-wrapper:has(#z-rad-5-AWZ-24V:checked) .feature-indicator {
top: 73.64%;
left: 34.3%;
transform: rotate(0deg);
}

automatyka domowa i przemysłowa

AWZ-24V

Automat zmierzchowy AWZ 24 V

Hermetyczny automat zmierzchowy AWZ 24 V do sterowania oświetleniem

Dlaczego warto wybrać AWZ-24V?

Zasilanie 21÷27 V AC/DC

Obciążenie AC-1 do 16 A

Regulacja progu 2÷1000 lx

Wbudowany element światłoczuły

Hermetyczna obudowa IP65

Montaż natynkowy

Wyjście przekaźnikowe 1×NO

Opóźnienie włączenia i wyłączenia

Praca od -25 do 50°C

Automatyczne sterowanie oświetleniem

AWZ 24 V samoczynnie załącza oświetlenie o zmierzchu i wyłącza je o świcie, ograniczając potrzebę ręcznej obsługi instalacji. To praktyczne rozwiązanie do oświetlenia ulic, placów, reklam, wystaw i innych punktów zewnętrznych, gdzie liczy się powtarzalna praca zależna od naturalnego natężenia światła.

Regulowany próg zadziałania

Użytkownik może dopasować moment załączenia oświetlenia potencjometrem w zakresie 2÷1000 lx. Obrót w stronę symbolu księżyca powoduje późniejsze załączenie, a w stronę symbolu słońca wcześniejsze, co pozwala precyzyjnie dostosować pracę urządzenia do lokalizacji i oczekiwanego poziomu oświetlenia.

Stabilna praca w obudowie IP65

Hermetyczna obudowa IP65 oraz dopuszczalna temperatura pracy od -25 do 50°C wspierają zastosowanie urządzenia w instalacjach zewnętrznych. Dodatkowy układ opóźniający załączenie i wyłączenie pomaga eliminować przypadkowe reakcje na krótkotrwałe zakłócenia świetlne, zwiększając niezawodność automatyki oświetlenia.

Niskie zużycie energii

Pobór mocy wynosi tylko 0,8 W.

Prosta integracja

Wyjście przekaźnikowe NO ułatwia sterowanie odbiornikiem.

Odporność środowiskowa

Zakres pracy obejmuje temperatury od -25 do 50°C.

AWZ-24V – wizualizacja urządzenia

Poznaj inne zalety AWZ-24V

Hermetyczna obudowa natynkowa

Urządzenie ma kompaktową obudowę 60×85×35 mm przeznaczoną do montażu natynkowego, odpowiednią do instalacji zewnętrznych.

Przykręcana pokrywa czołowa

Na froncie znajduje się pokrywa czołowa, którą należy zdjąć podczas montażu i szczelnie dokręcić po podłączeniu przewodów.

Widoczny element światłoczuły

Wbudowany czujnik światła znajduje się w obudowie i reaguje na poziom światła dziennego.

Gumowa przelotka przewodu

Przewód przyłączeniowy wprowadzany jest przez gumową przelotkę.

Regulacja pod pokrywą

Potencjometr ustawiania progu zadziałania jest dostępny po zdjęciu pokrywy czołowej i oznaczony symbolami słońca oraz księżyca.

Materiały dodatkowe

Zobacz też: Miniaturowy automat zmierzchowy

Zobacz też: AZH-MINI-LED – recenzja

GDZIE WARTO ZAMONTOWAĆ AUTOMAT ZMIERZCHOWY?

PORADNIK

STEROWANIE OŚWIETLENIEM W OGRODZIE – ROZWIĄZANIA, ELEMENTY SYSTEMU, KOSZTY

PORADNIK

W JAKI SPOSÓB OSZCZĘDZAĆ ENERGIĘ ELEKTRYCZNĄ STERUJĄC OŚWIETLENIEM W DOMU I WOKÓŁ DOMU

PORADNIK

Schematy

Wymiary

<div class="col-md-8 text-center text-md-st

Opinie

Na razie nie ma opinii o produkcie.

Napisz pierwszą opinię o „Wyłącznik zmierzchowy 16A 24V AC/DC 2-1000lx AWZ-24V”

Wyłącznik zmierzchowy 16A 24V AC/DC 2-1000lx AWZ-24V

Opis

Opinie

Ostatnio oglądane

Podobne produkty i polecane do kompletu

Przekaźnik czasowy 1Z 10A 1-15min 230V AC opóźnione odpadanie PO-406

Wyłącznik zmierzchowy 10A 12V AC 2-1000lx AZH-12V

Przekaźnik czasowy 1P 10A 1-15min 230V AC opóźnione odpadanie PO-415 230V

Automat schodowy tablicowy 10A 0,5-10min 24V AC ASO-24

Automat schodowy tablicowy 10A 0,5-10min 230V AC ASO-220

Automat schodowy z przeciwblokadą 16A 0,5-10min 230V AC AS-223

Automat schodowy do puszki fi60 10A 0,5-10min 230V AC ASO-205

Automat schodowy z przeciwblokadą 16A 0,5-10min 230V AC ASO-202

Twój koszyk (0)

Dobierz do zamówienia