.abs-info-label {
display:none !important;
}


.pixfra_desc {
    width: 100%;
  }
  .pixfra_header {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    text-align: center;
  }
  .pixfra_text {
    text-align: center;
    margin-bottom: 20px !important;
  }

  .pixfra_single_img {
    margin-top:30px;
    margin-bottom:30px;
  }
  .pixfra_single_img_style {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    border-radius: 20px;
  }
  .pixfra_double_img {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 100%;
margin-bottom:20px;
  }
  .pixfra_double_img_style {
    border-radius: 20px;
    width: 48%;
  }

  .pixfra_img_text {
    display: flex;
    flex-direction: row;
    padding: 15px;
justify-content: space-between;
  }

  .pixfra_img_text img {
    width: 50%;
    max-height: 700px;
border-radius: 20px;
  }
  .pixfra_img_text p {
    width: 40%;
    display: flex;
margin: 15% auto; 
flex-direction: column;
  }


/* workaround-fix AFB-26181: */
div.checkbox.hidden {display:none !important;}

[data-panel-id="injection-1099"] .panel-heading {
display: flex;
}

#abs-price-start-delivery-li {
display:none
}

#abs-price-start-self-pickup-li {
display:none
}


.opis-mag {
display: none;
}

#productPanels .abs-tabs-panel-mode {
    height: 100% !important;
}

@media only screen and (max-width: 768px) {
.firstRow td {
 word-break:normal !important;
 display: flex;
 flex-direction: column;
width:100%;
}
}

table {
width: 100% !important;
}

.landscape table {
    width: 100% !important;
    margin: 0 auto;
}

.bitner_img { 
border-radius: 30px;
width: 100%; 
max-width: 1290px;
}

p img {
margin: 0 auto;
    justify-content: center;
    display: flex;
width:100%;
height: auto;
max-width:1298px;
}

.landscape img {
margin: 0 auto;
 justify-content: center;
    display: flex;
width:100%;
height: auto;
max-width:1298px;
}

.landscape p img {
margin: 0 auto;
    justify-content: center;
    display: flex;
width:100%;
height: auto;
max-width:1298px;
}

.fullScreen {
margin: 0 auto;
    justify-content: center;
    display: flex;
}

.abs-news-panel .abs-news-items .abs-news-item>.panel-body h3.hidden {
    height: 60px;
}

.product-header .product-subname {
    font-size: 18px  !important;
    font-weight: bold  !important;
    line-height: 1;
    color: #cb084d  !important;
    overflow-wrap: break-word;
    opacity: 1 !important;
}



.abs-news-item .abs-news-leadin-content img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: 220px !important;
    border-radius: 10px;
    object-fit: cover;
}


.row_hidden {
display:none !important;
visibility: hidden !important;
}

 .ac-table td {
    text-align: left;
width: 50%;
  }

.promitel-category {
  position: relative !important;
  display: inline-block !important;
  overflow: hidden !important;
}

.promitel-category::after {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0.6) 100%, rgba(255, 255, 255, 0.2) 100%) !important;
  opacity: 0 !important;
  transform: rotate(-45deg) !important;
  transition: transform 0.5s, opacity 0.5s !important;
z-index: 10;
}

.promitel-category:hover::after {
  transform: translate(100%, 100%) rotate(-45deg) !important;
  opacity: 1 !important;
}

.abs-news-leadin-content {
  position: relative !important;
  display: inline-block !important;
  overflow: hidden !important;
}
 .promitel_overview{
display: block;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}
.abs-news-leadin-content::after {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0.6) 100%, rgba(255, 255, 255, 0.2) 100%) !important;
  opacity: 0 !important;
  transform: rotate(-45deg) !important;
  transition: transform 0.5s, opacity 0.5s !important;
}

.abs-news-leadin-content:hover::after {
  transform: translate(100%, 100%) rotate(-45deg) !important;
  opacity: 1 !important;
}

.abs-news-leadin-content {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.abs-news-leadin-content::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0.6) 100%, rgba(255, 255, 255, 0.2) 100%);
  opacity: 0;
  transform: rotate(-45deg);
  transition: transform 0.5s, opacity 0.5s;
}

.abs-news-leadin-content:hover::after {
  transform: translate(100%, 100%) rotate(-45deg);
  opacity: 1;
}


.slick-dotted.slick-slider { margin-bottom: -1px!important; }
.abs-injection-slide {
    height: 100%;
}
.abs-news-date.hidden {
visibility: hidden !important;
}
.abs-news-panel .abs-news-items .abs-news-item>.panel-body .abs-news-leadin-content {
opacity: 1 !important;
}
.abs-news-content img {
 width:100% !important;
}
header .abs-header-menu-main::after {
z-index: 0 !important;
}

