PageSourceSearch

https://kalkulatorsrednich.pl/kalkulator-procentow/

html kalkulatorsrednich.pl collected 2026-09-24 10:23:13 UTC 208,587 bytes, 1,884 lines download raw bytes

1
2<!doctype html>
3<html lang="pl" prefix="og: https://ogp.me/ns#" class="no-js" itemtype="https://schema.org/WebPage" itemscope>
4<head>
5	<meta charset="UTF-8">
6	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
7
8	<style id="system-fonts-override">body, h1, h2, h3, h4, h5, h6, p, a, span, div, button, input, select, textarea {
9    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
10}</style>
11<!-- Optymalizacja wyszukiwarek według Rank Math - https://rankmath.com/ -->
12<title>Kalkulator Procentów – Oblicz Rabat, Zmianę i Wzrost (2025)</title>
13
14<meta name="description" content="Oblicz procent z liczby, rabat, wzrost lub spadek wartości. Szybki i prostyKalkulator Procentów online – bez rejestracji i za darmo!"/>
15<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
16<link rel="canonical" href="https://kalkulatorsrednich.pl/kalkulator-procentow/" />
17<meta property="og:locale" content="pl_PL" />
18<meta property="og:type" content="article" />
19<meta property="og:title" content="Kalkulator Procentów – Oblicz Rabat, Zmianę i Wzrost (2025)" />
20<meta property="og:description" content="Oblicz procent z liczby, rabat, wzrost lub spadek wartości. Szybki i prostyKalkulator Procentów online – bez rejestracji i za darmo!" />
21<meta property="og:url" content="https://kalkulatorsrednich.pl/kalkulator-procentow/" />
22<meta property="article:section" content="Matematyczne" />
23<meta property="og:updated_time" content="2025-08-09T18:28:34+00:00" />
24<meta property="og:image" content="https://kalkulatorsrednich.pl/wp-content/uploads/2025/04/kalkulator-procentow-1.jpg" />
25<meta property="og:image:secure_url" content="https://kalkulatorsrednich.pl/wp-content/uploads/2025/04/kalkulator-procentow-1.jpg" />
26<meta property="og:image:width" content="1080" />
27<meta property="og:image:height" content="1080" />
28<meta property="og:image:alt" content="kalkulator procentów" />
29<meta property="og:image:type" content="image/jpeg" />
30<meta name="twitter:card" content="summary_large_image" />
31<meta name="twitter:title" content="Kalkulator Procentów – Oblicz Rabat, Zmianę i Wzrost (2025)" />
32<meta name="twitter:description" content="Oblicz procent z liczby, rabat, wzrost lub spadek wartości. Szybki i prostyKalkulator Procentów online – bez rejestracji i za darmo!" />
33<meta name="twitter:image" content="https://kalkulatorsrednich.pl/wp-content/uploads/2025/04/kalkulator-procentow-1.jpg" />
34<meta name="twitter:label1" content="Czas czytania" />
35<meta name="twitter:data1" content="Mniej niż minuta" />
36<!-- /Wtyczka Rank Math WordPress SEO -->
37
38
39<link rel='dns-prefetch' href='//www.googletagmanager.com' />
40			
40<script src="data:text/javascript,document.documentElement.classList.remove%28%20%27no-js%27%20%29%3B" defer></script>
40
41			
41<script type="application/ld+json">
42{
43    "@context": "https://schema.org",
44    "@type": "Organization",
45    "@id": "https://kalkulatorsrednich.pl/#organization",
46    "name": "Kalkulator \u015arednich",
47    "url": "https://kalkulatorsrednich.pl/",
48    "logo": {
49        "@type": "ImageObject",
50        "url": "https://kalkulatorsrednich.pl/wp-content/uploads/2025/11/Kalkulator-sredniej.png",
51        "width": 512,
52        "height": 512
53    },
54    "description": "Profesjonalne narz\u0119dzia obliczeniowe dla edukacji i analizy danych. Specjalizujemy si\u0119 w kalkulatorach \u015brednich i ocen z zaawansowanymi funkcjami analitycznymi.",
55    "sameAs": [
56        "https://play.google.com/store/apps/details?id=com.curveappmania.calculatorpro"
57    ]
58}
59</script>
vendor: 1 bytes, line 59
59
60<script type="application/ld+json">
61{
62    "@context": "https://schema.org",
63    "@type": "Person",
64    "@id": "https://kalkulatorsrednich.pl/author/dr-anna-kowalska/#author",
65    "name": "Dr. Anna Kowalska",
66    "url": "https://kalkulatorsrednich.pl/author/dr-anna-kowalska/",
67    "jobTitle": "Doktor Matematyki & Edukator",
68    "worksFor": {
69        "@type": "Organization",
70        "name": "Kalkulator \u015arednich"
71    },
72    "image": "https://kalkulatorsrednich.pl/wp-content/themes/kadence/assets/images/Anna-Gorecka.jpg",
73    "knowsAbout": [
74        "Matematyka",
75        "Statystyka",
76        "Analiza Danych",
77        "Rozporz\u0105dzenie MEN",
78        "Systemy Oceniania Librus i Vulcan"
79    ]
80}
81</script>
81
82<style id="wp-img-auto-sizes-contain-inline-css">img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
83/*# sourceURL=wp-img-auto-sizes-contain-inline-css */</style>
84<style id="wp-emoji-styles-inline-css">img.wp-smiley, img.emoji {
85		display: inline !important;
86		border: none !important;
87		box-shadow: none !important;
88		height: 1em !important;
89		width: 1em !important;
90		margin: 0 0.07em !important;
91		vertical-align: -0.1em !important;
92		background: none !important;
93		padding: 0 !important;
94	}
95/*# sourceURL=wp-emoji-styles-inline-css */</style>
96<style id="wp-block-library-inline-css">:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
96--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
97
98/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */</style>
99<style id="classic-theme-styles-inline-css">/*! This file is auto-generated */
100.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
101/*# sourceURL=/wp-includes/css/classic-themes.min.css */</style>
102
103<style id="global-styles-inline-css">:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--theme-palette-1: var(--global-palette1);--wp--preset--color--theme-palette-2: var(--global-palette2);--wp--preset--color--theme-palette-3: var(--global-palette3);--wp--preset--color--theme-palette-4: var(--global-palette4);--wp--preset--color--theme-palette-5: var(--global-palette5);--wp--preset--color--theme-palette-6: var(--global-palette6);--wp--preset--color--theme-palette-7: var(--global-palette7);--wp--preset--color--theme-palette-8: var(--global-palette8);--wp--preset--color--theme-palette-9: var(--global-palette9);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
1030) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: var(--global-font-size-small);--wp--preset--font-size--medium: var(--global-font-size-medium);--wp--preset--font-size--large: var(--global-font-size-large);--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--larger: var(--global-font-size-larger);--wp--preset--font-size--xxlarge: var(--global-font-size-xxlarge);--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: var(--global-calc-content-width);--wp--style--global--wide-size: var(--global-calc-wide-content-width); }:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){font-style: inherit;font-weight: inherit;letter-spacing: inherit;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-color{color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-color{color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-color{color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-color{color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-color{color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-color{color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-color{color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-color{color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-color{color: var(--wp--preset--color--theme-palette-9) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-background-color{background-color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-background-color{background-color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-background-color{background-color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-background-color{background-color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-background-color{background-color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-background-color{background-color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-background-color{background-color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-background-color{background-color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-background-color{background-color: var(--wp--preset--color--theme-palette-9) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-border-color{border-color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-border-color{border-color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-border-color{border-color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-border-color{border-color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-border-color{border-color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-border-color{border-color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-border-color{border-color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-border-color{border-color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-border-color{border-color: var(--wp--preset--color--theme-palette-9) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
103.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-larger-font-size{font-size: var(--wp--preset--font-size--larger) !important;}.has-xxlarge-font-size{font-size: var(--wp--preset--font-size--xxlarge) !important;}
104/*# sourceURL=global-styles-inline-css */</style>
105
106<style class='flying-press-used-css' original-href='https://kalkulatorsrednich.pl/wp-content/cache/flying-press/c7f0af014182.global.min.css'>/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}a{background-color:#fff0}b,strong{font-weight:700}img{border-style:none}button,input,optgroup,select,textarea{font-size:100%;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:root{--global-gray-400:#CBD5E0;--global-gray-500:#A0AEC0;--global-xs-spacing:1em;--global-sm-spacing:1.5rem;--global-md-spacing:2rem;--global-lg-spacing:2.5em;--global-xl-spacing:3.5em;--global-xxl-spacing:5rem;--global-edge-spacing:1.5rem;--global-boxed-spacing:2rem;--global-font-size-small:clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);--global-font-size-medium:clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);--global-font-size-large:clamp(1.75rem, 1.576rem + 0.543vw, 2rem);--global-font-size-larger:clamp(2rem, 1.6rem + 1vw, 2.5rem);--global-font-size-xxlarge:clamp(2.25rem, 1.728rem + 1.63vw, 3rem)}h1,h2,h3,h4,h5,h6{padding:0;margin:0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}ul,ol{margin:0 0 1.5em 1.5em;padding:0}ul{list-style:disc}li>ul,li>ol{margin-bottom:0;margin-left:1.5em}img{display:block;height:auto;max-width:100%}table{margin:0 0 1.5em;width:100%}a{color:var(--global-palette-highlight);transition:all 0.1s linear}a:hover,a:focus,a:active{color:var(--global-palette-highlight-alt)}a:hover,a:active{outline:0}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgb(0 0 0 / .6);clip:auto!important;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}:where(html:not(.no-js)) .hide-focus-outline *:focus{outline:0}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{-webkit-appearance:none;color:var(--global-palette5);border:1px solid var(--global-gray-400);border-radius:3px;padding:.4em .5em;max-width:100%;background:var(--global-palette9);box-shadow:0 0 0 -7px #fff0}::-webkit-input-placeholder{color:var(--global-palette6)}::-moz-placeholder{color:var(--global-palette6);opacity:1}::placeholder{color:var(--global-palette6)}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:var(--global-palette3);border-color:var(--global-palette6);outline:0;box-shadow:0 5px 15px -7px rgb(0 0 0 / .1)}select{border:1px solid var(--global-gray-400);background-size:16px 100%;padding:.2em 35px .2em .5em;background:var(--global-palette9) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==) no-repeat 98% 50%;-moz-appearance:none;-webkit-appearance:none;appearance:none;box-shadow:none;outline:0;box-shadow:0 0 0 -7px #fff0}select::-ms-expand{display:none}select:focus{color:var(--global-palette3);border-color:var(--global-palette6);background-color:var(--global-palette9);box-shadow:0 5px 15px -7px rgb(0 0 0 / .1);outline:0}select:focus option{color:#333}button,.button,.wp-block-button__link,.wp-element-button,input[type="button"],input[type="reset"],input[type="submit"]{border-radius:3px;background:var(--global-palette-btn-bg);color:var(--global-palette-btn);padding:.4em 1em;border:0;font-size:1.125rem;line-height:1.6;
106display:inline-block;font-family:inherit;cursor:pointer;text-decoration:none;transition:all 0.2s ease;box-shadow:0 0 0 -7px #fff0}button:visited,.button:visited,.wp-block-button__link:visited,.wp-element-button:visited,input[type="button"]:visited,input[type="reset"]:visited,input[type="submit"]:visited{background:var(--global-palette-btn-bg);color:var(--global-palette-btn)}button:hover,button:focus,button:active,.button:hover,.button:focus,.button:active,.wp-block-button__link:hover,.wp-block-button__link:focus,.wp-block-button__link:active,.wp-element-button:hover,.wp-element-button:focus,.wp-element-button:active,input[type="button"]:hover,input[type="button"]:focus,input[type="button"]:active,input[type="reset"]:hover,input[type="reset"]:focus,input[type="reset"]:active,input[type="submit"]:hover,input[type="submit"]:focus,input[type="submit"]:active{color:var(--global-palette-btn-hover);background:var(--global-palette-btn-bg-hover);box-shadow:0 15px 25px -7px rgb(0 0 0 / .1)}button:disabled,button.disabled,.button:disabled,.button.disabled,.wp-block-button__link:disabled,.wp-block-button__link.disabled,.wp-element-button:disabled,.wp-element-button.disabled,input[type="button"]:disabled,input[type="button"].disabled,input[type="reset"]:disabled,input[type="reset"].disabled,input[type="submit"]:disabled,input[type="submit"].disabled{cursor:not-allowed;opacity:.5}.elementor-button-wrapper .elementor-button:hover,.elementor-button-wrapper .elementor-button:focus,.elementor-button-wrapper .elementor-button:active{color:var(--global-palette-btn-hover);background-color:var(--global-palette-btn-bg-hover);box-shadow:0 15px 25px -7px rgb(0 0 0 / .1)}.button.button-style-outline:hover,.button.button-style-outline:focus,.button.button-style-outline:active,.wp-block-button.is-style-outline .wp-block-button__link:hover,.wp-block-button.is-style-outline .wp-block-button__link:focus,.wp-block-button.is-style-outline .wp-block-button__link:active,.wp-block-button.is-style-outline .wp-element-button:hover,.wp-block-button.is-style-outline .wp-element-button:focus,.wp-block-button.is-style-outline .wp-element-button:active{border:2px solid currentColor;box-shadow:0 0 0 -7px #fff0}.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover,.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):focus,.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):active,.wp-block-button.is-style-outline .wp-element-button:not(.has-background):hover,.wp-block-button.is-style-outline .wp-element-button:not(.has-background):focus,.wp-block-button.is-style-outline .wp-element-button:not(.has-background):active,.button.button-style-outline:not(.has-background):hover,.button.button-style-outline:not(.has-background):focus,.button.button-style-outline:not(.has-background):active{background:#fff0}.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover,.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):focus,.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):active,.wp-block-button.is-style-outline .wp-element-button:not(.has-text-color):hover,.wp-block-button.is-style-outline .wp-element-button:not(.has-text-color):focus,.wp-block-button.is-style-outline .wp-element-button:not(.has-text-color):active,.button.button-style-outline:not(.has-text-color):hover,.button.button-style-outline:not(.has-text-color):focus,.button.button-style-outline:not(.has-text-color):active{color:var(--global-palette-btn-bg-hover)}.kadence-svg-iconset{display:inline-flex;align-self:center}.kadence-svg-iconset svg{height:1em;width:1em}.kadence-svg-iconset.svg-baseline svg{top:.125em;position:relative}.kt-clear{*zoom:1}.kt-clear::before,.kt-clear::after{content:' ';display:table}.kt-clear::after{clear:both}.site-container,.site-header-row-layout-contained,.site-footer-row-layout-contained,.entry-hero-layout-contained,.alignfull>.wp-block-cover__inner-container,.alignwide>.wp-block-cover__inner-container{margin:0 auto;padding:0 var(--global-content-edge-padding)}@media screen and (min-width:1025px){.has-sidebar .content-container{display:grid;grid-template-columns:5fr 2fr;grid-gap:var(--global-xl-spacing);justify-content:center}}#kt-scroll-up-reader,#kt-scroll-up{position:fixed;-webkit-transform:translateY(40px);transform:translateY(40px);transition:all 0.2s ease;opacity:0;z-index:1000;display:flex;cursor:pointer}#kt-scroll-up-reader *,#kt-scroll-up *{pointer-events:none}#kt-scroll-up-reader.scroll-up-style-outline,#kt-scroll-up.scroll-up-style-outline{background:#fff0}.scroll-up-style-outline,.scroll-up-wrap.scroll-up-style-outline{border-width:2px;border-style:solid;border-color:currentColor;color:var(--global-palette4)}.scroll-up-style-outline:hover{color:var(--global-palette5)}#kt-scroll-up.scroll-visible{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}#kt-scroll-up-reader{-webkit-transform:translateY(0);transform:translateY(0);transition:all 0s ease}#kt-scroll-up-reader:not(:focus){clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;word-wrap:normal!important}#kt-scroll-up-reader:focus{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;box-shadow:none;z-index:1001}@media screen and (max-width:719px){.vs-sm-false{display:none!important}}@media screen and (min-width:720px) and (max-width:1024px){.vs-md-false{display:none!important}}@media screen and (min-width:1025px){.vs-lg-false{display:none!important}}#wrapper{overflow:hidden;overflow:clip}.kadence-scrollbar-fixer{margin-right:var(--scrollbar-offset,unset)}.kadence-scrollbar-fixer .item-is-fixed{right:var(--scrollbar-offset,0)}body.footer-on-bottom #wrapper{min-height:100vh;display:flex;flex-direction:column}body.footer-on-bottom #inner-wrap{flex:1 0 auto}</style>
107<link rel='stylesheet' id='kadence-global-css' media='all'  data-href="https://kalkulatorsrednich.pl/wp-content/cache/flying-press/c7f0af014182.global.min.css"/>
108<style id="kadence-global-inline-css">/* Kadence Base CSS */
109:root{--global-palette1:#2B6CB0;--global-palette2:#215387;--global-palette3:#1A202C;--global-palette4:#2D3748;--global-palette5:#4A5568;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;--global-palette9rgb:255, 255, 255;--global-palette-highlight:var(--global-palette1);--global-palette-highlight-alt:var(--global-palette2);--global-palette-highlight-alt2:var(--global-palette9);--global-palette-btn-bg:var(--global-palette1);--global-palette-btn-bg-hover:var(--global-palette2);--global-palette-btn:var(--global-palette9);--global-palette-btn-hover:var(--global-palette9);--global-body-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--global-heading-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--global-primary-nav-font-family:inherit;--global-fallback-font:sans-serif;--global-display-fallback-font:sans-serif;--global-content-width:1290px;--global-content-wide-width:calc(1290px + 230px);--global-content-narrow-width:842px;--global-content-edge-padding:1.5rem;
109--global-content-boxed-padding:2rem;--global-calc-content-width:calc(1290px - var(--global-content-edge-padding) - var(--global-content-edge-padding) );--wp--style--global--content-size:var(--global-calc-content-width);}.wp-site-blocks{--global-vw:calc( 100vw - ( 0.5 * var(--scrollbar-offset)));}body{background:var(--global-palette8);}body, input, select, optgroup, textarea{font-style:normal;font-weight:400;font-size:17px;line-height:1.6;font-family:var(--global-body-font-family);color:var(--global-palette4);}.content-bg, body.content-style-unboxed .site{background:var(--global-palette9);}h1,h2,h3,h4,h5,h6{font-family:var(--global-heading-font-family);}h1{font-style:normal;font-weight:400;font-size:32px;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:var(--global-palette3);}h2{font-style:normal;font-weight:400;font-size:28px;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:var(--global-palette1);}h3{font-style:normal;font-weight:400;font-size:24px;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:var(--global-palette2);}h4{font-style:normal;font-weight:400;font-size:22px;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:var(--global-palette4);}h5{font-style:normal;font-weight:400;font-size:20px;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:var(--global-palette4);}h6{font-style:normal;font-weight:400;font-size:18px;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:var(--global-palette5);}.entry-hero h1{font-style:normal;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}.entry-hero .kadence-breadcrumbs, .entry-hero .search-form{font-style:normal;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}.entry-hero .kadence-breadcrumbs{max-width:1290px;}.site-container, .site-header-row-layout-contained, .site-footer-row-layout-contained, .entry-hero-layout-contained, .comments-area, .alignfull > .wp-block-cover__inner-container, .alignwide > .wp-block-cover__inner-container{max-width:var(--global-content-width);}.content-width-narrow .content-container.site-container, .content-width-narrow .hero-container.site-container{max-width:var(--global-content-narrow-width);}@media all and (min-width: 1520px){.wp-site-blocks .content-container  .alignwide{margin-left:-115px;margin-right:-115px;width:unset;max-width:unset;}}@media all and (min-width: 1102px){.content-width-narrow .wp-site-blocks .content-container .alignwide{margin-left:-130px;margin-right:-130px;width:unset;max-width:unset;}}.content-style-boxed .wp-site-blocks .entry-content .alignwide{margin-left:calc( -1 * var( --global-content-boxed-padding ) );margin-right:calc( -1 * var( --global-content-boxed-padding ) );}.content-area{margin-top:5rem;margin-bottom:5rem;}@media all and (max-width: 1024px){.content-area{margin-top:3rem;margin-bottom:3rem;}}@media all and (max-width: 767px){.content-area{margin-top:2rem;margin-bottom:2rem;}}@media all and (max-width: 1024px){:root{--global-content-boxed-padding:2rem;}}@media all and (max-width: 767px){:root{--global-content-boxed-pa
109dding:1.5rem;}}.entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.entry-content-wrap{padding:1.5rem;}}.entry.single-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.entry.loop-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.loop-entry .entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.loop-entry .entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.loop-entry .entry-content-wrap{padding:1.5rem;}}button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button, .wc-block-components-checkout-place-order-button, .wc-block-cart__submit{box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, .elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:focus, .elementor-button-wrapper .elementor-button:active, .wc-block-cart__submit:hover{box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);}.kb-button.kb-btn-global-outline.kb-btn-global-inherit{padding-top:calc(px - 2px);padding-right:calc(px - 2px);padding-bottom:calc(px - 2px);padding-left:calc(px - 2px);}@media all and (min-width: 1025px){.transparent-header .entry-hero .entry-hero-container-inner{padding-top:80px;}}@media all and (max-width: 1024px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:80px;}}@media all and (max-width: 767px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:80px;}}#kt-scroll-up-reader, #kt-scroll-up{border-radius:0px 0px 0px 0px;bottom:30px;font-size:1.2em;padding:0.4em 0.4em 0.4em 0.4em;}#kt-scroll-up-reader.scroll-up-side-right, #kt-scroll-up.scroll-up-side-right{right:30px;}#kt-scroll-up-reader.scroll-up-side-left, #kt-scroll-up.scroll-up-side-left{left:30px;}.entry-hero.page-hero-section .entry-header{min-height:200px;}.comment-metadata a:not(.comment-edit-link), .comment-body .edit-link:before{display:none;}
110/* Kadence Header CSS */
111@media all and (max-width: 1024px){.mobile-transparent-header #masthead{position:absolute;left:0px;right:0px;z-index:100;}.kadence-scrollbar-fixer.mobile-transparent-header #masthead{right:var(--scrollbar-offset,0);}.mobile-transparent-header #masthead, .mobile-transparent-header .site-top-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-main-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-bottom-header-wrap .site-header-row-container-inner{background:transparent;}.site-header-row-tablet-layout-fullwidth, .site-header-row-tablet-layout-standard{padding:0px;}}@media all and (min-width: 1025px){.transparent-header #masthead{position:absolute;left:0px;right:0px;z-index:100;}.transparent-header.kadence-scrollbar-fixer #masthead{right:var(--scrollbar-offset,0);}.transparent-header #masthead, .transparent-header .site-top-header-wrap .site-header-row-container-inner, .transparent-header .site-main-header-wrap .site-header-row-container-inner, .transparent-header .site-bottom-header-wrap .site-header-row-container-inner{background:transparent;}}.site-branding{padding:0px 0px 0px 0px;}.site-branding .site-title{font-weight:700;font-size:26px;line-height:1.2;color:var(--global-palette3);}#masthead, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner{background:#ffffff;}.site-main-header-inner-wrap{min-height:80px;}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container>ul>li>a:after{width:calc( 100% - 1.2em);}.main-navigation .primary-menu-container > ul > li.menu-item > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:0.6em;padding-bottom:0.6em;color:var(--global-palette5);}.main-navigation .primary-menu-container > ul > li.menu-item .dropdown-nav-special-toggle{right:calc(1.2em / 2);}.main-navigation .primary-menu-container > ul > li.menu-item > a:hover{color:var(--global-palette-highlight);}.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a{color:var(--global-palette3);}.header-navigation .header-menu-container ul ul.sub-menu, .header-navigation .header-menu-container ul ul.submenu{background:var(--global-palette3);box-shadow:0px 2px 13px 0px rgba(0,0,0,0.1);}.header-navigation .header-menu-container ul ul li.menu-item, .header-menu-container ul.menu > li.kadence-menu-mega-enabled > ul > li.menu-item > a{border-bottom:1px solid rgba(255,255,255,0.1);}.header-navigation .header-menu-container ul ul li.menu-item >
111 a{width:200px;padding-top:1em;padding-bottom:1em;color:var(--global-palette8);font-size:12px;}.header-navigation .header-menu-container ul ul li.menu-item > a:hover{color:var(--global-palette9);background:var(--global-palette4);}.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a{color:var(--global-palette9);background:var(--global-palette4);}.mobile-toggle-open-container .menu-toggle-open, .mobile-toggle-open-container .menu-toggle-open:focus{color:var(--global-palette5);padding:0.4em 0.6em 0.4em 0.6em;font-size:14px;}.mobile-toggle-open-container .menu-toggle-open.menu-toggle-style-bordered{border:1px solid currentColor;}.mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon{font-size:20px;}.mobile-toggle-open-container .menu-toggle-open:hover, .mobile-toggle-open-container .menu-toggle-open:focus-visible{color:var(--global-palette-highlight);}.mobile-navigation ul li{font-size:14px;}.mobile-navigation ul li a{padding-top:1em;padding-bottom:1em;}.mobile-navigation ul li > a, .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette8);}.mobile-navigation ul li.current-menu-item > a, .mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette-highlight);}.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, .mobile-navigation ul li:not(.menu-item-has-children) a{border-bottom:1px solid rgba(255,255,255,0.1);}.mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border-left:1px solid rgba(255,255,255,0.1);}#mobile-drawer .drawer-header .drawer-toggle{padding:0.6em 0.15em 0.6em 0.15em;font-size:24px;}
112/* Kadence Footer CSS */
113.site-middle-footer-inner-wrap{padding-top:30px;padding-bottom:30px;grid-column-gap:30px;grid-row-gap:30px;}.site-middle-footer-inner-wrap .widget{margin-bottom:30px;}.site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}.site-bottom-footer-inner-wrap{padding-top:30px;padding-bottom:30px;grid-column-gap:30px;}.site-bottom-footer-inner-wrap .widget{margin-bottom:30px;}.site-bottom-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}.footer-social-wrap .footer-social-inner-wrap{font-size:1em;gap:0.32em;}.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .footer-social-inner-wrap .social-button{border:2px none transparent;border-radius:3px;}#colophon .footer-navigation .footer-menu-container > ul > li > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:calc(0.6em / 2);padding-bottom:calc(0.6em / 2);color:var(--global-palette5);}#colophon .footer-navigation .footer-menu-container > ul li a:hover{color:var(--global-palette-highlight);}#colophon .footer-navigation .footer-menu-container > ul li.current-menu-item > a{color:var(--global-palette3);}
114/* Kadence Pro Header CSS */
115.header-navigation-dropdown-direction-left ul ul.submenu, .header-navigation-dropdown-direction-left ul ul.sub-menu{right:0px;left:auto;}.rtl .header-navigation-dropdown-direction-right ul ul.submenu, .rtl .header-navigation-dropdown-direction-right ul ul.sub-menu{left:0px;right:auto;}.header-account-button .nav-drop-title-wrap > .kadence-svg-iconset, .header-account-button > .kadence-svg-iconset{font-size:1.2em;}.site-header-item .header-account-button .nav-drop-title-wrap, .site-header-item .header-account-wrap > .header-account-button{display:flex;align-items:center;}.header-account-style-icon_label .header-account-label{padding-left:5px;}.header-account-style-label_icon .header-account-label{padding-right:5px;}.site-header-item .header-account-wrap .header-account-button{text-decoration:none;box-shadow:none;color:inherit;background:transparent;padding:0.6em 0em 0.6em 0em;}.header-mobile-account-wrap .header-account-button .nav-drop-title-wrap > .kadence-svg-iconset, .header-mobile-account-wrap .header-account-button > .kadence-svg-iconset{font-size:1.2em;}.header-mobile-account-wrap .header-account-button .nav-drop-title-wrap, .header-mobile-account-wrap > .header-account-button{display:flex;align-items:center;}.header-mobile-account-wrap.header-account-style-icon_label .header-account-label{padding-left:5px;}.header-mobile-account-wrap.header-account-style-label_icon .header-account-label{padding-right:5px;}.header-mobile-account-wrap .header-account-button{text-decoration:none;box-shadow:none;color:inherit;background:transparent;padding:0.6em 0em 0.6em 0em;}#login-drawer .drawer-inner .drawer-content{display:flex;justify-content:center;align-items:center;position:absolute;top:0px;bottom:0px;left:0px;right:0px;padding:0px;}#loginform p label{display:block;}#login-drawer #loginform{width:100%;}#login-drawer #loginform input{width:100%;}#login-drawer #loginform input[type="checkbox"]{width:auto;}#login-drawer .drawer-inner .drawer-header{position:relative;z-index:100;}#login-drawer .drawer-content_inner.widget_login_form_inner{padding:2em;width:100%;max-width:350px;border-radius:.25rem;background:var(--global-palette9);color:var(--global-palette4);}#login-drawer .lost_password a{color:var(--global-palette6);}#login-drawer .lost_password, #login-drawer .register-field{text-align:center;}#login-drawer .widget_login_form_inner p{margin-top:1.2em;margin-bottom:0em;}#login-drawer .widget_login_form_inner p:first-child{margin-top:0em;}#login-drawer .widget_login_form_inner label{margin-bottom:0.5em;}#login-drawer hr.register-divider{margin:1.2em 0;border-width:1px;}#login-drawer .register-field{font-size:90%;}@media all and (min-width: 1025px){#login-drawer hr.register-divider.hide-desktop{display:none;}#login-drawer p.register-field.hide-desktop{display:none;}}@media all and (max-width: 1024px){#login-drawer hr.register-divider.hide-mobile{display:none;}#login-drawer p.register-field.hide-mobile{display:none;}}@media all and (max-width: 767px){#login-drawer hr.register-divider.hide-mobile{display:none;}#login-drawer p.register-field.hide-mobile{display:none;}}.tertiary-navigation .tertiary-menu-container > ul > li.menu-item > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:0.6em;padding-bottom:0.6em;color:var(--global-palette5);}.tertiary-navigation .tertiary-menu-container > ul > li.menu-item > a:hover{color:var(--global-palette-highlight);}.tertiary-navigation .tertiary-menu-container > ul > li.menu-item.current-menu-item > a{color:var(--global-palette3);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.tertiary-menu-container>ul>li>a:after{width:calc( 100% - 1.2em);}.quaternary-navigation .quaternary-menu-container > ul > li.menu-item > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:0.6em;padding-bottom:0.6em;color:var(--global-palette5);}.quaternary-navigation .quaternary-menu-container > ul > li.menu-item > a:hover{color:var(--global-palette-highlight);}.quaternary-navigation .quaternary-menu-container > ul > li.menu-item.current-menu-item > a{color:var(--global-palette3);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.quaternary-menu-container>ul>li>a:after{width:calc( 100% - 1.2em);}#main-header .header-divider{border-right:1px solid var(--global-palette6);height:50%;}#main-header .header-divider2{border-right:1px solid var(--global-palette6);height:50%;}#main-header .header-divider3{border-right:1px solid var(--global-palette6);height:50%;}#mobile-header .header-mobile-divider, #mobile-drawer .header-mobile-divider{border-right:1px solid var(--global-palette6);height:50%;}#mobile-drawer .header-mobile-divider{border-top:1px solid var(--global-palette6);width:50%;}#mobile-header .header-mobile-divider2{border-right:1px solid var(--global-palette6);height:50%;}#mobile-drawer .header-mobile-divider2{border-top:1px solid var(--global-palette6);width:50%;}.header-item-search-bar form ::-webkit-input-placeholder{color:currentColor;opacity:0.5;}.header-item-search-bar form ::placeholder{color:currentColor;opacity:0.5;}.header-search-bar form{max-width:100%;width:240px;}.header-mobile-search-bar form{max-width:calc(100vw - var(--global-sm-spacing) - var(--global-sm-spacing));width:240px;}.header-widget-lstyle-normal .header-widget-area-inner a:not(.button){text-decoration:underline;}.element-contact-inner-wrap{display:flex;flex-wrap:wrap;align-items:center;margin-top:-0.6em;
115margin-left:calc(-0.6em / 2);margin-right:calc(-0.6em / 2);}.element-contact-inner-wrap .header-contact-item{display:inline-flex;flex-wrap:wrap;align-items:center;margin-top:0.6em;margin-left:calc(0.6em / 2);margin-right:calc(0.6em / 2);}.element-contact-inner-wrap .header-contact-item .kadence-svg-iconset{font-size:1em;}.header-contact-item img{display:inline-block;}.header-contact-item .contact-label{margin-left:0.3em;}.rtl .header-contact-item .contact-label{margin-right:0.3em;margin-left:0px;}.header-mobile-contact-wrap .element-contact-inner-wrap{display:flex;flex-wrap:wrap;align-items:center;margin-top:-0.6em;margin-left:calc(-0.6em / 2);margin-right:calc(-0.6em / 2);}.header-mobile-contact-wrap .element-contact-inner-wrap .header-contact-item{display:inline-flex;flex-wrap:wrap;align-items:center;margin-top:0.6em;margin-left:calc(0.6em / 2);margin-right:calc(0.6em / 2);}.header-mobile-contact-wrap .element-contact-inner-wrap .header-contact-item .kadence-svg-iconset{font-size:1em;}#main-header .header-button2{box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}#main-header .header-button2:hover{box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);}.mobile-header-button2-wrap .mobile-header-button-inner-wrap .mobile-header-button2{border:2px none transparent;box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}.mobile-header-button2-wrap .mobile-header-button-inner-wrap .mobile-header-button2:hover{box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);}#widget-drawer.popup-drawer-layout-fullwidth .drawer-content .header-widget2, #widget-drawer.popup-drawer-layout-sidepanel .drawer-inner{max-width:400px;}#widget-drawer.popup-drawer-layout-fullwidth .drawer-content .header-widget2{margin:0 auto;}.widget-toggle-open{display:flex;align-items:center;background:transparent;box-shadow:none;}.widget-toggle-open:hover, .widget-toggle-open:focus{border-color:currentColor;background:transparent;box-shadow:none;}.widget-toggle-open .widget-toggle-icon{display:flex;}.widget-toggle-open .widget-toggle-label{padding-right:5px;}.rtl .widget-toggle-open .widget-toggle-label{padding-left:5px;padding-right:0px;}.widget-toggle-open .widget-toggle-label:empty, .rtl .widget-toggle-open .widget-toggle-label:empty{padding-right:0px;padding-left:0px;}.widget-toggle-open-container .widget-toggle-open{color:var(--global-palette5);padding:0.4em 0.6em 0.4em 0.6em;font-size:14px;}.widget-toggle-open-container .widget-toggle-open.widget-toggle-style-bordered{border:1px solid currentColor;}.widget-toggle-open-container .widget-toggle-open .widget-toggle-icon{font-size:20px;}.widget-toggle-open-container .widget-toggle-open:hover, .widget-toggle-open-container .widget-toggle-open:focus{color:var(--global-palette-highlight);}#widget-drawer .header-widget-2style-normal a:not(.button){text-decoration:underline;}#widget-drawer .header-widget-2style-plain a:not(.button){text-decoration:none;}#widget-drawer .header-widget2 .widget-title{color:var(--global-palette9);}#widget-drawer .header-widget2{color:var(--global-palette8);}#widget-drawer .header-widget2 a:not(.button), #widget-drawer .header-widget2 .drawer-sub-toggle{color:var(--global-palette8);}#widget-drawer .header-widget2 a:not(.button):hover, #widget-drawer .header-widget2 .drawer-sub-toggle:hover{color:var(--global-palette9);}#mobile-secondary-site-navigation ul li{font-size:14px;}#mobile-secondary-site-navigation ul li a{padding-top:1em;padding-bottom:1em;}#mobile-secondary-site-navigation ul li > a, #mobile-secondary-site-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette8);}#mobile-secondary-site-navigation ul li.current-menu-item > a, #mobile-secondary-site-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette-highlight);}#mobile-secondary-site-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, #mobile-secondary-site-navigation ul li:not(.menu-item-has-children) a{border-bottom:1px solid rgba(255,255,255,0.1);}#mobile-secondary-site-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border-left:1px solid rgba(255,255,255,0.1);}
116/*# sourceURL=kadence-global-inline-css */</style>
117<style class='flying-press-used-css' original-href='https://kalkulatorsrednich.pl/wp-content/cache/flying-press/0dbb25a832cc.header.min.css'>.site-branding{max-height:inherit}.site-branding a.brand{display:flex;gap:1em;flex-direction:row;align-items:center;text-decoration:none;color:inherit;max-height:inherit}.site-branding a.brand img{display:block}.site-branding .site-title{margin:0}@media screen and (max-width:1024px){.site-branding.branding-tablet-layout-standard-reverse a.brand{flex-direction:row-reverse}}@media screen and (max-width:719px){.site-branding.branding-mobile-layout-standard:not(.site-brand-logo-only) a.brand{flex-direction:row}}.header-navigation ul ul.sub-menu,.header-navigation ul ul.submenu{display:none;position:absolute;top:100%;flex-direction:column;background:#fff;margin-left:0;box-shadow:0 2px 13px rgb(0 0 0 / .1);z-index:1000}body:not(.hide-focus-outline) .header-navigation li.menu-item--has-toggle>a:focus .dropdown-nav-toggle{opacity:.2}.header-navigation ul ul.sub-menu>li:last-child,.header-navigation ul ul.submenu>
117li:last-child{border-bottom:0}.header-navigation ul ul.sub-menu.sub-menu-edge{left:auto;right:0}.header-navigation ul ul ul.sub-menu.sub-menu-edge{left:auto;right:100%}.header-navigation[class*=header-navigation-dropdown-animation-fade] ul ul.sub-menu,.header-navigation[class*=header-navigation-dropdown-animation-fade] ul ul.submenu{opacity:0;visibility:hidden;transform:translate3d(0,0,0);transition:all .2s ease;display:block;clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden}.header-navigation[class*=header-navigation-dropdown-animation-fade]:not(.click-to-open) ul li.menu-item--toggled-on>ul,.header-navigation[class*=header-navigation-dropdown-animation-fade]:not(.click-to-open) ul li:hover>ul,.header-navigation[class*=header-navigation-dropdown-animation-fade]:not(.click-to-open) ul li:not(.menu-item--has-toggle):focus>ul{opacity:1;visibility:visible;transform:translate3d(0,0,0);clip:auto;height:auto;overflow:visible}.header-navigation[class*=header-navigation-dropdown-animation-fade].click-to-open ul li.menu-item--toggled-on>ul,.header-navigation[class*=header-navigation-dropdown-animation-fade].click-to-open ul li:not(.menu-item--has-toggle):focus>ul,.header-navigation[class*=header-navigation-dropdown-animation-fade].click-to-open ul li>ul.opened{opacity:1;visibility:visible;transform:translate3d(0,0,0);clip:auto;height:auto;overflow:visible}.wp-site-blocks .nav--toggle-sub .dropdown-nav-special-toggle{position:absolute!important;overflow:hidden;padding:0!important;margin:0!important;margin-right:-.1em!important;border:0!important;width:.9em;top:0;bottom:0;height:auto;border-radius:0;box-shadow:none!important;background:0 0!important;display:block;left:auto;right:.7em;pointer-events:none}.wp-site-blocks .nav--toggle-sub .sub-menu .dropdown-nav-special-toggle{width:2.6em;margin:0!important;right:0}.nav--toggle-sub .dropdown-nav-special-toggle:focus{z-index:10}.nav--toggle-sub .dropdown-nav-toggle{display:block;background:0 0;position:absolute;right:0;top:50%;width:.7em;height:.7em;font-size:inherit;width:.9em;height:.9em;font-size:.9em;display:inline-flex;line-height:inherit;margin:0;padding:0;border:none;border-radius:0;transform:translateY(-50%);overflow:visible;transition:opacity .2s ease}.nav--toggle-sub ul ul .dropdown-nav-toggle{right:.2em}.nav--toggle-sub ul ul .dropdown-nav-toggle .kadence-svg-iconset{transform:rotate(-90deg)}.nav--toggle-sub li.menu-item-has-children{position:relative}.nav-drop-title-wrap{position:relative;padding-right:1em;display:block}.nav--toggle-sub li.menu-item--toggled-on>ul,.nav--toggle-sub li:not(.menu-item--has-toggle):focus>ul,.nav--toggle-sub.click-to-open li.menu-item--has-toggle>ul.opened,.nav--toggle-sub:not(.click-to-open) li:hover>ul{display:block}.nav--toggle-sub li:not(.menu-item--has-toggle):focus-within>ul{display:block}@media (hover:none){.wp-site-blocks .nav--toggle-sub .menu-item--has-toggle:not(.menu-item--toggled-on) .dropdown-nav-special-toggle{left:0;right:0!important;margin-right:0!important;width:100%;pointer-events:all}.wp-site-blocks .nav--toggle-sub .menu-item--has-toggle:not(.menu-item--toggled-on)>a{pointer-events:none}}.rtl .primary-menu-container>ul>li.menu-item .dropdown-nav-special-toggle{right:auto;left:.7em}.rtl .wp-site-blocks .nav--toggle-sub .sub-menu .dropdown-nav-special-toggle{left:0;right:auto}.wp-site-blocks .nav--toggle-sub .kadence-menu-mega-enabled .sub-menu .dropdown-nav-special-toggle{display:none}.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li>a{position:relative}.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li>a:after{content:"";width:100%;position:absolute;bottom:0;height:2px;right:50%;background:currentColor;transform:scale(0,0) translate(-50%,0);transition:transform .2s ease-in-out,color 0s ease-in-out}.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li>a:hover:after{transform:scale(1,1) translate(50%,0)}.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li.current-menu-item>a:after,.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li.current-page-item>a:after{transform:scale(1,1) translate(50%,0)}
117.header-menu-container,.header-navigation{display:flex}.header-navigation li.menu-item>a{display:block;width:100%;text-decoration:none;color:var(--global-palette4);transition:all .2s ease-in-out;transform:translate3d(0,0,0)}.header-navigation li.menu-item>a:focus,.header-navigation li.menu-item>a:hover{color:var(--global-palette-highlight)}.header-navigation ul.sub-menu,.header-navigation ul.submenu{display:block;list-style:none;margin:0;padding:0}.header-navigation ul li.menu-item>a{padding:.6em .5em}.header-navigation ul ul li.menu-item>a{padding:1em}.header-navigation ul ul li.menu-item>a{width:200px}.header-navigation ul ul ul.sub-menu,.header-navigation ul ul ul.submenu{top:0;left:100%;right:auto;min-height:100%}.header-navigation .menu{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;margin:0;padding:0}.menu-toggle-open{display:flex;background:0 0;align-items:center;box-shadow:none}.menu-toggle-open .menu-toggle-icon{display:flex}.menu-toggle-open:focus,.menu-toggle-open:hover{border-color:currentColor;background:0 0;box-shadow:none}.menu-toggle-open.menu-toggle-style-default{border:0}.wp-site-blocks .menu-toggle-open{box-shadow:none}.mobile-navigation{width:100%}.mobile-navigation a{display:block;width:100%;text-decoration:none;padding:.6em .5em}.mobile-navigation ul{display:block;list-style:none;margin:0;padding:0}.mobile-navigation ul ul{padding-left:1em;transition:all .2s ease-in-out}body[class*=amp-mode-] .mobile-navigation ul ul{display:block}.mobile-navigation ul ul ul ul ul ul{padding-left:0}.mobile-navigation ul.has-collapse-sub-nav .sub-menu.show-drawer{display:block}.popup-drawer{position:fixed;display:none;top:0;bottom:0;left:-99999rem;right:99999rem;transition:opacity .25s ease-in,left 0s .25s,right 0s .25s;z-index:100000}.popup-drawer .drawer-overlay{background-color:rgb(0 0 0 / .4);position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease-in-out}.popup-drawer .drawer-inner{width:100%;transform:translateX(100%);max-width:90%;right:0;top:0;overflow:auto;background:#090c10;color:#fff;bottom:0;opacity:0;position:fixed;box-shadow:0 0 2rem 0 rgb(0 0 0 / .1);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.77,.2,.05,1),opacity .25s cubic-bezier(.77,.2,.05,1)}.popup-drawer .drawer-header{padding:0 1.5em;display:flex;justify-content:flex-end;min-height:calc(1.2em + 24px)}.popup-drawer .drawer-header .drawer-toggle{background:0 0;border:0;font-size:24px;line-height:1;padding:.6em .15em;color:inherit;display:flex;box-shadow:none;border-radius:0}.popup-drawer .drawer-header .drawer-toggle:hover{box-shadow:none}.popup-drawer .drawer-content{padding:0 1.5em 1.5em}@media screen and (max-width:1024px){.showing-popup-drawer-from-right.animate-body-popup #colophon,.showing-popup-drawer-from-right.animate-body-popup #inner-wrap,.showing-popup-drawer-from-right.animate-body-popup .site-header-row{transform:translateX(-200px)}}.popup-drawer-animation-scale.popup-drawer-layout-fullwidth.active .drawer-inner{transform:scale(1)}.popup-drawer .drawer-header .drawer-toggle{width:1em;position:relative;height:1em;box-sizing:content-box;font-size:24px}.drawer-toggle .toggle-close-bar{width:.75em;height:.08em;background:currentColor;transform-origin:center center;position:absolute;margin-top:-.04em;opacity:0;border-radius:.08em;left:50%;margin-left:-.375em;top:50%;transform:rotate(45deg) translateX(-50%);transition:transform .3s cubic-bezier(.77,.2,.05,1),opacity .3s cubic-bezier(.77,.2,.05,1);transition-delay:.2s}.drawer-toggle .toggle-close-bar:last-child{transform:rotate(-45deg) translateX(50%)}.popup-drawer.active .drawer-toggle .toggle-close-bar{transform:rotate(45deg);opacity:1}.popup-drawer.active .drawer-toggle .toggle-close-bar:last-child{transform:rotate(-45deg);opacity:1}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.active .pop-portion-bg{transform:translateX(0)}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.active .drawer-content{transform:translateY(0);opacity:1;transition:all .4s ease;transition-delay:.2s}@media screen and (max-width:1024px){.popup-drawer-layout-sidepanel.popup-mobile-drawer-side-right .drawer-inner{transform:translateX(100%);right:0;left:auto}}@media screen and (min-width:783px){body.admin-bar .popup-drawer{top:32px}}.popup-drawer.show-drawer{display:block}.popup-drawer.active{left:0;opacity:1;right:0;transition:opacity .25s ease-out}.popup-drawer.active .drawer-inner{opacity:1;transform:translateX(0)}.popup-drawer.active .drawer-overlay{opacity:1;cursor:pointer}body[class*=showing-popup-drawer-]{overflow:hidden}#main-header{display:none}#masthead{position:relative;z-index:11}@media screen and (min-width:1025px){#main-header{display:block}#mobile-header{display:none}}.site-header-row{display:grid;grid-template-columns:auto auto}.site-header-upper-inner-wrap.child-is-fixed{display:flex;align-items:flex-end}.site-header-upper-inner-wrap.child-is-fixed .site-main-header-wrap{width:100%}@media screen and (max-width:719px){.site-header-focus-item.site-header-row-mobile-layout-contained{padding:0 1.5rem}}
117.site-header-section{display:flex;max-height:inherit}.site-header-item{display:flex;align-items:center;margin-right:10px;max-height:inherit}.site-header-section>.site-header-item:last-child{margin-right:0}.drawer-content .site-header-item{margin-right:0;margin-bottom:10px}.drawer-content .site-header-item:last-child{margin-bottom:0}.site-header-section-right{justify-content:flex-end}#mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.pop-animated .drawer-inner{background:rgb(9 12 16 / .97)}.site-header-upper-inner-wrap.child-is-fixed .site-top-header-wrap:not(.item-is-fixed){align-self:flex-start;flex-grow:1}.item-is-fixed{position:fixed;left:0;right:0;z-index:1200}.kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-branding a.brand.has-sticky-logo img.kadence-sticky-logo{display:block}.kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-branding a.brand.has-sticky-logo img{display:none}.kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-branding a.brand img:not(.svg-logo-image){width:auto}.kadence-sticky-header.item-is-fixed:not(.item-at-start)[data-shrink=true] .site-branding a.brand picture img{max-height:inherit}#mobile-drawer{z-index:99999}#mobile-header .mobile-navigation>.mobile-menu-container.drawer-menu-container>ul.menu{display:flex;flex-wrap:wrap}#mobile-header .mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap,#mobile-header .mobile-navigation ul li:not(.menu-item-has-children) a{border:0}</style>
118<link rel='stylesheet' id='kadence-header-css' media='all'  data-href="https://kalkulatorsrednich.pl/wp-content/cache/flying-press/0dbb25a832cc.header.min.css"/>
119<style class='flying-press-used-css' original-href='https://kalkulatorsrednich.pl/wp-content/cache/flying-press/51f80a93089d.content.min.css'>@media screen and (min-width:767px){.wp-block-pullquote blockquote p,.wp-block-pullquote.is-style-solid-color blockquote p{font-size:1.3em}}@media screen and (min-width:767px){.wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-2{grid-template-columns:1fr 1fr}}@media screen and (max-width:540px){.wp-block-latest-posts__featured-image.alignleft{float:none;margin-bottom:1em}}@media screen and (min-width:40em){.gallery-columns-2{grid-template-columns:repeat(2,1fr)}}.pagination a:hover,.pagination a:focus,.pagination a:active{border-color:var(--global-palette-btn-bg)}.page-links a:hover,.page-links a:focus,.page-links a:active{border-color:var(--global-palette-btn-bg)}.collapse-sub-navigation ul.menu .sub-menu.show-drawer{display:block}@media screen and (min-width:576px){.grid-sm-col-1{grid-template-columns:minmax(0,1fr)}}@media screen and (min-width:768px){.grid-md-col-1{grid-template-columns:minmax(0,1fr)}}@media screen and (min-width:1025px){.grid-lg-col-1{grid-template-columns:minmax(0,1fr)}}@media screen and (min-width:1200px){.grid-xl-col-1{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width:719px){.content-style-boxed .content-bg:not(.loop-entry){margin-left:-1rem;margin-right:-1rem;width:auto}}@media screen and (min-width:768px){.grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image){display:grid;grid-template-columns:1fr 2fr}}@media screen and (max-width:719px){.loop-entry .entry-taxonomies{margin-bottom:1em}}@media screen and (max-width:1024px){.title-tablet-align-left{text-align:left}}@media screen and (max-width:719px){.title-mobile-align-left{text-align:left}}@media screen and (min-width:1025px){.content-width-narrow .entry-content .alignwide,.content-width-narrow .content-area .alignwide{margin-left:-80px;margin-right:-80px;width:auto}}</style>
120<link rel='stylesheet' id='kadence-content-css' media='all'  data-href="https://kalkulatorsrednich.pl/wp-content/cache/flying-press/51f80a93089d.content.min.css"/>
121<style class='flying-press-used-css' original-href='https://kalkulatorsrednich.pl/wp-content/cache/flying-press/1a577cf8e4f8.footer.min.css'>@media screen and (min-width:720px) and (max-width:1024px){.site-footer-row-tablet-layout-contained{padding:0 1.5rem}}@media screen and (max-width:719px){.site-footer-row-mobile-layout-contained{padding:0 1.5rem}}@media screen and (max-width:1024px){.ft-ro-dir-row .footer-section-inner-items-2 .footer-widget-area.content-tablet-align-center:first-child{margin-left:auto}}@media screen and (max-width:719px){.ft-ro-m-dir-row .footer-section-inner-items-2 .footer-widget-area.content-mobile-align-center:first-child{margin-left:auto}}@media screen and (max-width:1024px){.ft-ro-t-dir-column .site-footer-section{flex-direction:column}}@media screen and (max-width:719px){.ft-ro-m-dir-column .site-footer-section{flex-direction:column}}@media screen and (max-width:1024px){.rtl .footer-widget-area.content-tablet-align-right .footer-social-inner-wrap{justify-content:flex-start}}@media screen and (max-width:719px){.rtl .footer-widget-area.content-mobile-align-right .footer-social-inner-wrap{justify-content:flex-start}}</style>
122<link rel='stylesheet' id='kadence-footer-css' media='all'  data-href="https://kalkulatorsrednich.pl/wp-content/cache/flying-press/1a577cf8e4f8.footer.min.css"/>
123<style class='flying-press-used-css' original-href='https://kalkulatorsrednich.pl/wp-content/cache/flying-press/714ef7b56ed6.menu-addon.css'>.header-navigation ul li a:not([href]){cursor:default}.nav-drop-title-wrap{display:flex;align-items:center}.header-navigation>div>ul>li>a{display:flex;align-items:center}.header-menu-container ul.menu{position:relative}.header-menu-container ul.menu>
123li.kadence-menu-mega-enabled.menu-item--toggled-on ul,.header-menu-container ul.menu>li.kadence-menu-mega-enabled:hover ul,.header-menu-container ul.menu>li.kadence-menu-mega-enabled:not(.menu-item--has-toggle):focus ul,.header-menu-container ul.menu>li.kadence-menu-mega-enabled>ul.opened ul{visibility:visible}.header-menu-container ul.menu>li.kadence-menu-mega-enabled:not(.kadence-menu-mega-columns-1).menu-item--toggled-on>ul.sub-menu,.header-menu-container ul.menu>li.kadence-menu-mega-enabled:not(.kadence-menu-mega-columns-1):not(.menu-item--has-toggle):focus>ul.sub-menu{opacity:1;visibility:visible;clip:auto;height:auto;overflow:visible}.header-menu-container ul.menu>li.kadence-menu-mega-enabled:not(.kadence-menu-mega-columns-1).menu-item--toggled-on>ul.sub-menu ul,.header-menu-container ul.menu>li.kadence-menu-mega-enabled:not(.kadence-menu-mega-columns-1):not(.menu-item--has-toggle):focus>ul.sub-menu ul{visibility:visible}.kadence-menu-mega-enabled ul.kb-navigation.menu.collapse-sub-nav-desktop-true.collapse-sub-nav-tablet-true.collapse-sub-nav-mobile-true li.menu-item--toggled-on>ul.kb-nav-sub-menu{display:block}nav.click-to-open .header-menu-container ul.menu>li.kadence-menu-mega-enabled:not(.kadence-menu-mega-columns-1)>ul.sub-menu.opened{opacity:1;visibility:visible;clip:auto;height:auto;overflow:visible}</style>
124<link rel='stylesheet' id='menu-addons-css' media='all'  data-href="https://kalkulatorsrednich.pl/wp-content/cache/flying-press/714ef7b56ed6.menu-addon.css"/>
125<style class='flying-press-used-css' original-href='https://kalkulatorsrednich.pl/wp-content/cache/flying-press/caf24fc80c55.style-blocks-spacer.css'>@media(max-width:1024px){.kt-block-spacer.kt-block-spacer-thalign-center .kt-divider,.kt-block-spacer.kt-block-spacer-thalign-center .kt-divider-stripe{left:50%;right:auto;transform:perspective(1px) translate(-50%,-50%)}}@media(max-width:767px){.kt-block-spacer.kt-block-spacer-malign-center .kt-divider,.kt-block-spacer.kt-block-spacer-malign-center .kt-divider-stripe{left:50%;right:auto;transform:perspective(1px) translate(-50%,-50%)}}@media(max-width:767px){.kvs-sm-false{display:none!important}}@media(min-width:768px)and (max-width:1024px){.kvs-md-false{display:none!important}}@media screen and (min-width:1025px){.kvs-lg-false{display:none!important}}</style>
126<link rel='stylesheet' id='kadence-blocks-spacer-css' media='all'  data-href="https://kalkulatorsrednich.pl/wp-content/cache/flying-press/caf24fc80c55.style-blocks-spacer.css"/>
127<style class='flying-press-used-css' original-href='https://kalkulatorsrednich.pl/wp-content/cache/flying-press/b6df213aff9f.rankmath.min.css'></style>
128<link rel='stylesheet' id='kadence-rankmath-css' media='all'  data-href="https://kalkulatorsrednich.pl/wp-content/cache/flying-press/b6df213aff9f.rankmath.min.css"/>
129<style id="kadence-blocks-global-variables-inline-css">:root {--global-kb-font-size-sm:clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);--global-kb-font-size-md:clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);--global-kb-font-size-lg:clamp(1.75rem, 1.576rem + 0.543vw, 2rem);--global-kb-font-size-xl:clamp(2.25rem, 1.728rem + 1.63vw, 3rem);--global-kb-font-size-xxl:clamp(2.5rem, 1.456rem + 3.26vw, 4rem);--global-kb-font-size-xxxl:clamp(2.75rem, 0.489rem + 7.065vw, 6rem);}
130/*# sourceURL=kadence-blocks-global-variables-inline-css */</style>
131<style class='flying-press-used-css' original-href='https://kalkulatorsrednich.pl/wp-content/cache/flying-press/dd8b09b5475d.custom-design.css'>:root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--secondary-gradient:linear-gradient(135deg, #4facfe 0%, #00f2fe 50%, #43e97b 100%);--accent-gradient:linear-gradient(135deg, #fa709a 0%, #fee140 50%, #ff6b6b 100%);--bg-primary:#ffffff !important;--bg-secondary:#f8fafc !important;--bg-tertiary:#f1f5f9 !important;--text-primary:#0f172a !important;--text-secondary:#475569 !important;--text-muted:#64748b !important;--font-heading:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-body:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}*{box-sizing:border-box}html{overflow-x:hidden!important;scroll-behavior:smooth!important}body{font-family:var(--font-body);line-height:1.7;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden!important;max-width:100vw!important;width:100%!important;position:relative!important;font-weight:400}.container,.weighted-container,.grades-container,.school-content-section,.speed-calculator-wrapper,.calculator-wrapper,.hero-container-pro,.content-grid,.applications-grid,.points-calculator-wrapper,.age-calculator-wrapper{width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;float:none!important;position:relative!important;box-sizing:border-box!important}.fade-in,.fade-in.visible,.feature-card-pro,.calculator-card-pro,.feature-card,.calculator-card,.school-content-section,.speed-content-section,.points-content-section,.age-content-section,.content-card,.application-card,.example-box{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}.example-box,.arithmetic-example,.why-guide-box,.content-card,.example-item,.application-card{color:#0f172a!important;background:#ffffff!important;border:1px solid #cbd5e1!important;border-radius:16px!important;padding:1.5rem!important;box-shadow:0 4px 15px rgb(0 0 0 / .05)!important}.example-box h4,.example-box h5,.example-item h4,.content-card h3,.why-guide-box h3{color:#0f172a!important}.example-box p,.example-box li,.example-item p,.content-card p,.why-guide-box p{color:#334155!important}@media (min-width:992px){ul.sub-menu,.nav-drop-title-wrap+.sub-menu,.sub-menu,.navigation .sub-menu,header .sub-menu,.main-navigation .sub-menu{min-width:330px!important;width:max-content!important;max-width:420px!important;padding:.75rem 1rem!important;box-shadow:0 12px 35px rgb(0 0 0 / .15)!important;background:#ffffff!important;border-radius:12px!important}ul.sub-menu li a,.sub-menu li a{white-space:nowrap!important;padding:.65rem 1rem!important;font-size:0.95rem!important;display:block!important;width:100%!important;color:#1e293b!important;font-weight:500!important}ul.sub-menu li a:hover,.sub-menu li a:hover{color:#1e40af!important;background:#f1f5f9!important;border-radius:6px!important}}.btn-primary,a.btn-primary,button.btn-primary,.hero-buttons .btn-primary,.hero-buttons a.btn-primary{background:linear-gradient(135deg,#1e40af 0%,#764ba2 100%)!important;color:#ffffff!important;font-weight:700!important;border:2px solid #1e40af!important;padding:.85rem 1.8rem!important;border-radius:50px!important;box-shadow:0 8px 25px rgb(30 64 175 / .35)!important;text-decoration:none!important;display:inline-block!important}.btn-primary:hover,a.btn-primary:hover,button.btn-primary:hover{background:#1e3a8a!important;color:#ffffff!important}.btn-secondary,a.btn-secondary,button.btn-secondary,.hero-buttons .btn-secondary,.hero-buttons a.btn-secondary{background:#ffffff!important;color:#1e40af!important;font-weight:800!important;border:2px solid #1e40af!important;padding:.85rem 1.8rem!important;border-radius:50px!important;box-shadow:0 8px 25px rgb(0 0 0 / .12)!important;text-decoration:none!important;display:inline-block!important}.btn-secondary:hover,a.btn-secondary:hover,button.btn-secondary:hover{background:#1e40af!important;color:#ffffff!important}html{overflow-x:hidden!important;scroll-behavior:smooth!important}body,#wrapper,#inner-wrap,#content,#primary,#main,.site-main,.site-container,.content-container,.content-area,.entry-content,.single-content-container,.content-wrap,.has-sidebar .content-container,.has-right-sidebar .content-container,.has-left-sidebar .content-container,body.has-sidebar #primary,body.has-right-sidebar #primary,body.header-is-fixed #primary,body.header-is-fixed .content-container,body.header-is-fixed #inner-wrap,body.header-is-fixed #content{display:block!important;grid-template-columns:1fr!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;float:none!important;box-sizing:border-box!important}section,.hero-section-pro,.calculator-section,.formula-table-section,.features-section-new,.calculator-types-section,.faq-section,.features-section,.school-content-section,.speed-content-section,.points-content-section,.age-content-section,.ksr-section{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;float:none!important;clear:both!important;box-sizing:border-box!important}.hero-container-pro,.calculator-wrapper,.container,.ksr-container,.weighted-container,.grades-container,.points-calculator-wrapper,.age-calculator-wrapper,.speed-calculator-wrapper,.school-content-section,.content-grid,.applications-grid{width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:1rem!important;padding-right:1rem!important;box-sizing:border-box!important;float:none!important;position:relative!important}.kadence-sticky-header.item-is-fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:99999!important;box-shadow:0 4px 20px rgb(0 0 0 / .08)!important}#masthead,.site-header,#main-header,.kadence-sticky-header{background:#ffffff!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 4px 20px rgb(15 23 42 / .06)!important;position:relative!important;z-index:99999!important}.kadence-sticky-header.item-is-fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;background:rgb(255 255 255 / .98)!important;backdrop-filter:blur(10px)!important;box-shadow:0 4px 20px rgb(15 23 42 / .1)!important}.hero-section,.geometric-hero-section,.arithmetic-mean-calculator-page .hero-section,.school-hero-section,.points-hero-section,.hero-section-pro{background:linear-gradient(180deg,#f8fafc 0%,#eff6ff 100%)!important;color:#0f172a!important;padding:2rem 1.5rem 1.5rem!important;margin-bottom:1rem!important;border-bottom:1px solid #e2e8f0!important;box-shadow:none!important;text-align:center!important}.hero-section h1,.geometric-hero-section h1,.arithmetic-mean-hero-content h1,.hero-section-pro h1,.school-hero-section h1,.points-hero-section h1{color:#ffffff!important;font-size:clamp(2rem, 5vw, 2.75rem)!important;font-weight:800!important;line-height:1.2!important;margin-bottom:0.75rem!important;text-shadow:0 2px 4px rgb(0 0 0 / .2)!important}.hero-section h2,.geometric-hero-section p,.arithmetic-mean-hero-content h2,.hero-section-pro p,.school-hero-section p{color:#e2e8f0!important;font-size:1.15rem!important;line-height:1.6!important;max-width:800px!important;margin:0 auto!important;font-weight:400!important}body,p,li,td,th,span,div{color:#334155!important;line-height:1.65}h1,h2,h3,h4,h5,h6,.section-title,.ksr-heading,.category-title,.calculator-title{color:#0f172a!important;font-weight:700!important;letter-spacing:-0.01em!important}.formula-box,.step-box,.example-box,.example-section,.application-card,.educational-content,.step-section,.feat-card{background:#ffffff!important;border:1px solid #cbd5e1!important;border-left:4px solid #1e40af!important;border-radius:12px!important;padding:1.25rem 1.5rem!important;margin-bottom:1.25rem!important;color:#0f172a!important;box-shadow:0 4px 15px rgb(0 0 0 / .03)!important}.formula-box strong,.step-box strong,.example-box strong,code,pre{color:#1e40af!important;font-weight:700!important;font-size:1.05rem!important}.table-of-contents{background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:12px!important;padding:1.5rem!important;margin:2rem auto!important;max-width:900px!important}.table-of-contents h3{color:#0f172a!important;font-size:1.2rem!important;margin-bottom:0.75rem!important}.table-of-contents a{color:#1e40af!important;font-weight:600!important;text-decoration:underline!important}.table-of-contents a:hover{color:#4f46e5!important}@media (max-width:768px){.hero-section,.geometric-hero-section,.school-hero-section,.hero-section-pro{padding:2.5rem 1rem!important}.formula-box,.step-box,.example-box,.application-card{padding:1rem!important}table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}}div.hero-section h1,div.hero-section h2,div.hero-section p,div.hero-section span,div.hero-section div,.hero-section h1,.hero-section h2,.hero-section p,.hero-section span,.geometric-hero-section h1,.geometric-hero-section h2,.geometric-hero-section p,.geometric-hero-content h1,.geometric-hero-content h2,.geometric-hero-content p,.arithmetic-mean-hero-content h1,.arithmetic-mean-hero-content h2,.arithmetic-mean-hero-content p,.school-hero-section h1,.school-hero-section h2,.school-hero-section p,.points-hero-section h1,.points-hero-section h2,.points-hero-section p,.hero-section-pro h1,.hero-section-pro h2,.hero-section-pro p{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;text-shadow:0 2px 6px rgb(0 0 0 / .4)!important}body:not(.home):not(.front-page) .hero-section,body:not(.home):not(.front-page) .geometric-hero-section,body:not(.home):not(.front-page) .arithmetic-mean-hero-content,body:not(.home):not(.front-page) .hours-hero-section,body:not(.home):not(.front-page) .time-hero-section,body:not(.home):not(.front-page) .fuel-hero-section,body:not(.home):not(.front-page) .points-hero-section,body:not(.home):not(.front-page) .percentage-hero-section,body:not(.home):not(.front-page) .coin-toss-hero-section,body:not(.home):not(.front-page) .age-hero-section,body:not(.home):not(.front-page) .sc
131hool-hero-section,body:not(.home):not(.front-page) .temp-hero-section,body:not(.home):not(.front-page) .speed-hero-section,body:not(.home):not(.front-page) .university-hero-section,body:not(.home):not(.front-page) .weighted-hero,body:not(.home):not(.front-page) .arithmetic-hero,body:not(.home):not(.front-page) .grades-hero,body:not(.home):not(.front-page) .kw-hero,body:not(.home):not(.front-page) .calc-hero,body:not(.home):not(.front-page) .hero-section-pro,body:not(.home):not(.front-page) [class*="-hero-section"],body:not(.home):not(.front-page) [class*="-hero-content"]{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#1e40af 100%)!important;color:#ffffff!important;padding:3.5rem 1.5rem!important;margin-bottom:2.5rem!important;border-bottom:1px solid #cbd5e1!important;box-shadow:inset 0 -10px 20px rgb(0 0 0 / .05)!important;text-align:center!important}body:not(.home):not(.front-page) .hero-section h1,body:not(.home):not(.front-page) .hero-section h2,body:not(.home):not(.front-page) [class*="-hero"] h1,body:not(.home):not(.front-page) [class*="-hero"] h2,body:not(.home):not(.front-page) [class*="-hero"] h3{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;text-shadow:0 2px 8px rgb(0 0 0 / .4)!important;font-weight:800!important;line-height:1.25!important;margin-bottom:0.75rem!important}body:not(.home):not(.front-page) .hero-section p,body:not(.home):not(.front-page) [class*="-hero"] p,body:not(.home):not(.front-page) [class*="-hero"] span{color:#f1f5f9!important;-webkit-text-fill-color:#f1f5f9!important;font-size:1.1rem!important;max-width:750px!important;margin:0 auto 1.5rem!important;line-height:1.6!important;text-shadow:0 1px 4px rgb(0 0 0 / .3)!important}.example-section,.example-box,.step-section,.step-box,.formula-section,.formula-box,.result-explanation,.calculation-example,.tip-box{background:#ffffff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;border-left:4px solid #1e40af!important;border-radius:12px!important}.example-section p,.example-box p,.example-section li,.example-box li,.example-section em,.example-box em,.step-section p,.step-box p,.step-section li,.step-box li,.educational-content p,.educational-content li{color:#334155!important;font-size:1rem!important;line-height:1.65!important}.example-section strong,.example-box strong,.step-section strong,.step-box strong,.educational-content strong{color:#0f172a!important;font-weight:700!important}.example-box ul,.example-section ul,.step-box ul,.step-section ul,.educational-content ul,.applications-grid ul{margin-left:1.75rem!important;padding-left:0.25rem!important;list-style-type:disc!important;list-style-position:outside!important;margin-top:0.5rem!important;margin-bottom:0.5rem!important}.example-box li,.example-section li,.step-box li,.step-section li,.educational-content li,.applications-grid li{color:#334155!important;margin-bottom:0.4rem!important;padding-left:0.25rem!important;line-height:1.6!important}</style>
132<link rel='stylesheet' id='custom-design-css' media='all'  data-href="https://kalkulatorsrednich.pl/wp-content/cache/flying-press/dd8b09b5475d.custom-design.css"/>
133<style class='flying-press-used-css' original-href='https://kalkulatorsrednich.pl/wp-content/cache/flying-press/de51839ee44f.homepage-redesign.css'>:root{--c-bg:#F8FAFC;--c-surface:#FFFFFF;--c-card:#FFFFFF;--c-border:#E2E8F0;--c-violet:#4F46E5;--c-violet-lt:#6366F1;--c-cyan:#0284C7;--c-cyan-lt:#0EA5E9;--c-green:#16A34A;--c-amber:#D97706;--c-white:#FFFFFF;--c-text-1:#0F172A;--c-text-2:#475569;--c-text-3:#64748B;--grad-primary:linear-gradient(135deg, #4F46E5 0%, #6366F1 50%, #0284C7 100%);--grad-hero-bg:linear-gradient(180deg, #F1F5F9 0%, #FFFFFF 100%);--grad-card:linear-gradient(145deg, #FFFFFF 0%, #F8FAFC 100%);--grad-violet:linear-gradient(135deg, #4F46E5, #6366F1);--grad-cyan:linear-gradient(135deg, #0284C7, #0EA5E9);--grad-green:linear-gradient(135deg, #16A34A, #15803D);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-card:0 4px 20px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);--shadow-glow:0 10px 30px rgba(79, 70, 229, 0.12);--shadow-btn:0 8px 20px rgba(79, 70, 229, 0.25);--transition:.25s cubic-bezier(.4, 0, .2, 1)}.site{background:#FFFFFF!important}body{background:#FFFFFF!important;color:#0F172A!important}.example-box{background:rgb(6 182 212 / .08)!important;border:1px solid rgb(6 182 212 / .2)!important;border-radius:var(--radius-md)!important;padding:.9rem 1.2rem!important;color:var(--c-cyan-lt)!important;font-size:.9rem!important;margin-top:.75rem!important}.faq-item{background:#FFFFFF!important;border:1.5px solid #E2E8F0!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 4px 15px rgb(0 0 0 / .03)!important;margin-bottom:1rem!important;transition:all 0.2s ease!important}.faq-item.active,.faq-item:hover{border-color:#4F46E5!important;box-shadow:0 8px 25px rgb(79 70 229 / .1)!important}.faq-item.active .faq-question::after{transform:rotate(45deg)}.faq-item.active .faq-answer{border-top:1px solid #E2E8F0!important}div[style*="text-align:center"][style*="padding"]{background:var(--c-surface)!important;border-top:1px solid var(--c-border)!important;border-bottom:1px solid var(--c-border)!important}div[style*="text-align:center"]>p{color:var(--c-text-3)!important}
133@media (max-width:900px){.hero-container-pro{grid-template-columns:1fr!important;gap:2.5rem!important}}@media (max-width:600px){.hero-section-pro{padding:2rem 0 1.5rem!important;min-height:auto!important}}.pro-input:focus,.pro-numbers-input:focus,.pro-input:active,.pro-numbers-input:active{border-color:#764ba2!important;background:#ffffff!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;box-shadow:0 0 0 3px rgb(118 75 162 / .15)!important}.result-explanation,.calculation-example,.tip-box,.example-box,.step-box,.formula-box{background:#ffffff!important;border:1px solid #cbd5e1!important;border-left:4px solid #1e40af!important;border-radius:12px!important;box-shadow:0 4px 15px rgb(0 0 0 / .03)!important;padding:1.5rem!important;margin:1.5rem 0!important;color:#0f172a!important}.result-explanation h4,.calculation-example h4,.tip-box h4,.example-box h4,.step-box h4{color:#0f172a!important;font-weight:700!important;margin-bottom:0.75rem!important}.result-explanation p,.result-explanation li,.calculation-example p,.calculation-example li,.tip-box p,.tip-box li,.example-box p,.example-box li,.example-box em,.step-box p,.step-box li{color:#334155!important;font-size:0.98rem!important;line-height:1.65!important}.result-explanation ul,.calculation-example ul,.tip-box ul,.example-box ul,.step-box ul{margin-left:1.5rem!important;padding-left:0.5rem!important;list-style-position:outside!important;margin-top:0.5rem!important;margin-bottom:0.5rem!important}.result-explanation li,.calculation-example li,.tip-box li,.example-box li,.step-box li{margin-bottom:0.4rem!important}.result-explanation strong,.calculation-example strong,.tip-box strong,.example-box strong,.step-box strong{color:#0f172a!important;font-weight:700!important}#primary,#main,#content,.site-main,.content-area,.entry-content,.site-container,.single-content-container,.content-container,.content-wrap{max-width:100%!important;width:100%!important;background:transparent!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important}.container,.ksr-container{max-width:1200px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:1.5rem!important;padding-right:1.5rem!important;box-sizing:border-box!important}@media (max-width:768px){.pro-container{padding:1.5rem 1rem!important;border-radius:18px!important}}body,.site,#page,#wrapper,#inner-wrap,#content,#primary,#main,.site-main{background-color:#F8FAFC!important;color:#0F172A!important}h1,h2,h3,h4,h5,h6,.section-title,.ksr-heading,.hero-title-pro{color:#0F172A!important;-webkit-text-fill-color:#0F172A!important}p,span,li,td,th,label,div{color:#334155}table{background:#FFFFFF!important;border:1px solid #E2E8F0!important}table th{background:linear-gradient(135deg,#4F46E5,#6366F1)!important;color:#FFFFFF!important}table td{color:#1E293B!important;border-bottom:1px solid #F1F5F9!important}table tr:nth-child(even){background-color:#F8FAFC!important}.calc-tab.active{background:linear-gradient(135deg,#4F46E5,#6366F1)!important;color:#FFFFFF!important;border-color:#4F46E5!important;box-shadow:0 4px 12px rgb(79 70 229 / .25)!important}@media (max-width:1024px){#main-header{display:none!important}#mobile-header,.mobile-header-row{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important}}@media (min-width:1025px){#mobile-header,.mobile-header-row{display:none!important;height:0!important;max-height:0!important;overflow:hidden!important;visibility:hidden!important}#main-header,.main-header-row,.site-main-header-wrap{display:block!important;visibility:visible!important}}#mobile-drawer,.popup-drawer{z-index:99999999!important}.site-branding .site-title,.site-branding .site-title a,.site-title,.site-title a{font-size:1rem!important;font-weight:800!important;white-space:nowrap!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important}@media (max-width:1024px){.site-branding .site-title,.site-branding .site-title a,.site-title,.site-title a{font-size:0.9rem!important;white-space:nowrap!important;text-align:left!important}.site-branding,.site-branding a.brand,.site-title-wrap{text-align:left!important;justify-content:flex-start!important;margin-left:0!important}}#wrapper,#masthead,.site-header,#main-header,#mobile-header,.site-header-wrap,.site-main-header-wrap,.site-header-row,.site-header-row-container,.site-header-row-container-inner,.site-main-header-inner-wrap,.site-header-container,.site-header-row-layout-standard,.main-navigation,.header-navigation,.site-header-main-section-right,.header-menu-container,.primary-menu-container,.kadence-sticky-header:not(.item-is-fixed){position:relative!important;z-index:999999!important;overflow:visible!important;clip:auto!important;clip-path:none!important;max-height:none!important}.kadence-sticky-header.item-is-fixed,.item-is-fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:999999!important;overflow:visible!important;clip:auto!important;clip-path:none!important}#masthead,.site-header,#main-header,.site-header-row,.site-main-header-wrap,.site-header-wrap,.site-header-inner-wrap,.site-header-upper-wrap,.site-header-upper-inner-wrap,.site-header-row-container-site-layout-boxed,.site-header-row-container-site-layout-fullwidth,.site-header-row-container-inner,.site-main-header-inner-wrap,.site-header-container,.site-header-row-layout-standard,.main-navigation,.header-navigation,.site-header-main-section-right,.header-menu-container{width:100%!important;max-width:100%!important;background:#FFFFFF!important;background-color:#FFFFFF!important;border-radius:0!important;overflow:visible!important}.site-header-row-container-inner,.site-main-header-inner-wrap,.site-header-container,.site-header-row-layout-standard{max-width:1280px!important;width:100%!important;margin:0 auto!important;padding-top:0.75rem!important;padding-bottom:0.75rem!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:transparent!important;box-shadow:none!important;border:none!important;overflow:visible!important}.hero-section-pro,.hero-section,.hours-hero-section,.calc-hero,#inner-wrap,#content,#primary,#main{position:relative!important;z-index:1!important}@media (min-width:1025px){.header-navigation ul li,.main-navigation ul li,.menu-item-has-children,li.menu-item-has-children{position:relative!important;overflow:visible!important}.header-navigation ul ul,.main-navigation ul ul,.header-navigation ul.sub-menu,.main-navigation ul.sub-menu,ul.sub-menu,.sub-menu,ul.submenu,.submenu,.header-navigation[class*=header-navigation-dropdown] ul ul.sub-menu,.header-navigation[class*=header-navigation-dropdown] ul ul.submenu{position:absolute!important;top:100%!important;left:0!important;z-index:9999999!important;display:none!important;visibility:hidden!important;opacity:0!important;clip:auto!important;clip-path:none!important;height:auto!important;max-height:none!important;overflow:visible!important;min-width:250px!important;width:max-content!important;max-width:380px!important;background:#FFFFFF!important;background-color:#FFFFFF!important;border:1px solid #E2E8F0!important;border-radius:12px!important;box-shadow:0 20px 40px rgb(0 0 0 / .18)!important;padding:.6rem 0!important;margin:0!important;list-style:none!important;transform:none!important;transition:opacity 0.15s ease,visibility 0.15s ease!important}.header-navigation ul li:hover>ul,.main-navigation ul li:hover>ul,.header-navigation ul li:focus-within>ul,.main-navigation ul li:focus-within>ul,.menu-item-has-children:hover>ul,.menu-item-has-children:focus-within>ul,li.menu-item-has-children:hover>ul.sub-menu,li.menu-item-has-children:hover>ul.submenu,li.menu-item-has-children.menu-item--toggled-on>ul,.header-navigation[class*=header-navigation-dropdown] ul li:hover>ul,.header-navigation[class*=header-navigation-dropdown] ul li.menu-item--toggled-on>ul{display:block!important;visibility:visible!important;opacity:1!important;clip:auto!important;clip-path:none!important;height:auto!important;max-height:none!important;overflow:visible!important;pointer-events:auto!important;transform:none!important}.header-navigation ul.sub-menu li,.main-navigation ul.sub-menu li,ul.sub-menu li,.sub-menu li{display:block!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;height:auto!important}.header-navigation ul.sub-menu li a,.main-navigation ul.sub-menu li a,ul.sub-menu li a,.sub-menu li a{color:#0F172A!important;background:transparent!important;font-size:0.93rem!important;font-weight:600!important;padding:.7rem 1.25rem!important;display:block!important;white-space:nowrap!important;line-height:1.4!important;transition:all 0.15s ease!important;text-align:left!important;height:auto!important;opacity:1!important;visibility:visible!important}.header-navigation ul.sub-menu li a:hover,.main-navigation ul.sub-menu li a:hover,ul.sub-menu li a:hover,.sub-menu li a:hover{color:#4F46E5!important;background:#F1F5F9!important}}.main-navigation a,.header-navigation a,.navigation a,.site-header-main-section-right a,.header-menu-container a{color:#334155!important;font-weight:600!important;font-size:0.95rem!important;padding:.5rem 0.85rem!important;transition:all 0.2s ease!important;border-radius:6px!important}.main-navigation a:hover,.header-navigation a:hover,.navigation a:hover,.site-header-main-section-right a:hover,.header-menu-container a:hover{color:#4F46E5!important;background:#F1F5F9!important}.main-navigation ul.sub-menu,.header-navigation ul.sub-menu,.site-header-main-section-right ul.sub-menu,.header-menu-container ul.sub-menu,.primary-menu-container ul.sub-menu,ul.sub-menu,.sub-menu{background:#FFFFFF!important;background-color:#FFFFFF!important;border:1px solid #E2E8F0!important;border-radius:12px!important;box-shadow:0 10px 30px rgb(0 0 0 / .1)!important;padding:.5rem 0!important}.main-navigation ul.sub-menu a,.header-navigation ul.sub-menu a,.site-header-main-section-right ul.sub-menu a,.header-menu-container ul.sub-menu a,.primary-menu-container ul.sub-menu a,ul.sub-menu a,ul.sub-menu li a,.sub-menu a{color:#0F172A!important;background:transparent!important;font-size:0.92rem!important;font-weight:600!important;padding:.7rem 1.75rem!important;display:block!important;white-space:nowrap!important;transition:all 0.2s ease!important}.main-navigation ul.sub-menu a:hover,.header-navigation ul.sub-menu a:hover,.site-header-main-section-right ul.sub-menu a:hover,.header-menu-container ul.sub-menu a:hover,.primary-menu-container ul.sub-menu a:hover,ul.sub-menu a:hover,ul.sub-menu li a:hover,.sub-menu a:hover{color:#4F46E5!important;background:#F1F5F9!important}.popup-drawer .drawer-inner{background:#ffffff!important;color:#0f172a!important;padding:1.5rem!important}.popup-drawer .mobile-navigation a{font-size:1.1rem!important;font-weight:700!important;color:#1e293b!important;padding:.85rem 1rem!important;border-bottom:1px solid #f1f5f9!important;display:block!important;text-decoration:none!important}.popup-drawer .mobile-navigation a:hover,.popup-drawer .mobile-navigation a:focus{color:#1e40af!important;background:#f8fafc!important;border-radius:8px!important}.popup-drawer .drawer-header .drawer-toggle,.popup-drawer .toggle-close-bar{color:#0f172a!important;background:#f1f5f9!important;border-radius:50%!important}.formula-table-section table,.ksr-section table,table{min-width:680px!important;width:100%!important;border-collapse:collapse!important}div[style*="overflow-x: auto"],.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;margin-bottom:1.5rem!important;border-radius:12px!important}@media (max-width:768px){table th,table td{padding:.75rem 0.85rem!important;font-size:0.88rem!important;white-space:normal!important;word-break:normal!important}table th{white-space:nowrap!important}}.site-footer-custom{background:#090d16!important;color:#cbd5e1!important;padding:3rem 1.5rem 2rem!important;font-size:0.95rem!important;border-top:1px solid #1e293b!important;width:100%!important;box-sizing:border-box!important;margin:0!important;overflow:hidden!important}.site-footer-inner{max-width:1200px!important;width:100%!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important}.site-footer-top{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:1.5rem!important;padding-bottom:2rem!important;border-bottom:1px solid rgb(255 255 255 / .1)!important}.footer-brand{display:flex!important;align-items:center!important;gap:0.75rem!important}.footer-logo-icon{font-size:1.8rem!important;color:#ff3344!important}.footer-logo-text{font-size:1.3rem!important;font-weight:800!important;color:#ffffff!important}.footer-logo-text span{color:#94a3b8!important;font-weight:400!important;font-size:1.05rem!important}.footer-nav-links{display:flex!important;flex-wrap:wrap!important;gap:1rem 1.5rem!important;font-size:0.95rem!important}.footer-nav-links a{color:#e2e8f0!important;text-decoration:none!important;font-weight:600!important;transition:color 0.2s ease!important}.footer-nav-links a:hover{color:#818cf8!important}.footer-social-links{display:flex!important;gap:0.75rem!important;align-items:center!important;flex-wrap:wrap!important}.footer-social-links a{background:rgb(255 255 255 / .08)!important;color:#ffffff!important;padding:.45rem 1rem!important;border-radius:20px!important;text-decoration:none!important;font-size:0.85rem!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;border:1px solid rgb(255 255 255 / .12)!important;transition:background 0.2s ease!important}.footer-social-links a:hover{background:rgb(255 255 255 / .18)!important}.site-footer-bottom{padding-top:1.5rem!important;text-align:center!important}.site-footer-bottom p{margin:0!important;font-size:0.9rem!important;color:#94a3b8!important;line-height:1.6!important;font-weight:500!important}html,body{overflow-x:hidden!important;max-width:100%!important;width:100%!important;margin:0!important;padding:0!important}*,*::before,*::after{box-sizing:border-box!important}#wrapper,#outer-wrap,#inner-wrap,#content,.site,#page,#colophon,.site-footer{width:100%!important;max-width:100%!important;overflow-x:hidden!important;margin-left:0!important;margin-right:0!important}@media (max-width:768px){html,body{overflow-x:hidden!important;width:100%!important;max-width:100%!important}.container,.ksr-container,.hero-container-pro,.calculator-wrapper,.content-container,.site-container,.entry-content,.site-main,.section-header,.features-section,.calculator-types-section,.faq-section,.ksr-section,.app-banner,#primary,#content,#main{width:100%!important;max-width:100%!important;padding-left:1rem!important;padding-right:1rem!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
133.features-grid-new,.calculator-grid,.use-cases-grid,.troubleshooting-grid,.applications-grid,.faq-grid{grid-template-columns:1fr!important;gap:1.25rem!important;width:100%!important}.site-footer-custom{width:100%!important;max-width:100%!important;padding:2.5rem 1.25rem 2rem!important;margin:0!important;box-sizing:border-box!important;background:#090d16!important}.site-footer-inner{width:100%!important;padding:0!important;margin:0 auto!important}.site-footer-top{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:1.5rem!important;width:100%!important}.footer-brand{justify-content:center!important;width:100%!important}.footer-nav-links{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0.85rem!important;width:100%!important;text-align:center!important}.footer-nav-links a{display:block!important;padding:.35rem 0!important;text-align:center!important}.footer-social-links{justify-content:center!important;width:100%!important}.site-footer-bottom{width:100%!important;text-align:center!important}.site-footer-bottom p{text-align:center!important}}.hours-hero-section,.time-hero-section,.fuel-hero-section,.points-hero-section,.percentage-hero-section,.coin-toss-hero-section,.age-hero-section,.school-hero-section,.temp-hero-section,.speed-hero-section,.geometric-hero-section,.arithmetic-mean-hero-section,.university-hero-section,.weighted-hero,.arithmetic-hero,.grades-hero,.kw-hero,.calc-hero,.hero-section{background:linear-gradient(180deg,#F1F5F9 0%,#FFFFFF 100%)!important;padding:2.5rem 1rem 2rem!important;text-align:center!important;color:#0F172A!important;border-bottom:1px solid #E2E8F0!important}.hours-hero-section h1,.time-hero-section h1,.fuel-hero-section h1,.points-hero-section h1,.percentage-hero-section h1,.coin-toss-hero-section h1,.age-hero-section h1,.school-hero-section h1,.temp-hero-section h1,.speed-hero-section h1,.geometric-hero-section h1,.arithmetic-mean-hero-section h1,.arithmetic-mean-hero-content h1,.university-hero-section h1,.weighted-hero h1,.arithmetic-hero h1,.grades-hero h1,.kw-hero h1,.calc-hero h1,.hero-section h1,.hero-section h2,.arithmetic-mean-hero-content h2{font-weight:800!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;text-shadow:0 2px 8px rgb(0 0 0 / .4)!important;font-size:clamp(1.8rem, 4vw, 2.75rem)!important;margin-bottom:0.75rem!important}.hero-description,.hours-hero-content p,.time-hero-content p,.fuel-hero-content p,.points-hero-content p,.percentage-hero-content p,.coin-toss-hero-content p,.age-hero-content p,.school-hero-content p,.temp-hero-content p,.speed-hero-content p,.geometric-hero-content p,.arithmetic-mean-hero-content p,.university-hero-content p,.school-hero-subtitle{color:#F1F5F9!important;-webkit-text-fill-color:#F1F5F9!important;font-size:1.1rem!important;max-width:750px!important;margin:0 auto 1.5rem!important;line-height:1.6!important;text-shadow:0 1px 4px rgb(0 0 0 / .3)!important}.hours-calculator-page,.calculator-page,.article-container,.calc-hero,.hero-section,.entry-content,.site-main,.site-content,.single-page,#primary,#content,#main{background:#FFFFFF!important;background-color:#FFFFFF!important;color:#0F172A!important}.fade-in,.fade-in.visible,.feature-card-pro,.calculator-card-pro,.feature-card,.calculator-card{opacity:1!important;transform:none!important;visibility:visible!important;transition:none!important}</style>
134<link rel='stylesheet' id='homepage-redesign-css' media='all'  data-href="https://kalkulatorsrednich.pl/wp-content/cache/flying-press/de51839ee44f.homepage-redesign.css"/>
135<style id="kadence_blocks_css-inline-css">.wp-block-kadence-spacer.kt-block-spacer-270_d7fa4b-99 .kt-divider{width:80%;}.wp-block-kadence-spacer.kt-block-spacer-270_88cc25-92 .kt-divider{width:80%;}
136/*# sourceURL=kadence_blocks_css-inline-css */</style>
137<link rel='stylesheet' id='professional-calculator-css' href='https://kalkulatorsrednich.pl/wp-content/cache/flying-press/110b1683f2ca.calculator.css' media='print' onload="this.media='all'" />
138<noscript><style class='flying-press-used-css' original-href='https://kalkulatorsrednich.pl/wp-content/cache/flying-press/110b1683f2ca.calculator.css'>*,*::before,*::after{box-sizing:border-box}:root{--primary-gradient:linear-gradient(135deg, #4F46E5 0%, #8B5CF6 100%);--input-gradient:linear-gradient(145deg, #ffffff 0%, #f8f9ff 100%);--success-gradient:linear-gradient(135deg, #2DD4BF 0%, #0EA5E9 100%);--danger-color:#EF4444;--border-color:#E0E7FF}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:#f8fafc;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px}.container{background:#fff;padding:2rem;border-radius:1.5rem;box-shadow:0 10px 25px -5px rgb(0 0 0 / .1);width:100%;max-width:640px;position:relative}h2{color:#1E293B;margin:0 0 1.5rem;font-weight:700;font-size:clamp(1.5rem, 4vw, 2rem);text-align:center;white-space:normal}select,.styled-input{width:100%;padding:1rem;margin:0 auto 1.5rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:1rem;background:var(--input-gradient);transition:all 0.2s ease;box-shadow:0 1px 3px rgb(0 0 0 / .05)}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234F46E5'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25em}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.container{padding:1.5rem;border-radius:1rem}h2{white-space:normal;text-align:left;margin-bottom:.5rem}select,.styled-input,#calculateBtn{font-size:.9rem;padding:.8rem}}</style>
139<link rel='stylesheet' id='professional-calculator-css' media='all'  data-href="https://kalkulatorsrednich.pl/wp-content/cache/flying-press/110b1683f2ca.calculator.css"/>
140</noscript><link rel="https://api.w.org/" href="https://kalkulatorsrednich.pl/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://kalkulatorsrednich.pl/wp-json/wp/v2/pages/270" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://kalkulatorsrednich.pl/xmlrpc.php?rsd" />
141<meta name="generator" content="WordPress 7.1.2" />
142<link rel='shortlink' href='https://kalkulatorsrednich.pl/?p=270' />
143<meta name="generator" content="Site Kit by Google 1.184.0" /><link rel="pingback" href="https://kalkulatorsrednich.pl/xmlrpc.php">
vendor: 87 bytes, line 143
143<script id="google_gtagjs" defer data-src="https://www.googletagmanager.com/gtag/js?id=
143G-54RK7471PF
vendor: 12 bytes, line 143
143"></script>
144<script id="google_gtagjs-inline" src="data:text/javascript,window.dataLayer%20%3D%20window.dataLayer%20%7C%7C%20%5B%5D%3Bfunction%20gtag%28%29%7BdataLayer.push%28arguments%29%3B%7Dgtag%28%27js%27%2C%20new%20Date%28%29%29%3Bgtag%28%27config%27%2C%20%27G-54RK7471PF%27%2C%20%7B%7D%20%29%3B" defer></script>
144
145<style type="text/css">.saboxplugin-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #eee;width:100%;clear:both;display:block;overflow:hidden;word-wrap:break-word;position:relative}.saboxplugin-wrap .saboxplugin-gravatar{float:left;padding:0 20px 20px 20px}.saboxplugin-wrap .saboxplugin-gravatar img{max-width:100px;height:auto;border-radius:0;}.saboxplugin-wrap .saboxplugin-authorname{font-size:18px;line-height:1;margin:20px 0 0 20px;display:block}.saboxplugin-wrap .saboxplugin-authorname a{text-decoration:none}.saboxplugin-wrap .saboxplugin-authorname a:focus{outline:0}.saboxplugin-wrap .saboxplugin-desc{display:block;margin:5px 20px}.saboxplugin-wrap .saboxplugin-desc a{text-decoration:underline}.saboxplugin-wrap .saboxplugin-desc p{margin:5px 0 12px}.saboxplugin-wrap .saboxplugin-web{margin:0 20px 15px;text-align:left}.saboxplugin-wrap .sab-web-position{text-align:right}.saboxplugin-wrap .saboxplugin-web a{color:#ccc;text-decoration:none}.saboxplugin-wrap .saboxplugin-socials{position:relative;display:block;background:#fcfcfc;padding:5px;border-top:1px solid #eee}.saboxplugin-wrap .saboxplugin-socials a svg{width:20px;height:20px}.saboxplugin-wrap .saboxplugin-socials a svg .st2{fill:#fff; transform-origin:center center;}.saboxplugin-wrap .saboxplugin-socials a svg .st1{fill:rgba(0,0,0,.3)}.saboxplugin-wrap .saboxplugin-socials a:hover{opacity:.8;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;box-shadow:none!important;-webkit-box-shadow:none!important}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color{box-shadow:none;padding:0;border:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;display:inline-block;color:#fff;font-size:0;text-decoration:inherit;margin:5px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;overflow:hidden}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey{text-decoration:inherit;box-shadow:none;position:relative;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;margin:10px 5px;color:#444;fill:#444}.clearfix:after,.clearfix:before{content:' ';display:table;line-height:0;clear:both}.ie7 .clearfix{zoom:1}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitch{border-color:#38245c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-behance{border-color:#003eb0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-deviantart{border-color:#036824}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-digg{border-color:#00327c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-dribbble{border-color:#ba1655}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-facebook{border-color:#1e2e4f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-flickr{border-color:#003576}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-github{border-color:#264874}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-google{border-color:#0b51c5}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-html5{border-color:#902e13}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-instagram{border-color:#1630aa}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-linkedin{border-color:#00344f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-pinterest{border-color:#5b040e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-reddit{border-color:#992900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-rss{border-color:#a43b0a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-sharethis{border-color:#5d8420}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-soundcloud{border-color:#995200}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-spotify{border-color:#0f612c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stackoverflow{border-color:#a95009}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-steam{border-color:#006388}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-user_email{border-color:#b84e05}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-tumblr{border-color:#10151b}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitter{border-color:#0967a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vimeo{border-color:#0d7091}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-windows{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-whatsapp{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-wordpress{border-color:#0f3647}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-yahoo{border-color:#14002d}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-youtube{border-color:#900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-xing{border-color:#000202}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mixcloud{border-color:#2475a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vk{border-color:#243549}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-medium{border-color:#00452c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-quora{border-color:#420e00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-meetup{border-color:#9b181c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-goodreads{border-color:#000}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-snapchat{border-color:#999700}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-500px{border-color:#00557f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mastodont{border-color:#185886}.sabox-plus-item{margin-bottom:20px}@media screen and (max-width:480px){.saboxplugin-wrap{text-align:center}.saboxplugin-wrap .saboxplugin-gravatar{float:none;padding:20px 0;text-align:center;margin:0 auto;display:block}.saboxplugin-wrap .saboxplugin-gravatar img{float:none;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1}.saboxplugin-wrap .saboxplugin-desc{margin:0 10px 20px;text-align:center}.saboxplugin-wrap .saboxplugin-authorname{text-align:center;margin:10px 0 20px}}body .saboxplugin-authorname a,body .saboxplugin-authorname a:hover{box-shadow:none;-webkit-box-shadow:none}a.sab-profile-edit{font-size:16px!important;line-height:1!important}.sab-edit-settings a,a.sab-profile-edit{color:#0073aa!important;box-shadow:none!important;-webkit-box-shadow:none!important}.sab-edit-settings{margin-right:15px;position:absolute;right:0;z-index:2;bottom:10px;line-height:20px}.sab-edit-settings i{margin-left:5px}.saboxplugin-socials{line-height:1!important}.rtl .saboxplugin-wrap .saboxplugin-gravatar{float:right}.rtl .saboxplugin-wrap .saboxplugin-authorname{display:flex;align-items:center}.rtl .saboxplugin-wrap .saboxplugin-authorname .sab-profile-edit{margin-right:10px}.rtl .sab-edit-settings{right:auto;left:0}img.sab-custom-avatar{max-width:75px;}.saboxplugin-wrap {margin-top:0px; margin-bottom:0px; padding: 0px 0px }.saboxplugin-wrap .saboxplugin-authorname {font-size:18px; line-height:25px;}.saboxplugin-wrap .saboxplugin-desc p, .saboxplugin-wrap .saboxplugin-desc {font-size:14px !important; line-height:21px !important;}.saboxplugin-wrap .saboxplugin-web {font-size:14px;}.saboxplugin-wrap .saboxplugin-socials a svg {width:18px;height:18px;}</style><link rel="icon" href="https://kalkulatorsrednich.pl/wp-content/uploads/2025/11/Kalkulator-sredniej-150x150.png" sizes="32x32" />
146<link rel="icon" href="https://kalkulatorsrednich.pl/wp-content/uploads/2025/11/Kalkulator-sredniej-300x300.png" sizes="192x192" />
147<link rel="apple-touch-icon" href="https://kalkulatorsrednich.pl/wp-content/uploads/2025/11/Kalkulator-sredniej-300x300.png" />
148<meta name="msapplication-TileImage" content="https://kalkulatorsrednich.pl/wp-content/uploads/2025/11/Kalkulator-sredniej-300x300.png" />
149<style id="wp-custom-css">input[type="text"], textarea {
150    -webkit-appearance: none;
151    
152    padding: 10px;
153  
154}
155.content-title-style-above .entry-content {
156    margin-top: 15px;
157}</style>
158<link rel='stylesheet' id='tailwindcss-css' href='https://cdn.tailwindcss.com' media='all' />
159
160
161<style id='flying-press-system-font'>body{font-family:-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif!important;}code{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace!important;}</style>
162</head>
163
164<body class="wp-singular page-template page-template-page-kalkulator-procentow page-template-page-kalkulator-procentow-php page page-id-270 wp-embed-responsive wp-theme-kadence footer-on-bottom hide-focus-outline link-style-standard content-title-style-normal content-width-normal content-style-boxed content-vertical-padding-show non-transparent-header mobile-non-transparent-header">
165<div id="wrapper" class="site wp-site-blocks">
166			<a class="skip-link screen-reader-text scroll-ignore" href="#main">Przejdź do treści</a>
167		<header id="masthead" class="site-header" role="banner" itemtype="https://schema.org/WPHeader" itemscope>
168	<div id="main-header" class="site-header-wrap">
169		<div class="site-header-inner-wrap">
170			<div class="site-header-upper-wrap">
171				<div class="site-header-upper-inner-wrap">
172					<div class="site-main-header-wrap site-header-row-container site-header-focus-item site-header-row-layout-standard" data-section="
172kadence_customizer_header_main">
173	<div class="site-header-row-container-inner">
174				<div class="site-container">
175			<div class="site-main-header-inner-wrap site-header-row site-header-row-has-sides site-header-row-no-center">
176									<div class="site-header-main-section-left site-header-section site-header-section-left">
177						<div class="site-header-item site-header-focus-item" data-section="title_tagline">
178	<div class="site-branding branding-layout-standard"><a class="brand" href="https://kalkulatorsrednich.pl/" rel="home"><div class="site-title-wrap"><p class="site-title">KALKULATOR ŚREDNIEJ</p></div></a></div></div><!-- data-section="title_tagline" -->
179					</div>
180																	<div class="site-header-main-section-right site-header-section site-header-section-right">
181						<div class="site-header-item site-header-focus-item site-header-item-main-navigation header-navigation-layout-stretch-false header-navigation-layout-fill-stretch-false" data-section="kadence_customizer_primary_navigation">
182	    <nav id="site-navigation" class="main-navigation header-navigation hover-to-open nav--toggle-sub header-navigation-style-standard header-navigation-dropdown-animation-none" role="navigation" aria-label="Główne menu">
183            <div class="primary-menu-container header-menu-container">
184    <ul id="primary-menu" class="menu"><li id="menu-item-351" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-351"><a href="https://kalkulatorsrednich.pl/">Home</a></li>
185<li id="menu-item-326" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-326"><a><span class="nav-drop-title-wrap">Średnich<span class="dropdown-nav-toggle"><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Rozwiń</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path>
186				</svg></span></span></span></a>
187<ul class="sub-menu">
188	<li id="menu-item-520" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-520"><a href="https://kalkulatorsrednich.pl/kalkulator-sredniej-wazonej/">Kalkulator Średniej Ważonej</a></li>
189	<li id="menu-item-342" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-342"><a href="https://kalkulatorsrednich.pl/kalkulator-sredniej-arytmetycznej/">Kalkulator Średniej Arytmetycznej</a></li>
190	<li id="menu-item-718" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-718"><a href="https://kalkulatorsrednich.pl/kalkulator-sredniej-geometrycznej/">Kalkulator Średniej Geometrycznej</a></li>
191	<li id="menu-item-343" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-343"><a href="https://kalkulatorsrednich.pl/kalkulator-sredniej-predkosci/">Kalkulator Średniej Prędkości</a></li>
192	<li id="menu-item-344" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-344"><a href="https://kalkulatorsrednich.pl/kalkulator-sredniej-temperatury/">Kalkulator Średniej Temperatury</a></li>
193</ul>
194</li>
195<li id="menu-item-165" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-ancestor current-menu-parent menu-item-has-children menu-item-165"><a><span class="nav-drop-title-wrap">Matematyczne<span class="dropdown-nav-toggle"><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Rozwiń</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path>
196				</svg></span></span></span></a>
197<ul class="sub-menu">
198	<li id="menu-item-345" class="menu-item menu-item-type-post_type menu-item-object-post current-menu-item menu-item-345"><a href="https://kalkulatorsrednich.pl/kalkulator-procentow/" aria-current="page">Kalkulator Procentów</a></li>
199	<li id="menu-item-347" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-347"><a href="https://kalkulatorsrednich.pl/kalkulator-punktow/">kalkulator Punktów do Liceum</a></li>
200</ul>
201</li>
202</ul>        </div>
203    </nav><!-- #site-navigation -->
204    </div><!-- data-section="primary_navigation" -->
205					</div>
206							</div>
207		</div>
208	</div>
209</div>
210				</div>
211			</div>
212					</div>
213	</div>
214	
215<div id="mobile-header" class="site-mobile-header-wrap">
216	<div class="site-header-inner-wrap">
217		<div class="site-header-upper-wrap">
218			<div class="site-header-upper-inner-wrap">
219			<div class="site-main-header-wrap site-header-focus-item site-header-row-layout-standard site-header-row-tablet-layout-default site-header-row-mobile-layout-default ">
220	<div class="site-header-row-container-inner">
221		<div class="site-container">
222			<div class="site-main-header-inner-wrap site-header-row site-header-row-has-sides site-header-row-no-center">
223									<div class="site-header-main-section-left site-header-section site-header-section-left">
224						<div class="site-header-item site-header-focus-item" data-section="title_tagline">
225	<div class="site-branding mobile-site-branding branding-layout-standard branding-tablet-layout-standard branding-mobile-layout-standard"><a class="brand" href="https://kalkulatorsrednich.pl/" rel="home"><div class="site-title-wrap"><div class="site-title">KALKULATOR ŚREDNIEJ</div></div></a></div></div><!-- data-section="title_tagline" -->
226					</div>
227																	<div class="site-header-main-section-right site-header-section site-header-section-right">
228						<div class="site-header-item site-header-focus-item site-header-item-navgation-popup-toggle" data-section="kadence_customizer_mobile_trigger">
229		<div class="mobile-toggle-open-container">
230						<button id="mobile-toggle" class="menu-toggle-open drawer-toggle menu-toggle-style-default" aria-label="Rozwiń menu" data-toggle-target="#mobile-drawer" data-toggle-body-class="showing-popup-drawer-from-right" aria-expanded="false" data-set-focus=".menu-toggle-close"
231					>
232						<span class="menu-toggle-icon"><span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-menu2-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="28" viewBox="0 0 24 28"><title>Przełączanie menu</title><path d="M24 21v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1zM24 13v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1zM24 5v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1z"></path>
233				</svg></span></span>
234		</button>
235	</div>
236	</div><!-- data-section="mobile_trigger" -->
237					</div>
238							</div>
239		</div>
240	</div>
241</div>
242			</div>
243		</div>
244			</div>
245</div>
246</header><!-- #masthead -->
247
248	<div id="inner-wrap" class="wrap kt-clear">
249		
250<div class="percentage-calculator-page">
251    <!-- Hero Section -->
252    <section class="hero-section">
253        <div class="percentage-hero-content">
254            <h1>Kalkulator Procentów Online</h1>
255            <h2>Profesjonalne narzędzie do obliczania rabatów, podatków, wzrostów i spadków</h2>
256            
257        </div>
258    </section>
259
260    <!-- Calculator Section -->
261    <section class="percentage-calculator-section" id="kalkulator">
262        <div class="percentage-calculator-wrapper">
263            <div class="percentage-calculator-header">
264                <h2>Szybkie Obliczanie Rabatów, Podatków i Zmian Procentowych</h2>
265                <p>Wprowadź dane i oblicz dokładne wartości procentowe w różnych scenariuszach</p>
266            </div>
267            
268                <style>:root {
269            --primary: #667eea;
270            --primary-hover: #5a6fd8;
271            --secondary: #ef4444;
272            --secondary-hover: #dc2626;
273            --accent: #10b981;
274            --accent-hover: #059669;
275            --neutral: #6b7280;
276            --neutral-hover: #4b5563;
277            --border-color: #e5e7eb;
278            --bg-light: #f9fafb;
279            --text-primary: #1f2937;
280            --text-secondary: #6b7280;
281        }
282
283        body {
284            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
285            transition: background-color 0.3s, color 0.3s;
286            line-height: 1.6;
287        }
288
289        input, select {
290            border: 2px solid var(--border-color);
291            padding: 14px 18px;
292            border-radius: 12px;
293            transition: all 0.3s ease;
294            background-color: #fff;
295            margin-right: 16px;
296            margin-bottom: 12px;
297            font-size: 16px;
298            font-weight: 500;
299            color: var(--text-primary);
300            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
301            min-width: 140px;
302        }
303
304        input:focus, select:focus {
305            outline: none;
306            border-color: var(--primary);
307            box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.15);
308            transform: translateY(-1px);
309        }
310
311        input::placeholder {
312            color: var(--text-secondary);
313            font-weight: 400;
314        }
315
316        .btn {
317            padding: 14px 24px;
318            border-radius: 12px;
319            font-weight: 600;
320            transition: all 0.3s ease;
321            text-align: center;
322            cursor: pointer;
323            display: inline-flex;
324            align-items: center;
325            justify-content: center;
326            min-width: 110px;
327            font-size: 15px;
328            margin-left: 12px;
329            margin-bottom: 12px;
330            border: none;
331            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
332            position: relative;
333            overflow: hidden;
334        }
335
336        .btn::before {
337            content: '';
338            position: absolute;
339            top: 0;
340            left: -100%;
341            width: 100%;
342            height: 100%;
343            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
344            transition: left 0.5s;
345        }
346
347        .btn:hover::before {
348            left: 100%;
349        }
350
351        .btn-primary {
352            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);
353            color: white;
354        }
355
356        .btn-primary:hover {
357            background: linear-gradient(135deg, var(--primary-hover) 0%, var(--primary) 100%);
358            transform: translateY(-2px);
359            box-shadow: 0 8px 16px rgba(102, 126, 234, 0.3);
360        }
361
362        .btn-secondary {
363            background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-hover) 100%);
364            color: white;
365        }
366
367        .btn-secondary:hover {
368            background: linear-gradient(135deg, var(--secondary-hover) 0%, var(--secondary) 100%);
369            transform: translateY(-2px);
370            box-shadow: 0 8px 16px rgba(239, 68, 68, 0.3);
371        }
372
373        .btn-accent {
374            background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
375            color: white;
376        }
377
378        .btn-accent:hover {
379            background: linear-gradient(135deg, var(--accent-hover) 0%, var(--accent) 100%);
380            transform: translateY(-2px);
381            box-shadow: 0 8px 16px rgba(16, 185, 129, 0.3);
382        }
383
384        .btn-neutral {
385            background: linear-gradient(135deg, var(--neutral) 0%, var(--neutral-hover) 100%);
386            color: white;
387        }
388
389        .btn-neutral:hover {
390            background: linear-gradient(135deg, var(--neutral-hover) 0%, var(--neutral) 100%);
391            transform: translateY(-2px);
392            box-shadow: 0 8px 16px rgba(107, 114, 128, 0.3);
393        }
394
395        .history-btn {
396            padding: 12px 20px;
397            border-radius: 10px;
398            font-size: 14px;
399            transition: all 0.3s ease;
400            margin-right: 12px;
401            margin-bottom: 12px;
402            font-weight: 500;
403            min-width: 100px;
404        }
405
406        .input-group {
407            margin-bottom: 20px;
408            padding: 20px;
409            border-radius: 16px;
410            background: rgba(255, 255, 255, 0.5);
411            border: 1px solid rgba(0, 0, 0, 0.05);
412        }
413
414        .flex-wrap-mobile {
415            display: flex;
416            flex-wrap: wrap;
417            gap: 16px;
418            align-items: center;
419        }
420
421        .calculation-row {
422            display: flex;
423            flex-wrap: wrap;
424            align-items: center;
425            gap: 16px;
426            margin-bottom: 20px;
427            padding: 20px;
428            background: rgba(255, 255, 255, 0.3);
429            border-radius: 12px;
430            border: 1px solid rgba(0, 0, 0, 0.05);
431        }
432
433        .result-display {
434            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
435            border: 2px solid #cbd5e1;
436            border-radius: 12px;
437            padding: 14px 18px;
438            font-weight: 700;
439            font-size: 16px;
440            min-width: 140px;
441            text-align: center;
442            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
443        }
444
445        .dark-mode .result-display {
446            background: linear-gradient(135deg, #374151 0%, #1f2937 100%);
447            border-color: #4b5563;
448            color: #e5e7eb;
449        }
450
451        .dark-mode .btn-primary { 
452            background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%); 
453        }
454        .dark-mode .btn-primary:hover { 
455            background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
456            box-shadow: 0 8px 16px rgba(96, 165, 250, 0.3);
457        }
458        .dark-mode .btn-secondary { 
459            background: linear-gradient(135deg, #f87171 0%, #ef4444 100%); 
460        }
461        .dark-mode .btn-secondary:hover { 
462            background: linear-gradient(135deg, #ef4444 0%, #f87171 100%);
463            box-shadow: 0 8px 16px rgba(248, 113, 113, 0.3);
464        }
465        .dark-mode .btn-accent { 
466            background: linear-gradient(135deg, #34d399 0%, #10b981 100%); 
467        }
468        .dark-mode .btn-accent:hover { 
469            background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
470            box-shadow: 0 8px 16px rgba(52, 211, 153, 0.3);
471        }
472        .dark-mode .btn-neutral { 
473            background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%); 
474        }
475        .dark-mode .btn-neutral:hover { 
476            background: linear-gradient(135deg, #6b7280 0%, #9ca3af 100%);
477            box-shadow: 0 8px 16px rgba(156, 163, 175, 0.3);
478        }
479        .dark-mode input, .dark-mode select {
480            background-color: #374151;
481            color: #fff;
482            border-color: #6b7280;
483            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
484        }
485        .dark-mode input:focus, .dark-mode select:focus {
486            border-color: #60a5fa;
487            box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.15);
488        }
489        .dark-mode input::placeholder { color: #9ca3af; }
490        .dark-mode .bg-white { background-color: #1e293b; }
491        .dark-mode .bg-gray-100 { background-color: #111827; }
492        .dark-mode .bg-gray-200 { background-color: #1f2937; }
493        .dark-mode .text-gray-700 { color: #d1d5db; }
494        .dark-mode h1, .dark-mode h4 { color: #60a5fa; }
495        .dark-mode #history { color: #e5e7eb; }
496
497        @media (max-width: 768px) {
498            .btn { 
499                padding: 12px 18px; 
500                font-size: 14px; 
501                min-width: 90px; 
502                margin-left: 8px; 
503                margin-bottom: 10px;
504            }
505            .history-btn { 
506                padding: 10px 16px; 
507                font-size: 13px; 
508                margin-right: 8px; 
509                margin-bottom: 8px;
510                min-width: 90px;
511            }
512            input, select { 
513                padding: 12px 14px; 
514                font-size: 15px; 
515                margin-right: 10px; 
516                margin-bottom: 10px;
517                width: 100%;
518                max-width: 180px;
519                min-width: 120px;
520            }
521            .flex-wrap-mobile { 
522                flex-wrap: wrap; 
523                gap: 14px; 
524                align-items: flex-start;
525            }
526            .calculation-row {
527                gap: 12px;
528                padding: 16px;
529                margin-bottom: 16px;
530            }
531            .result-display {
532                min-width: 120px;
533                padding: 12px 14px;
534                font-size: 15px;
535            }
536            .input-group { 
537                margin-bottom: 18px; 
538                width: 100%;
539                padding: 16px;
540            }
541            .max-w-5xl {
542                padding: 24px 18px !important;
543            }
544            .mb-8 {
545                margin-bottom: 28px !important;
546            }
547            .mb-10 {
548                margin-bottom: 32px !important;
549            }
550            h4 {
551                font-size: 18px !important;
552                margin-bottom: 16px !important;
553            }
554        }
555
556        @media (max-width: 480px) {
557            .btn { 
558                padding: 10px 14px; 
559                font-size: 13px; 
560                min-width: 80px; 
561                margin-left: 6px; 
562                margin-bottom: 8px;
563            }
564            .history-btn { 
565                padding: 8px 12px; 
566                font-size: 12px; 
567                margin-right: 6px; 
568                margin-bottom: 6px;
569                min-width: 80px;
570            }
571            input, select { 
572                padding: 10px 12px; 
573                font-size: 14px; 
574                margin-right: 8px; 
575                margin-bottom: 8px;
576                border-radius: 10px;
577                min-width: 100px;
578                max-width: 150px;
579            }
580            .flex-wrap-mobile { 
581                gap: 10px; 
582            }
583            .calculation-row {
584                gap: 10px;
585                padding: 12px;
586                margin-bottom: 12px;
587            }
588            .result-display {
589                min-width: 100px;
590                padding: 10px 12px;
591                font-size: 14px;
592            }
593            .input-group { 
594                margin-bottom: 14px; 
595                padding: 12px;
596            }
597            .max-w-5xl {
598                padding: 18px 12px !important;
599            }
600            .mb-8 {
601                margin-bottom: 24px !important;
602            }
603            .mb-10 {
604                margin-bottom: 28px !important;
605            }
606            h4 {
607                font-size: 16px !important;
608                margin-bottom: 14px !important;
609            }
610        }</style>
611
612    <div class="max-w-5xl mx-auto p-8 bg-white shadow-xl rounded-2xl mt-8 dark:bg-gray-800" style="background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);">
613        <div class="flex justify-between items-center mb-10 flex-wrap-mobile">
614            <div class="flex space-x-6 items-center flex-wrap-mobile">
615                <label class="flex items-center space-x-4 text-gray-700 dark:text-gray-300 input-group">
616                    <span style="font-weight: 600; font-size: 16px;">Precyzja:</span>
617                    <select id="precision" onchange="updatePrecision()" class="bg-white dark:bg-gray-700" style="min-width: 180px;">
618                        <option value="0">0 miejsc dziesiętnych</option>
619                        <option value="1">1 miejsce dziesiętne</option>
620                        <option value="2" selected>2 miejsca dziesiętne</option>
621                        <option value="3">3 miejsca dziesiętne</option>
622                        <option value="4">4 miejsca dziesiętne</option>
623                    </select>
624                </label>
625                <button id="darkModeToggle" onclick="toggleDarkMode()" class="btn btn-neutral" aria-label="Przełącz tryb ciemny" style="min-width: 120px;">
626                    <span style="margin-right: 6px;">🌙</span>Tryb Ciemny
627                </button>
628            </div>
629        </div>
630
631        <!-- Section 1: What percentage of one number is another? -->
632        <div class="mb-10" style="background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); padding: 30px; border-radius: 20px; border: 1px solid #e2e8f0;">
633            <h4 class="text-xl font-bold mb-6 text-gray-800 dark:text-blue-400" style="display: flex; align-items: center; gap: 12px;">
634                <span style="background: #667eea; color: white; padding: 10px 14px; border-radius: 10px; font-size: 18px; font-weight: 700;">1</span>
635                Jaki procent jednej liczby stanowi druga liczba?
636            </h4>
637            <div class="calculation-row">
638                <input id="num1a" type="number" step="any" placeholder="Liczba 1">
639                <span class="text-gray-700 dark:text-gray-300" style="font-weight: 600; font-size: 16px;">to jaki % z</span>
640                <input id="num1b" type="number" step="any" placeholder="Liczba 2">
641                <span class="text-gray-700 dark:text-gray-300" style="font-weight: 600; font-size: 18px;">=</span>
642                <input id="result1" type="text" readonly class="result-display" style="color: #667eea;">
643                <span class="text-gray-700 dark:text-gray-300" style="font-weight: 600; font-size: 16px;">%</span>
644            </div>
645            <div class="flex flex-wrap-mobile" style="margin-top: 20px;">
646                <button onclick="calculatePercentage()" class="btn btn-primary" aria-label="Oblicz procent">
647                    <span style="margin-right: 8px;">🧮</span>Oblicz
648                </button>
649                <button onclick="resetSection1()" class="btn btn-secondary" aria-label="Resetuj sekcję">
650                    <span style="margin-right: 8px;">🔄</span>Resetuj
651                </button>
652                <button onclick="copyResult('result1')" class="btn btn-accent" aria-label="Kopiuj wynik">
653                    <span style="margin-right: 8px;">📋</span>Kopiuj
654                </button>
655            </div>
656        </div>
657
658        <!-- Section 2: Add percentage to a number -->
659        <div class="mb-10" style="background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); padding: 30px; border-radius: 20px; border: 1px solid #bae6fd;">
660            <h4 class="text-xl font-bold mb-6 text-gray-800 dark:text-blue-400" style="display: flex; align-items: center; gap: 12px;">
661                <span style="background: #10b981; color: white; padding: 10px 14px; border-radius: 10px; font-size: 18px; font-weight: 700;">2</span>
662                Dodaj procent do liczby
663            </h4>
664            <div class="calculation-row">
665                <span class="text-gray-700 dark:text-gray-300" style="font-weight: 600; font-size: 16px;">Dodaj</span>
666                <input id="percent2" type="number" step="any" placeholder="Procent">
667                <span class="text-gray-700 dark:text-gray-300" style="font-weight: 600; font-size: 16px;">% do</span>
668                <input id="num2" type="number" step="any" placeholder="Liczba">
669                <span class="text-gray-700 dark:text-gray-300" style="font-weight: 600; font-size: 18px;">=</span>
670                <input id="result2" type="text" readonly class="result-display" style="color: #10b981;">
671            </div>
672            <div class="flex flex-wrap-mobile" style="margin-top: 20px;">
673                <button onclick="addPercentage()" class="btn btn-primary" aria-label="Oblicz dodanie procentu">
674                    <span style="margin-right: 8px;">🧮</span>Oblicz
675                </button>
676                <button onclick="resetSection2()" class="btn btn-secondary" aria-label="Resetuj sekcję">
677                    <span style="margin-right: 8px;">🔄</span>Resetuj
678                </button>
679                <button onclick="copyResult('result2')" class="btn btn-accent" aria-label="Kopiuj wynik">
680                    <span style="margin-right: 8px;">📋</span>Kopiuj
681                </button>
682            </div>
683        </div>
684
685        <!-- Section 3: Subtract percentage from a number -->
686        <div class="mb-10" style="background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%); padding: 30px; border-radius: 20px; border: 1px solid #fecaca;">
687            <h4 class="text-xl font-bold mb-6 text-gray-800 dark:text-blue-400" style="display: flex; align-items: center; gap: 12px;">
688                <span style="background: #ef4444; color: white; padding: 10px 14px; border-radius: 10px; font-size: 18px; font-weight: 700;">3</span>
689                Odejmij procent od liczby
690            </h4>
691            <div class="calculation-row">
692                <span class="text-gray-700 dark:text-gray-300" style="font-weight: 600; font-size: 16px;">Odejmij</span>
693                <input id="percent3" type="number" step="any" placeholder="Procent">
694                <span class="text-gray-700 dark:text-gray-300" style="font-weight: 600; font-size: 16px;">% od</span>
695                <input id="num3" type="number" step="any" placeholder="Liczba">
696                <span class="text-gray-700 dark:text-gray-300" style="font-weight: 600; font-size: 18px;">=</span>
697                <input id="result3" type="text" readonly class="result-display" style="color: #ef4444;">
698            </div>
699            <div class="flex flex-wrap-mobile" style="margin-top: 20px;">
700                <button onclick="subtractPercentage()" class="btn btn-primary" aria-label="Oblicz odjęcie procentu">
701                    <span style="margin-right: 8px;">🧮</span>Oblicz
702                </button>
703                <button onclick="resetSection3()" class="btn btn-secondary" aria-label="Resetuj sekcję">
704                    <span style="margin-right: 8px;">🔄</span>Resetuj
705                </button>
706                <button onclick="copyResult('result3')" class="btn btn-accent" aria-label="Kopiuj wynik">
707                    <span style="margin-right: 8px;">📋</span>Kopiuj
708                </button>
709            </div>
710        </div>
711
712        <!-- Section 4: Percentage increase/decrease -->
713        <div class="mb-10" style="background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%); padding: 30px; border-radius: 20px; border: 1px solid #e9d5ff;">
714            <h4 class="text-xl font-bold mb-6 text-gray-800 dark:text-blue-400" style="display: flex; align-items: center; gap: 12px;">
715                <span style="background: #8b5cf6; color: white; padding: 10px 14px; border-radius: 10px; font-size: 18px; font-weight: 700;">4</span>
716                O ile procent jedna liczba wzrosła/zmalała w stosunku do drugiej?
717            </h4>
718            <div class="calculation-row">
719                <input id="num4a" type="number" step="any" placeholder="Pierwotna">
720                <select id="changeType" onchange="clearSection4Inputs()" class="bg-white dark:bg-gray-700">
721                    <option value="increase">wzrosła do</option>
722                    <option value="decrease">zmalała do</option>
723                </select>
724                <input id="num4b" type="number" step="any" placeholder="Nowa">
725                <span class="text-gray-700 dark:text-gray-300" style="font-weight: 600; font-size: 18px;">=</span>
726                <input id="result4" type="text" readonly class="result-display" style="color: #8b5cf6;">
727                <span class="text-gray-700 dark:text-gray-300" style="font-weight: 600; font-size: 16px;">%</span>
728            </div>
729            <div class="flex flex-wrap-mobile" style="margin-top: 20px;">
730                <button onclick="calculateChange()" class="btn btn-primary" aria-label="Oblicz zmianę procentową">
731                    <span style="margin-right: 8px;">🧮</span>Oblicz
732                </button>
733                <button onclick="resetSection4()" class="btn btn-secondary" aria-label="Resetuj sekcję">
734                    <span style="margin-right: 8px;">🔄</span>Resetuj
735                </button>
736                <button onclick="copyResult('result4')" class="btn btn-accent" aria-label="Kopiuj wynik">
737                    <span style="margin-right: 8px;">📋</span>Kopiuj
738                </button>
739            </div>
740        </div>
741
742        <!-- History Section -->
743        <div class="mt-12" style="background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); padding: 35px; border-radius: 20px; border: 1px solid #e2e8f0;">
744            <h4 class="text-xl font-bold mb-6 text-gray-800 dark:text-blue-400" style="display: flex; align-items: center; gap: 12px;">
745                <span style="background: #64748b; color: white; padding: 10px 14px; border-radius: 10px; font-size: 18px; font-weight: 700;">📊</span>
746                Historia Obliczeń
747            </h4>
748            <div id="history" class="mb-8 p-8 bg-white rounded-lg dark:bg-gray-700" style="min-height: 120px; border: 2px solid #e2e8f0; box-shadow: 0 4px 6px rgba(0,0,0,0.05);"></div>
749            <div class="flex flex-wrap-mobile" style="gap: 16px;">
750                <button onclick="saveHistory(1)" class="history-btn btn-neutral" aria-label="Zapisz historię 1" style="min-width: 100px;">
751                    <span style="margin-right: 6px;">💾</span>Zapisz 1
752                </button>
753                <button onclick="saveHistory(2)" class="history-btn btn-neutral" aria-label="Zapisz historię 2" style="min-width: 100px;">
754                    <span style="margin-right: 6px;">💾</span>Zapisz 2
755                </button>
756                <button onclick="saveHistory(3)" class="history-btn btn-neutral" aria-label="Zapisz historię 3" style="min-width: 100px;">
757                    <span style="margin-right: 6px;">💾</span>Zapisz 3
758                </button>
759                <button onclick="saveHistory(4)" class="history-btn btn-neutral" aria-label="Zapisz historię 4" style="min-width: 100px;">
760                    <span style="margin-right: 6px;">💾</span>Zapisz 4
761                </button>
762                <button onclick="saveHistory(5)" class="history-btn btn-neutral" aria-label="Zapisz historię 5" style="min-width: 100px;">
763                    <span style="margin-right: 6px;">💾</span>Zapisz 5
764                </button>
765                <button onclick="clearHistory()" class="history-btn btn-secondary" aria-label="Wyczyść historię" style="min-width: 120px;">
766                    <span style="margin-right: 6px;">🗑️</span>Wyczyść
767                </button>
768            </div>
769        </div>
770    </div>
771
772    
772<script>
773        let historySlots = Array(5).fill('');
774        let precision = 2;
775
776        window.onload = function() {
777            loadHistory();
778            loadTheme();
779            setupEventListeners();
780        };
781
782        function setupEventListeners() {
783            const sections = [
784                { inputs: ['num1a', 'num1b'], func: calculatePercentage },
785                { inputs: ['percent2', 'num2'], func: addPercentage },
786                { inputs: ['percent3', 'num3'], func: subtractPercentage },
787                { inputs: ['num4a', 'num4b'], func: calculateChange }
788            ];
789
790            sections.forEach(section => {
791                section.inputs.forEach(inputId => {
792                    const input = document.getElementById(inputId);
793                    input.addEventListener('keypress', function(e) {
794                        if (e.key === 'Enter') {
795                            section.func();
796                        }
797                    });
798                });
799            });
800        }
801
802        function loadHistory() {
803            for (let i = 0; i < 5; i++) {
804                const saved = localStorage.getItem(`historySlot${i}`);
805                if (saved) historySlots[i] = saved;
806            }
807            const historyDiv = document.getElementById('history');
808            historyDiv.innerHTML = historySlots.join('');
809        }
810
811        function loadTheme() {
812            if (localStorage.getItem('darkMode') === 'true') {
813                document.documentElement.classList.add('dark-mode');
814                document.getElementById('darkModeToggle').textContent = 'Tryb Jasny';
815            }
816        }
817
818        function toggleDarkMode() {
819            const isDark = document.documentElement.classList.toggle('dark-mode');
820            localStorage.setItem('darkMode', isDark);
821            document.getElementById('darkModeToggle').textContent = isDark ? 'Tryb Jasny' : 'Tryb Ciemny';
822        }
823
824        function updatePrecision() {
825            precision = parseInt(document.getElementById('precision').value);
826        }
827
828        function clearSection4Inputs() {
829            document.getElementById('num4a').value = '';
830            document.getElementById('num4b').value = '';
831            document.getElementById('result4').value = '';
832        }
833
834        function calculatePercentage() {
835            const num1a = parseFloat(document.getElementById('num1a').value) || 0;
836            const num1b = parseFloat(document.getElementById('num1b').value) || 0;
837            if (num1b === 0) {
838                alert('Druga liczba nie może być zerem.');
839                return;
840            }
841            const result = (num1a / num1b) * 100;
842            document.getElementById('result1').value = result.toFixed(precision);
843            addToHistory(`${num1a} to ${result.toFixed(precision)}% z ${num1b}`);
844        }
845
846        function addPercentage() {
847            const percent = parseFloat(document.getElementById('percent2').value) || 0;
848            const num = parseFloat(document.getElementById('num2').value) || 0;
849            const result = num + (num * (percent / 100));
850            document.getElementById('result2').value = result.toFixed(precision);
851            addToHistory(`Dodaj ${percent}% do ${num} = ${result.toFixed(precision)}`);
852        }
853
854        function subtractPercentage() {
855            const percent = parseFloat(document.getElementById('percent3').value) || 0;
856            const num = parseFloat(document.getElementById('num3').value) || 0;
857            const result = num - (num * (percent / 100));
858            document.getElementById('result3').value = result.toFixed(precision);
859            addToHistory(`Odejmij ${percent}% od ${num} = ${result.toFixed(precision)}`);
860        }
861
862        function calculateChange() {
863            const num4a = parseFloat(document.getElementById('num4a').value) || 0;
864            const num4b = parseFloat(document.getElementById('num4b').value) || 0;
865            const changeType = document.getElementById('changeType').value;
866            if (num4a === 0) {
867                alert('Liczba pierwotna nie może być zerem.');
868                return;
869            }
870            const change = ((num4b - num4a) / num4a) * 100;
871            document.getElementById('result4').value = Math.abs(change).toFixed(precision);
872            addToHistory(`${num4a} ${changeType === 'increase' ? 'wzrosła' : 'zmalała'} do ${num4b} o ${Math.abs(change).toFixed(precision)}%`);
873        }
874
875        function addToHistory(entry) {
876            const historyDiv = document.getElementById('history');
877            historyDiv.innerHTML += `<p class="text-gray-700 dark:text-gray-300">${entry}</p>`;
878        }
879
880        function saveHistory(slot) {
881            const historyDiv = document.getElementById('history');
882            historySlots[slot - 1] = historyDiv.innerHTML;
883            localStorage.setItem(`historySlot${slot - 1}`, historyDiv.innerHTML);
884            alert(`Historia zapisana w slocie ${slot}`);
885        }
886
887        function clearHistory() {
888            const historyDiv = document.getElementById('history');
889            historyDiv.innerHTML = '';
890            historySlots = Array(5).fill('');
891            for (let i = 0; i < 5; i++) {
892                localStorage.removeItem(`historySlot${i}`);
893            }
894        }
895
896        function copyResult(resultId) {
897            const result = document.getElementById(resultId).value;
898            if (result) {
899                navigator.clipboard.writeText(result).then(() => {
900                    alert('Wynik skopiowany do schowka!');
901                });
902            } else {
903                alert('Brak wyniku do skopiowania!');
904            }
905        }
906
907        function resetSection1() {
908            document.getElementById('num1a').value = '';
909            document.getElementById('num1b').value = '';
910            document.getElementById('result1').value = '';
911        }
912
913        function resetSection2() {
914            document.getElementById('percent2').value = '';
915            document.getElementById('num2').value = '';
916            document.getElementById('result2').value = '';
917        }
918
919        function resetSection3() {
920            document.getElementById('percent3').value = '';
921            document.getElementById('num3').value = '';
922            document.getElementById('result3').value = '';
923        }
924
925        function resetSection4() {
926            document.getElementById('num4a').value = '';
927            document.getElementById('num4b').value = '';
928            document.getElementById('result4').value = '';
929        }
930    </script>
930
931            </div>
932    </section>
933
934    <!-- Table of Contents -->
935    <div class="table-of-contents">
936        <h3>Spis Treści</h3>
937        <ul>
938            <li><a href="#jak-obliczyc">Jak Obliczyć Procenty - Kompletny Przewodnik</a></li>
939            <li><a href="#zastosowania">Zastosowania Kalkulatora Procentów</a></li>
940            <li><a href="#faq">Najczęściej Zadawane Pytania</a></li>
941        </ul>
942    </div>
943
944    
945    
946
947    <!-- Educational Content -->
948    <section class="percentage-content-section" id="jak-obliczyc">
949        <h2>Jak Obliczyć Procenty - Kompletny Przewodnik</h2>
950
951        <!-- PROCENTY NA OCENY SZKOLNE SECTION -->
952        <div class="grade-percentage-box" style="background: #f8fafc; border: 2px solid #e2e8f0; border-radius: 16px; padding: 1.75rem; margin-bottom: 2rem;">
953            <h3 style="color: #1e293b; margin-top: 0; font-size: 1.3rem; display: flex; align-items: center; gap: 0.5rem;">
954                &#127891; Przelicznik Procentów ze Sprawdzianu na Ocenę Szkolną
955            </h3>
956            <p style="color: #475569; font-size: 0.95rem;">
957                Chcesz wiedzieć, jaką ocenę otrzymasz z klasówki za uzyskany procent punktów? Poniżej znajduje się standardowa skala ocen stosowana w polskich szkołach (WZO):
958            </p>
959            <div style="overflow-x: auto; margin-top: 1rem;">
960                <table style="width: 100%; border-collapse: collapse; text-align: center; font-size: 0.9rem; background: #ffffff; border-radius: 10px; border: 1px solid #cbd5e1;">
961                    <thead>
962                        <tr style="background: linear-gradient(135deg, #1e40af, #764ba2); color: #ffffff !important;">
963                            <th style="padding: 0.75rem; color: #ffffff !important;">Procent punktów (%)</th>
964                            <th style="padding: 0.75rem; color: #ffffff !important;">Ocena słowna</th>
965                            <th style="padding: 0.75rem; color: #ffffff !important;">Stopień cyfrowy</th>
966                        </tr>
967                    </thead>
968                    <tbody>
969                        <tr style="border-bottom: 1px solid #e2e8f0;">
970                            <td style="padding: 0.65rem; font-weight: 700; color: #16a34a;">90% – 100%</td>
971                            <td style="padding: 0.65rem; font-weight: 700;">Celujący</td>
972                            <td style="padding: 0.65rem; font-weight: 800; color: #16a34a;">6</td>
973                        </tr>
974                        <tr style="border-bottom: 1px solid #e2e8f0; background: #f8fafc;">
975                            <td style="padding: 0.65rem; font-weight: 700; color: #1e40af;">85% – 89%</td>
976                            <td style="padding: 0.65rem;">Bardzo dobry</td>
977                            <td style="padding: 0.65rem; font-weight: 700; color: #1e40af;">5</td>
978                        </tr>
979                        <tr style="border-bottom: 1px solid #e2e8f0;">
980                            <td style="padding: 0.65rem; font-weight: 700; color: #0284c7;">70% – 84%</td>
981                            <td style="padding: 0.65rem;">Dobry</td>
982                            <td style="padding: 0.65rem; font-weight: 700; color: #0284c7;">4</td>
983                        </tr>
984                        <tr style="border-bottom: 1px solid #e2e8f0; background: #f8fafc;">
985                            <td style="padding: 0.65rem; font-weight: 700; color: #d97706;">50% – 69%</td>
986                            <td style="padding: 0.65rem;">Dostateczny</td>
987                            <td style="padding: 0.65rem; font-weight: 700; color: #d97706;">3</td>
988                        </tr>
989                        <tr style="border-bottom: 1px solid #e2e8f0;">
990                            <td style="padding: 0.65rem; font-weight: 700; color: #ea580c;">30% – 49%</td>
991                            <td style="padding: 0.65rem;">Dopuszczający</td>
992                            <td style="padding: 0.65rem; font-weight: 700; color: #ea580c;">2</td>
993                        </tr>
994                        <tr style="background: #fef2f2;">
995                            <td style="padding: 0.65rem; font-weight: 700; color: #dc2626;">0% – 29%</td>
996                            <td style="padding: 0.65rem; font-weight: 700; color: #dc2626;">Niedostateczny</td>
997                            <td style="padding: 0.65rem; font-weight: 800; color: #dc2626;">1</td>
998                        </tr>
999                    </tbody>
1000                </table>
1001            </div>
1002            <p style="font-size: 0.88rem; color: #64748b; margin-top: 0.85rem; margin-bottom: 0;">
1003                💡 <strong>Wskazówka:</strong> Po przeliczeniu procentów na oceny skorzystaj z naszego <a href="/kalkulator-sredniej-wazonej/" style="color: #1e40af; font-weight: 700; text-decoration: underline;">kalkulatora średniej ważonej</a> lub sprawdź, czy uzyskasz <a href="/kalkulator-czerwonego-paska/" style="color: #1e40af; font-weight: 700; text-decoration: underline;">czerwony pasek na koniec roku</a>.
1004            </p>
1005        </div>
1006
1007        <div class="educational-content">
1008            <h3>Podstawowe Wzory Matematyczne</h3>
1009            <div class="formula-section">
1010                <h4>1. Obliczanie Procentu z Liczby</h4>
1011                <div class="formula-box">
1012                    <strong>% = (część / całość) × 100</strong>
1013                </div>
1014                <p>Gdzie:</p>
1015                <ul>
1016                    <li><strong>%</strong> - wartość procentowa</li>
1017                    <li><strong>część</strong> - wartość, której procent obliczamy</li>
1018                    <li><strong>całość</strong> - wartość całkowita</li>
1019                </ul>
1020            </div>
1021
1022            <div class="formula-section">
1023                <h4>2. Dodawanie Procentu do Liczby</h4>
1024                <div class="formula-box">
1025                    <strong>
1025Nowa wartość = Stara wartość × (1 + %/100)</strong>
1026                </div>
1027                <p>Gdzie:</p>
1028                <ul>
1029                    <li><strong>Nowa wartość</strong> - wynik po dodaniu procentu</li>
1030                    <li><strong>Stara wartość</strong> - wartość początkowa</li>
1031                    <li><strong>%</strong> - procent do dodania</li>
1032                </ul>
1033            </div>
1034
1035            <div class="formula-section">
1036                <h4>3. Odejmowanie Procentu od Liczby</h4>
1037                <div class="formula-box">
1038                    <strong>Nowa wartość = Stara wartość × (1 - %/100)</strong>
1039                </div>
1040                <p>Gdzie:</p>
1041                <ul>
1042                    <li><strong>Nowa wartość</strong> - wynik po odjęciu procentu</li>
1043                    <li><strong>Stara wartość</strong> - wartość początkowa</li>
1044                    <li><strong>%</strong> - procent do odjęcia</li>
1045                </ul>
1046            </div>
1047
1048            <div class="formula-section">
1049                <h4>4. Obliczanie Zmiany Procentowej</h4>
1050                <div class="formula-box">
1051                    <strong>Zmiana % = ((Nowa - Stara) / Stara) × 100</strong>
1052                </div>
1053                <p>Gdzie:</p>
1054                <ul>
1055                    <li><strong>Zmiana %</strong> - procentowa zmiana wartości</li>
1056                    <li><strong>Nowa</strong> - nowa wartość</li>
1057                    <li><strong>Stara</strong> - stara wartość</li>
1058                </ul>
1059            </div>
1060
1061            <h3>Przykłady Praktyczne</h3>
1062            
1063            <div class="example-section" style="color: #1e293b !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important;">
1064                <h4>Przykład 1: Obliczanie Rabatu</h4>
1065                <div class="example-box" style="color: #1e293b !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important;">
1066                    <p><strong>Zadanie:</strong> Kurtka kosztuje 400 zł, ale ma 25% rabatu. Ile zapłacisz?</p>
1067                    <p><strong>Rozwiązanie:</strong></p>
1068                    <ul>
1069                        <li>Cena początkowa: 400 zł</li>
1070                        <li>Rabat: 25%</li>
1071                        <li>Nowa cena = 400 × (1 - 25/100) = 400 × 0,75 = 300 zł</li>
1072                        <li>Oszczędność: 400 - 300 = 100 zł</li>
1073                    </ul>
1074                </div>
1075            </div>
1076
1077            <div class="example-section" style="color: #1e293b !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important;">
1078                <h4>Przykład 2: Obliczanie Podatku VAT</h4>
1079                <div class="example-box" style="color: #1e293b !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important;">
1080                    <p><strong>Zadanie:</strong> Produkt kosztuje 100 zł netto. Ile kosztuje z 23% VAT?</p>
1081                    <p><strong>Rozwiązanie:</strong></p>
1082                    <ul>
1083                        <li>Cena netto: 100 zł</li>
1084                        <li>VAT: 23%</li>
1085                        <li>Cena brutto = 100 × (1 + 23/100) = 100 × 1,23 = 123 zł</li>
1086                        <li>Podatek VAT: 123 - 100 = 23 zł</li>
1087                    </ul>
1088                </div>
1089            </div>
1090
1091            <div class="example-section" style="color: #1e293b !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important;">
1092                <h4>Przykład 3: Obliczanie Wzrostu Wynagrodzenia</h4>
1093                <div class="example-box" style="color: #1e293b !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important;">
1094                    <p><strong>Zadanie:</strong> Wynagrodzenie wzrosło z 3000 zł do 3300 zł. O ile procent?</p>
1095                    <p><strong>Rozwiązanie:</strong></p>
1096                    <ul>
1097                        <li>Stara wartość: 3000 zł</li>
1098                        <li>Nowa wartość: 3300 zł</li>
1099                        <li>Zmiana % = ((3300 - 3000) / 3000) × 100 = (300/3000) × 100 = 10%</li>
1100                        <li>Wynagrodzenie wzrosło o 10%</li>
1101                    </ul>
1102                </div>
1103            </div>
1104
1105            <div class="example-section" style="color: #1e293b !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important;">
1106                <h4>Przykład 4: Obliczanie Procentu z Egzaminu</h4>
1107                <div class="example-box" style="color: #1e293b !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important;">
1108                    <p><strong>Zadanie:</strong> Uczeń zdobył 45 punktów z 50 możliwych. Jaki to procent?</p>
1109                    <p><strong>Rozwiązanie:</strong></p>
1110                    <ul>
1111                        <li>Zdobyte punkty: 45</li>
1112                        <li>Maksymalne punkty: 50</li>
1113                        <li>% = (45 / 50) × 100 = 0,9 × 100 = 90%</li>
1114                        <li>Uczeń zdobył 90% punktów</li>
1115                    </ul>
1116                </div>
1117            </div>
1118        </div>
1119    </section>
1120
1121    <!-- Applications Section -->
1122    <section class="percentage-content-section" id="zastosowania">
1123        <h2>Zastosowania Kalkulatora Procentów</h2>
1124        
1125        <div class="applications-grid">
1126            <div class="application-card" style="color: #0f172a !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important;">
1127                <h3>🛒 Zakupy i Rabaty</h3>
1128                <p>Obliczanie rabatów, porównywanie cen, sprawdzanie opłacalności promocji i obliczanie oszczędności.</p>
1129                <ul>
1130                    <li>Obliczanie rabatów procentowych</li>
1131                    <li>Porównywanie cen przed i po promocji</li>
1132                    <li>Sprawdzanie opłacalności zakupów</li>
1133                </ul>
1134            </div>
1135
1136            <div class="application-card" style="color: #0f172a !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important;">
1137                <h3>💰 Finanse i Podatki</h3>
1138                <p>Obliczanie podatków VAT, podatku dochodowego, odsetek, prowizji 
1138i innych opłat finansowych.</p>
1139                <ul>
1140                    <li>Obliczanie podatku VAT</li>
1141                    <li>Kalkulacja podatku dochodowego</li>
1142                    <li>Obliczanie odsetek i prowizji</li>
1143                </ul>
1144            </div>
1145
1146            <div class="application-card" style="color: #0f172a !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important;">
1147                <h3>📈 Biznes i Inwestycje</h3>
1148                <p>Analiza wzrostów i spadków sprzedaży, rentowności, zwrotu z inwestycji i trendów rynkowych.</p>
1149                <ul>
1150                    <li>Analiza wzrostu sprzedaży</li>
1151                    <li>Obliczanie rentowności</li>
1152                    <li>Analiza zwrotu z inwestycji</li>
1153                </ul>
1154            </div>
1155
1156            <div class="application-card" style="color: #0f172a !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important;">
1157                <h3>🎓 Edukacja i Egzaminy</h3>
1158                <p>Obliczanie wyników egzaminów, średnich ocen, frekwencji i postępów w nauce.</p>
1159                <ul>
1160                    <li>Obliczanie wyników egzaminów</li>
1161                    <li>Kalkulacja średnich ocen</li>
1162                    <li>Analiza frekwencji</li>
1163                </ul>
1164            </div>
1165
1166            <div class="application-card" style="color: #0f172a !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important;">
1167                <h3>📊 Statystyka i Analiza Danych</h3>
1168                <p>Obliczanie udziałów procentowych, analiza trendów, badania opinii i raporty statystyczne.</p>
1169                <ul>
1170                    <li>Obliczanie udziałów procentowych</li>
1171                    <li>Analiza trendów</li>
1172                    <li>
1172Badania opinii publicznej</li>
1173                </ul>
1174            </div>
1175
1176            <div class="application-card" style="color: #0f172a !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important;">
1177                <h3>🏥 Zdrowie i Medycyna</h3>
1178                <p>Obliczanie dawek leków, analiza wyników badań, wskaźniki zdrowotne i statystyki medyczne.</p>
1179                <ul>
1180                    <li>Obliczanie dawek leków</li>
1181                    <li>Analiza wyników badań</li>
1182                    <li>Wskaźniki zdrowotne</li>
1183                </ul>
1184            </div>
1185        </div>
1186    </section>
1187
1188    <!-- FAQ Section -->
1189    <section class="percentage-content-section" id="faq">
1190        <h2>Najczęściej Zadawane Pytania (FAQ)</h2>
1191        
1192        <div class="faq-grid">
1193            <div class="faq-item">
1194                <h3>Jak obliczyć procent z liczby?</h3>
1195                <p>Podziel część przez całość i pomnóż przez 100. Na przykład: 25 z 50 = (25/50) × 100 = 50%.</p>
1196            </div>
1197
1198            <div class="faq-item">
1199                <h3>Jak dodać procent do liczby?</h3>
1200                <p>Pomnóż liczbę przez (1 + procent/100). Na przykład: 100 + 20% = 100 × (1 + 20/100) = 100 × 1,2 = 120.</p>
1201            </div>
1202
1203            <div class="faq-item">
1204                <h3>Jak odjąć procent od liczby?</h3>
1205                <p>Pomnóż liczbę przez (1 - procent/100). Na przykład: 100 - 15% = 100 × (1 - 15/100) = 100 × 0,85 = 85.</p>
1206            </div>
1207
1208            <div class="faq-item">
1209                <h3>Jak obliczyć zmianę procentową?</h3>
1210                <p>Użyj wzoru: ((nowa - stara) / stara) × 100. Na przykład: z 80 do 100 = ((100-80)/80) × 100 = 25% wzrost.</p>
1211            </div>
1212
1213            <div class="faq-item">
1214                <h3>Jak obliczyć rabat procentowy?</h3>
1215                <p>Pomnóż cenę przez (1 - rabat/100). Na przykład: 200 zł z 30% rabatem = 200 × (1 - 30/100) = 200 × 0,7 = 140 zł.</p>
1216            </div>
1217
1218            <div class="faq-item">
1219                <h3>Jak obliczyć podatek VAT?</h3>
1220                <p>Pomnóż cenę netto przez (1 + VAT/100). Na przykład: 100 zł + 23% VAT = 100 × (1 + 23/100) = 100 × 1,23 = 123 zł.</p>
1221            </div>
1222
1223            <div class="faq-item">
1224                <h3>Jak obliczyć wynik egzaminu w procentach?</h3>
1225                <p>Podziel zdobyte punkty przez maksymalne punkty i pomnóż przez 100. Na przykład: 18 z 20 = (18/20) × 100 = 90%.</p>
1226            </div>
1227
1228            <div class="faq-item">
1229                <h3>Czy kalkulator jest dokładny?</h3>
1230                <p>Tak, kalkulator został stworzony przez doświadczonych matematyków i zapewnia dokładne obliczenia z możliwością ustawienia precyzji.</p>
1231            </div>
1232        </div>
1233    </section>
1234</div>
1235
1236<style>/* Percentage Calculator Page Styles */
1237.percentage-calculator-page {
1238    max-width: 1400px;
1239    margin: 0 auto;
1240    padding: 30px 20px;
1241    font-family: 'Segoe UI', Arial, sans-serif;
1242    line-height: 1.6;
1243    color: #333;
1244}
1245
1246/* Hero Section */
1247.percentage-hero-section {
1248    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
1249    color: white;
1250    padding: 60px 40px;
1251    border-radius: 20px;
1252    margin-bottom: 40px;
1253    text-align: center;
1254}
1255
1256.percentage-hero-content h1 {
1257    font-size: 3rem;
1258    font-weight: 700;
1259    margin-bottom: 20px;
1260    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
1261}
1262
1263.percentage-hero-content h2 {
1264    font-size: 1.5rem;
1265    font-weight: 600;
1266    margin-bottom: 20px;
1267    color: #ffffff;
1268    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
1269    opacity: 1;
1270}
1271
1272.hero-description {
1273    font-size: 1.2rem;
1274    max-width: 800px;
1275    margin: 0 auto;
1276    opacity: 0.95;
1277}
1278
1279/* Calculator Section */
1280.percentage-calculator-section {
1281    margin: 40px 0 60px 0;
1282    padding: 0 20px;
1283}
1284
1285.percentage-calculator-wrapper {
1286    background: white;
1287    border-radius: 20px;
1288    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
1289    overflow: visible;
1290    border: 1px solid #e9ecef;
1291    margin: 0 auto;
1292    max-width: 1200px;
1293}
1294
1295.percentage-calculator-header {
1296    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
1297    padding: 50px 30px 40px 30px;
1298    text-align: center;
1299    border-bottom: 2px solid #e9ecef;
1300    position: relative;
1301    margin-top: 25px;
1302}
1303
1304.percentage-calculator-header::before {
1305    content: "🧮";
1306    position: absolute;
1307    top: -25px;
1308    left: 50%;
1309    transform: translateX(-50%);
1310    background: #667eea;
1311    color: white;
1312    padding: 15px 25px;
1313    border-radius: 30px;
1314    font-size: 1.8rem;
1315    box-shadow: 0 8px 16px rgba(102, 126, 234, 0.4);
1316    z-index: 10;
1317}
1318
1319.percentage-calculator-header h2 {
1320    font-size: 2.2rem;
1321    color: #333;
1322    margin-bottom: 15px;
1323    font-weight: 700;
1324}
1325
1326.percentage-calculator-header p {
1327    font-size: 1.2rem;
1328    color: #666;
1329    margin: 0;
1330    max-width: 600px;
1331    margin: 0 auto;
1332    line-height: 1.6;
1333}
1334
1335/* Calculator Content Styling */
1336.percentage-calculator-wrapper .max-w-5xl {
1337    padding: 40px 30px;
1338    background: white;
1339    margin: 0;
1340    max-width: none;
1341}
1342
1343.percentage-calculator-wrapper .bg-white {
1344    background: transparent !important;
1345    box-shadow: none !important;
1346}
1347
1348.percentage-calculator-wrapper .shadow-xl {
1349    box-shadow: none !important;
1350}
1351
1352.percentage-calculator-wrapper .rounded-2xl {
1353    border-radius: 0 !important;
1354}
1355
1356.percentage-calculator-wrapper .mt-8 {
1357    margin-top: 0 !important;
1358}
1359
1360/* Content Sections */
1361.percentage-content-section {
1362    background: white;
1363    padding: 40px;
1364    margin-bottom: 30px;
1365    border-radius: 15px;
1366    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
1367}
1368
1369.percentage-content-section h2 {
1370    font-size: 2.2rem;
1371    color: #333;
1372    margin-bottom: 30px;
1373    text-align: center;
1374    border-bottom: 3px solid #667eea;
1375    padding-bottom: 15px;
1376}
1377
1378.percentage-content-section h3 {
1379    font-size: 1.5rem;
1380    color: #444;
1381    margin: 25px 0 15px 0;
1382}
1383
1384.percentage-content-section h4 {
1385    font-size: 1.2rem;
1386    color: #555;
1387    margin: 20px 0 10px 0;
1388}
1389
1390/* Author Bio */
1391.author-bio {
1392    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
1393    padding: 30px;
1394    border-radius: 15px;
1395    border-left: 5px solid #667eea;
1396}
1397
1398.author-content {
1399    display: flex;
1400    gap: 30px;
1401    align-items: flex-start;
1402}
1403
1404.author-info h3 {
1405    color: #667eea;
1406    font-size: 1.8rem;
1407    margin-bottom: 10px;
1408}
1409
1410.author-title {
1411    font-size: 1.1rem;
1412    color: #666;
1413    font-weight: 600;
1414    margin-bottom: 15px;
1415}
1416
1417.author-credentials, .author-expertise {
1418    margin-top: 20px;
1419}
1420
1421.author-credentials ul, .author-expertise ul {
1422    list-style: none;
1423    padding-left: 0;
1424}
1425
1426.author-credentials li, .author-expertise li {
1427    padding: 8px 0;
1428    border-bottom: 1px solid #eee;
1429}
1430
1431/* Educational Content */
1432.educational-content {
1433    max-width: 900px;
1434    margin: 0 auto;
1435}
1436
1437.formula-section {
1438    background: #f8f9fa;
1439    padding: 25px;
1440    border-radius: 10px;
1441    margin: 20px 0;
1442    border-left: 4px solid #667eea;
1443}
1444
1445.formula-box {
1446    background: #667eea;
1447    color: white;
1448    padding: 15px 20px;
1449    border-radius: 8px;
1450    text-align: center;
1451    font-size: 1.3rem;
1452    font-weight: 600;
1453    margin: 15px 0;
1454    box-shadow: 0 4px 8px rgba(102, 126, 234, 0.3);
1455}
1456
1457.example-section {
1458    background: #fff;
1459    border: 2px solid #e9ecef;
1460    padding: 25px;
1461    border-radius: 10px;
1462    margin: 20px 0;
1463}
1464
1465.example-box {
1466    background: #f8f9fa;
1467    padding: 20px;
1468    border-radius: 8px;
1469    border-left: 4px solid #28a745;
1470}
1471
1472.example-box ul {
1473    margin: 10px 0;
1474    padding-left: 20px;
1475}
1476
1477/* Applications Grid */
1478.applications-grid {
1479    display: grid;
1480    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
1481    gap: 25px;
1482    margin-top: 30px;
1483}
1484
1485.application-card {
1486    background: white;
1487    border: 2px solid #e9ecef;
1488    border-radius: 12px;
1489    padding: 25px;
1490    transition: transform 0.3s ease, box-shadow 0.3s ease;
1491}
1492
1493.application-card:hover {
1494    transform: translateY(-5px);
1495    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
1496}
1497
1498.application-card h3 {
1499    color: #667eea;
1500    font-size: 1.3rem;
1501    margin-bottom: 15px;
1502    display: flex;
1503    align-items: center;
1504    gap: 10px;
1505}
1506
1507.application-card p {
1508    color: #666;
1509    margin-bottom: 15px;
1510    line-height: 1.6;
1511}
1512
1513.application-card ul {
1514    list-style: none;
1515    padding-left: 0;
1516}
1517
1518.application-card li {
1519    padding: 5px 0;
1520    color: #555;
1521    position: relative;
1522    padding-left: 20px;
1523}
1524
1525.application-card li:before {
1526    content: "✓";
1527    color: #28a745;
1528    font-weight: bold;
1529    position: absolute;
1530    left: 0;
1531}
1532
1533/* FAQ Grid */
1534.faq-grid {
1535    display: grid;
1536    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
1537    gap: 25px;
1538    margin-top: 30px;
1539}
1540
1541.faq-item {
1542    background: white;
1543    border: 2px solid #e9ecef;
1544    border-radius: 12px;
1545    padding: 25px;
1546    transition: border-color 0.3s ease;
1547}
1548
1549.faq-item:hover {
1550    border-color: #667eea;
1551}
1552
1553.faq-item h3 {
1554    color: #667eea;
1555    font-size: 1.2rem;
1556    margin-bottom: 15px;
1557}
1558
1559.faq-item p {
1560    color: #666;
1561    line-height: 1.6;
1562    margin: 0;
1563}
1564
1565/* Table of Contents */
1566.table-of-contents {
1567    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
1568    padding: 30px;
1569    border-radius: 15px;
1570    margin: 30px 0 40px 0;
1571    border: 2px solid #e9ecef;
1572    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
1573    position: relative;
1574}
1575
1576.table-of-contents::before {
1577    content: "📋";
1578    position: absolute;
1579    top: -15px;
1580    left: 30px;
1581    background: #667eea;
1582    color: white;
1583    padding: 8px 15px;
1584    border-radius: 20px;
1585    font-size: 1.2rem;
1586    box-shadow: 0 4px 8px rgba(102, 126, 234, 0.3);
1587}
1588
1589.table-of-contents h3 {
1590    color: #333;
1591    margin-bottom: 15px;
1592    font-size: 1.3rem;
1593}
1594
1595.table-of-contents ul {
1596    list-style: none;
1597    padding-left: 0;
1598}
1599
1600.table-of-contents li {
1601    margin: 8px 0;
1602}
1603
1604.table-of-contents a {
1605    color: #667eea;
1606    text-decoration: none;
1607    font-weight: 500;
1608    transition: color 0.3s ease;
1609}
1610
1611.table-of-contents a:hover {
1612    color: #5a6fd8;
1613    text-decoration: underline;
1614}
1615
1616/* Responsive Design */
1617@media (max-width: 768px) {
1618    .percentage-calculator-page {
1619        padding: 15px;
1620    }
1621
1622    .percentage-calculator-section {
1623        margin: 30px 0 50px 0;
1624        padding: 0 15px;
1625    }
1626
1627    .percentage-calculator-header::before {
1628        top: -20px;
1629        padding: 12px 20px;
1630        border-radius: 25px;
1631        font-size: 1.5rem;
1632    }
1633
1634    .percentage-calculator-header {
1635        padding: 45px 20px 35px 20px;
1636        margin-top: 20px;
1637    }
1638
1639    .percentage-hero-section {
1640        padding: 40px 20px;
1641    }
1642
1643    .percentage-hero-content h1 {
1644        font-size: 2.2rem;
1645    }
1646
1647    .percentage-hero-content h2 {
1648        font-size: 1.2rem;
1649    }
1650
1651    .hero-description {
1652        font-size: 1rem;
1653    }
1654
1655    .percentage-content-section {
1656        padding: 25px;
1657    }
1658
1659    .percentage-content-section h2 {
1660        font-size: 1.8rem;
1661    }
1662
1663    .author-content {
1664        flex-direction: column;
1665        gap: 20px;
1666    }
1667
1668    .applications-grid {
1669        grid-template-columns: 1fr;
1670        gap: 20px;
1671    }
1672
1673    .faq-grid {
1674        grid-template-columns: 1fr;
1675        gap: 20px;
1676    }
1677
1678    .formula-box {
1679        font-size: 1.1rem;
1680        padding: 12px 15px;
1681    }
1682}
1683
1684@media (max-width: 480px) {
1685    .percentage-hero-content h1 {
1686        font-size: 1.8rem;
1687    }
1688
1689    .percentage-hero-content h2 {
1690        font-size: 1rem;
1691    }
1692
1693    .percentage-calculator-section {
1694        margin: 20px 0 40px 0;
1695        padding: 0 10px;
1696    }
1697
1698    .percentage-calculator-header::before {
1699        top: -18px;
1700        padding: 10px 18px;
1701        border-radius: 22px;
1702        font-size: 1.3rem;
1703    }
1704
1705    .percentage-calculator-header {
1706        padding: 40px 15px 30px 15px;
1707        margin-top: 18px;
1708    }
1709
1710    .percentage-content-section {
1711        padding: 20px;
1712    }
1713
1714    .percentage-content-section h2 {
1715        font-size: 1.5rem;
1716    }
1717
1718    .application-card, .faq-item {
1719        padding: 20px;
1720    }
1721}</style>
1722
1723	</div><!-- #inner-wrap -->
1724<!-- EXPERT AUTHOR & E-E-A-T TRUST SECTION (Dr. Anna Kowalska - Lead Mathematical Analyst) -->
1725<section style="background: #ffffff; padding: 2.5rem 1rem; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0;" itemscope itemtype="https://schema.org/Person">
1726    <div class="container" style="max-width: 920px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center; background: #f8fafc; padding: 1.5rem 1.75rem; border-radius: 16px; border: 1px solid #cbd5e1; border-left: 5px solid #1e40af; box-shadow: 0 4px 15px rgba(0,0,0,0.03);">
1727        <img src="https://kalkulatorsrednich.pl/wp-content/themes/kadence/assets/images/Anna-Gorecka.jpg" itemprop="image" alt="Dr. Anna Kowalska - Matematyk i Edukator" width="80" height="80" style="border-radius: 50%; object-fit: cover; border: 2px solid #1e40af; flex-shrink: 0; box-shadow: 0 4px 12px rgba(30,64,175,0.15);"  loading="eager" fetchpriority="high" decoding="async"/>
1728        <div style="flex: 1; min-width: 260px;">
1729            <div style="display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.35rem;">
1730                <strong style="color: #0F172A; font-size: 1.1rem; font-weight: 800;" itemprop="name"><a href="/author/dr-anna-kowalska/" style="color: #0F172A; text-decoration: none;">Dr. Anna Kowalska</a></strong>
1731                <span style="background: #e0e7ff; color: #1e40af; font-size: 0.78rem; font-weight: 700; padding: 0.25rem 0.6rem; border-radius: 12px;" itemprop="jobTitle">Matematyk &amp; Edukator</span>
1732            </div>
1733            <p style="color: #475569; margin: 0 0 0.5rem; line-height: 1.5; font-size: 0.92rem;" itemprop="description">
1734                Ekspertka ds. analizy danych i matematyki | Algorytm kalkulatora zweryfikowany pod kątem zgodności z Rozporządzeniem MEN z 22 lutego 2019 r. (Dz.U. 2019 poz. 373) oraz specyfikacją e-dzienników Librus Synergia i Vulcan UONET+.
1735            </p>
1736            <div style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.5rem; margin-top: 0.4rem; font-size: 0.85rem;">
1737                <span style="color: #16a34a; font-weight: 700;">&#9989; Ostatnia weryfikacja algorytmu: lipiec 2026 r.</span>
1738                <span>
1739                    <a href="/author/dr-anna-kowalska/" style="color: #1e40af; font-weight: 700; text-decoration: underline; margin-right: 0.8rem;">Profil Autorki (Dr. Anna Kowalska) &rarr;</a>
1740                    <a href="/o-nas/" style="color: #1e40af; font-weight: 700; text-decoration: underline;">Poznaj Zespół &rarr;</a>
1741                </span>
1742            </div>
1743        </div>
1744    </div>
1745</section>
1746
1747<!-- SINGLE UNIFIED PERFECT FOOTER -->
1748<footer class="site-footer-custom">
1749    <div class="site-footer-inner">
1750        
1751        <!-- Top Section: Brand Logo + Nav Links + Social Badges -->
1752        <div class="site-footer-top">
1753            
1754            <!-- Brand Logo -->
1755            <div class="footer-brand">
1756                <span class="footer-logo-icon">🔺</span>
1757                <span class="footer-logo-text">Kalkulator <span>ŚREDNIEJ</span></span>
1758            </div>
1759
1760            <!-- Main Navigation Links -->
1761            <div class="footer-nav-links">
1762                <a href="/">Strona Główna</a>
1763                <a href="/o-nas/">O Nas</a>
1764                <a href="/author/dr-anna-kowalska/">Autor: Dr. Anna Kowalska</a>
1765                <a href="/kontakt/">Kontakt</a>
1766                <a href="/polityka-prywatnosci/">Polityka Prywatności</a>
1767                <a href="/warunki-korzystania/">Warunki Korzystania</a>
1768            </div>
1769
1770            <!-- Social Media Badges -->
1771            <div class="footer-social-links">
1772                <a href="https://www.facebook.com/Kalkulatorsredniej/" target="_blank" rel="noopener">Facebook</a>
1773                <a href="https://www.pinterest.com/Kalkulatorsredniej/" target="_blank" rel="noopener">Pinterest</a>
1774                <a href="https://www.youtube.com/@Bilalmania" target="_blank" rel="noopener">YouTube</a>
1775            </div>
1776        </div>
1777
1778        <!-- Middle Section: Structured Categorized Internal Links (Resolves Orphan Pages) -->
1779        <div class="site-footer-links-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; padding: 1.5rem 0; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 1.5rem; text-align: left;">
1780            <div>
1781                <h4 style="color: #ffffff; font-size: 0.95rem; margin-bottom: 0.8rem; font-weight: 700;">Główne Kalkulatory</h4>
1782                <ul style="list-style: none; padding: 0; margin: 0; font-size: 0.85rem; line-height: 1.8;">
1783                    <li><a href="/kalkulator-sredniej-wazonej/" style="color: #cbd5e1; text-decoration: none;">Średnia Ważona (Librus/Vulcan)</a></li>
1784                    <li><a href="/kalkulator-sredniej-arytmetycznej/" style="color: #cbd5e1; text-decoration: none;">Średnia Arytmetyczna</a></li>
1785                    <li><a href="/kalkulator-czerwonego-paska/" style="color: #cbd5e1; text-decoration: none;">Kalkulator Czerwonego Paska</a></li>
1786                    <li><a href="/kalkulator-ects/" style="color: #cbd5e1; text-decoration: none;">Kalkulator Punktów ECTS</a></li>
1787                </ul>
1788            </div>
1789            <div>
1790                <h4 style="color: #ffffff; font-size: 0.95rem; margin-bottom: 0.8rem; font-weight: 700;">Średnie i Statystyka</h4>
1791                <ul style="list-style: none; padding: 0; margin: 0; font-size: 0.85rem; line-height: 1.8;">
1792                    <li><a href="/kalkulator-sredniej-geometrycznej/" style="color: #cbd5e1; text-decoration: none;">Średnia Geometryczna</a></li>
1793                    <li><a href="/srednia-wazona-ocen-szkolnych/" style="color: #cbd5e1; text-decoration: none;">Średnia Ważona Ocen</a></li>
1794                    <li><a href="/srednia-wazona-vs-arytmetyczna/" style="color: #cbd5e1; text-decoration: none;">Ważona vs Arytmetyczna</a></li>
1795                    <li><a href="/kalkulator-punktow/" style="color: #cbd5e1; text-decoration: none;">Kalkulator Punktów</a></li>
1796                </ul>
1797            </div>
1798            <div>
1799                <h4 style="color: #ffffff; font-size: 0.95rem; margin-bottom: 0.8rem; font-weight: 700;">Kategorie i Edukacja</h4>
1800                <ul style="list-style: none; padding: 0; margin: 0; font-size: 0.85rem; line-height: 1.8;">
1801                    <li><a href="/category/matematyczne/" style="color: #cbd5e1; text-decoration: none;">Kategoria: Matematyczne</a></li>
1802                    <li><a href="/author/dr-anna-kowalska/" style="color: #cbd5e1; text-decoration: none;">Autorka: Dr. Anna Kowalska</a></li>
1803                    <li><a href="/warunki-korzystania/" style="color: #cbd5e1; text-decoration: none;">Warunki Korzystania</a></li>
1804                    <li><a href="/jak-obliczyc-srednia-na-studiach/" style="color: #cbd5e1; text-decoration: none;">Średnia na Studiach</a></li>
1805                </ul>
1806            </div>
1807        </div>
1808
1809        <!-- Bottom Copyright Notice -->
1810        <div class="site-footer-bottom">
1811            <p>© 2026 Kalkulatorsrednich.pl — Wszystkie prawa zastrzeżone.</p>
1812        </div>
1813
1814    </div>
1815</footer>
1816
1817	</div><!-- #wrapper -->
1818
1819			
1819<script src="data:text/javascript,document.documentElement.style.setProperty%28%27--scrollbar-offset%27%2C%20window.innerWidth%20-%20document.documentElement.clientWidth%20%2B%20%27px%27%20%29%3B" defer></script>
1819
1820			
1820<script type="speculationrules">
1821{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/kadence/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1822</script>
1822
1823<a id="kt-scroll-up" tabindex="-1" aria-hidden="true" aria-label="Przewiń na górę" href="#wrapper" class="kadence-scroll-to-top scroll-up-wrap scroll-ignore scroll-up-side-right scroll-up-style-outline vs-lg-true vs-md-true vs-sm-true"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-up-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Przewiń na górę</title><path d="M5.707 12.707l5.293-5.293v11.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-11.586l5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-7-7c-0.092-0.092-0.202-0.166-0.324-0.217s-0.253-0.076-0.383-0.076c-0.256 0-0.512 0.098-0.707 0.293l-7 7c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z"></path>
1824				</svg></span></a><button id="kt-scroll-up-reader" href="#wrapper" aria-label="Przewiń na górę" class="kadence-scroll-to-top scroll-up-wrap scroll-ignore scroll-up-side-right scroll-up-style-outline vs-lg-true vs-md-true vs-sm-true"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-up-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Przewiń na górę</title><path d="M5.707 12.707l5.293-5.293v11.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-11.586l5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-7-7c-0.092-0.092-0.202-0.166-0.324-0.217s-0.253-0.076-0.383-0.076c-0.256 0-0.512 0.098-0.707 0.293l-7 7c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z"></path>
1825				</svg></span></button>	<div id="mobile-drawer" class="popup-drawer popup-drawer-layout-sidepanel popup-drawer-animation-fade popup-drawer-side-right" data-drawer-target-string="#mobile-drawer"
1826			>
1827		<div class="drawer-overlay" data-drawer-target-string="#mobile-drawer"></div>
1828		<div class="drawer-inner">
1829						<div class="drawer-header">
1830				<button class="menu-toggle-close drawer-toggle" aria-label="Zamknij menu"  data-toggle-target="#mobile-drawer" data-toggle-body-class="showing-popup-drawer-from-right" aria-expanded="false" data-set-focus=".menu-toggle-open"
1831							>
1832					<span class="toggle-close-bar"></span>
1833					<span class="toggle-close-bar"></span>
1834				</button>
1835			</div>
1836			<div class="drawer-content mobile-drawer-content content-align-left content-valign-top">
1837								<div class="site-header-item site-header-focus-item site-header-item-mobile-navigation mobile-navigation-layout-stretch-false" data-section="kadence_customizer_mobile_navigation">
1838		<nav id="mobile-site-navigation" class="mobile-navigation drawer-navigation drawer-navigation-parent-toggle-false" role="navigation" aria-label="Podstawowa nawigacja mobilna">
1839				<div class="mobile-menu-container drawer-menu-container">
1840			<ul id="mobile-menu" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-351"><a href="https://kalkulatorsrednich.pl/">Home</a></li>
1841<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-326"><a>Średnich</a>
1842<ul class="sub-menu">
1843	<li class="menu-item menu-item-type-post_type menu-item-object-post menu-item-520"><a href="https://kalkulatorsrednich.pl/kalkulator-sredniej-wazonej/">Kalkulator Średniej Ważonej</a></li>
1844	<li class="menu-item menu-item-type-post_type menu-item-object-post menu-item-342"><a href="https://kalkulatorsrednich.pl/kalkulator-sredniej-arytmetycznej/">Kalkulator Średniej Arytmetycznej</a></li>
1845	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-718"><a href="https://kalkulatorsrednich.pl/kalkulator-sredniej-geometrycznej/">Kalkulator Średniej Geometrycznej</a></li>
1846	<li class="menu-item menu-item-type-post_type menu-item-object-post menu-item-343"><a href="https://kalkulatorsrednich.pl/kalkulator-sredniej-predkosci/">Kalkulator Średniej Prędkości</a></li>
1847	<li class="menu-item menu-item-type-post_type menu-item-object-post menu-item-344"><a href="https://kalkulatorsrednich.pl/kalkulator-sredniej-temperatury/">Kalkulator Średniej Temperatury</a></li>
1848</ul>
1849</li>
1850<li class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-ancestor current-menu-parent menu-item-has-children menu-item-165"><a>Matematyczne</a>
1851<ul class="sub-menu">
1852	<li class="menu-item menu-item-type-post_type menu-item-object-post current-menu-item menu-item-345"><a href="https://kalkulatorsrednich.pl/kalkulator-procentow/" aria-current="page">Kalkulator Procentów</a></li>
1853	<li class="menu-item menu-item-type-post_type menu-item-object-post menu-item-347"><a href="https://kalkulatorsrednich.pl/kalkulator-punktow/">kalkulator Punktów do Liceum</a></li>
1854</ul>
1855</li>
1856</ul>		</div>
1857	</nav><!-- #site-navigation -->
1858	</div><!-- data-section="mobile_navigation" -->
1859							</div>
1860		</div>
1861	</div>
1862	
1862<script data-wp-strategy="defer" defer id="flying_press_preload-js" src="https://kalkulatorsrednich.pl/wp-content/plugins/flying-press/assets/preload.min.js?ver=962518cc4f7c"></script>
vendor: 1 bytes, line 1862
1862
1863<script id="chart-js-js" src="https://kalkulatorsrednich.pl/wp-content/plugins/professional-calculator/assets/chart.js?ver=0296476c4f4c" defer></script>
vendor: 1 bytes, line 1863
1863
1864<script data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://kalkulatorsrednich.pl/wp-includes/js/comment-reply.min.js?ver=43fbbc126781" defer></script>
vendor: 1 bytes, line 1864
1864
1865<script id="kadence-navigation-js-extra" defer data-src="data:text/javascript,var%20kadenceConfig%20%3D%20%7B%22screenReader%22%3A%7B%22expand%22%3A%22Menu%20podrz%5Cu0119dne%22%2C%22expandOf%22%3A%22Menu%20podrz%5Cu0119dne%20z%22%2C%22collapse%22%3A%22Menu%20podrz%5Cu0119dne%22%2C%22collapseOf%22%3A%22Menu%20podrz%5Cu0119dne%20z%22%7D%2C%22breakPoints%22%3A%7B%22desktop%22%3A%221024%22%2C%22tablet%22%3A768%7D%2C%22scrollOffset%22%3A%220%22%7D%3B%0A%2F%2F%23%20sourceURL%3Dkadence-navigation-js-extra"></script>
vendor: 1 bytes, line 1865
1865
1866<script id="kadence-navigation-js" defer data-src="https://kalkulatorsrednich.pl/wp-content/themes/kadence/assets/js/navigation.min.js?ver=a87859c32549"></script>
vendor: 1 bytes, line 1866
1866
1867<script id="jquery-core-js" src="https://kalkulatorsrednich.pl/wp-includes/js/jquery/jquery.min.js?ver=826eb77e86b0" defer></script>
vendor: 1 bytes, line 1867
1867
1868<script id="jquery-migrate-js" defer data-src="https://kalkulatorsrednich.pl/wp-includes/js/jquery/jquery-migrate.min.js?ver=9ffeb32e2d9e"></script>
vendor: 1 bytes, line 1868
1868
1869<script id="custom-design-js" src="https://kalkulatorsrednich.pl/wp-content/cache/flying-press/d446bd088d82.custom-design.js" defer></script>
vendor: 1 bytes, line 1869
1869
1870<script id="professional-calculator-js" src="https://kalkulatorsrednich.pl/wp-content/cache/flying-press/801d305b7a7a.professional-calculator.js" defer></script>
vendor: 1 bytes, line 1870
1870
1871<script id="wp-emoji-settings" type="application/json">
1872{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://kalkulatorsrednich.pl/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
1873</script>
vendor: 1 bytes, line 1873
1873
1874<script type="module">
1875/*! This file is auto-generated */
1876var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
1877//# sourceURL=https://kalkulatorsrednich.pl/wp-includes/js/wp-emoji-loader.min.js
1878</script>
1878
1879
1880<script>!function(t){"function"==typeof define&&define.amd?define(t):t()}(function(){var t;!function(){var t=[],e=["click","mousemove","keydown","touchstart","touchmove","wheel"],n=document.querySelectorAll("script[data-src]"),r=document.querySelectorAll("link[data-href]");if(n.length||r.length){var a=function(e){return t.push(e)};document.addEventListener("click",a,{passive:!0});var o=setTimeout(c,10000);e.forEach(function(t){window.addEventListener(t,c,{passive:!0})})}function i(e){var r=n[e];r.onload=function(){if(e>=n.length-1)return window.dispatchEvent(new Event("DOMContentLoaded")),window.dispatchEvent(new Event("load")),document.removeEventListener("click",a),void t.forEach(function(t){var e=new MouseEvent("click",{view:t.view,bubbles:!0,cancelable:!0});t.target.dispatchEvent(e)});i(e+1)},r.src=r.getAttribute("data-src")}function c(){clearTimeout(o),e.forEach(function(t){window.removeEventListener(t,c,{passive:!0})}),n.forEach(function(t){var e=t.getAttribute("data-src");if(!e.startsWith("data:")){var n=document.createElement("link");n.rel="preload",n.as="script",n.href=e,document.head.appendChild(n)}}),n.length&&i(0),r.forEach(function(t){t.href=t.getAttribute("data-href")})}}(),t=new IntersectionObserver(function(e){e.forEach(function(e){e.isIntersecting&&(t.unobserve(e.target),e.target.getAttribute("data-lazy-attributes").split(",").forEach(function(t){var n=e.target.getAttribute("data-lazy-".concat(t));e.target.setAttribute(t,n)}))})},{rootMargin:"300px"}),document.querySelectorAll("[data-lazy-method='viewport']").forEach(function(e){t.observe(e)})});
1881</script>
1881
1882</body>
1883</html>
1884<!-- Powered by FlyingPress for lightning-fast performance. Learn more: https://flyingpress.com. Cached at 1790221882 -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.