/*=========================================================*/
.ikony-front{filter: brightness(50%);}
.article-details .article-header h1, .article-details .article-header h2 {
    font-size: 2.25rem;
    text-transform: uppercase;
}
.sp-contact-info {
    list-style: none;
    padding: 0;
    margin: 0px 0px 0px 10px;
    float: left;}
.menu-format{text-transform:uppercase;}


h1, h2 {color: #000000; text-transform: uppercase; text-align: center;  /*  border-top: 1px #000000 solid;
    border-bottom: 1px #000000 solid; */
    margin-top: 15px;
    margin-bottom: 12px;
    padding: 0px 0px 0px 0px;
    letter-spacing: -1px;}

h3 {color:#808080; letter-spacing: 0px;}

#sp-header {text-transform: uppercase;background:#ffffff;margin-top:0px;border-top: 0px solid #000000;border-bottom: 0px solid #ffffff;}

#sp-header.header-sticky {
    margin-top: -10px;
    position: fixed;
    z-index: 9999;
    background: #ffffff;
    box-shadow: 0px 10px 18px 0px #00000014;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    transition: all ease 0.6s;
    height: 60px;
}
/* .sp-megamenu-parent > li > a {
margin-top: 0px; 
 color: #ffffff;
 -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    transition: all ease 0.6s;}*/

.sp-megamenu-parent > li > a:hover { color: #00d0ff;
   -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    transition: all ease 0.6s;} 

.header-sticky .sp-megamenu-parent > li > a { color: #272b3f;
   -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    transition: all ease 0.6s;}

.header-sticky .sp-megamenu-parent > li > a:hover { color: #000000; 
   -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    transition: all ease 0.6s;}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color: #000000; font-weight: bold;}

body, .sp-preloader {
background-color: #fff;}

#sp-header .logo {
    margin-top: 0px;
    display: inline-block;
-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1, 1); 
      -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    transition: all ease 0.6s;}

#sp-header.header-sticky .logo {
-webkit-transform: scale(0.70);
    -moz-transform: scale(0.70);
    -o-transform: scale(0.70);
    transform: scale(0.70, 0.70); 
	height: 100%;
    width: 100%;
    margin-top: -13px;
	padding-left:0px;
      -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    transition: all ease 0.6s;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
      line-height: 90px;
   }
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #252525;
    text-transform: uppercase;
}

.header-sticky .sp-megamenu-parent > li > a {
    color: #000000;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    transition: all ease 0.6s;
    line-height: 60px;
    letter-spacing: 0px;
    margin-top: -8px;
}
#sp-top-bar {
    background: #5e5e5e;
    color: #ffffff;
}
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 5px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 5px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
     padding: 0px 5px;
 }
#sp-main-body {
    padding: 10px 0;
}

.article-intro-image {
  -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    transition: all ease 0.6s;
-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1, 1); }

.article-intro-image :hover{
  -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    transition: all ease 0.6s;
      -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1, 1.1); }


dl {
    margin-top: 0;
    margin-bottom: 0rem;
    background: rgba(0, 0, 0, 0.45);
    padding: 20px 20px 16px 20px;
    margin-bottom: 7px;
    /* line-height: 9px; */
}
.img-thumbnail {
    padding: 0rem;
    background-color: #fff;
    border: 0px solid #dee2e6;
    border-radius: 0rem;
    max-width: 100%;
    height: auto;
    width: auto;
    height: 125px;
}
.text-secondary {
    color: #30ceff!important;
}
.svg-inline--fa.fa-w-14 {
    width: .875em;
    color: #30ceff !important ;
    width: 50px;
    height: 50px;
 }
a:hover{ text-decoration: none;}



.sp-scroll-up {color: #30ceff; background: rgba(68, 68, 68, 0); width: 64px; height: 52px;}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    color: #30ceff;
    background: rgba(68, 68, 68, 0.8);
width: 64px;
height: 52px;}
.article-details .article-full-image {
    text-align: center;
    margin-bottom: 2rem;
    width: 30%;
    margin-right: 27px;
    margin-left: auto;
}
.article-details .article-ratings-social-share {
    padding: .4rem 0;
    border-top: 0px solid #f5f5f5;
    border-bottom: 0px solid #f5f5f5;
    margin-bottom: 2rem;
}
.article .article-header h2 {height: 60px;}
#sp-top-bar .sp-module {display: inline-block; margin: 0px 0px 0px 8px;}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
    text-align: left;
}
.etykietakolor {
    /* color: #114867; */
    color: #00000;
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
    font-size:14px !important;
}
.etykieta {
    color: #000000;
    font-weight: normal;
    font-size:14px !important;
    
}

