*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
} html,
body {
overflow-x: hidden;
overflow-x: clip;
} .mgd-main > *,
.wp-site-blocks > * {
margin-block-start: 0;
}
body {
margin: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
img,
svg,
video,
canvas {
max-width: 100%;
height: auto;
}
img {
display: block;
}
button,
input,
select,
textarea {
font: inherit;
color: inherit;
} :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
outline: 2px solid var(--wp--preset--color--accent-strong);
outline-offset: 3px;
border-radius: 2px;
}  .mgd-visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.skip-link {
position: absolute;
top: 0.5rem;
left: 0.5rem;
z-index: 999;
padding: 0.75rem 1.25rem;
background: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
border-radius: 999px;
transform: translateY(-200%);
transition: transform 0.2s ease;
}
.skip-link:focus-visible {
transform: translateY(0);
} .mgd-script {
font-family: var(--wp--preset--font-family--display);
font-weight: 400;
letter-spacing: 0;
line-height: 1.05;
color: var(--wp--preset--color--accent-strong);
} .mgd-eyebrow {
display: inline-block;
font-size: var(--wp--preset--font-size--xs);
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--wp--preset--color--muted);
} .wp-element-button,
.mgd-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.6rem;
min-height: 3rem;
padding: 0.95rem 1.9rem;
border: 1px solid transparent;
border-radius: 999px;
background: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
font-size: var(--wp--preset--font-size--sm);
font-weight: 600;
letter-spacing: 0.04em;
line-height: 1;
text-decoration: none;
cursor: pointer;
transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.mgd-btn--ghost {
background: transparent;
border-color: var(--wp--preset--color--line);
color: var(--wp--preset--color--contrast);
}
.mgd-btn--accent {
background: var(--wp--preset--color--accent-strong);
color: var(--wp--preset--color--base);
}
.mgd-btn--sm {
min-height: 2.5rem;
padding: 0.65rem 1.35rem;
font-size: var(--wp--preset--font-size--xs);
}
@media (hover: hover) {
.wp-element-button:hover,
.mgd-btn:hover {
background: var(--wp--preset--color--accent-strong);
color: var(--wp--preset--color--base);
border-color: transparent;
}
.mgd-btn--ghost:hover {
background: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
}
} @media (max-width: 47.9375rem) {
.mgd-btn--block-mobile {
width: 100%;
white-space: normal;
text-align: center;
}
} .magda-form-placeholder {
padding: 1.25rem 1.5rem;
border: 1px dashed var(--wp--preset--color--line);
border-radius: 0.75rem;
color: var(--wp--preset--color--muted);
font-size: var(--wp--preset--font-size--sm);
}  @media (max-width: 47.9375rem) {
p[class*="__nadtytul"],
p.mgd-rozdzial__numer,
p.mgd-of-karta__numer,
h2.mgd-opinie__tytul {
display: block;
}
p[class*="__nadtytul"]::after,
p.mgd-rozdzial__numer::after,
p.mgd-of-karta__numer::after,
h2.mgd-opinie__tytul::after {
display: inline-block;
width: 2.5rem;
margin-left: 0.75rem;
vertical-align: middle;
} p[class*="__nadtytul"],
p[class*="__badge"],
p.mgd-rozdzial__numer,
p.mgd-of-karta__numer {
margin-bottom: 0.7rem;
line-height: 1.25;
}
}  .js [data-reveal] {
opacity: 0;
transform: translateY(20px);
} .js [data-reveal="zanik"] {
transform: none;
}
.js [data-reveal].is-visible {
opacity: 1;
transform: none;
transition:
opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) var(--opoznienie, 0ms),
transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) var(--opoznienie, 0ms);
} @media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}