/* _style-default.css */
/* PSI 2026-08-10: @import do Google Fonts (Roboto, Playfair Display) USUNIETE.
   To byly DOMYSLNE kroje skorki, nadpisane w :root przez arkusz marki tego klienta
   (Bitter + Inter) — pobieraly sie wiec na darmo, a mimo to zajmowaly polaczenie
   do obcego serwera w krytycznym momencie. Kroje realnie uzywane sa self-hostowane
   w subsecie (uploads/fonts/, @font-face inline w header.php).
   Wracasz do domyslnych krojow skorki? Trzeba je dodac do self-hostu, a nie
   przywracac te @import. */

:root {
	/* === [BLOCK: slate-tokens — Claude 2026-06-04] START === */
	/* Neutrale (skala slate) — wow-components zamiast hardcoded hexów. Brand --mark NIE rusza. */
	--ink:#0F172A; --ink-2:#1E293B;
	--text:#334155; --text-soft:#475569;
	--muted:#64748B; --muted-soft:#94A3B8;
	--line:#E2E8F0; --line-soft:#CBD5E1;
	--surface:#F8FAFC; --surface-2:#F1F5F9;
	/* === [BLOCK: slate-tokens — Claude 2026-06-04] END === */
	--mark:#EF5350;
	--mark-light:#E57373;
	--mark-dark:#F44336;
	--mark2:var(--mark);
	--mark2-light:var(--mark-light);
	--mark2-dark:var(--mark-dark);
	--grey-dark:#424242;
	--grey-darker:#272727;
	--grey:#888888;
	--grey-light:#ccc;
	--grey-lighter:#f1f2f6;
	--black:#000;
	--white:#fff;
	--red:#D63024;
	--red-light:#FF5F5D;
	--red-dark:#AE170C;
	--green:#AED581;
	--green-light:#C5E1A5;
	--green-dark:#116201;
	--yellow:#ff0;
	--font-family-header: 'Playfair Display', serif;
	--font-family-header-light: 400;
	--font-family-header-regular: 500;
	--font-family-header-medium: 600;
	--font-family-header-bold: 600;
	--font-family-text: 'Roboto', sans-serif;
	--font-family-text-light: 300;
	--font-family-text-regular: 400;
	--font-family-text-medium: 500;
	--font-family-text-bold: 700;
	--font-family-icon-google: 'Material Symbols Outlined';
	scroll-behavior: smooth;
}
body.dark_mode {
	--mark:#EF5350;
	--mark-light:#E57373;
	--mark-dark:#F44336;
	--mark2:var(--mark);
	--mark2-light:var(--mark-light);
	--mark2-dark:var(--mark-dark);
	--grey-dark:#f1f2f6;
	--grey-darker:#ccc;
	--grey:#888888;
	--grey-light:#424242;
	--grey-lighter:#272727;
	--black:#dedede;
	--white:#141414;
	--red:#f00;
	--yellow:#ff0;
}
.fs-smallest {font-size:clamp(0.6rem, 1.2vw, 0.8rem);line-height:1.4;display: inline-block;}
.fs-small {font-size:clamp(0.8rem, 1.5vw, 1.0rem);line-height:1.5;display: inline-block;}
.fs-normal {font-size:clamp(1rem, 2vw, 1.4rem);line-height:1.6;display: inline-block;}
.fs-big {font-size:clamp(1.4rem, 3vw, 1.8rem);line-height:1.4;display: inline-block;}
.fs-bigger {font-size:clamp(1.8rem, 4vw, 2.2rem);line-height:1.3;display: inline-block;}
.fs-biggest {font-size:clamp(2.2rem, 5vw, 2.6rem);line-height:1.2;display: inline-block;}
.fs-08 {font-size:.8rem;line-height:1.4;display: inline-block;}
.fs-09 {font-size:.9rem;line-height:1.4;display: inline-block;}
.fs-10 {font-size:1rem;line-height:1.5;display: inline-block;}
.fs-11 {font-size:1.1rem;line-height:1.5;display: inline-block;}
.fs-12 {font-size:1.2rem;line-height:1.5;display: inline-block;}
.fs-13 {font-size:1.3rem;line-height:1.5;display: inline-block;}
.fs-14 {font-size:1.4rem;line-height:1.4;display: inline-block;}
.fs-15 {font-size:1.5rem;line-height:1.4;display: inline-block;}
.fs-16 {font-size:1.6rem;line-height:1.3;display: inline-block;}
.fs-17 {font-size:1.7rem;line-height:1.3;display: inline-block;}
.fs-18 {font-size:1.8rem;line-height:1.3;display: inline-block;}
.fs-19 {font-size:1.9rem;line-height:1.2;display: inline-block;}
.fs-20 {font-size:2rem;line-height:1.2;display: inline-block;}
.fs-21 {font-size:2.1rem;line-height:1.2;display: inline-block;}
.fs-22 {font-size:2.2rem;line-height:1.2;display: inline-block;}
.fs-23 {font-size:2.3rem;line-height:1.1;display: inline-block;}
.fs-24 {font-size:2.4rem;line-height:1.1;display: inline-block;}
.fs-25 {font-size:2.5rem;line-height:1.1;display: inline-block;}
.fs-26 {font-size:2.6rem;line-height:1.1;display: inline-block;}
.fs-27 {font-size:2.7rem;line-height:1.1;display: inline-block;}
.fs-28 {font-size:2.8rem;line-height:1.1;display: inline-block;}
.fs-29 {font-size:2.9rem;line-height:1.1;display: inline-block;}
.fs-30 {font-size:3rem;line-height:1.0;display: inline-block;}
.fs-35 {font-size:3.5rem;line-height:1.0;display: inline-block;}
.fs-40 {font-size:4rem;line-height:1.0;display: inline-block;}
.fs-45 {font-size:4.5rem;line-height:0.9;display: inline-block;}
.fs-50 {font-size:5rem;line-height:0.9;display: inline-block;}
.fs-55 {font-size:5.5rem;line-height:0.9;display: inline-block;}
.fs-60 {font-size:6rem;line-height:0.9;display: inline-block;}
.fs-70 {font-size:7rem;line-height:0.85;display: inline-block;}
.fs-80 {font-size:8rem;line-height:0.85;display: inline-block;}
.fs-90 {font-size:9rem;line-height:0.85;display: inline-block;}
.fs-100 {font-size:10rem;line-height:0.85;display: inline-block;}

.material-symbols-outlined {
	font-size:1em;
	font-variation-settings:
	'FILL' 0,
	'wght' 400,
	'GRAD' 0,
	'opsz' 24
}
.icon100 .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 100,'GRAD' 0,'opsz' 24}
.icon200 .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 200,'GRAD' 0,'opsz' 24}
.icon300 .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24}

.ta-center {text-align: center !important;}
.bg-0rem {padding:0rem !important;}
.bg-05rem {padding:.5rem;}
.bg-05rem0rem {padding:.5rem 0;}
.bg-0rem05rem {padding:0 0.5rem;}
.bg-1rem {padding:1rem;}
.bg-1rem0rem {padding:1rem 0;}
.bg-0rem1rem {padding:0 1rem;}
.bg-1.5rem {padding:1.5rem;}
.bg-1.5rem0rem {padding:1.5rem 0;}
.bg-0rem1.5rem {padding:0 1.5rem;}
.bg-2rem {padding:2rem;}
.bg-2rem0rem {padding:2rem 0;}
.bg-0rem2rem {padding:0 2rem;}
.padding-0 {margin:0 !important;}
.margin-0 {margin:0 !important;}
.margin-1rem0rem {margin:1rem 0rem !important;}
.margin-2rem0rem {margin:2rem 0rem !important;}
.bg-grey{background-color: var(--grey);}
.bg-grey-light{background-color: var(--grey-light) !important;}
.bg-grey-lighter{background-color: var(--grey-lighter) !important;}
.bg-grey-dark{background-color: var(--grey-dark) !important;color:var(--white);}
.bg-grey-dark a {color:var(--white);}
.bg-grey-darker{background-color: var(--grey-darker) !important;color:var(--white);}
.bg-grey-darker a {color:var(--white);}
.bg-mark{background-color: var(--mark) !important;color:var(--white);}
.bg-mark a {color:var(--white);}
.bg-mark a:hover {color:var(--white);}
.bg-mark-dark{background-color: var(--mark-dark) !important;color:var(--white);}
.bg-mark-dark a {color:var(--white);}
.bg-mark-dark a:hover {color:var(--white);}
.bg-black{background-color: var(--black) !important;color:var(--white);}
.bg-black a {color:var(--white);}
.bg-mark-light{background-color: var(--mark-light) !important;color:var(--white);}
.bg-mark2{background-color: var(--mark2) !important;color:var(--white);}
.bg-mark2-dark{background-color: var(--mark2-dark) !important;color:var(--white);}
.bg-mark2-light{background-color: var(--mark2-light) !important;color:var(--white);}
.bg-white{background-color: var(--white) !important;color:var(--black);}
.bg-white a {color:var(--black);}
.color-mark { color: var(--mark) !important; }
.color-mark-light { color: var(--mark-light) !important; }
.color-mark-dark { color: var(--mark-dark) !important; }
.color-mark2 { color: var(--mark2) !important; }
.color-mark2-light { color: var(--mark2-light) !important; }
.color-mark2-dark { color: var(--mark2-dark) !important; }
.color-grey-dark { color: var(--grey-dark) !important; }
.color-grey-darker { color: var(--grey-darker) !important; }
.color-grey { color: var(--grey) !important; }
.color-grey-light { color: var(--grey-light) !important; }
.color-grey-lighter { color: var(--grey-lighter) !important; }
.color-black { color: var(--black) !important; }
.color-white { color: var(--white) !important; }
.color-red { color: var(--red) !important; }
.color-yellow { color: var(--yellow) !important; }
.color-green { color: var(--green) !important; }
.color-green-dark { color: var(--green-dark) !important; }
.cursor-pointer {cursor:pointer;}
.icon_circle{border:solid 1px var(--grey-light);color:var(--grey-dark);border-radius:50px;width:70px;height:70px;display:flex;justify-content:center;align-items:center;margin:auto;font-size:1.8em;transition:.4s all;}
.icon_circle:hover{font-size:2.3em;}
.bg .icon_circle{border:solid 1px var(--white);color:var(--white);}
pre{background:var(--grey-lighter);font-size:.9rem;padding:1rem;border-radius:1rem 0 0 0;max-width:100%;overflow-x:auto;}
ul+nav {margin-top:1rem;}
ul+aside {margin-top:1rem;}
nav > p a {background: var(--mark);color: var(--white);padding: .5em .5em;border-radius: .5em;display: inline-block;}
nav > p a:hover {background: var(--grey-darker);color: var(--white)}

body.dark_mode nav > p a {color: var(--black);}
body.dark_mode nav > p a:hover {background: var(--grey-lighter);}
.bg nav > p a {background: var(--white) !important;color: var(--grey-darker) !important;}
.bg nav > p a:hover {background: var(--grey-light) !important;color:var(--black) !important;}
.border {border:solid 3px var(--mark);}
.border-mark-light {border:solid 3px var(--mark-light);}
.border-mark-dark {border:solid 3px var(--mark-dark);}
.border-grey {border:solid 3px var(--grey);}
.border-grey-light {border:solid 3px var(--grey-light);}
.border-grey-lighter {border:solid 3px var(--grey-lighter);}
.border-grey-dark {border:solid 3px var(--grey-dark);}
.border-grey-darker {border:solid 3px var(--grey-darker);}
.border-white {border:solid 3px var(--white);}
.border-black {border:solid 3px var(--black);}
.border-black {border:solid 3px var(--black);}
.border-red {border:solid 3px var(--red);}
.border-yellow {border:solid 3px var(--yellow);}

.border-radius-1rem {border-radius:1rem;}
/* PATCH:claude-utility-classes-2026-05-27-START */
/* Dodatkowe utility do landingów wow-components + AI SEO klocków.
   Reguła: preferuj klasę utility nad inline style w content JSON dnt_creator. */

/* Max-width tekstu (typografia czytelność, ch = szerokość znaku) */
.mw-text-50 {max-width:50ch;}
.mw-text-60 {max-width:60ch;}
.mw-text-70 {max-width:70ch;}
.mw-text-80 {max-width:80ch;}

/* Text-align (uzupełnienie .ta-center) */
.ta-left {text-align:left !important;}
.ta-right {text-align:right !important;}
.ta-justify {text-align:justify !important;}

/* Opacity */
.opacity-30 {opacity:.3;}
.opacity-50 {opacity:.5;}
.opacity-70 {opacity:.7;}
.opacity-90 {opacity:.9;}

/* Gap dla flex/grid */
.gap-025rem {gap:.25rem;}
.gap-05rem {gap:.5rem;}
.gap-075rem {gap:.75rem;}
.gap-1rem {gap:1rem;}
.gap-1.5rem {gap:1.5rem;}
.gap-2rem {gap:2rem;}

/* Flex utility (najczęstsze kombinacje w content.html wow) */
.flex {display:flex;}
.flex-center {display:flex; align-items:center; justify-content:center;}
.flex-start {display:flex; align-items:center; justify-content:flex-start;}
.flex-between {display:flex; align-items:center; justify-content:space-between;}
.flex-end {display:flex; align-items:center; justify-content:flex-end;}
.flex-col {display:flex; flex-direction:column;}
.flex-wrap {flex-wrap:wrap;}
.items-center {align-items:center;}
.items-start {align-items:flex-start;}
.items-end {align-items:flex-end;}
.items-baseline {align-items:baseline;}

/* Margin auto (centrowanie blokowe) */
.mx-auto {margin-left:auto; margin-right:auto;}
.my-auto {margin-top:auto; margin-bottom:auto;}
/* PATCH:claude-utility-classes-2026-05-27-END */

/* PATCH:restore-utility-classes-2026-06-10-START */
.material-symbols-outlined {
	font-size:1em;
	font-variation-settings:
	'FILL' 0,
	'wght' 400,
	'GRAD' 0,
	'opsz' 24
}
.icon100 .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 100,'GRAD' 0,'opsz' 24}
.icon200 .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 200,'GRAD' 0,'opsz' 24}
.icon300 .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24}

.ta-center {text-align: center !important;}
.bg-0rem {padding:0rem !important;}
.bg-05rem {padding:.5rem;}
.bg-05rem0rem {padding:.5rem 0;}
.bg-0rem05rem {padding:0 0.5rem;}
.bg-1rem {padding:1rem;}
.bg-1rem0rem {padding:1rem 0;}
.bg-0rem1rem {padding:0 1rem;}
.bg-1.5rem {padding:1.5rem;}
.bg-1.5rem0rem {padding:1.5rem 0;}
.bg-0rem1.5rem {padding:0 1.5rem;}
.bg-2rem {padding:2rem;}
.bg-2rem0rem {padding:2rem 0;}
.bg-0rem2rem {padding:0 2rem;}
.padding-0 {margin:0 !important;}
.margin-0 {margin:0 !important;}
.margin-1rem0rem {margin:1rem 0rem !important;}
.margin-2rem0rem {margin:2rem 0rem !important;}
.bg-grey{background-color: var(--grey);}
.bg-grey-light{background-color: var(--grey-light) !important;}
.bg-grey-lighter{background-color: var(--grey-lighter) !important;}
.bg-grey-dark{background-color: var(--grey-dark) !important;color:var(--white);}
.bg-grey-dark a {color:var(--white);}
.bg-grey-darker{background-color: var(--grey-darker) !important;color:var(--white);}
.bg-grey-darker a {color:var(--white);}
.bg-mark{background-color: var(--mark) !important;color:var(--white);}
.bg-mark a {color:var(--white);}
.bg-mark a:hover {color:var(--white);}
.bg-mark-dark{background-color: var(--mark-dark) !important;color:var(--white);}
.bg-mark-dark a {color:var(--white);}
.bg-mark-dark a:hover {color:var(--white);}
.bg-black{background-color: var(--black) !important;color:var(--white);}
.bg-black a {color:var(--white);}
.bg-mark-light{background-color: var(--mark-light) !important;color:var(--white);}
.bg-mark2{background-color: var(--mark2) !important;color:var(--white);}
.bg-mark2-dark{background-color: var(--mark2-dark) !important;color:var(--white);}
.bg-mark2-light{background-color: var(--mark2-light) !important;color:var(--white);}
.bg-white{background-color: var(--white) !important;color:var(--black);}
.bg-white a {color:var(--black);}
.color-mark { color: var(--mark) !important; }
.color-mark-light { color: var(--mark-light) !important; }
.color-mark-dark { color: var(--mark-dark) !important; }
.color-mark2 { color: var(--mark2) !important; }
.color-mark2-light { color: var(--mark2-light) !important; }
.color-mark2-dark { color: var(--mark2-dark) !important; }
.color-grey-dark { color: var(--grey-dark) !important; }
.color-grey-darker { color: var(--grey-darker) !important; }
.color-grey { color: var(--grey) !important; }
.color-grey-light { color: var(--grey-light) !important; }
.color-grey-lighter { color: var(--grey-lighter) !important; }
.color-black { color: var(--black) !important; }
.color-white { color: var(--white) !important; }
.color-red { color: var(--red) !important; }
.color-yellow { color: var(--yellow) !important; }
.color-green { color: var(--green) !important; }
.color-green-dark { color: var(--green-dark) !important; }
.cursor-pointer {cursor:pointer;}
.icon_circle{border:solid 1px var(--grey-light);color:var(--grey-dark);border-radius:50px;width:70px;height:70px;display:flex;justify-content:center;align-items:center;margin:auto;font-size:1.8em;transition:.4s all;}
.icon_circle:hover{font-size:2.3em;}
.bg .icon_circle{border:solid 1px var(--white);color:var(--white);}
pre{background:var(--grey-lighter);font-size:.9rem;padding:1rem;border-radius:1rem 0 0 0;max-width:100%;overflow-x:auto;}
ul+nav {margin-top:1rem;}
ul+aside {margin-top:1rem;}
nav > p a {background: var(--mark);color: var(--white);padding: .5em .5em;border-radius: .5em;display: inline-block;}
nav > p a:hover {background: var(--grey-darker);color: var(--white)}
aside > p a {color: var(--black);display: inline-block;}
aside > p a::after {content: 'arrow_right_alt';font-family: var(--font-family-icon-google);margin-left: .3rem;vertical-align: middle;transition:.4s all;}
aside > p a:hover {color: var(--black);}
aside > p a:hover::after {margin-left: 1rem;}
body.dark_mode nav > p a {color: var(--black);}
body.dark_mode nav > p a:hover {background: var(--grey-lighter);}
.bg nav > p a {background: var(--white) !important;color: var(--grey-darker) !important;}
.bg nav > p a:hover {background: var(--grey-light) !important;color:var(--black) !important;}
.border {border:solid 3px var(--mark);}
.border-mark-light {border:solid 3px var(--mark-light);}
.border-mark-dark {border:solid 3px var(--mark-dark);}
.border-grey {border:solid 3px var(--grey);}
.border-grey-light {border:solid 3px var(--grey-light);}
.border-grey-lighter {border:solid 3px var(--grey-lighter);}
.border-grey-dark {border:solid 3px var(--grey-dark);}
.border-grey-darker {border:solid 3px var(--grey-darker);}
.border-white {border:solid 3px var(--white);}
.border-black {border:solid 3px var(--black);}
.border-black {border:solid 3px var(--black);}
.border-red {border:solid 3px var(--red);}
.border-yellow {border:solid 3px var(--yellow);}

.border-radius-1rem {border-radius:1rem;}
/* PATCH:restore-utility-classes-2026-06-10-END */

/* _style.css */
/*
Theme Name: Enfold
Theme URI: https://kriesi.at/themes/enfold-overview/
Description: Enfold is a clean, super flexible and fully responsive WordPress Theme, suited for business websites, shop websites, and users who want to showcase their work on a neat portfolio site.
Author: Kriesi
Author URI: https://kriesi.at/
Version: 4.8.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



@media all {

html {
  overflow-x: hidden;
}

body {
	font-family: var(--font-family-text);font-size:16px;line-height: 1.4em;
	color:var(--grey-dark);background: var(--white);
	margin: 0px;padding: 0px; 
}
.body { width: 100%;min-height: 100vh;margin: 0px;display:flex;flex-direction: column;/*overflow-x:hidden*/}
/* .home_id_1 .body {overflow-x:hidden;} */
.overflow_hidden {width:100%;overflow:hidden;}

article, section, aside, hgroup, nav, header, footer, figure, figcaption, ul, div, form, input, select, textarea, main {display: block;margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
address {font-style: unset;}
ul ul { padding-left:20px;}
ul { list-style: inside;line-height: 1.5em;}
ul.check li {list-style:none;}
ul.check li:before {font-family:var(--font-family-icon-google);content: "\e876";margin: 0 0.3em 0 0;top: 4px;font-size: 1.2em;position: relative;}
ul.arrow li {list-style:none;}
ul.arrow li:before {font-family:var(--font-family-icon-google);content: "\e5df";margin: 0 0em 0 0;top: 6px;font-size: 1.5em;position: relative;}
table {border-collapse: collapse;}
table tr td { vertical-align: top;}
table:not([class]) tr td {border:solid 1px var(--grey-light);padding:.5rem .5rem;}
table:not([class]) tr th {border:solid 1px var(--grey-light);color:var(--black);background:var(--grey-lighter);padding:.5rem .5rem;}
div.table-responsive {width: 100%;overflow-x: auto !important;}
div.table-responsive > table {min-width:600px;}
img, a img {max-width:100%;height: auto;border:0;}
.img-block img {display: block !important;}
.clear { font-size: 0px;line-height: 0px;margin: 0px;padding: 0px;clear: both;height: 0px; }
mark, .mark {color:var(--mark);background:transparent;}
iframe, embed {max-width:100%;border: 0;display: block;}
#maps iframe {width:100%;}
summary {cursor: pointer;}
a { color:var(--mark);text-decoration: none;cursor: pointer;transition:0.4s all;}
a:hover { color: var(--mark-dark);text-decoration:none;}

a.button {background:var(--mark2);padding:.7em 1em;border-radius:1em;color:var(--white);margin:0 .2em;display: inline-block;}
a.button:hover {background:var(--grey-dark);}

body.dark_mode a.button {color:var(--black);}
body.dark_mode a.button:hover {background:var(--grey-light);}

.subtitle1 {font-weight: var(--font-family-header-regular);font-size: 0.9rem;letter-spacing: 0.15px;}
.subtitle2 {font-weight: var(--font-family-header-medium);font-size: 0.8rem;letter-spacing: 0.1px;}
.body1 {font-weight: var(--font-family-text-regular);font-size: 1rem;letter-spacing: 0.5px;line-height: 1.5em;}
.body2 {font-weight: var(--font-family-text-regular);font-size: 0.875rem;letter-spacing: 0.25px;line-height: 1.5em;}
.button {font-weight: var(--font-family-text-medium);font-size: 0.875rem;letter-spacing: 1.25px;cursor:pointer;}
.button {background:var(--mark);padding:.7em 1em;border-radius:1rem;color:var(--white);margin:0 .2em;display: inline-block;cursor:pointer;transition:.4s all;border:0;}
.button:hover {background:var(--mark-dark);color:var(--white);}
.button_grey {background: var(--white);color:var(--grey-dark);border:solid 1px var(--grey-light);}
.button_grey:hover {background: var(--white);color:var(--grey-dark);border:solid 1px var(--grey-dark);}
.button_disabled {background: var(--grey);}
.caption {font-weight: var(--font-family-text-regular);font-size: 0.75rem;letter-spacing: 0.4px;}
.overline {font-weight: var(--font-family-text-regular);font-size: 0.75rem;letter-spacing: 1.5px;}
.shadow {box-shadow: 0px 0px 15px var(--grey-lighter);transition: .4s all;}
.shadow:hover {box-shadow: 0px 0px 15px var(--grey-light);}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {line-height: 1.2;width: 100%;}
h1, .h1 {font-size: clamp(1.5rem, 5vw, 3rem);margin: 2rem 0;font-family: var(--font-family-header);font-weight: var(--font-family-header-regular);letter-spacing: -1.5px;}
h2, .h2 {font-size: clamp(1.375rem, 4.5vw, 2.375rem);margin: 2rem 0;font-family: var(--font-family-header);font-weight: var(--font-family-header-regular);letter-spacing: -0.5px;}
h3, .h3 {font-size: clamp(1.25rem, 4vw, 2.125rem);margin: 2rem 0;font-family: var(--font-family-header);font-weight: var(--font-family-header-regular);letter-spacing: 0px;}
h4, .h4 {font-size: clamp(1.125rem, 3.5vw, 1.75rem);margin: 2rem 0;font-family: var(--font-family-header);font-weight: var(--font-family-header-regular);letter-spacing: 0.25px;}
h5, .h5 {font-size: clamp(1rem, 3vw, 1.5rem);margin: 2rem 0;font-family: var(--font-family-header);font-weight: var(--font-family-header-regular);letter-spacing: 0px;}
h6, .h6 {font-size: clamp(0.9375rem, 2.5vw, 1.25rem);margin: 2rem 0;font-family: var(--font-family-header);font-weight: var(--font-family-header-regular);letter-spacing: 0.15px;}
.h-as-p h2, .h-as-p h3, .h-as-p h4, .h-as-p h5, .h-as-p h6 {margin: 0px 0px 1rem 0px;font-size:1.1rem;font-weight: var(--font-family-header-bold);}
.h-as-p h2:last-child, .h-as-p h3:last-child, .h-as-p h4:last-child, .h-as-p h5:last-child, .h-as-p h6:last-child {margin: 0px 0px 0rem 0px;}

body.t h2,body.t h3,body.t h4,body.t h5,body.t h6{line-height:1.3;font-family:var(--font-family-header);font-weight:var(--font-family-header-bold);margin:2rem 0 0.75rem;letter-spacing:-0.2px;color:var(--grey-darker);width:auto;}
body.t h2{font-size:1.375rem;}
body.t h3{font-size:1.15rem;}
body.t h4{font-size:1.05rem;}
body.t h5{font-size:0.95rem;text-transform:uppercase;letter-spacing:0.5px;color:var(--grey);}
body.t h6{font-size:0.875rem;text-transform:uppercase;letter-spacing:1px;color:var(--grey);}
body.t:is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0;}


p {margin: 0px 0px 1rem 0px;}
p:last-child {margin: 0px 0px 0rem 0px;}
p+h1 {margin-top:1rem;}
p+h2 {margin-top:1rem;} 
p+h3 {margin-top:1rem;}
p+h4 {margin-top:1rem;}
p+h5 {margin-top:1rem;}
p+h6 {margin-top:1rem;}
ol+p {margin-top:1rem;}
ol+p, ol+p:last-child {margin-top:1rem;}
ul+p {margin-top:1rem;}
ul+p, ul+p:last-child {margin-top:1rem;}
summary+p {margin-top:1rem;}
ul+h1 {margin-top:1rem !important;}
ul+h2 {margin-top:1rem !important;}
ul+h3 {margin-top:1rem !important;}
ul+h4 {margin-top:1rem !important;}
ul+h5 {margin-top:1rem !important;}
ul+h6 {margin-top:1rem !important;}


pre{background:var(--grey-lighter);font-size:.9rem;padding:1rem;border-radius:1rem 0 0 0;max-width:100%;overflow-x:auto;}

@keyframes colorChange {
    0% { color: var(--mark); }
    50% { color: var(--grey);; }
    100% { color: var(--mark); }
} 
@keyframes feature_non_selected {
    0%   {background: var(--mark);}
    33%  {background: var(--mark-light);}
    66%  {background: var(--mark-dark);}
    100% {background: var(--mark);}
}
.color-animation {animation: colorChange 4s infinite;}
.sticky {position: sticky !important;top:0;}
.center {width:100%;max-width:1400px;margin:0px auto;}
.center-x {text-align: center;align-items: center;justify-content: center;display: flex;flex-flow:row wrap;}

header.header_main {display: flex;flex-direction: column;width:100%;margin:0px auto 0px auto;padding:0px 0px 0px 0px;border-bottom:solid 1px var(--grey-lighter);}
header.header_main .header_wrapper {display: flex;width:100%;font-size: .9em;background:var(--grey-lighter);color:var(--black);}
header.header_main .header_wrapper .header_container{margin:0px 0px 0px 0px;padding:.5rem 0;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items: center;}
header.header_main .header_wrapper .header_container .header_address {display:flex;flex-direction:row;justify-content:space-between;align-items: center;gap:.5rem;/* width:100%; */}
header.header_main .header_wrapper .header_container .header_address > div {display: flex;flex-flow:row wrap;gap:.5rem;}
.header_address > div span.material-symbols-outlined {vertical-align: middle;font-size: 1.2rem;font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;}
header.header_main .header_wrapper .header_container a {color:var(--black);}
header.header_main .header_wrapper .header_container a .fa {margin: 6px 0px 0px 15px;}
header.header_main .header_wrapper .header_container a .fa:hover { color: var(--grey);}
header.header_main .header_wrapper .header_container a:hover { color: var(--grey);}
.header_store {display: flex;flex-flow:row wrap;gap:1.5rem;align-items: center;}
.header_store span.header_compare span.compare_number{font-size:1rem;background:var(--grey);color:var(--white);border-radius:50%;height:25px;width:25px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;position:absolute;top: 15px;right: -20px;}
.header_store span {display: flex;gap:0.5em;font-size: 1.2em;}
.header_store span.material-symbols-outlined{font-size:1.6rem;font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;color:var(--black);}
.header_store span.header_lang {font-size:1rem;}
.header_store span.header_lang a {color:var(--grey);}
.header_store span.header_lang a.active {color:var(--black);}
.header_store span.header_currency {font-size:1rem;}
.header_store span.header_currency a {color:var(--grey);}
.header_store span.header_currency a.active {color:var(--black);}
.header_store span.header_account {gap:0.8em;}
.header_store span.header_search form {flex-flow:row wrap;}
.header_store span.header_search form input[type=text] {padding: 0.5rem 40px .5rem 0.5rem;}
.header_store span.header_search form button{height:30px;margin: 2px 0 0 -35px;cursor:pointer;position:relative;background:var(--white);border:0;}
body.dark_mode .header_store span.header_search form button{background:var(--grey-lighter);}
.header_store span.header_search span.material-symbols-outlined {font-size: 1.4rem;}
.header_store span.header_basket {display: flex;position:relative;margin-right: 1.5rem;}
.header_store span.header_basket a {}
.header_store span.header_basket a:hover {color:var(--black);}
.header_store span.header_basket span.cart_number{font-size:1em;background:var(--grey-dark);color:var(--white);border-radius:50%;height:25px;width:25px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;position:absolute;top: 15px;right: -20px;}
.header_store span.header_fav {display: flex;position:relative;margin-right: 25px;}
.header_store span.header_fav a {color:var(--grey);}
.header_store span.header_fav span.fav_number{font-size:1em;background:var(--grey);color:var(--white);border-radius:50%;height:25px;width:25px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;position:absolute;top: 15px;right: -20px;}
.header_store span.header_compare {display: flex;position:relative;margin-right: 25px;}
.header_store span.header_compare a {color:var(--grey);}

header.header_main section {background:var(--white);}
header.header_main section .center {display:flex;align-items:center;justify-content:space-between;padding-top:0em;padding-bottom:0em;}
header.header_main section .logo {margin: 0em 0;}
header.header_main section .logo a {}
header.header_main section .logo a img{display: block;height: auto;margin:.6rem auto;max-width: 50vw;height: 45px;}
header.header_main section .header_icon {display: flex;flex-flow:row nowrap;align-items:center;gap:1em;}
header.header_main section .header_icon span.material-symbols-outlined {font-size: 1.2rem;float:left;}
header.header_main section .header_icon a.phone_number{background:var(--mark);color:var(--white);display:inline-block;padding:.4rem .6rem;border-radius:.6rem;}
header.header_main section .header_icon a.phone_number:hover{background:var(--mark-dark);color:var(--white);}
header.header_main section .header_icon a {color:var(--black);}
header.header_main section .header_icon a:hover {color:var(--mark);}
header.header_main section .header_icon a[href^="tel:"] {display: flex;gap:.2rem;align-items: center;}