.etykietapromocja {
    /* color: #114867; */
  color: #ff0000!important;
    font-weight:bold!important;
    text-align: left;
    margin-left: 10px;
    font-size:14px !important;
}
.promocja {
    color: #ff0000!important;
    font-weight: bold!important;
    font-size:14px !important;
    
}
.etykietaskreslona {
    /* color: #114867; */
    color: #000000;
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
    font-size:14px !important;
	text-decoration:line-through;  
}
.skreslona {
    color: #000000;
    font-weight: normal;
    font-size:14px !important;
	text-decoration:none!important;}


.float-left {
	/*float:left;*/
}
a {color:#000000;}
a:hover{color: #017b96;}
.btn-primary, .sppb-btn-primary {
    border-color: #000000;
    background-color: #000000;
}
.sp-module-content .mod-languages ul.lang-inline li.lang-active {display:none;}

.frontimage img  {
	filter: grayscale(100%);
     -moz-transition: All 0.7s ease;
    -o-transition: All 0.7s ease;
    transition: all ease 0.7s;

}

.frontimage img:hover {
  -webkit-transition: All 0.7s ease;
    -moz-transition: All 0.7s ease;
    -o-transition: All 0.7s ease;
    transition: all ease 0.7s;
    -webkit-filter: none;
    filter:none;} 
	.sp-module-content .mod-languages img {
    display: inline-block;
    border: 0px solid #cccccc;
    box-shadow: 0px 0px 16px #ffffff;
}
.fab, .far {font-weight: 400;font-size: large;padding:5px 0px 5px 5px;}

.offcanvas-overlay {background: rgb(255 255 255 / 13%)!important;}
.offcanvas-menu {background: #ffffff;}
.offcanvas-menu .offcanvas-inner ul.menu li.active a { color: #000000;font-weight: bolder;}
@media (max-width: 575px) {#sp-header .logo {height: 50px;margin-top: -13px;}}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #252525;
    text-transform: uppercase;
    background: #ffffff;
}

#sp-header {
    text-transform: uppercase;
    background: #ffffff;
    margin-top: 0px;
    border-top: 0px solid #000000;
    border-bottom: 0px solid #ffffff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1)!important;}
	#frontimage img  {
	filter: grayscale(100%);
     -moz-transition: All 0.7s ease;
    -o-transition: All 0.7s ease;
    transition: all ease 0.7s;

}

#frontimage img:hover {
  -webkit-transition: All 0.7s ease;
    -moz-transition: All 0.7s ease;
    -o-transition: All 0.7s ease;
    transition: all ease 0.7s;
    -webkit-filter: none;
    filter:none;} 
	
	
/* Pełna szerokość i wyśrodkowanie względem okna – tylko dla tego modułu w pozycji ciezarowki */
#sp-ciezarowki .sp-module.fullbleed {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  max-width: 100vw;
  margin: 0;           /* ważne: bez automarginesów z Helixa */
  padding: 0;
}

/* Zdejmij „kaganiec” z wewnętrznych kontenerów Helixa/SPPB w TYM module */
#sp-ciezarowki .sp-module.fullbleed .container,
#sp-ciezarowki .sp-module.fullbleed .sppb-container,
#sp-ciezarowki .sp-module.fullbleed .sp-column,
#sp-ciezarowki .sp-module.fullbleed .row,
#sp-ciezarowki .sp-module.fullbleed .sppb-row {
  max-width: none;
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}


/* Zapobiegaj poziomemu scrollowi od 100vw (przez szerokość paska przewijania) */
html, body { overflow-x: hidden; }

/* (opcjonalnie) delikatny oddech na mobile */
@media (max-width: 991.98px) {
  #sp-ciezarowki .sp-module.fullbleed { padding-left: 1rem; padding-right: 1rem; }
}

#<?php echo $moduleId; ?> .carousel-outer-controls .carousel-arrow:hover { opacity: .9; }
#<?php echo $moduleId; ?> .carousel-outer-controls .carousel-arrow:focus { outline: 2px solid #000; outline-offset: 2px; }

