/* ========================================== 
   1. TŁO I RESET ZMIENNYCH TAILWIND
   ========================================== */

*, 
:after, 
:before {
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:;
}

::backdrop {
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:;
}

/* ========================================== 
   2. RESET I STYLE BAZOWE ELEMENTÓW HTML
   ========================================== */

body {
  margin:0;
  line-height:inherit;
}

hr {
  height:0;
  color:inherit;
  border-top-width:1px;
}

abbr:where([title]) {
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted;
}

h1,h2,h3,h4,h5,h6 {
  font-size:inherit;
  font-weight:inherit;
}

a {
  color:inherit;
  text-decoration:inherit;
}

b,strong {
  font-weight:bolder;
}

code,kbd,pre,samp {
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em;
}

small {
  font-size:80%;
}

sub,sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub {
  bottom:-.25em;
}

sup {
  top:-.5em;
}

table {
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse;
}

button,input,optgroup,select,textarea {
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  margin:0;
  padding:0;
}

button,select {
  text-transform:none;
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none;
}

:-moz-focusring {
  outline:auto;
}

:-moz-ui-invalid {
  box-shadow:none;
}

progress {
  vertical-align:baseline;
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
  height:auto;
}

[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px;
}

::-webkit-search-decoration {
  -webkit-appearance:none;
}

::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit;
}

summary {
  display:list-item;
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
  margin:0;
}

fieldset {
  margin:0;
}

fieldset,legend {
  padding:0;
}

menu,ol,ul {
  list-style:none;
  margin:0;
  padding:0;
}

dialog {
  padding:0;
}

textarea {
  resize:vertical;
}

input::-moz-placeholder,textarea::-moz-placeholder {
  opacity:1;
  color:#9ca3af;
}

input::placeholder,textarea::placeholder {
  opacity:1;
  color:#9ca3af;
}

[role=button],button {
  cursor:pointer;
}

:disabled {
  cursor:default;
}

audio,canvas,embed,iframe,img,object,svg,video {
  display:block;
  vertical-align:middle;
}

img,video {
  max-width:100%;
  height:auto;
}

[hidden]:where(:not([hidden=until-found])) {
  display:none;
}

:host,html {
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent;
}

/* ── Section Radius (border-radius) ──────────────────────────── */
        /* Purge-safe: inline style — nie jest usuwane przez Tailwind      */
        .section-radius-tl    { border-top-left-radius: 2rem; }
        .section-radius-tr    { border-top-right-radius: 2rem; }
        .section-radius-bl    { border-bottom-left-radius: 2rem; }
        .section-radius-br    { border-bottom-right-radius: 2rem; }
        .section-radius-tl-tr { border-top-left-radius: 2rem; border-top-right-radius: 2rem; }
        .section-radius-bl-br { border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; }
        .section-radius-tl-bl { border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; }
        .section-radius-tr-br { border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; }
        .section-radius-all   { border-radius: 2rem; }

        /* ── Section Organic Shapes (border-radius) ──────────────────── */
        .section-organic-tl {
            border-radius: 100% 0% 100% 0% / 10% 100% 0% 90% !important;
        }
        .section-organic-tr {
            border-radius: 0% 100% 0% 100% / 100% 11% 89% 0% !important;
        }
        .section-organic-bl {
            border-radius: 100% 0% 100% 0% / 0% 90% 10% 100% !important;
        }
        .section-organic-br {
            border-radius: 0% 100% 0% 100% / 90% 0% 100% 10% !important;
        }
        .section-organic-wave {
            border-radius: 90% 10% 90% 10% / 10% 91% 9% 90% !important;
        }
        .section-organic-bubble {
            border-radius: 9% 91% 12% 88% / 90% 10% 90% 10% !important;
        }
        .section-organic-leaf {
            border-radius: 0% 100% 0% 100% / 90% 10% 90% 10% !important;
        }
/* ========================================== 
   3. WŁASNE KOMPONENTY I STYLE DLA GRAV CMS
   ========================================== */

/* ========================================== 
   4. KLASY POMOCNICZE (UTILITIES)
   ========================================== */

/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before {
  box-sizing:border-box;
  border:0 solid #e5e7eb;
}

:after,:before {
  --tw-content:"";
}