.static {position: static;}/*megamenu*/
.relative {position: relative;}/*megamenu, dodaj tę klasę do "nav.header_menu" jeśli megamenu na szerokość menu, jesli na szerokość całego headera, dodaj tę klasę u rodzica */
nav.header_menu {margin: 0px 0px 0px 0px; }
nav.header_menu:after,nav.header_menu ul:after {content: '';display: block;clear: both;}
nav.header_menu ul,nav.header_menu li,nav.header_menu span,nav.header_menu a {margin: 0;padding: 0;}
nav.header_menu a {display: inline-block;}
nav.header_menu ul { list-style: none;}
nav.header_menu > ul { margin: 0px;list-style: none;}
nav.header_menu > ul > li { float: left;text-align:left;}
nav.header_menu > ul > li.h_has_sub > a::after {font-family: var(--font-family-icon-google);position: relative;top:2px; font-weight: 900; content: "\e5cf";margin-left: 0.24em;line-height: 0;}
nav.header_menu > ul > li > a {margin: 0px;padding: 1.8rem .8rem;text-decoration: none;color: var(--black);font-size: 1.0em;font-weight:500;}
nav.header_menu > ul > li:last-child {margin-right:0;}
nav.header_menu > ul > li:last-child > a {padding-right: 0;}
nav.header_menu > ul > li:first-child > a {	padding-left:0;	}
nav.header_menu > ul > li:hover > a, nav.header_menu > ul > li.active > a {color:var(--mark);}
nav.header_menu > ul > li:hover:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 50%;bottom: 0;margin-left: -10px;}
nav.header_menu > ul > li.active:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 50%;bottom: 0; margin-left: -10px;}
nav.header_menu .h_has_sub {z-index:1000;}
nav.header_menu .h_has_sub:hover > ul {display: block;}
nav.header_menu .h_has_sub ul { background: var(--white);		display: none;position: absolute;width: 300px;padding:20px 10px;top: 100%;left: -100px;z-index:10;}
body.dark_mode nav.header_menu .h_has_sub ul { background: var(--grey-lighter);}
nav.header_menu .h_has_sub ul li {}
nav.header_menu .h_has_sub ul li:last-child a { border-radius:0px 0px 5px 5px;}
nav.header_menu .h_has_sub ul li a { background: var(--white);color: var(--black);filter: none;font-size: 15px;display: block;line-height: 120%;padding: 10px;text-transform: initial;}
body.dark_mode nav.header_menu .h_has_sub ul li a { background: var(--grey-lighter);color: var(--black);}
nav.header_menu .h_has_sub ul li.h_has_sub a { background:var(--white) url(../../themes/Enfold/img/menup2.png) no-repeat right center;}
nav.header_menu .h_has_sub ul li:hover a { color:var(--mark);}
nav.header_menu .h_has_sub ul li.active a { color:var(--mark);}
nav.header_menu .h_has_sub .h_has_sub:hover > ul { display: block;border:none; }
nav.header_menu .h_has_sub .h_has_sub ul { display: none;position: absolute;left: 100%;top: 0;}
nav.header_menu .h_has_sub .h_has_sub ul li a { background: var(--white);color:var(--black);font-weight:normal;}
nav.header_menu .h_has_sub .h_has_sub ul li a:hover {background: var(--white);color:var(--black);}
nav.header_menu .h_has_sub .h_has_sub ul li.active a {background: var(--white);color:var(--black);font-weight:bold;}

nav.header_menu li:hover > .megamenu {display: block;} /*megamenu*/
nav.header_menu .megamenu {background:var(--white);color:var(--black);border-top:solid 2px var(--mark);	padding: 2em;	display:none;width:100%;position:absolute;left:0;top:100%;z-index:2000;}
nav.header_menu .megamenu a {color:var(--grey-darker);}
nav.header_menu .megamenu ul{position:relative;display:block;top:0;left:0;background:transparent;padding:0;width:unset;}
nav.header_menu .megamenu ul li {position:relative;display:block;top:0;left:0;background:transparent;padding:0;width:unset;padding: 1px 0 2px 16px;margin: 3px 0 3px 0;font-size: .9em;}
nav.header_menu .megamenu ul li:before {color:var(--grey-light);font-size: 13px;	font-family: "Font Awesome 7 Free"; font-weight: 900; content: "\f054";position:absolute;left:0;top:50%;transform:translateY(-50%);}
nav.header_menu .megamenu ul li a {color:var(--grey-darker);	padding:0;position:relative;display:block;top:0;left:0;background:transparent;width:unset;}
nav.header_menu .megamenu ul li a:hover {color:var(--mark);}
nav.header_menu .megamenu .s_cat_wrapper {margin:0;}
nav.header_menu .megamenu .megamenu-table {width:100%;}
nav.header_menu .megamenu .megamenu-table td {cursor: pointer; font-size: 0.8rem; line-height: 1.4;}
nav.header_menu .megamenu .megamenu-table td p {margin-bottom:.4rem;}
nav.header_menu .megamenu .megamenu-table .product_high > div {display: none;}


.header_menu_open {cursor:pointer;padding:0.5em 1em;background:var(--grey-darker);color:var(--white);border-radius:5px;display:none;justify-content:center;align-items:center;gap: 0.5em;}
body.dark_mode .header_menu_open {background:var(--grey-lighter);color:var(--black);}
.header_menu_open span.material-symbols-outlined{font-size:1.6rem;font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;}

nav.header_menu_responsive { display:none; float:left;width: 100%; padding: 0px 0%;position: relative;background: var(--white); }
nav.header_menu_responsive ul { position:relative;z-index:100; margin:0;padding:.5em 1em;display: flex;flex-direction: column;}
nav.header_menu_responsive ul li { width:100%;padding:0;list-style:none;position: relative;}
nav.header_menu_responsive ul li .toggle{right:0;top:0;bottom:0;width:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.3em;position:absolute;z-index:999;color:var(--grey)}
nav.header_menu_responsive ul li a { display:block;padding:.5em 0;color:var(--black);border-bottom: solid 1px var(--grey-lighter);}
nav.header_menu_responsive ul li a:hover {color:var(--mark);}
nav.header_menu_responsive ul li.active a, nav.header_menu_responsive ul li:hover a {color:var(--mark);}

nav.header_menu_responsive ul ul { display:none;padding: 0.5em 0 0.5em 1em;}
nav.header_menu_responsive ul ul li a {}
nav.header_menu_responsive ul ul.active { display:block; }
nav.header_menu_responsive ul ul ul { display:none;padding: 0.5em 0 0.5em 1em;}
nav.header_menu_responsive ul ul ul li a {}
nav.header_menu_responsive ul ul ul.active { display:block; }

.pages_extra_image {}

.pages_main_slider {padding:5em 2em 2em 2em;display:flex;flex-direction:column;align-items:center;order:3;color:var(--white);width:100%;line-height:2.5em;margin:auto;position: relative;background-size: cover;background-position: center;background-attachment: fixed;}
body.dark_mode .pages_main_slider {color:var(--black);}
.pages_main_slider::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);}
.pages_main_slider table.table_main {position: relative}
.pages_main_slider table.table_main tr td nav {margin:1em 0;}
.pages_main_slider table.table_maintr td nav p a {padding:0.5em 1.5em;margin:0 1em 0 0;}
.pages_main_slider div.table {position: relative}
.pages_main_slider h1 {margin:0 0 1rem 0;}
.pages_main_slider h2 {margin:0 0 1rem 0;}
.pages_main_slider h3 {margin:0 0 1rem 0;}

.pages_slider_responsive{display:none;}
.pages_slider_responsive {text-shadow: 2px 3px 5px rgb(0 0 0 / 40%);}
.pages_slider_responsive .pages_slider_wrapper {background:#000;background-size: cover;background-position: center center;padding: 3em 0;margin: 0 0 0 0;}
.pages_slider_responsive .pages_slider_wrapper .center {display:flex;flex-flow: column;justify-content: center;align-items: flex-start;gap:1.5em;}
.pages_slider_responsive .pages_slider_wrapper .center span.pages_slider_title {color:var(--white);margin: 0;line-height: 150%;font-size: 1.8em;display:block;}
.pages_slider_responsive .pages_slider_wrapper .center span.pages_slider_text {color:var(--white);margin: 0;line-height: 150%;font-size: 1.4em;display:block;margin: 0 0 40px 0;}
.pages_slider_responsive .pages_slider_wrapper .center .pages_slider_url {}
.pages_slider_responsive .pages_slider_wrapper .center .pages_slider_url a {color:var(--white);	background: var(--mark);padding: 10px 20px;border-radius: 3px;font-size: 1.2em;}
.pages_slider_responsive .pages_slider_wrapper .center .pages_slider_url a:hover {background: var(--grey-dark);}

.pages_slider_pc{display:block;}
.swiper-container{width:100%;}
.swiper-container .swiper-wrapper .swiper-slide {height:600px;min-height: 500px;	background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.swiper-container .swiper-wrapper .swiper-slide video {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.swiper-container .swiper-wrapper .swiper-slide .overlay {position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgb(0 0 0 / 60%);background-image:repeating-linear-gradient(135deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2) 1px,transparent 2px,transparent 2px,rgba(0,0,0,0.2) 3px);z-index:3;}
.swiper-container .swiper-wrapper .swiper-slide .center {position:relative;}
.swiper-container .swiper-wrapper .swiper-slide .center .slider_txt {width:100%;background-size:100%;display:flex;align-items:center;flex-direction:row;position: relative;z-index:5;}
.swiper-container .swiper-wrapper .swiper-slide .center .slider_txt .slider_txt1 {width:100%;}
.swiper-container .swiper-wrapper .swiper-slide .center .slider_txt .slider_txt1 nav > p a {font-size: 1.4rem;padding: .8rem 1.4rem;}
.swiper-container .swiper-wrapper .swiper-slide-active .center .slider_txt .slider_txt1 {animation-name:fade-in;animation-duration:2s;animation-delay:1s;animation-fill-mode:both;}
.swiper-container .nav {position:absolute;bottom:0%;left:0;margin:30px 0;z-index:10000;display:flex;align-items:center;grid-gap:50px;font-weight:300;border:0;padding:0 2rem;}
.swiper-container .nav .swiper-button-prev{background:transparent;color:var(--white);position:static;margin:0;width:auto;height:auto;}
.swiper-container .nav .swiper-button-prev i,.swiper-container .nav .swiper-button-prev svg,.swiper-container .nav .swiper-button-prev em{margin-right:15px;}
.swiper-container .nav .swiper-button-next i,.swiper-container .nav .swiper-button-next svg,.swiper-container .nav .swiper-button-next em{margin-left:15px;}
.swiper-container .nav .swiper-button-next{background:transparent;color:var(--white);position:static;margin:0;width:auto;height:auto;}


main{width:100%;max-width:1400px;margin:0px auto;padding:0px 0px;display:flex;flex-flow:row-reverse wrap;gap:2rem;column-gap:2rem;row-gap:0;}

main.full {max-width: unset;flex-direction: column;}

aside > p a {color: var(--black);display: inline-block;}
aside > p a::after {content: 'arrow_right_alt';font-family: var(--font-family-icon-google);margin-left: .3rem;vertical-align: middle;transition:.4s all;}
aside > p a:hover {color: var(--black);}
aside > p a:hover::after {margin-left: 1rem;}

.aside_box {display: flex;flex-direction: column;}
.aside_box .head {font-size:1.3em;margin:1em 0;padding:0;font-weight:400;color:var(--black);}
.aside_box .box {width: 100%;float: left;clear: both;margin: 0px 0px;padding: 0px;} 
.aside_box .box p {clear: both;float: left;margin: 5px 0px;line-height: 20px;}
.aside_box ul {margin:0px 0px ;padding: 0px;width: 100%;}
.aside_box ul li { width: 100%;margin: 0 0 0.3em 0;list-style: none;}
.aside_box ul li::before {content:'» ';margin: 0 0.2em 0 0;}
.aside_box ul li.noactive { display:none; }
.aside_box ul li a {color:  var(--black);font-weight: 300;font-size: .9em;}
.aside_box ul li > a:hover, .aside_box ul li > a.active, .aside_box ul li.active > a {color: var(--mark);}
.aside_box ul ul {padding:.3em 0 .5em .5em;}
.aside_box ul ul li {margin:0 0 0px 0;}
.aside_box ul ul ul {padding:.5em 0 .5em .7em;}
.aside_box:last-child {margin-bottom:2rem;}

main section.section_container { width: calc(75% - 2rem); margin:0px 0px 0px 0px;padding:0px 0px 0px 0;order:2;}
main aside.menu { width:25%; margin:0px; padding: 0px;order:2;}
main aside.menu .mobile-search-show{display:none;width:100%;background:var(--mark);color:var(--white);align-items:center;justify-content:center;padding:1em 0;cursor:pointer;text-transform: uppercase;}
main section.section_container.full {width:100%;padding:0;flex-direction: column;}

main section .text_container > .pages_contact{display: flex;flex-flow: row wrap;margin:2em auto;}
main section .text_container > .pages_contact .contact_address{width:60%;}
main section .text_container > .pages_contact .contact_address table.table_main {padding: 0 2em;}
main section .text_container > .pages_contact .contact_address table.table_main tr {margin:0 0 3em 0;}
main section .text_container > .pages_contact .contact_address div.table.table_div {padding: 0 2em;}
main section .text_container > .pages_contact .contact_address div.table.table_div div.table-row {margin:0 0 3em 0;}
main section .text_container > .pages_contact .contact_forms{width:40%;box-shadow: 0px 0px 15px var(--grey-lighter);padding: 1em;}
main section .text_container > .pages_contact .contact_forms form {position:sticky;top:1em;}
main section .text_container > .pages_contact .contact_forms h2 {font-size: 1.1em;margin: 0.5em 0 0.8em 0;padding: 0;}
main section .text_container > .pages_contact .contact_maps{width: 100%;margin:2em 0 0 0;}

main section .text_container > section.section {background:var(--grey-lighter);padding:3em 0;margin:1em 0;}
main section .text_container > section.section:first-child {margin:0em 0;}
main section .text_container > section.section > div {max-width:1400px;margin:0 auto;display: flex;flex-direction: column;}
main section .text_container > div {max-width:1400px;margin:0 auto;display: flex;flex-direction: column;}

main section .text_container > section.bg-image {position: relative;color:var(--white);}
main section .text_container > section.bg-image > * {position: relative;z-index:1;}
main section .text_container > section.bg-image a {color:var(--white);text-decoration: underline;}
main section .text_container > section.bg-image a:hover {color:var(--grey-light);}
main section .text_container > section.bg-image.fixed {background-attachment: fixed;}
main section .text_container > section.bg-image.cover {background-size: cover;}
main section .text_container > section.bg-image.contain {background-size: contain;}
main section .text_container > section.bg-image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);}

.breadcrumbs {width:100%;margin:1.0rem 0;padding: 0;font-size:.7rem;color: var(--grey);order: 0;}
main.search-reverse .breadcrumbs {order:1;}
.breadcrumbs a {margin: 0 2px;color: var(--grey);}
.breadcrumbs a:hover {color: var(--grey-dark);}

.galleries_wrapper {display:grid;width: 100%;max-width:1400px;margin: 2rem auto;}
.galleries_wrapper .gallery_item {width:100%;padding: 0px;display: flex;justify-content: center;align-items: center;flex-flow: column wrap;}
.galleries_wrapper .gallery_item .gallery_photo {}
.galleries_wrapper .gallery_item .gallery_photo a {line-height:0;display: block;}
.galleries_wrapper .gallery_item .gallery_name {}
.galleries_wrapper .galleries_dir {width:100%;padding: 0px;display: flex;justify-content: center;align-items: center;flex-flow: column wrap;}
.galleries_wrapper .galleries_dir .galleries_photo {}
.galleries_wrapper .galleries_dir .galleries_photo a {line-height:0;display: block;}
.galleries_wrapper .galleries_dir .galleries_name {}
.galleries_wrapper_masonry {opacity:1;transition:opacity 0.5s;}
.galleries_wrapper_masonry .grid-sizer, .galleries_wrapper_masonry .grid-item{width:calc(100% / 4);padding:.4rem;}
.galleries_wrapper_masonry .gallery_item img{width:100%;height:auto;display:block;}

.articles_wrapper {display:grid;width: 100%;max-width:1400px;margin: 2rem auto;}
aside .articles_wrapper {margin: 0rem auto;}
.articles_wrapper article.article_container { width: 100%;}
.articles_wrapper article.article_container.h a {display: flex;flex-direction: column;color:var(--black);}
.articles_wrapper article.article_container.h a span {display: block;}
.articles_wrapper article.article_container.h .article_title {font-size:1em;margin:1rem 0;}
.articles_wrapper article.article_container.h .article_photo { width:100%;padding: 0 0px;text-align:center;}
.articles_wrapper article.article_container.h .article_photo img {display: block;transition:all 0.4s;width:100%;}
.articles_wrapper article.article_container.h:hover .article_photo img{-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);transition:all 0.4s;}
.articles_wrapper article.article_container.h .article_description {width: 100%;text-align: center;}
.articles_wrapper article.article_container.h .article_description .articles_text {margin: 1rem 0 0 0;color:var(--grey);}
.articles_wrapper article.article_container.h .article_description .articles_text p:nth-of-type(n+2){display: none;}
.articles_wrapper article.article_container.h .article_more {display: none;color:var(--mark);}
.articles_wrapper.x1.v {gap:4rem;}
.articles_wrapper article.article_container.v {display: flex;flex-flow:row nowrap;}
.articles_wrapper article.article_container.v .article_title {font-size:20px;margin:1rem 0;flex-grow: 1;width: 100%;}
.articles_wrapper article.article_container.v .article_title a {color:var(--black);}
.articles_wrapper article.article_container.v .article_title a:hover {color:var(--mark2);}
.articles_wrapper article.article_container.v .article_photo { width:35%;padding: 0 0px;}
.articles_wrapper article.article_container.v .article_photo img {display: block;transition:all 0.4s;width:100%;}
.articles_wrapper article.article_container.v:hover .article_photo img{-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);transition:all 0.4s;}
.articles_wrapper article.article_container.v .article_description {display: flex;flex-flow:column;width: 65%;padding:0px 0px 0px 2rem;}
.articles_wrapper article.article_container.v .article_description.no_photo {width: 100%;padding:0;}
.articles_wrapper article.article_container.v .article_description .article_title {margin:0 0 2rem 0;flex-grow:0;}
.articles_wrapper article.article_container.v .article_description .articles_text {margin: 0;flex-grow:1;color:var(--grey);}
.articles_wrapper article.article_container.v .article_description .articles_text p{}
.articles_wrapper article.article_container.v .category {display: flex;flex-flow:row wrap;gap:0.5rem;align-items: center;margin-bottom: 0.25rem;color:var(--grey-dark);}
.articles_wrapper article.article_container.v .category a {color:var(--grey-darker);}
.articles_wrapper article.article_container.v .category a:hover {color:var(--mark);}
.articles_wrapper article.article_container.v .article_more {display: flex;flex-flow:row wrap;gap:1rem;justify-content: space-between;width: 100%;align-items: center;color:var(--grey-dark);}
.articles_wrapper article.article_container.v .article_more .l {display: flex;flex-flow:row wrap;gap:1rem;align-items: center;}
.articles_wrapper article.article_container.v .article_more .r {}
.articles_pages {width:100%;display: flex;flex-flow:column;margin:2em 0;padding:0;}
.articles_pages .more_articles{display:flex;align-items:center;justify-content:center;margin:0em 0 0 0;}
.articles_pages .more_articles a {background:var(--mark2);padding:1em;border-radius:1em;color:var(--white);}
.articles_pages .more_articles a:hover {background:var(--grey-dark);}
body.dark_mode .articles_pages .more_articles a {color:var(--black);}
body.dark_mode .articles_pages .more_articles a:hover {background:var(--grey-light);}

.faq {padding:0rem;margin:0 auto;width:min(100%,800px);gap:1rem;display: flex;flex-direction: column;}
.faq .f{width:100%;display:flex;flex-direction:column;gap:1rem;}
.faq .f h3{ font-family:var(--font-family-text) !important;font-size:1.2rem !important;margin:0 !important;cursor:pointer;font-weight:var(--font-family-text-medium) !important;}
.faq .f.active h3 {font-weight:var(--font-family-text-medium);}
.faq .f h3 span.faq_arrow {float:right;font-size: 1.4rem;font-weight:var(--font-family-text-light);}
.faq .f div.t {width:100%;display:none;}

main.article_container {flex-flow:row wrap;}
main.article_container aside.menu {position:relative;display:flex;flex-flow:column;background:var(--white);}
main.article_container aside.menu .article_menu_sticky{width:100%;position:sticky;top:0;height:max-content;display:flex;flex-direction:column;background:var(--white);padding:0 1rem;}
main.article_container .article_info{background:var(--grey-lighter);display:flex;position: relative;margin: 2rem 0;padding: .5rem 1rem;}
main.article_container .article_info::before{content:\'\';background:var(--grey-light);width:calc( (100vw - 1000px) / 2);position:absolute;left:calc( (-100vw + 1000px) / 2);height:100%;}
main.article_container .article_info div {margin-right:1em;}
main.article_container .article_comments{width:100%;display:flex;flex-flow:column;margin:unset;}
main.article_container .article_comments .article_comment{width:100%;display:flex;flex-flow:column;gap:.5rem;margin-bottom:3rem;}
main.article_container .article_comments .article_comment .head{display:flex;align-items:center;justify-content:space-between;color:var(--grey);gap: 1rem;}
main.article_container .article_comments .article_comment .comment{}
main.article_container .article_comments .add_comments_page{display:flex;align-items:center;flex-flow:row nowrap;justify-content:right;}
main.article_container .article_comments .add_comments_page .articles_pages{margin: 0;}
main.article_container .article_comments .add_comments_page div.pagination{margin: 0;}
main.article_container .t-author-overline{font-weight:var(--font-family-text-regular);font-size:16px;letter-spacing:1.5px;margin:2.0rem 0 .4rem 0;}
main.article_container .t-author {display: flex;flex-flow:row nowrap;gap:1.8rem;}
main.article_container .t-author .img a {display: flex;flex-direction: column;gap: 1.4rem;}
main.article_container .t-author .img a img {border-radius: 50%;max-width: 200px;}
main.article_container .t-author .img a span.caption {display: block;font-size:1.1rem;}
main.article_container .t-author .body2 {font-size: 1rem;}

.products_wrapper {display: grid;width: 100%;max-width:1400px;margin: 2rem auto;}
.products_wrapper .box_product { width: 100%;}
.products_wrapper .box_product a {display: flex;flex-direction: column;color:var(--black);}
.products_wrapper .box_product a span {display: block;}
.products_wrapper .box_product .product_title {font-size:1em;margin:1rem 0;}
.products_wrapper .box_product .product_photo { width:100%;padding: 0 0px;text-align:center;}
.products_wrapper .box_product .product_photo img {display: block;transition:all 0.4s;width:100%;}
.products_wrapper .box_product:hover .product_photo img{-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);transition:all 0.4s;}
.products_wrapper .box_product .product_description {width: 100%;text-align: center;}
.products_wrapper .box_product .product_description .products_price {}
.products_wrapper .box_product .product_description .products_text {margin: 1rem 0 0 0;color:var(--grey);}
.products_wrapper .box_product .product_description .products_text p:nth-of-type(n+2){display: none;}
.products_wrapper .box_product .product_more {display: none;color:var(--mark);}

body.p h1.price {display: flex;flex-flow:row nowrap;align-items: baseline;justify-content: space-around;gap:2rem;}
body.p h1.price span.price {font-size: .7em;}
body.p .p_buy {margin-top:2rem;}
body.p .p_wrapper{display:flex;flex-flow:row wrap;gap:2em;margin:2rem 0 4rem 0;}
body.p .p_wrapper .sticky {padding-top:1rem;}
body.p .p_wrapper .p_aside  {width: calc(50% - 1em);}
body.p .p_wrapper .p_aside  .photos{width:100%;display:flex;flex-flow:column;}
body.p .p_wrapper .p_aside  .photos .ph_show{width:100%;margin:0em 0px 1em 0px;}
body.p .p_wrapper .p_aside  .photos .ph_show img{display:block;margin-left:auto;margin-right:auto;}
body.p .p_wrapper .p_aside  .photos .phs{display:flex;width:100%;flex-flow:row wrap;}
body.p .p_wrapper .p_aside  .photos .ph{width:calc(100% / 3);padding:0.5em;}
body.p .p_wrapper .p_main {width: calc(50% - 1em);}
body.p .p_wrapper .p_main.full {width: 100%;}
body.p .p_wrapper .p_main h1.price {flex-flow:column;margin-top:0;padding-top:0;font-size: 1.8rem;}
body.p .p_wrapper .p_main h1.price span.price {}

.numbers_animation {display: grid;width: 100%;max-width:100%;margin: 2rem auto;}
.numbers_animation .item {width:100%;display: flex;flex-direction: column;align-items: center;text-align: center;}
.numbers_animation .item .number_top {width:100%;}
.numbers_animation .item .number {width:100%;display: flex;flex-flow:row nowrap;align-items: center;}
.numbers_animation .item .number span {display: flex;width:calc(100% / 3);}
.numbers_animation .item .number .before {font-size: .8rem;color:var(--grey);justify-content: right;}
.numbers_animation .item .number .n {font-size: 3rem;justify-content: center;}
.numbers_animation .item .number .after {font-size: .8rem;color:var(--grey-dark);justify-content: left;}
.numbers_animation .item .number_bottom {width:100%;font-size: 1.1rem;margin-top: 1.4rem;}
.numbers_animation .item .number_bottom p:last-child {margin-bottom:0;}
.numbers_animation .item .material-symbols-outlined {font-size: 3rem;margin-bottom: 0.5rem;}