.carousel-control-next{display: none !important;}
.carousel-control-prev {display: none !important;}
.carousel-indicators [data-bs-target] {background-color: #000000!important;}
.carousel-indicators{top:-35px!important;}
.ratio-16x9 {--bs-aspect-ratio: 73.25%!important;}

 .card .ratio {
  overflow: hidden;          /* najważniejsze: obetnij nadmiar */
  border-radius: 0px;    /* dziedzicz zaokrąglenie z .card */
}

.card .ratio img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;         /* wypełnij kadr bez zniekształceń */
  transform: scale(1);
  transition: transform 0.4s ease;
}

.card .ratio:hover img {
  transform: scale(1.1); /* stopień powiększenia, np. 1.05 dla subtelniejszego efektu */
}
.card { overflow: hidden; }

 .carousel-indicators {
  position: static;         /* usuń absolutne pozycjonowanie Bootstrapa */
  margin-bottom: 0rem;      /* odstęp od slajdów */
  justify-content: center;  /* wyśrodkuj kropki */
}

/* Styl kropek */
.carousel-indicators [data-bs-target] {
  background-color: #00a4c9!important;   /* czarne kropki */
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
 .carousel-indicators .active {
  background-color: #00a4c9!important;   /* np. jaśniejsza kropka aktywna */
}
.sppb-section-title{margin-bottom:0px!important;}
#articlesCarousel150 .carousel-inner {
    padding-bottom: 0rem!important;
    margin-bottom: -34px;
}
.carousel-outer-controls{margin-top:50px!important;}
/* .card-body {height: 250px;} */

.sp-page-builder .page-content #section-id-3795e0a0-e5fd-49b4-a94a-f38be5284666 {
    margin-top: -50px !important;
}

:root { --brand:#0088a7; }

.spec-table th { width: 42%; white-space: nowrap; }
.spec-table td { width: 58%; }
.article-intro img { display: block; }
.opis-ciezarowek .card-header { background: #f8f9fa; }

/* Ikony i nagłówki */
.accordion-button { font-weight: 700; }
.opis-ciezarowek .acc-ico { display:inline-flex; width:2.8rem; height:2.8rem; margin-right:.65rem; line-height:1; align-items:center; justify-content:center; }
.opis-ciezarowek .acc-ico svg { width:100%; height:100%; display:block; }

/* Odstępy między elementami akordeonu */
.opis-ciezarowek .accordion .accordion-item + .accordion-item { margin-top: .75rem; }

/* Cień i inwersja kolorów dla aktywnego (otwartego) panelu */
.opis-ciezarowek .accordion .accordion-item {
  border-radius: .6rem;
  transition: box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}
.opis-ciezarowek .accordion .accordion-item.is-open {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
  background-color: #fff;
}
.opis-ciezarowek .accordion .accordion-item.is-open > .accordion-header .accordion-button {
  background-color: #000;
  color: #fff;
  border-top-left-radius: .6rem;
  border-top-right-radius: .6rem;
}
.opis-ciezarowek .accordion .accordion-item.is-open > .accordion-header .accordion-button::after {
  filter: invert(1) brightness(200%);
}
.opis-ciezarowek .accordion .accordion-item.is-open .accordion-collapse {
  border-bottom-left-radius: .6rem;
  border-bottom-right-radius: .6rem;
}

/* === WARIANT BRAND ACCENT (#0088a7) === */
.opis-ciezarowek.brand-accent .accordion .accordion-item.is-open {
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.12),
    0 0 0 1px rgba(0, 136, 167, 0.18);
}
.opis-ciezarowek.brand-accent .accordion .accordion-item.is-open > .accordion-header .accordion-button {
  background: linear-gradient(180deg, #000 0%, #0d0d0d 100%);
  position: relative;
  box-shadow: inset 0 0 0 2px var(--brand);
}
/* pionowy pasek akcentowy po lewej stronie nagłówka */
.opis-ciezarowek.brand-accent .accordion .accordion-item.is-open > .accordion-header .accordion-button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: var(--brand);
  border-top-left-radius: .6rem;
}

/* delikatna poświata pod nagłówkiem (brand glow) */
.opis-ciezarowek.brand-accent .accordion .accordion-item.is-open > .accordion-header .accordion-button {
  text-shadow: 0 0 0 rgba(0,0,0,0);
}
.opis-ciezarowek.brand-accent .accordion .accordion-item.is-open .accordion-collapse {
  box-shadow: inset 0 1px 0 rgba(0, 136, 167, 0.25);
  border-bottom-left-radius: .6rem;
  border-bottom-right-radius: .6rem;
}