:root {
  --kol-primary:   #4A82C2; /* niebieski */
  --kol-secondary: #C15372; /* malinowy */
  --kol-accent:    #F4CC3A; /* żółty */
  --kol-text:      #3D3522; /* ciemny brąz */
  --kol-black:     #000000; /* tylko pomocniczo */
  --kol-light:     #F5F5F5; /* sekcje */
  --kol-white:     #FFFFFF; /* tło */
}

#sppb-addon-CZLURGQMAXrfgJ7zyGQwd {
	background-color: rgba(247, 247, 247, 0.8);
	border-radius: 15px;
	overflow: hidden;
}
.sppb-btn-sm {
	padding: 4px 8px;
	font-size: 14px;
	line-height: 1.5;
	border-radius: 10px;
}


/* HEADER */
#sp-header { background: var(--kol-white) !important; color: var(--kol-text) !important; }
#sp-header .logo, #sp-header .logo a { color: var(--kol-primary) !important; }

/* MENU */
#sp-header .sp-megamenu-parent>li>a,
#sp-header .sp-megamenu-parent>li>span { color: #000 !important; }
#sp-header .sp-megamenu-parent>li:hover>a,
#sp-header .sp-megamenu-parent>li.active>a { color: var(--kol-secondary) !important; }
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a { color: var(--kol-text) !important; }
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover { color: var(--kol-accent) !important; }

/* BUTTONY */
.btn, .btn-primary, .sppb-btn, .sppb-btn-primary {
  background: #000!important; !important; color: #fff !important;
}
.btn:hover, .btn:focus, .btn-primary:hover,
.sppb-btn:hover, .sppb-btn-primary:hover {
  background: #000 !important;  !important; color: #fff !important;
}

/* TOGGLER (mobile) */
#offcanvas-toggler .burger-icon>span { background: var(--kol-primary) !important; }
#offcanvas-toggler:hover .burger-icon>span { background: var(--kol-secondary) !important; }

/* TEKST + NAGŁÓWKI */
body, .sppb-addon-text-block .sppb-addon-content {font-family:'Open Sans',sans-serif!important;color:var(--kol-text)!important;font-size:14px!important;font-size:clamp(14px, calc(1rem + 0.2vw), 18px)!important;font-weight:400!important;line-height:1.6!important;}
h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif!important;color:#000;line-height:1.2;margin:0 0 .75em;font-weight:400!important;}
h1 {
    font-family: 'Finger Paint', cursive !important;
    line-height: 1.2;
    margin: 0 0 .75em;
    font-weight: 600 !important;
}

/* Wyłączenie wszystkich animacji i przejść na stronie */
*,
*::before,
*::after {
  animation: none !important;
  transition: none !important;
}



h1{font-size:4rem!important;font-weight:700!important;}
h2{font-size:2.25rem!important;}
h3{font-size:1.75rem!important;}
h4{font-size:1.375rem!important;}
h5{font-size:1.125rem!important;font-weight:500!important;}
h6{font-size:1rem!important;font-weight:500!important;}




/* NAGŁÓWKI (MOBILE) */
@media (max-width: 767px) {
  h1 { font-size: 2.25rem !important; } /* 36px */
  h2 { font-size: 1.75rem !important; } /* 28px */
  h3 { font-size: 1.5rem !important; }  /* 24px */
  h4 { font-size: 1.25rem !important; } /* 20px */
  h5 { font-size: 1.125rem !important; }/* 18px */
  h6 { font-size: 1rem !important; }    /* 16px */
}


/* MENU – wielkie litery */
#sp-header .sp-megamenu-parent>li>a,
#sp-header .sp-megamenu-parent>li>span,
.offcanvas-menu .offcanvas-inner ul.menu>li>a,
.offcanvas-menu .offcanvas-inner ul.menu>li>span {
  text-transform: uppercase !important;
}

/* Efekt hover na wszystkich obrazkach – jak w .img-animation */

/* 
img:hover {
  filter: hue-rotate(90deg);
}
*/
a {color: var(--kol-secondary);}
a:hover {color: var(--kol-primary);}


#sp-footer { background: #00!important; color: var(--kol-white) !important; }
#sp-footer a { color:  var(--kol-white) !important; }
#sp-footer a:hover { color: var(--kol-accent) !important; }
#sp-footer h1, #sp-footer h2, #sp-footer h3, #sp-footer h4 { color: var(--kol-white) !important; }

 #sp-footer .sppb-addon-text-block .sppb-addon-content { color: var(--kol-white) !important; }

.sppb-carousel-extended-item {background:#F5F5F5;}
.feature-carousel-style .sppb-carousel-extended-item {border:1px solid rgba(193,83,114,0.1);}
.sppb-carousel-extended-item:hover {background:rgba(193,83,114,0.2) !important;}

.sppb-addon-single-image-container img {
    transition: transform 0.2s ease-out;
    transform-style: preserve-3d;
}
/*
.sppb-addon-single-image-container img:hover {
    transform: perspective(800px) rotateX(3deg) rotateY(3deg);
}
/* WYŁĄCZENIE efektu tilt na telefonach */
@media (max-width: 767px) {
    .sppb-addon-single-image-container img:hover {
        transform: none !important;
    }
}



/* Tło offcanvas menu */
.offcanvas-menu {
  background: #fff !important;
}

/* Czcionka taka jak na stronie */
.offcanvas-menu .offcanvas-inner ul.menu > li > a {
  font-family: 'Open Sans', sans-serif !important;
  color: var(--kol-secondary) !important;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  padding: 12px 0;
  transition: color 0.3s ease;
}

/* Hover taki jak na reszcie */
.offcanvas-menu .offcanvas-inner ul.menu > li > a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li.active > a {
  color: var(--kol-primary) !important;
}

/* Nakładka z kolorów marki */
/* img {
  filter: contrast(1.05) saturate(1.15) brightness(0.95);
  transition: filter .3s;
}

img:hover {
  filter: contrast(1.1) saturate(1.25) brightness(0.9);
}

@media (max-width: 767px) {
  img {
    filter: none !important;
  }
} 

img:not(.logo-image img)::after {
  content: "";
}

*/