/* BionicMop Bayern – base.css
   Własny CSS zamiast Tailwind. Wersja 1.69 | 2026-08-01
*/
*,*::before,*::after{box-sizing:border-box}
html{line-height:1.5;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;color:#0f172a;background:#fff}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,p{margin:0}

/* utilities.css – odpowiedniki klas używanych w layoutcie */

.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.hidden{display:none}
.block{display:block}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.flex-1{flex:1 1 0%}
.flex-shrink-0{flex-shrink:0}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-end{justify-content:flex-end}
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
.sticky{position:sticky}
.inset-0{inset:0}
.top-0{top:0}
.bottom-0{bottom:0}
.bottom-6{bottom:1.5rem}
.left-0{left:0}
.left-6{left:1.5rem}
.right-0{right:0}
.z-10{z-index:10}
.z-50{z-index:50}
.z-\[90\]{z-index:90}
.z-\[100\]{z-index:100}
.z-\[110\]{z-index:110}
.z-\[120\]{z-index:120}
.z-\[200\]{z-index:200}
.overflow-hidden{overflow:hidden}
.overflow-auto{overflow:auto}
.overflow-y-auto{overflow-y:auto}
.mx-auto{margin-left:auto;margin-right:auto}
.w-full{width:100%}
.h-full{height:100%}
.h-16{height:4rem}
.h-20{height:5rem}
.h-10{height:2.5rem}
.w-10{width:2.5rem}
.w-16{width:4rem}
.h-16{height:4rem}
.max-w-screen-2xl{max-width:1536px}
.max-w-screen-xl{max-width:1280px}
.max-w-3xl{max-width:48rem}
.max-w-2xl{max-width:42rem}
.max-w-xl{max-width:36rem}
.max-w-lg{max-width:32rem}
.max-w-md{max-width:28rem}
.max-w-none{max-width:none}
.min-h-\[calc\(100dvh-5rem\)\]{min-height:calc(100dvh - 5rem)}
.max-h-\[92dvh\]{max-height:92dvh}
.min-h-\[50vh\]{min-height:50vh}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.col-span-2{grid-column:span 2 / span 2}
.p-0{padding:0}
.px-0{padding-left:0;padding-right:0}
.py-0{padding-top:0;padding-bottom:0}
.pt-0{padding-top:0}
.pb-0{padding-bottom:0}
.pl-0{padding-left:0}
.pr-0{padding-right:0}
.m-0{margin:0}
.mx-0{margin-left:0;margin-right:0}
.my-0{margin-top:0;margin-bottom:0}
.mt-0{margin-top:0}
.mb-0{margin-bottom:0}
.ml-0{margin-left:0}
.mr-0{margin-right:0}
.gap-0{gap:0}
.gap-x-0{column-gap:0}
.gap-y-0{row-gap:0}
.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0 * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0 * var(--tw-space-y-reverse))}
.p-0.5{padding:.125rem}
.px-0.5{padding-left:.125rem;padding-right:.125rem}
.py-0.5{padding-top:.125rem;padding-bottom:.125rem}
.pt-0.5{padding-top:.125rem}
.pb-0.5{padding-bottom:.125rem}
.pl-0.5{padding-left:.125rem}
.pr-0.5{padding-right:.125rem}
.m-0.5{margin:.125rem}
.mx-0.5{margin-left:.125rem;margin-right:.125rem}
.my-0.5{margin-top:.125rem;margin-bottom:.125rem}
.mt-0.5{margin-top:.125rem}
.mb-0.5{margin-bottom:.125rem}
.ml-0.5{margin-left:.125rem}
.mr-0.5{margin-right:.125rem}
.gap-0.5{gap:.125rem}
.gap-x-0.5{column-gap:.125rem}
.gap-y-0.5{row-gap:.125rem}
.space-y-0.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}
.p-1{padding:.25rem}
.px-1{padding-left:.25rem;padding-right:.25rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.pt-1{padding-top:.25rem}
.pb-1{padding-bottom:.25rem}
.pl-1{padding-left:.25rem}
.pr-1{padding-right:.25rem}
.m-1{margin:.25rem}
.mx-1{margin-left:.25rem;margin-right:.25rem}
.my-1{margin-top:.25rem;margin-bottom:.25rem}
.mt-1{margin-top:.25rem}
.mb-1{margin-bottom:.25rem}
.ml-1{margin-left:.25rem}
.mr-1{margin-right:.25rem}
.gap-1{gap:.25rem}
.gap-x-1{column-gap:.25rem}
.gap-y-1{row-gap:.25rem}
.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}
.p-1.5{padding:.375rem}
.px-1.5{padding-left:.375rem;padding-right:.375rem}
.py-1.5{padding-top:.375rem;padding-bottom:.375rem}
.pt-1.5{padding-top:.375rem}
.pb-1.5{padding-bottom:.375rem}
.pl-1.5{padding-left:.375rem}
.pr-1.5{padding-right:.375rem}
.m-1.5{margin:.375rem}
.mx-1.5{margin-left:.375rem;margin-right:.375rem}
.my-1.5{margin-top:.375rem;margin-bottom:.375rem}
.mt-1.5{margin-top:.375rem}
.mb-1.5{margin-bottom:.375rem}
.ml-1.5{margin-left:.375rem}
.mr-1.5{margin-right:.375rem}
.gap-1.5{gap:.375rem}
.gap-x-1.5{column-gap:.375rem}
.gap-y-1.5{row-gap:.375rem}
.space-y-1.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}
.p-2{padding:.5rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.pt-2{padding-top:.5rem}
.pb-2{padding-bottom:.5rem}
.pl-2{padding-left:.5rem}
.pr-2{padding-right:.5rem}
.m-2{margin:.5rem}
.mx-2{margin-left:.5rem;margin-right:.5rem}
.my-2{margin-top:.5rem;margin-bottom:.5rem}
.mt-2{margin-top:.5rem}
.mb-2{margin-bottom:.5rem}
.ml-2{margin-left:.5rem}
.mr-2{margin-right:.5rem}
.gap-2{gap:.5rem}
.gap-x-2{column-gap:.5rem}
.gap-y-2{row-gap:.5rem}
.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}
.p-2.5{padding:.625rem}
.px-2.5{padding-left:.625rem;padding-right:.625rem}
.py-2.5{padding-top:.625rem;padding-bottom:.625rem}
.pt-2.5{padding-top:.625rem}
.pb-2.5{padding-bottom:.625rem}
.pl-2.5{padding-left:.625rem}
.pr-2.5{padding-right:.625rem}
.m-2.5{margin:.625rem}
.mx-2.5{margin-left:.625rem;margin-right:.625rem}
.my-2.5{margin-top:.625rem;margin-bottom:.625rem}
.mt-2.5{margin-top:.625rem}
.mb-2.5{margin-bottom:.625rem}
.ml-2.5{margin-left:.625rem}
.mr-2.5{margin-right:.625rem}
.gap-2.5{gap:.625rem}
.gap-x-2.5{column-gap:.625rem}
.gap-y-2.5{row-gap:.625rem}
.space-y-2.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}
.p-3{padding:.75rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.pt-3{padding-top:.75rem}
.pb-3{padding-bottom:.75rem}
.pl-3{padding-left:.75rem}
.pr-3{padding-right:.75rem}
.m-3{margin:.75rem}
.mx-3{margin-left:.75rem;margin-right:.75rem}
.my-3{margin-top:.75rem;margin-bottom:.75rem}
.mt-3{margin-top:.75rem}
.mb-3{margin-bottom:.75rem}
.ml-3{margin-left:.75rem}
.mr-3{margin-right:.75rem}
.gap-3{gap:.75rem}
.gap-x-3{column-gap:.75rem}
.gap-y-3{row-gap:.75rem}
.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}
.p-3.5{padding:.875rem}
.px-3.5{padding-left:.875rem;padding-right:.875rem}
.py-3.5{padding-top:.875rem;padding-bottom:.875rem}
.pt-3.5{padding-top:.875rem}
.pb-3.5{padding-bottom:.875rem}
.pl-3.5{padding-left:.875rem}
.pr-3.5{padding-right:.875rem}
.m-3.5{margin:.875rem}
.mx-3.5{margin-left:.875rem;margin-right:.875rem}
.my-3.5{margin-top:.875rem;margin-bottom:.875rem}
.mt-3.5{margin-top:.875rem}
.mb-3.5{margin-bottom:.875rem}
.ml-3.5{margin-left:.875rem}
.mr-3.5{margin-right:.875rem}
.gap-3.5{gap:.875rem}
.gap-x-3.5{column-gap:.875rem}
.gap-y-3.5{row-gap:.875rem}
.space-y-3.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * var(--tw-space-y-reverse))}
.p-4{padding:1rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.pt-4{padding-top:1rem}
.pb-4{padding-bottom:1rem}
.pl-4{padding-left:1rem}
.pr-4{padding-right:1rem}
.m-4{margin:1rem}
.mx-4{margin-left:1rem;margin-right:1rem}
.my-4{margin-top:1rem;margin-bottom:1rem}
.mt-4{margin-top:1rem}
.mb-4{margin-bottom:1rem}
.ml-4{margin-left:1rem}
.mr-4{margin-right:1rem}
.gap-4{gap:1rem}
.gap-x-4{column-gap:1rem}
.gap-y-4{row-gap:1rem}
.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
.p-5{padding:1.25rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.pt-5{padding-top:1.25rem}
.pb-5{padding-bottom:1.25rem}
.pl-5{padding-left:1.25rem}
.pr-5{padding-right:1.25rem}
.m-5{margin:1.25rem}
.mx-5{margin-left:1.25rem;margin-right:1.25rem}
.my-5{margin-top:1.25rem;margin-bottom:1.25rem}
.mt-5{margin-top:1.25rem}
.mb-5{margin-bottom:1.25rem}
.ml-5{margin-left:1.25rem}
.mr-5{margin-right:1.25rem}
.gap-5{gap:1.25rem}
.gap-x-5{column-gap:1.25rem}
.gap-y-5{row-gap:1.25rem}
.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}
.p-6{padding:1.5rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.pt-6{padding-top:1.5rem}
.pb-6{padding-bottom:1.5rem}
.pl-6{padding-left:1.5rem}
.pr-6{padding-right:1.5rem}
.m-6{margin:1.5rem}
.mx-6{margin-left:1.5rem;margin-right:1.5rem}
.my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.mt-6{margin-top:1.5rem}
.mb-6{margin-bottom:1.5rem}
.ml-6{margin-left:1.5rem}
.mr-6{margin-right:1.5rem}
.gap-6{gap:1.5rem}
.gap-x-6{column-gap:1.5rem}
.gap-y-6{row-gap:1.5rem}
.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
.p-7{padding:1.75rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.py-7{padding-top:1.75rem;padding-bottom:1.75rem}
.pt-7{padding-top:1.75rem}
.pb-7{padding-bottom:1.75rem}
.pl-7{padding-left:1.75rem}
.pr-7{padding-right:1.75rem}
.m-7{margin:1.75rem}
.mx-7{margin-left:1.75rem;margin-right:1.75rem}
.my-7{margin-top:1.75rem;margin-bottom:1.75rem}
.mt-7{margin-top:1.75rem}
.mb-7{margin-bottom:1.75rem}
.ml-7{margin-left:1.75rem}
.mr-7{margin-right:1.75rem}
.gap-7{gap:1.75rem}
.gap-x-7{column-gap:1.75rem}
.gap-y-7{row-gap:1.75rem}
.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}
.p-8{padding:2rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.pt-8{padding-top:2rem}
.pb-8{padding-bottom:2rem}
.pl-8{padding-left:2rem}
.pr-8{padding-right:2rem}
.m-8{margin:2rem}
.mx-8{margin-left:2rem;margin-right:2rem}
.my-8{margin-top:2rem;margin-bottom:2rem}
.mt-8{margin-top:2rem}
.mb-8{margin-bottom:2rem}
.ml-8{margin-left:2rem}
.mr-8{margin-right:2rem}
.gap-8{gap:2rem}
.gap-x-8{column-gap:2rem}
.gap-y-8{row-gap:2rem}
.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}
.p-9{padding:2.25rem}
.px-9{padding-left:2.25rem;padding-right:2.25rem}
.py-9{padding-top:2.25rem;padding-bottom:2.25rem}
.pt-9{padding-top:2.25rem}
.pb-9{padding-bottom:2.25rem}
.pl-9{padding-left:2.25rem}
.pr-9{padding-right:2.25rem}
.m-9{margin:2.25rem}
.mx-9{margin-left:2.25rem;margin-right:2.25rem}
.my-9{margin-top:2.25rem;margin-bottom:2.25rem}
.mt-9{margin-top:2.25rem}
.mb-9{margin-bottom:2.25rem}
.ml-9{margin-left:2.25rem}
.mr-9{margin-right:2.25rem}
.gap-9{gap:2.25rem}
.gap-x-9{column-gap:2.25rem}
.gap-y-9{row-gap:2.25rem}
.space-y-9>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.25rem * var(--tw-space-y-reverse))}
.p-10{padding:2.5rem}
.px-10{padding-left:2.5rem;padding-right:2.5rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.pt-10{padding-top:2.5rem}
.pb-10{padding-bottom:2.5rem}
.pl-10{padding-left:2.5rem}
.pr-10{padding-right:2.5rem}
.m-10{margin:2.5rem}
.mx-10{margin-left:2.5rem;margin-right:2.5rem}
.my-10{margin-top:2.5rem;margin-bottom:2.5rem}
.mt-10{margin-top:2.5rem}
.mb-10{margin-bottom:2.5rem}
.ml-10{margin-left:2.5rem}
.mr-10{margin-right:2.5rem}
.gap-10{gap:2.5rem}
.gap-x-10{column-gap:2.5rem}
.gap-y-10{row-gap:2.5rem}
.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}
.p-12{padding:3rem}
.px-12{padding-left:3rem;padding-right:3rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.pt-12{padding-top:3rem}
.pb-12{padding-bottom:3rem}
.pl-12{padding-left:3rem}
.pr-12{padding-right:3rem}
.m-12{margin:3rem}
.mx-12{margin-left:3rem;margin-right:3rem}
.my-12{margin-top:3rem;margin-bottom:3rem}
.mt-12{margin-top:3rem}
.mb-12{margin-bottom:3rem}
.ml-12{margin-left:3rem}
.mr-12{margin-right:3rem}
.gap-12{gap:3rem}
.gap-x-12{column-gap:3rem}
.gap-y-12{row-gap:3rem}
.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}
.p-14{padding:3.5rem}
.px-14{padding-left:3.5rem;padding-right:3.5rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.pt-14{padding-top:3.5rem}
.pb-14{padding-bottom:3.5rem}
.pl-14{padding-left:3.5rem}
.pr-14{padding-right:3.5rem}
.m-14{margin:3.5rem}
.mx-14{margin-left:3.5rem;margin-right:3.5rem}
.my-14{margin-top:3.5rem;margin-bottom:3.5rem}
.mt-14{margin-top:3.5rem}
.mb-14{margin-bottom:3.5rem}
.ml-14{margin-left:3.5rem}
.mr-14{margin-right:3.5rem}
.gap-14{gap:3.5rem}
.gap-x-14{column-gap:3.5rem}
.gap-y-14{row-gap:3.5rem}
.space-y-14>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3.5rem * var(--tw-space-y-reverse))}
.p-16{padding:4rem}
.px-16{padding-left:4rem;padding-right:4rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.pt-16{padding-top:4rem}
.pb-16{padding-bottom:4rem}
.pl-16{padding-left:4rem}
.pr-16{padding-right:4rem}
.m-16{margin:4rem}
.mx-16{margin-left:4rem;margin-right:4rem}
.my-16{margin-top:4rem;margin-bottom:4rem}
.mt-16{margin-top:4rem}
.mb-16{margin-bottom:4rem}
.ml-16{margin-left:4rem}
.mr-16{margin-right:4rem}
.gap-16{gap:4rem}
.gap-x-16{column-gap:4rem}
.gap-y-16{row-gap:4rem}
.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem * var(--tw-space-y-reverse))}
.p-20{padding:5rem}
.px-20{padding-left:5rem;padding-right:5rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.pt-20{padding-top:5rem}
.pb-20{padding-bottom:5rem}
.pl-20{padding-left:5rem}
.pr-20{padding-right:5rem}
.m-20{margin:5rem}
.mx-20{margin-left:5rem;margin-right:5rem}
.my-20{margin-top:5rem;margin-bottom:5rem}
.mt-20{margin-top:5rem}
.mb-20{margin-bottom:5rem}
.ml-20{margin-left:5rem}
.mr-20{margin-right:5rem}
.gap-20{gap:5rem}
.gap-x-20{column-gap:5rem}
.gap-y-20{row-gap:5rem}
.space-y-20>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(5rem * var(--tw-space-y-reverse))}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.font-bold{font-weight:700}
.font-semibold{font-weight:600}
.font-medium{font-weight:500}
.uppercase{text-transform:uppercase}
.italic{font-style:italic}
.underline{text-decoration:underline}
.tracking-tighter{letter-spacing:-0.05em}
.tracking-tight{letter-spacing:-0.025em}
.tracking-wide{letter-spacing:0.025em}
.tracking-widest{letter-spacing:0.1em}
.tracking-\[1\.5px\]{letter-spacing:1.5px}
.leading-none{line-height:1}
.leading-tight{line-height:1.25}
.leading-relaxed{line-height:1.625}
.whitespace-nowrap{white-space:nowrap}
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}
.text-\[10px\]{font-size:10px}
.text-\[15px\]{font-size:15px}
.text-white{color:#fff}
.bg-white{background-color:#fff}
.border-white{border-color:#fff}
.text-black{color:#000}
.bg-black{background-color:#000}
.border-black{border-color:#000}
.text-slate-50{color:#f8fafc}
.bg-slate-50{background-color:#f8fafc}
.border-slate-50{border-color:#f8fafc}
.text-slate-100{color:#f1f5f9}
.bg-slate-100{background-color:#f1f5f9}
.border-slate-100{border-color:#f1f5f9}
.text-slate-200{color:#e2e8f0}
.bg-slate-200{background-color:#e2e8f0}
.border-slate-200{border-color:#e2e8f0}
.text-slate-300{color:#cbd5e1}
.bg-slate-300{background-color:#cbd5e1}
.border-slate-300{border-color:#cbd5e1}
.text-slate-400{color:#94a3b8}
.bg-slate-400{background-color:#94a3b8}
.border-slate-400{border-color:#94a3b8}
.text-slate-500{color:#64748b}
.bg-slate-500{background-color:#64748b}
.border-slate-500{border-color:#64748b}
.text-slate-600{color:#475569}
.bg-slate-600{background-color:#475569}
.border-slate-600{border-color:#475569}
.text-slate-700{color:#334155}
.bg-slate-700{background-color:#334155}
.border-slate-700{border-color:#334155}
.text-slate-800{color:#1e293b}
.bg-slate-800{background-color:#1e293b}
.border-slate-800{border-color:#1e293b}
.text-slate-900{color:#0f172a}
.bg-slate-900{background-color:#0f172a}
.border-slate-900{border-color:#0f172a}
.text-slate-950{color:#020617}
.bg-slate-950{background-color:#020617}
.border-slate-950{border-color:#020617}
.text-blue-300{color:#66C2D9}
.bg-blue-300{background-color:#66C2D9}
.border-blue-300{border-color:#66C2D9}
.text-blue-400{color:#33AACC}
.bg-blue-400{background-color:#33AACC}
.border-blue-400{border-color:#33AACC}
.text-blue-600{color:#0099BB}
.bg-blue-600{background-color:#0099BB}
.border-blue-600{border-color:#0099BB}
.text-blue-700{color:#007A99}
.bg-blue-700{background-color:#007A99}
.border-blue-700{border-color:#007A99}
.text-blue-800{color:#0088AA}
.bg-blue-800{background-color:#0088AA}
.border-blue-800{border-color:#0088AA}
.text-blue-900{color:#006A88}
.bg-blue-900{background-color:#006A88}
.border-blue-900{border-color:#006A88}
.text-emerald-400{color:#34d399}
.bg-emerald-400{background-color:#34d399}
.border-emerald-400{border-color:#34d399}
.text-emerald-600{color:#059669}
.bg-emerald-600{background-color:#059669}
.border-emerald-600{border-color:#059669}
.text-emerald-700{color:#047857}
.bg-emerald-700{background-color:#047857}
.border-emerald-700{border-color:#047857}
.text-red-400{color:#f87171}
.bg-red-400{background-color:#f87171}
.border-red-400{border-color:#f87171}
.text-red-600{color:#dc2626}
.bg-red-600{background-color:#dc2626}
.border-red-600{border-color:#dc2626}
.text-red-700{color:#b91c1c}
.bg-red-700{background-color:#b91c1c}
.border-red-700{border-color:#b91c1c}
.text-pink-600{color:#db2777}
.bg-pink-600{background-color:#db2777}
.border-pink-600{border-color:#db2777}
.text-white\/90{color:rgba(255,255,255,.9)}
.text-white\/85{color:rgba(255,255,255,.85)}
.text-white\/80{color:rgba(255,255,255,.8)}
.text-white\/70{color:rgba(255,255,255,.7)}
.text-white\/60{color:rgba(255,255,255,.6)}
.bg-white\/10{background-color:rgba(255,255,255,.1)}
.bg-white\/5{background-color:rgba(255,255,255,.05)}
.bg-black\/60{background-color:rgba(0,0,0,.6)}
.bg-slate-800\/60{background-color:rgba(30,41,59,.6)}
.bg-red-600\/90{background-color:rgba(220,38,38,.9)}
.border-white\/10{border-color:rgba(255,255,255,.1)}
.border-white\/20{border-color:rgba(255,255,255,.2)}
.border-white\/25{border-color:rgba(255,255,255,.25)}
.border-white\/40{border-color:rgba(255,255,255,.4)}
.border-white\/70{border-color:rgba(255,255,255,.7)}
.border-white\/80{border-color:rgba(255,255,255,.8)}
.border{border-width:1px;border-style:solid}
.border-2{border-width:2px;border-style:solid}
.border-b{border-bottom-width:1px;border-bottom-style:solid}
.border-t{border-top-width:1px;border-top-style:solid}
.border-y{border-top-width:1px;border-bottom-width:1px;border-style:solid}
.rounded-full{border-radius:9999px}
.rounded-2xl{border-radius:1rem}
.bg-cover{background-size:cover}
.bg-center{background-position:center}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.from-slate-950\/75{--tw-gradient-from:rgba(2,6,23,.75);--tw-gradient-to:rgba(2,6,23,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-slate-950\/85{--tw-gradient-from:rgba(2,6,23,.85);--tw-gradient-to:rgba(2,6,23,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-slate-950\/90{--tw-gradient-from:rgba(2,6,23,.9);--tw-gradient-to:rgba(2,6,23,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-slate-950\/65{--tw-gradient-to:rgba(2,6,23,0);--tw-gradient-stops:var(--tw-gradient-from),rgba(2,6,23,.65),var(--tw-gradient-to)}
.via-slate-950\/70{--tw-gradient-to:rgba(2,6,23,0);--tw-gradient-stops:var(--tw-gradient-from),rgba(2,6,23,.7),var(--tw-gradient-to)}
.to-slate-950\/85{--tw-gradient-to:rgba(2,6,23,.85)}
.to-slate-950\/40{--tw-gradient-to:rgba(2,6,23,.4)}
.to-slate-950\/35{--tw-gradient-to:rgba(2,6,23,.35)}
.from-\[\#f8f1e3\]{--tw-gradient-from:#f8f1e3;--tw-gradient-to:hsla(40,60%,93%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-\[\#f8f1e3\]{--tw-gradient-to:#f8f1e3}
.via-white{--tw-gradient-to:hsla(0,0%,100%,0);--tw-gradient-stops:var(--tw-gradient-from),#fff,var(--tw-gradient-to)}
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.backdrop-blur-md{backdrop-filter:blur(12px)}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.resize-y{resize:vertical}
.cursor-pointer{cursor:pointer}
.list-disc{list-style-type:disc}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.hover\:bg-blue-900:hover{background-color:#006A88}
.hover\:bg-blue-700:hover{background-color:#007A99}
.hover\:bg-emerald-700:hover{background-color:#047857}
.hover\:bg-slate-50:hover{background-color:#f8fafc}
.hover\:bg-slate-100:hover{background-color:#f1f5f9}
.hover\:bg-white:hover{background-color:#fff}
.hover\:bg-white\/10:hover{background-color:rgba(255,255,255,.1)}
.hover\:bg-red-50:hover{background-color:#fef2f2}
.hover\:text-slate-900:hover{color:#0f172a}
.hover\:text-blue-800:hover{color:#0088AA}
.hover\:text-emerald-600:hover{color:#059669}
.hover\:text-emerald-700:hover{color:#047857}
.hover\:text-white:hover{color:#fff}
.hover\:text-red-700:hover{color:#b91c1c}
.hover\:underline:hover{text-decoration:underline}
.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.focus\:border-blue-800:focus{border-color:#0088AA}
.focus\:border-blue-700:focus{border-color:#007A99}
.focus\:ring-1:focus{box-shadow:0 0 0 1px var(--tw-ring-color, #B3E0EB)}
.focus\:ring-blue-200:focus{--tw-ring-color:#B3E0EB}

@media (min-width:640px){
  .sm\:flex{display:flex}
  .sm\:flex-row{flex-direction:row}
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sm\:inline{display:inline}
  .sm\:inline-flex{display:inline-flex}
  .sm\:gap-4{gap:1rem}
  .sm\:gap-x-3{column-gap:.75rem}
  .sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}
  .sm\:px-8{padding-left:2rem;padding-right:2rem}
  .sm\:text-sm{font-size:.875rem;line-height:1.25rem}
  .sm\:text-5xl{font-size:3rem;line-height:1}
  .sm\:w-auto{width:auto}
}

@media (min-width:768px){
  .md\:flex{display:flex}
  .md\:hidden{display:none}
  .md\:inline{display:inline}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .md\:col-span-4{grid-column:span 4 / span 4}
  .md\:px-12{padding-left:3rem;padding-right:3rem}
  .md\:text-left{text-align:left}
  .md\:text-2xl{font-size:1.5rem;line-height:2rem}
  .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}
  .md\:text-xl{font-size:1.25rem;line-height:1.75rem}
  .md\:text-lg{font-size:1.125rem;line-height:1.75rem}
  .md\:text-base{font-size:1rem;line-height:1.5rem}
  .md\:gap-4{gap:1rem}
  .md\:gap-6{gap:1.5rem}
  .md\:gap-x-16{column-gap:4rem}
  .md\:gap-x-12{column-gap:3rem}
  .md\:p-8{padding:2rem}
  .md\:p-10{padding:2.5rem}
  .md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}
  .md\:min-h-\[720px\]{min-height:720px}
  .md\:h-20{height:5rem}
}

@media (min-width:1024px){
  .lg\:flex{display:flex}
  .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:col-span-5{grid-column:span 5 / span 5}
  .lg\:col-span-6{grid-column:span 6 / span 6}
  .lg\:col-span-7{grid-column:span 7 / span 7}
  .lg\:mb-0{margin-bottom:0}
  .lg\:mt-0{margin-top:0}
  .lg\:py-20{padding-top:5rem;padding-bottom:5rem}
  .lg\:items-end{align-items:flex-end}
  .lg\:flex-row{flex-direction:row}
  .lg\:text-6xl{font-size:3.75rem;line-height:1}
}
/* components.css – komponenty marki BionicMop Bayern */
.heading-font{font-weight:600;letter-spacing:-0.025em}
.section-header{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.1;font-weight:700;letter-spacing:-0.03em}
.nav-link{transition:color .2s ease}
.nav-link:hover{color:#0088AA}
.sharp{border-radius:0 !important}
.gallery-9-16{aspect-ratio:9/16}
.hizero-btn{transition:transform .2s ease,box-shadow .2s ease}
.hizero-btn:hover{transform:translateY(-2px)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}
.animate-\[fadeInUp_0\.6s_ease_forwards\]{animation:fadeInUp .6s ease forwards}
@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.rotate-180{transform:rotate(180deg)}
.group:hover .group-hover\:opacity-100{opacity:1}
/* form defaults */
input,textarea,select{border-radius:0}
/* cookie / modal helpers */
#cookie-banner-host,#video-gallery-modal,#contact-modal,#quick-question-modal{box-sizing:border-box}


/* === v1.71: brakujące klasy (promo banner + layout) === */
.bg-\[\#E30613\]{background-color:#E30613}
.text-\[\#E30613\]{color:#E30613}
.hover\:bg-gray-100:hover{background-color:#f3f4f6}
.hover\:bg-red-50:hover{background-color:#fef2f2}
.active\:bg-red-100:active{background-color:#fee2e2}
.active\:scale-\[0\.985\]:active{transform:scale(0.985)}
.opacity-90{opacity:0.9}
.opacity-70{opacity:0.7}
.opacity-80{opacity:0.8}
.duration-200{transition-duration:200ms}
.bg-red-50{background-color:#fef2f2}
.bg-red-100{background-color:#fee2e2}
.bg-gray-100{background-color:#f3f4f6}
.text-gray-100{color:#f3f4f6}
/* flex row at md */
@media (min-width:768px){
  .md\:flex-row{flex-direction:row}
  .md\:block{display:block}
  .md\:items-center{align-items:center}
  .md\:justify-between{justify-content:space-between}
}
/* prose-ish for legal pages */
.prose p{margin-bottom:1rem;line-height:1.65;color:#334155}
.prose h2{margin-top:2rem;margin-bottom:0.75rem}

/* Logo BionicMop Bayern – Outfit Bold 700 */
.logo-font,.site-logo,.brand-logo,
.site-nav-bar .logo,
nav a.logo,
footer .logo {
  font-family: 'Outfit', system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em;
}
.heading-font {
  font-family: 'Outfit', system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: -0.025em;
}
body, button, input, textarea, select {
  font-family: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* === Brand palette v1.85 – primary #0088AA === */
:root {
  --brand: #0088AA;
  --brand-dark: #006A88;
  --brand-mid: #007A99;
  --brand-light: #0099BB;
  --brand-soft: #66C2D9;
  --brand-pale: #B3E0EB;
}
.text-blue-800, .text-blue-700 { color: var(--brand) !important; }
.bg-blue-800 { background-color: var(--brand) !important; }
.bg-blue-900, .hover\:bg-blue-900:hover { background-color: var(--brand-dark) !important; }
.bg-blue-600, .bg-blue-700 { background-color: var(--brand-light) !important; }
.hover\:bg-blue-700:hover { background-color: var(--brand-mid) !important; }
.hover\:text-blue-800:hover { color: var(--brand) !important; }
.border-blue-700, .border-blue-800 { border-color: var(--brand) !important; }
.focus\:border-blue-700:focus, .focus\:border-blue-800:focus { border-color: var(--brand) !important; }
.focus\:ring-blue-200:focus { --tw-ring-color: var(--brand-pale); }
.text-blue-300, .text-blue-400 { color: var(--brand-soft) !important; }
.logo-font + .text-blue-800,
span.text-blue-800 { color: var(--brand) !important; }