.testimonials {padding: 4em 0;width: 100%;}
.testimonials.pages {background:var(--white);}
.testimonials.pages .center {display: flex;flex-flow:row wrap;gap:2rem;}
body.s_cat .testimonials {background:var(--white);padding:0;}
.testimonials h2{font-size:2.3em;line-height: 1.5em;margin:0 0 2em 0;text-align:center;}
.testimonials .testimonial {background:var(--white); padding:2em;border-radius:8px;display:flex;flex-direction:column;justify-content: space-between;margin: 0;width: 100%;}
.testimonials.pages .testimonial {background:var(--grey-lighter);width:calc(50% - 1rem);}
.testimonials .testimonial .author {display: flex;grid-gap: 0 10px;flex-wrap: wrap;}
.testimonials .testimonial .author .img img {width: 50px;height:50px;border-radius:50%;}
.testimonials .testimonial .author .vote{display:flex;gap:1em;align-items:center;}
.testimonials .testimonial .author .vote > div{display:flex;flex-flow:row nowrap;line-height: 1em;}
.testimonials .testimonial .author .vote > div img{width:16px;height:16px;}
.testimonials .testimonial .author .vote .date{width:max-content;color: var(--grey-light);font-size: .8em;}
.testimonials .testimonial .author .name{font-weight:bold;}
.testimonials .testimonial .text {flex-grow:1;color:var(--grey-dark); font-weight:300;font-size:16px; margin: 0;padding: 1em 0;}
.testimonials .testimonial .source {display: flex;flex-flow:row wrap; align-items: center;gap:.5em;}
.testimonials .testimonial .source .img img {width: 30px;height: auto;}
.testimonials .testimonial .source .name {font-size:.8em;line-height:1.3em;}
.testimonials .testimonial .source .name span {color:var(--grey-light);}
.testimonials .more_testimonials{display:flex;align-items:center;justify-content:center;margin:3em 0 1rem 0;gap:2rem;}
.testimonials .more_testimonials a {background:var(--mark);padding:1em;border-radius:1em;color:var(--white);}
body.dark_mode .testimonials .more_testimonials a {color:var(--black);}
.testimonials .more_testimonials a:hover {background:var(--grey-lighter);}
.avatar_default{width:50px;height:50px;font-size: 20px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--white);font-weight:300;text-transform:uppercase;}
.avatar_default.k1{background:#ccc;}
.avatar_default.k2{background:#b9b6b6;}
.avatar_default.k3{background:#C81111;}
.avatar_default.k4{background:#3b4fe4;}
.avatar_default.k5{background:#8f705e;}
section.container > .section-content .testimonials {background: transparent;padding:0;}

section.container > .section-content .testimonials .testimonial {background:transparent;padding:1em;}
section.container[class*=" bg-"] > .section-content .testimonials .testimonial,
section.container[class^="bg-"] > .section-content .testimonials .testimonial {
    background: var(--white);min-height: 220px;
}

table.contact_address_container tr td {padding:1rem 1.5rem;font-size:1.3em;font-weight:300;position: relative;}
table.contact_address_container tr td:first-child::after {width:3px; height:1.5rem;content:'';position: absolute; right:0; top: 1.5rem;background:var(--mark);}
table.contact_address_container tr td a {color:var(--white-light);}
table.contact_address_container tr td h3{color:var(--grey-darker);font-size:1.2rem;margin:0 0 0.75rem 0;font-family:var(--font-family-text);}
table.contact_address_container tr td:first-child{padding-left:0;}
table.contact_address_container tr td:first-child i,table.contact_address_container tr td:first-child svg{font-size:3rem;color:var(--mark);}
table.contact_address_container tr td:last-child{padding-right:0;}

footer.footer_wrapper {display: flex;flex-grow: 1;align-items: flex-end;width: 100%;margin: 0rem auto 0;}
footer.footer_wrapper .footer_content {padding:3rem 0px;width: 100%;margin:0;}

.footer_blocks {display: flex;flex-flow:row wrap;gap:1rem;}
.footer_blocks .footer_box {width:calc(25% - 1rem);font-size: .9rem;padding:0.5rem;}
.footer_blocks .footer_box h4 {font-family: var(--font-family-text);font-size: 22px;letter-spacing: 1.5px;margin: 0 0 2rem;}
.footer_blocks .footer_box ul {display: flex;flex-direction: column;gap: 0.25rem;}
.footer_blocks .footer_box ul li {}
.footer_blocks .footer_box ul li a {}
.footer_blocks .footer_box ul li a:hover {color:var(--mark-light);}

.footer_credits {width: 100%;display: flex;align-items: flex-end;}
.footer_credits .center {display: flex;flex-flow:row wrap;justify-content: space-between;align-items: center;}
.footer_credits .center > div {font-size:.75rem;}

form {width:100%;display: flex;flex-flow:column;}
.form_w form {flex-flow:row wrap;gap:.4em;}
.form_w div.line {width:unset;align-items: center;}
input, select, textarea {display: block;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family: var(--font-family-text);padding:.7rem .9rem;border:solid 1px var(--grey-lighter);border-radius: 4px;letter-spacing: .25px;transition:.2s all;font-size:13px;}
body.dark_mode input, body.dark_mode select, body.dark_mode textarea {color:var(--black);background-color: var(--grey-lighter);border:solid 1px var(--grey-light);}
input:hover, select:hover, textarea:hover {border:solid 1px var(--grey-light);}
input:focus:invalid , select:focus:invalid , textarea:focus:invalid  {border:solid 1px var(--red);}
input:focus, select:focus, textarea:focus, input:focus-visible, select:focus-visible, textarea:focus-visible {border:solid 1px var(--grey-dark);outline:none;}
textarea {min-height: 80px;}
textarea.medium {min-height: 120px;}
textarea.big {min-height: 200px;}

div.line_desc .s_cart_tel {width:70%;display: flex;flex-flow:row nowrap;gap:.5rem;}
div.line_desc input.s_cart_tel_prefix {width:80px;}
div.line_desc input.s_cart_tel_number {width:calc(70% - 80px - 0.5rem);}
form .columns div.line_desc .s_cart_tel {width:100%;display: flex;flex-flow:row nowrap;gap:.5rem;}
form .columns div.line_desc input.s_cart_tel_prefix {width:80px;margin-right: .5rem;}
form .columns div.line_desc input.s_cart_tel_number {width:calc(100% - 80px - 0.5rem);}

form .sections {display: flex;flex-direction: column;gap:2rem;}
form .sections .section {display: flex;flex-direction: column;gap:.8rem;}
form .sections .section .head {font-weight: var(--font-family-text-regular);font-size: 1.2rem;letter-spacing: 1.5px;display: flex;flex-direction: column;gap:.4rem}
form .sections .section .head small {font-size:1rem;}
form .sections .section .content {display: flex;flex-direction: column;border:solid 1px var(--grey-light);padding:2rem;}
form .columns {display: flex;flex-flow:row wrap;gap:1rem;width: 100%;}
form .columns.c2 > div {width: calc(50% - .5rem);}
form .columns div.line_desc {flex-direction:column;gap: .4rem;}
form .columns div.line_desc div.desc {width: 100%;text-align: left;}
form .columns div.line_desc input, form .columns div.line_desc select, form .columns div.line_desc textarea {width: 100%;}
form .toggle-password{cursor:pointer;position:absolute;right: 1rem;top: 0.5rem;font-size:1rem;padding: 0.25rem;}
.line_desc_enter {display: flex;flex-direction: column;gap:.6rem;width: 100%;}


div.line {display: flex;flex-flow:row nowrap;align-items:baseline;gap:1rem;width:100%;margin:.5rem 0;position: relative;}
div.line > label {display: flex;flex-flow:row nowrap;align-items:baseline;gap:1rem;width:100%;margin:0;position: relative;}
div.line input, div.line select, div.line textarea {width:100%;}
div.line input[type=checkbox], div.line input[type=radio] {width:auto;}
div.line div.desc2 {font-size:14px;line-height: 1.2;}
div.line div.desc2.rodo_agree {font-size:.7rem;margin-bottom: .2rem;font-weight:var(--font-family-text-light);}
div.line_desc {display: flex;flex-flow:row nowrap;align-items:flex-start;gap:1.5rem;width:100%;margin:.5rem 0;}
div.line_desc div.desc {width:30%;margin-top: 0.5rem;text-align:right;}
div.line_desc div.group {width:70%;display: flex;flex-flow:column;align-items:flex-start;gap:.5rem;}
div.line_desc div.group div.line input, div.line_desc div.group div.line textarea, div.line_desc div.group div.line select {width:100%;}
div.line_desc div.group div.line input[type=checkbox], div.line_desc div.group div.line input[type=radio] {width:auto;}
div.group .radio_checkbox {display: flex;flex-direction: column;gap: 0.4rem;}
div.group .radio_checkbox div {display: flex;flex-flow:row nowrap;align-items: baseline;gap: 0.4rem;}
div.group .radio_checkbox div label {display: flex;flex-flow:row nowrap;align-items: baseline;gap: 0.4rem;cursor:pointer;}
div.line_desc div.group div.line {margin:0;}
div.line_desc div.group div.line_desc {margin:0 0 .5rem;}
div.line_desc input, div.line_desc select, div.line_desc textarea {width:70%;}
div.line_desc input[type=checkbox], div.line_desc input[type=radio] {width:auto;margin:.75rem 0 0 0;}
div.line_desc div.desc2 {font-size:14px;line-height: 1.2;}
.captcha_container{display:none;width:100%;margin:1em 0;justify-content:center;align-items:center;}
.submit {width: 100%;display: flex;align-items: center;justify-content: center;margin:1rem 0px 1rem 0;}
input[type=submit], input[type=button] {width:auto;margin:auto;padding: 0.7rem 2rem;float:none;clear:both;cursor:pointer;background:var(--mark2);color:var(--white);border:0;transition:.4s all;}
input[type=submit]:hover, input[type=button]:hover {background:var(--grey-dark);color:var(--white);}
body.dark_mode input[type=submit]:hover, body.dark_mode input[type=button]:hover {background:var(--grey-lighter);color:var(--black);}

.container_additional { width:100%;max-width:1400px;text-align:center;margin:1.5rem auto; }
.container_additional_right { position:fixed; right:0;top:90px; }
.container_additional_left { position:fixed; left:0;top:90px; }

div.pagination {display: flex;justify-content: end;align-items: center;gap:5px;margin:4rem 0;}
div.pagination a {padding:2px 10px 2px 10px;border:solid 1px var(--white);font-size: 15px;color:var(--black);}
div.pagination a:hover {color:var(--mark);}
div.pagination a.pagination_active {color:var(--black);border:solid 1px var(--grey-light);}


div.nav {display: flex;width:100%;margin:1rem 0;padding:.5rem 0px;border-top:solid 1px var(--grey-lighter);border-bottom:solid 1px var(--grey-lighter);color:var(--grey-dark);}
div.nav ul {list-style:none;}
div.nav ul li {    display: block;    float: left;    width: auto;    border: 0;background:transparent;}
div.nav ul li:hover {}
div.nav ul li a {padding:5px 5px;color:var(--black);}
div.nav ul li a:hover {}
div.nav ul li.active a {}

table.u_renew_list {width:100%;}
table.u_renew_list tr th {border:solid 1px var(--grey-light);background:var(--grey-lighter);color:var(--black);padding:.5rem .5rem;vertical-align: middle;text-align: center;transition:.4s all;font-weight: var(--font-family-text-medium);}
table.u_renew_list tr td {border:solid 1px var(--grey-lighter);padding:.5rem .5rem;vertical-align: middle;text-align: center;transition:.4s all;}
table.u_renew_list tr td .button {padding: 0.3rem 1.5rem;}
table.u_renew_list tr:first-child td {font-size:.9rem;font-weight: bold;}
table.u_renew_list tr:not(:first-child) td {font-size:.9rem;}
table.u_renew_list tr:not(:first-child):hover td {background:var(--grey-lighter);}
table.u_renew_list tr:not(:first-child) td:nth-of-type(3) {font-size:1rem;}
table.u_renew_list input[type=checkbox]{float:none;margin:auto;}
table.u_renew_list .desc {font-size:.9rem;margin-top:.4rem;}
table.u_renew_list .desc p:last-child{margin-bottom:0;}

.onlymobile {display:none !important;}

.footer_city_lists {width:100%;margin:30px 0;}
.footer_city_lists ul {columns: 3;  -webkit-columns: 3;  -moz-columns: 3;}
.footer_city_lists ul li.active a {color:var(--mark);}

.phone-me {position: fixed;bottom:2.5em;right:1.5em;z-index: 1000000;}
.phone-me a {display:block;}
.phone-me a span {background:var(--white);color:var(--black);box-shadow:var(--grey-dark) 3px 2px 6px 0px;position:absolute;z-index:1000010;top:-3em;right:0;padding:0.3em 0.5em;font-size:15px;font-weight:bold;width:max-content;border-radius:10px;}
.phone-me a i {padding: 0.5em;color:var(--white);border-radius:50px;width:30px;font-size:2em;height:30px;display:flex;justify-content:center;align-items:center;background:var(--mark) ;}
.phone-me a i.animation {animation-duration: 1s !important; animation-iteration-count: 3; animation-fill-mode: backwards; animation-delay: 5s;}
.phone-me a img {padding: 0.5em;color:var(--white);border-radius:50px;width:30px;font-size:3em;height:30px;display:flex;justify-content:center;align-items:center;animation: phone-me-bg 3s infinite;background:var(--mark) ;}

.social_widget {left:0px;	top:30%;position:fixed;z-index:10000;}
.social_widget ul {float:left;margin:0;padding:0;list-style:none;display:block;}
.social_widget ul li {float:left;clear:both;width:48px;height:48px;margin:0;padding:0;list-style:none;display:block;transition:0.4s all;text-align:center;line-height:48px;}
.social_widget ul li a, .social_widget ul li a:hover {color:var(--white);text-decoration:none;font-size: 19px;display:block;}
body.dark_mode .social_widget ul li a, .social_widget ul li a:hover {color:var(--black);}
.social_widget ul li:hover {padding:0 10px;}
.social_widget ul li.tiktok {background:#121212;}.social_widget ul li.pint {background:#bd081c;}.social_widget ul li.fb {background:#3b5998;}.social_widget ul li.tripad {background:#00af87;}.social_widget ul li.yt {background:#e62117;}.social_widget ul li.li {background:#0077b5;}.social_widget ul li.tw {background:#1da1f2;}.social_widget ul li.sn {background:var(--white)c00;}.social_widget ul li.insta {background:#ba3c88;}.social_widget ul li.allegro {background:#ff5e07;}

.back-top{position:fixed;bottom:10px;right:10px;padding:0px;cursor:pointer;font-size:2em;z-index:9999;color:var(--white);background:var(--grey-dark);border-radius:50%;width:1.3em;height:1.3em;display:flex;justify-content:center;align-items:center;}

section.phone_me_popup{display:flex;flex-flow:column;justify-content:center;align-items:center;z-index:2000000;position:fixed;top:0;left:0;width:100%;height:100%;color:#999;background-color:#ececec;background-color:rgba(0,0,0,0.7);opacity:0;visibility:hidden;}
section.phone_me_popup div.phone_me_wrapper{width:600px;padding:0px;display:flex;flex-flow:column;position: relative;z-index:2000010;}
section.phone_me_popup div.phone_me_wrapper div.close {position: absolute;top:.5em;right:1em;width: 200px;text-align: right;}
section.phone_me_popup div.phone_me_wrapper div.close a {color:var(--black);font-size:17px;text-shadow: 1px 1px 1px #000;}
section.phone_me_popup div.phone_me_wrapper div.close a:hover {color:var(--black);text-decoration:underline;}
section.phone_me_popup div.phone_me_wrapper div.source {color:var(--black);background: var(--white);padding:1.5em;box-shadow:0px 0px 3px 0px var(--grey);border-radius:1em;overflow:hidden;}
section.phone_me_popup div.phone_me_wrapper div.source img { display:block; width:auto;max-width:100%;}
section.phone_me_popup div.phone_me_wrapper div.source .h1 {text-align: center;color:var(--grey-dark);font-weight:bold;font-size: 1.6em;letter-spacing: .03em;margin: 1.4em 0 0 0;}
section.phone_me_popup div.phone_me_wrapper div.source p {margin:0;padding:1em 1em 0 1em;text-align: center;font-size: .8em;}
section.phone_me_popup div.phone_me_wrapper div.source p:last-child {padding-bottom:1em;}
section.phone_me_popup div.phone_me_wrapper div.source nav ul{display:flex;list-style:none;justify-content:center;gap:1em;margin:0;font-size:.8em;line-height: 1.8em;}
section.phone_me_popup div.phone_me_wrapper div.source nav ul li {text-align:center;}
section.phone_me_popup div.phone_me_wrapper div.source nav ul li a {color:var(--grey-dark);display:block;}
section.phone_me_popup div.phone_me_wrapper div.source nav ul li a.active, section.phone_me_popup div.phone_me_wrapper div.source nav ul li a:hover {color:var(--mark);}
section.phone_me_popup div.phone_me_wrapper div.source form{display: flex;justify-content: center;}
section.phone_me_popup div.phone_me_wrapper div.source input{text-align:center;border-color:var(--mark2);margin:0;min-height: 40px;}
section.phone_me_popup div.phone_me_wrapper div.source .input.tel {display: flex; gap:1em;}
section.phone_me_popup div.phone_me_wrapper div.source .input.tel .cs{position:relative;display:inline-block;}
section.phone_me_popup div.phone_me_wrapper div.source .input.tel .cs input {max-width: 75px;text-align: right;}
section.phone_me_popup div.phone_me_wrapper div.source .input.tel .cs::before{content:"\e145";font-family:var(--font-family-icon-google);position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;color:#999;}
section.phone_me_popup div.phone_me_wrapper div.source input.phone-error {border-color:var(--red);}
section.phone_me_popup div.phone_me_wrapper div.source input.phone-ok {border-color:var(--mark2);}
section.phone_me_popup div.phone_me_wrapper div.source select{text-align:center;border-color:var(--mark2);}
section.phone_me_popup div.phone_me_wrapper div.source textarea{width: 100%;min-height: 90px}
section.phone_me_popup div.phone_me_wrapper div.source .inputs{width: 100%;display: flex;flex-flow:row wrap;gap:1em;align-items: center;justify-content: center;padding: 1em;border-radius: 5px;background:var(--white);}
section.phone_me_popup div.phone_me_wrapper div.source .inputs .line_desc{margin-bottom:.4em;display: flex;flex-flow: row nowrap;align-items: center;gap: 1em;}
section.phone_me_popup div.phone_me_wrapper div.source .inputs .line_desc .desc{flex-basis: 50%;}
section.phone_me_popup div.phone_me_wrapper div.source .inputs .line_desc input {width:auto;}
section.phone_me_popup div.phone_me_wrapper div.source .inputs .input-100p{width: 100%;}
section.phone_me_popup div.phone_me_wrapper div.source .info-tel-valid {width: 100%;}
section.phone_me_popup div.phone_me_wrapper div.source .info-tel-valid span {text-align: center;width: 100%;display: block;margin: 0.5em 0 1em 0;}
section.phone_me_popup div.phone_me_wrapper div.source .info span {text-align: center;width: 100%;display: block;margin: 0.5em 0 1em 0;}
section.phone_me_popup div.phone_me_wrapper div.source .ile_osob{text-align: center;font-size: .8em;margin-top: 0.8em;}
section.phone_me_popup div.phone_me_wrapper div.source .rodo{font-size:.7em;color:var(--grey);line-height: 1.3em;margin-top: 1em;}

body.lb-disable-scrolling{overflow:hidden;}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none;}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal;outline:none;}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;/* Image border */ border:4px solid white;}.lightbox a img{border:none;}.lb-outerContainer{position:relative;*zoom:1;width:250px;height:250px;margin:0 auto;border-radius:4px;/* Background color behind image. This is visible during transitions. */ background-color:white;}.lb-outerContainer:after{content:"";display:table;clear:both;}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0;}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../../themes/Enfold/img/lightbox-loading.gif) no-repeat;}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}.lb-container > .nav{left:0;}.lb-nav a{outline:none;background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}.lb-prev,.lb-next{height:100%;cursor:pointer;display:block;}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../../themes/Enfold/img/lightbox-prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s;}.lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../../themes/Enfold/img/lightbox-next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s;}.lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}.lb-dataContainer:after{content:"";display:table;clear:both;}.lb-data{padding:0 4px;color:#ccc;}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em;}.lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em;}.lb-data .lb-caption a{color:#4ae;}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999;}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../../themes/Enfold/img/lightbox-close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s;}.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}

.form_info{background:var(--grey-lighter);padding:1px 2rem 2rem 2rem;border-radius:1em;margin:1rem 0 1rem;}
.form_info.ok{background:var(--green-light);}
.form_info.ok a {color:var(--black);text-decoration: underline;}
.form_info.ok a:hover {color:var(--grey-darker);}
.form_info.error{background:var(--red-light);color:var(--white);}
.form_info.error a {color:var(--white);text-decoration: underline;}
.form_info.error a:hover {color:var(--grey-lighter);}

.cookie-consent-banner{display:none;flex-direction: column;justify-content: center;align-items: center; position:fixed;bottom:2rem;left:2rem;right:2rem;max-width: 600px; background:var(--white);box-shadow:0 -2px 10px var(--grey);color:var(--black);padding:1.5rem 1rem 1rem;font-size:1.0em;z-index:20000000;}
.cookie-consent-banner-info {width: 100%;margin:0 0 1rem;padding-right:.4rem;overflow: auto;max-height: 150px;font-size:.8rem;line-height: 1.2rem;}
.cookie-consent-banner-info::-webkit-scrollbar{width:.4rem;height:.4rem;}
.cookie-consent-banner-info::-webkit-scrollbar-track{background:var(--grey-lighter);border-radius:5px;}
.cookie-consent-banner-info::-webkit-scrollbar-thumb{background:var(--grey-light);border-radius:5px;}
.cookie-consent-banner-info::-webkit-scrollbar-thumb:hover{background:var(--grey);}
.cookie-consent-banner-info table {border-collapse: collapse;margin-bottom:1rem;}
.cookie-consent-banner-info table tr td {border:solid 1px var(--grey-lighter);padding:.5rem 1rem;}
.cookie-consent-banner-buttons {margin:0 0 1rem;display: flex;flex-flow: row wrap;gap: 1rem;}
.cookie-consent-banner-buttons button {transition:.4s all;background:var(--grey-lighter);color:var(--black);font-weight: var(--font-family-text-medium);border:none;padding:.7rem 1rem; text-align: center;text-decoration: none;cursor: pointer;border-radius:.25rem;}
.cookie-consent-banner-buttons button:hover {background:var(--grey-light);}
.cookie-consent-banner-buttons .cookie-consent-button.btn-success{background-color:var(--mark);color:white;}
.cookie-consent-banner-buttons .cookie-consent-button.btn-success:hover{background-color:var(--grey-dark);}
.cookie-consent-banner-buttons .cookie-consent-button.btn-outline{display: none;}
.cookie-consent-options{display:none;justify-content:center;flex-flow:row wrap;gap:.6rem;margin:0 0 1rem;font-size:.9rem;}
.cookie-consent-options label{display: flex;justify-content: center;gap: 0.5rem;}

/* dnt_creator */
section.container{width:100%;position:relative;overflow:hidden;transition:0.4s all;}
section.container.tdsticky {overflow: unset;}
section.container > .section-content{display:flex;flex-flow:row wrap;gap:1.5em;max-width:1400px;margin:0 auto;}
section.container.center-y > .section-content {align-items: center;}
section.container.center-x > .section-content {justify-content: center;}
section.container.rev > .section-content {flex-flow:row-reverse wrap;}
section.container.unset > .section-content{max-width:100%;gap:0;}
section.container.nowrap > .section-content{flex-flow:row nowrap;}
section.container.layout-1 > .section-content > div{flex: 1 1 100%;}
section.container.layout-2 > .section-content > div { flex: 1 1 calc(50% - 0.75em);}
section.container.layout-3 > .section-content > div { flex: 1 1 calc(33.333% - 1em);}
section.container.layout-4 > .section-content > div { flex: 1 1 calc(25% - 1.125em);}
section.container.layout-5 > .section-content > div { flex: 1 1 calc(20% - 1.2em);}
section.container.layout-6 > .section-content > div { flex: 1 1 calc(16.666% - 1.25em);}
section.container.layout-7 > .section-content > div { flex: 1 1 calc(14.285% - 1.285em);}
section.container.layout-8 > .section-content > div { flex: 1 1 calc(12.5% - 1.3125em);}
section.container.layout-9 > .section-content > div { flex: 1 1 calc(11.11% - 1.333em);}
section.container.layout-10 > .section-content > div { flex: 1 1 calc(10% - 1.35em);}
section.container.w30-70 > .section-content > div:first-child { flex-basis:30%;max-width: calc(30% - 0.75em);}section.container.w30-70 > .section-content > div:last-child { flex-basis:70%;max-width: calc(70% - 0.75em);}
section.container.w70-30 > .section-content > div:first-child { flex-basis:70%;max-width: calc(70% - 0.75em);}section.container.w70-30 > .section-content > div:last-child { flex-basis:30%;max-width: calc(30% - 0.75em);}
section.container.addon.layout-1 > .section-content > div{max-width: 100%;}
section.container.addon.layout-2 > .section-content > div {  max-width: calc(50% - 0.75em);}     
section.container.addon.layout-3 > .section-content > div { max-width: calc(33.333% - 1em); }
section.container.addon.layout-4 > .section-content > div { max-width: calc(25% - 1.125em); }
section.container.addon.layout-5 > .section-content > div { max-width: calc(20% - 1.2em); }
section.container.addon.layout-6 > .section-content > div { max-width: calc(16.666% - 1.25em); }
section.container.addon.layout-7 > .section-content > div { max-width: calc(14.285% - 1.285em); }
section.container.addon.layout-8 > .section-content > div { max-width: calc(12.5% - 1.3125em); }
section.container.addon.layout-9 > .section-content > div { max-width: calc(11.11% - 1.333em); }
section.container.addon.layout-10 > .section-content > div { max-width: calc(10% - 1.35em); }
section.container > .section-content > div{position:relative;transition:0.4s all;}
section.container > .section-content > div img { max-width:100%;display: inline-block;}
section.container > .section-content > div > h1:first-child, section.container > .section-content > div > h2:first-child, section.container > .section-content > div > h3:first-child, section.container > .section-content > div > h4:first-child, section.container > .section-content > div > h5:first-child, section.container > .section-content > div > h6:first-child { margin-top:0;padding-top:0;}
section.container[style*="background-image"]{background-repeat:no-repeat;background-size:cover;background-position:center;}
section.container.fixed {background-attachment: fixed;}
section.container.cover {background-size: cover;}
section.container.contain {background-size: contain;}
section.container.dark::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / 60%);background-image:repeating-linear-gradient(135deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2) 1px,transparent 2px,transparent 2px,rgba(0,0,0,0.2) 3px);}
[class*="dnt-click-"]{cursor:pointer !important;}



.mw100p{max-width:100%;margin-left:auto;margin-right:auto;} .mw1200px{max-width:1200px;margin-left:auto;margin-right:auto;} .mw1100px{max-width:1100px;margin-left:auto;margin-right:auto;} .mw1000px{max-width:1000px;margin-left:auto;margin-right:auto;} .mw900px{max-width:900px;margin-left:auto;margin-right:auto;} .mw800px{max-width:800px;margin-left:auto;margin-right:auto;} .mw700px{max-width:700px;margin-left:auto;margin-right:auto;} .mw600px{max-width:600px;margin-left:auto;margin-right:auto;} .mw500px{max-width:500px;margin-left:auto;margin-right:auto;} .mw400px{max-width:400px;margin-left:auto;margin-right:auto;} 
.w10px {width:10px;} .w10p {width:10%;} .w20px {width:20px;}.w20px {width:20%;}.w30px {width:30px;}.w30p {width:30%;}.w40px {width:40px;}.w40p {width:40%;}.w50px {width:50px;}.w50p {width:50%;}.w60px {width:60px;}.w60p {width:60%;}.w70px {width:70px;}.w70p {width:70%;}.w80px {width:80px;}.w80p {width:80%;}.w90px {width:90px;}.w90p {width:90%;}.w100px {width:100px;}.w100p {width:100%;}.w150px {width:150px;}.w200px {width:200px;}.w250px {width:250px;}.w300px {width:300px;}.w350px {width:350px;}.w400px {width:400px;}.w450px {width:450px;}.w500px {width:500px;}.w550px {width:550px;}.w600px {width:600px;}.w650px {width:650px;}.w700px {width:700px;}.w750px {width:750px;}
.w800px {width:800px;}.w850px {width:850px;}.w900px {width:900px;}.w950px {width:950px;}.w1000px {width:1000px;}
.mw10p {max-width:10%;} .mw20p {max-width:20%;} .mw30p {max-width:30%;} .mw40p {max-width:40%;} .mw50p {max-width:50%;} .mw60p {max-width:60%;} .mw70p {max-width:70%;} .mw80p {max-width:80%;} .mw90p {max-width:90%;}

section.container.mw1400px:not(.unset){max-width:100%;}section.container.mw1300px:not(.unset){max-width:100%;}section.container.mw1200px:not(.unset){max-width:100%;}section.container.mw1100px:not(.unset){max-width:100%;}section.container.mw1000px:not(.unset){max-width:100%;}section.container.mw900px:not(.unset){max-width:100%;}section.container.mw800px:not(.unset){max-width:100%;}section.container.mw700px:not(.unset){max-width:100%;}section.container.mw600px:not(.unset){max-width:100%;}section.container.mw500px:not(.unset){max-width:100%;}section.container.mw400px:not(.unset){max-width:100%;}
section.container.mw1400px > .section-content {max-width:1400px;} section.container.mw1300px > .section-content {max-width:1300px;} section.container.mw1200px > .section-content {max-width:1200px;} section.container.mw1100px > .section-content {max-width:1100px;} section.container.mw1000px > .section-content {max-width:1000px;} section.container.mw900px > .section-content {max-width:900px;} section.container.mw800px > .section-content {max-width:800px;} section.container.mw700px > .section-content {max-width:700px;} section.container.mw600px > .section-content {max-width:600px;} section.container.mw500px > .section-content {max-width:500px;} section.container.mw400px > .section-content {max-width:400px;} 

section.container.border-first > .section-content > div:first-child{position:relative;left:0;top:0;padding-left:2em;}
section.container.border-first > .section-content > div:last-child{padding-left:2em;}
section.container.border-first > .section-content > div:first-child::after{content:"";display:block;border-top:4px solid var(--mark);border-left:4px solid var(--mark);/*border-right:4px solid var(--mark);*/position:absolute;left:0em;right:-2em;top:-1.5em;bottom:2em;z-index:-10;}
section.container.border-first > .section-content > div:first-child::before{content:"";display:block;border-bottom:4px solid var(--mark);position:absolute;left:0em;right:22em;top:-1em;bottom:-1em;z-index:-10;}
section.container.border-first.rev > .section-content > div:last-child{padding-left: 0em;padding-right: 3em;}
section.container.border-last > .section-content > div:last-child{position:relative;left:0;top:0;padding-right:2em;}
section.container.border-last > .section-content > div:first-child{padding-right:3em;}
section.container.border-last > .section-content > div:last-child::after{content:"";display:block;border-top:4px solid var(--mark);border-left:0px solid var(--mark);border-right:4px solid var(--mark);position:absolute;left:-3em;right:0em;top:-1.5em;bottom:-1em;z-index:-10;}
section.container.border-last > .section-content > div:last-child::before{content:"";display:block;border-bottom:4px solid var(--mark);position:absolute;left:1em;right:-2em;top:-1em;bottom:-1em;z-index:-10;}
section.container.border-last.rev > .section-content > div:last-child::after{left:-2em;}
section.container.border-last.rev > .section-content > div:last-child::before{right:2em;left:-2em;}
/* end dnt_creator */

/*owl_carousel*/
.owl-wrapper{max-width:100%;overflow-x:hidden;}
.owl-wrapper .owl-dots{display:flex !important;justify-content:center;margin-top:1rem;}
.owl-wrapper .owl-carousel button.owl-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--grey-light) !important;margin:.4rem;}
.owl-wrapper .owl-carousel button.owl-dot.active{background:var(--grey) !important;}
.owl-wrapper.s-produkty-carousel .item {padding:.4rem;}
.owl-wrapper.s-produkty-by-cat-carousel .item {padding:.4rem;}
.owl-wrapper.s-kat-by-id-carousel .item {padding:.4rem;}
.owl-wrapper.gallery-by-id-carousel .item {padding:.4rem;}
.owl-wrapper.opinie-carousel .item {padding:0;}

/* Table */
table.cennik {width:100%!important;height:auto!important;border-collapse:collapse;margin: 40px 0 0 0;}
table.cennik tr {height:auto!important;width:100%!important;margin:0;gap:0;}
table.cennik tr td {padding: 5px 15px;border: 1px solid var(--grey-lighter);height:auto!important;}
section table.cennik tr td {border: 1px solid var(--white);}
table.cennik tr td:last-child {word-break: break-word;}
table.cennik thead tr td {background:var(--mark);color:var(--white);border:1px solid var(--white);}
table.cennik tr:nth-child(even) td {background:var(--grey-lighter);}
table.cennik tr td nav p a {background: var(--mark);color: var(--white);padding: .5em .5em;border-radius: .5em;display: inline-block;}
table.cennik tr td nav p a:hover {background: var(--grey-darker);}
table.cennik2 {width:100%;font-size: .9em;color:var(--black);margin: 3em auto 3em;}
table.cennik2 tr {gap:.4rem;margin:0;}
table.cennik2 tr td {padding: 1em;vertical-align: middle;}
table.cennik2 tr td.border-left {border-left:solid 1px var(--grey-lighter);}
table.cennik2 tr td.border-right {border-right:solid 1px var(--grey-lighter);}
table.cennik2 tr td nav p a {background: var(--mark);color: var(--white);padding: .5em .5em;border-radius: .5em;display: inline-block;}
table.cennik2 tr td nav p a:hover {background: var(--grey-darker);}

table.timeline {width:100%;margin:0px auto;	overflow:hidden; position: relative; margin: 3em 0; max-width: 100vw;}
table.timeline::after {content: ''; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 4px; height: 100%; background-color: var(--mark);}
table.timeline tr{ display: flex; justify-content: center;background-color: var(--white);}
table.timeline tr:nth-child(even){ background-color: var(--grey-lighter); flex-direction: row-reverse;}
table.timeline tr td { max-width:800px; width: 100%; padding: 3rem 2rem; box-sizing: border-box; overflow: hidden;}
table.timeline tr td *:is(h2, h3, h4, h5, h6){color: var(--mark);}
table.timeline tr td ul, table.timeline tr td ol { list-style: outside; margin-left: 1rem;}
table.timeline tr td ul li:not(:last-child), table.timeline tr td ol li:not(:last-child) { margin-bottom: 1rem;}
table.timeline tr td > *:first-child { margin-top: 0;}
table.timeline tr td:last-child {display: flex; align-items: center; justify-content: flex-start; position: relative;}
table.timeline tr td:last-child svg, 
table.timeline tr td:last-child i, 
table.timeline tr td:last-child .material-symbols-outlined,
table.timeline tr td:last-child img{color:var(--white);font-size:60px;box-sizing:border-box;background-color:var(--mark);padding:10px;border-radius:50%;height:108px;width:108px;display:flex;align-items:center;justify-content:center;position:relative;}
table.timeline tr td:last-child img{padding:18px;}
table.timeline tr td:last-child::after{content:'';position:absolute;left:0;top:50%;transform:translate(0,-50%);width:2rem;height:4px;background-color:var(--mark);}
table.timeline tr:nth-child(even) td:last-child{justify-content:flex-end;}
table.timeline tr:nth-child(even) td:last-child::after{left:unset;right:0;transform:translate(0,-50%);}

/* end Table */