.preserveFormatting {
    display: flex;
    height: 100%;
}




  .list_diskCalculator {
    list-style: none;
    width: 100%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_diskCalculator {
    width: 100%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_diskCalculator {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_diskCalculator img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_diskCalculator .promitel_prev_diskCalculator,
  .promitel_carousel_desktop_diskCalculator .promitel_next_diskCalculator {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_diskCalculator .promitel_prev_diskCalculator:hover,
  .promitel_carousel_desktop_diskCalculator .promitel_next_diskCalculator:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_diskCalculator .promitel_prev_diskCalculator {
    left: 0;
  }

  .promitel_carousel_desktop_diskCalculator .promitel_next_diskCalculator {
    right: 7px;
  }
 

.promitel-main-slider {
    display: flex;
}

.promitel_functionimg { 
border-radius: 30px;
width: 100%; 
max-width: 1290px;
}

.promitel_function_header {
text-align: center;
margin-top: 40px !important;
}

.functionimg { 
border-radius: 30px;
width: 100%; 
max-width: 1290px;
}

.function_header {
text-align: center;
margin-top: 40px !important;
}

.specification-table table, th, td {
padding: 10px;
overflow-wrap: break-word;
}

.specification-table tr {
border-bottom: 1px solid #E5E5E5;
}

.specification-table table {
width: 100%;
}

.specification-table {
  overflow-x: auto;
}

.specification-table td[colspan="60"]{
background-color: #E5E5E5;
}



.specification-table tr:hover {
background-color: #E5E5E5;
}

#tabProductFeatures {
margin-top: 40px !important;
}

.button-pomoc {
text-transform: none; 
display: block;
margin: 0 auto;
margin-left:45px;
padding: 18px;
text-align: center;
width: 100%;
font-weight: bold;
}

.button-opis {
margin-top: 40px !important;
text-transform: none; 
display: block;
margin: 0 auto;
padding: 10px;
text-align: center;
width: 75%;
}

.button-opis-1 {
width: 50%;
text-transform: none; 
display: block;
margin: 30px auto;
padding: 10px;
text-align: center;
}

.button-opis-2 {
  margin-top: 10%;
width: 75%;
text-transform: none; 
display: block;
margin: 30px auto;
padding: 10px;
text-align: center;
}

.container-banner{
     position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    cursor: pointer;
}

.zoom {
  transition: transform .5s; /* Animation */
    }


.zoom:hover {
  transform: scale(1.1, 1.1); 
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.zoom-small {
  transition: transform .2s; /* Animation */
    }


.zoom-small:hover {
  transform: scale(1.2, 1.2); 
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.promitel_carousel_desktop .promitel_prev,
  .promitel_carousel_desktop .promitel_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop .promitel_prev:hover,
  .promitel_carousel_desktop .promitel_next:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop .promitel_prev {
    left: 0;
  }

  .promitel_carousel_desktop .promitel_next {
    right: 0;
  }

  .promitel_carousel_desktop {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }

  .list_ivms {
    list-style: none;
    width: 1200%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_ivms {
    width: 8.333%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }

  .list_dmss {
    list-style: none;
    width: 500%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_dmss {
    width: 20%;
    height: 100%;
    float: left;
  }

  .promitel_carousel_desktop img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop .promitel_prev,
  .promitel_carousel_desktop .promitel_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop .promitel_prev:hover,
  .promitel_carousel_desktop .promitel_next:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop .promitel_prev {
    left: 0;
  }

  .promitel_carousel_desktop .promitel_next {
    right: 0;
  }
  
    .promitel_carousel_desktop .promitel_prev,
  .promitel_carousel_desktop .promitel_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop .promitel_prev:hover,
  .promitel_carousel_desktop .promitel_next:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop .promitel_prev {
    left: 0;
  }

  .promitel_carousel_desktop .promitel_next {
    right: 0;
  }

.promitel_carousel_mobile {
	width:300px; 
	height: auto; 
	max-width: 100%; 
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }
.promitel_carousel_mobile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_mobile .promitel_prev,
  .promitel_carousel_mobile .promitel_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_mobile .promitel_prev:hover,
  .promitel_carousel_mobile .promitel_next:hover {
    opacity: 1;
  }

  .promitel_carousel_mobile .promitel_prev {
    left: 0;
  }

  .promitel_carousel_mobile .promitel_next {
    right: 0;
  }

 .promitel_modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .promitel_modal-content {
    margin: 5%;
    display: flex;
    max-width: 90%;
    max-height: 90%;
    border-radius: 20px;
	margin-left: auto;
	margin-right: auto;
  }

  .promitel_modal-content img {
    width: 100%;
    height: auto;
  }

  .promitel_close {
    position: absolute;
    top: 8%;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
  }

  .list_config {
    list-style: none;
    width: 100%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_config {
    width: 100%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_config {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_config img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_config .promitel_prev_config,
  .promitel_carousel_desktop_config .promitel_next_config {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_config .promitel_prev_config:hover,
  .promitel_carousel_desktop_config .promitel_next_config:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_config .promitel_prev_config {
    left: 0;
  }

  .promitel_carousel_desktop_config .promitel_next_config {
    right: 7px;
  }
  
  .list_Dhthermal {
    list-style: none;
    width: 300%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_Dhthermal {
    width: 33.33%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_Dhthermal {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_Dhthermal img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_Dhthermal .promitel_prev_Dhthermal,
  .promitel_carousel_desktop_Dhthermal .promitel_next_Dhthermal {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_Dhthermal .promitel_prev_Dhthermal:hover,
  .promitel_carousel_desktop_Dhthermal .promitel_next_Dhthermal:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_Dhthermal .promitel_prev_Dhthermal {
    left: 0;
  }

  .promitel_carousel_desktop_Dhthermal .promitel_next_Dhthermal {
    right: 7px;
  }

.list_projectDesign {
    list-style: none;
    width: 200%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_projectDesign {
    width: 50%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_projectDesign {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_projectDesign img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_projectDesign .promitel_prev_projectDesign,
  .promitel_carousel_desktop_projectDesign .promitel_next_projectDesign {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_projectDesign .promitel_prev_projectDesign:hover,
  .promitel_carousel_desktop_projectDesign .promitel_next_projectDesign:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_projectDesign .promitel_prev_projectDesign {
    left: 0;
  }

  .promitel_carousel_desktop_projectDesign .promitel_next_projectDesign {
    right: 7px;
  }

.list_smartPlayer {
    list-style: none;
    width: 100%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_smartPlayer {
    width: 100%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_smartPlayer {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_smartPlayer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_smartPlayer .promitel_prev_smartPlayer,
  .promitel_carousel_desktop_smartPlayer .promitel_next_smartPlayer {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_smartPlayer .promitel_prev_smartPlayer:hover,
  .promitel_carousel_desktop_smartPlayer .promitel_next_smartPlayer:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_smartPlayer .promitel_prev_smartPlayer {
    left: 0;
  }

  .promitel_carousel_desktop_smartPlayer .promitel_next_smartPlayer {
    right: 7px;
  }


.list_smartPSS {
    list-style: none;
    width: 600%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_smartPSS {
    width: 16.666%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_smartPSS {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_smartPSS img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_smartPSS .promitel_prev_smartPSS,
  .promitel_carousel_desktop_smartPSS .promitel_next_smartPSS {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_smartPSS .promitel_prev_smartPSS:hover,
  .promitel_carousel_desktop_smartPSS .promitel_next_smartPSS:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_smartPSS .promitel_prev_smartPSS {
    left: 0;
  }

  .promitel_carousel_desktop_smartPSS .promitel_next_smartPSS {
    right: 0;
  }

.list_XVR_webconfig {
    list-style: none;
    width: 1000%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_XVR_webconfig {
    width: 10%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_XVR_webconfig {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_XVR_webconfig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_XVR_webconfig .promitel_prev_XVR_webconfig,
  .promitel_carousel_desktop_XVR_webconfig .promitel_next_XVR_webconfig {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_XVR_webconfig .promitel_prev_XVR_webconfig:hover,
  .promitel_carousel_desktop_XVR_webconfig .promitel_next_XVR_webconfig:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_XVR_webconfig .promitel_prev_XVR_webconfig {
    left: 0;
  }

  .promitel_carousel_desktop_XVR_webconfig .promitel_next_XVR_webconfig {
    right: 0%;
  }
.list_IP_hikvision_webconfig {
    list-style: none;
    width: 400%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_IP_hikvision_webconfig {
    width: 25%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_IP_hikvision_webconfig {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_IP_hikvision_webconfig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_IP_hikvision_webconfig .promitel_prev_IP_hikvision_webconfig,
  .promitel_carousel_desktop_IP_hikvision_webconfig .promitel_next_IP_hikvision_webconfig {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_IP_hikvision_webconfig .promitel_prev_IP_hikvision_webconfig:hover,
  .promitel_carousel_desktop_IP_hikvision_webconfig .promitel_next_IP_hikvision_webconfig:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_IP_hikvision_webconfig .promitel_prev_IP_hikvision_webconfig {
    left: 0;
  }

  .promitel_carousel_desktop_IP_hikvision_webconfig .promitel_next_IP_hikvision_webconfig {
    right: 7px;
  }

  .list_IPC_webconfig {
    list-style: none;
    width: 400%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_IPC_webconfig {
    width: 25%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_IPC_webconfig {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_IPC_webconfig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_IPC_webconfig .promitel_prev_IPC_webconfig,
  .promitel_carousel_desktop_IPC_webconfig .promitel_next_IPC_webconfig {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_IPC_webconfig .promitel_prev_IPC_webconfig:hover,
  .promitel_carousel_desktop_IPC_webconfig .promitel_next_IPC_webconfig:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_IPC_webconfig .promitel_prev_IPC_webconfig {
    left: 0;
  }

  .promitel_carousel_desktop_IPC_webconfig .promitel_next_IPC_webconfig {
    right: 0%;
  }
.list_NVR_Dahua_webconfig {
    list-style: none;
    width: 800%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_NVR_Dahua_webconfig {
    width: 12.5%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_NVR_Dahua_webconfig {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_NVR_Dahua_webconfig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_NVR_Dahua_webconfig .promitel_prev_NVR_Dahua_webconfig,
  .promitel_carousel_desktop_NVR_Dahua_webconfig .promitel_next_NVR_Dahua_webconfig {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_NVR_Dahua_webconfig .promitel_prev_NVR_Dahua_webconfig:hover,
  .promitel_carousel_desktop_NVR_Dahua_webconfig .promitel_next_NVR_Dahua_webconfig:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_NVR_Dahua_webconfig .promitel_prev_NVR_Dahua_webconfig {
    left: 0;
  }

  .promitel_carousel_desktop_NVR_Dahua_webconfig .promitel_next_NVR_Dahua_webconfig {
    right: 7px;
  }

.list_NVR_hikvision {
    list-style: none;
    width: 400%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_NVR_hikvision {
    width: 25%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_NVR_hikvision {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_NVR_hikvision img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_NVR_hikvision .promitel_prev_NVR_hikvision,
  .promitel_carousel_desktop_NVR_hikvision .promitel_next_NVR_hikvision {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_NVR_hikvision .promitel_prev_NVR_hikvision:hover,
  .promitel_carousel_desktop_NVR_hikvision .promitel_next_NVR_hikvision:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_NVR_hikvision .promitel_prev_NVR_hikvision {
    left: 0;
  }

  .promitel_carousel_desktop_NVR_hikvision .promitel_next_NVR_hikvision {
    right: 7px;
  }

.list_Dahua_toolbox {
    list-style: none;
    width: 100%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_Dahua_toolbox {
    width: 100%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_Dahua_toolbox {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_Dahua_toolbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_Dahua_toolbox .promitel_prev_Dahua_toolbox,
  .promitel_carousel_desktop_Dahua_toolbox .promitel_next_Dahua_toolbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_Dahua_toolbox .promitel_prev_Dahua_toolbox:hover,
  .promitel_carousel_desktop_Dahua_toolbox .promitel_next_Dahua_toolbox:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_Dahua_toolbox .promitel_prev_Dahua_toolbox {
    left: 0;
  }

  .promitel_carousel_desktop_Dahua_toolbox .promitel_next_Dahua_toolbox {
    right: 0%;
  }

.list_dss_express {
    list-style: none;
    width: 200%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_dss_express {
    width: 50%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_dss_express {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_dss_express img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_dss_express .promitel_prev_dss_express,
  .promitel_carousel_desktop_dss_express .promitel_next_dss_express {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_dss_express .promitel_prev_dss_express:hover,
  .promitel_carousel_desktop_dss_express .promitel_next_dss_express:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_dss_express .promitel_prev_dss_express {
    left: 0;
  }

  .promitel_carousel_desktop_dss_express .promitel_next_dss_express {
    right: 7px;
  }
.list_dss_pro {
    list-style: none;
    width: 100%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_dss_pro {
    width: 100%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_dss_pro {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_dss_pro img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_dss_pro .promitel_prev_dss_pro,
  .promitel_carousel_desktop_dss_pro .promitel_next_dss_pro {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_dss_pro .promitel_prev_dss_pro:hover,
  .promitel_carousel_desktop_dss_pro .promitel_next_dss_pro:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_dss_pro .promitel_prev_dss_pro {
    left: 0;
  }

  .promitel_carousel_desktop_dss_pro .promitel_next_dss_pro {
right: 0%;
  }

.list_hik_central {
    list-style: none;
    width: 800%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_hik_central {
    width: 12.5%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_hik_central {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_hik_central img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_hik_central .promitel_prev_hik_central,
  .promitel_carousel_desktop_hik_central .promitel_next_hik_central {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_hik_central .promitel_prev_hik_central:hover,
  .promitel_carousel_desktop_hik_central .promitel_next_hik_central:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_hik_central .promitel_prev_hik_central {
    left: 0;
  }

  .promitel_carousel_desktop_hik_central .promitel_next_hik_central {
    right: 0%;
  }

.promitel_carousel_hik_connect {
	width:300px; 
	height: auto; 
	max-width: 100%; 
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }
.promitel_carousel_hik_connect img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_hik_connect .promitel_prev,
  .promitel_carousel_hik_connect .promitel_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_hik_connect .promitel_prev:hover,
  .promitel_carousel_hik_connect .promitel_next:hover {
    opacity: 1;
  }

  .promitel_carousel_hik_connect .promitel_prev {
    left: 0;
  }

  .promitel_carousel_hik_connect .promitel_next {
    right: 0%;
  }

  .list_hik_connect {
    list-style: none;
    width: 400%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_hik_connect {
    width: 25%;
    height: 100%;
    float: left;
  }

.list_hik_partner {
    list-style: none;
    width: 300%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_hik_partner {
    width: 33.33%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_hik_partner {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_hik_partner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_hik_partner .promitel_prev_hik_partner,
  .promitel_carousel_desktop_hik_partner .promitel_next_hik_partner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_hik_partner .promitel_prev_hik_partner:hover,
  .promitel_carousel_desktop_hik_partner .promitel_next_hik_partner:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_hik_partner .promitel_prev_hik_partner {
    left: 0;
  }

  .promitel_carousel_desktop_hik_partner .promitel_next_hik_partner {
   right: 7px;
  }

  .list_element_SADP {
    width: 100%;
    height: 100%;
    float: left;
  }

.list_SADP {
    list-style: none;
    width: 100%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_SADP {
    width: 100%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_SADP {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_SADP img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_SADP .promitel_prev_SADP,
  .promitel_carousel_desktop_SADP .promitel_next_SADP {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_SADP .promitel_prev_SADP:hover,
  .promitel_carousel_desktop_SADP .promitel_next_SADP:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_SADP .promitel_prev_SADP {
    left: 0;
  }

  .promitel_carousel_desktop_SADP .promitel_next_SADP {
    right: 7px;
  }

  .list_TurboHD_Webconfig {
    list-style: none;
    width: 400%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_TurboHD_Webconfig {
    width: 25%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_TurboHD_Webconfig {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_TurboHD_Webconfig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_TurboHD_Webconfig .promitel_prev_TurboHD_Webconfig,
  .promitel_carousel_desktop_TurboHD_Webconfig .promitel_next_TurboHD_Webconfig {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_TurboHD_Webconfig .promitel_prev_TurboHD_Webconfig:hover,
  .promitel_carousel_desktop_TurboHD_Webconfig .promitel_next_TurboHD_Webconfig:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_TurboHD_Webconfig .promitel_prev_TurboHD_Webconfig {
    left: 0;
  }

  .promitel_carousel_desktop_TurboHD_Webconfig .promitel_next_TurboHD_Webconfig {
    right: 7px;
  }
.list_VDPConfig {
    list-style: none;
    width: 300%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_VDPConfig {
    width: 33.33%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_VDPConfig {
    width: auto;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_VDPConfig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_VDPConfig .promitel_prev_VDPConfig,
  .promitel_carousel_desktop_VDPConfig .promitel_next_VDPConfig {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_VDPConfig .promitel_prev_VDPConfig:hover,
  .promitel_carousel_desktop_VDPConfig .promitel_next_VDPConfig:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_VDPConfig .promitel_prev_VDPConfig {
    left: 0;
  }

  .promitel_carousel_desktop_VDPConfig .promitel_next_VDPConfig {
    right: 7px;
  }

.kafelek {
  height: 290px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.kafelek:hover {
background-color: #f5f5f5;
}

.menu_icon {
  width:10%;
  height: 10%;
  margin-bottom: 20px;
  transition: transform .5s; /* Animation */
}


.menu_icon:hover{
  transform: scale(1.1, 1.1); 
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.button-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
}


@media only screen and (max-width: 768px) {
  .promitel-category::after,
  .promitel-category:hover::after {
    content: none !important;
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
  }
.zoom {
height: 200px;
}
  .kafelek {
    height: auto;
  }

.specification-table tr {
    font-size: 10px;
  
}
}

.help_link:hover {
  opacity: 0.5;
}

  .yt_player {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    /* Odstęp od tekstu */
  }

  .yt_text {
    margin-top: 75px;
    ;
    margin-left: 30px;
  }

  .small-images {
    display: flex;
    /* Ustawienie obrazków w linii */
    justify-content: space-between;
    /* Równomierne rozmieszczenie obrazków */
    max-width: 100%;
    margin-top: 20px;
    /* Odpowiedni odstęp od tekstu */
  }
  
  .help_link {
    margin-right: 7px;
  }

  .help_img {
    width: 100%;
    /* Szerokość obrazka */
    height: auto;
    /* Dostosowanie wysokości proporcjonalnie */
  }

  .container-help {
    max-width: 97%;
  }

  .image-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
  }

  .accordion {
    margin-top: 75px;
  }

  .accordion-item {
    margin-bottom: 10px;
  }

  .accordion-title {
    display: block;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
  }

  .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    font-size: 18px;
width: 85%;
margin-bottom: 20px;
  }

  .accordion-item input[type="checkbox"] {
    display: none;
  }

  .accordion-item input[type="checkbox"]:checked~.accordion-content {
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
  }

  .accordion-icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  @media screen and (max-width: 768px) {
    .small-images {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .help_img {
      margin-top: 20px;
      width: 90%;
    }
  }

  .reset_header {
    font-family: "Montserrat" !important;
    font-weight: 500 !important;
    font-style: normal;
  }

  .container-reset {
    width: 90%;
  }

  .accordion_help {
    margin-top: 30px;
  }

  .accordion_help-toggle {
    display: none;
  }

  .accordion_help-title {
    display: block;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .accordion_help-title::before {
    content: "+";
    display: inline-block;
    margin-right: 5px;
  }

  .accordion_help-toggle:checked + .accordion_help-title::before {
    content: "-";
  }

  .accordion_help-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-out;
    font-size: 18px;
    width: 85%;
    margin-bottom: 20px;
  }

  .accordion_help-toggle:checked + .accordion_help-title + .accordion_help-content {
    max-height: 1000px;
  }

  .container_projects {
    width: 90%;
    max-width: 1600px; /* Dodaj maksymalną szerokość kontenera */
    /* Dodajemy tę właściwość, aby elementy nie wychodziły poza rozmiar kontenera */
    
  }

.examples {
  display: inline-flex; /* Wyświetla elementy w linii */
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 100%;
  flex-wrap: nowrap;
  justify-content: flex-start;
}


.example {
  flex: 0 0 auto;
  width: 100%;
  transition: filter 0.3s ease;
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
}

  .example:hover {
    filter: brightness(80%);
    /* Zmieniamy jasność elementu na 70% po najechaniu kursorem */
    border-top-left-radius: 150px;
    border-top-right-radius: 150px;
  }


  .project_header {
    margin-top: 50px;
    margin-bottom: 40px;
  }
.top_image {
  width: 100%;
}
.single_photo_bottom_left {
  width: 44.7vw;
}
.single_photo_bottom_left:hover {
      filter: brightness(80%);
    /* Zmieniamy jasność elementu na 70% po najechaniu kursorem */
    border-top-left-radius: 150px;
    border-bottom-left-radius: 150px;
}
.single_photo_bottom_right {
  width: 44.7vw;
}
.single_photo_bottom_right:hover {
      filter: brightness(80%);
    /* Zmieniamy jasność elementu na 70% po najechaniu kursorem */
    border-top-right-radius: 150px;
    border-bottom-right-radius: 150px;
}
.double_example {
  display: flex;
  flex-direction: row;
  width: 100%;
  }
.triple_photo {
  display: block;
  margin-top: 30px;
}

.container_office
  width: 90vw;
  }
h2 {
  font-style: normal;
}

.double_example img,
.triple_photo img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .thumbnail-container{
margin-left: 0 !important;
}
  .top_image {
    width: 99vw;
  }
  .triple_photo {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  
  .double_example {
        display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .single_photo_bottom_right {
  width: 90vw;
}
  .single_photo_bottom_left {
  width: 90vw;
}
}

.photo_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  justify-items: center;
}

  .photo_container {
    position: relative;
    text-align: center;
  }

  .caption_projects {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    color: #000;
  }

  .caption_projects h3 {
    margin-top: 0;
  }

  .single_photo {
    width: 30%;
    height: auto;
    margin-bottom: 5px;
  }


#training1.training {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#training1.training img {
  width: 100%;
  max-width: 248px;
  height: auto;
  margin-right: 20px;
}

#training1.training p {
  font-size: 12pt;
}

#training1.training .btn {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
}
 .single_item{
  display:flex;
  flex-direction: row;
  align-items: center;
}
  .single_item:hover {
    background-color: #f5f5f5;
  }

@media screen and (max-width: 768px) {
  #training1.training img {
    width: 248px;
  }

  #training1.training {
    margin-right: -20px;
    margin-left: -20px;
  }

  #training1.training > .training-details {
    flex: 1 0 50%;
    padding-right: 20px;
    padding-left: 20px;
  }

  #training1.training > .training-details:last-child {
    text-align: right;
  }

  .single_item {
   display:flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
}
}

.bottom_single_link {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}

.bottom_links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}


.delivery_info {
  background-color: #bababa52;
  min-height: 375px;
}
.delivery_map {
  display: flex;
  align-items: center;
}

.delivery_map img {
  margin-right: 10px;
}
.delivery_container {
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  align-items: center;
  max-width: 80vw;
}
.delivery_map h1 {
    margin-left: auto;
  text-align: left;
  margin-left: 40px;
}
.delivery_map p {
    font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  margin-left: auto;
  text-align: left;
  margin-left: 40px;
}


.delivery_text {
  text-align: left;
  margin-bottom: 150px;
}

   .contact_info {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap;
      gap: 20px;
      margin-top: 20px;
      margin-bottom: 50px;
    }

    .contact_segment {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      max-width: 15%;
      /* Ustaw maksymalną szerokość diva contact_segment */
      margin-left: 40px;
      margin-right: 40px;
    }

    .contact_segment img {
      width: 100%;
      /* Dopasuj szerokość obrazka do diva */
      object-fit: contain;
      /* Dodaj tę właściwość */
      height: 150px;
      /* Ustaw wysokość obrazka */
    }

    .contact_segment p {
      font-size: 16px;
      margin-top: 10px;
    }

    .contact_segment_bottom {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      max-width: 8%;
      /* Ustaw maksymalną szerokość diva contact_segment */
      margin-left: 40px;
      margin-right: 40px;
    }

    .contact_segment_bottom img {
      width: 100%;
      /* Dopasuj szerokość obrazka do diva */
      object-fit: contain;
      /* Dodaj tę właściwość */
      height: 150px;
      /* Ustaw wysokość obrazka */
    }

    .contact_segment_bottom p {
      font-size: 16px;
      margin-top: 10px;
    }
    
    .contact_header{
      font-size: 30px; 
      text-align: center;
    }
    
    .contact_header_1 {
      margin-top: 40px; 
      margin-left: 100px;
    }

    @media (max-width: 767px) {

      .contact_info {
        display: flex;
        flex-direction: column;
        margin-left: 50px;
      }

      .contact_segment_bottom {
        margin-left: 90px;
        align-items: center;
        text-align: center;
      }

      .contact_segment {
        align-items: center;
        text-align: center;
      }
            .contact_header_1 {
              margin-left: -100px;
            }

      .contact_header {
        display:inline-block;
        margin-left: 50px;
      }

      .map_wrap {
        min-width: 400px;
        max-width: 700px;
      }
    }

.lg-thumb-item img {
  background-color: white;
}

.axxon_intellect {
      background-color: #f2f2f2;
    align-items: center;
}
.axxon_versions {
  display:flex;
  flex-direction:column;
  align-items:center;
  }
.material-icons {
  font-size: 40px !important;
}
.axxon_function {
  border-width: 2px;
    border-color: #b2b2b2;
    border-style: solid;
    border-radius: 10px;
    padding: 30px;
text-align: center;
margin-top: 30px;
}
.axxon_function:hover {
  border-color: #166597
}
.axxon_icon {
  display: inline-flex;
  margin: 0 auto;
  border-width: 2px;
    border-color: #b2b2b2;
    border-style: solid;
    border-radius: 100px;
    padding: 10px;
    margin-bottom: 20px;
}
.function_description {
  margin-top: 50px;
  max-width: 75%;
  margin: 0 auto;
}
  .axxon_functions {
    height: 250px;
    background-color: #f2f2f2;
    margin-top: 50px;
  }

  .axxon_stats {
    display: flex;
    flex-direction: row;
    min-height: 100px;
    background-color: #f2f2f2;
    align-items: center;
    justify-content: space-between;
    /* Zmieniono wartość na center */
  }

  .stats_element {
    display: flex;
    flex-direction: column;
    /* Dodano flex-direction: row */
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 10px;
    font-size: 24px;
    line-height: 36px;
  }

  .container_axxon {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .axxon-img {
    max-width: 90%;
    margin: 0 auto;
  }

  .axxon_header {
    text-align: center;
    margin-bottom: 30px;
  }

.download_img {
  padding: 15px;
}

  .single_download {
    height: 140px;
    min-width: 450px;
    max-width: 550px;
    width: auto;
    background-color: #f2f2f2;
    margin-bottom: 20px;
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
  }
  
  .single_download:hover {
    opacity: 0.65;
  }

  .download_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 80%;
    margin: 0 auto;
  }
  
  @media only screen and (max-width: 768px) {
    .download_container {
      flex-direction: column;
max-width: 100% !important;
    }

    .single_download {
height: auto;
        min-width: 300px !important;
        max-width: 400px !important;
    }
}



.milestone_player {
  display: flex;
  flex-direction: row;
    }

    .kafelek_text {
      display: flex;
      position: absolute;
      bottom: 10px;
      left: 10px;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      top: 50%;
      font-weight: 400;
    }

    .kafelek_img {
      padding: 10px;
      position: relative;
      display: inline-block;
      /* Dodaj nową właściwość */
    }

    .milestone_kafelki_up {
      display: flex;
      flex-direction: row;
    }

    .milestone_kafelki_down {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
    }

    .milestone_kafelki {
      display: flex;
      flex-direction: column;
    }

    .image_milestone {
      margin-right: 10px;
    }

    .milestone-container {
      max-width: 90%;
    }

    .milestone_facts {
      display: flex;
      flex-direction: row;
      margin: 0 auto;
      justify-content: center;
      margin-bottom: 30px;
    }

    @media only screen and (max-width: 768px) {
      .milestone_facts {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
      }
      .milestone_player{
        flex-direction: column;
text-align: center;
      }

      .milestone_kafelki_up {
        flex-direction: column;

      }
    #slider_milestone .slide-content {
}

    #slider_milestone {
      height: auto;
overflow-x: scroll;
}
    }

    #slider_milestone {
      position: relative;
      width: 100%;
      min-height: 800px;
      height: auto;
      /* Dostosuj wysokość do potrzeb */
      overflow: hidden;
      margin-top: 50px;
      background-color: #f2f2f2;
    }

    #slider_milestone .slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.5s ease-in-out;
    }

    #slider_milestone .slide.active {
      opacity: 1;
    }

    /* Stylizacja nawigacji górnej */
    #slider_milestone .navigation-top {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      padding: 10px;
      margin-top: 15px;
    }

    #slider_milestone .navigation-top .button {
      cursor: pointer;
      padding: 15px;
      margin: 0 5px;
      border-color: #484152;
      background-color: #50485b;
      color: #fff;
      border-width: 5px;
      border-radius: 5px;
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .01) 100%);
      background-repeat: repeat-x;
    }



    /* Stylizacja nawigacji dolnej */
    #slider_milestone .navigation-bottom {
      position: absolute;
      bottom: 10px;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    #slider_milestone .navigation-bottom .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #bbb;
      margin: 0 5px;
      cursor: pointer;
    }

    #slider_milestone .navigation-bottom .dot.active {
      background-color: #555;
    }

    /* Stylizacja zawartości slajdu */
    #slider_milestone .slide-content {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      padding:10px;
    }

    #slider_milestone .slide-content .text {
      width: 50%;
      padding: 20px;
    }

    #slider_milestone .slide-content .image {
      width: 50%;
      padding: 20px;
    }
.oprogramowanie_menu img {
padding: 10px;
}
.oprogramowanie_menu {
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding:10px;
}

.oprogramowanie_menu:hover {
   background-color: #f5f5f5;
}

.termo_img_container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 50px;
}

.container_termo {
  width: 90%;
  margin: 0 auto;
}

.termo_img {
  flex-basis: 30%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.termo_img img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.termo_img p {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
}

.youtube-container {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.youtube-container iframe {
  flex-basis: 48%;
  height: 315px;
}

@media only screen and (max-width: 768px) {
  .termo_img_container {
    flex-direction: column;
    align-items: center;
  }

  .youtube-container {
    flex-direction: column;
    align-items: center;
  }

  .youtube-container iframe {
    flex-basis: 100%;
  }
}

.termo_info_segment {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 30px;
}

.termo_info {
  display:flex;
  flex-direction: column;
  margin: 0 auto;
}
.termo_img_container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 50px;
}

.container_termo {
  width: 90%;
  margin: 0 auto;
}

.termo_img {
  flex-basis: 30%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.termo_img img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.termo_img p {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
}


@media only screen and (max-width: 768px) {
  .termo_img_container {
    flex-direction: column;
    align-items: center;
  }
  .termo_info_segment {
flex-direction: column;
text-align: center;
}

.button-opis {
width: 107%;
}
}

  .termo_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
  .termo_main img {
    padding: 5px;
  }

  .termo_main img:hover {
  opacity: 0.8;
}


  .producent_cennik {
    height: auto !important;
    max-width: 100px !important;
  }

  .download_label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 16px;
    vertical-align: middle;
  }

  .download_icon {
    display: block;
    margin: 0 auto;
    height: 40px !important;
    vertical-align: middle;
  }

  tr:hover .download_label {
    visibility: visible;
  }

  tr:hover .download_icon {
    opacity: 0.7;
  }

.dtr-control {
  vertical-align: middle !important;
}

.container-hikmicro {
width: 95%;
margin: 0 auto;
}
.hikmicro-desc {
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 600;
	    font-family: 'Montserrat';
    color: #81898d;
    font-size: 225%;
    text-shadow: none;
    line-height: 1.5;
	position: relative;
	left: -50%;
}
.list_hikMicro {
    list-style: none;
  width: 150%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
	display: flex;
  }

  .list_element_hikMicro {
  width: 50%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: auto;
    float: left;
	display: flex;
	flex-direction: row;
  }
  


  .promitel_carousel_desktop_hikMicro {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_hikMicro img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_hikMicro .promitel_prev_hikMicro,
  .promitel_carousel_desktop_hikMicro .promitel_next_hikMicro {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_hikMicro .promitel_prev_hikMicro:hover,
  .promitel_carousel_desktop_hikMicro .promitel_next_hikMicro:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_hikMicro .promitel_prev_hikMicro {
    left: 0;
  }

  .promitel_carousel_desktop_hikMicro .promitel_next_hikMicro {
    right: 7px;
  }


.list_hikMicro_main {
    list-style: none;
    width: 700%; /* szerokość zależna od ilości zdjęć: 1 zdjęcie = 100% */
    margin: 0 !important;
    padding: 0 !important; 
    position: relative;
    transition: left 0.5s;
    left: 0;
  }

  .list_element_hikMicro_main {
    width: 14.28571428571429%; /* szerokosc zależna od ilości zdjęć: 100% / ilość zdjęć */
    height: 100%;
    float: left;
  }
  


  .promitel_carousel_desktop_hikMicro_main {
    width: 100%;
    max-height: 800px;
    overflow: hidden;
    position: relative;
  }


  .promitel_carousel_desktop_hikMicro_main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .promitel_carousel_desktop_hikMicro_main .promitel_prev_hikMicro_main,
  .promitel_carousel_desktop_hikMicro_main .promitel_next_hikMicro_main {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.7;
  }

  .promitel_carousel_desktop_hikMicro_main .promitel_prev_hikMicro_main:hover,
  .promitel_carousel_desktop_hikMicro_main .promitel_next_hikMicro_main:hover {
    opacity: 1;
  }

  .promitel_carousel_desktop_hikMicro_main .promitel_prev_hikMicro_main {
    left: 0;
  }

  .promitel_carousel_desktop_hikMicro_main .promitel_next_hikMicro_main {
    right: 0;
  }


#mainMenu .navbar-nav>li>a {
    padding: 8px 11px !important;
}

	.hikcentral_foto {
	border-radius:10px;
	}
	.hikcentral-info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	}

	.hikcentral-info-1 {
	margin-top: 30px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	}
	
		.hikcentral-info-2 {
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	}
	
		.hikcentral-info-3 {
	display: flex;
	flex-direction: column;
	width: 40%;
	justify-content: space-between;
	}
	
	@media only screen and (max-width: 768px) {
		.hikcentral-info {
	display: flex;
	flex-direction: column;
	}

        .szkolenia_info {
         flex-direction: column !important;
         align-items: left;
        }

	.hikcentral-info-1 {
	display: flex;
	flex-direction: column;
	}
	
	.hikcentral-info-2 {
	display: flex;
	flex-direction: column;
	}
	}

.abs-attribute-table caption {
display: none !important;
}


.disabled-btn {
background-color: gray;
    pointer-events: none;
background-image: none !important;
}


/* Ukryj tekst wewnątrz div.abs-footer-bottom-text */
.abs-footer-bottom-text {
    font-size: 0 !important; /* Ustaw rozmiar czcionki na zero, aby ukryć tekst */
}

/* Przywróć rozmiar czcionki dla linka, który ma być widoczny */
.abs-footer-bottom-text a.cookie-settings-btn {
    font-size: 12px !important; /* Dostosuj rozmiar czcionki według potrzeb */
}

/* Dodaj ikonkę jako tło linka */
.abs-footer-bottom-text a.cookie-settings-btn i {
    display: inline-block !important; /* Ustaw ikonkę jako element inline-block */
    font-size: 12px !important; /* Dostosuj rozmiar ikonki według potrzeb */
    margin-right: 5px !important; /* Dodaj odstęp między ikonką a tekstem */
}

.abs-footer-bottom-text a:not(.cookie-settings-btn) {
    display: none;
}

.center-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
  padding: 0;
}
.center-list li {
  text-align: center;
}

  .divider {
    flex-grow: 1;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 0;
  }

  .custom-divider {
    width: 100%;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 20px 0;
  }

.thumbnail-container {
  position: relative;
  display: inline-block;
}

.thumbnail-container:hover .thumbnail {
  border: 2px solid black;
}

.thumbnail {
  width: 120px;
  margin-left: 18px;
}

.btn-green {
  background-image: linear-gradient(to right, #00b107 0%, #4ce700 75%) !important;
transition: background-image 0.3s ease-in-out;
cursor: pointer;
}

.btn:green:hover {
  background-image: linear-gradient(to right, #4CAF50 0%, #8BC34A 75%) !important;

}


#filtersBoxContent input[type="radio"] {
margin-left: -20px !important;
} 

#filtersBoxContent input[type="checkbox"] {
margin-left: 0 !important;
}


.abs-offer-condition-group a.abs-offer-condition-item.active, .abs-offer-condition-group a.abs-offer-order-condition-item.active {
    box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.3);
}

.abs-offer-condition-group a.abs-offer-condition-item, .abs-offer-condition-group a.abs-offer-order-condition-item {
opacity: 1 !important;
}


[data-module="main"] #controllerContent>div>div.slideshow-i-main-panel-content:first-child {
    transition: 0ms background-color ease-in-out !important;
}
.btn.btn-primary.modal-checkout-address-btn.module-loader {
    display: none;
}

[data-module="main"] #controllerContent>div>div.slideshow-i-main-panel-content:first-child > .panel-body{
padding: 0;
}

.abs-offer-table.abs-offer-table-with-cart.abs-offer-table-frozen-cart {
  .abs-col-quantity>div {
    max-width: 120px;
  }
}

























@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap');

#pim-widget {
    --accent-color: #fa0046;
    --bg-color: #ffffff;
    --container-bg: #ffffff;
    --nav-bg: #ffffff;
    --nav-text: #222222;
    --shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    
    /* Dodane właściwości tła */
    background-color: var(--bg-color);
    width: 100%;
    min-height: 100%;
    font-family: 'Montserrat', sans-serif;
}

#pim-widget * {
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
}

#pim-widget {
background: var(--bg-color);
font-family: 'Montserrat', sans-serif;
color: #000;
line-height: 1.6;
}

#pim-widget a {
text-decoration: none;
color: var(--accent-color);
}

/* ------ Lightbox ------ */
#pim-widget .lightbox {
display: none;
position: fixed !important;
z-index: 10000 !important;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .9);
justify-content: center;
align-items: center;
}

#pim-widget .lightbox img.lightbox-content {
max-width: 90%;
max-height: 90%;
border-radius: 8px;
}

#pim-widget .lightbox .close {
position: absolute;
top: 30px;
right: 30px;
font-size: 40px;
color: #000;
cursor: pointer;
}

#pim-widget #zastosowanie img,
#pim-widget #schemat img {
width: 100%;
}

#pim-widget .container {
max-width: 1298px;
margin: 20px auto;
overflow: hidden;
}

/* ------ Navigation ------ */
#pim-widget nav.top-nav {
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  column-gap: 35px;
  border: none;
}

#pim-widget nav.top-nav > p {
  margin: 0;
  padding: 0;
  display: contents;
}

#pim-widget nav.top-nav a {
  display: block;
  color: var(--nav-text);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .5px;
  padding: 6px 10px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  border: none;
  border-radius: 4px;
  line-height: 1.2;
}

#pim-widget nav.top-nav a:hover,
#pim-widget nav.top-nav a:focus-visible {
  background-color: var(--accent-color);
  color: #fff;
  outline: none;
}


/* ------ Section Headers ------ */
#pim-widget section h2 {
font-size: 24px;
margin-top: 60px;
margin-bottom: 30px;
padding: 10px 0 10px 20px;
background: #f4f4f4;
font-weight: 400;
border-bottom: 1px solid #c1c1c1;
border-radius: 8px 8px 0 0;
}

#pim-widget section p,
#pim-widget section ul {
font-size: 14px;
margin-bottom: 20px;
padding: 0 10px;
}

#pim-widget section ul {
list-style: disc inside;
}

/* ------ Zdjęcia pojedyncze ------ */
#pim-widget .plain-image img,
#pim-widget .magnify-container img {
border-radius: 8px;
max-width: 100%;
width: 100%;
height: auto;
}

/* ------ SLIDER POZIOMY - dynamiczne aspect-ratio ------ */
#pim-widget .slider {
position: relative !important;
overflow: hidden !important;
width: 100% !important;
max-width: 900px;
margin: 0 auto 30px auto;
background: transparent;
border-radius: 8px;
box-shadow: var(--shadow);
border: 1px solid #e0e0e0;
min-height: 200px;
transition: aspect-ratio 0.4s !important;
}

#pim-widget .slider.loading {
aspect-ratio: 3 / 2;
background: #f7f7f7;
}

#pim-widget .slider .slide {
position: absolute !important;
top: 0 !important; 
left: 0 !important;
width: 100% !important;
height: 100% !important;
transition: transform 1s !important;
z-index: 1;
pointer-events: none;
background: transparent;
display: flex !important;
align-items: center;
justify-content: center;
}

#pim-widget .slider .slide.active {
z-index: 2;
pointer-events: auto;
}

#pim-widget .slider img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
object-position: center !important;
display: block !important;
background: transparent;
cursor: pointer;
transition: transform .3s, filter .3s;
max-width: 100% !important;
max-height: 100% !important;
}

#pim-widget .slider img:hover {
transform: scale(1.03);
filter: brightness(1.05);
}

#pim-widget .slider .arrow {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 18px;
color: #fff;
cursor: pointer;
user-select: none;
padding: 8px;
z-index: 10 !important;
background-color: #000;
opacity: 0.5;
border-radius: 8%;
}

#pim-widget .slider .arrow.prev {
left: 10px !important;
}

#pim-widget .slider .arrow.next {
right: 10px !important;
}

/* ------ SLIDER MOBILNY - dynamiczne aspect-ratio ------ */
#pim-widget .smartphone-slider {
position: relative !important;
overflow: hidden !important;
width: 50% !important;
max-width: 50% !important;
margin: 0 auto 30px auto;
background: transparent;
border-radius: 8px;
box-shadow: var(--shadow);
border: 1px solid #e0e0e0;
transition: aspect-ratio 0.4s !important;
}

#pim-widget .smartphone-slider.loading {
aspect-ratio: 9 / 16;
background: #f7f7f7;
min-height: 200px;
}

#pim-widget .smartphone-slider .slider-track {
display: flex !important;
align-items: stretch;
height: 100% !important;
transition: transform 1s !important;
will-change: transform;
}

#pim-widget .smartphone-slider .slide {
flex: 0 0 100% !important;
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center;
justify-content: center;
background: transparent;
padding: 0;
margin: 0;
min-width: 0;
}

#pim-widget .smartphone-slider .slide img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
object-position: center !important;
display: block !important;
background: transparent;
cursor: pointer;
transition: transform .3s, filter .3s;
max-width: 100% !important;
max-height: 100% !important;
}

#pim-widget .smartphone-slider .slide img:hover {
transform: scale(1.03);
filter: brightness(1.05);
}

#pim-widget .smartphone-slider .arrow {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 18px;
color: #fff;
cursor: pointer;
user-select: none;
padding: 8px;
z-index: 10 !important;
background-color: #000;
opacity: 0.5;
border-radius: 8%;
}

#pim-widget .smartphone-slider .arrow.left {
left: 10px !important;
}

#pim-widget .smartphone-slider .arrow.right {
right: 10px !important;
}

/* ------ Spinner ------ */
#pim-widget .spinner {
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
border: 4px solid rgba(0,0,0,0.1);
border-top-color: var(--accent-color);
border-radius: 50%;
animation: spin 1s linear infinite;
z-index: 1001 !important;
}

@keyframes spin {
to { transform: rotate(360deg); }
}

/* ------ Reszta stylów sekcji, tabel, gridów, before/after, zoom ------ */
#pim-widget .panoramic-slider img {
width: 100%;
height: auto;
}

#pim-widget .video-container-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
}

#pim-widget .video-container {
position: relative;
flex-basis: calc(50% - 10px);
padding-top: 28.125%;
height: 0;
overflow: hidden;
border-radius: 8px;
box-shadow: var(--shadow);
border: 1px solid #e0e0e0;
background: #000;
}

#pim-widget .video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}

#pim-widget .video-container-wrapper > .video-container {
margin: 0 auto;
}

@media (max-width: 768px) {
#pim-widget .video-container {
flex-basis: 100%;
padding-top: 56.25%;
}
}

/* Accordion */
#pim-widget .accordion { margin: 20px 0; }
#pim-widget .accordion-item { margin-bottom: 10px; border: 1px solid #e0e0e0; border-radius: 4px; box-shadow: var(--shadow); overflow: hidden; }
#pim-widget .accordion-item button { width: 100%; background: var(--container-bg); border: none; padding: 15px; text-align: left; font-size: 16px;
cursor: pointer; transition: background .3s; border-radius: 4px;
}

#pim-widget .accordion-item button:hover, #pim-widget .accordion-item.active button { background: var(--accent-color); color: #fff; }
#pim-widget .accordion-item .panel { padding: 15px; display: none; background: var(--container-bg); border-top: 1px solid #e0e0e0; }
#pim-widget .horizontal-accordion { display: flex; flex-wrap: wrap; margin-top: -20px; }
#pim-widget .horizontal-accordion button {
flex: 0.5;
padding: 15px; background: var(--container-bg); border: none; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; font-size: 12px; font-weight: 600; cursor: pointer; transition: background .3s, color .3s;
border-radius: 4px 4px 0 0; white-space: nowrap;
}

#pim-widget .horizontal-accordion button:last-child { border-right: none; }
#pim-widget .horizontal-accordion button.active, #pim-widget .horizontal-accordion button:hover { background: var(--accent-color); color: #fff; }
#pim-widget .horizontal-accordion-content > div { display: none; padding: 20px; border: 1px solid #e0e0e0; border-top: none; }
#pim-widget .horizontal-accordion-content > div.active { display: block; }
#pim-widget .tab-content { display: none; }
#pim-widget .tab-content.active { display: block; }
#pim-widget .slider-text-section { display: flex; align-items: center; flex-wrap: nowrap; }
#pim-widget .slider-text-section .slider-container { flex: 0 0 50%; margin: 20px auto; max-width: 50%; }
#pim-widget .slider-text-section .text-container { flex: 0 0 50%; padding: 10px; }
#pim-widget .slider-text-section .text-container h3, #pim-widget .slider-text-section .text-container h4 { margin-bottom: 15px; font-size: 18px; font-weight: 500; padding: 0 10px; }
#pim-widget .slider-text-section .text-container h4 { font-size: 15px; }
#pim-widget .grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
grid-auto-rows: 1fr;
gap: 20px;
}

#pim-widget .grid-item { background: var(--container-bg); border: 1px solid #e0e0e0; padding: 15px; text-align: center;
border-radius: 4px; box-shadow: var(--shadow); transition: transform .3s; display: flex; flex-direction: column; justify-content: flex-start; height: 100%;
}

#pim-widget .grid-item:hover { transform: translateY(-5px); }
#pim-widget .grid-item img { width: 100%; margin-bottom: 10px; cursor: pointer; transition: transform .3s, filter .3s; }
#pim-widget .grid-item img:hover { transform: scale(1.03); filter: brightness(1.05); }
#pim-widget .grid-item .item-title { font-weight: bold; margin-bottom: 5px; }
#pim-widget .accessory-arrow { display: inline-block; font-size: 20px; color: var(--accent-color); margin-left: 5px; vertical-align: middle; cursor: pointer; }
#pim-widget #specyfikacja table, #pim-widget #dokumenty table {
width: 100%; border-collapse: collapse; margin-bottom: 20px;
}

#pim-widget #specyfikacja table td, #pim-widget #specyfikacja table th, #pim-widget #dokumenty table td, #pim-widget #dokumenty table th {
border: 1px solid #ddd; padding: 10px;
}

#pim-widget #specyfikacja table tr:hover,
#pim-widget #dokumenty table tr:hover {
background-color: #f9f9f9;
}

#pim-widget .doc-icon { width: 40px; text-align: center; font-size: 28px; }
#pim-widget table.spec-table th { background-color: #f2f2f2; text-align: left; }

/* Before/After (porównywarki) */
#pim-widget .before-after-container { position: relative; width: 100%; aspect-ratio: 3 / 2; overflow: hidden; margin: 0px auto; border-radius: 8px; }
#pim-widget .before-after-container .after-img, #pim-widget .before-after-container .before-img { position: absolute; top: 0; left: 0; height: 100%; object-fit: cover; }
#pim-widget .before-after-container .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 50%; overflow: hidden; z-index: 2; }
#pim-widget .before-after-container .handle { position: absolute; top: 0; left: 50%; width: 2px; background: var(--accent-color); height: 100%; cursor: ew-resize; z-index: 3; }

/* Zoom/magnifier */
#pim-widget .magnify-container { position: relative; max-width: 100%; }
#pim-widget .magnify-container img { display: block; width: 100%; }
#pim-widget .magnifier {
position: absolute; border: 3px solid var(--accent-color); border-radius: 50%; cursor: none; width: 150px; height: 150px;
display: none; background-repeat: no-repeat; pointer-events: none; z-index: 3; image-rendering: pixelated;
}

/* Separator for software blocks */
#pim-widget .separator { border: none; border-top: 1px solid #ccc; margin: 30px 0; }

/* Download button in software section */
#pim-widget .download-btn {
margin-left: 10px;
padding: 10px 20px;
background: var(--accent-color);
border: none;
color: #fff;
border-radius: 4px;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
transition: background .3s;
margin-top: 10px;
}

