.form-input{width:100%;border:1px solid var(--input);border-radius:.75rem;background:color-mix(in oklch,var(--background) 60%,transparent);padding:.75rem 1rem;font-size:.875rem;color:var(--foreground)}
.form-input:focus{border-color:var(--primary);outline:2px solid var(--ring);outline-offset:2px}
.form-input:user-invalid{border-color:var(--destructive)}
.form-fields{border:0;min-width:0;padding:0;margin:0}
.form-fields:disabled{opacity:.5}
.form-fields:disabled button{cursor:not-allowed}
.form-notice{margin-bottom:1.5rem;padding:1rem;border:1px solid var(--border);border-radius:.75rem;overflow-wrap:anywhere}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:100;background:var(--surface);color:var(--foreground);padding:1rem;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
summary{list-style:none}summary::-webkit-details-marker{display:none}
.faq-plus{flex-shrink:0;font-size:1.4rem;font-weight:400;transition:transform .2s}
details[open]>summary .faq-plus{transform:rotate(45deg)}
summary:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
[data-menu-toggle]{display:none}
.js [data-menu-toggle]{display:inline-flex}
.js #mobile-menu:not(.is-open){display:none}
#mobile-menu{max-height:calc(100dvh - 5rem);overflow-y:auto}
.no-js [data-site-header]{position:relative}
.no-js main>section:first-child{padding-top:3rem}
@media(min-width:1280px){.js [data-menu-toggle]{display:none}}
/* Dodatkowa pozycja menu: zachowaj czytelność i miejsce na logo oraz CTA. */
[data-main-links]{white-space:nowrap}
@media(min-width:1400px){[data-main-links] a{padding-inline:.5rem}}
@media(min-width:1280px) and (max-width:1399px){[data-main-links]{display:none}.js [data-menu-toggle]{display:inline-flex}#mobile-menu{display:block}}
@media(max-width:639px){[data-site-header] nav{gap:.5rem}[data-site-header] .font-display{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.content-breadcrumbs{margin-bottom:2rem;overflow-wrap:anywhere}
.content-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.5rem}
.content-breadcrumbs li+li::before{content:"/";margin-right:.5rem;opacity:.5}
.content-breadcrumbs a:hover{color:var(--cyan)}
.content-copy{overflow-wrap:anywhere}
.content-illustration{max-height:28rem;aspect-ratio:4/3}
.content-checklist{display:grid;gap:1rem;list-style:disc;padding-left:1.25rem}
.content-card-link::after{content:"";position:absolute;inset:0}
.content-card-link:focus-visible::after{outline:2px solid var(--cyan);outline-offset:-2px;border-radius:inherit}
.mb-10{margin-bottom:2.5rem}
.content-illustration[src*="/player.png"]{object-fit:contain;background:var(--background)}
.realizacje-card-image,.realizacje-gallery-image{display:block;width:100%;aspect-ratio:16/10}
.realizacje-cover{display:block;width:100%;max-height:38rem;aspect-ratio:16/9}
.realizacje-fit-cover{object-fit:cover}
.realizacje-fit-contain{object-fit:contain;background:var(--background)}
.realizacje-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem}
.realizacje-facts dt{font-size:.875rem;color:var(--muted-foreground)}
.realizacje-facts dd{margin-top:.5rem;overflow-wrap:anywhere}
.realizacje-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}
@media(max-width:639px){.realizacje-facts{grid-template-columns:1fr}}
.content-legal{max-width:56rem}
.content-legal-section{margin-bottom:2.5rem}
.legal-footer,.legal-related{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}
.legal-footer{padding-bottom:1.5rem}
.legal-footer a:hover,.legal-related a:hover{color:var(--cyan);text-decoration:underline}
.cookie-settings-dialog{color:var(--foreground);background:var(--surface);width:min(92vw,38rem);max-height:88dvh;overflow-y:auto;padding:2rem;border-radius:1.5rem;margin:auto}
.cookie-settings-dialog:not([open]){display:none}
.cookie-settings-dialog::backdrop{background:rgb(0 0 0 / .65)}
.cookie-category{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}
.cookie-category label{display:flex;gap:.75rem;align-items:center;font-weight:500}
.cookie-category input{accent-color:var(--primary)}
@media print{[data-site-header],footer,.cookie-settings-dialog,.skip-link{display:none!important}.content-legal{max-width:none}body{background:white!important;color:black!important}.content-legal p{color:black!important}}