.yt-movie {position:relative;padding-bottom:56.25%;height:0;width: 100%;}
.yt-movie iframe, .yt-movie video, .yt-movie embed {position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.yt-movie-short {position:relative;aspect-ratio:9/16;max-height:800px;max-width:450px;margin:0 auto;width:100%;}
.yt-movie-short iframe, .yt-movie-short video, .yt-movie-short embed {position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.yt_play{width:100%;position:relative;cursor:pointer;display: flex;}
.yt_play.active::after{display:none;}
.yt_play.active::before{display:none;}
.yt_play::after{content:'';position:absolute;cursor:pointer;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);}
.yt_play::before{position:absolute;content:'';background-color:var(--mark);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path fill="%23ffffff" d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>');background-size:30%;background-position:center;background-repeat:no-repeat;font-size:40px;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;line-height:70px;text-align:center;border-radius:50%;color:#fff;z-index:10;cursor:pointer;}
.yt_play img{display:block;float:left;}
.yt_play .load_video {display:none;}
.yt_play.active .load_video {display:flex;width:100%;}
.yt_play.active .load_video iframe{display:block;}
.yt_popup {position:fixed;top:0;left:0;bottom:0;right:0;z-index:10000000000;background:rgba(0,0,0,.7); display:flex; align-items:center; justify-content:center;flex-direction: column;}
.yt_popup .video_content {max-height: 90vh;width:100%;padding:0 2em;}
.yt_popup .video_content iframe {display:block; }
.yt_popup .close {background: var(--grey-darker);color:var(--white);width:calc(100% - 4em);padding:1em 2em;margin:0 2em;border-radius:3px 3px 0 0;display:flex; justify-content:flex-end;}
.yt_popup .close span {font-size:1.3em;color:var(--white);cursor:pointer;}
.yt_popup .close i {color:var(--white);margin: 0 0 0 5px;}

.x1{gap:2rem;grid-template-columns: 1fr;}
.x2{gap:2rem;grid-template-columns: repeat(2, 1fr);}
.x3{gap:2rem;grid-template-columns: repeat(3, 1fr);}
.x4{gap:1.5rem;grid-template-columns: repeat(4, 1fr);}
.x5{gap:1rem;grid-template-columns: repeat(5, 1fr);}
.x6{gap:.5rem;grid-template-columns: repeat(6, 1fr);}

.onlyhd {display:block !important;}
.onlymobile {display:none !important;}
.onlyhd-text {display:inline-block !important;}
.onlymobile-text {display:none !important;}

}

@media (max-width: 1520px) {
	.center {padding:0 2rem;}
	.h1_home {padding:0rem 2rem;}
	main:not(.full) {padding:0 2rem;}
	main .center {padding:0;}
	main.full .breadcrumbs .center {padding:0 2rem;}

	main section.full section.container > .section-content {padding:0 2rem;}
	main section.full section.container.unset > .section-content{padding: 0;}
	
	.social_widget {top: unset;bottom: 1rem;}
}
@media (max-width: 1450px) {
	.articles_wrapper {padding:0 2rem;}
	.products_wrapper {padding:0 2rem;}
}
@media (max-width: 1200px) {
	.onlyhd {display:none !important;}
	.onlymobile {display:block !important;}
	.onlyhd-text {display:none !important;}
	.onlymobile-text {display:inline-block !important;}
	section.container.nowrap > .section-content{flex-flow:row wrap;}
}
@media (max-width: 1000px) {

	body{overflow-x:hidden;}

	.header_menu_open {display:flex; }
	nav.header_menu {display:none;}
	nav.header_header_menu_responsive { display:block; margin-top:13px; }
	
	main aside.menu {display:none;}
	main aside.menu.showmobile {display:block;width: 100%;}
	main.search-reverse {display: flex;flex-direction: column-reverse;}
	main.search-reverse .breadcrumbs {order:3;}
	main aside.menu .mobile-search-show {display: flex;}
	.mobile-search {display: none;}
	main section.section_container { width: 100%; margin:0px;padding:0px 0rem;}

	main section .text_container > .pages_contact .contact_address{width:100%;}
	main section .text_container > .pages_contact .contact_address section.container {padding:0;}
	main section .text_container > .pages_contact .contact_forms{width:100%;}
		
	main.article_container aside.menu {display: none;}
	
	body.p .p_wrapper {flex-flow:column-reverse;}
	body.p .p_wrapper .p_aside {width: 100%;}
	body.p .p_wrapper .p_main {width: 100%;}

	.footer_blocks .footer_box {width: calc(100% - 1rem);}

	.cookie-consent-banner-info {height: 240px;max-height: 240px;}
	.cookie-consent-banner-buttons {gap:.4rem;}
	.cookie-consent-options {font-size: .8rem;}
	.cookie-consent-banner-buttons .cookie-consent-button{font-size:.75rem;}
	.cookie-consent-banner-buttons .cookie-consent-button.btn-success{font-size:.8rem;padding:1.1rem 1rem;}

	section.container.layout-4 > .section-content > div,section.container.layout-5 > .section-content > div,section.container.layout-6 > .section-content > div,section.container.layout-7 > .section-content > div,section.container.layout-8 > .section-content > div,section.container.layout-9 > .section-content > div,section.container.layout-10 > .section-content > div{flex:1 1 calc(50% - 0.75em);}

	section.container.addon.layout-4 > .section-content > div,section.container.addon.layout-5 > .section-content > div,section.container.addon.layout-6 > .section-content > div,section.container.addon.layout-7 > .section-content > div,section.container.addon.layout-8 > .section-content > div,section.container.addon.layout-9 > .section-content > div,section.container.addon.layout-10 > .section-content > div{max-width:calc(50% - 0.75em);}
	
	.x5{grid-template-columns: repeat(3, 1fr);}
	.x6{grid-template-columns: repeat(3, 1fr);}

	
	header.header_main .header_wrapper .header_container {justify-content: center;}
	header.header_main .header_wrapper .header_container div:not(.header_store) {display: none;}

	/* Megamenu mobile */
	.megamenu_responsive{padding:.5rem 0;}
	.megamenu_responsive{padding:.5rem 0;}
	.megamenu_responsive .megamenu-table, .megamenu_responsive .megamenu-table tbody, .megamenu_responsive .megamenu-table tr, .megamenu_responsive .megamenu-table td{display:block !important;width:100% !important;max-width:100% !important;box-sizing:border-box;}
	.megamenu_responsive .megamenu-table td{margin-bottom:1rem;}
	.megamenu_responsive .megamenu-table td a {color:var(--grey-darker);}
	.megamenu_responsive .megamenu-table td a:hover {color:var(--mark);}
	.megamenu_responsive .megamenu-table td p {margin-bottom:.4rem;}
	.megamenu_responsive .megamenu-table td .product_high > div {display: none;}
}
@media (max-width: 900px) {
	/* .pages_slider_pc{display:none;}.pages_slider_responsive{display:block;} */
	.galleries_wrapper .gallery_item {flex-basis: calc(100% / 3);}
	.galleries_wrapper .galleries_dir {flex-basis: calc(100% / 3);}
	.galleries_wrapper_masonry .grid-sizer, .galleries_wrapper_masonry .grid-item{width:calc(100% / 3);padding:.4rem;}
}
@media (max-width: 800px) {
	.center {padding:0 1rem;}
	main section.full section.container > .section-content {padding:0rem 1rem;}
	
	.articles_wrapper {padding:0 1rem;}
	.products_wrapper {padding:0 1rem;}

	div.line_desc {flex-flow:row wrap;gap:.25rem;}
	div.line_desc div.desc {width: 100%;text-align: left;font-size:14px;margin:0;letter-spacing: 1.5px;}
	div.line_desc input, div.line_desc select, div.line_desc textarea {width: 100%;}
	div.line_desc div.group {width: 100%;}

	section.container {padding-left:clamp(0rem, 1rem, 1rem) !important;padding-right:clamp(0rem, 1rem, 1rem) !important;}
	section.container.layout-2 > .section-content > div {flex:1 1 100%;}
	section.container.addon.layout-2 > .section-content > div {max-width:100%;}
	section.container.rev-mobile > .section-content {flex-flow:column-reverse wrap;}
	section.container.border-first > .section-content > div:first-child,section.container.border-last > .section-content > div:last-child,section.container.border-first > .section-content > div:last-child,section.container.border-last > .section-content > div:first-child{padding:1em !important;}
	section.container.border-first > .section-content > div:first-child::after,section.container.border-last > .section-content > div:last-child::after,section.container.border-first > .section-content > div:first-child::before,section.container.border-last > .section-content > div:last-child::before{display:none;}
	section.container.w30-70 > .section-content > div:first-child { flex-basis:100%;max-width: 100%;}section.container.w30-70 > .section-content > div:last-child { flex-basis:100%;max-width: 100%;}
	section.container.w70-30 > .section-content > div:first-child { flex-basis:100%;max-width: 100%;}section.container.w70-30 > .section-content > div:last-child { flex-basis:100%;max-width: 100%;}

	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {line-height: 1.2;word-break: normal;overflow-wrap: anywhere;}

	table.cennik tr {flex-flow:nowrap;align-items: normal;}
	table.cennik2 tr {flex-flow:nowrap;align-items: normal;}
}
@media (max-width: 700px) {
	.articles_wrapper.x1.v {gap:2em;grid-template-columns: 1fr 1fr;}
	.articles_wrapper article.article_container.v {display: flex;flex-direction: column;}
	.articles_wrapper article.article_container.v .article_title {font-size:1em;margin:1rem 0;}
	.articles_wrapper article.article_container.v .article_photo { width:100%;padding: 0 0px;text-align:center;}
	.articles_wrapper article.article_container.v .article_photo img {display: block;transition:all 0.4s;width:100%;}
	.articles_wrapper article.article_container.v:hover .article_photo img{-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);transition:all 0.4s;}
	.articles_wrapper article.article_container.v .article_description {width: 100%;text-align: center;padding:0;}
	.articles_wrapper article.article_container.v .article_description .articles_text {margin: 1rem 0 0 0;color:var(--grey);}
	.articles_wrapper article.article_container.v .article_description .articles_text p:nth-of-type(n+2){display: none;}
	.articles_wrapper article.article_container.v .article_description .article_title {margin:1rem 0 0 0;}
	.articles_wrapper article.article_container.v .category {display: none;}
	.articles_wrapper article.article_container.v .article_more {display: none;}
	main.article_container .article_info {flex-direction: column;}
	main.article_container .article_comments .article_comment .head{flex-direction:column;align-items:flex-start;gap:0;}
	main.article_container .t-author {flex-direction: column;}
	
	.footer_city_lists ul {columns: 2;  -webkit-columns: 2;  -moz-columns: 2;}

	.cookie-consent-banner-buttons button {width: 100%;order:1;}
	.cookie-consent-banner-buttons .cookie-consent-button.btn-success{order:0;}
	
	.x3{grid-template-columns: repeat(2, 1fr);}
	.x4{grid-template-columns: repeat(2, 1fr);}
	.x5{grid-template-columns: repeat(2, 1fr);}
	.x6{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 600px) {

	header.header_main section .center {flex-flow:row nowrap;gap:1rem;}
	header.header_main section .logo {order:1;}
	header.header_main section .logo a img {height: 33px;}
	.header_menu_open {order:2;}
	.header_store {order:3;width: 100%;align-items: center;justify-content: center;}
	header.header_main section .header_icon {order:2;}
	header.header_main section .header_icon div:last-child {display: none;}
	header.header_main section .header_icon span.phone_number {display: none;}
	header.header_main section .header_icon span.material-symbols-outlined {font-size: 1.8rem;color:var(--mark);animation:phone-ring 1s ease-in-out infinite;}
	@keyframes phone-ring {
		0%, 100% {transform:rotate(0deg);}
		10%, 30% {transform:rotate(-15deg);}
		20%, 40% {transform:rotate(15deg);}
		50% {transform:rotate(0deg);}
	}



	.galleries_wrapper .gallery_item {flex-basis: calc(100% / 2);}
	.galleries_wrapper .galleries_dir {flex-basis: calc(100% / 2);}
	.galleries_wrapper_masonry .grid-sizer, .galleries_wrapper_masonry .grid-item{width:calc(100% / 2);padding:.4rem;}
	
	form .sections .section .content {padding:1rem;}
	form .columns {flex-direction:column;gap:0rem;}
	form .columns.c2 > div {width: 100%;}
	div.line{flex-flow:row wrap;gap:0.5rem;}

	.phone-me a span {display: none;}

	table.timeline::after { left: 1rem;}
	table.timeline tr, table.timeline tr:nth-child(even) { flex-direction: column-reverse; justify-content: flex-start; gap: 2em; padding: 2em 0;}
	table.timeline tr td { padding: 0 1rem; margin-left: 1rem; width: calc(100% - 1rem);}
	table.timeline tr td:last-child {display: flex; align-items: center; justify-content: flex-start;}
	table.timeline tr td:last-child svg, 
	table.timeline tr td:last-child i,
	table.timeline tr td:last-child .material-symbols-outlined{font-size:50px;height:92px;width:92px;}
	table.timeline tr:nth-child(even) td:last-child{justify-content:flex-start;}
	table.timeline tr:nth-child(even) td:last-child::after{left:0;right:unset;}
}
@media (max-width: 500px) {
	.header_store {gap:1.5rem;}
	.header_store span.header_lang {display: none;}
	.header_store span.header_currency {display: none;}
	.header_store span.header_basket {margin-right: 0px;}
	.header_store span {gap:1.0em;}
	/* sklep==0, zwykła strona
	header.header_main .header_wrapper {order:0;padding:.5rem 0;} 
	header.header_main .header_wrapper .header_container .header_address {}
	header.header_main .header_wrapper .header_container .header_address > div:last-child {display: none;}
	*/
	.header_menu_open{background:white;color:var(--black);padding:.8rem;}
	.header_menu_open span.material-symbols-outlined {font-size: 3.0rem;font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;}
	.header_menu_open span.t {display: none;}
}	
@media (max-width: 450px) {
	table.contact_address_container tr td {display:block;padding:10px 0; text-align:center;}
	table.contact_address_container tr td:first-child::after {display:none;}
}
@media (max-width: 700px), (max-height: 700px) {
	section.phone_me_popup div.phone_me_wrapper div.source .h1 {font-size:1.4em;}
	section.phone_me_popup {overflow:scroll;justify-content: flex-start;}
	section.phone_me_popup div.phone_me_wrapper { position:relative;width:auto;max-width:calc(100% - 2em);margin:2em 1em 0px;left:0%;top:0px;}
}
@media (max-height: 600px) {
	section.phone_me_popup, section.phone_me_popup div, section.phone_me_popup article, section.phone_me_popup div.phone_me_wrapper {display: none;}
}
@media (max-height: 700px) {
	.cookie-consent-banner { position:absolute;top:0;bottom:0;overflow:auto;}
	.cookie-consent-banner-info {min-height: 100px;}
	.cookie-consent-options {gap:.25rem;}
}
@media (orientation: landscape) {
	.cookie-consent-banner-buttons button {width:auto;}
}
/* PATCH:u-panel-css-2026-05-06-START */
/* === Panel klienta — rewolucja u_renew + dashboard u.php (2026-05) === */
.u_dashboard_grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0 2rem;}
@media(max-width:768px){.u_dashboard_grid{grid-template-columns:1fr;}}
.u_card{display:block;background:var(--white,#fff);border:1px solid var(--grey-light,#e2e2e2);border-radius:8px;padding:1.25rem 1.5rem;color:inherit;text-decoration:none;transition:box-shadow .15s ease,transform .15s ease;}
.u_card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-1px);text-decoration:none;}
.u_card__head{font-size:.875rem;color:var(--grey-darker,#666);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;}
.u_card__big{font-size:2.75rem;font-weight:700;line-height:1.1;color:var(--black,#222);}
.u_card__sub{font-size:.875rem;color:var(--grey-dark,#777);margin-top:.25rem;}
.u_card__row{margin:.25rem 0;}
.u_card__link{display:inline-block;margin-top:.5rem;font-size:.875rem;color:var(--mark,#277ABD);}
.u_card_uwaga--alert{border-color:var(--mark,#e8a000);background:var(--grey-lighter,#f8f8f8);}
.u_card_uwaga--alert .u_card__big{color:var(--mark,#c47200);}
.u_card__cells{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap;}
.u_card__cell{flex:1 1 80px;text-align:center;padding:.75rem .5rem;background:var(--grey-lighter,#f8f8f8);border-radius:6px;color:inherit;text-decoration:none;transition:background .15s ease;}
.u_card__cell:hover{background:var(--grey-light,#eef4f9);text-decoration:none;}
.u_card__cell_n{font-size:1.75rem;font-weight:700;color:var(--mark,#277ABD);}
.u_card__cell_l{font-size:.8rem;color:var(--grey-darker,#666);margin-top:.25rem;}
.u_renew_filters{background:var(--white,#fff);border:1px solid var(--grey-light,#e2e2e2);border-radius:8px;padding:.7rem .9rem .55rem;margin:.75rem 0 1rem;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.u_renew_filters__row{display:flex;flex-wrap:wrap;gap:.35rem .65rem;align-items:center;margin-bottom:.4rem;}
.u_renew_filters__row > strong{min-width:4.5rem;font-weight:600;color:var(--grey-darker,#444);font-size:.8125rem;}
.u_renew_filters__pills{display:flex;flex-wrap:wrap;gap:.3rem;}
.u_renew_filters__pill{position:relative;cursor:pointer;user-select:none;}
.u_renew_filters__pill input{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
.u_renew_filters__pill > span{display:inline-block;padding:.3rem .75rem;background:var(--grey-lighter,#f3f3f3);border:1px solid transparent;border-radius:999px;font-size:.8125rem;line-height:1.2;color:var(--grey-darker,#444);transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;}
.u_renew_filters__pill:hover > span{background:var(--grey-light,#e8e8e8);}
.u_renew_filters__pill input:checked + span{background:var(--mark,#277ABD);color:var(--white,#fff);border-color:var(--mark,#277ABD);}
.u_renew_filters__pill input:focus-visible + span{outline:2px solid var(--mark,#277ABD);outline-offset:2px;}
.u_renew_filters__pill--check input:checked + span{background:var(--mark2,var(--mark,#277ABD));border-color:var(--mark2,var(--mark,#277ABD));}
.u_renew_filters__inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem .65rem;margin:.4rem 0 .35rem;}
.u_renew_filters__inputs label{display:flex;flex-direction:column;gap:.2rem;}
.u_renew_filters__inputs label > span{font-size:.65rem;font-weight:600;color:var(--grey-dark,#777);text-transform:uppercase;letter-spacing:.04em;}
.u_renew_filters__inputs input{height:1.95rem;padding:.25rem .55rem;border:1px solid var(--grey-light,#ddd);border-radius:5px;font-size:.85rem;color:var(--black,#222);background:var(--grey-lighter,#fafafa);font-family:inherit;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;}
.u_renew_filters__inputs input:hover{background:var(--white,#fff);}
.u_renew_filters__inputs input:focus{outline:none;border-color:var(--mark,#277ABD);background:var(--white,#fff);box-shadow:0 0 0 2px rgba(0,0,0,.06);}
.u_renew_filters__bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;border-top:1px solid var(--grey-lighter,#f0f0f0);padding-top:.5rem;margin-top:.15rem;}
.u_renew_filters__counter{margin-left:auto;font-size:.8125rem;color:var(--grey-darker,#666);}
.u_renew_filters__counter strong{color:var(--black,#222);font-weight:700;}
.u_renew_filters__reset{font-size:.8125rem;color:var(--grey-dark,#888);text-decoration:underline;cursor:pointer;}
.u_renew_filters__reset:hover{color:var(--mark,#277ABD);}
.u_renew_pagination{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0;justify-content:center;}
.u_renew_pagination a,.u_renew_pagination__current{padding:.4rem .75rem;border:1px solid var(--grey-light,#ddd);border-radius:4px;color:var(--grey-darker,#555);text-decoration:none;}
.u_renew_pagination a:hover{background:var(--grey-lighter,#f0f0f0);}
.u_renew_pagination__current{background:var(--mark,#277ABD);color:var(--white,#fff);border-color:var(--mark,#277ABD);font-weight:700;}
.u_renew_list{display:table;width:100%;}
.u_renew_list th,.u_renew_list td{display:table-cell !important;}
.u_renew_list .badge{display:inline-block;font-size:.75rem;background:var(--grey-lighter,#eef4f9);color:var(--mark,#277ABD);padding:.15rem .5rem;border-radius:3px;white-space:nowrap;}
/* PATCH:u-panel-css-2026-05-06-END */
/* PATCH:e-style-2026-05-16-START */
/* ─── e.php — strona błędu (codes 1..5, 10, 20, 30..32, 100, 201..207). 2026-05-16. */
.e_error_container{margin:2rem auto;padding:0 1rem;}
.e_error_box{background:var(--white);border:1px solid var(--grey-light);border-left:4px solid var(--mark);padding:1.5rem 2rem;color:var(--grey-darker);line-height:1.6;font-family:var(--font-family-text);font-size:1rem;}
.e_error_box h1{font-family:var(--font-family-header);font-weight:var(--font-family-header-medium);font-size:clamp(1.4rem, 2.8vw, 1.9rem);line-height:1.3;color:var(--grey-darker);margin:0 0 1rem 0;padding-bottom:.8rem;border-bottom:1px solid var(--grey-lighter);}
.e_error_box h2{font-family:var(--font-family-header);font-weight:var(--font-family-header-regular);font-size:clamp(1.1rem, 2vw, 1.3rem);color:var(--grey-darker);margin:1.25rem 0 .75rem 0;}
.e_error_box p{margin:0 0 1rem 0;}
.e_error_box p:last-of-type{margin-bottom:0;}
.e_error_box ul, .e_error_box ol{margin:0 0 1rem 0;padding-left:1.5rem;}
.e_error_box ul li, .e_error_box ol li{margin-bottom:.4rem;}
.e_error_box ul li:last-child, .e_error_box ol li:last-child{margin-bottom:0;}
.e_error_box strong{color:var(--grey-darker);font-weight:600;}
.e_error_box em{font-style:italic;color:var(--grey-dark);}
.e_error_box a{color:var(--mark);text-decoration:underline;cursor:pointer;}
.e_error_box a:hover{color:var(--mark-dark);}
.e_cta{margin:1.5rem auto 2rem auto;padding:0 1rem;}
.e_cta_label{margin:0 0 .8rem 0;color:var(--grey-dark);font-size:.95rem;font-weight:600;}
.e_cta_buttons{display:flex;flex-wrap:wrap;gap:.6rem;}
.e_cta_btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;background:var(--white);color:var(--grey-darker);border:1px solid var(--grey-light);text-decoration:none;font-size:.95rem;font-family:var(--font-family-text);transition:background .2s,color .2s,border-color .2s;cursor:pointer;line-height:1.2;}
.e_cta_btn:hover{background:var(--mark);color:var(--white);border-color:var(--mark);text-decoration:none;}
.e_cta_btn .material-symbols-outlined{font-size:1.15rem;}
.e_error_box + h2{margin:1.5rem auto .75rem auto;padding:0 1rem;font-family:var(--font-family-header);font-weight:var(--font-family-header-regular);font-size:clamp(1.1rem, 2vw, 1.3rem);color:var(--grey-darker);}
.e_error_box + h2 + form, .e_error_box ~ form{margin:0 auto 1.5rem auto;padding:1.25rem 1.5rem;background:var(--white);border:1px solid var(--grey-light);}
@media (max-width:600px){.e_error_box{padding:1.25rem 1rem;}.e_error_box h1{font-size:1.3rem;}.e_cta_buttons{flex-direction:column;}.e_cta_btn{justify-content:center;}}
/* end e.php style */
/* PATCH:e-style-2026-05-16-END */

/* _style_90_wow.css */
/* ============================================================
   _style_90_wow.css — komponenty wow, zasieg `.wow` (AUTO-GENEROWANE)
   NIE EDYTUJ RECZNIE — nadpisywany w calosci przez `css_patch.py --sync`.
   Override per-klient -> _style_100_custom.css (laduje sie POZNIEJ, wygrywa).
   ============================================================ */

/* === [BLOCK: page-base] START === */
/* ok-* zmapowane na paletę z _style-default.css — ciemne=neutral slate, akcent=brand klienta.
   ŻADNYCH wymyślonych kolorów. Brand --mark per klient. */
:root {
	--ok-ink:var(--ink, #0F172A);
	--ok-ink-2:var(--ink-2, #1E293B);
	--ok-cta:var(--mark);
	--ok-cta-ink:var(--white);
	--ok-amber:var(--mark-light);
	--ok-blue:var(--mark);
}

/* Wybór liczby kolumn dla gridów (feature/checklist/glass) — domyślnie auto-fit, cols-N wymusza N */
.wow .feature-grid.cols-2, .wow.feature-grid.cols-2, .wow .check-grid.cols-2, .wow.check-grid.cols-2, .wow .glass-grid.cols-2, .wow.glass-grid.cols-2 { grid-template-columns:repeat(2,1fr); }
.wow .feature-grid.cols-3, .wow.feature-grid.cols-3, .wow .check-grid.cols-3, .wow.check-grid.cols-3, .wow .glass-grid.cols-3, .wow.glass-grid.cols-3 { grid-template-columns:repeat(3,1fr); }
.wow .feature-grid.cols-4, .wow.feature-grid.cols-4, .wow .check-grid.cols-4, .wow.check-grid.cols-4, .wow .glass-grid.cols-4, .wow.glass-grid.cols-4 { grid-template-columns:repeat(4,1fr); }
.wow .feature-grid.cols-5, .wow.feature-grid.cols-5, .wow .check-grid.cols-5, .wow.check-grid.cols-5, .wow .glass-grid.cols-5, .wow.glass-grid.cols-5 { grid-template-columns:repeat(5,1fr); }
.wow .feature-grid.cols-6, .wow.feature-grid.cols-6, .wow .check-grid.cols-6, .wow.check-grid.cols-6, .wow .glass-grid.cols-6, .wow.glass-grid.cols-6 { grid-template-columns:repeat(6,1fr); }
@media (max-width:900px){ .wow .feature-grid[class*=cols-], .wow.feature-grid[class*=cols-], .wow .check-grid[class*=cols-], .wow.check-grid[class*=cols-], .wow .glass-grid[class*=cols-], .wow.glass-grid[class*=cols-] { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .wow .feature-grid[class*=cols-], .wow.feature-grid[class*=cols-], .wow .check-grid[class*=cols-], .wow.check-grid[class*=cols-], .wow .glass-grid[class*=cols-], .wow.glass-grid[class*=cols-] { grid-template-columns:1fr; } }
/* === [BLOCK: page-base] END === */

/* === [BLOCK: ai-authority] START === */
/* Sekcja autorytetu "Dlaczego AI poleca" — duże staty (z eeat:) + cytat o AI + chipy jakościowe.
   ZAKŁADA ciemne tło sekcji (klasa bg-ok-ink na sekcji). Wymaga: page-base (tokeny --ok-*),
   hero-dark (.bg-ok-ink + kolory tekstu/em/strong na ciemnym), section-eyebrow (typografia .eyebrow). */
.wow .ai-auth, .wow.ai-auth { max-width:1100px; margin:0 auto; }
.wow .ai-auth .ai-auth-lead, .wow.ai-auth .ai-auth-lead { font-size:1.05rem; color:var(--surface-2, #F1F5F9); opacity:.85; margin:.5rem 0 2rem; max-width:60ch; }

/* Staty — duże brandowe liczby na półprzezroczystych kartach */
.wow .ai-stat-grid, .wow.ai-stat-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); gap:1.25rem; margin-bottom:2.25rem; }
.wow .ai-stat, .wow.ai-stat {
	text-align:left; padding:1.1rem 1.25rem; border-radius:14px;
	background:color-mix(in srgb, var(--white) 6%, transparent);
	border:1px solid color-mix(in srgb, var(--surface-2, #F1F5F9) 12%, transparent);
}
.wow .ai-stat-num, .wow.ai-stat-num { display:block; font-size:clamp(2rem,4.5vw,2.9rem); font-weight:800; line-height:1; color:var(--ok-cta); letter-spacing:-0.02em; }
.wow .ai-stat-lbl, .wow.ai-stat-lbl { display:block; margin-top:.4rem; font-size:.9rem; color:var(--surface-2, #F1F5F9); opacity:.8; line-height:1.3; }

/* Cytat o AI — wyróżniony box w kolorze marki */
.wow .ai-auth-quote, .wow.ai-auth-quote {
	display:flex; gap:1rem; align-items:flex-start;
	background:color-mix(in srgb, var(--mark) 12%, transparent);
	border:1px solid color-mix(in srgb, var(--mark) 32%, transparent);
	border-radius:16px; padding:1.4rem 1.6rem; margin-bottom:1.75rem;
}
.wow .ai-auth-quote .ai-auth-ico, .wow.ai-auth-quote .ai-auth-ico { font-size:2rem; color:var(--ok-cta); line-height:1; flex-shrink:0; }
.wow .ai-auth-quote p, .wow.ai-auth-quote p { font-size:1.15rem; font-weight:600; color:var(--surface-2, #F1F5F9); line-height:1.45; margin:0; }
.wow .ai-auth-quote strong, .wow.ai-auth-quote strong { color:var(--white); }

/* Chipy jakościowe */
.wow .ai-auth-chips, .wow.ai-auth-chips { display:flex; flex-wrap:wrap; gap:.6rem; }
.wow .ai-chip, .wow.ai-chip {
	display:inline-flex; align-items:center; gap:.4rem;
	background:color-mix(in srgb, var(--white) 7%, transparent);
	border:1px solid color-mix(in srgb, var(--surface-2, #F1F5F9) 14%, transparent);
	color:var(--surface-2, #F1F5F9); padding:.45rem .8rem; border-radius:999px; font-size:.88rem; font-weight:600;
}
.wow .ai-chip .material-symbols-outlined, .wow.ai-chip .material-symbols-outlined { font-size:1.1rem; color:var(--ok-cta); }
/* === [BLOCK: ai-authority] END === */

/* === [BLOCK: bullet-icon-list] START === */
/* Lista punktowana z ikoną w kółku po lewej (sekcja "tematy prawne", "consent mode") */
.wow .icon-list, .wow.icon-list { list-style:none !important; padding:0 !important; margin:1.25rem 0 !important; }
.wow .icon-list li, .wow.icon-list li {
	display:flex; align-items:flex-start; gap:1rem;
	padding:.95rem 1.1rem; background:color-mix(in srgb, var(--white) 4%, transparent); border:1px solid color-mix(in srgb, var(--white) 8%, transparent);
	border-radius:12px; margin-bottom:.65rem;
}
.wow .bg-white .icon-list li, .wow.bg-white .icon-list li, .wow body:not(.dark_mode) .icon-list:not(.dark) li, body.wow:not(.dark_mode) .icon-list:not(.dark) li {
	background:var(--white); border:1px solid var(--line, #E2E8F0);
}
.wow .icon-list li .il-ico, .wow.icon-list li .il-ico {
	display:inline-flex; align-items:center; justify-content:center;
	width:36px; height:36px; border-radius:10px; font-size:1.1rem; flex-shrink:0;
	background:color-mix(in srgb, var(--mark) 15%, transparent);
}
.wow .bg-white .icon-list li .il-ico, .wow.bg-white .icon-list li .il-ico, .wow body:not(.dark_mode) .icon-list:not(.dark) li .il-ico, body.wow:not(.dark_mode) .icon-list:not(.dark) li .il-ico {
	background:linear-gradient(135deg, color-mix(in srgb, var(--mark) 15%, transparent), color-mix(in srgb, var(--mark) 10%, transparent));
}
.wow .icon-list li .il-body, .wow.icon-list li .il-body { flex:1; line-height:1.5; }
.wow .icon-list li .il-body h4, .wow.icon-list li .il-body h4 { margin:0 0 .25rem !important; font-size:1rem; }
.wow .icon-list li .il-body p, .wow.icon-list li .il-body p { margin:0; font-size:.92rem; opacity:.85; }
/* Defensywa: jasna karta (bez .dark) na sekcji kolorowej dziedziczy color:var(--white)
   z sekcji -> bialy tekst na bialej karcie. Wymuszamy ciemny tekst w karcie. */
.wow .bg-mark .icon-list:not(.dark) li, .wow.bg-mark .icon-list:not(.dark) li, .wow .bg-mark-light .icon-list:not(.dark) li, .wow.bg-mark-light .icon-list:not(.dark) li, .wow .bg-mark-dark .icon-list:not(.dark) li, .wow.bg-mark-dark .icon-list:not(.dark) li, .wow .bg-ok-ink .icon-list:not(.dark) li, .wow.bg-ok-ink .icon-list:not(.dark) li {
	color:var(--text, #334155);
}
.wow .bg-mark .icon-list:not(.dark) li h4, .wow.bg-mark .icon-list:not(.dark) li h4, .wow .bg-mark-light .icon-list:not(.dark) li h4, .wow.bg-mark-light .icon-list:not(.dark) li h4, .wow .bg-mark-dark .icon-list:not(.dark) li h4, .wow.bg-mark-dark .icon-list:not(.dark) li h4, .wow .bg-ok-ink .icon-list:not(.dark) li h4, .wow.bg-ok-ink .icon-list:not(.dark) li h4 {
	color:var(--ink, #0F172A);
}
/* === [BLOCK: bullet-icon-list] END === */

/* === [BLOCK: checklist-grid] START === */
/* Siatka „GA4 events gratis" — small chips z check.
   Kontrast: tekst var(--white) na ciemnym, mocniejszy background, mocniejsza ramka. */
.wow .check-grid, .wow.check-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:.6rem; margin:1.25rem 0; }
/* Domyślny ciemny — używany w sekcjach bg-ok-ink/bg-ok-ink-2 */
.wow .bg-ok-ink .check-grid .ck, .wow.bg-ok-ink .check-grid .ck, .wow .bg-ok-ink-2 .check-grid .ck, .wow.bg-ok-ink-2 .check-grid .ck {
	background:color-mix(in srgb, var(--mark) 18%, transparent); border:1.5px solid color-mix(in srgb, var(--mark) 50%, transparent);
	color:var(--white); font-weight:600;
}
.wow .check-grid .ck, .wow.check-grid .ck {
	background:color-mix(in srgb, var(--mark) 10%, transparent); border:1.5px solid color-mix(in srgb, var(--mark) 35%, transparent);
	color:var(--ink, #0F172A); padding:.75rem 1rem; border-radius:10px; font-size:.92rem; font-weight:600;
	display:flex; align-items:center; gap:.6rem; line-height:1.3;
}
.wow .check-grid .ck::before, .wow.check-grid .ck::before { content:"✓"; color:var(--ok-cta); font-weight:900; font-size:1.1em; flex-shrink:0; }
.wow .bg-ok-ink .check-grid .ck::before, .wow.bg-ok-ink .check-grid .ck::before, .wow .bg-ok-ink-2 .check-grid .ck::before, .wow.bg-ok-ink-2 .check-grid .ck::before { color:var(--ok-cta); }
/* === [BLOCK: checklist-grid] END === */

/* === [BLOCK: comparison-table] START === */
/* Tabela porównawcza vs konkurencja */
/* Tabela jest zawsze JASNĄ WYSPĄ — działa też gdy sekcja ma ciemne tło (bg-ok-ink/-ink-2).
   Bez tego ciemny tekst komórek (--ink/--ink-2) ginie na ciemnym tle sekcji. */
.wow .compare-table, .wow.compare-table {
	width:100%; border-collapse:separate; border-spacing:0; margin:1.5rem 0; font-size:.95rem;
	background:var(--surface, #F8FAFC); border:1px solid var(--line, #E2E8F0); border-radius:14px; overflow:hidden;
	box-shadow:0 10px 30px -12px rgba(10,19,48,.18);
}
/* Komórki na jasnym tle wyspy — wymuszamy jasne tło i ciemny czytelny tekst nawet w sekcji ciemnej. */
.wow .compare-table thead th, .wow.compare-table thead th, .wow .compare-table tbody td, .wow.compare-table tbody td { background:var(--surface, #F8FAFC); }
.wow .bg-ok-ink .compare-table tbody td:not(.us-col), .wow.bg-ok-ink .compare-table tbody td:not(.us-col), .wow .bg-ok-ink-2 .compare-table tbody td:not(.us-col), .wow.bg-ok-ink-2 .compare-table tbody td:not(.us-col), .wow .bg-ok-blue .compare-table tbody td:not(.us-col), .wow.bg-ok-blue .compare-table tbody td:not(.us-col), .wow .bg-ok-mint .compare-table tbody td:not(.us-col), .wow.bg-ok-mint .compare-table tbody td:not(.us-col) { color:var(--ink-2, #1E293B); }
.wow .bg-ok-ink .compare-table tbody td:first-child, .wow.bg-ok-ink .compare-table tbody td:first-child, .wow .bg-ok-ink-2 .compare-table tbody td:first-child, .wow.bg-ok-ink-2 .compare-table tbody td:first-child, .wow .bg-ok-blue .compare-table tbody td:first-child, .wow.bg-ok-blue .compare-table tbody td:first-child, .wow .bg-ok-mint .compare-table tbody td:first-child, .wow.bg-ok-mint .compare-table tbody td:first-child { color:var(--ink, #0F172A); }
/* Highlighted kolumna zachowuje zielony akcent marki nawet w sekcji ciemnej. */
.wow .bg-ok-ink .compare-table td.us-col, .wow.bg-ok-ink .compare-table td.us-col, .wow .bg-ok-ink-2 .compare-table td.us-col, .wow.bg-ok-ink-2 .compare-table td.us-col, .wow .bg-ok-blue .compare-table td.us-col, .wow.bg-ok-blue .compare-table td.us-col, .wow .bg-ok-mint .compare-table td.us-col, .wow.bg-ok-mint .compare-table td.us-col { color:var(--mark-dark); }
.wow .compare-table thead th, .wow.compare-table thead th {
	background:var(--surface, #F8FAFC); color:var(--text-soft, #475569); font-weight:600; text-align:left;
	padding:1rem .9rem; border-bottom:2px solid var(--line, #E2E8F0); font-size:.85rem;
	letter-spacing:.02em;
}
.wow .compare-table thead th.us, .wow.compare-table thead th.us {
	background:linear-gradient(135deg, var(--mark-dark), var(--mark));
	color:var(--white); border-bottom:2px solid var(--mark-dark);
	position:relative;
}
.wow .compare-table thead th.us::before, .wow.compare-table thead th.us::before { content:"✦ "; }
.wow .compare-table tbody td, .wow.compare-table tbody td {
	padding:.95rem .9rem; border-bottom:1px solid var(--line, #E2E8F0); color:var(--ink-2, #1E293B); vertical-align:top;
}
.wow .compare-table tbody td:first-child, .wow.compare-table tbody td:first-child { font-weight:600; color:var(--ink, #0F172A); }
.wow .compare-table tbody tr:hover td, .wow.compare-table tbody tr:hover td { background:var(--surface, #F8FAFC); }
.wow .compare-table td.us-col, .wow.compare-table td.us-col {
	background:color-mix(in srgb, var(--mark) 6%, transparent); font-weight:600; color:var(--mark-dark);
	border-left:1px solid color-mix(in srgb, var(--mark) 20%, transparent);
	border-right:1px solid color-mix(in srgb, var(--mark) 20%, transparent);
}
.wow .compare-table tbody tr:last-child td.us-col, .wow.compare-table tbody tr:last-child td.us-col { border-bottom:1px solid color-mix(in srgb, var(--mark) 20%, transparent); border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
/* RWD: poniżej 700px tabela przebudowuje się w stackowane karty (bez scrolla poziomego).
   Wartości muszą mieć atrybut data-label="nazwa kolumny" — etykieta pojawia się z lewej. */
@media (max-width: 700px) {
	.wow .compare-table, .wow.compare-table { font-size:.92rem; margin:1rem 0; }
	.wow .compare-table thead, .wow.compare-table thead { display:none; }
	.wow .compare-table, .wow.compare-table, .wow .compare-table tbody, .wow.compare-table tbody, .wow .compare-table tr, .wow.compare-table tr, .wow .compare-table td, .wow.compare-table td { display:block; width:100%; }
	.wow .compare-table tr, .wow.compare-table tr { margin-bottom:1rem; border:1px solid var(--line, #E2E8F0); border-radius:12px; overflow:hidden; background:var(--white); }
	.wow .compare-table tbody td, .wow.compare-table tbody td { border-bottom:1px solid var(--line, #E2E8F0); padding:.65rem .9rem; }
	.wow .compare-table tbody td:first-child, .wow.compare-table tbody td:first-child { font-weight:700; background:var(--surface-2, #F1F5F9); color:var(--ink, #0F172A); font-size:.98rem; }
	.wow .compare-table tbody td:not(:first-child), .wow.compare-table tbody td:not(:first-child) { padding:.55rem .9rem; }
	.wow .compare-table tbody td:not(:first-child)::before, .wow.compare-table tbody td:not(:first-child)::before { content:attr(data-label); display:block; font-size:.7rem; font-weight:700; color:var(--muted, #64748B); text-transform:uppercase; letter-spacing:.05em; margin-bottom:.1rem; }
	.wow .compare-table td.us-col, .wow.compare-table td.us-col { border-left:0; border-right:0; background:color-mix(in srgb, var(--mark) 8%, transparent); }
	.wow .compare-table tbody tr:last-child td.us-col, .wow.compare-table tbody tr:last-child td.us-col { border-radius:0; }
}
/* === [BLOCK: comparison-table] END === */

/* === [BLOCK: contact-form-dark] START === */
/* Formularz kontaktowy w sekcji ciemnej — input pola na granacie */
.wow .bg-ok-ink form input[type=text], .wow.bg-ok-ink form input[type=text], .wow .bg-ok-ink form input[type=email], .wow.bg-ok-ink form input[type=email], .wow .bg-ok-ink form input[type=tel], .wow.bg-ok-ink form input[type=tel], .wow .bg-ok-ink form textarea, .wow.bg-ok-ink form textarea, .wow .bg-ok-ink form select, .wow.bg-ok-ink form select, .wow .bg-ok-ink-2 form input[type=text], .wow.bg-ok-ink-2 form input[type=text], .wow .bg-ok-ink-2 form input[type=email], .wow.bg-ok-ink-2 form input[type=email], .wow .bg-ok-ink-2 form input[type=tel], .wow.bg-ok-ink-2 form input[type=tel], .wow .bg-ok-ink-2 form textarea, .wow.bg-ok-ink-2 form textarea, .wow .bg-ok-ink-2 form select, .wow.bg-ok-ink-2 form select {
	background:color-mix(in srgb, var(--white) 6%, transparent) !important; color:var(--surface-2, #F1F5F9) !important;
	border:1.5px solid color-mix(in srgb, var(--white) 15%, transparent) !important; border-radius:10px !important;
	padding:.85rem 1rem !important; font-size:.95rem;
}
/* Placeholder jest w tym CMS-ie JEDYNA etykieta pola (formularze nie generuja <label>),
   wiec musi byc czytelny. Kolor marki z przezroczystoscia 40% dawal na ciemnym tle kontrast
   1.87:1 przy zlotej palecie — pola wygladaly na puste. Biel 62% daje ~8:1 przy kazdej marce. */
.wow .bg-ok-ink form input::placeholder, .wow.bg-ok-ink form input::placeholder, .wow .bg-ok-ink-2 form input::placeholder, .wow.bg-ok-ink-2 form input::placeholder, .wow .bg-ok-ink form textarea::placeholder, .wow.bg-ok-ink form textarea::placeholder, .wow .bg-ok-ink-2 form textarea::placeholder, .wow.bg-ok-ink-2 form textarea::placeholder {
	color:color-mix(in srgb, var(--white) 62%, transparent) !important; opacity:1;
}
/* Oba znaczniki: szablony pisane recznie daja <button>, formularze CMS-a
   (kontakt, zapytanie o produkt) renderuja <input type="submit">. */
.wow .bg-ok-ink form button[type=submit], .wow.bg-ok-ink form button[type=submit], .wow .bg-ok-ink-2 form button[type=submit], .wow.bg-ok-ink-2 form button[type=submit], .wow .bg-ok-ink form input[type=submit], .wow.bg-ok-ink form input[type=submit], .wow .bg-ok-ink-2 form input[type=submit], .wow.bg-ok-ink-2 form input[type=submit] {
	background:var(--ok-cta) !important; color:var(--ok-cta-ink) !important;
	font-weight:700 !important; padding:1rem 1.6rem !important; border-radius:12px !important;
	box-shadow: 0 12px 32px -8px color-mix(in srgb, var(--mark) 55%, transparent) !important;
	width:100%; cursor:pointer; border:none !important;
}
.wow .bg-ok-ink form button[type=submit]:hover, .wow.bg-ok-ink form button[type=submit]:hover, .wow .bg-ok-ink-2 form button[type=submit]:hover, .wow.bg-ok-ink-2 form button[type=submit]:hover, .wow .bg-ok-ink form input[type=submit]:hover, .wow.bg-ok-ink form input[type=submit]:hover, .wow .bg-ok-ink-2 form input[type=submit]:hover, .wow.bg-ok-ink-2 form input[type=submit]:hover {
	transform:translateY(-1px);
	box-shadow: 0 18px 40px -10px color-mix(in srgb, var(--mark) 70%, transparent) !important;
}
/* `rodo_agree` to klasa zgody RODO z formularzy CMS-a, `form-check` z szablonow recznych. */
.wow .bg-ok-ink form .form-check, .wow.bg-ok-ink form .form-check, .wow .bg-ok-ink-2 form .form-check, .wow.bg-ok-ink-2 form .form-check, .wow .bg-ok-ink form .rodo_agree, .wow.bg-ok-ink form .rodo_agree, .wow .bg-ok-ink-2 form .rodo_agree, .wow.bg-ok-ink-2 form .rodo_agree { color:color-mix(in srgb, var(--white) 75%, transparent); font-size:.85rem; }
.wow .bg-ok-ink form .form-check a, .wow.bg-ok-ink form .form-check a, .wow .bg-ok-ink-2 form .form-check a, .wow.bg-ok-ink-2 form .form-check a, .wow .bg-ok-ink form .rodo_agree a, .wow.bg-ok-ink form .rodo_agree a, .wow .bg-ok-ink-2 form .rodo_agree a, .wow.bg-ok-ink-2 form .rodo_agree a { color:var(--ok-cta); }
/* === [BLOCK: contact-form-dark] END === */

/* === [BLOCK: cookie-floating-icon] START === */
/* Pływająca ikona ciastka jako dekoracja w hero (po lewej, lekko obrócona) */
.wow .cookie-deco, .wow.cookie-deco {
	position:absolute; pointer-events:none; opacity:.08; font-size:14rem;
	transform:rotate(-15deg); top:15%; right:-3rem; z-index:0;
}
.wow .bg-ok-ink, .wow.bg-ok-ink, .wow .bg-ok-ink-2, .wow.bg-ok-ink-2 { position:relative; overflow:hidden; }
.wow .bg-ok-ink > .container, .wow.bg-ok-ink > .container, .wow .bg-ok-ink-2 > .container, .wow.bg-ok-ink-2 > .container { position:relative; z-index:1; }
/* === [BLOCK: cookie-floating-icon] END === */

/* === [BLOCK: faq-pretty] START === */
/* Lifting domyślnego .faq z core — większy padding, ładny accordion z plus/minus */
.wow .faq, .wow.faq { max-width:860px; margin:0 auto; }
.wow .faq .f, .wow.faq .f {
	background:var(--white) !important; border:1px solid var(--line, #E2E8F0) !important;
	border-radius:14px !important; padding:0 !important; margin-bottom:.7rem !important;
	overflow:hidden; transition: border-color .2s, box-shadow .2s;
}
.wow .faq .f.active, .wow.faq .f.active { border-color:color-mix(in srgb, var(--mark) 40%, transparent) !important; box-shadow:0 8px 28px -10px color-mix(in srgb, var(--mark) 20%, transparent); }
.wow .faq .f h3, .wow.faq .f h3 {
	position:relative; cursor:pointer;
	width:100% !important; max-width:100% !important; box-sizing:border-box !important;
	padding:1.1rem 3.6rem 1.1rem 1.3rem !important; margin:0 !important;
	font-size:1.02rem !important; font-weight:600 !important; color:var(--ink, #0F172A);
	display:flex; align-items:center; gap:1rem;
}
/* Strzałka pozycjonowana absolutnie z prawej — nigdy nie wyjedzie poza kartę */
.wow .faq .f h3 span.faq_arrow, .wow.faq .f h3 span.faq_arrow {
	position:absolute !important; right:1.3rem; top:50%; transform:translateY(-50%);
	float:none !important; flex-shrink:0;
	width:28px; height:28px; border-radius:50%;
	background:color-mix(in srgb, var(--mark) 12%, transparent); color:var(--mark-dark);
	display:inline-flex !important; align-items:center; justify-content:center;
	font-size:1.1rem !important; transition: transform .2s, background .2s;
}
.wow .faq .f.active h3 span.faq_arrow, .wow.faq .f.active h3 span.faq_arrow { background:var(--mark); color:var(--white); transform:translateY(-50%) rotate(45deg); }
/* Odpowiedź ukryta domyślnie, pokazywana po rozwinięciu (klasa .active) */
.wow .faq .f .t, .wow.faq .f .t { display:none; padding:0 1.3rem 1.2rem !important; color:var(--text-soft, #475569); line-height:1.6; font-size:.95rem; }
.wow .faq .f.active .t, .wow.faq .f.active .t { display:block; }
/* === [BLOCK: faq-pretty] END === */

/* === [BLOCK: feature-cards] START === */
/* Karty feature — siatka kafli z ikonami w kółku, biały kafelek z subtelną ramką */
.wow .feature-grid, .wow.feature-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:1.5rem; }
.wow .feature-card, .wow.feature-card {
	background:var(--white); border:1px solid var(--line, #E2E8F0); border-radius:16px;
	color:var(--text, #334155);   /* defensja: ciemna baza karty — goły tekst nie dziedziczy bieli z sekcji kolorowej */
	padding:1.5rem !important;
	transition: transform .2s, box-shadow .2s, border-color .2s;
	height:100%; position:relative;
}
.wow .feature-card:hover, .wow.feature-card:hover { transform:translateY(-4px); box-shadow:0 18px 40px -16px color-mix(in srgb, var(--ink, #0F172A) 18%, transparent); border-color:var(--line, #E2E8F0); }
.wow .feature-card .feat-ico, .wow.feature-card .feat-ico {
	display:inline-flex; align-items:center;
	font-size:2.1rem; color:var(--mark); line-height:1;
	margin-bottom:.75rem;
}
.wow .feature-card h3, .wow.feature-card h3 { font-size:1.1rem !important; margin:.25rem 0 .5rem !important; color:var(--ink, #0F172A); line-height:1.3; }
.wow .feature-card p, .wow.feature-card p { font-size:.92rem; color:var(--text-soft, #475569); line-height:1.55; margin:0; }

/* Wariant karty z plakietką „Gratis" / „W cenie" */
.wow .feature-card .feat-tag, .wow.feature-card .feat-tag {
	position:absolute; top:1.1rem; right:1.1rem;
	font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
	background:color-mix(in srgb, var(--mark) 18%, transparent); color:color-mix(in srgb, var(--mark-dark) 45%, var(--ink, #0F172A));
	padding:.3rem .55rem; border-radius:6px;
}
/* === [BLOCK: feature-cards] END === */

/* === [BLOCK: founder-story] START === */
/* UWAGA: uklad jednokolumnowy na mobile ma `!important`, bo tresc generowana przez
   agenta SEO wpisuje `style="grid-template-columns:1fr 1.4fr"` wprost na elemencie,
   a inline style bije zwykla regule z arkusza. Bez tego blok o autorze wychodzi poza
   ekran telefonu i tekst jest ucinany (kancelariakz.pl, 2 strony, zmierzone 16.08). */
/* Sekcja founder story — narracja 1-os po lewej + avatar/imię po prawej.
   Reużywalna: workpatrol, każdy klient z osobistą historią założyciela. */

.wow .founder-story-wrap, .wow.founder-story-wrap {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 3rem;
	align-items: start;
	max-width: 1100px;
	margin: 0 auto;
}
.wow .founder-story-wrap .founder-avatar-col, .wow.founder-story-wrap .founder-avatar-col { position: sticky; top: 2rem; }

.wow .founder-narrative, .wow.founder-narrative {
	position: relative;
	padding-left: 2rem;
}
.wow .founder-narrative::before, .wow.founder-narrative::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: var(--mark);
	border-radius: 2px;
}
.wow .founder-narrative .eyebrow, .wow.founder-narrative .eyebrow {
	display: inline-block;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--mark);
	margin-bottom: 1rem;
}
.wow .founder-narrative h2, .wow.founder-narrative h2 {
	font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	margin: 0 0 1.5rem !important;
	color: var(--ink, #0F172A);
}
.wow .founder-narrative p, .wow.founder-narrative p {
	font-size: 1.05rem !important;
	line-height: 1.7 !important;
	color: var(--text, #334155);
	margin: 0 0 1.1rem !important;
	max-width: 56ch;
}
.wow .founder-narrative p strong, .wow.founder-narrative p strong {
	color: var(--ink, #0F172A);
	font-weight: 700;
}
.wow .founder-narrative .founder-signoff, .wow.founder-narrative .founder-signoff {
	font-size: .95rem !important;
	color: var(--text-soft, #475569);
	margin-top: 1.5rem !important;
	font-style: italic;
}
.wow .founder-narrative .founder-signoff strong, .wow.founder-narrative .founder-signoff strong {
	color: var(--ink, #0F172A);
	font-style: normal;
}

.wow .founder-avatar-col, .wow.founder-avatar-col {
	text-align: center;
}
.wow .founder-avatar, .wow.founder-avatar {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--mark) 0%, var(--mark-dark) 100%);
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4rem;
	font-weight: 700;
	font-family: var(--font-family-header, inherit);
	margin: 0 auto 1rem;
	box-shadow: 0 24px 60px -20px color-mix(in srgb, var(--ink, #0F172A) 30%, transparent);
	letter-spacing: -.05em;
}
.wow .founder-avatar img, .wow.founder-avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.wow .founder-name, .wow.founder-name {
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	color: var(--ink, #0F172A) !important;
	margin: 0 !important;
}
.wow .founder-role, .wow.founder-role {
	font-size: .9rem;
	color: var(--muted, #64748B);
	margin: .25rem 0 0 !important;
}

/* Wariant ciemny (na bg-ok-ink / wp-hero-bg-dark) */
.wow .bg-ok-ink .founder-narrative h2, .wow.bg-ok-ink .founder-narrative h2, .wow .wp-hero-bg-dark .founder-narrative h2, .wow.wp-hero-bg-dark .founder-narrative h2 { color: var(--surface-2, #F1F5F9); }
.wow .bg-ok-ink .founder-narrative p, .wow.bg-ok-ink .founder-narrative p, .wow .wp-hero-bg-dark .founder-narrative p, .wow.wp-hero-bg-dark .founder-narrative p { color: var(--line-soft, #CBD5E1); }
.wow .bg-ok-ink .founder-narrative p strong, .wow.bg-ok-ink .founder-narrative p strong, .wow .wp-hero-bg-dark .founder-narrative p strong, .wow.wp-hero-bg-dark .founder-narrative p strong { color: var(--white); }
.wow .bg-ok-ink .founder-name, .wow.bg-ok-ink .founder-name, .wow .wp-hero-bg-dark .founder-name, .wow.wp-hero-bg-dark .founder-name { color: var(--surface-2, #F1F5F9) !important; }

@media (max-width: 768px) {
	.wow .founder-story-wrap, .wow.founder-story-wrap {
		grid-template-columns: 1fr !important;
		gap: 2rem;
	}
	.wow .founder-avatar-col, .wow.founder-avatar-col {
		order: -1;
	}
	.wow .founder-avatar, .wow.founder-avatar {
		width: 140px;
		height: 140px;
		font-size: 3rem;
	}
	.wow .founder-narrative, .wow.founder-narrative {
		padding-left: 1.2rem;
	}
	.wow .founder-narrative h2, .wow.founder-narrative h2 {
		font-size: clamp(1.4rem, 5vw, 1.8rem) !important;
	}
}

/* === [BLOCK: founder-story] END === */

/* === [BLOCK: glass-card] START === */
/* Szklana karta — siatka kart na ciemnej sekcji (bg-ok-ink/-2) */
.wow .glass-grid, .wow.glass-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:1.5rem; }
.wow .glass, .wow.glass {
	/* defensja kontrastu: ciemny podkład gwarantuje czytelność jasnego tekstu
	   NIEZALEŻNIE od koloru sekcji-rodzica (nie tylko bg-ok-ink) */
	background:
		linear-gradient(color-mix(in srgb, var(--ink, #0F172A) 65%, transparent), color-mix(in srgb, var(--ink, #0F172A) 65%, transparent)),
		color-mix(in srgb, var(--white) 6%, transparent);
	color:var(--white);
	border:1px solid color-mix(in srgb, var(--white) 14%, transparent);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-radius:18px;
	padding:1.5rem !important;
	box-shadow: 0 30px 80px -20px color-mix(in srgb, var(--black) 55%, transparent);
}
.wow .glass.dark, .wow.glass.dark {
	background:
		linear-gradient(color-mix(in srgb, var(--ink, #0F172A) 65%, transparent), color-mix(in srgb, var(--ink, #0F172A) 65%, transparent)),
		color-mix(in srgb, var(--mark) 55%, transparent);
}
.wow .glass h3, .wow.glass h3 { font-size:1.05rem !important; margin:.25rem 0 .75rem !important; color:var(--white); }
.wow .glass p, .wow.glass p { font-size:.92rem; opacity:.85; color:var(--white); }
.wow .glass .glass-actions, .wow.glass .glass-actions { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:1rem; }
.wow .glass .glass-actions .gb, .wow.glass .glass-actions .gb {
	font-size:.82rem; font-weight:600; padding:.55rem .9rem; border-radius:10px;
	display:inline-block; cursor:pointer; text-decoration:none; transition:filter .2s, transform .15s;
}
.wow .glass .glass-actions a.gb:hover, .wow.glass .glass-actions a.gb:hover { filter:brightness(1.08); transform:translateY(-1px); }
.wow .glass .glass-actions .gb.primary, .wow.glass .glass-actions .gb.primary { background:var(--ok-cta); color:var(--ok-cta-ink); }
.wow .glass .glass-actions .gb.ghost, .wow.glass .glass-actions .gb.ghost { background:transparent; color:var(--white); border:1px solid color-mix(in srgb, var(--white) 30%, transparent); }
.wow .glass .glass-actions .gb.muted, .wow.glass .glass-actions .gb.muted { color:color-mix(in srgb, var(--white) 60%, transparent); }
.wow .glass .glass-tags, .wow.glass .glass-tags { display:flex; gap:.4rem; flex-wrap:wrap; margin-top:1rem; padding-top:1rem; border-top:1px dashed color-mix(in srgb, var(--white) 15%, transparent); }
.wow .glass .glass-tags span, .wow.glass .glass-tags span {
	font-size:.7rem; font-weight:600; letter-spacing:.05em;
	color:color-mix(in srgb, var(--white) 85%, transparent); background:color-mix(in srgb, var(--ink, #0F172A) 25%, transparent);
	padding:.3rem .55rem; border-radius:6px;
}
/* === [BLOCK: glass-card] END === */

/* === [BLOCK: gradient-sections] START === */
.wow .bg-ok-ink-2, .wow.bg-ok-ink-2 {
	background:linear-gradient(135deg, var(--ink-2, #1E293B) 0%, var(--ink-2, #1E293B) 50%, var(--ink, #0F172A) 100%) !important;
	color:var(--surface-2, #F1F5F9) !important;
}
.wow .bg-ok-ink-2 h1, .wow.bg-ok-ink-2 h1, .wow .bg-ok-ink-2 h2, .wow.bg-ok-ink-2 h2, .wow .bg-ok-ink-2 h3, .wow.bg-ok-ink-2 h3, .wow .bg-ok-ink-2 h4, .wow.bg-ok-ink-2 h4, .wow .bg-ok-ink-2 p, .wow.bg-ok-ink-2 p, .wow .bg-ok-ink-2 li, .wow.bg-ok-ink-2 li { color:var(--surface-2, #F1F5F9) !important; }

.wow .bg-ok-blue, .wow.bg-ok-blue {
	background:linear-gradient(135deg, var(--mark-dark) 0%, var(--mark) 60%, var(--mark-light) 100%) !important;
	color:var(--surface-2, #F1F5F9) !important;
}
.wow .bg-ok-blue h1, .wow.bg-ok-blue h1, .wow .bg-ok-blue h2, .wow.bg-ok-blue h2, .wow .bg-ok-blue h3, .wow.bg-ok-blue h3, .wow .bg-ok-blue h4, .wow.bg-ok-blue h4, .wow .bg-ok-blue p, .wow.bg-ok-blue p, .wow .bg-ok-blue li, .wow.bg-ok-blue li { color:var(--surface-2, #F1F5F9) !important; }

.wow .bg-ok-mint, .wow.bg-ok-mint {
	background:linear-gradient(135deg, var(--mark-dark) 0%, var(--mark-dark) 60%, var(--mark-dark) 100%) !important;
	color:color-mix(in srgb, var(--mark) 7%, var(--white)) !important;
}
.wow .bg-ok-mint h1, .wow.bg-ok-mint h1, .wow .bg-ok-mint h2, .wow.bg-ok-mint h2, .wow .bg-ok-mint h3, .wow.bg-ok-mint h3, .wow .bg-ok-mint h4, .wow.bg-ok-mint h4, .wow .bg-ok-mint p, .wow.bg-ok-mint p, .wow .bg-ok-mint li, .wow.bg-ok-mint li { color:color-mix(in srgb, var(--mark) 7%, var(--white)) !important; }
/* === [BLOCK: gradient-sections] END === */

/* === [BLOCK: hero-dark] START === */
/* Hero ciemny granat z neonowym akcentem + radial glows */
.wow .bg-ok-ink, .wow.bg-ok-ink {
	/* solid fallback POD gradientem — gdy warstwy gradientu nie pokryją całości
	   (niezdefiniowane --ink, awaria color-mix, wysoka sekcja) tło zostaje CIEMNE,
	   nigdy nie spada do białego pod jasnym tekstem (--surface-2). */
	background-color:var(--ink, #0F172A) !important;
	background:
		radial-gradient(900px 500px at 12% 10%, color-mix(in srgb, var(--mark) 10%, transparent), transparent 60%),
		radial-gradient(700px 400px at 90% 0%, color-mix(in srgb, var(--mark) 18%, transparent), transparent 65%),
		linear-gradient(180deg, var(--ink, #0F172A) 0%, var(--ink-2, #1E293B) 100%) var(--ink, #0F172A) !important;
	color:var(--surface-2, #F1F5F9) !important;
}
/* AOS na sekcji z CIEMNYM tłem: NIE zerujemy opacity (to schowałoby całe ciemne tło →
   jasny tekst na białym body zanim animacja ruszy / przy braku JS / dla crawlera).
   Ruch fade-up i tak gra przez transform — zostawiamy tylko opacity:1, tło zawsze ciemne. */
.wow .bg-ok-ink[data-aos^="fade"], .wow.bg-ok-ink[data-aos^="fade"] { opacity:1 !important; }
/* !important — wygrywa z kolorami nagłówków z szablonu (blog single, theme) o tej samej specyficzności */
.wow .bg-ok-ink h1, .wow.bg-ok-ink h1, .wow .bg-ok-ink h2, .wow.bg-ok-ink h2, .wow .bg-ok-ink h3, .wow.bg-ok-ink h3, .wow .bg-ok-ink h4, .wow.bg-ok-ink h4, .wow .bg-ok-ink p, .wow.bg-ok-ink p, .wow .bg-ok-ink li, .wow.bg-ok-ink li { color:var(--surface-2, #F1F5F9) !important; }
.wow .bg-ok-ink em, .wow.bg-ok-ink em { color:var(--ok-cta) !important; font-style:normal; }
.wow .bg-ok-ink strong, .wow.bg-ok-ink strong { color:var(--white) !important; }
.wow .bg-ok-ink .eyebrow, .wow.bg-ok-ink .eyebrow { color:var(--ok-cta) !important; }
.wow .bg-ok-ink .eyebrow::before, .wow.bg-ok-ink .eyebrow::before { background:var(--ok-cta); }
.wow .bg-ok-ink .pill, .wow.bg-ok-ink .pill { background:color-mix(in srgb, var(--mark) 12%, transparent); color:var(--ok-cta); border:1px solid color-mix(in srgb, var(--mark) 30%, transparent); }

/* Plakietka „nowość" / banner u góry hero */
.wow .hero-banner, .wow.hero-banner {
	display:inline-flex; align-items:center; gap:.5rem;
	background:color-mix(in srgb, var(--mark) 12%, transparent); color:var(--mark-light); border:1px solid color-mix(in srgb, var(--mark) 35%, transparent);
	padding:.4rem .85rem; border-radius:999px; font-size:.82rem; font-weight:600;
	margin-bottom:1.25rem;
}
.wow .hero-banner::before, .wow.hero-banner::before { content:"●"; color:var(--mark); font-size:.6rem; }
/* === [BLOCK: hero-dark] END === */

/* === [BLOCK: hero-light] START === */
/* Hero jasny — niebieski uspokajający, e-PIT vibe, dla landingów konsumenckich/B2E */

.wow .bg-ok-sky, .wow.bg-ok-sky {
	background:
		radial-gradient(900px 500px at 12% 0%, color-mix(in srgb, var(--mark) 8%, transparent), transparent 60%),
		radial-gradient(700px 400px at 90% 100%, color-mix(in srgb, var(--mark) 7%, transparent), transparent 65%),
		linear-gradient(180deg, var(--surface, #F8FAFC) 0%, color-mix(in srgb, var(--mark) 7%, var(--white)) 100%) !important;
	color: var(--ink, #0F172A) !important;
}
.wow .bg-ok-sky h1, .wow.bg-ok-sky h1, .wow .bg-ok-sky h2, .wow.bg-ok-sky h2, .wow .bg-ok-sky h3, .wow.bg-ok-sky h3, .wow .bg-ok-sky h4, .wow.bg-ok-sky h4 { color: var(--ink, #0F172A); }
.wow .bg-ok-sky p, .wow.bg-ok-sky p, .wow .bg-ok-sky li, .wow.bg-ok-sky li { color: var(--text, #334155); }
.wow .bg-ok-sky em, .wow.bg-ok-sky em { color: var(--mark); font-style: normal; font-weight: 700; }
.wow .bg-ok-sky strong, .wow.bg-ok-sky strong { color: var(--ink, #0F172A); }
.wow .bg-ok-sky a:not(.btn):not(.pricing-cta), .wow.bg-ok-sky a:not(.btn):not(.pricing-cta) { color: var(--mark); text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--mark) 30%, transparent); }
.wow .bg-ok-sky a:not(.btn):not(.pricing-cta):hover, .wow.bg-ok-sky a:not(.btn):not(.pricing-cta):hover { border-bottom-color: var(--mark); }

/* Hero-light specyficzne klasy */
.wow .bg-ok-sky .eyebrow, .wow.bg-ok-sky .eyebrow {
	display: inline-block;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--mark);
	margin-bottom: 1.25rem;
	padding: .35rem .75rem;
	background: color-mix(in srgb, var(--mark) 8%, transparent);
	border-radius: 999px;
}

.wow .bg-ok-sky h1, .wow.bg-ok-sky h1 {
	font-size: clamp(2rem, 4.5vw, 3.5rem) !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	letter-spacing: -.02em;
	margin: 0 0 1.25rem !important;
}

.wow .bg-ok-sky .hero-subtitle, .wow.bg-ok-sky .hero-subtitle {
	font-size: clamp(1rem, 1.4vw, 1.2rem) !important;
	line-height: 1.55 !important;
	color: var(--text-soft, #475569);
	max-width: 62ch;
	margin: 0 0 2rem !important;
}

/* CTA hero-light — primary (niebieski) + outline (jasny) */
.wow .bg-ok-sky .hero-cta-row, .wow.bg-ok-sky .hero-cta-row {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}
.wow .bg-ok-sky .btn-sky-primary, .wow.bg-ok-sky .btn-sky-primary, .wow .bg-ok-sky a.btn-sky-primary, .wow.bg-ok-sky a.btn-sky-primary {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: var(--mark);
	color: var(--white) !important;
	border: 0;
	padding: .9rem 1.6rem;
	border-radius: 12px;
	font-weight: 600;
	font-size: 1rem;
	text-decoration: none !important;
	transition: background .2s, transform .15s, box-shadow .2s;
	box-shadow: 0 8px 24px -8px color-mix(in srgb, var(--mark) 50%, transparent);
}
.wow .bg-ok-sky .btn-sky-primary:hover, .wow.bg-ok-sky .btn-sky-primary:hover {
	background: var(--mark-dark);
	transform: translateY(-1px);
	box-shadow: 0 12px 32px -8px color-mix(in srgb, var(--mark) 60%, transparent);
}
.wow .bg-ok-sky .btn-sky-outline, .wow.bg-ok-sky .btn-sky-outline, .wow .bg-ok-sky a.btn-sky-outline, .wow.bg-ok-sky a.btn-sky-outline {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: transparent;
	color: var(--ink, #0F172A) !important;
	border: 1px solid var(--line-soft, #CBD5E1);
	padding: .9rem 1.6rem;
	border-radius: 12px;
	font-weight: 600;
	font-size: 1rem;
	text-decoration: none !important;
	transition: background .2s, border-color .2s, transform .15s;
}
.wow .bg-ok-sky .btn-sky-outline:hover, .wow.bg-ok-sky .btn-sky-outline:hover {
	background: var(--white);
	border-color: var(--muted-soft, #94A3B8);
	transform: translateY(-1px);
}

.wow .bg-ok-sky .hero-meta, .wow.bg-ok-sky .hero-meta {
	font-size: .85rem;
	color: var(--muted, #64748B);
	margin-top: .5rem;
}

/* Mockup card po prawej */
.wow .bg-ok-sky .hero-mockup, .wow.bg-ok-sky .hero-mockup {
	border-radius: 16px;
	margin-top: 2.5rem;
	overflow: hidden;
	box-shadow: 0 32px 80px -32px color-mix(in srgb, var(--ink, #0F172A) 30%, transparent);
	border: 1px solid color-mix(in srgb, var(--mark) 15%, transparent);
	background: var(--white);
	max-width: 100%;
	height: auto;
}
.wow .bg-ok-sky .hero-mockup img, .wow.bg-ok-sky .hero-mockup img {
	display: block;
	width: 100%;
	height: auto;
}

/* Trust badges pod CTA (np. "12 MB · darmowy okres próbny · Windows 10/11") */
.wow .bg-ok-sky .hero-trust, .wow.bg-ok-sky .hero-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1.5rem;
	font-size: .85rem;
	color: var(--muted, #64748B);
}
.wow .bg-ok-sky .hero-trust span, .wow.bg-ok-sky .hero-trust span {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}
.wow .bg-ok-sky .hero-trust span::before, .wow.bg-ok-sky .hero-trust span::before {
	content: "✓";
	color: var(--mark);
	font-weight: 700;
}

@media (max-width: 768px) {
	.wow .bg-ok-sky h1, .wow.bg-ok-sky h1 {
		font-size: clamp(1.7rem, 7vw, 2.2rem) !important;
	}
	.wow .bg-ok-sky .hero-cta-row .btn-sky-primary, .wow.bg-ok-sky .hero-cta-row .btn-sky-primary, .wow .bg-ok-sky .hero-cta-row .btn-sky-outline, .wow.bg-ok-sky .hero-cta-row .btn-sky-outline {
		width: 100%;
		justify-content: center;
	}
}

/* === [BLOCK: hero-light] END === */

/* === [BLOCK: neon-cta] START === */
/* Neonowy CTA przycisk — używamy dla najmocniejszych call-to-action */
.wow nav.neon p > a, nav.wow.neon p > a, .wow .btn-neon, .wow.btn-neon {
	background:var(--ok-cta) !important;
	color:var(--ok-cta-ink) !important;
	font-weight:700 !important;
	padding:.95rem 1.6rem !important;
	border-radius:12px !important;
	display:inline-flex !important; align-items:center; gap:.5rem;
	box-shadow: 0 12px 32px -8px color-mix(in srgb, var(--mark) 55%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--black) 12%, transparent) !important;
	border:none !important;
	transition: transform .15s, box-shadow .2s;
}
.wow nav.neon p > a:hover, nav.wow.neon p > a:hover, .wow .btn-neon:hover, .wow.btn-neon:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 40px -10px color-mix(in srgb, var(--mark) 70%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--black) 12%, transparent) !important;
}
.wow nav.neon p > a::after, nav.wow.neon p > a::after, .wow .btn-neon::after, .wow.btn-neon::after {
	content:"→"; margin-left:.25rem; font-weight:800; font-size:1.1em;
}

/* Ghost button (drugorzędny) — domyślnie czytelny na JASNYM tle */
.wow nav.ghost p > a, nav.wow.ghost p > a {
	background:transparent !important;
	color:var(--text, #334155) !important;
	border:1.5px solid var(--line-soft, #CBD5E1) !important;
	padding:.9rem 1.5rem !important;
	border-radius:12px !important;
	font-weight:600 !important;
}
.wow nav.ghost p > a:hover, nav.wow.ghost p > a:hover { background:var(--surface-2, #F1F5F9) !important; border-color:var(--muted, #64748B) !important; }
/* Na CIEMNYCH / KOLOROWYCH-NASYCONYCH sekcjach ghost staje się biały (tekst + ramka).
   Pokrywa WSZYSTKIE nie-jasne tła klocków: ink/ink-2 (granat), ok-blue (brand), ok-mint
   (akcent), mark/mark-dark (brand pełny). Dzięki temu ghost jest czytelny na DOWOLNYM
   ciemnym/kolorowym pasie — przyszłe użycia automatycznie OK (kontrast >= ~4.5 bo biały
   na nasyconym brandzie). Jasne tła (bg-ok-sky, bg-mark-light, białe) zostają na regule
   domyślnej wyżej (ciemny tekst). */
.wow .bg-ok-ink nav.ghost p > a, .wow.bg-ok-ink nav.ghost p > a, .wow .bg-ok-ink-2 nav.ghost p > a, .wow.bg-ok-ink-2 nav.ghost p > a, .wow .bg-ok-blue nav.ghost p > a, .wow.bg-ok-blue nav.ghost p > a, .wow .bg-ok-mint nav.ghost p > a, .wow.bg-ok-mint nav.ghost p > a, .wow .bg-mark nav.ghost p > a, .wow.bg-mark nav.ghost p > a, .wow .bg-mark-dark nav.ghost p > a, .wow.bg-mark-dark nav.ghost p > a {
	color:var(--white) !important;
	border-color:color-mix(in srgb, var(--white) 45%, transparent) !important;
}
.wow .bg-ok-ink nav.ghost p > a:hover, .wow.bg-ok-ink nav.ghost p > a:hover, .wow .bg-ok-ink-2 nav.ghost p > a:hover, .wow.bg-ok-ink-2 nav.ghost p > a:hover, .wow .bg-ok-blue nav.ghost p > a:hover, .wow.bg-ok-blue nav.ghost p > a:hover, .wow .bg-ok-mint nav.ghost p > a:hover, .wow.bg-ok-mint nav.ghost p > a:hover, .wow .bg-mark nav.ghost p > a:hover, .wow.bg-mark nav.ghost p > a:hover, .wow .bg-mark-dark nav.ghost p > a:hover, .wow.bg-mark-dark nav.ghost p > a:hover {
	background:color-mix(in srgb, var(--white) 12%, transparent) !important;
	border-color:color-mix(in srgb, var(--white) 65%, transparent) !important;
}
/* === [BLOCK: neon-cta] END === */

/* === [BLOCK: pill-chips] START === */
/* Chipy / tagi — np. "RODO · Consent Mode v2 · GTM" */
.wow .pills, .wow.pills { display:flex; gap:.5rem; flex-wrap:wrap; margin:1rem 0; }
.wow .pill, .wow.pill {
	display:inline-flex; align-items:center; gap:.4rem;
	padding:.45rem .85rem; border-radius:999px;
	background:color-mix(in srgb, var(--mark) 10%, transparent); color:var(--mark-dark);
	font-size:.82rem; font-weight:600; border:1px solid color-mix(in srgb, var(--mark) 25%, transparent);
}
.wow .pill.amber, .wow.pill.amber { background:color-mix(in srgb, var(--mark) 12%, transparent); color:var(--mark-dark); border-color:color-mix(in srgb, var(--mark) 30%, transparent); }
.wow .pill.violet, .wow.pill.violet { background:color-mix(in srgb, var(--mark) 12%, transparent); color:var(--mark2-dark); border-color:color-mix(in srgb, var(--mark) 25%, transparent); }
.wow .pill.rose, .wow.pill.rose { background:color-mix(in srgb, var(--mark) 12%, transparent); color:var(--mark-dark); border-color:color-mix(in srgb, var(--mark) 25%, transparent); }
/* === [BLOCK: pill-chips] END === */

/* === [BLOCK: pricing-table] START === */
/* Cennik z toggle miesiąc/rok, 2 karty (standard + featured), highlighted „Najpopularniejszy" */

.wow .pricing-toggle, .wow.pricing-toggle {
	display: inline-flex;
	background: var(--surface-2, #F1F5F9);
	border-radius: 999px;
	padding: 4px;
	margin: 0 auto 2.5rem;
	gap: 4px;
}
.wow .pricing-toggle button, .wow.pricing-toggle button {
	background: transparent;
	border: 0;
	padding: .65rem 1.5rem;
	border-radius: 999px;
	font-size: .9rem !important;
	font-weight: 500;
	color: var(--muted, #64748B);
	cursor: pointer;
	transition: background .2s, color .2s;
}
.wow .pricing-toggle button.active, .wow.pricing-toggle button.active {
	background: var(--white);
	color: var(--ink, #0F172A);
	box-shadow: 0 1px 3px color-mix(in srgb, var(--ink, #0F172A) 8%, transparent);
}
.wow .pricing-toggle .save-badge, .wow.pricing-toggle .save-badge {
	display: inline-block;
	background: color-mix(in srgb, var(--mark) 15%, transparent);
	color: var(--mark-dark);
	font-size: .65rem;
	font-weight: 700;
	padding: .15rem .4rem;
	border-radius: 4px;
	margin-left: .35rem;
}

.wow .pricing-grid, .wow.pricing-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
	max-width: 900px;
	margin: 0 auto;
	align-items: stretch;
}
.wow .pricing-card, .wow.pricing-card {
	background: var(--white);
	border: 1px solid var(--line, #E2E8F0);
	border-radius: 20px;
	padding: 2.5rem 2rem !important;
	position: relative;
	display: flex;
	flex-direction: column;
	transition: transform .2s, box-shadow .2s;
	height: 100%;
}
.wow .pricing-card:hover, .wow.pricing-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 60px -20px color-mix(in srgb, var(--ink, #0F172A) 18%, transparent);
}
.wow .pricing-card.featured, .wow.pricing-card.featured {
	border: 2px solid var(--mark);
	box-shadow: 0 24px 60px -20px color-mix(in srgb, var(--ink, #0F172A) 18%, transparent);
}
.wow .pricing-card .pricing-badge, .wow.pricing-card .pricing-badge {
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--mark);
	color: var(--white);
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: .4rem .8rem;
	border-radius: 999px;
	white-space: nowrap;
}
.wow .pricing-card .pricing-icon, .wow.pricing-card .pricing-icon {
	font-size: 2rem;
	margin-bottom: .5rem;
	line-height: 1;
}
.wow .pricing-card h3.pricing-title, .wow.pricing-card h3.pricing-title {
	font-size: 1.3rem !important;
	font-weight: 700 !important;
	color: var(--ink, #0F172A);
	margin: 0 0 .25rem !important;
	line-height: 1.2;
}
.wow .pricing-card .pricing-subtitle, .wow.pricing-card .pricing-subtitle {
	font-size: .9rem;
	color: var(--muted, #64748B);
	margin: 0 0 1.5rem !important;
	line-height: 1.4;
}
.wow .pricing-card .pricing-price-row, .wow.pricing-card .pricing-price-row {
	display: flex;
	align-items: baseline;
	gap: .25rem;
	margin-bottom: .25rem;
}
.wow .pricing-card .pricing-price, .wow.pricing-card .pricing-price {
	font-size: 2.5rem !important;
	font-weight: 700;
	color: var(--ink, #0F172A);
	line-height: 1;
	margin: 0;
}
.wow .pricing-card .pricing-currency, .wow.pricing-card .pricing-currency {
	font-size: 1rem;
	font-weight: 500;
	color: var(--muted, #64748B);
}
.wow .pricing-card .pricing-period, .wow.pricing-card .pricing-period {
	font-size: .9rem;
	color: var(--muted, #64748B);
}
.wow .pricing-card .pricing-price-note, .wow.pricing-card .pricing-price-note {
	font-size: .75rem;
	color: var(--muted-soft, #94A3B8);
	margin: .25rem 0 1.5rem !important;
}
.wow .pricing-card ul.pricing-features, .wow.pricing-card ul.pricing-features {
	list-style: none;
	padding: 0;
	margin: 0 0 2rem !important;
	flex: 1;
}
.wow .pricing-card ul.pricing-features li, .wow.pricing-card ul.pricing-features li {
	display: flex;
	gap: .65rem;
	align-items: flex-start;
	padding: .5rem 0;
	font-size: .92rem;
	color: var(--text, #334155);
	line-height: 1.4;
	margin: 0;
}
.wow .pricing-card ul.pricing-features li::before, .wow.pricing-card ul.pricing-features li::before {
	content: "✓";
	color: var(--mark);
	font-weight: 700;
	flex-shrink: 0;
	margin-top: .05rem;
}
.wow .pricing-card ul.pricing-features li.muted, .wow.pricing-card ul.pricing-features li.muted {
	color: var(--muted-soft, #94A3B8);
}
.wow .pricing-card ul.pricing-features li.muted::before, .wow.pricing-card ul.pricing-features li.muted::before {
	content: "—";
	color: var(--line-soft, #CBD5E1);
}
.wow .pricing-card ul.pricing-features li strong, .wow.pricing-card ul.pricing-features li strong {
	color: var(--ink, #0F172A);
}
.wow .pricing-card .pricing-cta, .wow.pricing-card .pricing-cta {
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: .85rem 1.5rem;
	border-radius: 12px;
	font-weight: 600 !important;
	font-size: .95rem !important;
	text-decoration: none !important;
	transition: background .2s, color .2s, transform .15s;
	margin-top: auto;
}
.wow .pricing-card .pricing-cta.outline, .wow.pricing-card .pricing-cta.outline {
	background: transparent;
	color: var(--ink, #0F172A) !important;
	border: 1px solid var(--line-soft, #CBD5E1);
}
.wow .pricing-card .pricing-cta.outline:hover, .wow.pricing-card .pricing-cta.outline:hover {
	background: var(--surface-2, #F1F5F9);
	transform: translateY(-1px);
}
.wow .pricing-card .pricing-cta.primary, .wow.pricing-card .pricing-cta.primary {
	background: var(--mark);
	color: var(--white) !important;
	border: 0;
}
.wow .pricing-card .pricing-cta.primary:hover, .wow.pricing-card .pricing-cta.primary:hover {
	background: var(--mark-dark);
	transform: translateY(-1px);
}
.wow .pricing-footer-note, .wow.pricing-footer-note {
	text-align: center;
	font-size: .85rem;
	color: var(--muted, #64748B);
	margin-top: 2rem;
}

/* Centrowanie toggle nad grid (gdy używany w columns:1 sekcji) */
.wow .pricing-toggle-wrap, .wow.pricing-toggle-wrap {
	text-align: center;
}

@media (max-width: 768px) {
	.wow .pricing-grid, .wow.pricing-grid {
		grid-template-columns: 1fr;
		max-width: 380px;
	}
	.wow .pricing-card, .wow.pricing-card {
		padding: 2rem 1.5rem !important;
	}
	.wow .pricing-card h3.pricing-title, .wow.pricing-card h3.pricing-title {
		font-size: 1.2rem !important;
	}
	.wow .pricing-card .pricing-price, .wow.pricing-card .pricing-price {
		font-size: 2.2rem !important;
	}
}

/* === [BLOCK: pricing-table] END === */

/* === [BLOCK: screenshot-showcase] START === */
/* Grid screenów z mocnym shadow + caption + click → lightbox.
   Warianty: 1-wide hero / 3-w-rzędzie / cały-zestaw (12 screenów). */

.wow .showcase-grid, .wow.showcase-grid {
	display: grid;
	gap: 1.5rem;
	max-width: 1200px;
	margin: 0 auto;
}
.wow .showcase-grid.cols-1, .wow.showcase-grid.cols-1 { grid-template-columns: 1fr; max-width: 1000px; }
.wow .showcase-grid.cols-2, .wow.showcase-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.wow .showcase-grid.cols-3, .wow.showcase-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.wow .showcase-grid.cols-4, .wow.showcase-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
.wow .showcase-grid.cols-5, .wow.showcase-grid.cols-5 { grid-template-columns: repeat(5, 1fr); }
.wow .showcase-grid.cols-6, .wow.showcase-grid.cols-6 { grid-template-columns: repeat(6, 1fr); }

.wow .showcase-item, .wow.showcase-item {
	cursor: pointer;
	transition: transform .25s, box-shadow .25s;
}
.wow .showcase-item:hover, .wow.showcase-item:hover {
	transform: translateY(-4px);
}
.wow .showcase-item .showcase-img, .wow.showcase-item .showcase-img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 8px 24px -12px color-mix(in srgb, var(--ink, #0F172A) 16%, transparent);
	border: 1px solid var(--line, #E2E8F0);
	background: var(--white);
	overflow: hidden;
}
.wow .showcase-item:hover .showcase-img, .wow.showcase-item:hover .showcase-img {
	box-shadow: 0 16px 40px -14px color-mix(in srgb, var(--ink, #0F172A) 26%, transparent);
}
.wow .showcase-item .showcase-caption, .wow.showcase-item .showcase-caption {
	margin-top: 1rem;
	font-size: .92rem !important;
	color: var(--text-soft, #475569) !important;
	line-height: 1.5 !important;
	text-align: center;
}
.wow .showcase-item .showcase-caption strong, .wow.showcase-item .showcase-caption strong {
	color: var(--ink, #0F172A);
	font-weight: 600;
}

/* Wariant dark — na ciemnym tle (bg-ok-ink itp.) */
.wow .bg-ok-ink .showcase-item .showcase-caption, .wow.bg-ok-ink .showcase-item .showcase-caption, .wow .wp-hero-bg-dark .showcase-item .showcase-caption, .wow.wp-hero-bg-dark .showcase-item .showcase-caption { color: var(--line-soft, #CBD5E1) !important; }
.wow .bg-ok-ink .showcase-item .showcase-caption strong, .wow.bg-ok-ink .showcase-item .showcase-caption strong, .wow .wp-hero-bg-dark .showcase-item .showcase-caption strong, .wow.wp-hero-bg-dark .showcase-item .showcase-caption strong { color: var(--white); }
.wow .bg-ok-ink .showcase-item .showcase-img, .wow.bg-ok-ink .showcase-item .showcase-img, .wow .wp-hero-bg-dark .showcase-item .showcase-img, .wow.wp-hero-bg-dark .showcase-item .showcase-img { border-color: color-mix(in srgb, var(--white) 10%, transparent); }

/* Lightbox overlay - vanilla JS */
.wow .showcase-lightbox, .wow.showcase-lightbox {
	display: none;
	position: fixed;
	inset: 0;
	background: color-mix(in srgb, var(--ink, #0F172A) 92%, transparent);
	z-index: 9999;
	cursor: zoom-out;
	padding: 2rem;
	align-items: center;
	justify-content: center;
	overflow: auto;
}
.wow .showcase-lightbox.active, .wow.showcase-lightbox.active {
	display: flex;
}
.wow .showcase-lightbox img, .wow.showcase-lightbox img {
	max-width: 95vw;
	max-height: 90vh;
	width: auto;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 32px 80px -20px color-mix(in srgb, var(--black) 50%, transparent);
}
.wow .showcase-lightbox-close, .wow.showcase-lightbox-close {
	position: fixed;
	top: 1.5rem;
	right: 1.5rem;
	width: 48px;
	height: 48px;
	background: color-mix(in srgb, var(--white) 10%, transparent);
	color: var(--white);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	transition: background .2s;
}
.wow .showcase-lightbox-close:hover, .wow.showcase-lightbox-close:hover {
	background: color-mix(in srgb, var(--white) 20%, transparent);
}
.wow .showcase-lightbox-close .material-symbols-outlined, .wow.showcase-lightbox-close .material-symbols-outlined {
	font-size: 28px;
}

@media (max-width: 900px) {
	.wow .showcase-grid.cols-3, .wow.showcase-grid.cols-3, .wow .showcase-grid.cols-4, .wow.showcase-grid.cols-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
	.wow .showcase-grid.cols-2, .wow.showcase-grid.cols-2, .wow .showcase-grid.cols-3, .wow.showcase-grid.cols-3, .wow .showcase-grid.cols-4, .wow.showcase-grid.cols-4 { grid-template-columns: 1fr; }
}

/* === [BLOCK: screenshot-showcase] END === */

/* === [BLOCK: section-eyebrow] START === */
/* Mała etykieta nad H2 — np. "Co to jest", "Porównanie", "FAQ" */
.wow .eyebrow, .wow.eyebrow {
	display:inline-flex; align-items:center;
	font-size:.78rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
	color:var(--mark-dark); margin-bottom:.6rem;
}
.wow .bg-ok-ink .eyebrow, .wow.bg-ok-ink .eyebrow, .wow .bg-ok-ink-2 .eyebrow, .wow.bg-ok-ink-2 .eyebrow { color:var(--ok-cta); }
/* Na kolorowych (brand) sekcjach eyebrow biały — inaczej czerwony tonie w czerwonym tle */
.wow .bg-ok-blue .eyebrow, .wow.bg-ok-blue .eyebrow, .wow .bg-ok-mint .eyebrow, .wow.bg-ok-mint .eyebrow { color:var(--white); }
/* === [BLOCK: section-eyebrow] END === */

/* === [BLOCK: section-paddings-neve] START === */
/* HISTORIA: do 15.08.2026 caly ten klocek byl LIFTINGIEM (`_style_95_wow_lifting.css`),
   bo jego selektory zaczynaly sie od `html body section.container[...]` — a `container` to
   klasa, ktora CMS stawia strukturalnie na KAZDEJ sekcji tresci. Reguly lapaly wiec rowniez
   sekcje, ktorych nikt nie prosil o zmiane (to one przycinaly wpisy blogowe u coopry).
   Po migracji tresci sekcje z klockami maja klase `wow`, wiec te same reguly przepisane na
   `section.container` + scope `.wow` dotykaja WYLACZNIE naszych sekcji. Klocek wrocil do
   komponentow (`_style_90_wow.css`), bo bez niego sekcje z tlem na blogu sa sklejone bez
   oddechu — czyli dokladnie defekt, ktory mial naprawiac (zgloszone na workpatrol.pl). */
/* Neve nie daje paddingu sekcjom z tlem we WSZYSTKICH layoutach. Theme ma tylko
   `main section.full section.container > .section-content {padding:0 2rem}` (_style.css:857)
   - dziala wylacznie pod `main.full` (oferta/podstrony). Blog/sidebar (`section_container left`,
   `section_container right`) tej reguly NIE lapie -> sekcje bg-* maja padding 0/0 -> tekst dotyka
   krawedzi pasa koloru (Zlota regula #2). Ten klocek domyka brakujace paddingi dla KAZDEGO layoutu.

   Zasada bezpieczenstwa:
   - POZIOM: zawsze na `.section-content` sekcji z tlem (clamp 1rem mobile -> 2rem desktop).
     Identyczny z theme 2rem@desktop -> tam gdzie theme juz dziala nic sie nie zmienia,
     tam gdzie theme nie siega (blog) - dosypuje oddech z bokow. `.unset` (full-bleed) wykluczone.
   - PION: tylko gdy sekcja NIE ma wlasnego inline `padding` (`:not([style*="padding"])`).
     Sekcje z `style="padding:5rem 0"` (generowane przez agent-seo) zachowuja swoj padding.
     Sekcje z tlem ale bez inline paddingu (blog bg-grey-lighter) dostaja 2.5rem/3.5rem. */

.wow section.container[class*="bg-"]:not(.unset) > .section-content, section.wow.container[class*="bg-"]:not(.unset) > .section-content {
  padding-left: clamp(1rem, 4vw, 2rem);
  padding-right: clamp(1rem, 4vw, 2rem);
}
.wow section.container[class*="bg-"]:not([style*="padding"]), section.wow.container[class*="bg-"]:not([style*="padding"]) {
  padding-top: clamp(2.5rem, 5vw, 3.5rem);
  padding-bottom: clamp(2.5rem, 5vw, 3.5rem);
}

/* === ODSTEP MIEDZY SEKCJAMI (~4rem) — padding-block sekcji BEZ tla ===
   Problem: sekcje BEZ tla (zwlaszcza na blogu/sidebarze, gdzie theme nie daje ani paddingu
   ani marginu) stykaja sie pionowo bez oddechu (gap 0px - sklejone). Na ofercie sasiad-bez-tla
   ma juz margin-block ~64px, ale na blogu padTB=0 i marTB=0 -> 0px.
   Fix: dosypujemy ~2rem padding-block sekcjom BEZ klasy bg-*, bez wlasnego inline paddingu,
   nie-pierwszym (hero), nie full-bleed (.unset). Wtedy:
     - sasiad-z-tlem (2.5-3.5rem internal) + sasiad-bez-tla (~2rem) = ~4-5rem oddechu
     - dwie sekcje bez-tla = ~2rem + ~2rem = ~4rem
   PADDING, nie margin: pasy z tlem (bg-*) zostaja sklejone bez bialych szczelin (kanon reguly #3);
   oddech powstaje wewnatrz sasiada bez tla, nie jako pusta przerwa miedzy pasami koloru.
   UWAGA: bez przodka `.text_container` — scope `.wow` siedzi na TEJ SAMEJ sekcji, wiec
   `.text_container > section.container` daloby po scope'owaniu `.wow .text_container > …`
   (kontener wow jako przodek kontenera tresci), czyli selektor, ktory nigdy nie trafia.
   Ograniczenie do tresci zapewnia sama klasa `wow` — jest tylko na sekcjach kreatora. */
.wow section.container:not([class*="bg-"]):not(.unset):not([style*="padding"]):not(:first-child), section.wow.container:not([class*="bg-"]):not(.unset):not([style*="padding"]):not(:first-child) {
  padding-top: clamp(1.5rem, 3vw, 2rem);
  padding-bottom: clamp(1.5rem, 3vw, 2rem);
}
@media (max-width: 768px) {
  .wow section.container:not([class*="bg-"]):not(.unset):not([style*="padding"]):not(:first-child), section.wow.container:not([class*="bg-"]):not(.unset):not([style*="padding"]):not(:first-child) {
    padding-top: 1.25rem; padding-bottom: 1.25rem;
  }
}
/* Reset marginu pierwszego/ostatniego elementu w section-content (zeby padding gory/dolu byl realny) */
.wow section.container[class*="bg-"] > .section-content > div > *:first-child, section.wow.container[class*="bg-"] > .section-content > div > *:first-child { margin-top: 0; }
.wow section.container[class*="bg-"] > .section-content > div > *:last-child, section.wow.container[class*="bg-"] > .section-content > div > *:last-child { margin-bottom: 0; }
.wow section.container[class*="bg-"] > .section-content > *:first-child, section.wow.container[class*="bg-"] > .section-content > *:first-child { margin-top: 0; }
.wow section.container[class*="bg-"] > .section-content > *:last-child, section.wow.container[class*="bg-"] > .section-content > *:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
  /* Theme daje na mobile section.container padding-inline 1rem !important (_style.css:946) -
     poziom juz jest. Zostaje tylko pewny pion gdy brak inline paddingu. */
  .wow section.container[class*="bg-"]:not([style*="padding"]), section.wow.container[class*="bg-"]:not([style*="padding"]) {
    padding-top: 2rem; padding-bottom: 2rem;
  }
}

/* === POZWOLENIE NA ZWEZANIE (naprawa obcinania tresci na mobile, 16.08.2026) ===
   `.section-content` z motywu jest kontenerem FLEX, a element flex ma domyslnie
   `min-width:auto` — czyli nie kurczy sie ponizej swojej naturalnej szerokosci.
   Skutek: siatka `repeat(auto-fit,minmax(180px,1fr))` wpisana w tresc renderuje 5 kolumn
   (980px) w oknie 390px, a tabela z `min-width:640px` rozciaga caly artykul do 640px.
   Sekcja ma `overflow:hidden`, strona nie ma poziomego scrolla → tresc jest ucieta
   BEZ MOZLIWOSCI dojechania. Zmierzone 16.08: workpatrol 980→326px, kancelariakz 640→294px.
   Dotyczy wylacznie sekcji `.wow`. */
.wow section.container > .section-content > *, section.wow.container > .section-content > * { min-width: 0; }
/* === [BLOCK: section-paddings-neve] END === */

/* === [BLOCK: section-spacing] START === */
/* Większy oddech w hero/features — ładniej niż domyślne 4rem.
   UWAGA: sekcja dnt_creator JEST kontenerem, nie ma dziecka .container.
   Dlatego selector na sekcji bezpośrednio. Inline style padding="" wygra
   z tym CSS — ale gdy padding jest pusty, klasa zadziała. */
.wow section.section-tight, section.wow.section-tight { padding-top:1.5rem !important; padding-bottom:1.5rem !important; }
.wow section.section-roomy, section.wow.section-roomy { padding-top:5rem !important; padding-bottom:5rem !important; }
@media (max-width:700px){
	.wow section.section-roomy, section.wow.section-roomy { padding-top:3rem !important; padding-bottom:3rem !important; }
}
/* === [BLOCK: section-spacing] END === */

/* === [BLOCK: split-section] START === */
/* Sekcja dwukolumnowa: LEWY blok treści + PRAWY blok wsparcia, dowolnie łączone (X×Y).
   align-items:start kasuje "pustkę" (prawa nie wisi wyśrodkowana w pionie). */
.wow .split-wrap, .wow.split-wrap {
	display:grid; gap:3rem; align-items:start;
	max-width:1100px; margin:0 auto;
	grid-template-columns:1.4fr 1fr; /* domyślnie text-media */
}
.wow .split-wrap.split-text-media, .wow.split-wrap.split-text-media { grid-template-columns:1.4fr 1fr; }  /* lewy szerszy (lekki prawy: avatar/zdjęcie) */
.wow .split-wrap.split-balanced, .wow.split-wrap.split-balanced { grid-template-columns:1fr 1fr; }    /* równo (ciężki prawy: formularz/statystyki) */

/* Prawa kolumna "jedzie" z długą treścią lewej */
.wow .split-right.split-sticky, .wow.split-right.split-sticky { position:sticky; top:2rem; }

/* --- LEWY: narracja / value-prop / problem / feature --- */
.wow .split-left, .wow.split-left { position:relative; }
.wow .split-left.split-bar, .wow.split-left.split-bar { padding-left:2rem; }
.wow .split-left.split-bar::before, .wow.split-left.split-bar::before {
	content:""; position:absolute; left:0; top:0; bottom:0;
	width:3px; background:var(--mark); border-radius:2px;
}
.wow .split-left .eyebrow, .wow.split-left .eyebrow { margin-bottom:1rem; }
.wow .split-left h2, .wow.split-left h2 {
	font-size:clamp(1.6rem,3vw,2.2rem) !important; font-weight:700 !important;
	line-height:1.25 !important; margin:0 0 1.25rem !important; color:var(--ink, #0F172A);
}
.wow .split-left p, .wow.split-left p { font-size:1.05rem !important; line-height:1.7 !important; color:var(--text, #334155); margin:0 0 1.1rem !important; max-width:56ch; }
.wow .split-left p strong, .wow.split-left p strong { color:var(--ink, #0F172A); font-weight:700; }
.wow .split-left .split-cta, .wow.split-left .split-cta {
	display:inline-flex; align-items:center; gap:.5rem; margin-top:.5rem;
	background:var(--mark); color:var(--white) !important; padding:.85rem 1.6rem; border-radius:12px;
	font-weight:600; text-decoration:none !important; transition:background .2s, transform .15s;
	box-shadow:0 8px 24px -8px color-mix(in srgb, var(--mark) 50%, transparent);
}
.wow .split-left .split-cta:hover, .wow.split-left .split-cta:hover { background:var(--mark-dark); transform:translateY(-1px); }
.wow .split-left ul.split-list, .wow.split-left ul.split-list { list-style:none; padding:0; margin:1rem 0 0; }
.wow .split-left ul.split-list li, .wow.split-left ul.split-list li { display:flex; gap:.65rem; align-items:flex-start; padding:.4rem 0; font-size:1rem; color:var(--text, #334155); }
.wow .split-left ul.split-list li .material-symbols-outlined, .wow.split-left ul.split-list li .material-symbols-outlined { color:var(--mark); flex-shrink:0; font-size:1.3rem; }

/* --- PRAWY: avatar --- */
.wow .split-avatar, .wow.split-avatar { text-align:center; }
.wow .split-avatar .av, .wow.split-avatar .av {
	width:200px; height:200px; border-radius:50%;
	background:linear-gradient(135deg, var(--mark) 0%, var(--mark-dark) 100%); color:var(--white);
	display:flex; align-items:center; justify-content:center; font-size:4rem; font-weight:700;
	font-family:var(--font-family-header, inherit); margin:0 auto 1rem;
	box-shadow:0 24px 60px -20px color-mix(in srgb, var(--ink, #0F172A) 30%, transparent);
}
.wow .split-avatar .av img, .wow.split-avatar .av img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.wow .split-avatar .nm, .wow.split-avatar .nm { font-size:1.15rem !important; font-weight:700 !important; color:var(--ink, #0F172A) !important; margin:0 !important; }
.wow .split-avatar .rl, .wow.split-avatar .rl { font-size:.9rem; color:var(--muted, #64748B); margin:.25rem 0 0 !important; }

/* --- PRAWY: zdjęcie w ramce --- */
.wow .split-photo, .wow.split-photo {
	border-radius:16px; overflow:hidden; border:1px solid var(--line, #E2E8F0); background:var(--white);
	box-shadow:0 32px 80px -32px color-mix(in srgb, var(--ink, #0F172A) 30%, transparent);
}
.wow .split-photo img, .wow.split-photo img { display:block; width:100%; height:auto; }

/* --- PRAWY: statystyki KPI --- */
.wow .split-stats, .wow.split-stats { display:flex; flex-direction:column; gap:1rem; }
.wow .split-stats .stat, .wow.split-stats .stat { background:var(--white); border:1px solid var(--line, #E2E8F0); border-radius:14px; padding:1.5rem; }
.wow .split-stats .stat .num, .wow.split-stats .stat .num { font-size:2.4rem; font-weight:800; color:var(--mark); line-height:1; }
.wow .split-stats .stat .lbl, .wow.split-stats .stat .lbl { font-size:.95rem; color:var(--text-soft, #475569); margin-top:.35rem; }

/* --- PRAWY: mini-formularz --- */
.wow .split-form, .wow.split-form {
	background:var(--white); border:1px solid var(--line, #E2E8F0); border-radius:16px; padding:1.75rem;
	box-shadow:0 24px 60px -28px color-mix(in srgb, var(--ink, #0F172A) 20%, transparent);
}
.wow .split-form h3, .wow.split-form h3 { font-size:1.2rem !important; margin:0 0 1rem !important; color:var(--ink, #0F172A); }
.wow .split-form input, .wow.split-form input, .wow .split-form textarea, .wow.split-form textarea {
	width:100%; box-sizing:border-box; margin-bottom:.7rem; padding:.8rem 1rem;
	border:1px solid var(--line-soft, #CBD5E1); border-radius:10px; font-size:.95rem; font-family:inherit;
	color:var(--ink, #0F172A); background:var(--surface, #F8FAFC);
}
.wow .split-form input:focus, .wow.split-form input:focus, .wow .split-form textarea:focus, .wow.split-form textarea:focus { outline:none; border-color:var(--mark); background:var(--white); }
.wow .split-form button, .wow.split-form button {
	width:100%; box-sizing:border-box; padding:.85rem; border:0; border-radius:10px;
	background:var(--mark); color:var(--white); font-weight:600; font-size:.95rem; cursor:pointer; transition:background .2s;
}
.wow .split-form button:hover, .wow.split-form button:hover { background:var(--mark-dark); }

/* Wariant ciemny (sekcja .bg-ok-ink) */
.wow .bg-ok-ink .split-left h2, .wow.bg-ok-ink .split-left h2 { color:var(--surface-2, #F1F5F9); }
.wow .bg-ok-ink .split-left p, .wow.bg-ok-ink .split-left p { color:var(--line-soft, #CBD5E1); }
.wow .bg-ok-ink .split-left p strong, .wow.bg-ok-ink .split-left p strong { color:var(--white); }
.wow .bg-ok-ink .split-left ul.split-list li, .wow.bg-ok-ink .split-left ul.split-list li { color:var(--line-soft, #CBD5E1); }  /* defensja: lista nie zostaje ciemna na ciemnej sekcji */
.wow .bg-ok-ink .split-avatar .nm, .wow.bg-ok-ink .split-avatar .nm { color:var(--surface-2, #F1F5F9) !important; }

/* RWD: stack, prawą (avatar/zdjęcie) nad treść przez .split-media-first */
@media (max-width:768px) {
	.wow .split-wrap, .wow.split-wrap, .wow .split-wrap.split-text-media, .wow.split-wrap.split-text-media, .wow .split-wrap.split-balanced, .wow.split-wrap.split-balanced { grid-template-columns:1fr; gap:2rem; }
	.wow .split-right.split-sticky, .wow.split-right.split-sticky { position:static; }
	.wow .split-wrap.split-media-first .split-right, .wow.split-wrap.split-media-first .split-right { order:-1; }
	.wow .split-avatar .av, .wow.split-avatar .av { width:140px; height:140px; font-size:3rem; }
	.wow .split-left.split-bar, .wow.split-left.split-bar { padding-left:1.2rem; }
}
/* === [BLOCK: split-section] END === */

/* === [BLOCK: steps-list] START === */
/* 3-kroki workflow ("Pobierz → Zaloguj → Działasz") — numer w kółku + ikona + tytuł + opis */

.wow .steps-list, .wow.steps-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2.5rem;
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}
.wow .step-item, .wow.step-item {
	text-align: center;
	position: relative;
	padding: 0 .5rem;
}
.wow .step-number, .wow.step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--mark);
	color: var(--white);
	font-size: 1.4rem;
	font-weight: 700;
	font-family: var(--font-family-header, inherit);
	margin: 0 auto 1rem;
	box-shadow: 0 12px 28px -10px color-mix(in srgb, var(--ink, #0F172A) 25%, transparent);
	position: relative;
	z-index: 2;
}
.wow .step-icon, .wow.step-icon {
	font-size: 1.5rem;
	margin-bottom: .75rem;
	line-height: 1;
}
.wow .step-title, .wow.step-title {
	font-size: 1.2rem !important;
	font-weight: 700 !important;
	color: var(--ink, #0F172A) !important;
	margin: 0 0 .5rem !important;
	line-height: 1.3;
}
.wow .step-desc, .wow.step-desc {
	font-size: .95rem !important;
	color: var(--text-soft, #475569) !important;
	line-height: 1.55 !important;
	max-width: 28ch;
	margin: 0 auto !important;
}

/* Linia łącząca kroki (tylko desktop, między 1-2 i 2-3) */
.wow .step-item:not(:last-child)::after, .wow.step-item:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 28px;
	left: calc(50% + 28px);
	width: calc(100% - 56px);
	height: 2px;
	background: repeating-linear-gradient(90deg, var(--line-soft, #CBD5E1) 0 6px, transparent 6px 12px);
	z-index: 1;
}

/* Wariant ciemny (dla osadzenia w bg-ok-ink) */
.wow .bg-ok-ink .steps-list .step-number, .wow.bg-ok-ink .steps-list .step-number { background: var(--ok-cta, var(--mark)); color: var(--ink, #0F172A); }
.wow .bg-ok-ink .steps-list .step-title, .wow.bg-ok-ink .steps-list .step-title { color: var(--surface-2, #F1F5F9) !important; }
.wow .bg-ok-ink .steps-list .step-desc, .wow.bg-ok-ink .steps-list .step-desc { color: var(--line-soft, #CBD5E1) !important; }
.wow .bg-ok-ink .step-item:not(:last-child)::after, .wow.bg-ok-ink .step-item:not(:last-child)::after {
	background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--white) 20%, transparent) 0 6px, transparent 6px 12px);
}

@media (max-width: 768px) {
	.wow .steps-list, .wow.steps-list {
		grid-template-columns: 1fr;
		gap: 2rem;
		max-width: 380px;
	}
	.wow .step-item:not(:last-child)::after, .wow.step-item:not(:last-child)::after {
		display: none; /* ukryj linię — pionowe kroki bez połączeń */
	}
	.wow .step-number, .wow.step-number {
		width: 48px;
		height: 48px;
		font-size: 1.2rem;
	}
}

/* === [BLOCK: steps-list] END === */

/* _style_100_custom.css */
/* === MARKA (agent-www) — START. Nie edytuj ręcznie, generuje _zastosuj_marke.py === */
/* PSI 2026-08-10: z adresu usuniete grubosci, ktorych strona NIE renderuje.
   Pomiar na 4 podstronach (getComputedStyle na widocznych elementach): uzywane sa
   Inter 400/600/700 i Bitter 700 — Inter 500 oraz Bitter 400/600 byly pobierane na darmo.
   (font-weight:800 na naglowkach i tak przycina sie do 700, bo font nie ma ciezszej osi.)
   Zero zmian wizualnych, mniej danych do pobrania — a LCP na tej stronie jest ograniczony
   wlasnie pasmem czcionek.
   UWAGA: ten plik generuje _zastosuj_marke.py — przy regeneracji marki zmiana zniknie
   i trzeba ja nalozyc ponownie (albo poprawic generator). */
/* PSI 2026-08-10: @import do Google Fonts USUNIETY — kroje sa teraz self-hostowane
   w subsecie, a ich @font-face wstawia header.php inline w <head> (razem z preload).
   Powod: @import w tym pliku ladowal sie dopiero ze sklejka CSS, wiec czcionka —
   a z nia LCP, bo elementem LCP jest tekst — czekala na koniec lancucha.
   Pliki: wp-content/uploads/fonts/. Nie przywracaj tego @import bez usuniecia bloku
   z header.php, bo strona pobierze kroje DWA razy. */
:root {
	--mark:#1B3A5C;
	--mark-light:#A8C4DE;
	--mark-dark:#102437;
	--font-family-header: 'Bitter', serif;
	--font-family-header-light: 400;
	--font-family-header-regular: 600;
	--font-family-header-medium: 600;
	--font-family-header-bold: 700;
	--font-family-text: 'Inter', sans-serif;
	--font-family-text-light: 400;
	--font-family-text-regular: 400;
	--font-family-text-medium: 600;
	--font-family-text-bold: 700;
	--accent:#E8A33D;
	--accent-ink:#1A1D21;
}
a.button, input[type=submit], button.button {
	background: var(--accent); color: var(--accent-ink); border-color: var(--accent);
}
a.button:hover, input[type=submit]:hover { background: var(--accent); filter: brightness(0.93); }
a.button.button-ghost {
	background: transparent; color: var(--mark); border: 1px solid var(--mark);
}
a.button.button-ghost:hover { background: var(--mark); color: var(--white); }
.material-symbols-outlined.fs-30 { font-size: 2rem; }
.material-symbols-outlined.fs-40 { font-size: 2.5rem; }
.material-symbols-outlined.fs-50 { font-size: 3rem; }
.material-symbols-outlined.fs-60 { font-size: 3.5rem; }
/* === MARKA (agent-www) — KONIEC === */

@media all {

}
@media (max-width: 1200px) {

}
@media (max-width: 1000px) {
	
}
@media (max-width: 700px) {

}

/* === [BLOCK: header-logo-size] START === */
/* Większe logo w headerze — 70px na PC, 55px na mobile */
header.header_main section .logo a img,
header.header_main .logo a img {
	height: 70px;
	width: auto;
	max-width: none;
}
@media (max-width: 600px) {
	header.header_main section .logo a img,
	header.header_main .logo a img {
		height: 55px;
	}
}
/* === [BLOCK: header-logo-size] END === */
/* === [BLOCK: landing-e-maestro] START === */
/* ===== e-maestro.pl — landing-only CSS, palette niebieska e-PIT vibe ===== */

/* Override --mark per-klient (body scope, nie :root, zgodne z regułą #1):
   --mark zmienia kolor wszystkich klocków używających tej zmiennej:
   pricing-card.featured border, step-number background, pricing-cta.primary itd. */
body.em-landing {
	--mark: #2563EB;
	--mark-dark: #1D4ED8;
	--mark-light: rgba(37,99,235,.12);
}

/* ===== Hero — używamy klocka hero-light (bg-ok-sky), tu tylko micro-tweaki ===== */

/* Mockup w hero - lekkie rotate na desktop, brak na mobile */
.bg-ok-sky .em-hero-mockup {
	background: #fff;
	border: 1px solid rgba(37,99,235,.12);
	border-radius: 16px;
	box-shadow: 0 32px 80px -32px rgba(37,99,235,.25);
	overflow: hidden;
	transform: rotate(-1deg);
	transition: transform .4s;
	max-width: 480px;
	margin-left: auto;
	margin-right: 0;
	box-sizing: border-box;
}
.bg-ok-sky .em-hero-mockup:hover {
	transform: rotate(0);
}
@media (max-width: 768px) {
	.bg-ok-sky .em-hero-mockup {
		transform: none;
	}
}

/* ===== Sekcja "Co e-Maestro zrobi za Ciebie" (feature-cards override) ===== */

.em-section h2 {
	text-align: center;
	font-size: clamp(1.8rem, 3.5vw, 2.5rem) !important;
	font-weight: 700 !important;
	color: #0F172A;
	margin: 0 0 .75rem !important;
}
.em-section .em-section-subtitle {
	text-align: center;
	color: #64748B;
	font-size: 1.05rem;
	max-width: 55ch;
	margin: 0 auto 3rem !important;
}

/* Feature-cards z paletą e-maestro */
.em-section .feature-card .feat-ico {
	background: linear-gradient(135deg, rgba(37,99,235,.15), rgba(16,185,129,.12));
}

/* ===== Sekcja "Jak zacząć" (steps-list już renderuje się z --mark, czyli niebieskie) ===== */

/* ===== Trust-bar pod hero (mała linijka z logo systemów) ===== */
.em-trust-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	justify-content: center;
	align-items: center;
	padding: 2rem 1rem;
	border-top: 1px solid #E5E9F2;
	border-bottom: 1px solid #E5E9F2;
	background: #F8FAFC;
}
.em-trust-bar span {
	font-size: .85rem;
	color: #64748B;
	font-weight: 500;
}
.em-trust-bar strong {
	color: #0F172A;
}

/* ===== Final CTA strip (przed footer) ===== */
.em-cta-final {
	background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
	color: #fff;
	padding: 4rem 2rem !important;
	border-radius: 20px;
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
	box-shadow: 0 32px 80px -32px rgba(37,99,235,.5);
}
.em-cta-final h2 {
	color: #fff !important;
	font-size: clamp(1.8rem, 3.5vw, 2.5rem) !important;
	margin: 0 0 1rem !important;
}
.em-cta-final p {
	color: rgba(255,255,255,.85);
	font-size: 1.1rem;
	max-width: 50ch;
	margin: 0 auto 2rem !important;
}
.em-cta-final .btn-cta-white {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: #fff;
	color: #2563EB !important;
	padding: 1rem 2rem;
	border-radius: 12px;
	font-weight: 700;
	font-size: 1rem;
	text-decoration: none !important;
	transition: transform .15s, box-shadow .2s;
	box-shadow: 0 12px 32px -12px rgba(0,0,0,.3);
}
.em-cta-final .btn-cta-white:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 40px -12px rgba(0,0,0,.4);
}
.em-cta-final .em-cta-meta {
	margin-top: 1rem;
	font-size: .85rem;
	color: rgba(255,255,255,.7);
}

@media (max-width: 768px) {
	.em-cta-final {
		padding: 3rem 1.5rem !important;
		margin: 0 1rem;
	}
}

/* === [BLOCK: landing-e-maestro] END === */
/* === [BLOCK: landing-pozycjosprawdzator] START === */
/* ===== POZYCJOSPRAWDZATOR — landing-only CSS ===== */
/* HERO — bez bg, tło jest na <section class="ps-bg-hero"> (Reguła #11) */
.ps-hero{padding:3rem 0 4rem;overflow:hidden}
section.ps-bg-hero{background:linear-gradient(135deg,rgba(124,58,237,.08) 0%,#fff 50%,rgba(16,185,129,.08) 100%)}
.ps-hero-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}
@media(min-width:900px){.ps-hero-grid{grid-template-columns:1fr 1fr;gap:3rem}}
.ps-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;padding:.4rem .85rem;border-radius:9999px;margin-bottom:1.2rem}
.ps-eyebrow-lab{background:rgba(16,185,129,.12);color:#047857}
.ps-pulse{width:.5rem;height:.5rem;border-radius:9999px;background:#10b981;animation:pspulse 2s infinite}
@keyframes pspulse{0%,100%{opacity:1}50%{opacity:.4}}
.ps-h1{font-family:var(--font-family-header);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0 0 1.2rem}
.ps-text-mark{color:#7c3aed}
.ps-text-lab{color:#047857}
.ps-text-warn{color:#b45309}
.ps-text-rose{color:#be123c}
.ps-text-muted{color:#94a3b8}
.ps-lead{font-size:clamp(1rem,1.5vw,1.2rem);color:#475569;line-height:1.6;max-width:550px;margin:0 0 1.8rem}
.ps-cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.8rem}
.ps-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s}
.ps-btn-mark{background:#6d28d9;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.ps-btn-mark:hover{background:#5b21b6;box-shadow:0 4px 12px rgba(124,58,237,.3)}
.ps-btn-ghost{background:#fff;color:#1e293b;border:1px solid #e2e8f0}
.ps-btn-ghost:hover{background:#f8fafc}
.ps-btn-ghost-dark{background:rgba(15,23,42,.4);color:#fff;border:1px solid rgba(255,255,255,.3)}
.ps-btn-ghost-dark:hover{background:rgba(15,23,42,.6)}
.ps-btn-light{background:#fff;color:#0f172a}
.ps-btn-big{font-size:1rem;padding:1rem 2rem}
.ps-checks{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.88rem;color:#64748b}
.ps-checks div{display:flex;align-items:center;gap:.4rem}
.ps-check{color:#10b981;font-weight:700}

.ps-mockup-wrap{position:relative}
.ps-mockup{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(124,58,237,.15);overflow:hidden;transform:rotate(1deg);transition:transform .5s;max-width:100%;box-sizing:border-box}
@media(max-width:768px){.ps-mockup{transform:none}}
.ps-mockup:hover{transform:rotate(0)}
.ps-browser-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.6rem 1rem;display:flex;align-items:center;gap:.4rem}
.ps-dot{width:.7rem;height:.7rem;border-radius:9999px}
.ps-dot-r{background:#fb7185}.ps-dot-y{background:#fbbf24}.ps-dot-g{background:#34d399}
.ps-url{margin-left:.7rem;font-family:'SF Mono',monospace;font-size:.7rem;color:#94a3b8}
.ps-mockup-body{padding:1.2rem}
.ps-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.2rem}
.ps-kpi{border:1px solid #e2e8f0;border-radius:.65rem;padding:.7rem}
.ps-kpi-label{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.ps-kpi-icon{width:1.6rem;height:1.6rem;border-radius:9999px;display:grid;place-items:center;font-size:.75rem}
.ps-bg-lab{background:rgba(16,185,129,.15)}
.ps-bg-mark{background:rgba(124,58,237,.15)}
.ps-bg-warn{background:rgba(245,158,11,.15)}
.ps-bg-rose{background:rgba(244,63,94,.15)}
.ps-bg-mark-soft{background:rgba(124,58,237,.1)}
.ps-bg-lab-soft{background:rgba(16,185,129,.1)}
.ps-bg-warn-soft{background:rgba(245,158,11,.1)}
.ps-kpi-num{font-family:var(--font-family-header);font-size:1.5rem;font-weight:700;margin-top:.2rem}
.ps-table-mini{display:flex;flex-direction:column;gap:.3rem}
.ps-tm-head{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;margin-bottom:.4rem}
.ps-meta{color:#94a3b8;font-size:.78rem}
.ps-mono{font-family:'SF Mono',monospace;color:#64748b;font-size:.7rem}
.ps-tm-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem .5rem;border-radius:.4rem;font-size:.85rem}
.ps-tm-row:hover{background:#f8fafc}
.ps-pos{font-family:'SF Mono',monospace;font-size:.72rem;font-weight:600;padding:.15rem .5rem;border-radius:9999px}
.ps-pos-good{background:rgba(16,185,129,.15);color:#047857}
.ps-pos-mid{background:rgba(245,158,11,.15);color:#b45309}
.ps-trend{font-size:.7rem;margin-left:.4rem}
.ps-up{color:#059669}
.ps-down{color:#e11d48}

.ps-trust{padding:1.5rem 0;background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.ps-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;text-align:center;max-width:1200px;margin:0 auto;padding:0 1rem}
@media(min-width:768px){.ps-trust-grid{grid-template-columns:repeat(4,1fr)}}
.ps-trust-num{font-family:var(--font-family-header);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}
.ps-trust-lbl{font-size:.85rem;color:#64748b;margin-top:.3rem;line-height:1.4}

.ps-section-roomy{max-width:1200px;margin:0 auto;padding:4rem 1rem;box-sizing:border-box;width:100%;min-width:0;overflow-x:hidden}
@media(max-width:768px){.ps-section-roomy{padding:3rem .75rem}}
.ps-section-head{text-align:center;max-width:780px;margin:0 auto 3rem}
.ps-section-head-tight{margin-bottom:1.5rem}
.ps-eyebrow-mark-text,.ps-eyebrow-lab-text,.ps-eyebrow-light{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.8rem}
.ps-eyebrow-mark-text{color:#6d28d9}
.ps-eyebrow-lab-text{color:#047857}
.ps-eyebrow-light{color:#a78bfa}
.ps-h2{font-family:var(--font-family-header);font-size:clamp(1.5rem,3.5vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0 0 1rem;word-break:break-word;hyphens:auto}
.ps-h2-light{font-family:var(--font-family-header);font-size:clamp(1.5rem,3.5vw,3rem);font-weight:700;line-height:1.15;color:#fff;margin:0 0 1rem;word-break:break-word;hyphens:auto}
.ps-h3{font-family:var(--font-family-header);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;margin:0 0 .8rem}
.ps-section-lead{font-size:clamp(1rem,1.3vw,1.1rem);color:#475569;line-height:1.6;margin:.5rem auto;max-width:680px}
.ps-section-lead-light{font-size:clamp(1rem,1.3vw,1.1rem);color:#cbd5e1;line-height:1.6;margin:.5rem auto;max-width:680px}
.ps-section-foot{text-align:center;font-size:.78rem;color:#94a3b8;max-width:600px;margin:1.5rem auto 0;line-height:1.5}
.ps-code-light{background:rgba(255,255,255,.1);padding:.15rem .4rem;border-radius:.3rem;font-family:'SF Mono',monospace;font-size:.85em;color:#c4b5fd}

.ps-features-grid{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-bottom:2.5rem;grid-auto-rows:1fr}
@media(min-width:768px){.ps-features-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.ps-features-grid{grid-template-columns:repeat(3,1fr)}}
.ps-feat-card{display:flex;flex-direction:column;height:100%}
.ps-feat-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;transition:all .2s}
.ps-feat-card:hover{box-shadow:0 10px 25px -5px rgba(0,0,0,.1);transform:translateY(-3px)}
.ps-feat-icon{width:3rem;height:3rem;border-radius:.75rem;display:grid;place-items:center;font-size:1.4rem;margin-bottom:1rem}
.ps-feat-card h3{font-family:var(--font-family-header);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}
.ps-feat-card p{font-size:.88rem;color:#475569;line-height:1.6;margin:0}

.ps-gamechanger{background:linear-gradient(135deg,#6d28d9 0%,#5b21b6 50%,#4c1d95 100%);color:#fff;border-radius:1.5rem;padding:2.5rem 2rem;box-shadow:0 25px 50px -12px rgba(76,29,149,.4);position:relative;overflow:hidden}
.ps-gc-emoji{font-size:5rem;float:left;margin-right:1.5rem;line-height:1}
@media(min-width:768px){.ps-gamechanger{padding:3rem}}
.ps-gc-badge{display:inline-block;background:#f59e0b;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .8rem;border-radius:9999px;margin-bottom:.8rem}
.ps-gc-h3{font-family:var(--font-family-header);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;line-height:1.2;margin:0 0 1rem}
.ps-gc-lead{color:#ddd6fe;font-size:1.05rem;line-height:1.6;margin:0 0 .8rem}
.ps-gc-lead strong{color:#fff}
.ps-gc-sub{color:#c4b5fd;font-size:.88rem;margin:0}

.ps-steps-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
@media(min-width:768px){.ps-steps-grid{grid-template-columns:repeat(4,1fr)}}
.ps-step{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;height:100%}
.ps-step-num{width:2.5rem;height:2.5rem;border-radius:9999px;background:#6d28d9;color:#fff;font-family:var(--font-family-header);font-weight:700;font-size:1.1rem;display:grid;place-items:center;margin-bottom:1rem}
.ps-step-num-final{background:#047857}
.ps-step h3{font-family:var(--font-family-header);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}
.ps-step p{font-size:.88rem;color:#475569;line-height:1.6;margin:0}

/* PODGLAD ciemny — bg jest na <section class="ps-bg-app"> (Reguła #11) */
.ps-preview-wrap{color:#fff;padding:4rem 1rem;box-sizing:border-box;overflow-x:hidden}
@media(max-width:768px){.ps-preview-wrap{padding:3rem .75rem}}
section.ps-bg-app{background:#0f172a;background-image:radial-gradient(circle at 20% 50%,rgba(124,58,237,.2) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.15) 0%,transparent 50%),linear-gradient(180deg,#0f172a 0%,#1e293b 100%);color:#fff;overflow-x:hidden}
section.ps-bg-app .ps-app-mockup,section.ps-bg-app .ps-app-body{max-width:100%;min-width:0;box-sizing:border-box}
section.ps-bg-app h1,section.ps-bg-app h2,section.ps-bg-app h3{color:#fff}
.ps-preview-wrap > .ps-section-head{margin:0 auto 2.5rem}
.ps-app-mockup{max-width:100%;width:100%;margin:0 auto;background:#fff;color:#0f172a;border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);box-sizing:border-box;min-width:0}
@media(min-width:1100px){.ps-app-mockup{max-width:1100px}}
.ps-app-body{padding:.75rem;box-sizing:border-box;min-width:0}
@media(min-width:768px){.ps-app-body{padding:2rem}}
.ps-browser-bar .ps-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.ps-app-head{margin-bottom:1.5rem}
.ps-breadcrumb{font-size:.75rem;color:#94a3b8;margin-bottom:.3rem}
.ps-app-title-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem}
.ps-app-title{font-family:var(--font-family-header);font-size:clamp(1.4rem,2vw,1.8rem);font-weight:700;margin:0}
.ps-app-sub{font-family:'SF Mono',monospace;font-size:.78rem;color:#64748b;margin:.2rem 0 0}
.ps-app-actions{display:flex;gap:.4rem;font-size:.75rem}
.ps-app-btn{background:#f1f5f9;padding:.4rem .7rem;border-radius:.5rem}
.ps-app-btn-mark{background:#6d28d9;color:#fff}
.ps-kpi-grid-6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-bottom:1.5rem;width:100%}
@media(min-width:768px){.ps-kpi-grid-6{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}}
.ps-kpi-grid-6 .ps-kpi{padding:.55rem;min-width:0}
.ps-kpi-grid-6 .ps-kpi-label{font-size:.6rem;gap:.3rem}
.ps-kpi-grid-6 .ps-kpi-icon{width:1.3rem;height:1.3rem;font-size:.65rem}
.ps-table-cap{font-size:.72rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.5rem}
.ps-table-app{border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden}
.ps-tap-head,.ps-tap-row{display:grid;grid-template-columns:2fr 1.5fr .8fr .8fr .8fr .8fr;gap:.5rem;padding:.6rem .8rem;align-items:center;font-size:.82rem;min-width:0}
.ps-tap-head{background:#f8fafc;font-size:.65rem;text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-weight:600}
.ps-tap-row{border-top:1px solid #f1f5f9}
.ps-tap-row:hover{background:#fafbfc}
.ps-tap-row > *,.ps-tap-head > *{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:768px){.ps-tap-head{display:none}.ps-tap-row{grid-template-columns:1fr auto;font-size:.8rem;padding:.6rem;min-width:0}.ps-tap-row > :nth-child(n+2):not(:last-child){display:none}.ps-tap-row > :first-child{white-space:normal;min-width:0;overflow:hidden;text-overflow:ellipsis}}
.ps-table-foot{text-align:center;font-size:.78rem;color:#94a3b8;margin-top:.8rem}
.ps-mockup-footnote{text-align:center;font-size:.78rem;color:#94a3b8;max-width:600px;margin:1.5rem auto 0}

.ps-audience-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
@media(min-width:768px){.ps-audience-grid{grid-template-columns:repeat(3,1fr)}}
.ps-aud-card{border-radius:1rem;padding:1.5rem 2rem;color:#fff}
.ps-aud-mark{background:linear-gradient(135deg,#6d28d9 0%,#5b21b6 100%)}
.ps-aud-lab{background:linear-gradient(135deg,#059669 0%,#047857 100%)}
.ps-aud-dark{background:linear-gradient(135deg,#334155 0%,#1e293b 100%)}
.ps-aud-emoji{font-size:2.5rem;margin-bottom:.8rem}
.ps-aud-card h3{font-family:var(--font-family-header);font-size:1.4rem;font-weight:700;margin:0 0 .5rem;color:#fff}
.ps-aud-card p{font-size:.92rem;line-height:1.6;margin:0;color:rgba(255,255,255,.9)}

.ps-testimonials-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
@media(min-width:768px){.ps-testimonials-grid{grid-template-columns:repeat(3,1fr)}}
.ps-testimonial{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;margin:0;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ps-stars{color:#f59e0b;font-size:1.1rem;letter-spacing:.1em;margin-bottom:.8rem}
.ps-testimonial blockquote{flex:1;color:#334155;font-size:.92rem;line-height:1.6;margin:0;font-style:normal;quotes:none}
.ps-testimonial figcaption{display:flex;align-items:center;gap:.8rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid #f1f5f9;font-size:.85rem}
.ps-avatar{width:3rem;height:3rem;border-radius:9999px;display:grid;place-items:center;color:#fff;font-family:var(--font-family-header);font-weight:700;font-size:1rem}
.ps-avatar-mark{background:linear-gradient(135deg,#7c3aed,#5b21b6)}
.ps-avatar-lab{background:linear-gradient(135deg,#10b981,#047857)}
.ps-avatar-warn{background:linear-gradient(135deg,#f59e0b,#e11d48)}

.ps-cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:1rem;border:1px solid #e2e8f0;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);max-width:100%;width:100%;margin:0 auto;box-sizing:border-box}
@media(min-width:1024px){.ps-cmp-wrap{max-width:1000px}}
.ps-cmp{width:100%;min-width:520px;border-collapse:collapse;font-size:.9rem}
@media(max-width:768px){.ps-cmp{font-size:.7rem;min-width:0}.ps-cmp th,.ps-cmp td{padding:.4rem .25rem !important;word-break:break-word}.ps-cmp th{font-size:.65rem}}
.ps-cmp thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}
.ps-cmp th{padding:1rem;font-weight:600;color:#475569;text-align:center}
.ps-cmp th:first-child{text-align:left}
.ps-cmp td{padding:.75rem 1rem;border-top:1px solid #f1f5f9;text-align:center}
.ps-cmp td:first-child{text-align:left;font-weight:500}
.ps-yes{color:#059669;font-size:1.2rem;font-weight:700}
.ps-no{color:#e11d48;font-size:1.2rem;font-weight:700}
.ps-warn-text{color:#b45309;font-size:.78rem}

.ps-credits-row{display:grid;grid-template-columns:1fr;gap:.8rem;max-width:900px;margin:0 auto 2rem}
@media(min-width:768px){.ps-credits-row{grid-template-columns:repeat(3,1fr)}}
.ps-credit-card{background:#fff;border:2px solid;border-radius:1rem;padding:1.2rem;text-align:center}
.ps-credit-mark{border-color:#c4b5fd}
.ps-credit-lab{border-color:#a7f3d0}
.ps-credit-warn{border-color:#fde68a}
.ps-credit-emoji{font-size:1.8rem;margin-bottom:.4rem}
.ps-credit-name{font-family:var(--font-family-header);font-weight:600;font-size:1.05rem}
.ps-credit-cost{font-family:var(--font-family-header);font-size:1.6rem;font-weight:700;margin-top:.5rem}
.ps-credit-desc{font-size:.78rem;color:#64748b;margin-top:.5rem;line-height:1.4}

.ps-pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 25px 50px -12px rgba(124,58,237,.08);max-width:1000px;margin:0 auto 2rem;padding:2rem}
@media(min-width:768px){.ps-pricing-card{padding:3rem}}
.ps-pakiety{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:600px){.ps-pakiety{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.ps-pakiety{grid-template-columns:repeat(4,1fr)}}
.ps-pakiet{background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;padding:1.2rem;text-align:center;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:all .2s;position:relative}
.ps-pakiet:hover{border-color:#c4b5fd;box-shadow:0 10px 25px -5px rgba(0,0,0,.1)}
.ps-pakiet-popular{border:2px solid #c4b5fd;background:rgba(124,58,237,.03)}
.ps-pakiet-badge{position:absolute;top:-.7rem;left:50%;transform:translateX(-50%);background:#f59e0b;color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}
.ps-pakiet-name{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}
.ps-pakiet-credits{font-family:var(--font-family-header);font-size:1.3rem;font-weight:700;margin-top:.3rem}
.ps-pakiet-price{font-family:var(--font-family-header);font-size:1.8rem;font-weight:700;margin-top:.7rem}
.ps-pakiet-disc{font-size:.78rem;font-weight:600;margin-top:.2rem}
.ps-pakiet-hint{font-size:.7rem;color:#94a3b8;margin-top:.4rem}
.ps-pakiet-cta{margin-top:.8rem;font-size:.78rem;font-weight:600;color:#6d28d9}
.ps-pricing-info{display:grid;grid-template-columns:1fr;gap:.8rem;margin-top:1.5rem;font-size:.88rem}
@media(min-width:768px){.ps-pricing-info{grid-template-columns:repeat(2,1fr)}}
.ps-info-card{border-radius:.75rem;padding:1rem 1.2rem;border:1px solid}
.ps-info-lab{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.2)}
.ps-info-mark{background:rgba(124,58,237,.05);border-color:rgba(124,58,237,.2)}
.ps-info-h{font-weight:600;margin-bottom:.3rem}
.ps-info-lab .ps-info-h{color:#047857}
.ps-info-mark .ps-info-h{color:#6d28d9}
.ps-info-card p{font-size:.78rem;color:#475569;line-height:1.6;margin:0}
.ps-pricing-bottom{text-align:center;margin-top:2rem}
.ps-pricing-bottom .ps-meta{margin-top:.8rem;display:block;font-size:.75rem}

.ps-abonament{max-width:1000px;margin:0 auto 1.5rem}
.ps-abonament > div{background:linear-gradient(135deg,#6d28d9 0%,#5b21b6 50%,#4c1d95 100%);color:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px rgba(76,29,149,.4)}
@media(min-width:768px){.ps-abonament > div{padding:3rem}}
.ps-abon-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:center}
@media(min-width:768px){.ps-abon-grid{grid-template-columns:1fr auto}}
.ps-abon-badge{display:inline-block;background:#f59e0b;color:#fff;font-size:.65rem;font-weight:700;padding:.25rem .7rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.7rem}
.ps-abon-h3{font-family:var(--font-family-header);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;line-height:1.2;margin:0 0 1rem;color:#fff}
.ps-abon-yellow{color:#fcd34d}
.ps-abon-h3 u{text-decoration-color:#f59e0b;text-decoration-thickness:3px;text-underline-offset:.25em}
.ps-abon-lead{color:#ddd6fe;font-size:1rem;line-height:1.6;margin:0 0 1rem;max-width:600px}
.ps-abon-checks{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;font-size:.85rem;color:#ddd6fe}
.ps-abon-checks div{display:flex;align-items:center;gap:.4rem}
.ps-abon-cta{display:flex;flex-direction:column;gap:.7rem}
.ps-abon-call{background:#f59e0b;color:#fff;padding:1rem 1.5rem;border-radius:.75rem;text-decoration:none;font-weight:700;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.1rem;box-shadow:0 4px 12px rgba(245,158,11,.3)}
.ps-abon-call-lbl{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;opacity:.85}
.ps-abon-call-num{font-size:1.2rem}
.ps-abon-mail{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3);padding:.7rem 1.2rem;border-radius:.75rem;text-decoration:none;font-weight:600;font-size:.85rem;text-align:center}

.ps-whitelabel{max-width:1000px;margin:0 auto 1rem}
.ps-whitelabel > div{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);color:#fff;border-radius:1.5rem;padding:1.5rem 2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.3)}
.ps-wl-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:center}
@media(min-width:768px){.ps-wl-grid{grid-template-columns:auto 1fr auto}}
.ps-wl-emoji{font-size:3rem}
.ps-wl-eyebrow{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fcd34d;margin-bottom:.3rem}
.ps-wl-h3{font-family:var(--font-family-header);font-size:1.3rem;font-weight:700;margin:0 0 .5rem;color:#fff}
.ps-whitelabel p{font-size:.88rem;color:#cbd5e1;line-height:1.6;margin:0}

.ps-faq-wrap{max-width:850px}
.ps-faq-wrap .faq{display:flex;flex-direction:column;gap:.7rem}
.ps-faq-wrap .faq .f{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.2rem 1.4rem}
.ps-faq-wrap .faq .f h3{font-family:var(--font-family-text);font-size:1rem;font-weight:600;color:#1e293b;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin:0;line-height:1.5}
.ps-faq-wrap .faq .f h3 .faq_arrow{color:#6d28d9;font-size:1.2rem;font-weight:400;flex-shrink:0;transition:transform .2s}
.ps-faq-wrap .faq .f h3 .faq_arrow[data-status="1"]{transform:rotate(45deg)}
.ps-faq-wrap .faq .f .t{display:none;font-size:.92rem;color:#475569;line-height:1.65;margin-top:.8rem}
.ps-faq-wrap .faq .f .t.open{display:block}

/* CTA final — bg na <section class="ps-bg-cta"> (Reguła #11) */
.ps-cta-final{color:#fff;padding:4rem 1rem;position:relative;overflow:hidden}
@media(max-width:768px){.ps-cta-final{padding:3rem 1rem}}
section.ps-bg-cta{background:linear-gradient(135deg,#6d28d9 0%,#5b21b6 50%,#4c1d95 100%);color:#fff;position:relative;overflow:hidden}
section.ps-bg-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(16,185,129,.4) 0%,transparent 40%);opacity:.2;pointer-events:none}
.ps-cta-final::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(16,185,129,.4) 0%,transparent 40%);opacity:.2}
.ps-cta-inner{max-width:850px;margin:0 auto;text-align:center;position:relative}
.ps-cta-lead{color:#ddd6fe;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.6;margin:1.2rem auto 2rem;max-width:600px}
.ps-cta-form{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);color:#0f172a;border-radius:1rem;padding:1.5rem 2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.3);max-width:650px;margin:0 auto;text-align:left}
.ps-cta-form input,.ps-cta-form textarea,.ps-cta-form select{background:#fff !important;border:1px solid #cbd5e1 !important;color:#0f172a !important}
.ps-cta-form button[type="submit"]{background:#6d28d9 !important;color:#fff !important;border:none}
.ps-cta-buttons{margin-top:2rem;display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
.ps-cta-foot{margin-top:1.5rem;color:#c4b5fd;font-size:.88rem;padding:0 .5rem;line-height:1.7}
.ps-cta-foot a{color:#fff;text-decoration:underline;font-weight:600;white-space:nowrap}
/* === [BLOCK: landing-pozycjosprawdzator] END === */
/* === [BLOCK: landing-workpatrol] START === */
/* ===== workpatrol.pl — landing-only CSS, palette granat + czerwony sztos B2B ===== */

/* Override --mark per-klient (body scope, NIE :root - Reguła #1):
   --mark zmienia kolor klocków używających tej zmiennej:
   pricing-card.featured border, step-number background, feature-card hover etc. */
body.wp-landing {
	--mark: #DC2626;
	--mark-dark: #B91C1C;
	--mark-light: rgba(220,38,38,.1);
}

/* ===== Hero (ciemne tło granat + radial glows + czerwone akcenty) ===== */
.wp-hero-bg-dark {
	background:
		radial-gradient(900px 500px at 12% 10%, rgba(220,38,38,.08), transparent 60%),
		radial-gradient(700px 400px at 90% 0%, rgba(220,38,38,.12), transparent 65%),
		linear-gradient(180deg, #0A0F1F 0%, #0F172A 100%) !important;
	color: #F1F5F9 !important;
}
.wp-hero-bg-dark h1,
.wp-hero-bg-dark h2,
.wp-hero-bg-dark h3,
.wp-hero-bg-dark h4 { color: #F1F5F9; }
.wp-hero-bg-dark p,
.wp-hero-bg-dark li { color: #CBD5E1; }
.wp-hero-bg-dark em { color: #DC2626; font-style: normal; font-weight: 700; }
.wp-hero-bg-dark strong { color: #fff; }

.wp-hero-bg-dark .eyebrow {
	display: inline-block;
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #FCA5A5;
	margin-bottom: 1.5rem;
	padding: .4rem .9rem;
	background: rgba(220,38,38,.15);
	border: 1px solid rgba(220,38,38,.4);
	border-radius: 999px;
}

.wp-hero-bg-dark h1 {
	font-size: clamp(2rem, 4.8vw, 3.8rem) !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	letter-spacing: -.02em;
	margin: 0 0 1.5rem !important;
}

.wp-hero-bg-dark .hero-subtitle {
	font-size: clamp(1rem, 1.4vw, 1.2rem) !important;
	line-height: 1.6 !important;
	color: #94A3B8 !important;
	max-width: 62ch;
	margin: 0 0 2rem !important;
}

/* CTA workpatrol — primary (czerwony) + outline (ghost) */
.wp-cta-row {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}
.wp-btn-primary,
a.wp-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: #DC2626;
	color: #fff !important;
	border: 0;
	padding: 1rem 1.8rem;
	border-radius: 12px;
	font-weight: 700;
	font-size: 1rem;
	text-decoration: none !important;
	transition: background .2s, transform .15s, box-shadow .2s;
	box-shadow: 0 8px 28px -8px rgba(220,38,38,.6);
}
.wp-btn-primary:hover {
	background: #B91C1C;
	transform: translateY(-1px);
	box-shadow: 0 12px 36px -8px rgba(220,38,38,.7);
}
.wp-btn-ghost,
a.wp-btn-ghost {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: transparent;
	color: #F1F5F9 !important;
	border: 1px solid rgba(255,255,255,.25);
	padding: 1rem 1.8rem;
	border-radius: 12px;
	font-weight: 600;
	font-size: 1rem;
	text-decoration: none !important;
	transition: background .2s, border-color .2s, transform .15s;
}
.wp-btn-ghost:hover {
	background: rgba(255,255,255,.05);
	border-color: rgba(255,255,255,.4);
	transform: translateY(-1px);
}
.wp-btn-tertiary,
a.wp-btn-tertiary {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	color: #FCA5A5 !important;
	text-decoration: none !important;
	font-size: .92rem;
	font-weight: 500;
	border-bottom: 1px dashed rgba(252,165,165,.4);
	padding-bottom: 2px;
	transition: color .2s, border-color .2s;
}
.wp-btn-tertiary:hover {
	color: #fff !important;
	border-bottom-color: #fff;
}

.wp-gratis-badge {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin-top: 1.5rem;
	padding: .65rem 1rem;
	background: rgba(16,185,129,.12);
	border: 1px solid rgba(16,185,129,.3);
	border-radius: 8px;
	color: #6EE7B7;
	font-size: .88rem;
	font-weight: 500;
}
.wp-gratis-badge .material-symbols-outlined {
	color: #10B981;
	font-size: 18px;
}

.wp-hero-social {
	font-size: .85rem;
	color: #64748B !important;
	margin-top: 2rem !important;
}

/* ===== Bridge line (między dwiema sub-sekcjami features) ===== */
.wp-bridge {
	text-align: center;
	max-width: 800px;
	margin: 3rem auto 0;
	padding: 1.75rem 2.5rem;
	background: rgba(220,38,38,.06);
	border-top: 3px solid #DC2626;
	border-bottom: 3px solid #DC2626;
	border-radius: 4px;
	font-size: 1.1rem !important;
	line-height: 1.55;
	color: #334155 !important;
	font-weight: 500;
}
.wp-bridge strong { color: #0F172A; }

/* ===== Sub-sekcje "Co dostajesz" - eyebrow grup zielony/czerwony ===== */
.wp-features-eyebrow {
	display: inline-block;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	padding: .35rem .8rem;
	border-radius: 999px;
	margin-bottom: 1rem;
}
.wp-features-eyebrow.green {
	background: rgba(16,185,129,.12);
	color: #047857;
}
.wp-features-eyebrow.red {
	background: rgba(220,38,38,.1);
	color: #B91C1C;
}
.wp-features-eyebrow .material-symbols-outlined {
	font-size: 14px;
	vertical-align: middle;
	margin-right: .25rem;
}

/* ===== Sytuacje "Brzmi znajomo?" (sekcja problem) ===== */
.wp-situations {
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.wp-situation-item {
	display: flex;
	gap: 1rem;
	padding: 1.25rem 1.5rem;
	background: #fff;
	border: 1px solid #E5E9F2;
	border-radius: 12px;
	border-left: 4px solid #DC2626;
	font-size: 1.05rem !important;
	color: #1E293B !important;
	line-height: 1.55 !important;
	font-style: italic;
}
.wp-situation-item .material-symbols-outlined {
	font-size: 24px;
	color: #DC2626;
	flex-shrink: 0;
	margin-top: .15rem;
}

.wp-hook-line {
	text-align: center;
	font-size: 1.15rem !important;
	font-weight: 600 !important;
	color: #0F172A !important;
	margin: 2rem auto 0 !important;
	max-width: 700px;
}
.wp-hook-line strong { color: #DC2626; }

/* ===== Deep features (4 z screenami, grid 2x2) ===== */
.wp-deep-features {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	max-width: 1100px;
	margin: 0 auto;
}
.wp-deep-card {
	background: #fff;
	border: 1px solid #E5E9F2;
	border-radius: 16px;
	padding: 2rem !important;
	transition: transform .2s, box-shadow .2s;
}
.wp-deep-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 60px -20px rgba(15,23,42,.18);
}
.wp-deep-card .wp-deep-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: rgba(220,38,38,.1);
	color: #DC2626;
	margin-bottom: 1.25rem;
}
.wp-deep-card .wp-deep-icon .material-symbols-outlined {
	font-size: 30px;
}
.wp-deep-card h3 {
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	color: #0F172A;
	margin: 0 0 .75rem !important;
	line-height: 1.3;
}
.wp-deep-card p {
	font-size: .95rem !important;
	color: #475569 !important;
	line-height: 1.6 !important;
	margin: 0 0 1.25rem !important;
}
.wp-deep-card .wp-deep-screen {
	display: block;
	width: 100%;
	height: auto;
	max-height: 360px;
	object-fit: cover;
	object-position: top center;
	border-radius: 8px;
	border: 1px solid #E5E9F2;
	cursor: pointer;
	transition: transform .2s;
}
.wp-deep-card .wp-deep-screen:hover {
	transform: scale(1.02);
}

/* ===== Sekcja Legalność (krótka, uspokajająca) ===== */
.wp-legal-grid {
	max-width: 850px;
	margin: 0 auto;
	display: grid;
	gap: 1rem;
}
.wp-legal-item {
	display: flex;
	gap: 1rem;
	padding: 1rem 1.25rem;
	background: #fff;
	border-radius: 8px;
	border-left: 3px solid #10B981;
}
.wp-legal-item .material-symbols-outlined {
	color: #10B981;
	font-size: 24px;
	flex-shrink: 0;
}
.wp-legal-item strong {
	color: #0F172A;
	font-weight: 700;
}
.wp-legal-item p {
	margin: 0 !important;
	font-size: .95rem !important;
	color: #334155 !important;
	line-height: 1.5 !important;
}

/* ===== Demo teaser ===== */
.wp-demo-teaser-img {
	display: block;
	width: 100%;
	max-width: 1100px;
	height: auto;
	margin: 0 auto;
	border-radius: 16px;
	box-shadow: 0 32px 80px -24px rgba(15,23,42,.25);
	border: 1px solid #E5E9F2;
	cursor: pointer;
	transition: transform .25s;
}
.wp-demo-teaser-img:hover {
	transform: translateY(-4px);
}

/* ===== Final CTA strip ===== */
.wp-cta-final {
	background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
	color: #fff;
	padding: 4rem 2rem !important;
	border-radius: 20px;
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
	box-shadow: 0 32px 80px -32px rgba(15,23,42,.5);
	position: relative;
	overflow: hidden;
}
.wp-cta-final::before {
	content: "";
	position: absolute;
	top: -50%;
	right: -10%;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(220,38,38,.2) 0%, transparent 70%);
	pointer-events: none;
}
.wp-cta-final .eyebrow {
	color: #FCA5A5 !important;
	margin-bottom: 1rem;
	position: relative;
}
.wp-cta-final h2 {
	color: #fff !important;
	font-size: clamp(1.8rem, 3.5vw, 2.5rem) !important;
	margin: 0 0 1.5rem !important;
	position: relative;
}
.wp-cta-final .wp-cta-row {
	justify-content: center;
	margin-bottom: 1.5rem;
	position: relative;
}
.wp-cta-final .wp-cta-meta {
	color: rgba(255,255,255,.6) !important;
	font-size: .9rem !important;
	margin: 0 !important;
	position: relative;
}

@media (max-width: 768px) {
	.wp-deep-features { grid-template-columns: 1fr; }
	.wp-cta-row .wp-btn-primary,
	.wp-cta-row .wp-btn-ghost { width: 100%; justify-content: center; }
	.wp-cta-final { padding: 3rem 1.5rem !important; margin: 0 1rem; }
}

/* === [BLOCK: landing-workpatrol] END === */
/* === [BLOCK: section-margins-reset-bridge] START === */
/* Lejdis-bhp - reset duzych marginow theme/AOS, spojny rytm 2rem/3rem */
/* !important bo Bridge daje marginy inline w style="margin:..." (np. AOS dorzuca 6rem) */
html body section.container.aos-init { margin-top: 0 !important; margin-bottom: 0 !important; }
html body section.container.mw900px { margin-top: 0 !important; margin-bottom: 0 !important; }
html body section.container.layout-2:has(.testimonials),
html body section.container:has(> .section-content .testimonials) {
  margin-top: 2rem !important; margin-bottom: 2rem !important;
}
/* === [BLOCK: section-margins-reset-bridge] END === */
/* === [BLOCK: section-paddings-bridge] START === */
/* Lejdis-bhp - spojne paddingi sekcji (Bridge nie daje paddingu pionowego) */
html body section.container { padding-top: 2rem; padding-bottom: 2rem; }
html body section.container.bg-grey-lighter,
html body section.container.bg-mark-light {
  padding-top: 3rem; padding-bottom: 3rem;
}
/* Reset marginow pierwszego/ostatniego elementu w section-content */
section.container > .section-content > div > *:first-child { margin-top: 0; }
section.container > .section-content > div > *:last-child { margin-bottom: 0; }
section.container > .section-content > *:first-child { margin-top: 0; }
section.container > .section-content > *:last-child { margin-bottom: 0; }
@media (max-width: 768px) {
  html body section.container { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  html body section.container.bg-grey-lighter,
  html body section.container.bg-mark-light {
    padding-top: 2rem; padding-bottom: 2rem;
  }
}
/* === [BLOCK: section-paddings-bridge] END === */
/* === [BLOCK: steps-v1-bridge] START === */
/* Lejdis-bhp - kroki/etapy procesu (uzywane np. w "Jak wyglada wspolpraca") */
section.container.steps-v1 > .section-content { position: relative; align-items: flex-start; }
section.container.steps-v1 > .section-content > div {
  position: relative; text-align: center; padding: 0 0.5rem;
}
/* Kolko z numerem - biale na niebieskim tle bg-mark-light */
section.container.steps-v1 > .section-content > div > div:first-child {
  width: 60px; height: 60px; border-radius: 50%;
  background: var(--white);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 1.25rem auto;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--black) 12%, transparent);
  position: relative; z-index: 2;
}
section.container.steps-v1 > .section-content > div > div:first-child span {
  font-size: 1.5rem !important; color: var(--mark); font-weight: 700; line-height: 1;
}
/* Linia laczaca kroki - pozioma na desktop */
section.container.steps-v1 > .section-content > div::before {
  content: ""; position: absolute; top: 30px;
  left: -50%; right: 50%; height: 3px;
  background: color-mix(in srgb, var(--white) 50%, transparent); z-index: 1;
}
section.container.steps-v1 > .section-content > div:first-of-type::before { display: none; }
section.container.steps-v1 > .section-content > div p { color: var(--white); margin: 0.25rem 0; line-height: 1.5; }
section.container.steps-v1 > .section-content > div p strong {
  display: block; font-size: 1rem; margin-bottom: 0.5rem; color: var(--white);
}
/* Mobile: pionowy uklad */
@media (max-width: 768px) {
  section.container.steps-v1 > .section-content > div { margin-bottom: 1.5rem; }
  section.container.steps-v1 > .section-content > div::before {
    top: -1.25rem; left: 50%; right: auto;
    width: 3px; height: 1.25rem; transform: translateX(-50%);
  }
}
/* === [BLOCK: steps-v1-bridge] END === */


/* _style_101_pagespeed.css */
/* ===========================================================================
   PSI 2026-08-10 — nastepstwa usuniecia FontAwesome (m-ksiegowa.pl).

   FontAwesome wazil 183 KB (110 KB czcionka + 72 KB arkusz), a strona uzywala
   z niego DWOCH ikon: telefonu (przycisk pplywajacy) i krzyzyka (zamkniecie popupu).
   Obie maja odpowiedniki w Material Symbols, ktory strona i tak laduje — wiec
   w footer_phone.php podmieniono same KLASY, zostawiajac tag <i>. Dzieki temu
   istniejace reguly .phone-me a i (tlo, kolor, okragly ksztalt, rozmiar 2em)
   dzialaja dalej bez zmian.

   Zostala jedna luka: pulsowanie przycisku dawala klasa `fa-beat` z FontAwesome,
   a arkusz strony ustawia wylacznie PARAMETRY tej animacji
   (.phone-me a i.animation → duration/iteration/delay) bez wlasnej klatki.
   Bez ponizszego @keyframes przycisk przestalby pulsowac.

   Plik celowo nazwany _style_101_*: glob w header.php laduje _style_*.css po natsort,
   wiec wchodzi ZARAZ ZA _style_100_custom.css (blok marki generowany przez
   _zastosuj_marke.py) — nie trzeba edytowac tamtego pliku, ktory jest nadpisywany
   przy kazdej regeneracji marki.
   =========================================================================== */

@keyframes dnt-beat {
	0%, 90%, 100% { transform: scale(1); }
	45%           { transform: scale(1.2); }
}
.phone-me a i.animation { animation-name: dnt-beat; }

/* krzyzyk zamkniecia: Material Symbols wnosi wlasne font-size:24px, a wczesniej
   ikona FA dziedziczyla 17px z <a>. 1em przywraca poprzedni rozmiar. */
section.phone_me_popup div.phone_me_wrapper div.close a i.material-symbols-outlined {
	font-size: 1em;
	vertical-align: middle;
}

/* ---------------------------------------------------------------------------
   CLS: rezerwacja miejsca na zdjecia artykulow.
   Kafle listy (.article_container) rosly dopiero po pobraniu zdjecia, bo <img>
   nie ma atrybutow width/height ani proporcji w CSS — Google liczyl to jako
   przesuniecie ukladu 0,29 z 0,36 na /blog/ (przy progu 0,1).
   Wszystkie zdjecia bloga sa 1280x720, wiec stala proporcja 16/9 jest bezpieczna:
   wizualnie nic sie nie zmienia (element i tak konczyl w tych proporcjach),
   ale przegladarka zna docelowa wysokosc PRZED pobraniem pliku.
   Uwaga: regula musi trafic do krytycznego CSS — selektor .article_photo
   miesci sie w whiteliscie ($dnt_critical_sel_re w header.php). --------------- */
.article_photo { aspect-ratio: 16 / 9; }
.article_photo img { width: 100%; height: 100%; display: block; object-fit: cover; }

/* _style_szkolenia.css */
@media all {

    .pagination.szkolenia {justify-content: center;gap:1.4rem;}
    .pagination.szkolenia a {border-top:solid 1px var(--grey-light);padding-top:.5rem;}

    form.szkolenia_testy {width:100%;display: flex;flex-flow: column;gap:2rem;}
    form.szkolenia_testy .pytanie {border:solid 1px var(--grey-lighter);padding:1rem;gap: 1rem;display: flex;flex-direction: column;}
    form.szkolenia_testy .pytanie:nth-child(even) {background:var(--grey-lighter);}
    form.szkolenia_testy .pytanie .number {font-size: 0.9rem;font-weight: var(--font-family-text-normal);}
    form.szkolenia_testy .pytanie .name {font-size: 1.1rem;font-weight: var(--font-family-text-bold);}
    form.szkolenia_testy .pytanie .text {}
    form.szkolenia_testy .pytanie .text p:last-child {margin-bottom:0;}
    form.szkolenia_testy .pytanie .odp {width:100%;display: flex;flex-flow: column;gap: 0.5rem;}
    form.szkolenia_testy .pytanie .odp .o {width:100%;display: flex;flex-flow: row nowrap;gap:1rem;align-items: center;padding:.5rem;transition:.4s all;}
    form.szkolenia_testy .pytanie .odp .o:hover {background:var(--grey-lighter);}
    form.szkolenia_testy .pytanie:nth-child(even) .odp .o:hover {background:var(--white);}
    form.szkolenia_testy .pytanie .odp .o .radio {}
    form.szkolenia_testy .pytanie .odp .o .v {flex-grow:1;}
    form.szkolenia_testy .pytanie .odp .o .v label {display: flex;}

    table.szkolenia_list {width: 100%;}
    table.szkolenia_list tr td {border:solid 1px var(--grey-light);padding:.5rem .5rem;vertical-align: middle;text-align: center;transition:.4s all;}
    table.szkolenia_list tr td a.button {padding: 0.3rem 1.5rem;}
    table.szkolenia_list tr:first-child td {font-size:.9rem;font-weight: bold;}
    table.szkolenia_list tr:not(:first-child) td {font-size:.9rem;}
    table.szkolenia_list tr:not(:first-child):hover td {background:var(--grey-lighter);}
    table.szkolenia_list input[type=checkbox]{float:none;margin:auto;}

}
@media (max-width: 265px) {

}
/* _style_table.css */
@media all {
table.table_main h1:first-child, table.table_main h2:first-child, table.table_main h3:first-child, table.table_main h4:first-child, table.table_main h5:first-child, table.table_main h6:first-child { margin-top:0;padding-top:0;}

.table_main{width:100%;max-width:1400px;margin:0px auto;	overflow:hidden;}
.table_main.tdsticky{overflow:unset;}
.table_main tr{display:flex;flex-direction:row;margin:3em 0;gap:2em;}
.table_main.tr0 tr{margin:0em 0;}
.table_main.tr05 tr{margin:0.5rem 0;}
.table_main.tr1 tr{margin:1rem 0;}
.table_main tr td{ width:50%;display:flex;text-align:left;flex-direction:column;}
.table_main tr td details{width:100%;}
.table_main tr td h1{text-align: left;}
.table_main tr td p img{max-width:100%;display: inline-block !important;}
.table_main tr td img{max-width:100%;}
.table_main tr td img{max-width:100%;display: inline-block !important;}

.table_main.rev tr {flex-direction:row-reverse;}


.table_main.border-first tr td:first-child{position:relative;left:0;top:0;padding-left:2em;}
.table_main.border-first tr td:last-child{padding-left:2em;}
.table_main.border-first tr td:first-child::after{content:"";display:block;border-top:4px solid var(--mark);border-left:4px solid var(--mark);/*border-right:4px solid var(--mark);*/position:absolute;left:0em;right:-2em;top:-1.5em;bottom:2em;z-index:-10;}
.table_main.border-first tr td:first-child::before{content:"";display:block;border-bottom:4px solid var(--mark);position:absolute;left:0em;right:22em;top:-1em;bottom:-1em;z-index:-10;}
.table_main.border-first.rev tr td:last-child{padding-left: 0em;padding-right: 3em;}

.table_main.border-last tr td:last-child{position:relative;left:0;top:0;padding-right:2em;}
.table_main.border-last tr td:first-child{padding-right:3em;}
.table_main.border-last tr td:last-child::after{content:"";display:block;border-top:4px solid var(--mark);border-left:0px solid var(--mark);border-right:4px solid var(--mark);position:absolute;left:-3em;right:0em;top:-1.5em;bottom:-1em;z-index:-10;}
.table_main.border-last tr td:last-child::before{content:"";display:block;border-bottom:4px solid var(--mark);position:absolute;left:1em;right:-2em;top:-1em;bottom:-1em;z-index:-10;}
.table_main.border-last.rev tr td:last-child::after{left:-2em;}
.table_main.border-last.rev tr td:last-child::before{right:2em;left:-2em;}



.table_main.shadow tr td {box-shadow: 0px 0px 15px var(--grey-lighter);padding: 1em;}
.table_main.x1 tr td {width: 100%;}
.table_main.x1.small {max-width:650px;}
.table_main.x3 tr td {width: calc(100%/3);}
.table_main.x4 tr td {width: calc(100%/4);}
.table_main.x5 tr td {width: calc(100%/5);}
.table_main.w30-70 > tbody > tr > td:first-child{ width:30%;}
.table_main.w30-70 > tbody > tr > td:last-child{ width:70%;}
.table_main.w70-30 > tbody > tr > td:first-child{ width:70%;}
.table_main.w70-30 > tbody > tr > td:last-child{ width:30%;}
.table_main.center tr td{justify-content: center;}
.table_main.center-x tr td{margin-left:auto;margin-right:auto;text-align: center;display: flex;align-items: center;}
.table_main.image-text {margin:0 0 3em 0;padding:0;position: relative;}
.table_main.image-text tr {margin:0;}
.table_main.image-text tr:first-child {}
.table_main.image-text tr:first-child td {padding: 0;}
.table_main.image-text tr:first-child td img {display: flex !important;}
.table_main.image-text tr:last-child{position:absolute;top:0;bottom:0;left:0;right:0;padding:2em 2em;width:calc(100% - 4em);background:rgb(0 0 0 / 64%);transition:.4s all;}
.table_main.image-text:hover tr:last-child{background:rgb(0 0 0 / 80%);}
.table_main.image-text tr:last-child * {color:var(--white);}
.table_main.image-text tr:last-child > td > div > a {position:absolute;top:0;bottom:0;left:0;right:0;padding:2em 2em;width:calc(100% - 4em);}
.table_main.image-text.center tr:last-child > td > div > a {display: flex;justify-content: center;align-items: center;}
.table_main.image-text.center-x tr:last-child > td > div > a {display: flex;align-items: center;text-align: center;}
.table_main.image-text tr td {width: 100%;}

.table_main.price-list {}
.table_main.price-list .table_main.price-list-details {margin:1em 0;}
.table_main.price-list .table_main.price-list-details tr {margin:0;gap:0;padding:0 .3em;}
.table_main.price-list .table_main.price-list-details tr td{font-size:.9em;line-height:1.1em;padding:0.4em .2em;}
.table_main.price-list .table_main.price-list-details tr:nth-child(odd){background:var(--white);}
.table_main.price-list .table_main.price-list-details tr:nth-child(even){background:var(--grey-lighter);}
table.cennik {width:100%!important;height:auto!important;border-collapse:collapse;margin: 40px 0 0 0;}
table.cennik tr {height:auto!important;width:100%!important;}
table.cennik tr td {padding: 5px 15px;border: 1px solid var(--grey-lighter);height:auto!important;}
section table.cennik tr td {border: 1px solid var(--white);}
table.cennik tr td:last-child {word-break: break-word;}
table.cennik thead tr td {background:var(--mark);color:var(--white);border:1px solid var(--white);}
table.cennik tr:nth-child(even) td {background:var(--grey-lighter);}
table.cennik tr td nav p a {background: var(--mark);color: var(--white);padding: .5em .5em;border-radius: .5em;display: inline-block;}
table.cennik tr td nav p a:hover {background: var(--grey-darker);}
table.cennik2 {width:100%;font-size: .9em;color:var(--black);margin: 3em auto 3em;}
table.cennik2 tr {}
table.cennik2 tr td {padding: 1em;vertical-align: middle;}
table.cennik2 tr td.border-left {border-left:solid 1px var(--grey-lighter);}
table.cennik2 tr td.border-right {border-right:solid 1px var(--grey-lighter);}
table.cennik2 tr td nav p a {background: var(--mark);color: var(--white);padding: .5em .5em;border-radius: .5em;display: inline-block;}
table.cennik2 tr td nav p a:hover {background: var(--grey-darker);}
.mw100p {max-width: 100%;margin-left:auto;margin-right:auto;}
.mw1000px {max-width: 1000px;margin-left:auto;margin-right:auto;}
.mw900px {max-width: 900px;margin-left:auto;margin-right:auto;}
.mw800px {max-width: 800px;margin-left:auto;margin-right:auto;}
.mw700px {max-width: 700px;margin-left:auto;margin-right:auto;}
.mw600px {max-width: 600px;margin-left:auto;margin-right:auto;}
.w10px {width:10px;}
.w10p {width:10%;}
.w20px {width:20px;}
.w20px {width:20%;}
.w30px {width:30px;}
.w30p {width:30%;}
.w40px {width:40px;}
.w40p {width:40%;}
.w50px {width:50px;}
.w50p {width:50%;}
.w60px {width:60px;}
.w60p {width:60%;}
.w70px {width:70px;}
.w70p {width:70%;}
.w80px {width:80px;}
.w80p {width:80%;}
.w90px {width:90px;}
.w90p {width:90%;}
.w100px {width:100px;}
.w100p {width:100%;}
.w150px {width:150px;}
.w200px {width:200px;}
.w250px {width:250px;}
.w300px {width:300px;}
.w350px {width:350px;}
.w400px {width:400px;}
.w450px {width:450px;}
.w500px {width:500px;}
.w550px {width:550px;}
.w600px {width:600px;}
.w650px {width:650px;}
.w700px {width:700px;}
.w750px {width:750px;}
.w800px {width:800px;}
.w850px {width:850px;}
.w900px {width:900px;}
.w950px {width:950px;}
.w1000px {width:1000px;}

.yt-movie {position:relative;padding-bottom:56.25%;height:0;width: 100%;}
.yt-movie iframe, .yt-movie video, .yt-movie embed {position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.yt_play{width:100%;position:relative;cursor:pointer;}
.yt_play.active::after{display:none;}
.yt_play.active::before{display:none;}
.yt_play::after{content:'';position:absolute;cursor:pointer;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);}
.yt_play::before{position:absolute;content:'';background-color:var(--mark);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path fill="%23ffffff" d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>');background-size:30%;background-position:center;background-repeat:no-repeat;font-size:40px;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;line-height:70px;text-align:center;border-radius:50%;color:#fff;z-index:10;cursor:pointer;}
.yt_play img{display:block;float:left;}
.yt_play .load_video iframe{display:block;}
.yt_popup {position:fixed;top:0;left:0;bottom:0;right:0;z-index:10000000000;background:rgba(0,0,0,.7); display:flex; align-items:center; justify-content:center;flex-direction: column;}
.yt_popup .video_content {max-height: 90vh;width:100%;padding:0 2em;}
.yt_popup .video_content iframe {display:block; }
.yt_popup .close {background: var(--grey-darker);color:var(--white);width:calc(100% - 4em);padding:1em 2em;margin:0 2em;border-radius:3px 3px 0 0;display:flex; justify-content:flex-end;}
.yt_popup .close span {font-size:1.3em;color:var(--white);cursor:pointer;}
.yt_popup .close i {color:var(--white);margin: 0 0 0 5px;}

}


@media (max-width: 1520px) {
	main section.full .text_container > section > div, main section.full .text_container > div, main.full .table_main {padding:0 2rem;}
}

@media (max-width: 900px) {
	.table_main tr td .table_main tr {flex-direction: column;align-items: center;}
	.table_main tr td .table_main tr td {width:100%;}
}

@media (max-width: 800px) {
	main section.full .text_container > section > div, main section.full .text_container > div, main.full .table_main {padding:0 1rem;}

	.table_main tr{flex-flow:row wrap;align-items:center;}
	.table_main tr td{width:100%;padding:0 0 0 0;}
	.table_main tr td p img {margin: 2em 0 0 0;}
	.table_main tr td img:not(:first-child) {display: none;}
	.table_main.rev tr {flex-direction:column;}
	.table_main.rev-mobile tr {flex-direction:column-reverse;}



	.table_main.border-first tr td:last-child {padding:0;}

	.table_main.w30-70 > tbody > tr > td:first-child, .table_main.w30-70 > tbody > tr > td:last-child {width:100%;padding:0 0 0 0;}
	.table_main.w70-30 > tbody > tr > td:first-child, .table_main.w70-30 > tbody > tr > td:last-child {width:100%;padding:0 0 0 0;}
	.table_main.x3 tr, .table_main.x4 tr, .table_main.x5 tr {gap:2em;}
	.table_main.x3 tr td {width:calc(100%/2 - 2em);}
	.table_main.x4 tr td {width:calc(100%/2 - 2em);}
	.table_main.x5 tr td {width:calc(100%/2 - 2em);}
}


@media (max-width: 500px) {



	
	
	
	
	.table_main.x3 tr, .table_main.x4 tr, .table_main.x5 tr {gap:0em;}
	.table_main.x3 tr td, .table_main.x4 tr td, .table_main.x5 tr td {width:100%;}
	
	.table_main.x3.tr1 tr {gap:1rem;}
}