#pim-widget .download-btn:hover { background: #c0003a; }

/* Dodaj większy odstęp pod sekcją akcesoria */
#pim-widget #akcesoria { margin-bottom: 40px; }

/* ---- Responsywność ogólna ---- */
@media (max-width:1000px) {
#pim-widget .slider { max-width: 100vw; }
#pim-widget .smartphone-slider { max-width: 100vw; }
}

/* ---- Responsywność dla sliderów mobilnych ---- */
@media (max-width: 768px) {
#pim-widget .grid-item { flex: 1 1 calc(50% - 20px); }
#pim-widget nav.top-nav { flex-direction: column; align-items: center; }
#pim-widget .slider-text-section { flex-direction: column; flex-wrap: wrap; }
#pim-widget .slider-text-section .slider-container, #pim-widget .slider-text-section .text-container { flex: 0 0 100%; }
#pim-widget .smartphone-slider {
width: 80% !important;
max-width: 80% !important;
}
}

@media (max-width:600px) {
#pim-widget .slider {
min-height: 160px;
}
#pim-widget .smartphone-slider {
width: 90% !important;
max-width: 90% !important;
margin-left: auto;
margin-right: auto;
border-radius: 8px;
}
}

@media (max-width:480px) {
#pim-widget .grid-item { flex: 1 1 100%; }
#pim-widget .smartphone-slider {
width: 100% !important;
max-width: 100vw !important;
margin-left: -10px;
margin-right: -10px;
border-radius: 0;
}
}

/* Dodatkowe drobne efekty */
#pim-widget .product-description-image {
transition: transform 0.3s ease, filter 0.3s ease;
}

#pim-widget .product-description-image:hover {
transform: scale(1.05);
filter: brightness(1.1);
}